@charset "UTF-8";
/* CSS Document */

#main-banner, .owl-stage-outer, #main-banner .owl-stage, #main-banner .owl-item, #main-banner .item {float:left; overflow:hidden;}
#main-banner, .owl-stage-outer, #main-banner .owl-item, #main-banner .item {width:100%;}
#main-banner .item > .col-md-4 {padding-bottom:65px;}

#main-banner h3 .material-icons {font-size:18px;}

#main-banner .owl-dots {position:absolute; left:50%; bottom:25px; transform:translateX(-50%); height:75px; display:inline-flex; align-items: center;}
.owl-carousel .owl-dots .owl-dot {float:left; width:20px; height:20px; border-radius:50%; border:solid 2px #fff; background:transparent; margin-right:5px;} 
.owl-carousel .owl-dots .owl-dot.active {background:#fff;}
#main-banner .owl-nav {position:absolute; left:33.333%; bottom:20px; transform:translateX(-50%); z-index: 3; display:block; height:75px; width:170px;}
.owl-carousel .owl-nav > div {float:left; width:75px; height:75px; display:inline-flex; justify-content: center; align-items: center; border-radius:50%; -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.25); box-shadow: 0 0 25px 0 rgba(0,0,0,.25); transition:0.3s;}
.owl-carousel .owl-nav > div.owl-prev {margin-right:20px;}
.owl-carousel .owl-nav > div.owl-prev, .owl-carousel .owl-nav > div.owl-next  {background:#fff;}
.owl-carousel .owl-nav > div.owl-prev:hover, .owl-carousel .owl-nav > div.owl-next:hover {background:#ccc; }

.sales_banner .owl-carousel .owl-nav > div {-webkit-box-shadow:none; box-shadow:none;}

#main-banner .hero-bg, .hero-bg {top:0; object-fit: cover; height:100%; width:100%; max-width:100000%; object-position: center top;}
#main-banner .promo-text {margin:200px auto;}

#main-banner .promo-text .line-1 {opacity:0; transform:translateY(50px); transition:0.7s;}
#main-banner .promo-text .line-2 {opacity:0; transform:translateY(50px); transition:0.7s;}
#main-banner .promo-text .cta {opacity:0; transform:translateY(50px); transition:0.7s;}

#main-banner .active .promo-text .line-1 {opacity:1.0; transform:translateY(0px); transition-delay: 0.2s;}
#main-banner .active .promo-text .line-2 {opacity:1.0; transform:translateY(0px); transition-delay: 0.4s;}
#main-banner .active .promo-text .cta {opacity:1.0; transform:translateY(0px); transition-delay: 0.6s;}

#main-banner .fadeOut .promo-text .line-1 {opacity:0.0; transform:translateY(-50px); transition-delay: 0.2s;}
#main-banner .fadeOut .promo-text .line-2 {opacity:0.0; transform:translateY(-50px); transition-delay: 0.4s;}
#main-banner .fadeOut .promo-text .cta {opacity:0.0; transform:translateY(-50px); transition-delay: 0.6s;}

#main-banner .stacked-header .fatface {font-family: 'Abril Fatface', cursive !important; display:inline-block; font-weight:normal !important; margin-bottom:10px; font-size:8rem !important;}


/* SINGLE BANNER / NO CAROUSEL */

#main-banner.single-banner {overflow:hidden;}
#main-banner.single-banner .item {position:relative;overflow:hidden;}

/* END SINGLE BANNER */


@media only screen and (min-width:769px) and (max-width:1215px) {
    #main-banner  .product-info {display:none;}
}

@media only screen and (min-width:300px) and (max-width:768px) {
    #main-banner .item {min-height:75vh;}
    #main-banner .hero-bg {height:100%; width:auto; max-width:100000%;}
    
    #main-banner .owl-controls {float:left; width:100%; display:flex;}
    #main-banner .owl-dots {height:50px; position:relative; top:auto; left:50%; bottom:50px; width:100%; display:inline-flex; justify-content:center;}
    #main-banner .owl-nav {bottom:auto; top:30%; left:0; width:100%; height:0; transform:translateX(0%); display:inline-flex; justify-content:space-between;}
    #main-banner .owl-nav > div.owl-prev, #main-banner .owl-nav > div.owl-next, .owl-carousel .owl-nav > div.owl-prev, .owl-carousel .owl-nav > div.owl-next {width:50px; height:50px;}
    #main-banner .owl-nav > div.owl-prev, #main-banner .owl-nav > div.owl-next {background:#333; color:#fff;}
    
    #main-banner .active .promo-info {transform:translateX(0%);}
}