@keyframes topOpen{0%{top:0;transform:rotate(0)}50%{top:10px;transform:rotate(0)}to{top:10px;transform:rotate(45deg)}}@keyframes topClose{0%{top:10px;transform:rotate(45deg)}50%{top:10px;transform:rotate(0)}to{top:0;transform:rotate(0)}}@keyframes mdlOpen{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(0)}}@keyframes mdlClose{0%{transform:scale(0)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes btmOpen{0%{bottom:0;transform:rotate(0)}50%{bottom:10px;transform:rotate(0)}to{bottom:10px;transform:rotate(-45deg)}}@keyframes btmClose{0%{bottom:10px;transform:rotate(-45deg)}50%{bottom:10px;transform:rotate(0)}to{bottom:0;transform:rotate(0)}}@keyframes gradient{0%{background-position:80% 0%}50%{background-position:20% 100%}to{background-position:80% 0%}}@keyframes arrow{0%{transform:translateY(-20%) rotate(180deg)}50%{transform:translateY(20%) rotate(180deg)}to{transform:translateY(-20%) rotate(180deg)}}.v-enter-to,.v-leave-from{opacity:1}.v-enter-active,.v-leave-active{transition:.5s}.v-enter-from,.v-leave-to{opacity:0}.container{padding:30px 15px;margin:0 auto}@media (min-width: 768px){.container{padding:40px}}@media (min-width: 1280px){.container{padding:50px 60px}}@media (min-width: 1920px){.container{padding:60px 120px}}@font-face{font-family:Gill Sans;src:url(/assets/GillSansNovaDeco-Bmy2wRiB.woff2) format("woff2");font-weight:700;font-display:swap}*{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Sofia Sans,Arial,sans-serif;font-size:15px;line-height:20px;min-width:375px}@media (min-width: 768px){body{font-size:18px;line-height:23px}}@media (min-width: 1280px){body{font-size:20px;line-height:25px}}@media (min-width: 1920px){body{font-size:30px;line-height:35px}}h2{font-family:Gill Sans,Arial,sans-serif;font-size:40px;line-height:43px;letter-spacing:1px;text-align:center;width:max-content;margin:0 auto;border-radius:20px}@media (min-width: 768px){h2{font-size:48px;line-height:51px}}@media (min-width: 1280px){h2{font-size:58px;line-height:61px}}@media (min-width: 1920px){h2{font-size:70px;line-height:73px}}h3{font-size:25px;line-height:28px}@media (min-width: 768px){h3{font-size:30px;line-height:33px}}@media (min-width: 1280px){h3{font-size:32px;line-height:35px}}@media (min-width: 1920px){h3{font-size:39px;line-height:42px}}#app{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.main-nav{position:fixed;display:flex;justify-content:space-between;align-items:center;background-color:#1f0f24;padding:10px 15px;left:0;right:0;z-index:1}@media (min-width: 768px){.main-nav{justify-content:space-between;align-items:center;padding:15px 40px;transition:.4s}.main-nav--scroll{padding:10px 40px}.main-nav--scroll .main-nav__logo{width:105px;height:45px}.main-nav--scroll .main-nav__link--contact{padding:4px 12px}}@media (min-width: 1280px){.main-nav{margin:0 auto;padding:20px 60px}.main-nav--scroll{padding:10px 60px}.main-nav--scroll .main-nav__logo{width:140px;height:50px}.main-nav--scroll .main-nav__link--contact{padding:5px 15px}}@media (min-width: 1920px){.main-nav{padding:30px 120px}.main-nav--scroll{padding:20px 120px}.main-nav--scroll .main-nav__logo{width:170px;height:70px}}.main-nav__list{list-style:none}.main-nav__list--nav{text-align:center;position:fixed;top:70px;left:0;right:0;display:flex;flex-direction:column;justify-content:space-evenly;row-gap:10px;height:80vh;background-color:#1f0f24;margin:0;padding:50px 0;transform:translate(-100%);transition:.5s}@media (min-width: 768px){.main-nav__list--nav{position:static;flex-direction:row;column-gap:25px;height:min-content;padding:0;transform:translate(0)}}@media (min-width: 1280px){.main-nav__list--nav{column-gap:40px}}@media (min-width: 1920px){.main-nav__list--nav{column-gap:60px}}.main-nav__list~.main-nav__menu-button .main-nav__button-elem:nth-of-type(1){animation:ease .5s topClose forwards}.main-nav__list~.main-nav__menu-button .main-nav__button-elem:nth-of-type(2){animation:ease .5s mdlClose forwards}.main-nav__list~.main-nav__menu-button .main-nav__button-elem:nth-of-type(3){animation:ease .5s btmClose forwards}.main-nav__list--open{transform:translate(0)}.main-nav__list--open~.main-nav__menu-button .main-nav__button-elem:nth-of-type(1){animation:ease .5s topOpen forwards}.main-nav__list--open~.main-nav__menu-button .main-nav__button-elem:nth-of-type(2){animation:ease .5s mdlOpen forwards}.main-nav__list--open~.main-nav__menu-button .main-nav__button-elem:nth-of-type(3){animation:ease .5s btmOpen forwards}.main-nav__list--contact{display:flex;flex-direction:column;row-gap:15px}@media (min-width: 768px){.main-nav__list--contact{align-items:center}}@media (min-width: 1280px){.main-nav__list--contact{flex-direction:row;column-gap:25px}}.main-nav__link{text-decoration:none;color:#f5f5f5;width:100%;transition:.4s}.main-nav__link:hover{color:#1f0f24;background-color:#f5f5f5}.main-nav__link--nav{font-size:20px;display:flex;justify-content:center;align-items:center;height:60px}@media (min-width: 768px){.main-nav__link--nav{font-size:18px;line-height:21px;position:relative;height:auto;padding-bottom:3px;border-bottom:1px solid transparent}.main-nav__link--nav:hover{color:#f5f5f5;background-color:transparent;border-bottom:1px solid whitesmoke}}@media (min-width: 1280px){.main-nav__link--nav{font-size:21px;line-height:24px}}@media (min-width: 1920px){.main-nav__link--nav{font-size:30px;line-height:34px}}.main-nav__link--contact{padding:3px 8px;color:#1f0f24;background-color:#f5f5f5;border-radius:7px;border:1px solid whitesmoke}.main-nav__link--contact:hover{color:#f5f5f5;background-color:#1f0f24}@media (min-width: 768px){.main-nav__link--contact{font-size:16px;line-height:19px;padding:5px 12px}}@media (min-width: 1280px){.main-nav__link--contact{font-size:20px;line-height:23px;padding:8px 15px}}@media (min-width: 1920px){.main-nav__link--contact{font-size:30px;line-height:34px;padding:10px 20px}}.main-nav__logo{display:block;width:110px;height:50px;transition:.4s}.main-nav__logo:hover{opacity:.5}@media (min-width: 768px){.main-nav__logo{order:1}}@media (min-width: 1280px){.main-nav__logo{width:145px;height:55px}}@media (min-width: 1920px){.main-nav__logo{width:180px;height:80px}}.main-nav__menu-button{display:flex;flex-direction:column;row-gap:7px;background-color:transparent;width:40px;border:none;border-radius:5px;cursor:pointer;order:1}@media (min-width: 768px){.main-nav__menu-button{display:none}}.main-nav__button-elem{position:relative;display:block;background-color:#f5f5f5;width:100%;height:3px;border-radius:3px}.go-braid{color:#fff;text-decoration:none;display:flex;width:max-content;background:linear-gradient(90deg,#8a2be2,#e20314);animation:gradient 3s infinite linear;background-size:400%;margin:0 auto;padding:15px 30px;border:1px solid transparent;border-radius:7px;transition:.4s}.go-braid:hover{border:1px solid whitesmoke}@media (min-width: 768px){.go-braid{padding:17px 35px}}@media (min-width: 1920px){.go-braid{padding:25px 45px}}.intro{position:relative;color:#f5f5f5;text-align:center;min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(../img/intro-bg.jpg);background-repeat:no-repeat;background-size:cover;margin-top:70px;scroll-margin-top:3em}@media (min-width: 768px){.intro{margin-top:80px}}@media (min-width: 1280px){.intro{background-position:center;margin-top:95px}}@media (min-width: 1920px){.intro{margin-top:140px}}.intro__best{font-weight:100;position:absolute;top:10px;right:15px;width:max-content}@media (min-width: 768px){.intro__best{right:40px}}@media (min-width: 1280px){.intro__best{right:60px}}@media (min-width: 1920px){.intro__best{right:120px}}.intro__title{font-family:Gill Sans,Arial,sans-serif;font-size:42px;line-height:45px}@media (min-width: 768px){.intro__title{font-size:50px;line-height:53px}}@media (min-width: 1280px){.intro__title{font-size:60px;line-height:63px}}@media (min-width: 1920px){.intro__title{font-size:75px;line-height:78px}}.intro__description{margin-top:15px;margin-bottom:50px}@media (min-width: 768px){.intro__description{margin-top:15px;margin-bottom:65px}}@media (min-width: 1280px){.intro__description{font-size:25px;line-height:28px;margin-top:25px;margin-bottom:75px}}@media (min-width: 1920px){.intro__description{font-size:37px;line-height:40px;margin-top:40px;margin-bottom:95px}}.intro__arrow{margin-top:40px;animation:arrow 2s infinite linear}@media (min-width: 768px){.intro__arrow{margin-top:45px}}@media (min-width: 1280px){.intro__arrow{margin-top:50px}}@media (min-width: 1920px){.intro__arrow{width:80px;height:90px;margin-top:55px}}.hairstyles{scroll-margin-top:3em}.hairstyles__list{display:flex;flex-direction:column;align-items:center;row-gap:40px;margin:35px 0 0;overflow:hidden}@media (min-width: 768px){.hairstyles__list{row-gap:50px;column-gap:25px;margin:45px 0 0;align-items:start;flex-direction:row;flex-wrap:wrap;justify-content:space-around}}@media (min-width: 1280px){.hairstyles__list{margin:65px 0 0}}@media (min-width: 1920px){.hairstyles__list{gap:50px;margin:85px 0 0}}.hairstyles__item{position:relative;display:flex;flex-direction:column;align-items:center;row-gap:10px;width:345px;border-radius:30px}@media (min-width: 768px){.hairstyles__item{height:max-content;width:330px}}@media (min-width: 1280px){.hairstyles__item{width:355px}}@media (min-width: 1920px){.hairstyles__item{width:520px}}@media (min-width: 768px){.hairstyles__img{object-fit:cover;width:inherit;height:365px}}@media (min-width: 1920px){.hairstyles__img{height:485px}}.hairstyles__intro{display:flex;align-items:center;justify-content:center;column-gap:12px}@media (min-width: 768px){.hairstyles__intro{column-gap:16px}}@media (min-width: 1920px){.hairstyles__intro{column-gap:35px}}@media (min-width: 768px){.hairstyles__icon{width:50px;height:50px}}@media (min-width: 1280px){.hairstyles__icon{width:65px;height:65px}}@media (min-width: 1920px){.hairstyles__icon{width:80px;height:80px}}@media (min-width: 768px){.hairstyles__subtitle{width:max-content}}.hairstyles__info{font-weight:300;text-align:justify}.hairstyles__price{display:block;width:max-content;margin:0 auto;padding:3px 7px;border:1px solid #1f0f24;border-radius:7px}@media (min-width: 768px){.hairstyles__price{padding:2px 9px}}@media (min-width: 1280px){.hairstyles__price{padding:3px 10px}}@media (min-width: 1920px){.hairstyles__price{padding:5px 15px}}.studio{scroll-margin-top:3em}.studio-info{margin-top:35px}.studio-info--favorite{margin-top:25px;margin-bottom:15px}@media (min-width: 768px){.studio-info{display:flex;justify-content:space-between;width:688px;margin:45px auto 0}.studio-info--favorite{margin-top:40px;margin-bottom:35px}}@media (min-width: 1280px){.studio-info{width:1160px;margin:65px auto 0}.studio-info--favorite{margin-top:55px}}@media (min-width: 1920px){.studio-info{width:1620px;margin-top:85px}.studio-info--favorite{margin-top:90px;margin-bottom:65px}}.studio__icon{display:none}@media (min-width: 768px){.studio__icon{display:block;align-self:center}}@media (min-width: 1280px){.studio__icon--advantages{width:470px;height:470px}.studio__icon--favorite{width:480px;height:400px}}@media (min-width: 1920px){.studio__icon--advantages{width:580px;height:580px}.studio__icon--favorite{width:630px;height:530px}}.studio__description{margin-top:20px}.studio__suptitle{text-align:center}@media (min-width: 768px){.studio__suptitle{width:390px}.studio__suptitle--advantages{text-align:center}.studio__suptitle--favorite{margin-left:auto}}@media (min-width: 1280px){.studio__suptitle{width:600px}}@media (min-width: 1920px){.studio__suptitle{width:900px}}.studio__list{text-align:justify;list-style:none;display:flex;flex-direction:column;row-gap:10px;margin-top:15px}@media (min-width: 768px){.studio__list{width:390px;row-gap:15px;margin-top:25px}}@media (min-width: 1280px){.studio__list{width:600px;row-gap:25px;margin-top:35px}}@media (min-width: 1920px){.studio__list{row-gap:40px;width:900px}}.studio__item{font-weight:300}.masters{margin:0 auto}.masters__list{display:flex;flex-direction:column;row-gap:50px;width:100%;list-style:none;margin-top:35px}@media (min-width: 768px){.masters__list{margin-top:45px}}@media (min-width: 1280px){.masters__list{flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:1160px;margin-top:65px}}@media (min-width: 1920px){.masters__list{margin-top:85px;width:1680px}}.masters__item{text-align:center;display:flex;flex-direction:column;align-items:center;row-gap:5px}.masters__item>.masters__master-title{color:#1f0f24}@media (min-width: 768px){.masters__item{flex-direction:row;column-gap:58px}}@media (min-width: 1280px){.masters__item{flex-direction:column;justify-content:space-between;row-gap:15px}}@media (min-width: 1920px){.masters__item{row-gap:20px}}.masters__master-img{background-size:cover;border-radius:50%;object-fit:cover}@media (min-width: 768px){.masters__master-img{width:230px;height:230px}}@media (min-width: 1280px){.masters__master-img{width:220px;height:220px}}@media (min-width: 1920px){.masters__master-img{width:320px;height:320px}}.masters__master-info{display:flex;flex-direction:column;row-gap:10px}@media (min-width: 768px){.masters__master-info{row-gap:20px;width:400px}}@media (min-width: 1280px){.masters__master-info{width:360px}}@media (min-width: 1920px){.masters__master-info{width:500px}}.masters__master-status{font-weight:300;display:flex;align-items:center;justify-content:center;padding:7px 15px;border:1px solid #1f0f24;border-radius:7px}@media (min-width: 1280px){.masters__master-status{height:65px;padding:8px 15px}}@media (min-width: 1920px){.masters__master-status{height:90px;padding:11px 15px}}.faq{margin:0 auto;scroll-margin-top:3em}.faq__block{display:flex;flex-direction:column;row-gap:20px;margin-top:35px}@media (min-width: 768px){.faq__block{row-gap:25px;margin-top:45px}}@media (min-width: 1280px){.faq__block{row-gap:30px;margin-top:65px}}@media (min-width: 1920px){.faq__block{margin-top:85px}}.faq__details{display:flex;flex-direction:column;align-items:center;width:323px;border:1px solid #1f0f24;border-radius:7px;list-style:none}.faq__details[open] .faq__question .faq__star-icon{transform:rotate(180deg)}@media (min-width: 768px){.faq__details{width:620px}}@media (min-width: 1280px){.faq__details{width:950px;margin:0 auto}}@media (min-width: 1920px){.faq__details{width:1400px}}.faq__question{font-size:20px;line-height:23px;text-align:center;display:flex;align-items:center;justify-content:center;column-gap:15px;cursor:pointer;list-style:none;padding:12px}.faq__question::-webkit-details-marker{display:none}@media (min-width: 768px){.faq__question{font-size:25px;line-height:28px;column-gap:20px;padding:15px}}@media (min-width: 1280px){.faq__question{font-size:30px;line-height:33px;column-gap:25px;padding:20px 25px}}@media (min-width: 1920px){.faq__question{font-size:35px;line-height:38px;column-gap:35px;padding:30px}}.faq__star-icon{transform:rotate(0);transition:.4s}@media (min-width: 768px){.faq__star-icon{width:30px;height:30px}}@media (min-width: 1920px){.faq__star-icon{width:42px;height:42px}}.faq__answer{font-weight:300;text-align:justify;padding:15px;border-top:1px solid #1f0f24}@media (min-width: 768px){.faq__answer{padding:20px}}@media (min-width: 1280px){.faq__answer{padding:25px}}@media (min-width: 1920px){.faq__answer{padding:30px}}.maps__block{display:flex;margin-top:35px}@media (min-width: 1280px){.maps__block{margin-top:50px}}@media (min-width: 768px){.maps__iframe{height:360px}}@media (min-width: 1280px){.maps__iframe{height:480px}}@media (min-width: 1920px){.maps__iframe{height:680px}}.main-footer{color:#f5f5f5;background-color:#1f0f24}.main-footer__interaction{display:flex;flex-direction:column;align-items:center;row-gap:15px}@media (min-width: 768px){.main-footer__interaction{font-size:15px;flex-direction:row;column-gap:30px}}@media (min-width: 1280px){.main-footer__interaction{font-size:17px;align-items:center;column-gap:0;justify-content:space-between}}@media (min-width: 1920px){.main-footer__interaction{font-size:21px}}.main-footer__social-list{display:flex;width:max-content;column-gap:20px;margin:0;padding:0;list-style:none}@media (min-width: 1920px){.main-footer__social-list{column-gap:25px}}.main-footer__feedback{text-decoration:none;color:#8a2be2;transition:.4s}.main-footer__feedback:hover{opacity:.5}.main-footer__social-link{text-decoration:none;display:block;width:35px;height:35px;transition:.4s}@media (min-width: 768px){.main-footer__social-link{width:40px;height:40px}}@media (min-width: 1280px){.main-footer__social-link{width:45px;height:45px}}@media (min-width: 1920px){.main-footer__social-link{width:50px;height:50px}}.main-footer__social-link:hover{opacity:.5}.main-footer__copyright{text-align:center;display:block}@media (min-width: 768px){.main-footer__copyright{width:max-content}}.main-footer__dev{font-size:13px;line-height:16px;color:gray;display:block;width:max-content;margin:10px auto 0}@media (min-width: 1280px){.main-footer__dev{margin:0 0 0 auto}}.main-footer__up{position:fixed;bottom:40px;right:15px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:#1f0f24;border:1px solid whitesmoke;border-radius:50%;opacity:0;z-index:-1;transition:.4s}.main-footer__up--visually{opacity:1;z-index:9}.main-footer__up:hover{background-color:#f5f5f5;border:1px solid #1f0f24}.main-footer__up:hover .main-footer__up-arrow{fill:#1f0f24}@media (min-width: 768px){.main-footer__up{right:40px;width:50px;height:50px}}@media (min-width: 1280px){.main-footer__up{right:60px;width:55px;height:55px}}@media (min-width: 1920px){.main-footer__up{right:120px;width:70px;height:70px}}@media (min-width: 768px){.main-footer__up-arrow{width:40px;height:40px}}@media (min-width: 1920px){.main-footer__up-arrow{width:50px;height:50px}}