.rccl_homepageTopCarousalOuter {
    padding: 0px;
}

.rccl_homepageTopCarousalLeft {
    padding: 0px;
}

.rccl_homepageTopCarousalRight {
    padding: 0px;
    background-color: #59ba9b;
    color: #ffffff;
}

.rccl_homepageTopCarousalRightAfterDocReady{
	visibility:hidden;
}

.rccl_homepageTopCarousalLeft img {
    border: 0px solid #ffffff;
    width: 100%;
}

.rccl_homepageTopCarousalLeftArrow {
    background-image: none !important;
}

.rccl_homepageTopCarousalRightArrow {
    background-image: none !important;
}



.carousel-indicators li {
    background-color: #956b83;
    border: none;
}

.carousel-indicators .active {
    width: 10px;
    height: 10px;
    border: none;
    margin: 1px;
}


.rccl_homepageTopCarousalOfferTextOuter {
    height: 100%;
}

    .rccl_homepageTopCarousalOfferTextOuter .item {
        height: 100%;
    }

.rccl_homepageTopCarousalOfferText {
    color: #ffffff;
    text-align: center;
    position: relative;
    display: block;
 
    margin: 0px 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "proxima-nova-bold", "proxima-nova", sans-serif !important;

  
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}




.rccl_homepageTopCarousalOfferButton {
    position: absolute;
    background-color: #FEBD11;
    color: #061556;
    font-weight: 700;
    border-bottom: 5px solid #cb970e;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
}

    .rccl_homepageTopCarousalOfferButton a {
        text-decoration: none;
        color: #061556;
    }

    .rccl_homepageTopCarousalOfferButton:hover {
    color: #061556;
    margin-top: 2px;
    border-bottom: 3px solid #CB970E;
    cursor: pointer;
        transition-delay: 80ms;
}


.carousel.carousel-slide1 .item {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
}

.carousel.carousel-slide1 .active.item {
    opacity: 1;
}

.carousel.carousel-slide1 .active.left, .carousel.carousel-slide1 .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.carousel-slide1 .next, .carousel.carousel-slide1 .prev {
    left: 0;
    z-index: 1;
}

.carousel.carousel-slide1 .carousel-control {
    z-index: 3;
}


.carousel.carousel-fade .item {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
}

.carousel.carousel-fade .active.item {
    opacity: 1;
}

.carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.carousel-fade .next, .carousel.carousel-fade .prev {
    left: 0;
    z-index: 1;
}

.carousel.carousel-fade .carousel-control {
    z-index: 3;
}

.rccl_homepageTopCarousalLeftArrow .fa{color:#ffffff !important;}
.rccl_homepageTopCarousalRightArrow .fa{color:#ffffff !important;}

.rccl_homepageTopCarousalSecondLiList li.active{height:10px !important; background-color: #fff !important;}
.rccl_homepageTopCarousalSecondLiList li{height:10px !important;}

/* i_phone 4 */
@media (device-height: 480px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* i_phone 5 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) {
}

/* Small Devices, Mobiles */
@media only screen and (min-width : 320px) {

       .carousel-control {bottom: 10px;top: 72%;font-size: 24px;}
    .carousel-indicators {top: 76%;}
    .rccl_homepageTopCarousalOfferText {top: 22%;padding: 0px 15px;font-size: 14px;border-top: 0px solid #ffffff;border-bottom: 0px solid #ffffff;}
    .rccl_homepageTopCarousalOfferButton {right: 22%; width:56%; left:22%;bottom: 30%;font-size: 12px;padding: 6px;padding-top: 10px;}
    .carousel-control:hover, .carousel-control:visited, .carousel-control:focus, .carousel-control:active {
        opacity:0.8;
    }
}

/* Small Devices, Mobiles - landscape */
@media only screen and (min-width : 480px) {

       .carousel-control {bottom: 10px;top: 72%;font-size: 24px;}
    .carousel-indicators {top: 76%;}
    .rccl_homepageTopCarousalOfferText {top: 22%;padding: 6px 15px;font-size: 14px;border-top: 0px solid #ffffff;border-bottom: 0px solid #ffffff;}
    .rccl_homepageTopCarousalOfferButton {right: 28%; width:44%; left:28%; bottom: 30%;font-size: 12px;padding: 6px;padding-top: 10px;}
}



/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

       .carousel-control {bottom: 6px;top: 86%;font-size: 24px;}
    .carousel-indicators {top: 87%;}
    .rccl_homepageTopCarousalOfferText {top: 35%;padding: 5px 15px;font-size: 14px;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
    .rccl_homepageTopCarousalOfferButton {right: 5%; width:90%; left:5%; bottom: 17%;font-size: 12px;padding: 6px;padding-top: 10px;}
    
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
     .carousel-control {bottom: 14px;top: 86%;font-size: 24px;}
    .carousel-indicators {top: 87%;}
    .rccl_homepageTopCarousalOfferText {top: 40%;padding: 5px 15px;font-size: 17px;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
    .rccl_homepageTopCarousalOfferButton {right: 5%; width:90%; left:5%; bottom: 19%;font-size: 13px;padding: 10px;padding-top: 10px;}
    .rccl_homepageTopCarousalNewOfferNavigator {
    height: 100%;
}
}
@media only screen and (min-width : 1025px) {
.carousel-control:hover {
    opacity:1;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
 .carousel-control {bottom: 24px;top: 88%;font-size: 24px;}
    .carousel-indicators {top: 89%;}
    .rccl_homepageTopCarousalOfferText {top: 40%;padding: 10px 5px;font-size: 15px;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
    .rccl_homepageTopCarousalOfferButton {right: 5%; width:90%; left:5%; bottom: 19%;font-size: 16px;padding: 10px;padding-top: 10px;}
}

@media only screen and (min-width : 1300px) {
 .carousel-control {bottom: 24px;top: 88%;font-size: 24px;}
    .carousel-indicators {top: 89%;}
    .rccl_homepageTopCarousalOfferText {top: 40%;padding: 10px 5px;font-size: 20px;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
    .rccl_homepageTopCarousalOfferButton {right: 5%; width:90%; left:5%; bottom: 19%;font-size: 16px;padding: 10px;padding-top: 10px;}
}

@media only screen and (min-width : 1400px) {
    .carousel-control {bottom: 24px;top: 90%;font-size: 24px;}
    .carousel-indicators {top: 91%;}
    .rccl_homepageTopCarousalOfferText {top: 40%;padding: 10px 15px;font-size: 21px;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
    .rccl_homepageTopCarousalOfferButton {right: 5%; width:90%; left:5%; bottom: 16%;font-size: 16px;padding: 10px;padding-top: 10px;}
}

@media only screen and (min-width : 1600px) {
    .carousel-control {bottom: 24px;top: 90%;font-size: 24px;}
    .carousel-indicators {top: 91%;}
    .rccl_homepageTopCarousalOfferText {top: 40%;padding: 10px 15px;font-size: 21px;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
    .rccl_homepageTopCarousalOfferButton {right: 5%; width:90%; left:5%; bottom: 14%;font-size: 16px;padding: 10px;padding-top: 10px;}
}

@media only screen and (min-width : 1800px) {
    .carousel-control {bottom: 24px;top:92%;font-size: 24px;}
    .carousel-indicators {top: 93%;}
    .rccl_homepageTopCarousalOfferText {top: 40%;padding: 10px 15px;font-size: 24px;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
    .rccl_homepageTopCarousalOfferButton {right: 5%; width:90%; left:5%; bottom: 14%;font-size: 16px;padding: 10px;padding-top: 10px;}
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 2) {
     .rccl_homepageTopCarousalOfferText {top: 38%;padding: 5px 15px;font-size: 17px;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}

}







/* New Css for reconstruction by 000272  */




.rccl_homepageTopCarousalOfferButton {
        width: 100%;
}
.rccl_homepageTopCarousalOfferText {
    -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
        border: none;
            padding: 20px 15px;
}
.rccl_homepageTopCarousalOfferButton {
    bottom: 4px;
}
.rccl_homepageTopCarousalRight {
    background-color: #8d2661;
}
.rccl_homepageTopCarousalNewOfferText {
       width: 84%;
    /*background: pink;*/
    display: inline-block;
}
.rccl_homepageTopCarousalNewOfferButton {
    /*background: green;*/
    width: 15%;
    display: inline-block;
    display: inline-block;
    position: absolute;
    height: 100%;
}
.rccl_homepageTopCarousalNewOfferButtonInner {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
.rccl_homepageTopCarousalLink {
    display: table-cell;
    vertical-align: middle;
}
.rccl_homepageTopCarousalNewOfferNavigator {
       padding: 10px 0;
}
.rccl_homepageTopCarousalOfferButton {
    position: relative;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
}
.carousel-indicators {
    top: 30px;
}
.carousel-control {
    opacity:0.8;
}

.rccl_homepageTopCarousalLeftArrow .fa {
    color: #7e7e7e!important;
margin-top: 0px;
    margin-left: -4px;
    font-size: 33px;
}

.rccl_homepageTopCarousalRightArrow .fa {
    color: #7e7e7e!important;
        margin-top: 0px;
    margin-left: 4px;
    font-size: 33px;
}

.carousel-control.left ,.carousel-control.right{
    background-color: #fff;
    height: 35px;
    width: 35px;
    border-radius: 22px;
}
.rccl_homepageTopCarousalNewOfferNavigator {
    max-width: 140px;
    position: relative;
    margin: 0 auto;
}
/*.carousel-control:hover {
    opacity:1;
}
.carousel-control:visited, .carousel-control:focus, .carousel-control:active {
    opacity: .9;
}*/

.rccl_homepageTopCarousalOfferButton:hover {
    top: 0px;
}
.rccl_homeSliderWrapper {
    margin-bottom: 20px;
}

/* media quires  */
@media only screen and (max-width : 950px) {

    /*for 950*/

    /*.carousel-control.left {
        margin-left: -10px;
        margin-top: -4px;
    }
    .carousel-control.right {
        margin-right: -10px;
        margin-top: -4px;
    }
    .carousel-indicators {
        top: 25px;
    }

    .rccl_homepageTopCarousalNewOfferButton {
        bottom: 2px;
    }*/
}

@media only screen and (max-width : 991px) {
    .rccl_homepageTopCarousalNewOfferText {
       width: 100%;
}
.rccl_homepageTopCarousalNewOfferButton {
    width: 100%;
}
.rccl_homepageTopCarousalOfferButton {  
    margin: 0 auto;
}
.rccl_homepageTopCarousalNewOfferNavigator {
    margin: 10px auto 10px auto;
    height: 40px;
}
.carousel-control.left, .carousel-control.right {
    top: 0;
}
.carousel-indicators {
    top: 10px;
}
.rccl_homepageTopCarousalNewOfferNavigator {
    max-width: 150px;
}
.carousel-control.left, .carousel-control.right {
    height: 28px;
    width: 28px;
}
.rccl_homepageTopCarousalRightArrow .fa {
    margin-top: 7px;
    margin-left: 3px;
    font-size: 14px;
}
.rccl_homepageTopCarousalLeftArrow .fa {
    margin-top: 7px;
    margin-left: -3px;
    font-size: 14px;
}
.rccl_homepageTopCarousalOfferButton {
        width: 100%;
        max-width:150px;
}
.rccl_homepageTopCarousalNewOfferButtonInner {
        display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
}
.rccl_homepageTopCarousalNewOfferButton {
    position: relative;
}
.rccl_homepageTopCarousalLink {
    display: block;
    max-width: 150px;
    margin: 0 auto;
}
.rccl_homepageTopCarousalOfferButton:hover {
     top: 0px; 
}
}