@font-face{font-family:"Markazi Text Regular";font-style:normal;font-weight:normal;src:local("Markazi Text Regular"),url("../fonts/MarkaziText-Roman-VF.woff") format("woff")}*{box-sizing:border-box}body{font-family:"Markazi Text Regular";overflow:visible;color:#404040}img{max-width:100%}.text{font-size:24px}@media screen and (max-width: 960px){.text{font-size:20px}}p{line-height:120%}hr.end-text{position:relative;width:50%;height:2px;margin:20px auto 0 auto;background-color:#ffe52e;border:none}hr.end-text:before{content:" ";position:absolute;left:0;top:-11px;display:block;width:25px;height:25px;border-radius:15px;background-color:#ffe52e;vertical-align:middle}h2{font-size:32px;font-weight:700;margin-bottom:10px}h2:before{content:" ";display:inline-block;width:25px;height:25px;margin-left:5px;border-radius:15px;background-color:#ffe52e;vertical-align:middle}h3{font-weight:700;margin-top:20px}h3:before{content:" ";display:inline-block;width:15px;height:15px;margin-left:10px;border-radius:10px;background-color:#404040;vertical-align:middle}p{margin-bottom:10px}.left-align{text-align:left}em{font-weight:700}.spacer-50{height:50px}.spacer-150{height:150px}.scene{position:relative;width:100vw;height:100vh}.nav-wrapper{position:fixed;top:50%;left:0;width:220px;height:360px;margin-top:-180px;z-index:10;overflow:hidden;transition:width .4s ease-out}.nav-wrapper nav{display:block;position:absolute;top:20px;right:20px;width:200px;padding:14px 0;background-color:#404040;border-radius:0 3px 3px 0;box-shadow:0 0 20px rgba(60,60,60,.4)}.nav-wrapper nav .link{padding:10px 30px 10px 0;color:#ffe52e;cursor:pointer;transition:background-color .2s,color .2s}.nav-wrapper nav .link:hover{color:#404040;background-color:#ffe52e}.nav-wrapper nav .link a{color:inherit;text-decoration:none}.nav-wrapper .trigger{position:absolute;top:calc(50% - 15px);right:5px;width:30px;height:30px;background-color:#ffe52e;border-radius:20px;box-shadow:0 0 5px rgba(60,60,60,.4);cursor:pointer}.nav-wrapper .trigger i{position:absolute;inset:0;color:#404040;line-height:30px;text-align:center;transition:transform .4s ease-out,opacity .4s ease-out}.nav-wrapper .trigger i:last-child{opacity:0}.nav-wrapper.closed{width:40px}.nav-wrapper.closed i{transform:rotate(180deg)}.nav-wrapper.closed i:first-child{opacity:0}.nav-wrapper.closed i:last-child{opacity:1}@media screen and (max-width: 960px){.nav-wrapper{display:none}}#scene-0{height:100vh;background-color:#f4f4f4}#scene-0 .logo-wrapper{position:absolute;left:50%;top:50%;width:81.63vh;height:50vh;margin:-25vh 0 0 -40.816vh;perspective-origin:50% 50%;perspective:40vw;transform-style:preserve-3d}@media screen and (max-width: 960px){#scene-0 .logo-wrapper{width:calc(100vw - 40px);height:calc((100vw - 40px)*.6125);left:20px;margin:-29.25vw 0 0 0}}#scene-0 .logo-wrapper .logo-text{position:absolute;inset:0 50% 0 0;width:50%;transform-origin:center right}#scene-0 .logo-wrapper .logo-icon{position:absolute;top:0;right:0;width:50%}#scene-1 .wrapper{position:relative;width:min(100vw,800px);margin:0 auto 0 auto}#scene-1 .wrapper .text-1{position:relative;width:min(100vw,500px);text-align:justify;padding:10px 20px 30px 20px;opacity:0;background-color:rgba(255,255,255,.8);border-radius:3px}#scene-1 .wrapper .text-1:before{content:" ";position:absolute;top:0;left:0;right:0;height:200px;background-color:#fff;border-radius:3px 3px 0 0;z-index:-1}#scene-1 .wrapper .text-2{position:relative;display:inline-block;width:min(100vw,500px);text-align:justify;padding:10px 20px 30px 20px;background-color:rgba(255,255,255,.8);border-radius:3px}#scene-1 .wrapper .background-1{position:absolute;top:0;left:0;width:min(100vw,500px)}#scene-1 .wrapper .background-2{position:absolute;top:0px;left:0;opacity:0;width:min(100vw,500px)}#scene-2 .wrapper{position:relative;width:min(100vw,800px);margin:0 auto 0 auto}#scene-2 .wrapper .wrapper-3d{perspective-origin:50% 30%;perspective:50vw}@media screen and (max-width: 960px){#scene-2 .wrapper .wrapper-3d{perspective-origin:50% 150px;perspective:500px}}#scene-2 .wrapper .text-1{position:relative;width:min(100vw,500px);margin:0 auto;padding:10px 20px 30px 20px;text-align:justify;background-color:rgba(255,255,255,.8);border-radius:3px;transform:rotateY(90deg)}#scene-2 .wrapper .pin-wrapper{position:absolute;inset:0 auto auto 0;width:min(100vw,800px);height:675px}#scene-2 .wrapper .background-1{position:absolute;width:350px;top:0;left:50%;margin-left:-175px}#scene-2 .wrapper .background-2{position:absolute;width:350px;top:100px;right:50%;scale:-1;margin-right:-175px}@media screen and (max-width: 960px){#scene-2 .wrapper .background-2{top:200px}}#scene-3 .wrapper{position:relative;width:min(100vw,800px);margin:0 auto}#scene-3 .wrapper .couple-wrapper{position:relative;width:600px;height:530px;--progress: 2}@media screen and (max-width: 960px){#scene-3 .wrapper .couple-wrapper{width:100%;height:135vw;overflow:hidden}}#scene-3 .wrapper .couple-wrapper .background-1{position:absolute;inset:0 0 auto auto;transform:rotate(calc(min(1, var(--progress)) * -90deg));transform-origin:62.33% 36.36%}@media screen and (max-width: 960px){#scene-3 .wrapper .couple-wrapper .background-1{right:10px;width:calc(100% - 20px)}}#scene-3 .wrapper .couple-wrapper .background-2{position:absolute;inset:0 0 auto auto;transform:rotate(calc(max(0, var(--progress) - 1) * 180deg));transform-origin:62.33% 63.37%}@media screen and (max-width: 960px){#scene-3 .wrapper .couple-wrapper .background-2{right:10px;width:calc(100% - 20px)}}#scene-3 .wrapper .text-1{position:relative;width:min(100vw,500px);margin:0 auto 0 auto;padding:10px 20px 30px 20px;text-align:justify;transform:translate(-70px, 0)}@media screen and (max-width: 960px){#scene-3 .wrapper .text-1{transform:none}}@media screen and (min-width: 961px){#scene-4{position:relative;height:100vh;text-align:center}#scene-4 .customers{position:absolute;inset:100px 0 0 0;--progress: 0}#scene-4 .customers .hoode.logo{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;padding:10px;background-color:#fff;border-radius:100px}#scene-4 .customers .customer-wrapper{position:absolute;top:50%;left:50%;width:calc(150px + var(--progress)*250px);height:150px;margin:-75px 0 0 -75px;text-align:right;transform-origin:75px 75px}#scene-4 .customers .customer-wrapper .customer.logo{width:150px;border-radius:100px;box-shadow:0 0 15px rgba(0,0,0,.3)}#scene-4 .customers .customer-wrapper#customer-1{transform:rotate(-90deg)}#scene-4 .customers .customer-wrapper#customer-1 .customer{transform:rotate(90deg)}#scene-4 .customers .customer-wrapper#customer-2{transform:rotate(-50deg)}#scene-4 .customers .customer-wrapper#customer-2 .customer{transform:rotate(50deg)}#scene-4 .customers .customer-wrapper#customer-3{transform:rotate(-10deg)}#scene-4 .customers .customer-wrapper#customer-3 .customer{transform:rotate(10deg)}#scene-4 .customers .customer-wrapper#customer-4{transform:rotate(30deg)}#scene-4 .customers .customer-wrapper#customer-4 .customer{transform:rotate(-30deg)}#scene-4 .customers .customer-wrapper#customer-5{transform:rotate(70deg)}#scene-4 .customers .customer-wrapper#customer-5 .customer{transform:rotate(-70deg)}#scene-4 .customers .customer-wrapper#customer-6{transform:rotate(110deg)}#scene-4 .customers .customer-wrapper#customer-6 .customer{transform:rotate(-110deg)}#scene-4 .customers .customer-wrapper#customer-7{transform:rotate(150deg)}#scene-4 .customers .customer-wrapper#customer-7 .customer{transform:rotate(-150deg)}#scene-4 .customers .customer-wrapper#customer-8{transform:rotate(190deg)}#scene-4 .customers .customer-wrapper#customer-8 .customer{transform:rotate(-190deg)}#scene-4 .customers .customer-wrapper#customer-9{transform:rotate(230deg)}#scene-4 .customers .customer-wrapper#customer-9 .customer{transform:rotate(-230deg)}}@media screen and (max-width: 960px){#scene-4 h2{padding:0 20px}#scene-4 .wrapper{overflow-x:hidden}#scene-4 .wrapper .customers{padding:0 20px;--progress: 1}#scene-4 .wrapper .customers .row{display:flex;margin-top:40px;perspective:400px;transform-style:preserve-3d}#scene-4 .wrapper .customers .row .customer-wrapper{flex:1;perspective-origin:50% 50%}#scene-4 .wrapper .customers .row .customer-wrapper.odd{transform:rotateX(calc(var(--progress) * 90deg))}#scene-4 .wrapper .customers .row .customer-wrapper.even{transform:rotateX(calc(var(--progress) * -90deg))}#scene-4 .wrapper .customers .row .customer-wrapper .logo{border:1px solid rgba(0, 0, 0, calc(var(--progress) / 2));border-radius:3px;box-shadow:0 0 10px rgba(0, 0, 0, calc(var(--progress) / 2))}#scene-4 .wrapper .customers .logo.hoode{display:none}}#scene-5{position:relative;min-height:100vh;background-color:#f4f4f4;box-shadow:0 0 20px rgba(0,0,0,.2)}#scene-5 h2{text-align:center}#scene-5 .text{width:min(100%,800px);margin:0 auto}#scene-5 .text .row{display:flex;margin-bottom:20px}#scene-5 .text .row .label{flex:1;padding:0 5px;text-align:left}#scene-5 .text .row .value{padding:0 5px;flex:1}#scene-5 .text a.mail{display:inline-block;padding:3px 10px;text-decoration:none;color:#404040;background-color:#ffe52e;border-radius:3px}#scene-5 .background-wrapper{text-align:center}#scene-5 .background-wrapper .background-1{display:inline-block;width:50%;animation:rotation 15s linear infinite,scaler 10s linear infinite}@keyframes rotation{0%{rotate:0}100%{rotate:360deg}}@keyframes scaler{0%{scale:1}25%{scale:.85}50%{scale:1}75%{scale:1.15}100%{scale:1}}/*# sourceMappingURL=style.css.map */