.scene{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.scene.active{opacity:1;pointer-events:all}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}pre{overflow:auto}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}*{margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{height:100%;background-color:transparent;overflow:hidden}body{height:100%;color:#000000;font-weight:bold;font-size:12px;font-family:arial, Helvetica, sans-serif;background-color:white}.on{display:block !important}.off{display:none !important}#ad-viewport{width:100%;height:100%;position:absolute;left:0;top:0}#ad-container{width:100%;height:100%;position:absolute;cursor:pointer}#ad-content{width:100%;height:100%;position:relative}.fadeIn{-webkit-animation:fadeIn 1s 1 forwards;animation:fadeIn 1s 1 forwards}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeOut{-webkit-animation:fadeOut 1s 1 ease forwards;animation:fadeOut 1s 1 ease forwards}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.pulse{-webkit-animation:pulse 1s 15 alternate forwards;animation:pulse 1s 15 alternate forwards}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}.pulseGlow{-webkit-animation:pulseGlow 2s 10 linear forwards;animation:pulseGlow 2s 10 linear forwards}@-webkit-keyframes pulseGlow{0%{-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white)}50%{-webkit-filter:drop-shadow(0px 0px 10px white);filter:drop-shadow(0px 0px 10px white)}100%{-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white)}}@keyframes pulseGlow{0%{-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white)}50%{-webkit-filter:drop-shadow(0px 0px 10px white);filter:drop-shadow(0px 0px 10px white)}100%{-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white)}}.pulseLinear{-webkit-animation:pulseLinear 1.5s 15 linear forwards;animation:pulseLinear 1.5s 15 linear forwards}@-webkit-keyframes pulseLinear{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulseLinear{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}.pulseKnob{-webkit-animation:pulseKnob 2s 10 ease forwards;animation:pulseKnob 2s 10 ease forwards}@-webkit-keyframes pulseKnob{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}20%{-webkit-transform:translate(2px, 0);transform:translate(2px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes pulseKnob{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}20%{-webkit-transform:translate(2px, 0);transform:translate(2px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.pulseTouch{-webkit-animation:pulseTouch 1.5s 3 linear forwards;animation:pulseTouch 1.5s 3 linear forwards}@-webkit-keyframes pulseTouch{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(40px, 0);transform:translate(40px, 0)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(-40px, 0);transform:translate(-40px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes pulseTouch{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(40px, 0);transform:translate(40px, 0)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(-40px, 0);transform:translate(-40px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.pulseGyro{-webkit-animation:pulseGyro 2s 3 linear forwards;animation:pulseGyro 2s 3 linear forwards}@-webkit-keyframes pulseGyro{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(40px, 0);transform:translate(40px, 0)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(-40px, 0);transform:translate(-40px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes pulseGyro{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(40px, 0);transform:translate(40px, 0)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(-40px, 0);transform:translate(-40px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.pulseShake{-webkit-animation:pulseShake 0.5s 20 ease forwards;animation:pulseShake 0.5s 20 ease forwards}@-webkit-keyframes pulseShake{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(8px, 0);transform:translate(8px, 0)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(-8px, 0);transform:translate(-8px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes pulseShake{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(8px, 0);transform:translate(8px, 0)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(-8px, 0);transform:translate(-8px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.shake{-webkit-animation:shake 0.5s infinite;animation:shake 0.5s infinite}@-webkit-keyframes shake{0%{-webkit-transform:translate3d(1px, 1px, 0) rotate(0deg);transform:translate3d(1px, 1px, 0) rotate(0deg)}10%{-webkit-transform:translate3d(-1px, -2px, 0) rotate(-1deg);transform:translate3d(-1px, -2px, 0) rotate(-1deg)}20%{-webkit-transform:translate3d(-3px, 0px, 0) rotate(1deg);transform:translate3d(-3px, 0px, 0) rotate(1deg)}30%{-webkit-transform:translate3d(3px, 2px, 0) rotate(0deg);transform:translate3d(3px, 2px, 0) rotate(0deg)}40%{-webkit-transform:translate3d(1px, -1px, 0) rotate(1deg);transform:translate3d(1px, -1px, 0) rotate(1deg)}50%{-webkit-transform:translate3d(-1px, 2px, 0) rotate(-1deg);transform:translate3d(-1px, 2px, 0) rotate(-1deg)}60%{-webkit-transform:translate3d(-3px, 1px, 0) rotate(0deg);transform:translate3d(-3px, 1px, 0) rotate(0deg)}70%{-webkit-transform:translate3d(3px, 1px, 0) rotate(-1deg);transform:translate3d(3px, 1px, 0) rotate(-1deg)}80%{-webkit-transform:translate3d(-1px, -1px, 0) rotate(1deg);transform:translate3d(-1px, -1px, 0) rotate(1deg)}90%{-webkit-transform:translate3d(1px, 2px, 0) rotate(0deg);transform:translate3d(1px, 2px, 0) rotate(0deg)}100%{-webkit-transform:translate3d(1px, -2px, 0) rotate(-1deg);transform:translate3d(1px, -2px, 0) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate3d(1px, 1px, 0) rotate(0deg);transform:translate3d(1px, 1px, 0) rotate(0deg)}10%{-webkit-transform:translate3d(-1px, -2px, 0) rotate(-1deg);transform:translate3d(-1px, -2px, 0) rotate(-1deg)}20%{-webkit-transform:translate3d(-3px, 0px, 0) rotate(1deg);transform:translate3d(-3px, 0px, 0) rotate(1deg)}30%{-webkit-transform:translate3d(3px, 2px, 0) rotate(0deg);transform:translate3d(3px, 2px, 0) rotate(0deg)}40%{-webkit-transform:translate3d(1px, -1px, 0) rotate(1deg);transform:translate3d(1px, -1px, 0) rotate(1deg)}50%{-webkit-transform:translate3d(-1px, 2px, 0) rotate(-1deg);transform:translate3d(-1px, 2px, 0) rotate(-1deg)}60%{-webkit-transform:translate3d(-3px, 1px, 0) rotate(0deg);transform:translate3d(-3px, 1px, 0) rotate(0deg)}70%{-webkit-transform:translate3d(3px, 1px, 0) rotate(-1deg);transform:translate3d(3px, 1px, 0) rotate(-1deg)}80%{-webkit-transform:translate3d(-1px, -1px, 0) rotate(1deg);transform:translate3d(-1px, -1px, 0) rotate(1deg)}90%{-webkit-transform:translate3d(1px, 2px, 0) rotate(0deg);transform:translate3d(1px, 2px, 0) rotate(0deg)}100%{-webkit-transform:translate3d(1px, -2px, 0) rotate(-1deg);transform:translate3d(1px, -2px, 0) rotate(-1deg)}}.flip{-webkit-animation:flip 0.5s;animation:flip 0.5s}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg)}100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg)}100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.colorPulse{-webkit-animation:colorPulse 1s infinite;animation:colorPulse 1s infinite}.cta-shine{position:absolute;bottom:50%;right:25%;width:50vw;height:100px;overflow:hidden;z-index:150}.cta-shine:after{content:"";top:0;left:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);width:100%;height:100%;position:absolute;z-index:1;background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.8)), color-stop(99%, rgba(128,186,232,0)), to(rgba(125,185,232,0)));background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%)}.touch-indicator{width:35px;height:35px;border:solid 4px #000;position:absolute;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;border-radius:50%;z-index:100;pointer-events:none;top:calc(50% - 17.5px);opacity:0}.touch-indicator.left{padding-left:20vw;left:calc(40% - 17.5px)}.touch-indicator.right{padding-right:20vw;right:calc(40% - 17.5px)}.loaded #ad-boot-screen{opacity:0}#ad-boot-screen{pointer-events:none;opacity:1;-webkit-transition:opacity 500ms ease;-o-transition:opacity 500ms ease;transition:opacity 500ms ease}#ad-boot-screen.hide{opacity:0}#ad-boot-screen .ad-boot-screen-bg{background-color:#fff}#ad-boot-screen .dot1,#ad-boot-screen .dot2{background-color:#000}.spinner-container{-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.spinner{-webkit-animation:sk-rotate 2.0s infinite linear;animation:sk-rotate 2.0s infinite linear}.dot1,.dot2{border-radius:100%;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out}.dot2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes sk-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}#ad-content:after,#ad-content:before{display:none;content:''}#ad-content{background-color:#2e4b2e}#ad-content img{width:100%;pointer-events:none;display:block}#ad-content .scene{-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}#ad-content .logo{position:absolute;left:0;width:100%;pointer-events:all;z-index:1000000}#ad-content .logo-top{top:0}#ad-content .logo-bottom{bottom:0}#ad-content .footer-cta{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:10000}#ad-content .footer-cta-quiz{bottom:22vw;width:55%}#ad-content .footer-cta-stream{bottom:17vw;width:42%}#ad-content #start .bg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#ad-content #start .hl{position:absolute;bottom:15%;left:0;-webkit-transform:translate(0, 15%);-ms-transform:translate(0, 15%);transform:translate(0, 15%)}#ad-content .footer{position:absolute;bottom:-1vw;left:0;width:100%;pointer-events:none}#ad-content #match{background:url(https://media.permodo.net/ads/PC24_01031/html/assets/bgle95a.jpg) center center no-repeat;background-size:cover}#ad-content #match .gesture-icon{left:75%;top:70%;width:20%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#ad-content #match #viewport .stack li{-webkit-box-shadow:none;box-shadow:none;background:none;opacity:0}#ad-content #match #viewport .stack li img{-o-object-fit:contain;object-fit:contain}@media (max-aspect-ratio: 360 / 740){#ad-content #match #viewport .stack li img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}@media (min-aspect-ratio: 360 / 739) and (max-aspect-ratio: 414 / 660){#ad-content #match #viewport .stack li img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}#ad-content #match #viewport .stack li.show{-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;opacity:1}#ad-content #match .buttons{bottom:27%}#ad-content #match .buttons img{pointer-events:all}#ad-content #match .buttons img.button-left{left:24%}#ad-content #match .buttons img.button-right{right:24%}#ad-content #result{background:url(https://media.permodo.net/ads/PC24_01031/html/assets/bgle95a.jpg) center no-repeat;background-size:cover}#ad-content #result .hl{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);z-index:20}#ad-content #result .img{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);z-index:15}#ad-content #result .img.bottom{z-index:5;top:auto;bottom:0;height:100%;-webkit-transform:translate(0, 0%);-ms-transform:translate(0, 0%);transform:translate(0, 0%)}#ad-content #result .img.bottom img{height:100%;-o-object-fit:cover;object-fit:cover}#ad-content #result .footer{position:absolute;bottom:0;left:0;width:100%;pointer-events:none;z-index:10}#ad-content #end{background:url(https://media.permodo.net/ads/PC24_01031/html/assets/bgl6152.jpg) bottom center no-repeat;background-size:cover}#ad-content #end .video-box-box{position:absolute;top:auto;bottom:14%;left:10%;width:80%;-webkit-transform:translate(0, -15%);-ms-transform:translate(0, -15%);transform:translate(0, -15%);z-index:1000}#ad-content #end .video-box-box #video-box.video-state-inititialize .play,#ad-content #end .video-box-box #video-box.video-state-inititialize .circleFillIcon{display:none}#ad-content #end .video-box-box #video-box .pause{display:none}#ad-content #end .footer{position:absolute;bottom:0;left:0;width:100%;pointer-events:none;z-index:10}

.video-controls{z-index:300;position:absolute;top:0;left:0;width:100%;height:100%}.video-controls .sound,.video-controls .close,.video-controls .mute,.video-controls .pause{z-index:2000}.video-controls .close,.video-controls .sound,.video-controls .mute,.video-controls .replay,.video-controls .pause,.video-controls .fullscreen,.video-controls .fakefull{cursor:pointer;width:30px;height:30px}.video-controls .sound,.video-controls .mute,.video-controls .replay{bottom:5px;right:5px}.video-controls .sound,.video-controls .mute,.video-controls .replay,.video-controls .pause,.video-controls .fullscreen,.video-controls .fakefull{background:white;border-radius:50%;display:block;position:absolute}.video-controls .sound svg,.video-controls .mute svg,.video-controls .replay svg,.video-controls .pause svg,.video-controls .fullscreen svg,.video-controls .fakefull svg{width:30px;height:30px;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:visible}.video-controls .sound img,.video-controls .close img,.video-controls .mute img{width:100%;position:absolute}.video-controls .close{display:block;position:absolute;top:5px;left:5px}.video-controls .replay svg{fill:black}.video-controls .replay svg path{-webkit-animation-iteration-count:10;animation-iteration-count:10}.video-controls .replay img{width:100%}.video-controls .play{top:50%;right:auto;left:50%;bottom:auto;width:60px;height:60px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.video-controls .play path,.video-controls .play circle{stroke:white;fill:white}.video-controls .play img{width:100%}.video-controls .pause{bottom:5px;left:40px}.video-controls .fullscreen,.video-controls .fakefull{z-index:1000;bottom:5px;left:5px}.video-controls .fullscreen.offset,.video-controls .fakefull.offset{left:40px}.video-controls .fakefull{display:none;position:absolute;top:5px;left:5px;bottom:auto;right:auto;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.video-controls .fullscreen img,.video-controls .fakefull img{width:100%}.video-controls .init-play{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);width:25%}.video-controls .init-play img{width:100%}.video-button{position:absolute}.video-state-inititialize .sound,.video-state-inititialize .mute,.video-state-inititialize .fullscreen,.video-state-inititialize .fakefull,.video-state-inititialize .pause,.video-state-inititialize .replay{display:none}.video-state-paused .sound,.video-state-paused .mute,.video-state-paused .fullscreen,.video-state-paused .fakefull,.video-state-paused .pause,.video-state-paused .replay{display:none}.video-state-paused .play{display:block}.video-state-playing .play,.video-state-playing .replay{display:none}.video-state-playing .pause{display:block}.video-state-playing .mute{display:none}.video-state-playing .sound{display:block}.video-state-playing.muted .mute{display:block}.video-state-playing.muted .sound{display:none}.video-state-can-play .replay,.video-state-can-play .pause{display:none}.video-state-finished .play,.video-state-finished .sound,.video-state-finished .mute,.video-state-finished .fullscreen,.video-state-finished .fakefull,.video-state-finished .pause{display:none}

.fakefullscreen{position:fixed !important;top:0 !important;left:0 !important;z-index:9999 !important;width:100vw !important;height:100vh !important;background:#000}.fakefullscreen .video-controls-container{position:absolute;top:0 !important;left:0 !important;width:100% !important;height:100% !important}.fakefullscreen .video-box{height:100%;max-height:100vw}.fakefullscreen video.fakefull{position:fixed;top:0;left:0;z-index:9999 !important;width:100vw !important;height:100vh !important}.fakefullscreen .video-controls .video-button{display:none}.fakefullscreen .video-controls .video-button.fakefull{display:block}.video-box,.video-box-controls,.videocontainer{width:100%;z-index:100;position:relative}.video-box .video,.video-box-controls .video,.videocontainer .video{display:block;width:100%;pointer-events:none}.video-box .init-play,.video-box-controls .init-play,.videocontainer .init-play{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);width:25%}.video-box .init-play img,.video-box-controls .init-play img,.videocontainer .init-play img{width:100%}#video-box,.video-box{z-index:500}#video-box video,.video-box video{position:relative;z-index:2}#video-box a,.video-box a{z-index:3}.video-box-controls{position:absolute;top:0;z-index:501;width:100%;height:100%}.video-state-playing .circular_progress{display:block}.circular_progress{position:absolute;display:none;top:5px;left:5px;width:30px;height:30px;z-index:2000}.unmute .icon-sound{display:inline}.unmute .icon-mute{display:none}.unmute.muted .icon-sound{display:none}.unmute.muted .icon-mute{display:inline}.videocontainer.bottom{bottom:4%}.videocontainer.top{top:4%}.videocontainer.center{top:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.videocontainer.vertical{width:100%;height:100%}.videocontainer.vertical .full{display:none !important}.videocontainer.vertical video{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.verticalVideoBox{width:100%;height:100%;position:absolute;top:0;left:0}.video-plugin{position:absolute;width:100%;z-index:200;height:100%;left:0;top:0}

.video-state-finished .circleFillIcon{opacity:0}.circleFill circle{stroke:black}.replay svg{fill:white}.mute svg{color:black}.sound svg{color:black}.fullscreen svg,.fakefull svg{fill:black}.better-ux .mute,.better-ux .sound,.better-ux .fullscreen{-webkit-transform:translate(0, -100%);-ms-transform:translate(0, -100%);transform:translate(0, -100%);opacity:1;pointer-events:auto;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}.better-ux .fakefull{opacity:1;pointer-events:auto;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}.better-ux.video-controls .mute,.better-ux.video-controls .sound{position:absolute;width:22px;height:22px;z-index:10;padding:4px;color:black;border-radius:50%;background-color:#fff;top:39px;right:8px;left:auto;bottom:auto}.better-ux.video-controls .mute svg,.better-ux.video-controls .sound svg{padding:0px;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent}.better-ux.video-controls .pause{bottom:5px;left:5px}.better-ux.video-controls .fullscreen,.better-ux.video-controls .fakefull{top:78px;right:8px;bottom:auto;left:auto;border-radius:50%;overflow:hidden}.better-ux.video-controls .fullscreen svg,.better-ux.video-controls .fakefull svg{background:#fff;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:30px;height:30px;border-radius:unset}.better-ux.video-controls .fakefull{display:none;position:absolute;top:5px;left:5px;bottom:auto;right:auto}.better-ux .circleFillIcon{position:absolute;top:1px;pointer-events:none;z-index:1;right:0px;width:45px;height:45px;left:auto;bottom:auto}.better-ux .circle{position:absolute;width:100%;height:100%;left:0;top:0}.better-ux .circle svg{position:absolute;top:0;left:0}.better-ux .circle .circleFill{z-index:1;stroke-dasharray:300;stroke-dashoffset:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.better-ux .circle .circleFill.filled{stroke-dashoffset:38.5}.better-ux .circle .circleTrack{z-index:0;opacity:0}.better-ux .replay{top:auto;right:auto;left:5px;bottom:5px;width:30px;height:30px;border-radius:50%;overflow:hidden}.better-ux .replay svg{background:#fff;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:unset;width:100%;height:100%}.better-ux .replay path{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:replay-animation-pulse 1s 10 alternate forwards;animation:replay-animation-pulse 1s 10 alternate forwards}@-webkit-keyframes replay-animation-pulse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes replay-animation-pulse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.better-ux .play{top:50%;right:auto;left:50%;bottom:auto;width:60px;height:60px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:50%;overflow:hidden}.better-ux .play svg{width:60px;height:60px;background-color:transparent;padding:0;border-radius:unset}

#viewport{width:100%;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;z-index:5}#viewport .stack{width:100%;position:relative;border-radius:10px;height:100%}#viewport .stack li{list-style:none;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-box-shadow:0 3px 15px rgba(0,0,0,0.2),1px 1px 1px rgba(0,0,0,0.2);box-shadow:0 3px 15px rgba(0,0,0,0.2),1px 1px 1px rgba(0,0,0,0.2);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;background-color:#eaeff5;overflow:hidden;border-radius:3px;padding:0;-webkit-transform:translate3d(0px, 0px, 0px) translate(0px, 0px) rotate(0deg);transform:translate3d(0px, 0px, 0px) translate(0px, 0px) rotate(0deg)}#viewport .stack li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#quiz{display:block;position:absolute;z-index:50;width:100%;height:100%;bottom:0;left:0;overflow:hidden;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease}#quiz.hide{opacity:0;pointer-events:none}#quiz .out-right{-webkit-animation:animOutRight 1.5s 1;animation:animOutRight 1.5s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#quiz .out-left{-webkit-animation:animOutLeft 1.5s 1;animation:animOutLeft 1.5s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#quiz .buttons{position:absolute;width:100%;height:15%;bottom:15%;z-index:100}#quiz .buttons .button{position:absolute;width:20%;bottom:5%}#quiz .buttons .button.button-left{left:22%}#quiz .buttons .button.button-right{right:22%}@-webkit-keyframes animOutRight{0%{-webkit-transform:translate3d(0, 0, 0) rotate(0deg);transform:translate3d(0, 0, 0) rotate(0deg)}100%{-webkit-transform:translate3d(200%, 0, 0) rotate(10deg);transform:translate3d(200%, 0, 0) rotate(10deg)}}@keyframes animOutRight{0%{-webkit-transform:translate3d(0, 0, 0) rotate(0deg);transform:translate3d(0, 0, 0) rotate(0deg)}100%{-webkit-transform:translate3d(200%, 0, 0) rotate(10deg);transform:translate3d(200%, 0, 0) rotate(10deg)}}@-webkit-keyframes animOutLeft{0%{-webkit-transform:translate3d(0, 0, 0) rotate(0deg);transform:translate3d(0, 0, 0) rotate(0deg)}100%{-webkit-transform:translate3d(-200%, 0, 0) rotate(-10deg);transform:translate3d(-200%, 0, 0) rotate(-10deg)}}@keyframes animOutLeft{0%{-webkit-transform:translate3d(0, 0, 0) rotate(0deg);transform:translate3d(0, 0, 0) rotate(0deg)}100%{-webkit-transform:translate3d(-200%, 0, 0) rotate(-10deg);transform:translate3d(-200%, 0, 0) rotate(-10deg)}}

.gesture-icon{position:absolute;top:50%;left:50%;z-index:1000;width:26%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;opacity:0;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gesture-icon.show{opacity:1}.gesture-icon.top{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.gesture-icon.top .gesture-text-wrapper{margin-bottom:10px}.gesture-icon.bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gesture-icon.bottom .gesture-text-wrapper{margin-top:10px}.gesture-icon .gesture-icon-background{position:absolute;width:130%;padding-top:130%;border-radius:320px;z-index:0;pointer-events:none}.gesture-icon .gesture-icon-image{width:100%;position:relative;z-index:20}.gesture-icon .gesture-icon-image.invert{-webkit-filter:invert(100%);filter:invert(100%)}.gesture-icon .gesture-icon-image.swipe-left-right-icon{-webkit-transform:translate(-10px, 0);-ms-transform:translate(-10px, 0);transform:translate(-10px, 0);-webkit-animation:gestureSwipeLeftRight 1.5s infinite ease-in-out forwards;animation:gestureSwipeLeftRight 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.mouse-left-right-icon{width:60px;-webkit-transform:translate(15px, 0);-ms-transform:translate(15px, 0);transform:translate(15px, 0);-webkit-animation:gestureMouseLeftRight 1.5s infinite ease-in-out forwards;animation:gestureMouseLeftRight 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.pano-icon{-webkit-transform:translate(-10px, 0) rotate(-4deg);-ms-transform:translate(-10px, 0) rotate(-4deg);transform:translate(-10px, 0) rotate(-4deg);-webkit-animation:gesturePanoLeftRight 1.5s infinite ease-in-out forwards;animation:gesturePanoLeftRight 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.tap-icon{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-animation:gestureTap 1.5s infinite ease-in-out forwards;animation:gestureTap 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.click-icon{width:60px;-webkit-transform:scale(1) translate(50%, 50%);-ms-transform:scale(1) translate(50%, 50%);transform:scale(1) translate(50%, 50%);-webkit-animation:gestureClick 1s infinite ease-out;animation:gestureClick 1s infinite ease-out}.gesture-icon .gesture-icon-image.swipe-icon{-webkit-transform:translate(20px, 0) rotate(20deg);-ms-transform:translate(20px, 0) rotate(20deg);transform:translate(20px, 0) rotate(20deg);-webkit-animation:gestureSwipe 1.5s infinite ease-in-out forwards;animation:gestureSwipe 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.shake-icon{-webkit-transform:translate(20px, 0) rotate(20deg);-ms-transform:translate(20px, 0) rotate(20deg);transform:translate(20px, 0) rotate(20deg);-webkit-animation:gestureShake 0.4s infinite ease-in-out forwards;animation:gestureShake 0.4s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.tilt-backward-icon{-webkit-transform:perspective(10px) scale(1.1) rotateX(1deg);transform:perspective(10px) scale(1.1) rotateX(1deg);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:gestureTiltBackward 1.5s infinite ease-in-out forwards;animation:gestureTiltBackward 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.tilt-forward-icon{-webkit-transform:perspective(10px) scale(1.1) rotateX(1deg);transform:perspective(10px) scale(1.1) rotateX(1deg);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:gestureTiltForward 1.5s infinite ease-in-out forwards;animation:gestureTiltForward 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.vertical-swipe-icon{-webkit-animation:1.5s ease-in-out 0s infinite normal both running gestureVerticalSwipe;animation:1.5s ease-in-out 0s infinite normal both running gestureVerticalSwipe}.gesture-icon .gesture-icon-text{width:100%}.gesture-icon .gesture-icon-text.invert{-webkit-filter:invert(100%);filter:invert(100%)}.gesture-icon .gesture-text-wrapper{position:relative;width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gesture-icon .gesture-text-wrapper .gesture-icon-text-0,.gesture-icon .gesture-text-wrapper .gesture-icon-text-1{position:relative;display:none}.gesture-icon .gesture-text-wrapper .gesture-icon-text-0.show,.gesture-icon .gesture-text-wrapper .gesture-icon-text-1.show{display:block}@-webkit-keyframes gestureVerticalSwipe{0%{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)}50%{-webkit-transform:translate(0, 10px);transform:translate(0, 10px)}100%{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)}}@keyframes gestureVerticalSwipe{0%{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)}50%{-webkit-transform:translate(0, 10px);transform:translate(0, 10px)}100%{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)}}@-webkit-keyframes gestureTiltBackward{0%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}50%{-webkit-transform:perspective(100px) scale(1.1) rotateX(15deg);transform:perspective(100px) scale(1.1) rotateX(15deg)}100%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}}@keyframes gestureTiltBackward{0%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}50%{-webkit-transform:perspective(100px) scale(1.1) rotateX(15deg);transform:perspective(100px) scale(1.1) rotateX(15deg)}100%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}}@-webkit-keyframes gestureTiltForward{0%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}50%{-webkit-transform:perspective(100px) scale(1.1) rotateX(-15deg);transform:perspective(100px) scale(1.1) rotateX(-15deg)}100%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}}@keyframes gestureTiltForward{0%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}50%{-webkit-transform:perspective(100px) scale(1.1) rotateX(-15deg);transform:perspective(100px) scale(1.1) rotateX(-15deg)}100%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}}@-webkit-keyframes gestureSwipeLeftRight{0%{-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0)}50%{-webkit-transform:translate(10px, 0);transform:translate(10px, 0)}100%{-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0)}}@keyframes gestureSwipeLeftRight{0%{-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0)}50%{-webkit-transform:translate(10px, 0);transform:translate(10px, 0)}100%{-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0)}}@-webkit-keyframes gestureMouseLeftRight{0%{-webkit-transform:translate(15px, 0);transform:translate(15px, 0)}50%{-webkit-transform:translate(-15px, 0);transform:translate(-15px, 0)}100%{-webkit-transform:translate(15px, 0);transform:translate(15px, 0)}}@keyframes gestureMouseLeftRight{0%{-webkit-transform:translate(15px, 0);transform:translate(15px, 0)}50%{-webkit-transform:translate(-15px, 0);transform:translate(-15px, 0)}100%{-webkit-transform:translate(15px, 0);transform:translate(15px, 0)}}@-webkit-keyframes gesturePanoLeftRight{0%{-webkit-transform:translate(-10px, 0) rotate(-4deg);transform:translate(-10px, 0) rotate(-4deg)}50%{-webkit-transform:translate(10px, 0) rotate(4deg);transform:translate(10px, 0) rotate(4deg)}100%{-webkit-transform:translate(-10px, 0) rotate(-4deg);transform:translate(-10px, 0) rotate(-4deg)}}@keyframes gesturePanoLeftRight{0%{-webkit-transform:translate(-10px, 0) rotate(-4deg);transform:translate(-10px, 0) rotate(-4deg)}50%{-webkit-transform:translate(10px, 0) rotate(4deg);transform:translate(10px, 0) rotate(4deg)}100%{-webkit-transform:translate(-10px, 0) rotate(-4deg);transform:translate(-10px, 0) rotate(-4deg)}}@-webkit-keyframes gestureSwipe{0%{-webkit-transform:translate(14px, 0) rotate(20deg);transform:translate(14px, 0) rotate(20deg)}50%{-webkit-transform:translate(-14px, -10px) rotate(5deg);transform:translate(-14px, -10px) rotate(5deg)}100%{-webkit-transform:translate(14px, 0) rotate(20deg);transform:translate(14px, 0) rotate(20deg)}}@keyframes gestureSwipe{0%{-webkit-transform:translate(14px, 0) rotate(20deg);transform:translate(14px, 0) rotate(20deg)}50%{-webkit-transform:translate(-14px, -10px) rotate(5deg);transform:translate(-14px, -10px) rotate(5deg)}100%{-webkit-transform:translate(14px, 0) rotate(20deg);transform:translate(14px, 0) rotate(20deg)}}@-webkit-keyframes gestureShake{0%{-webkit-transform:translate(5px, 0) rotate(10deg);transform:translate(5px, 0) rotate(10deg)}50%{-webkit-transform:translate(-5px, -5px) rotate(5deg);transform:translate(-5px, -5px) rotate(5deg)}100%{-webkit-transform:translate(5px, 0) rotate(10deg);transform:translate(5px, 0) rotate(10deg)}}@keyframes gestureShake{0%{-webkit-transform:translate(5px, 0) rotate(10deg);transform:translate(5px, 0) rotate(10deg)}50%{-webkit-transform:translate(-5px, -5px) rotate(5deg);transform:translate(-5px, -5px) rotate(5deg)}100%{-webkit-transform:translate(5px, 0) rotate(10deg);transform:translate(5px, 0) rotate(10deg)}}@-webkit-keyframes gestureTap{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes gestureTap{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes gestureClick{0%{-webkit-transform:translate(50%, 50%) scale(1);transform:translate(50%, 50%) scale(1)}50%{-webkit-transform:translate(50%, 50%) scale(0.75);transform:translate(50%, 50%) scale(0.75)}100%{-webkit-transform:translate(50%, 50%) scale(1);transform:translate(50%, 50%) scale(1)}}@keyframes gestureClick{0%{-webkit-transform:translate(50%, 50%) scale(1);transform:translate(50%, 50%) scale(1)}50%{-webkit-transform:translate(50%, 50%) scale(0.75);transform:translate(50%, 50%) scale(0.75)}100%{-webkit-transform:translate(50%, 50%) scale(1);transform:translate(50%, 50%) scale(1)}}