.header-banner.with-animation{background-color:#082543}.header-banner{background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative}.hero-banner .z-top__text{margin-top:10px;font-size:18px;line-height:28px;padding:25px 0}.hero-banner .z-top__text p{margin:0}.hero-banner .header-banner.with-animation .header-content{padding-top:98px}.header-content{margin-right:15px;margin-left:15px}.header-content .btn{display:flex;justify-content:center;align-items:center;width:100%;max-width:240px;text-align:center;text-transform:uppercase;text-decoration:none;margin-top:10px}.hero-banner .swiper-container{width:100%;margin:20px 0 64px;height:80px;position:relative;bottom:0;overflow:hidden}@keyframes move_slider{0%{transform:translate(0)}to{transform:translate(calc(100vw - 100%))}}.hero-banner .brands-slider .brands-slide{height:auto;width:12.5vw}.top-brands__item{height:120px;height:100%;width:100%;display:flex;align-items:center;justify-content:center;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);transition:all .5s ease;padding:0 10px;opacity:.8}.hero-banner .top-brands__item svg,.top-brands__item img{max-height:50px;width:100%}.top-brands__item svg{width:100%}.header-banner.with-animation .header-svg{position:absolute;top:0;right:0;height:100%}.header-banner.with-animation .header-svg svg{width:100%;height:100%}.path-fill.full{fill:#5ac7da}.header-content-wrap{padding:8% 6%;position:relative}.hero-banner .header-banner.with-animation .swiper-container,.hero-banner .header-banner.with-image .swiper-container{position:relative}.header-banner.with-animation .z-top__header,.header-banner.with-animation .z-top__text,.header-banner.with-animation .btn,.header-banner.with-animation .brands-slide,.header-banner.with-animation .header-svg circle{opacity:0;transition:opacity .4s ease-in-out}.header-banner.with-animation .dots-icon{display:none}.header-banner.with-animation .draw{animation:draw_path 2s linear forwards}@keyframes draw_path{to{stroke-dashoffset:0}}@media (min-width: 992px){.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.33333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.66667%}}@media (min-width: 1367px){.col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (max-width: 1366px){.hero-banner .header-banner.with-animation .header-svg{width:50%}}@media (max-width: 989px){.hero-banner .header-banner.with-animation .header-svg{margin:0 auto}.header-content-wrap{padding-top:0;padding-bottom:5%}.hero-banner .header-banner.with-animation .header-content{padding-top:133px}.header-banner.with-animation .header-svg{position:static}.header-banner.with-animation .dots-icon{display:block}.header-banner.with-animation #actuator-icon{display:none}.z-top__header,.z-top__text{text-align:center}.z-top__header{font-size:30px;line-height:36px}.z-top__text p{font-size:16px;// margin:0}.hero-banner .header-banner.with-animation .btn,.hero-banner .header-banner.with-image .btn{margin:0 auto 10px;max-width:200px}.hero-banner .brands-slider .brands-slide{width:calc(100vw / 6)}.hero-banner .swiper-container{margin:20px 0 16px}}@media (max-width: 767px){.z-top__header{font-size:24px;line-height:32px}.z-top__content{padding-top:0}.hero-banner .brands-slider .brands-slide{width:20vw}.hero-banner .header-banner.with-image .z-top__header{padding-top:60px}}.header-banner-slider .slick-arrow{position:absolute;bottom:5px;left:48%;transform:translate(-50%);z-index:2;cursor:pointer}.header-banner-slider .slick-arrow.slick-button-next{left:52%}.header-banner-slider .slick-arrow svg{fill:#fff}.shopify-section .hero-banner .header-banner.with-animation .z-top__content .header-content-wrap{padding:0 50px;margin:0;display:flex}.shopify-section .hero-banner .header-banner.with-animation .z-top__content .slide_content_wrapper,.shopify-section .hero-banner .header-banner.with-animation .z-top__content .header-content-wrapper{padding:0;z-index:2}.hero-banner .header-banner.with-animation .header-content{margin-left:0;margin-right:0;overflow:hidden}.hero-banner .swiper-container{margin:25px 0 0}@media screen and (max-width:767px){.header-banner-slider .slick-arrow{left:46%}.header-banner-slider .slick-arrow.slick-button-next{left:55%}.header-banner-slider .slick-arrow .icon{width:15px;height:15px}.hero-banner .brands-slider .brands-slide{width:auto}.hero-banner .brands-slider .top-brands__item{padding:0 10px}.hero-banner .top-brands__item svg,.top-brands__item img{max-height:30px;width:auto}.hero-banner .swiper-container{margin-top:15px}.hero-banner .brands-slider{bottom:0}}.header-banner-slider .with__shadow{position:relative}.header-banner-slider .with__shadow:after{content:"";background:#000;opacity:.3;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.header-banner-slider .with__shadow>div{z-index:1}.completed_animation.header-banner.with-animation .header-svg svg ellipse,.completed_animation.header-banner.with-animation .header-svg svg path{stroke-dashoffset:inherit;animation:none;opacity:1}@media screen and (max-width:1024px){.hero-banner .header-banner.with-animation .header-content{padding-top:130px}}@media screen and (max-width:989px){.header-content-wrapper{position:absolute;left:0;width:100%;bottom:12%}.hero-banner .header-banner.with-animation .header-content .header-svg{height:auto;padding:10px 0 30px;text-align:center}}@media screen and (max-width:989px){.header-banner.with-animation .header-svg svg.actuator-icon{display:none!important}.hero-banner .header-banner.with-animation .header-content{padding-top:190px}.header-banner.with-animation .header-svg svg{max-height:160px;display:inline-block}}@media screen and (max-width:767px){.hero-banner .header-banner.with-animation .header-content{padding-top:145px}.hero-banner .z-top__text{margin-top:5px;padding:20px 0}}@media screen and (max-width:768px){.default_image_mobile{margin-bottom:10px}.hero-banner .header-banner.with-animation .header-content-wrap .default_image_mobile .priority_bg_image,.hero-banner .header-banner.with-animation .header-content-wrap .default_image_mobile .lazyload_bg_image{max-height:270px;margin:0 auto}.hero-banner .header-banner.with-animation .header-content-wrap.contain_bg_image .default_image_mobile .priority_bg_image,.hero-banner .header-banner.with-animation .header-content-wrap.contain_bg_image .default_image_mobile .lazyload_bg_image{object-fit:contain}.header-content-wrapper{position:relative;width:100%;bottom:auto}.shopify-section .hero-banner .header-banner.with-animation .header-content-wrap{justify-content:center}.header-banner-slider .slick-arrow{bottom:0}.hero-banner .header-banner.with-animation .header-content .header-svg{padding-bottom:20px}}.hero-banner .header-banner.with-animation .header-content{padding-top:0}.header-banner-slider:not(.slick-slider) .header-content-wrap:not(:first-child){position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden}.header-banner .header-content-icons{display:flex;justify-content:flex-start;margin-top:auto;padding-top:30px;gap:20px}.header-banner .header-content-icons .header-content-icons-block{padding:0 5px;text-align:center;max-width:122px;width:100%}.header-banner .header-content-icons .header-content-icons-title{color:#fff;font-size:15px;line-height:1.4}@media screen and (min-width:990px){.header-banner .contain_bg_image .priority_bg_image,.header-banner .contain_bg_image .lazyload_bg_image{object-position:right}.header-content .contain_bg_image .priority_bg_image,.header-content .contain_bg_image .lazyload_bg_image{object-fit:contain}.header-content .header-banner-slider .contain_bg_image .priority_bg_image,.header-content .header-banner-slider .contain_bg_image .lazyload_bg_image{width:auto;left:auto}.desktop-align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}}.z-top__header.heading_with_subheading{margin-bottom:20px}.z-top__subheader{font-weight:400}@media screen and (max-width:989px){.header-banner .header-content-icons{justify-content:center;gap:20px}.z-top__subheader{text-align:center}}@media screen and (max-width:767px){.header-banner .header-content-icons .header-content-icons-title{font-size:13px}.header-banner .header-content-icons{gap:5px;padding-top:10px}.header-banner .header-content-icons .header-content-icons-block{width:25%;padding:0;max-width:110px}.z-top__header.heading_with_subheading{margin-bottom:10px}.z-top__subheader{font-size:18px}}.header-content-icon-image{margin:0 auto 5px;max-width:50px}@media screen and (max-width:767px){.shopify-section .hero-banner .header-banner.with-animation .z-top__content .header-content-wrap{display:block}.hero-banner .header-banner.with-animation .header-content-wrap .default_image_mobile .priority_bg_image,.hero-banner .header-banner.with-animation .header-content-wrap .default_image_mobile .lazyload_bg_image{object-fit:cover}}@media screen and (min-width:481px) and (max-width:767px){.hero-banner .header-banner.with-animation .header-content-wrap .default_image_mobile .priority_bg_image,.hero-banner .header-banner.with-animation .header-content-wrap .default_image_mobile .lazyload_bg_image{max-height:325px}}.header-banner.with-animation .z-top__header,.header-banner.with-animation .z-top__text,.header-banner.with-animation .btn,.header-banner.with-animation .brands-slide,.header-banner.with-animation .header-svg circle{opacity:1;transition:none}.slide__badge_svg{position:absolute;top:50px;z-index:1;right:5%}.slide__badge_svg svg{width:80px;height:80px}@media (max-width: 1366px){.slide__badge_svg{right:50px}.slide__badge_svg svg{width:60px;height:60px}}@media screen and (max-width:767px){.slide__badge_svg svg{width:50px;height:50px}.slide__badge_svg{top:20px;right:20px}}
/*# sourceMappingURL=/cdn/shop/t/223/assets/banner-video-image.css.map */