.pagescroll{width:100%;height:100vh;position:relative;overflow:hidden}.pagescroll>section{height:100vh;width:100%;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out}.pagescroll .controllers{z-index:999;position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pagescroll #control-up,.pagescroll #control-down{cursor:pointer;margin:5px;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transition:.2s;transition:.2s}.pagescroll #control-down{-webkit-transform:rotate(180deg) scale(0.5);transform:rotate(180deg) scale(0.5)}.pagescroll #control-down:hover{-webkit-transform:rotate(180deg) scale(0.7);transform:rotate(180deg) scale(0.7)}.pagescroll #control-up:hover{-webkit-transform:scale(0.7);transform:scale(0.7)}body{height:100%;overflow:hidden}body.loading .section-featured:before,body.loading .section-featured:after{opacity:1}body.loading .section-featured:before{-webkit-transition:all ease 1s;transition:all ease 1s}body.loaded .section-featured{-webkit-transform:translateY(-100%);transform:translateY(-100%)}body.loaded .section-all{opacity:1}body.loaded .section-all>div .image-back{-webkit-transform:translateY(0px) !important;transform:translateY(0px) !important}.loading-container{position:relative;width:70px;height:70px;margin:auto}.loading-container .item{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:4px solid #333;border-radius:50%;border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);-webkit-animation:spin 2s ease infinite;animation:spin 2s ease infinite}.loading-container .item:nth-child(1){width:30px;height:30px;border-left-color:#af1a29;border-right-color:#af1a29}.loading-container .item:nth-child(2){width:40px;height:40px;-webkit-animation-delay:.1s;animation-delay:.1s;border-left-color:#0970c2;border-right-color:#0970c2}.loading-container .item:nth-child(3){width:50px;height:50px;-webkit-animation-delay:.2s;animation-delay:.2s;border-left-color:#825d4a;border-right-color:#825d4a}.loading-container .item:nth-child(4){width:60px;height:60px;border-left-color:#000;border-right-color:#000;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes spin{50%{-webkit-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg)}100%{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}}@keyframes spin{50%{-webkit-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg)}100%{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}}.section-featured{position:fixed;height:100%;width:100%;-webkit-transition:all ease 1s;transition:all ease 1s;overflow:hidden;z-index:9;-webkit-transform:translateY(0%);transform:translateY(0%);max-height:100%}.section-featured:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/front.svg) no-repeat center center;background-size:140%;z-index:2;opacity:0}.section-featured:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/back.jpg);background-size:cover;position:relative;background-position:center center;opacity:0;z-index:1;-webkit-animation:rotator 25s linear infinite;animation:rotator 25s linear infinite}.section-featured #logo{position:absolute;height:200px;left:50%;top:0;z-index:3;width:200px;margin-left:-100px}.btn-discover-more{position:absolute;position:fixed;bottom:100px;left:50%;padding:10px 0;border-radius:25px;text-align:center;font-size:20px;overflow:hidden;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#333;text-transform:lowercase;font-weight:bold;font-size:1rem;z-index:4}.scroll{width:80px;height:80px;margin-left:-40px;z-index:4}.scroll:before,.scroll:after{display:none}.in .scroll,.in .btn-discover-more{opacity:1}#bear-animation{position:absolute;bottom:0%;left:0;z-index:8;opacity:0;-webkit-transition:all ease .4s;transition:all ease .4s}.custom-cursor{pointer-events:none;mix-blend-mode:difference;background:#fff;mix-blend-mode:hard-light}.section-all{height:100vh;height:calc(var(--vh, 1vh)*100);display:-webkit-box;display:-ms-flexbox;display:flex;background:url(../img/bg.jpg);background-size:auto 100%;padding:0 !important;opacity:0}.section-all>div{max-width:100%;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transition:all ease .5s;transition:all ease .5s;border-right:1px solid rgba(255,255,255,.1803921569);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;background-size:50%;background-repeat:no-repeat;background-position:center bottom}.section-all>div:before{content:"";position:absolute;left:0;top:0;width:30%;height:100%;background:#fff;background:-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(238, 238, 238, 0.9)));background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(238, 238, 238, 0.9) 100%)}.section-all>div:after{content:"";position:absolute;right:0;top:0;width:30%;height:100%;background:#fff;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(248, 248, 248, 0.9)));background:linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, rgba(248, 248, 248, 0.9) 100%)}.section-all>div .content-holder{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;text-align:center;width:500px;height:100%;-webkit-transition:all ease 1s;transition:all ease 1s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;overflow:hidden;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section-all>div .video-holder{-webkit-box-flex:1;-ms-flex:1;flex:1;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.section-all>div .video-holder .iframe-close{position:absolute;bottom:0;left:0;color:#333;padding:1rem;z-index:9;font-size:.85rem;opacity:.4;-webkit-transition:all ease .3s;transition:all ease .3s}.section-all>div .video-holder .iframe-close:hover{opacity:1;text-decoration:none}.section-all>div .video-holder .iframe-video{max-width:80%;max-height:80%;border:1px solid rgba(131,130,131,.6784313725);border-radius:10px}.section-all>div .video-holder{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;-webkit-transition:opacity ease 3s;transition:opacity ease 3s;-webkit-transition-delay:3s;transition-delay:3s}.section-all>div .video-holder .section{width:100%;padding:2rem 4rem}.section-all>div.video-active{border-color:rgba(86,86,86,.1803921569)}.section-all>div.video-active .video-holder{opacity:1;-webkit-transition:opacity ease .3s;transition:opacity ease .3s;-webkit-transition-delay:0s;transition-delay:0s}.section-all>div.video-active .button-video{opacity:0;height:0;width:0}.section-all>div .button-video{-webkit-transition:all ease 1s;transition:all ease 1s}.section-all>div:not(.expanded){cursor:pointer}.section-all>div.compact{max-width:8%;cursor:pointer;border-color:rgba(86,86,86,.1803921569)}.section-all>div.compact::before,.section-all>div.compact:after{opacity:.3}.section-all>div.compact .button-video.is-play{width:50px;height:50px}.section-all>div.compact .image-back{-webkit-box-flex:.5;-ms-flex:.5;flex:.5}.section-all>div.compact:hover{-webkit-transform:translateX(0) scale(1.05) !important;transform:translateX(0) scale(1.05) !important}.section-all>div .btn-explore{position:absolute;bottom:1rem;color:#fff;border:1px solid #fff;padding:.4rem 1rem;border-radius:30px;background:#000;text-decoration:none;-webkit-transition:all ease .3s;transition:all ease .3s;opacity:0}.section-all>div.expanded .content-holder{opacity:0;-webkit-transition:all ease-out .2s;transition:all ease-out .2s;width:0}.section-all>div:not(.compact) .btn-explore{display:block}.section-all>div:not(.compact) .btn-explore:hover{opacity:1}.section-all>div:not(.compact):hover .btn-explore{display:block;opacity:.4}.section-all>div:not(.compact):hover .btn-explore:hover{opacity:1}.section-all>div .image-holder>img{max-width:80%;margin-top:20%;-webkit-transition:-webkit-transform ease .6s;transition:-webkit-transform ease .6s;transition:transform ease .6s;transition:transform ease .6s, -webkit-transform ease .6s}.section-all>div .image-holder,.section-all>div .image-back{max-width:100%;width:300px;-webkit-transition:all ease 1.3s;transition:all ease 1.3s}.section-all>div .image-back{height:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;background-size:contain;background-repeat:no-repeat;background-position:center;margin-top:3rem;background-position:bottom center}.section-all>div:first-child .image-back{background-image:url(../img/brands/1.png);-webkit-transform:translateY(600px);transform:translateY(600px)}.section-all>div:nth-child(2) .image-back{background-image:url(../img/brands/2.png);-webkit-transform:translateY(300px);transform:translateY(300px)}.section-all>div:nth-child(2) .has-scale-animation{-webkit-animation-delay:2s;animation-delay:2s}.section-all>div:nth-child(3) .image-back{background-image:url(../img/brands/3.png);-webkit-transform:translateY(300px);transform:translateY(300px)}.section-all>div:nth-child(3) .has-scale-animation{-webkit-animation-delay:3s;animation-delay:3s}.section-all>div:nth-child(4) .image-back{background-image:url(../img/brands/4.png);-webkit-transform:translateY(600px);transform:translateY(600px)}.section-all>div:nth-child(4) .has-scale-animation{-webkit-animation-delay:4s;animation-delay:4s}#svg-first-brand{position:absolute;left:-30px;top:-250px;width:500px;display:block}#svg-first-brand svg{max-width:100%}.section-first-brand,.section-second-brand,.section-third-brand,.section-fourth-brand{display:-webkit-box;display:-ms-flexbox;display:flex}.section-first-brand>div,.section-second-brand>div,.section-third-brand>div,.section-fourth-brand>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;z-index:9}.section-first-brand>div>.row,.section-second-brand>div>.row,.section-third-brand>div>.row,.section-fourth-brand>div>.row{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;z-index:6}.section-first-brand{height:100vh;height:calc(var(--vh, 1vh)*100);background-color:#000;background:url(../img/bg.jpg);background-size:auto 100%;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.section-first-brand img{max-width:100%}.section-first-brand>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.section-first-brand>div>.row{-webkit-box-flex:1;-ms-flex:1;flex:1}.section-first-brand>div:before{content:"";position:absolute;background:url(../img/a2.png);top:0;right:0;height:30%;width:10%;z-index:9;background-size:contain;background-repeat:no-repeat;background-position:top center;-webkit-transition:-webkit-transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s;transition:-webkit-transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s;transition:transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s;transition:transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s, -webkit-transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s;-webkit-transform:translate(300px, -300px);transform:translate(300px, -300px)}.section-first-brand:before{content:"";position:absolute;background:url(../img/a1.png);left:0;top:0;height:30%;width:10%;z-index:9;background-size:contain;background-repeat:no-repeat;background-position:top center;-webkit-transition:-webkit-transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s;transition:-webkit-transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s;transition:transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s;transition:transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s, -webkit-transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s;-webkit-transform:translateX(-300px);transform:translateX(-300px)}.section-first-brand:after{content:"";position:absolute;background:url(../img/back-1.png);right:0;bottom:0;height:80%;width:20%;z-index:9;background-size:contain;background-repeat:no-repeat;background-position:right bottom;-webkit-transition:-webkit-transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s;transition:-webkit-transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s;transition:transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s;transition:transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s, -webkit-transform cubic-bezier(0.75, 0.07, 0.38, 1.04) 1.2s;-webkit-transform:translateX(300px);transform:translateX(300px)}.video-active .section-first-brand:after{-webkit-transform:translateX(0px);transform:translateX(0px)}.video-active .section-first-brand:before{-webkit-transform:translateX(0px);transform:translateX(0px)}.video-active .section-first-brand>div:before{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}.video-active p.brand-text{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s;transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s}.video-active img.brand{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s;transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s}.video-active img.header{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s;transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s}.video-active .btn-liquid{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s;transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s}.video-active #bear-animation{opacity:1}img.brand{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s;transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s}p.brand-text,.btn-liquid{opacity:0;-webkit-transform:translateY(150px);transform:translateY(150px);-webkit-transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s;transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s}img.header{margin-bottom:2rem;opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);-webkit-transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s;transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s}.btn-liquid{position:relative;text-decoration:none;overflow:hidden;border-radius:40px;border:1px solid rgba(0,0,0,.168627451)}.btn-liquid span{position:relative;color:#333;z-index:1}.btn-liquid .liquid{position:absolute;top:-80px;left:0;width:200px;height:200px;background:linear-gradient(91deg, #c8a0f9 0%, #0d29f8 100%);-webkit-box-shadow:inset 0 0 50px rgba(0,0,0,.2);box-shadow:inset 0 0 50px rgba(0,0,0,.2);-webkit-transition:.5s;transition:.5s}.btn-liquid .liquid::after,.btn-liquid .liquid::before{content:"";width:200%;height:200%;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, -75%);transform:translate(-50%, -75%);background:#000}.btn-liquid .liquid::before{border-radius:45%;background:rgba(20,20,20,.0784313725);-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite}.btn-liquid .liquid::after{border-radius:40%;background:#fff;-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite}.btn-liquid:hover .liquid{top:-120px}.image-canvas{position:relative;min-height:400px;min-height:80%;margin-top:20%;width:100%;opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px);-webkit-transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.4s;transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.4s}.image-canvas>img{position:absolute;right:0;bottom:0%;max-height:100%;max-width:100%;display:none}.image-canvas>img.active{display:block}.video-active .image-canvas{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}@-webkit-keyframes animate{0%{-webkit-transform:translate(-50%, -75%) rotate(0deg);transform:translate(-50%, -75%) rotate(0deg)}100%{-webkit-transform:translate(-50%, -75%) rotate(360deg);transform:translate(-50%, -75%) rotate(360deg)}}@keyframes animate{0%{-webkit-transform:translate(-50%, -75%) rotate(0deg);transform:translate(-50%, -75%) rotate(0deg)}100%{-webkit-transform:translate(-50%, -75%) rotate(360deg);transform:translate(-50%, -75%) rotate(360deg)}}.section-second-brand{height:100vh;height:calc(var(--vh, 1vh)*100);background-color:#000;background:url(../img/bg.jpg);background-size:auto 100%;position:relative;overflow:hidden}.section-second-brand img{max-width:100%}.section-second-brand a .liquid{background:#c8eafa}.section-second-brand .b1{position:absolute;background:url(../img/b1.png);left:0;top:0;height:100%;width:14%;background-size:contain;background-repeat:no-repeat;background-position:left top;z-index:3;-webkit-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition-duration:1.5s !important;transition-duration:1.5s !important}.section-second-brand .b2{position:absolute;background:url(../img/b2.png);right:0;top:0;height:100%;width:15%;background-size:contain;background-repeat:no-repeat;background-position:right top;z-index:3;-webkit-transform:translateX(200px);transform:translateX(200px);-webkit-transition-duration:1.2s !important;transition-duration:1.2s !important}.section-second-brand .b3{position:absolute;background:url(../img/b3.png);right:0;bottom:0;height:100%;width:20%;background-size:contain;background-repeat:no-repeat;background-position:right bottom;z-index:2;-webkit-transform:translateX(200px);transform:translateX(200px);-webkit-transition-duration:2s !important;transition-duration:2s !important}.section-second-brand .b4{position:absolute;background:url(../img/b4.png);left:0;bottom:0;height:120px;width:100%;background-size:105% auto;background-repeat:no-repeat;background-position:center bottom;z-index:2;-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-transition-duration:1.4s !important;transition-duration:1.4s !important}.section-second-brand img.brand{-webkit-transform:translateX(-400px);transform:translateX(-400px)}.section-second-brand .b1,.section-second-brand .b2,.section-second-brand .b3,.section-second-brand .b4{-webkit-transition:all ease 1.8s;transition:all ease 1.8s}.video-active .section-second-brand .b1,.video-active .section-second-brand .b2,.video-active .section-second-brand .b3,.video-active .section-second-brand .b4{-webkit-transform:translate(0px);transform:translate(0px)}.section-third-brand{height:100vh;height:calc(var(--vh, 1vh)*100);background-color:#000;background:url(../img/bg.jpg);background-size:auto 100%;position:relative;overflow:hidden}.section-third-brand .image-canvas{background-size:contain;background-repeat:no-repeat;background-position:right 25% bottom}.section-third-brand .image-canvas>img{height:70%;bottom:5%}.section-third-brand .vapour-img{text-align:right;padding-right:100px;position:relative}.section-third-brand .vapour-img:before{content:"";background-image:url(../img/smoke.gif);background-position:bottom center;background-size:auto 100%;padding-right:0;position:absolute;background-repeat:no-repeat;right:100px;width:331px;top:0;height:250px;opacity:.3;border-radius:50%}.section-third-brand .vapour-img .vapour{right:80px;left:auto}.section-third-brand .vapour-img img{width:300px}.section-third-brand img{max-width:100%}.section-third-brand .b1{position:absolute;background:url(../img/c1.png);left:0;top:0;height:100%;width:14%;background-size:contain;background-repeat:no-repeat;background-position:left top;z-index:3;-webkit-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition-duration:1.8s !important;transition-duration:1.8s !important}.section-third-brand .b2{position:absolute;background:url(../img/c2.png);right:0;top:0;height:100%;width:15%;background-size:contain;background-repeat:no-repeat;background-position:right top;z-index:3;-webkit-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition-duration:1.8s !important;transition-duration:1.8s !important}.section-third-brand .b3{position:absolute;background:url(../img/c3.png);right:0;bottom:0;height:100%;width:40%;background-size:contain;background-repeat:no-repeat;background-position:right bottom;z-index:2;-webkit-transform:translateX(200px) translateY(200px);transform:translateX(200px) translateY(200px);-webkit-transition-duration:1.8s !important;transition-duration:1.8s !important}.section-third-brand .b4{position:absolute;background:url(../img/c4.png);left:0;bottom:0;height:100%;width:15%;background-size:100% auto;background-repeat:no-repeat;background-position:center top;z-index:3;-webkit-transform:translateX(-200px) translateY(-200px);transform:translateX(-200px) translateY(-200px);-webkit-transition-duration:1.8s !important;transition-duration:1.8s !important}.section-third-brand .b5{position:absolute;background:url(../img/c5.png);left:0;bottom:0;height:100%;width:5%;background-size:100% auto;background-repeat:no-repeat;background-position:center center;z-index:4;-webkit-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition-duration:1.8s !important;transition-duration:1.8s !important}.section-third-brand a .liquid{background:#d29563}.section-third-brand .b1,.section-third-brand .b2,.section-third-brand .b3,.section-third-brand .b4{-webkit-transition:all ease 1.8s;transition:all ease 1.8s}.section-third-brand .vapour-img{-webkit-transform:translateX(400px);transform:translateX(400px);-webkit-transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s;transition:all cubic-bezier(0.7, 0.02, 0.08, 1) 1.3s;opacity:.1}.video-active .section-third-brand .b1,.video-active .section-third-brand .b2,.video-active .section-third-brand .b3,.video-active .section-third-brand .b4{-webkit-transform:translate(0px);transform:translate(0px)}.video-active .section-third-brand .vapour-img{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}.section-fourth-brand{height:100vh;height:calc(var(--vh, 1vh)*100);background-color:#000;background:url(../img/bg.jpg);background-size:auto 100%;position:relative;overflow:hidden}.section-fourth-brand img{max-width:100%}.section-fourth-brand .b1{position:absolute;background:url(../img/d1.png);left:0;top:0;height:100%;width:14%;background-size:contain;background-repeat:no-repeat;background-position:left top;z-index:3;-webkit-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition-duration:1.8s !important;transition-duration:1.8s !important}.section-fourth-brand .b2{position:absolute;background:url(../img/d2.png);right:0;top:0;height:100%;width:15%;background-size:contain;background-repeat:no-repeat;background-position:right top;z-index:3;-webkit-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition-duration:1.8s !important;transition-duration:1.8s !important}.section-fourth-brand .b3{position:absolute;background:url(../img/d3.png);right:0;bottom:0;height:100%;width:25%;background-size:contain;background-repeat:no-repeat;background-position:right bottom;z-index:2;-webkit-transform:translateX(200px) translateY(200px);transform:translateX(200px) translateY(200px);-webkit-transition-duration:1.8s !important;transition-duration:1.8s !important}.section-fourth-brand a .liquid{background:linear-gradient(91deg, #acf1ff 0%, #fee2c6 15%, #fee2c6 20%, #c66a87 100%)}.section-fourth-brand .b1,.section-fourth-brand .b2,.section-fourth-brand .b3,.section-fourth-brand .b4{-webkit-transition:all ease 1.8s;transition:all ease 1.8s}.section-fourth-brand .image-canvas{height:95%;margin-top:5%}.section-fourth-brand .image-canvas img{height:100%}.video-active .section-fourth-brand .b1,.video-active .section-fourth-brand .b2,.video-active .section-fourth-brand .b3,.video-active .section-fourth-brand .b4{-webkit-transform:translate(0px);transform:translate(0px)}.vapour-img{position:relative}.vapour{position:absolute;top:50%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;padding:0 80px;margin-bottom:-500px}.vapour span{position:relative;bottom:50px;display:block;margin:0 2px 50px;min-width:6px;height:80px;background:#333;border-radius:50%;-webkit-animation:animatesmoke 5s linear infinite;animation:animatesmoke 5s linear infinite;opacity:0;-webkit-filter:blur(8px);filter:blur(8px);-webkit-animation-delay:calc(var(--i)*-0.5s);animation-delay:calc(var(--i)*-0.5s)}@-webkit-keyframes animatesmoke{0%{-webkit-transform:translateY(0) scaleX(1);transform:translateY(0) scaleX(1);opacity:0}15%{opacity:.6}50%{-webkit-transform:translateY(-150px) scaleX(3);transform:translateY(-150px) scaleX(3)}95%{opacity:0}100%{-webkit-transform:translateY(-300px) scaleX(8);transform:translateY(-300px) scaleX(8)}}@keyframes animatesmoke{0%{-webkit-transform:translateY(0) scaleX(1);transform:translateY(0) scaleX(1);opacity:0}15%{opacity:.6}50%{-webkit-transform:translateY(-150px) scaleX(3);transform:translateY(-150px) scaleX(3)}95%{opacity:0}100%{-webkit-transform:translateY(-300px) scaleX(8);transform:translateY(-300px) scaleX(8)}}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes rotator{0%{-webkit-transform:translate(-100px, 0);transform:translate(-100px, 0)}25%{-webkit-transform:translate(0px, -100px);transform:translate(0px, -100px)}50%{-webkit-transform:translate(100px, 0px);transform:translate(100px, 0px)}80%{-webkit-transform:translate(0px, 100px);transform:translate(0px, 100px)}100%{-webkit-transform:translate(-100px, 0);transform:translate(-100px, 0)}}@keyframes rotator{0%{-webkit-transform:translate(-100px, 0);transform:translate(-100px, 0)}25%{-webkit-transform:translate(0px, -100px);transform:translate(0px, -100px)}50%{-webkit-transform:translate(100px, 0px);transform:translate(100px, 0px)}80%{-webkit-transform:translate(0px, 100px);transform:translate(0px, 100px)}100%{-webkit-transform:translate(-100px, 0);transform:translate(-100px, 0)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes triangleStroke{from{stroke-dashoffset:90}to{stroke-dashoffset:0}}@keyframes triangleStroke{from{stroke-dashoffset:90}to{stroke-dashoffset:0}}@-webkit-keyframes smallScale{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes smallScale{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}.button-video{display:inline-block;position:relative;margin-top:2rem}.button-video.is-play{background-color:rgba(255,255,255,.4);border-radius:50%;width:70px;height:70px}.button-video.is-play .button-outer-circle{background:rgba(255,255,255,.3);border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%}.button-video.is-play .button-icon{position:absolute;top:50%;left:50%;width:30px;height:30px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.button-video.is-play .button-icon .triangle{-webkit-animation:fadeIn 7s ease;animation:fadeIn 7s ease}.button-video.is-play .button-icon .path{stroke-dasharray:90;stroke-dashoffset:0;-webkit-animation:triangleStroke 3s;animation:triangleStroke 3s;-webkit-animation-timing-function:ease;animation-timing-function:ease}.button-video .has-scale-animation{-webkit-animation:smallScale 3s infinite;animation:smallScale 3s infinite}.button-video .has-delay-short{-webkit-animation-delay:.5s;animation-delay:.5s}@media all and (max-height: 800px){@-webkit-keyframes animatesmoke{0%{-webkit-transform:translateY(0) scaleX(1);transform:translateY(0) scaleX(1);opacity:0}15%{opacity:.6}50%{-webkit-transform:translateY(-80px) scaleX(3);transform:translateY(-80px) scaleX(3)}95%{opacity:0}100%{-webkit-transform:translateY(-160px) scaleX(8);transform:translateY(-160px) scaleX(8)}}@keyframes animatesmoke{0%{-webkit-transform:translateY(0) scaleX(1);transform:translateY(0) scaleX(1);opacity:0}15%{opacity:.6}50%{-webkit-transform:translateY(-80px) scaleX(3);transform:translateY(-80px) scaleX(3)}95%{opacity:0}100%{-webkit-transform:translateY(-160px) scaleX(8);transform:translateY(-160px) scaleX(8)}}.section-third-brand .image-canvas{margin-top:0%}.section-third-brand .vapour-img img{max-height:100%;width:auto;max-width:250px}.section-third-brand .vapour-img:before{height:220px;width:250px}.image-canvas{min-height:90%;margin-top:5%}.vapour{padding:0 30px}p.brand-text{font-size:.8rem}}@media screen and (max-width: 850px){.section-featured{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;overflow:hidden}.section-featured:before,.section-featured:after{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.section-featured:after{background:url(../img/front.svg) no-repeat left center;width:2500px;-webkit-transform:translate3d(0%, 0, -1px);transform:translate3d(0%, 0, -1px);will-change:margin-left;-webkit-transition:margin-left ease 4s;transition:margin-left ease 4s;background-size:2000px}.section-all>div .video-holder .section{width:100%;padding:2rem 2rem}.loading .section-featured{background-image:url(../img/back.jpg);background-size:cover;background-position:center;-webkit-perspective:1000;background-color:#fff}.loaded .section-featured{background-image:none;background-color:#fff}.section-featured:before{display:none;min-width:1048px;height:400px;left:-50px;z-index:-1}.section-all>div .image-back{background-position:center}.loading .section-featured:after{margin-left:-1600px}.section-first-brand>div>.row,.section-second-brand>div>.row,.section-third-brand>div>.row,.section-fourth-brand>div>.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section-first-brand>div>.row>div,.section-second-brand>div>.row>div,.section-third-brand>div>.row>div,.section-fourth-brand>div>.row>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.section-third-brand .vapour-img img{width:100%}.image-canvas>img{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section-third-brand .vapour-img:before{height:40%;width:100%;right:50px}}