section.rc-container{background-color: var(--accent); color: white; padding: 60px 30px 40px 30px; /*margin: 15px 0;*/}
section.rc-container h2 {color: white; }

.rates-carousel{border: solid 0px fuchsia; width: 100%; max-width: 1430px;  position: relative; margin: 0 auto; }

.slick-slider{ border: solid 0px green; padding: 0; margin: 0 auto; width: calc(100% - 80px) !important;  }
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto; display: flex;align-items: center;}

.slick-slide{display:none;min-height:1px; display: flex; justify-content: center; align-items: center;border: solid 0px orange; padding: 0 20px}

.Rtext{  font-size: 30px; color: white;}
.Rapr{   font-size: 16px; color: white; padding: 5px 0 10px 0; transition: all .25s;}
.Rnumber{  font-size: 60px; font-weight: 600;color: #A3CBD4;  transition: all .25s;}
.Rnumber sup{font-size: 24px; top: -1em;}
.slick-slide a{text-decoration: none;}
.slick-slide a:hover, .slick-slide a:focus{text-decoration: none;}
.slick-slide a:hover .Rnumber, .slick-slide a:focus .Rnumber{color: var(--ltgreen); padding-bottom: 5px;}
.slick-slide a:hover .Rapr, .slick-slide a:focus .Rapr{ padding: 5px 0;}

/* arrows nav */
.slick-arrow.slick-hidden{display:none}
.slick-prev, .slick-next{border: solid 0px lime; z-index: 99; color: white ; font-size: 30px; position: absolute; top: 0; display: block;  width: 40px; height: 100%; cursor: pointer; text-align: center; background: transparent; opacity: 1; -webkit-transition: all .25; transition: all .25s; text-align:center; z-index: 90}
.slick-prev{left: 5px;}
.slick-next{left: auto;right: 5px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{opacity: 1; color: var(--ltgreen); outline:none;left: 0px;}
.slick-next:hover, .slick-next:focus{left: auto; right: 0px;}

.slick-prev:hover .fa-thin.fa-circle-arrow-left, .slick-prev:focus .fa-thin.fa-circle-arrow-left, .slick-next:hover .fa-thin.fa-circle-arrow-left, .slick-next:focus .fa-thin.fa-circle-arrow-left, .slick-prev:hover .fa-thin.fa-circle-arrow-right, .slick-prev:focus .fa-thin.fa-circle-arrow-right, .slick-next:hover .fa-thin.fa-circle-arrow-right, .slick-next:focus .fa-thin.fa-circle-arrow-right{font-weight: 300}


/*M*/
@media only screen and (max-width: 991px) {
	section.rc-container{ padding: 50px 30px;}
	section.large_banner{background-image: url(<?php echo bg_banner(1); ?>);}
	section.large_banner.L{background-image: url(<?php echo bg_banner(3); ?>);}
	section.rc-container h2 {margin-top: 0}
}

/*S*/
@media only screen and  (max-width: 767px) {
	.Rtext{  font-size: 24px;}
	.Rapr{   font-size: 14px;}
	.Rnumber{  font-size: 50px;}
	.Rnumber sup{font-size: 20px; top: -1em;}
}

/*XS*/
@media only screen and  (max-width: 575px) {
	.slick-prev, .slick-next{font-size: 20px; width: 30px;}
	.slick-slider{ width: calc(100% - 60px) !important;  }
	section.rc-container{ padding: 40px 20px;}
	section.rc-container a.cta{ margin: 9px 8px;}
	section.rc-container a.cta:hover, section.rc-container a.cta:focus{margin: 7px 0;}

}