footer{background:#111;background:linear-gradient(180deg,#111 0%,#222 5%,#222 100%);display:flex;flex-direction:column;flex-grow:1;position:relative;margin-top:40px;padding-top:30px;& .content{opacity:.8;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:5%;padding:10px;margin-bottom:50px;margin-left:auto;margin-right:auto;position:relative;justify-content:space-between}& .box{display:grid;text-align:center;align-self:center;&#links{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:1}&#contact{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:1}&#company{grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:1}& a{display:inline;color:#fff;text-decoration:none;margin-bottom:5px}}& span{color:#fff}& .logo{display:flex;align-items:center;justify-content:flex-end;width:100%;& img{max-width:300px;width:100%;height:auto}}}@media screen and (max-width:600px){footer{& .content{width:100%;flex-direction:column-reverse;grid-template-columns:1fr 1fr}& .box{width:100%;&#links{grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:2}&#contact{grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:2}&#company{grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:1;margin-bottom:30px}& a{display:inline;color:#fff;text-decoration:none;margin-bottom:5px}}}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html{width:100%;scroll-behavior:smooth}body{background-color:#f9f9f9;margin:0;width:100%;line-height:1.44;font-family:'Switzer',sans-serif;font-size:19px;color:#333;font-weight:400}.content{width:80%;max-width:1500px;margin-left:auto;margin-right:auto}.text{width:70%;min-width:500px;margin:30px auto;text-align:justify}h1{margin:0;font-size:48px;letter-spacing:-1px;position:relative;font-weight:200;text-align:left;line-height:1}h2{margin:0;font-size:33px;position:relative;font-weight:300;text-align:left;line-height:1.2}a{color:inherit}video{width:100%;height:100%;object-fit:cover}input,select,option,textarea{font-size:17px;font-family:'Switzer',sans-serif;padding:6px 8px;border:none;border-bottom:1px solid #ccc;background:#fff}textarea{min-width:400px;min-height:140px}@media screen and (max-width:900px){.text{width:100%;padding:20px;min-width:100%;margin:30px auto}}.header{display:block;width:100%;height:80svh;min-height:500px;position:relative;&.vid{height:auto;aspect-ratio:1920/870;& .background{display:none}}}.top{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;& video{background-image:url(/vid/front.jpg);background-size:cover;background-position:center}}.background{position:relative;left:0;top:0;width:100%;height:100%;inset:0;background-image:var(--bg-url);background-position:var(--bg-x) var(--bg-y);background-repeat:no-repeat;background-size:cover}.fade{&>div{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;&:nth-child(1){backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:rgb(0 0 0 / .1);mix-blend-mode:multiply;mask-image:linear-gradient(to top,transparent 70%,black 90%);-webkit-mask-image:linear-gradient(to top,transparent 70%,black 90%)}&:nth-child(2){backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:rgb(0 0 0 / .5);mix-blend-mode:soft-light;mask-image:linear-gradient(to top,transparent 80%,black 95%);-webkit-mask-image:linear-gradient(to top,transparent 80%,black 95%)}&:nth-child(3){backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:rgb(0 0 0 / .6);mix-blend-mode:soft-light;mask-image:linear-gradient(to top,transparent 90%,black 100%);-webkit-mask-image:linear-gradient(to top,transparent 90%,black 100%)}}}.vid .fade{&>div{&:nth-child(1){backdrop-filter:none;-webkit-backdrop-filter:none}&:nth-child(2){backdrop-filter:none;-webkit-backdrop-filter:none}&:nth-child(3){backdrop-filter:none;-webkit-backdrop-filter:none}}}.menu{position:relative;z-index:3;& .desktop{display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:120px;text-shadow:0 1px 2px rgb(0 0 0 / .1);text-transform:uppercase;font-weight:800;letter-spacing:2px;& a{padding:5px;color:#fff;text-decoration:none}}& .mobile{transition:.2s;pointer-events:none;position:fixed;left:0;top:0;width:100%;height:100%;opacity:0;&.on{pointer-events:auto;opacity:1;& .whitebox{top:0;left:0}}& .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / .5)}& .whitebox{display:flex;flex-direction:column;transition:.4s;position:absolute;left:0;top:-120px;width:100%;background:#fff;padding-top:20px;box-shadow:0 6px 8px rgb(0 0 0 / .2);& a{width:100%;padding:20px;border-top:1px solid #eee;color:inherit;text-decoration:none;&.logo{filter:invert();border-top:none}}}}}.openmenu-bg{position:fixed;display:none;right:35px;top:35px;backdrop-filter:saturate(50%) blur(4px) brightness(92%);-webkit-backdrop-filter:saturate(50%) blur(4px) brightness(92%);width:50px;height:50px;border-radius:10px;z-index:1}.openmenu{-webkit-tap-highlight-color:#fff0;-webkit-tap-highlight-color:#fff0;user-select:none;display:none;justify-content:center;align-items:center;position:fixed;width:120px;height:120px;top:0;right:0;transition-duration:0.5s;z-index:10;& .icon{transition-duration:0.5s;position:absolute;height:4px;width:30px;background-color:#fff}& .icon:before{transition-duration:0.5s;position:absolute;width:30px;height:4px;background-color:#fff;content:"";top:-10px}& .icon:after{transition-duration:0.5s;position:absolute;width:30px;height:4px;background-color:#fff;content:"";top:10px}&.open .icon{transition-duration:0.5s;transform:rotateZ(180deg);background-color:#000}&.open .icon:before{transform:rotateZ(45deg) scaleX(.75) translate(10px,-3px);background-color:#000}&.open .icon:after{transform:rotateZ(-45deg) scaleX(.75) translate(10px,3px);background-color:#000}&:hover{cursor:pointer}}@media only screen and (max-width:900px){.content{width:100%}.menu .desktop{justify-content:left;padding-left:20px;& a:not(.logo){display:none}}.footer{background-size:150%;& .content{flex-direction:column}& .box{margin-bottom:30px;margin-left:30px;padding-left:30px;border-left:1px solid #000}& b{margin-bottom:0}}.openmenu-bg{display:block}.openmenu{display:flex}.background{background-image:var(--bg-url-min)}}.player{position:fixed;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / .8);z-index:4;display:flex;justify-content:center;align-items:center;& iframe{position:relative;width:calc(min(100vh * 16/9, 100%));height:calc(min(100vw * 9/16, 100%));border:0;padding:40px}}.movies{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:15px;&>div{display:block;overflow:hidden;position:relative;aspect-ratio:16/9;cursor:pointer;& img{width:100%;height:100%;position:absolute;transition:all 3s cubic-bezier(.3,0,.1,1);width:100%;object-fit:cover}& span{transition:all .45s ease-out;font-size:14px;position:absolute;bottom:15px;left:-20px;opacity:0;padding:15px;background:rgb(255 255 255 / .92)}&:hover,&.hover-active{& img{transform:scale(1.15) rotate(3deg)}& span{bottom:15px;left:0;opacity:1}}}}@media screen and (max-width:900px){.movies{grid-template-columns:repeat(1,1fr)}.player{& iframe{width:100%;padding:0}}}