﻿.contact,.hero-text,.hero,header{position:relative}.menu-burger span,.menu-burger,.contact:after{position:absolute}footer .slogan strong:after,.hero-text a{display:inline-block;zoom:1}.gag,.hero-text h1,.hero-text span,.logo img,.logo,footer:before,.contact:after{display:block}.hero-text,.logo,header{box-sizing:border-box}header nav a:not([href^=tel]){transition:all .1s ease-in-out}.hidden{display:none}footer:before,.contact:after{content:""}footer .credit:last-of-type{text-align:right}.hero-text a{text-align:center}.hero-text a{text-transform:uppercase}.flex-row,header,main{display:flex;flex-wrap:wrap}header,main{justify-content:space-between}footer{justify-content:space-between}footer{align-items:flex-end}header{align-items:center}.contact:after,.hero{background-repeat:no-repeat}.hero{background-size:cover}.contact:after{background-size:100%}.hero{background-position:center center}.hero-text p,.hero-text a{font-family:"Alergia",sans-serif}.hero-text a{font-weight:bold;transition:background-color 250ms,color 250ms;padding:1.2em 2.5em 1em;border:none;cursor:pointer;min-width:180px}.hero-text a{color:#000;background-color:#fff}.hero-text a:hover{background-color:#fff}.hero-text a:active{background-color:hsl(0,0%,90%)}footer .slogan strong:after{color:inherit;content:"™";font-size:.4em;transform:translateY(-1em)}@media screen and (min-width: 1441px){.hero,header,.sw{padding-left:5%;padding-right:5%}}@media screen and (min-width: 1121px)and (max-width: 1440px){.hero,header,.sw{padding-left:5%;padding-right:5%}}@media screen and (min-width: 761px)and (max-width: 1120px){.hero,header,.sw{padding-left:4.5em;padding-right:4.5em}}@media screen and (max-width: 760px){.hero,header,.sw{padding-left:1.5em;padding-right:1.5em}}@media screen and (min-width: 600px){.hero-text h1{font-size:clamp(5rem,11vw,11rem)}}@media screen and (max-width: 599px){.hero-text h1{font-size:clamp(3.3rem,11vw,4rem)}}@media screen and (min-width: 1920px){footer .slogan{font-size:3em}}@media screen and (min-width: 1200px)and (max-width: 1919px){footer .slogan{font-size:2.8em}}@media screen and (min-width: 451px)and (max-width: 1199px){footer .slogan{font-size:2.4em}}@media screen and (max-width: 450px){footer .slogan{font-size:2em}}@media screen and (min-width: 1920px){.gag,.contact h2,.contact a,.hero-text span,.hero-text p{font-size:1.4em}}@media screen and (min-width: 1200px)and (max-width: 1919px){.gag,.contact h2,.contact a,.hero-text span,.hero-text p{font-size:1.3em}}@media screen and (min-width: 451px)and (max-width: 1199px){.gag,.contact h2,.contact a,.hero-text span,.hero-text p{font-size:1.1em}}@media screen and (max-width: 450px){.gag,.contact h2,.contact a,.hero-text span,.hero-text p{font-size:.95em}}@media screen and (min-width: 1920px){footer .credit,.hero-text a{font-size:1.1em}}@media screen and (min-width: 1200px)and (max-width: 1919px){footer .credit,.hero-text a{font-size:1em}}@media screen and (min-width: 451px)and (max-width: 1199px){footer .credit,.hero-text a{font-size:.9em}}@media screen and (max-width: 450px){footer .credit,.hero-text a{font-size:.8em}}.hero-text h1{font-weight:500;margin-bottom:.85em;letter-spacing:-0.02em}.hero-text h1{line-height:.85em}.hero-text p{font-weight:400;line-height:1.4em;margin-bottom:1.5em}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;text-decoration:none;list-style:none}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}input,textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}a [href^=tel],p [href^=tel]{color:inherit;text-decoration:none}.flex-row img{max-width:100%}html{font-size:16px}body{background:#000;color:#fff;font-family:"Helvetica Neue","Neue Helvetica","Helvetica",sans-serif}header{height:100px;z-index:9999;padding-top:1.5em}header nav a:not([href^=tel]){color:#00c177}header nav a[href^=tel]{color:#fff}@media screen and (min-width: 761px){header nav a{margin-left:2em}header nav a:hover{color:#fff}}@media screen and (max-width: 760px){header nav{position:absolute;display:none;top:0px;left:0;right:0;background:#5920de;z-index:9999;transform-origin:center top;padding:4.5em 1.5em}header nav span{color:#00c177}header nav.open{display:block;animation:dropdown .3s ease-in-out;-webkit-animation:dropdown .3s ease-in-out}header nav.open a{display:block;width:100%;text-align:left;box-sizing:border-box;margin:0;padding:.8em 0;line-height:1.2em;border-bottom:none}header nav.open a:not([href^=tel]){font-size:2.5em}header nav.open a[href^=tel]{color:#fff;font-size:2em}}.logo{width:310px}.logo img{width:100%}@media screen and (min-width: 761px)and (max-width: 1340px){.logo{width:240px}}@media screen and (max-width: 760px){.logo{width:180px;margin-bottom:2px}}body.annnounced .menu-burger{top:80px}body:not(.announced) .menu-burger{top:45px}.menu-burger{right:5%;width:40px;height:30px;cursor:pointer;z-index:10001}.menu-burger:hover span{background-color:#fff}.menu-burger:active span:nth-of-type(1){top:-3px}.menu-burger:active span:nth-of-type(4){top:27px;opacity:.7}.menu-burger span{transition:.1s ease-in-out;display:block;left:50%;width:40px;margin-left:-20px;height:2px;opacity:1;background-color:#00c177;transform:rotate(0deg)}.menu-burger span:nth-of-type(1){top:0px}.menu-burger span:nth-of-type(2),.menu-burger span:nth-of-type(3){top:12px}.menu-burger span:nth-of-type(4){top:25px}.menu-burger.open span{background-color:#fff}.menu-burger.open span:nth-of-type(1),.menu-burger.open span:nth-of-type(4){top:21px;margin-left:0;width:0;opacity:0}.menu-burger.open span:nth-of-type(2){transform:rotate(45deg)}.menu-burger.open span:nth-of-type(3){transform:rotate(-45deg)}.menu-burger.open:active span:nth-of-type(1),.menu-burger.open:active span:nth-of-type(4){top:21px;margin-left:0;width:0;opacity:0}.menu-burger.open:active span:nth-of-type(2){transform:rotate(55deg)}.menu-burger.open:active span:nth-of-type(3){transform:rotate(-55deg)}@media screen and (min-width: 761px){.menu-burger{display:none}}.hero{background-color:#000;margin-top:-100px}.hero-text{color:#fff}.hero-text span{color:#5920de;margin-bottom:1em;font-weight:bold}.hero-text p{font-weight:normal}.contact{font-weight:300;padding-bottom:12em;padding-top:18em;align-items:flex-end;gap:1em}.contact h2,.contact a{font-weight:normal;color:#fff}@media screen and (min-width: 960px){.contact h2,.contact a{margin-right:6em}}@media screen and (min-width: 600px)and (max-width: 959px){.contact h2,.contact a{margin-right:1.5em}}@media screen and (max-width: 599px){.contact h2,.contact a{margin-right:0;width:100%}}.contact img{max-width:250px;min-width:130px}.contact img:nth-of-type(1){margin-right:1em}.contact a:hover{text-decoration:underline;color:#00c177}.contact:after{right:0;top:-123px;background-image:url("../images/footer-line.svg")}@media screen and (min-width: 960px){.contact:after{width:311px;height:322px}}@media screen and (max-width: 959px){.contact:after{width:211px;height:217px}}footer{padding-bottom:180px;background-color:#000}footer:before{width:100%;height:3px;border-top:solid 3px #5920de;margin-bottom:3em}footer .slogan{color:#5920de;font-weight:bold;letter-spacing:-0.02em;line-height:1em;width:71%}footer .slogan strong{font-weight:bold}footer .credit{width:14%}footer .credit a{color:#fff;text-decoration:underline}footer .credit a:hover{color:#00c177}@media screen and (min-width: 760px)and (max-width: 1800px){footer .slogan{width:42%}footer .credit{width:28%}}@media screen and (max-width: 759px){footer .slogan{width:100%;margin-bottom:1em}footer .credit:last-of-type{text-align:left}}@media screen and (min-width: 414px)and (max-width: 759px){footer .credit{width:50%}}@media screen and (max-width: 413px){footer .credit{width:100%;margin-bottom:1em}}.gag{font-weight:bold}@media screen and (min-width: 900px){.gag{padding:2em 1em 10em 63.19%;width:300px}}@media screen and (max-width: 899px){.gag{padding:2em 1em 10em 28%;width:65%}}@media screen and (max-width: 760px){.footer-nav{width:100%}.footer-nav nav,.footer-nav div{width:100%;margin-bottom:1.5em;padding:1.5em 5%}}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1;visibility:visible}}@keyframes fade-in{from{opacity:0}to{opacity:1;visibility:visible}}@-webkit-keyframes dropdown{from{transform:rotateX(-25deg) scaleY(0.8);opacity:.2}to{transform:rotateX(0) scaleY(1);opacity:1}}@keyframes dropdown{from{transform:rotateX(-25deg) scaleY(0.8);opacity:.2}to{transform:rotateX(0) scaleY(1);opacity:1}}
