html{overflow-x:hidden}body{background-color:#121212}body .content-wrapper{min-height:-webkit-calc(100vh - 0px)!important;min-height:-moz-calc(100vh - 0px)!important;min-height:calc(100vh - 0px)!important}.is-ar .section-hero{background-image:url(../../../img-8ZyYChOgeH8xriOMr9aALg/campaigns/zabiabox/hero-bg-ar.png)}.is-ar .section-intro .inner-wrapper .feature-container .feature__item .inner .arrow{left:50%;right:auto}.is-ar .section-guide .btn-wrapper .btn{left:0;right:auto}.is-ar .section-guide .btn-wrapper .side-show{float:left}.is-ar .section-guide .btn-wrapper .back-show{float:right}.is-ar .section-guide .features-container .inner .arrow{left:50%;right:auto}.is-ar .section-posters .swiper-container{direction:ltr}.is-ar .section-posters .swiper-container .description{direction:rtl}.is-ar .section-posters .swiper-container .description .year{margin-right:4px;margin-left:0}.section-guide .btn-container,.section-hero .links .link-btn,.standard-btn-font{font-size:11px}.description{font-weight:100;font-size:16px;color:#ededed}.zi-3{z-index:3}.h100{height:100%}.container{padding:110px 150px}.container.container-intro{padding:110px 200px}.container.container-quality{padding:0 150px 50px}.container.container-guide{padding:110px 150px 140px}.header-container{background-color:#121212;z-index:6;border-bottom:solid 1px #242424}.header-container .inner-wrapper{padding:15px 0}.header-container .logo{width:120px}.header-container a{cursor:pointer}.header-container a:not(:last-child){margin-right:1%}.content-wrapper{overflow-x:hidden}.section-hero{height:684px;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;background-position:right;background-image:url(../../../img-8ZyYChOgeH8xriOMr9aALg/campaigns/zabiabox/hero-bg.png)}.section-hero .inner-container{top:200px;left:120px}.section-hero .title{font-weight:300;font-size:40px}.section-hero .description{margin-top:20px;line-height:2.38}.section-hero .links{margin-top:20px}.section-hero .links .link-btn{padding:10px 30px;cursor:pointer;-webkit-border-radius:34px;-moz-border-radius:34px;border-radius:34px;border:1px solid #fff;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.section-hero .links .link-btn:hover{background-color:#292929}.section-hero .links .link-btn:hover .ui-icons>svg{fill:#fff;-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}.section-hero .links .ui-icons>svg{-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.section-hero .links .more-info .ui-icons{fill:#fff}.section-hero .scroll-icon>img{width:55px}.section-hero .scroll-icon .bottom-down-icon,.section-hero .scroll-icon .top-down-icon{-webkit-animation:movedown-fade 1s infinite;-moz-animation:movedown-fade 1s infinite;-o-animation:movedown-fade 1s infinite;animation:movedown-fade 1s infinite}.section-hero .scroll-icon .top-down-icon{-webkit-transform:translateY(-12px);-moz-transform:translateY(-12px);-ms-transform:translateY(-12px);-o-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}.section-hero .scroll-icon .bottom-down-icon{-webkit-transform:translateY(-18px);-moz-transform:translateY(-18px);-ms-transform:translateY(-18px);-o-transform:translateY(-18px);transform:translateY(-18px);-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes movedown-fade{from{opacity:0}to{-webkit-transform:1;transform:1}}@-moz-keyframes movedown-fade{from{opacity:0}to{-moz-transform:1;transform:1}}@-o-keyframes movedown-fade{from{opacity:0}to{-o-transform:1;transform:1}}@keyframes movedown-fade{from{opacity:0}to{-webkit-transform:1;-moz-transform:1;-o-transform:1;transform:1}}@media screen and (max-width:1000px){.section-hero .scroll-icon{display:none}}.section-intro .inner-wrapper p{font-size:15px}.section-intro .inner-wrapper .title{font-weight:300;font-size:30px;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}.section-intro .inner-wrapper .description{margin-top:20px;line-height:2.38}.section-intro .inner-wrapper .description.toggle{margin-top:0}.section-intro .inner-wrapper #toggleClick{margin-top:45px;cursor:pointer}.section-intro .inner-wrapper .feature-container{margin-top:50px}.section-intro .inner-wrapper .feature-container .feature__inner{margin:-10px 0}.section-intro .inner-wrapper .feature-container .feature__list{padding:10px 0}.section-intro .inner-wrapper .feature-container .feature__item{padding:0 7px;z-index:2}.section-intro .inner-wrapper .feature-container .feature__item .descript-img{white-space:nowrap;padding:10px 8px;bottom:-60px;right:50%;font-weight:100;visibility:hidden;opacity:0;background-color:#242424;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}.section-intro .inner-wrapper .feature-container .feature__item .descript-img .arrow{top:-6px;width:15px;height:15px;right:50%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#242424;-webkit-transform:translateX(50%) rotate(45deg);-moz-transform:translateX(50%) rotate(45deg);-ms-transform:translateX(50%) rotate(45deg);-o-transform:translateX(50%) rotate(45deg);transform:translateX(50%) rotate(45deg);z-index:-1}.section-intro .inner-wrapper .feature-container .feature-img-wrapper{width:116px;height:117px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:solid 1px #313131;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.section-intro .inner-wrapper .feature-container .feature-img-wrapper i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.section-intro .inner-wrapper .feature-container .feature-img-wrapper i path,.section-intro .inner-wrapper .feature-container .feature-img-wrapper i polygon{fill:#555;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.section-intro .inner-wrapper .feature-container .feature-img-wrapper i rect{fill:#555;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.section-intro .inner-wrapper .feature-container .feature-img-wrapper:hover{border:solid 1px #fff}.section-intro .inner-wrapper .feature-container .feature-img-wrapper:hover+.descript-img{visibility:visible;opacity:1}.section-intro .inner-wrapper .feature-container .feature-img-wrapper:hover i path,.section-intro .inner-wrapper .feature-container .feature-img-wrapper:hover i polygon{fill:#fff}.section-intro .inner-wrapper .feature-container .feature-img-wrapper:hover i rect{fill:#fff}.section-posters{height:950px}.section-posters .title{font-weight:300;font-size:30px}.section-posters .description{margin-top:20px;line-height:2.38}.section-posters .swiper-container .swiper-wrapper{white-space:nowrap}.section-posters .swiper-container .swiper-wrapper .img-wrapper{display:inherit;overflow:hidden}.section-posters .swiper-container .swiper-wrapper .img-wrapper:before{content:'';display:block;padding-top:135.3%}.section-posters .swiper-container .swiper-wrapper .swiper-slide{margin:0 -2px;float:none}.section-posters .swiper-container .swiper-wrapper .swiper-slide img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.section-posters .swiper-container .swiper-wrapper .swiper-slide .layer{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:rgba(0,0,0,.7)}.section-posters .swiper-container .swiper-wrapper .swiper-slide .description .year{color:#707070}.section-quality{margin-top:130px}.section-quality .title{font-weight:300;font-size:30px}.section-quality .description{margin-top:20px;line-height:2.38}.section-quality .resolution{margin-top:30px;font-size:50px;font-weight:100}.section-quality .resolution img{width:270px}.section-quality .background-img-wrapper{height:1000px;background-repeat:no-repeat;background-position:center;background-image:url(../../../img-8ZyYChOgeH8xriOMr9aALg/campaigns/zabiabox/blur-bg-tv-v2.jpg)}.section-quality .tv{top:51%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.section-quality .tv img{width:1300px}.section-guide{margin-bottom:80px;overflow-x:hidden;overflow-y:hidden}.section-guide .title{font-weight:300;font-size:30px}.section-guide .description{margin-top:20px;line-height:2.38}.section-guide .help-wrapper{margin-top:50px}.section-guide .btn-container{top:40%;left:51%;cursor:pointer;-webkit-border-radius:34px;-moz-border-radius:34px;border-radius:34px}.section-guide .btn-wrapper{width:260px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;background-color:#222}.section-guide .btn-wrapper .btn{top:2px;bottom:2px;padding:10px;cursor:pointer;z-index:5;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;color:#000;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out;right:0}.section-guide .btn-wrapper .side-show{width:49%;padding:13px 10px;color:#555;cursor:pointer;float:right}.section-guide .btn-wrapper .back-show{width:49%;padding:13px 10px;color:#555;cursor:pointer;float:left}.section-guide .features-container{border-right:1px solid #242424;background-color:#121212}.section-guide .features-container ul{margin:90px 0}.section-guide .features-container li{width:130px;height:130px;border:solid 1px #313131;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.section-guide .features-container li:not(:first-child){margin-left:1.5%}.section-guide .features-container li:hover{border:1px solid #fff}.section-guide .features-container li:hover svg path{fill:#fff}.section-guide .features-container li:hover svg rect{fill:#fff}.section-guide .features-container li:hover svg polygon{fill:#fff}.section-guide .features-container .descript-img{white-space:nowrap;padding:10px 8px;bottom:-60px;right:50%;font-weight:100;opacity:0;visibility:hidden;background-color:#242424;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}.section-guide .features-container .descript-img .arrow{top:-6px;width:15px;height:15px;right:50%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#242424;-ms-transform:translateX(50%) rotate(45deg);-webkit-transform:translateX(50%) rotate(45deg);-moz-transform:translateX(50%) rotate(45deg);-o-transform:translateX(50%) rotate(45deg);transform:translateX(50%) rotate(45deg);z-index:-1}.section-guide .features-container .feature-img-wrapper{width:100px;height:100px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.section-guide .features-container .feature-img-wrapper svg{position:absolute;width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.section-guide .features-container .feature-img-wrapper svg path{fill:gray;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.section-guide .features-container .feature-img-wrapper svg rect{fill:gray;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.section-guide .features-container .feature-img-wrapper svg polygon{fill:gray;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.section-guide .features-container .feature-img-wrapper:hover .features-container li{border:1px solid #fff}.section-guide .features-container .feature-img-wrapper:hover+.descript-img{opacity:1;visibility:visible}.section-guide .show-zabiabox{width:49%;min-height:250px;z-index:-1}.section-guide .show-zabiabox .zabiabox-device-sides{position:relative;height:300px;padding-top:40px;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out}.section-guide .show-zabiabox .zabiabox-device-sides .right-side-container{width:70%;left:4%;top:85px}.section-guide .show-zabiabox .zabiabox-device-sides .left-side-container{width:70%;right:-60%}.section-guide .show-zabiabox .zabiabox-device-sides .left-side-container img{opacity:.35}footer{margin-top:80px;padding:15px 0;border-top:1px solid #242424}footer .logo{width:99px}footer .logo>img{opacity:.2}@media (min-width:1693px){.section-hero{background-color:#060606}.section-quality .background-img-wrapper{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}}@media (max-width:1470px){.section-posters{height:850px}.section-guide .features-container li{width:100px;height:100px}.section-guide .features-container li:not(:last-child){margin-left:1%}.section-guide .features-container .feature-img-wrapper{height:80px;width:80px}.section-guide .zabiabox-device-sides{padding-top:50px}.section-guide .btn-wrapper{width:200px}}@media (max-width:1343px){.section-hero{height:568px}.section-hero .inner-container{top:150px;left:70px}.section-intro .container{padding:100px 40px}.section-intro-posters .swiper-container .swiper-wrapper .swiper-slide{width:480px!important}.section-guide .show-zabiabox .zabiabox-device-sides .right-side-container{top:77px}}@media (max-width:1300px) and (min-width:1150px){.section-quality .tv img{width:1000px}}@media (max-width:1150px){.section-hero{height:468px}.section-hero .inner-container{top:110px;left:50px}.section-hero .title{font-size:30px}.section-hero .links .link-btn{padding:10px 25px}.section-hero .description{width:64%}.section-quality .background-img-wrapper{height:700px}.section-quality .tv img{width:700px}.section-guide .features-container li{width:90px;height:90px}.section-guide .features-container .feature-img-wrapper{height:70px;width:70px}}@media (max-width:1000px){.section-guide .features-container li{height:80px;width:80px}.section-guide .features-container .feature-img-wrapper{height:60px;width:60px}.section-guide .show-zabiabox .zabiabox-device-sides{padding-top:50px}.section-guide .show-zabiabox .zabiabox-device-sides .right-side-container{top:80px}.section-guide .btn-wrapper{width:200px}}@media (max-width:930px){.section-hero{height:368px}.section-hero .inner-container{left:10px}.section-hero .title{font-size:25px}.section-hero .links .purchase{margin-right:10px}.section-hero .links .link-btn{padding:10px 20px}.section-hero .description{width:54%}.section-guide .features-container li{width:68px;height:68px}.section-guide .features-container .feature-img-wrapper{width:60px;height:60px}}@media (max-width:845px){.section-intro .inner-wrapper p{font-size:12px}}@media (max-width:768px){.section-hero{height:1200px;-webkit-background-size:150% 150%;-moz-background-size:150%;-o-background-size:150%;background-size:150%;background-position:100% 0}.section-hero .inner-container{top:520px;right:14px;text-align:center}.section-hero .title{text-align:center}.section-hero .zabiabox-img-wrapper{width:100%;top:700px;display:block;position:absolute;text-align:center}.section-hero .zabiabox-img-wrapper img{width:70%}.section-hero .links{text-align:center}.section-hero .description{width:100%}.section-intro .container{padding:50px 15px 40px}.section-intro .inner-wrapper .feature-container .feature-img-wrapper{width:90px;height:90px}.section-intro .zabiabox-img-wrapper{display:none}.section-posters{height:750px}.section-posters .container{padding:100px 15px}.section-posters .swiper-container .swiper-wrapper .swiper-slide .description{white-space:normal}.section-quality .container{padding:0 15px}.section-quality .background-img-wrapper{height:360px}.section-quality .tv{top:64%}.section-quality .tv img{width:550px}.section-guide{margin-bottom:0}.section-guide .container{padding:50px 15px}.section-guide .features-container{width:100%;border-left:none}.section-guide .features-container ul{padding:30px 0}.section-guide .features-container li{height:110px;width:110px}.section-guide .features-container .feature-img-wrapper{height:90px;width:90px}.section-guide .show-zabiabox{width:100%}.section-guide .show-zabiabox .zabiabox-device-sides .right-side-container{top:90px}.section-guide .btn-container{top:60%;left:35%}}@media (max-width:768px) and (min-width:680px){.section-quality{margin-top:250px}}@media (max-width:779px) and (min-width:550px){.section.quality{margin-top:250px}}@media (max-width:675px){.section-intro .inner-wrapper .feature-container .feature-img-wrapper{width:80px;height:80px}}@media (max-width:615px){.section-intro .feature__inner{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.section-intro .feature__list{width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.section-guide .features-container li{height:80px;width:80px}.section-guide .features-container .feature-img-wrapper{height:60px;width:60px}}@media (max-height:480px) and (orientation:landscape){.description{font-size:13px}.section-hero{margin-top:30px}.section-hero .inner-container{width:95%}.section-quality{margin-top:150px}}@media (max-width:480px){.description{font-size:13px}.header__action__txt{display:none}.section-hero{height:750px;margin-top:60px}.section-hero .title{font-size:20px}.section-hero .inner-container{top:300px}.section-hero .inner-container .description{margin:0 auto;width:95%}.section-hero .zabiabox-img-wrapper{top:450px}.section-intro .container{padding:50px 10px 30px}.section-intro .inner-wrapper{text-align:center}.section-intro .inner-wrapper .feature-container .feature-img-wrapper{width:70px;height:70px}.section-intro .inner-wrapper .feature-container .feature-img-wrapper i svg{width:100%}.section-intro .inner-wrapper .feature-container .feature-img-wrapper i svg.xs-w-s-55{width:55px}.section-intro .inner-wrapper .title{font-size:20px}.section-posters{height:700px}.section-posters .container{padding-top:50px}.section-posters .title{font-size:20px}.section-posters .swiper-container{height:55%}.section-posters .swiper-container .swiper-wrapper .swiper-slide{height:350px}.section-quality{margin-top:0}.section-quality .background-img-wrapper{height:200px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.section-quality .title{font-size:20px}.section-quality .resolution img{width:185px}.section-quality .tv{top:72%}.section-quality .tv img{width:350px}.section-guide .title{font-size:20px}.section-guide .container{padding:70px 40px 0}.section-guide .features-container{width:100%}.section-guide .features-container li{height:70px;width:70px}.section-guide .features-container ul{margin:45px 0}.section-guide .features-container .feature-img-wrapper{height:55px;width:55px}.section-guide .btn-container{top:65%;left:25%}.section-guide .show-zabiabox .zabiabox-device-sides{height:0;margin-top:40px}.section-guide .show-zabiabox .zabiabox-device-sides .right-side-container{width:85%;top:80px}.section-guide .show-zabiabox .zabiabox-device-sides .left-side-container{width:85%;right:-90%}footer{margin-top:50px}}@media (max-width:400px){.header-container .zabia-logo{width:100px}.header-container .purchase-link{padding:5px 10px}.section-hero{height:700px}.section-hero .inner-container{top:250px}.section-hero .zabiabox-img-wrapper{top:430px}.section-quality .tv img{width:300px}.section-guide .features-container li{height:55px;width:55px}.section-guide .features-container li:not(:last-child){margin-left:1%}.section-guide .features-container .feature-img-wrapper{height:40px;width:40px}.section-guide .btn-container{left:19%}.section-guide .btn-wrapper{width:200px}}