*,body{margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}@font-face{font-family:Montserrat-Regular;src:url(../fonts/Montserrat-Regular.otf)}@font-face{font-family:Montserrat-Bold;src:url(../fonts/Montserrat-Bold.otf)}@font-face{font-family:Montserrat-Light;src:url(../fonts/Montserrat-Light.otf)}#header.no_menu #nav-trigger,#header.no_menu .right{display:none!important}#header header{position:absolute;height:100px;width:100%;top:0;left:0;z-index:1000;opacity:0}#header header.active{opacity:1;transition:opacity ease-out 1s}#header header .container{position:relative;top:0;left:0;width:calc(100% - 50px);padding:25px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){#header header .container{width:calc(100% - min(50px,6vw));padding:25px min(25px,3vw)}}#header header .container #nav-trigger{transform:translateY(-50%);right:min(10vw,50px);top:min(15vw,80px);position:fixed;padding:0 0 15px;pointer-events:all;cursor:pointer;z-index:1002;display:none}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){#header header .container #nav-trigger{display:block}}#header header .container #nav-trigger.active .trigger-left{transform:rotate(45deg) skew(0)!important;left:0}#header header .container #nav-trigger.active .trigger-right{transform:rotate(-45deg) skew(0)!important;left:0}#header header .container #nav-trigger.active div{margin-bottom:calc(min(.8vh,2vw)*-1)!important}#header header .container #nav-trigger>div{margin-bottom:min(.8vh,2vw);transition:all linear .15s;transform:skew(-40deg)}#header header .container #nav-trigger .trigger-left{position:relative;width:min(5vh,10vw);height:min(.8vh,2vw);background:#fff;left:20%}#header header .container #nav-trigger .trigger-right{width:min(5vh,10vw);height:min(.8vh,2vw);background:#fff}#header header .container #brandLogo{position:relative;width:min(250px,30vw)}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){#header header .container #brandLogo{width:38vw}}#header header .container #brandLogo img{position:relative;width:100%}#header header .container .right{display:flex;flex-direction:row}#header header .container .right .menu_item{position:relative;font-family:Montserrat-Bold;font-size:min(1.5vw,16px);color:#fff;margin:0 1.5vw;cursor:pointer;text-decoration:none}#header header .container .right .menu_item:hover,#header header .container .right .menu_item.active{text-decoration:underline;text-underline-offset:4px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){#header header .container .right .menu_item{margin:min(20px,2vh) auto;font-size:min(4vw,16px);padding:0 10vw;text-align:left;width:100%}}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){#header header .container .right{position:fixed;right:0;top:0;padding:100px 0;height:calc(100vh - 200px);background-color:#1063b4;flex-direction:column;z-index:1001;transform:translate(100%);transition:transform cubic-bezier(.72,0,.28,1) 1s}#header header .container .right.active{transform:translate(0)}}footer{position:fixed;height:75px;display:flex;width:100%;bottom:0;left:0;z-index:1000;background-color:#000;transform:translateY(100%);transition:transform cubic-bezier(.72,-.4,.28,1.2) 0s 0s}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){footer{height:50px}}footer.active{position:relative;transform:translateY(0)}footer .container{position:relative;top:0;left:0;width:calc(100% - 50px);padding:25px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){footer .container{width:calc(100% - min(50px,6vw));padding:25px min(25px,3vw)}}footer .container .left{max-width:45%}footer .container .left .copyright{font-family:Montserrat-Light;color:#fff;font-size:min(2vw,12px)}footer .container .right{display:flex;flex-direction:row;justify-content:flex-end;font-family:Montserrat-Light;color:#fff;font-size:min(2vw,12px);margin:0 min(2vw,15px);margin:0;max-width:55%}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){footer .container .right{margin:0 min(1vw,15px) 0 0}}footer .container .right .contact,footer .container .right .privacy,footer .container .right .visit{margin:0 1vw}footer .container .right .contact a,footer .container .right .privacy a,footer .container .right .visit a{color:#fff;text-underline-offset:4px}body{overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}.jafza-voices{height:100vh;overflow:hidden;background:#111;width:1005;display:flex;justify-content:center;align-items:center}.jafza-voices .bgs{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.jafza-voices .bgs .bg{position:absolute;top:0;left:0;width:100%;height:100%}.jafza-voices .bgs .bg img{position:relative;width:100%;height:100%;object-fit:cover}.jafza-voices .bgs #bg1Mask rect,.jafza-voices .bgs #bg2Mask rect,.jafza-voices .bgs #bg3Mask rect,.jafza-voices .bgs #bg4Mask rect,.jafza-voices .bgs #bg5Mask rect,.jafza-voices .bgs #bg6Mask rect,.jafza-voices .bgs #bg7Mask rect,.jafza-voices .bgs #bg8Mask rect,.jafza-voices .bgs #bg9Mask rect,.jafza-voices .bgs #bg10Mask rect{x:0;transform:translate(0);transition:transform cubic-bezier(.72,0,.28,1) 1.5s}.jafza-voices .bgs #bg1Mask rect.disabled,.jafza-voices .bgs #bg2Mask rect.disabled,.jafza-voices .bgs #bg3Mask rect.disabled,.jafza-voices .bgs #bg4Mask rect.disabled,.jafza-voices .bgs #bg5Mask rect.disabled,.jafza-voices .bgs #bg6Mask rect.disabled,.jafza-voices .bgs #bg7Mask rect.disabled,.jafza-voices .bgs #bg8Mask rect.disabled,.jafza-voices .bgs #bg9Mask rect.disabled,.jafza-voices .bgs #bg10Mask rect.disabled{transform:translate(100vw)}.jafza-voices .bgs .bg1{clip-path:url(#bg1Mask);-webkit-clip-path:url(#bg1Mask)}.jafza-voices .bgs .bg2{clip-path:url(#bg2Mask);-webkit-clip-path:url(#bg2Mask)}.jafza-voices .bgs .bg3{clip-path:url(#bg3Mask);-webkit-clip-path:url(#bg3Mask)}.jafza-voices .bgs .bg4{clip-path:url(#bg4Mask);-webkit-clip-path:url(#bg4Mask)}.jafza-voices .bgs .bg5{clip-path:url(#bg5Mask);-webkit-clip-path:url(#bg5Mask)}.jafza-voices .bgs .bg6{clip-path:url(#bg6Mask);-webkit-clip-path:url(#bg6Mask)}.jafza-voices .bgs .bg7{clip-path:url(#bg7Mask);-webkit-clip-path:url(#bg7Mask)}.jafza-voices .bgs .bg8{clip-path:url(#bg8Mask);-webkit-clip-path:url(#bg8Mask)}.jafza-voices .bgs .bg9{clip-path:url(#bg9Mask);-webkit-clip-path:url(#bg9Mask)}.jafza-voices .slider-container{width:100vw;height:60vh;position:relative;display:flex;flex-wrap:wrap;width:calc(min(70vw,126vh)*.8);height:calc(min(39.4vw,70.92vh)*1)}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){.jafza-voices .slider-container{width:100vw}}.jafza-voices .slider-container .slider-track{display:flex;position:relative;height:100%;margin-left:calc((min(70vw,126vh)*.8 - 100vw)/2)}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){.jafza-voices .slider-container .slider-track{margin-left:0}}.jafza-voices .slider-container .slider-track .content{display:flex;transition:transform cubic-bezier(.72,0,.28,1) 1s}.jafza-voices .slider-container .slider-track .slide{width:100vw;justify-content:center;align-items:center;display:flex;flex-direction:column;transform:scale(1);opacity:0}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){.jafza-voices .slider-container .slider-track .slide{width:90vw;margin:0 4.8vw}}.jafza-voices .slider-container .slider-track .slide.active2{opacity:1;transition:transform cubic-bezier(.72,0,.28,1.2) .5s,opacity linear .5s .25s}.jafza-voices .slider-container .slider-track .slide.active{transform:scale(.9)}.jafza-voices .slider-container .slider-track .slide.active .videoDetails{transform:translateY(-130%)}.jafza-voices .slider-container .slider-track .slide .videoContainer{height:60vh;object-fit:cover;margin:0 auto;position:relative;z-index:2;display:flex;top:50%;transform:translateY(-50%);flex-direction:column;align-items:flex-end}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){.jafza-voices .slider-container .slider-track .slide .videoContainer{top:60%}}.jafza-voices .slider-container .slider-track .slide .videoContainer .iframeDiv{padding:min(1vw,1vh);border-radius:5px;background-color:#ffffff40;backdrop-filter:saturate(180%) blur(5px);-webkit-backdrop-filter:saturate(180%) blur(5px)}.jafza-voices .slider-container .slider-track .slide .videoContainer iframe{position:relative;width:calc(min(70vw,126vh)*.8);height:calc(min(39.4vw,70.92vh)*.8);object-fit:cover;margin:0 auto}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){.jafza-voices .slider-container .slider-track .slide .videoContainer iframe{width:90vw;height:50.4vw}}.jafza-voices .slider-container .slider-track .slide .videoContainer .logo{position:relative;width:25%;z-index:-1;transform:translate(-4.5%,-120%);transition:transform cubic-bezier(.72,0,.28,1) .5s}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){.jafza-voices .slider-container .slider-track .slide .videoContainer .logo{width:40%}}.jafza-voices .slider-container .slider-track .slide .videoContainer .logo.active{transform:translate(-4.5%)}.jafza-voices .slider-container .slider-track .slide .videoDetails{width:70%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;z-index:1;position:relative;transition:.5s;transform:translateY(0)}.jafza-voices .slider-container .slider-track .slide .videoDetails .sec1{width:65%}.jafza-voices .slider-container .slider-track .slide .videoDetails .sec1 .bold-text{font-family:Montserrat-Bold;font-size:8vh;font-weight:700}.jafza-voices .slider-container .slider-track .slide .videoDetails .sec1 .regular-text{font-family:Montserrat-Regular}.jafza-voices .slider-container .slider-track .slide .videoDetails .sec2{width:35%}.jafza-voices .slider-container .slider-track .slide .videoDetails .sec2 .regular-text{font-family:Montserrat-Light}#prev{background-image:url(ui/voice_of_jafza/Right.png);background-size:100% 100%;border:none;background-color:transparent;opacity:1;color:#fff;font-size:min(6vw,6vh);padding:10px 20px;cursor:pointer;position:fixed;top:40%;left:0;z-index:1000;width:min(8vw,8vh);height:calc(min(8vw,8vh)*2);transition:transform cubic-bezier(.72,-.4,.28,1.2) 1s 0s;transform:translate(-150%) scaleX(-1)}#prev .circle{position:absolute;top:0;left:0;width:200%;height:100%;background-color:transparent;border-radius:50%;backdrop-filter:saturate(180%) blur(3px);-webkit-backdrop-filter:saturate(180%) blur(3px);transition:backdrop-filter linear .2s}#prev.active{transform:translate(0) scaleX(-1)}#prev:hover .circle{backdrop-filter:saturate(180%) blur(0px);-webkit-backdrop-filter:saturate(180%) blur(0px)}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){#prev{width:min(120px,18vw);height:calc(min(120px,18vw)*2);top:auto;bottom:10vh}}#prev img{position:absolute;left:-40%;top:50%;transform:translateY(-50%);width:100%}#slideNumber{top:calc(min(1vw,1vh)*-2 + min(39.4vw,70.92vh)*.1);position:absolute;left:calc(50vw + min(70vw,126vh)*.4 + min(8vw,8vh));font-size:min(5vw,5vh);font-family:Montserrat-Bold;color:#fff;transform:rotate(90deg);transform-origin:top left;overflow:hidden}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){#slideNumber{transform:rotate(0);position:fixed;bottom:18vh;top:auto;width:auto;left:0;right:0;margin:auto;width:27vw;text-align:center;font-size:7vw}}#slideNumber span{transform:translate(-100%);display:flex}#slideNumber.active span{transform:translate(0);transition:transform cubic-bezier(.72,0,.28,1.2) 1s 1s}#next{background-image:url(ui/voice_of_jafza/Right.png);background-size:100% 100%;border:none;background-color:transparent;opacity:1;font-size:min(6vw,6vh);cursor:pointer;right:0;position:fixed;top:40%;width:min(8vw,8vh);height:calc(min(8vw,8vh)*2);transition:transform cubic-bezier(.72,-.2,.28,1.2) 1s 0s;transform:translate(150%);z-index:1000}#next .circle{position:absolute;top:0;left:0;width:200%;height:100%;background-color:transparent;border-radius:50%;backdrop-filter:saturate(180%) blur(3px);-webkit-backdrop-filter:saturate(180%) blur(3px);transition:backdrop-filter linear .2s}#next.active{transform:translate(0)}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){#next{width:min(120px,18vw);height:calc(min(120px,18vw)*2);top:auto;bottom:10vh}}#next img{position:absolute;left:-40%;top:50%;transform:translateY(-50%);width:100%}#next:hover .circle{backdrop-filter:saturate(180%) blur(0px);-webkit-backdrop-filter:saturate(180%) blur(0px)}
