.banner-grid{width:100%}.banner-grid .button-content{text-align:unset;width:unset}.advanced-image-blog,.banner-image{position:relative}.banner-grid-style-1{position:absolute;z-index:9;top:0;right:0rem;left:0rem;bottom:0;padding:3rem}.banner-grid-style-2{padding:3rem}.title-section em{color:red}.banner-content{align-items:center}.banner-image-hover{overflow:hidden}.banner-image-hover:before,.banner-image-hover:after{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;opacity:0;transition:all .5s ease-in-out;z-index:99}.banner-image-hover:before{border-top:.1rem solid #fff;border-bottom:.1rem solid #fff;transform:scaleX(0)}.banner-image-hover:after{transform:scaleY(0);border-left:.1rem solid #fff;border-right:.1rem solid #fff}.banner-image-hover:hover:before,.banner-image-hover:hover:after{transform:scale(1);opacity:1}.banner-image-hover img{transition:all .3s ease}.banner-image-hover:hover img{transform:scale(1.02)}.banner-grid-content.image-banner-grid__media--placeholder.placeholder{background:transparent}.image-banner-grid__media--placeholder .placeholder-svg{height:100%;width:100%}.banner-content{margin:0 -15px}@media(max-width:767px){.banner-grid-content.image-banner-grid__media--placeholder.placeholder{margin-bottom:15px}}.banner-grid .banner-des{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:0}.banner-grid .banner-des span{font-size:30px;font-weight:800;color:var(--g-main)!important;font-family:"var(--g-font-family) Bold"}.banner-grid .price-banner{text-transform:capitalize;font-weight:500;font-size:14px;line-height:1.3;margin-bottom:30px}.banner-grid .price-banner span{font-size:24px;color:#e74c3c;font-weight:600}.banner-grid-content{min-height:380px;border-radius:0}.banner-grid .banner-grid-content img{max-width:calc(100% + 30px)!important;width:calc(100% + 30px)!important;transition:all .3s ease;transform:translate(-25px)}.banner-image{padding:0 15px}.banner-grid-style-1{width:max-content!important;max-width:100%}@media(min-width:1200px){.banner-grid .price-banner{margin-bottom:50px}.col-xl-38{flex:0 0 auto;width:37.8%}.col-xl-62{flex:0 0 auto;width:62.2%}.banner-grid-style-1{padding:3rem 6rem}}.banner-carousel .banner-grid-content h5{text-transform:uppercase;font-weight:600;text-transform:none;line-height:1.2;margin-bottom:10px;font-family:"var(--g-font-family) Bold"}.banner-carousel .banner-grid-content h3{font-size:48px;font-weight:400;line-height:1.1;text-transform:uppercase;letter-spacing:-2px;margin-bottom:15px}.banner-carousel .banner-grid-content h3 span{font-weight:600;font-family:"var(--g-font-family) Bold"}.title-small h3{font-size:32px}.title-small h5{font-size:12px}.banner-image:hover img{transform:translate(0)}.banner-carousel{margin:0 -15px}.price-banner{font-size:14px;text-transform:none;line-height:1.2}.price-banner span{font-size:30px;margin-left:10px}.banner-carousel .button-content span{padding:15px 35px}.banner-carousel .banner-image{width:33%;float:left}@media(min-width:1500px){.pr-100 .banner-grid-style-1{padding-right:130px}.banner-grid-style-1{padding:60px}}@media(max-width:991px){.banner-carousel .banner-image{width:50%;float:left}}div[data-slick-index="0"].slick-active .banner-grid-content h3,div[data-slick-index="0"].slick-active .banner-grid-content .banner-des{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-ms-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-iteration-count:none;animation-iteration-count:none}div[data-slick-index="0"].slick-active .banner-grid-content h5,div[data-slick-index="1"].slick-active .banner-grid-content h5,div[data-slick-index="2"].slick-active .banner-grid-content h5{-webkit-animation-delay:.5s;animation-delay:.5s}div[data-slick-index="0"].slick-active .banner-grid-content h3,div[data-slick-index="1"].slick-active .banner-grid-content h3,div[data-slick-index="2"].slick-active .banner-grid-content h3{-webkit-animation-delay:1s;animation-delay:1s}div[data-slick-index="0"].slick-active .banner-grid-content .banner-des,div[data-slick-index="1"].slick-active .banner-grid-content .banner-des,div[data-slick-index="2"].slick-active .banner-grid-content .banner-des{-webkit-animation-delay:1.5s;animation-delay:1.5s}div[data-slick-index="0"].slick-active .banner-grid-content .price-banner,div[data-slick-index="1"].slick-active .banner-grid-content .price-banner,div[data-slick-index="2"].slick-active .banner-grid-content .price-banner{-webkit-animation-delay:2s;animation-delay:2s}div[data-slick-index="0"].slick-active .banner-grid-content .button-content span,div[data-slick-index="1"].slick-active .banner-grid-content .button-content span,div[data-slick-index="2"].slick-active .banner-grid-content .button-content span{-webkit-animation-delay:2.5s;animation-delay:2.5s}div[data-slick-index="0"].slick-active .banner-grid-content h5,div[data-slick-index="1"].slick-active .banner-grid-content h5,div[data-slick-index="2"].slick-active .banner-grid-content h5,div[data-slick-index="2"].slick-active .banner-grid-content h3,div[data-slick-index="2"].slick-active .banner-grid-content .banner-des,div[data-slick-index="2"].slick-active .banner-grid-content .price-banner,div[data-slick-index="2"].slick-active .banner-grid-content .button-content span{-webkit-animation-name:fade;animation-name:fade;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-ms-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-iteration-count:none;animation-iteration-count:none}div[data-slick-index="0"].slick-active .banner-grid-content .button-content span,div[data-slick-index="1"].slick-active .banner-grid-content .button-content span{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-ms-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-iteration-count:none;animation-iteration-count:none}div[data-slick-index="1"].slick-active .banner-grid-content h3{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-ms-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-iteration-count:none;animation-iteration-count:none}div[data-slick-index="1"].slick-active .banner-grid-content .banner-des,div[data-slick-index="1"].slick-active .banner-grid-content .price-banner{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-ms-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-iteration-count:none;animation-iteration-count:none}@media(max-width:767px){.text-slide-box{padding:2rem;background-color:#0006}.image-right{position:absolute;left:50%;bottom:0;transform:translate(-50%)}}@keyframes bounceInRightImg{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translate(2000px)}60%{opacity:1;transform:translate(-30px)}80%{transform:translate(10px)}to{transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}to{transform:translateY(0)}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/banner-carousel.css.map */