@charset "utf-8";

/* -- New Carousel ---------------------------------------------------*/

#carouselMainWrap { height: 500px; }
#carouselMainWrap .carousel-item img { min-height: auto; }
#carouselMainWrap .carousel-inner, #carouselMainWrap .carousel-item { height: 100%; }
#carouselMainWrap .carousel-inner { background-color: #ddd; }
#carouselMainWrap .carousel-item.bg-1 { /*background-image: url(/front/images/main/fabric_1.jpg);*/ background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); }
#carouselMainWrap .carousel-item.bg-2 { background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%); }
#carouselMainWrap .carousel-item.bg-3 { background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%); }
#carouselMainWrap .carousel-item .container { height: 100%; }
#carouselMainWrap .carousel-item .carousel-wrap { height: 100%; }
#carouselMainWrap .carousel-item .carousel-wrap .carousel-left,
#carouselMainWrap .carousel-item .carousel-wrap .carousel-right { display: flex; align-items: center; justify-content: space-around; }
#carouselMainWrap .carousel-item .carousel-wrap .carousel-left { width: 50%; }
#carouselMainWrap .carousel-item .carousel-wrap .carousel-right { width: 50%; }
#carouselMainWrap .carousel-wrap .carousel-text h1 { font-family: "ONE Mobile Title", sans-serif !important; }
#carouselMainWrap .carousel-wrap .carousel-text p { font-family: "ONE Mobile Regular", sans-serif !important; padding: 15px 0; font-size: 18px; color: #777; }

.carousel-count-wrap { bottom: 65px; }

.carousel-control-next, .carousel-control-prev { display: inline-flex !important; align-items: center; }
.carousel-control-next { justify-content: flex-end; }
.carousel-control-prev { justify-content: flex-start; }

.carousel-control-next-icon, .carousel-control-prev-icon { height: 3rem; background-color: #00000042; padding: 20px !important; }

/* --------------------------------------------------------------------------- */

@media (max-width: 991px) { 
    header { height: 60px; }

    /* Main Carousel */
    #carouselMainWrap .carousel-item .carousel-wrap { padding-bottom: 20px; } 
    #carouselMainWrap .carousel-item .carousel-wrap .carousel-right img { max-height: 250px !important; transition:all .3s ease 0s; }     

    #carouselMainWrap .carousel-item .carousel-wrap .carousel-left,
    #carouselMainWrap .carousel-item .carousel-wrap .carousel-right { width: 100% !important; }

    #carouselMainWrap .carousel-item .carousel-wrap .carousel-left .carousel-text { 
        text-align: center; 
        padding: 2rem 10px 0rem !important;
    }

    /*.carousel { padding-top: 45px; }*/
    
}

@media (min-width: 576px) and (max-width: 991px) {   
}

@media (max-width: 767px) { 
    #carouselMainWrap { height: 400px; }
    #carouselMainWrap .carousel-item .carousel-wrap .carousel-left .carousel-text { 
        text-align: center; 
    }
}

@media (min-width: 576px) and (max-width: 767px) {
}

@media (max-width: 575px) { 
    .carousel-count-wrap { margin-right: 0; }
}