:root{--bgColor:#000;--txtColor:#fff;--linkHover:#9f0;--fontFamily:"Krub",sans-serif}*{font-size:10px;box-sizing:border-box}body{background:var(--bgColor);font-family:var(--fontFamily);color:var(--txtColor);font-weight:500;font-style:normal;line-height:1.6;margin:0;display:grid;grid-template-areas:"layers";letter-spacing:.1em}body>*{grid-area:layers}body p{margin:0}body a{color:var(--txtColor);transition:.5s ease all;text-decoration:none}body a:hover{text-decoration:none;color:var(--linkHover)}.content{z-index:100;width:100%;min-height:100vh;display:grid;grid-template-rows:100px 1fr 100px;gap:3em;align-items:center;grid-template-areas:"header" "main" "footer"}.content .header{grid-area:header;display:flex;flex-direction:column;align-items:center;justify-content:center}.content .header .intro{text-transform:uppercase;color:var(--txtColor);font-size:1.6em;text-align:center;}.content .main{grid-area:main;display:flex;flex-direction:column;align-items:center}.content .main .logo{padding:0 3em;max-width:280px;max-height:200px}@media screen and (min-width:768px){.content .main .logo{max-width:380px;max-height:300px}}@media screen and (min-width:992px){.content .main .logo{max-width:480px;max-height:400px}}.content .main h1{font-size:2.2em;text-align:center;padding:0 1rem;text-transform:uppercase}@media screen and (min-width:768px){.content .main h1{font-size:2.8em}}@media screen and (min-width:992px){.content .main h1{font-size:3.5em}}.content .footer{padding:0 2em;grid-area:footer;width:100%;display:grid;grid-template-areas:"email" "tel" "address" "registration"}@media screen and (min-width:768px){.content .footer{padding:0 6em;grid-template-areas:"address tel" "registration email"}}.content .footer .email{grid-area:email;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.content .footer .email a{font-size:1.5em}@media screen and (min-width:768px){.content .footer .email{justify-content:flex-end}}.content .footer .tel{grid-area:tel;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.content .footer .tel a{font-size:1.5em}@media screen and (min-width:768px){.content .footer .tel{justify-content:flex-end}}.content .footer .address{grid-area:address}.content .footer .address address{font-size:1.1em;font-style:normal}@media screen and (min-width:768px){.content .footer .address address{font-size:1.3em}}.content .footer .registration{grid-area:registration}.content .footer .registration p{margin:.5em 0;font-size:1.1em}@media screen and (min-width:768px){.content .footer .registration p{font-size:1.3em}}.overlay{z-index:50;background-color:var(--bgColor,#000);opacity:.5;position:fixed;top:0;left:0;width:100%;height:100%}.background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:10}.background .image_slider{width:100%;height:100vh;overflow:hidden}.background .animation{width:auto;min-width:200vw;height:100%;font-size:0;will-change:transform;backface-visibility:hidden;perspective:1000px}.background .animation.animate{animation:smoothSlider linear infinite;animation-duration:var(--animationLength)}.background .animation.paused{animation-play-state:paused}.background .animation div{height:100%;display:inline-block;width:auto;float:none}.background .animation div img{width:100%;height:100%;object-fit:cover;object-position:center}@keyframes smoothSlider{0%{transform:translateX(0) translateZ(0) rotateZ(360deg)}100%{transform:translateX(calc(var(--animationWidth,0) * -1)) translateZ(0) rotateZ(360deg)}}