@font-face {font-display:swap;font-family:'El Messiri';font-style:normal;font-weight:400;src:url('../fonts/el-messiri-v24-cyrillic_latin-regular.woff2') format('woff2');}@font-face {font-display:swap;font-family:'Fira Sans';font-style:normal;font-weight:100;src:url('../fonts/fira-sans-v17-cyrillic_latin-100.woff2') format('woff2');}@font-face {font-display:swap;font-family:'Fira Sans';font-style:normal;font-weight:200;src:url('../fonts/fira-sans-v17-cyrillic_latin-200.woff2') format('woff2');}@font-face {font-display:swap;font-family:'Fira Sans';font-style:normal;font-weight:400;src:url('../fonts/fira-sans-v17-cyrillic_latin-regular.woff2') format('woff2');}@font-face {font-display:swap;font-family:'Great Vibes';font-style:normal;font-weight:400;src:url('../fonts/great-vibes-v20-cyrillic_latin-regular.woff2') format('woff2');}:root{--colors--white:white;--colors--beige:#e9e4e0;--colors--beige-stiky:rgba(233,228,224,0.95);--colors--black:#1e1d1c;--colors--warm-taupe:#8c6a5d;}body{background-color:var(--colors--beige);color:var(--colors--black);}h1,h2{font-family:'Great Vibes',sans-serif;font-weight:400;font-style:normal;color:var(--colors--warm-taupe);}h1{font-size:3rem;margin:1rem 0;}h2{font-size:2rem;margin:4rem 0 1rem;}h1+h2{margin-top:2rem;}body{padding:0;margin:0;}button{border:0 none;background-color:transparent;color:inherit;cursor:pointer;font-family:inherit;padding:0;}main p,main li,.text-style{font-family:'Fira Sans',sans-serif;font-weight:200;font-style:normal;font-size:1.1rem;line-height:1.7em;}footer{background-color:var(--colors--black);color:var(--colors--white);}.footer{padding:2rem 0;max-width:1000px;margin:auto;}.footer ul{display:flex;margin:0;padding:0;gap:1.2rem;flex-wrap:wrap;justify-content:center;}.footer li{display:inline-block;font-family:'Fira Sans',sans-serif;font-weight:100;font-style:normal;font-size:1.3rem;text-transform:uppercase;}.logo{font-family:'El Messiri',sans-serif;font-size:2rem;font-weight:400;font-style:normal;color:var(--colors--warm-taupe);}.logo-label{font-family:'Fira Sans',sans-serif;font-weight:100;font-style:normal;font-size:1.3rem;}main{max-width:1000px;margin:1.5em auto;padding:0 0.5rem;min-height:80vh;}main p{margin-top:1em;margin-bottom:1em;}main a{display:inline-block;color:var(--colors--black);text-decoration:none;border-top:1px dashed var(--colors--black);border-bottom:1px dashed var(--colors--black);font-weight:400;padding:0 0.5rem;}.nav-main{display:none;}.nav-main__list{display:flex;gap:1.1rem;margin:0;padding:0;}.nav-main__li{display:block;margin:0;padding:0;}.nav-main__item{display:inline-block;font-family:'Fira Sans',sans-serif;font-weight:400;font-style:normal;font-size:1.2rem;color:var(--colors--black);text-decoration:none;}.nav-main__item.current{background-color:var(--colors--black);color:var(--colors--white);padding:0.2rem 0.8rem;border-radius:0.4rem;}.nav-main img{transition-property:opacity;transition-duration:0.5s;opacity:0;}.btn-login{padding:.2rem 0.8rem;display:block;position:absolute;font-size:0.8rem;}.login-form{display:none;position:fixed;top:0;left:0;right:0;bottom:0;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);}.login-form__container{display:flex;position:relative;flex-direction:column;justify-content:center;background-color:var(--colors--black);gap:1rem;padding:4rem 2rem 2rem 2rem;border-radius:0.4rem;}.login-form input{padding:.3em;border-radius:.2em;border:0 none;width:15em;font-size:inherit;box-sizing:border-box;background-color:var(--colors--beige);}.login-form__enter{display:flex;justify-content:space-between;align-items:center;color:var(--colors--white);line-height:1em;gap:1rem;}.login-form__closer{position:absolute;top:1rem;right:1rem;}.login-form__closer svg{pointer-events:none;width:2rem;height:2rem;color:var(--colors--white);}html.login .login-form{display:flex;}html.login body{overflow:hidden;}.btn-menu{width:3rem;height:3rem;padding:0;}.btn-menu__line{position:absolute;height:2px;width:40px;left:4px;background-color:var(--colors--black);transition-property:background-color;transition:transform .4s cubic-bezier(.68,-.6,.32,1.6);}.btn-menu__line.top{top:11px;transform-origin:left center;}.btn-menu__line.middle{top:23px;transform-origin:center bottom;}.btn-menu__line.bottom{top:35px;transform-origin:right center;}.opened .btn-menu__line{background-color:var(--colors--white);}.opened .btn-menu__line.top{transform:translateX(8px) rotate(45deg);}.opened .btn-menu__line.middle{transform:rotate(-45deg) scaleX(1.15);}.opened .btn-menu__line.bottom{transform:translateX(-8px) rotate(45deg);}.images-around{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-around;}.center{text-align:center;}ul{padding-left:1rem;}header{padding:0.5rem 0.5rem 0 0.5rem;position:relative;}@media (max-width:670px){h2{margin-top:2rem;}header{position:sticky;top:0;background-color:var(--colors--beige-stiky);}header,.logo,.nav-main__item{transition-property:background-color,color;transition-duration:0.5s;}header.opened{background-color:var(--colors--black);color:var(--colors--beige);}.nav-main{position:relative;}.nav-image{position:absolute;left:0;top:0;bottom:0;right:120px;background-image:url("/assets/images/menu.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;}header.opened .nav-main{display:flex;justify-content:flex-end;}header.opened .logo{color:var(--colors--beige);}header.opened .nav-main__item{color:var(--colors--white);font-weight:200;position:relative;}header.opened .nav-main__item.current{background-color:var(--colors--white);color:var(--colors--black);}header:not(.opened) #icon-closer{display:none;}header.opened #icon-bars{display:none;}header:not(.opened) .btn-login{display:none;}.nav-main img{max-width:calc(100vw - 150px);opacity:1;}.nav-main__list{flex-direction:column;align-items:flex-end;gap:0.6rem;margin-top:0.5rem;margin-right:1rem;padding-bottom:1rem;}.image-main{max-width:calc(100vw - 1rem);height:auto;}.btn-menu{display:block;position:absolute;top:1rem;right:1rem;cursor:pointer;}.btn-login{top:1.9rem;right:5rem;}.footer li{font-size:1.1rem;}}@media (min-width:671px){header{max-width:1000px;margin:auto;}.nav-main{display:block;max-width:1000px;margin:auto;}.nav-main img{display:none;}.nav-main__list{align-items:center;}.image-main{max-height:200px;}.btn-menu{display:none;}.btn-login{top:1rem;right:1rem;}}