html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(fonts/raleway-regular.otf) format("otf"),url(fonts/ralewayregular.woff2) format("woff2"),url(fonts/ralewayregular.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:600;src:url(fonts/raleway-semibold.otf) format("otf"),url(fonts/ralewaysemibold.woff2) format("woff2"),url(fonts/ralewaysemibold.woff) format("woff")}.page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;background-color:#fff;box-sizing:border-box;margin:0 auto;max-width:1920px;min-width:320px;padding:0}.page__hidden-element{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;left:0;position:absolute;top:0;width:1px}.page__section{background-color:#fecc00;box-sizing:border-box;margin:0 auto;position:relative;width:100%}.page__section:after{border-left:50vw solid transparent;border-right:50vw solid transparent;border-top:100px solid #fecc00;content:"";height:0;margin-bottom:-100px;position:absolute;width:0;z-index:1}@media(min-width:700px){.page__section{max-width:525px}.page__section:after{border-left:262.5px solid transparent;border-right:262.5px solid transparent;border-top:150px solid #fecc00;margin-bottom:-150px}.page__wrapper{overflow:hidden}.page__deco{position:relative;top:-655px;z-index:-1}.page__deco:after{background-image:url(img/black-bg.svg);background-position:top;background-repeat:no-repeat;background-size:1200px;content:"";height:2500px;position:absolute;top:0;width:100%}}@media(min-width:1200px){.page__section{max-width:940px}.page__section:after{border-left:470px solid transparent;border-right:470px solid transparent;border-top:270px solid #fecc00;margin-bottom:-270px}.page__deco{top:-1080px}.page__deco:after{background-size:1920px;height:4000px}}.menu{width:100%}.menu__list{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;list-style:none;margin:0;padding:0}.menu__link{color:#000;font-family:Raleway,Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.7;text-decoration:none;text-transform:uppercase;transition:.2s ease}.menu__link:hover{text-decoration:underline}@media(min-width:700px){.menu__list{flex-wrap:nowrap;justify-content:space-between}.menu__list-item{margin-left:15px}.menu__list-item:first-of-type{margin-left:0}.menu__link{font-size:14px;font-weight:400}}@media(min-width:1200px){.menu__link{font-size:18px;line-height:1.4}.menu__list-item{margin-left:20px}}.contacts{list-style:none;margin:0;padding:0;text-align:right}.contacts__link{font-feature-settings:"pnum" on,"lnum" on;color:#000;font-family:Raleway,Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;transition:.2s linear}.contacts__link:hover{opacity:.6}.contacts__paragraph{font-feature-settings:"pnum" on,"lnum" on;color:#000;font-family:Raleway,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.7;margin:0;text-transform:uppercase}@media(min-width:1200px){.contacts__link,.contacts__paragraph{font-size:18px;line-height:1.4}}.appointment-btn{box-sizing:border-box;color:#fecc00;display:block;font-family:Raleway,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden;padding:9px 0 7px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:.3s;width:185px}.appointment-btn:hover{background:#fecc00;box-shadow:0 0 24px #fecc00;color:#000}.appointment-btn span{display:block;position:absolute}.appointment-btn span:first-child{animation:btn-anim1 1s linear infinite;background:linear-gradient(90deg,transparent,#fecc00);height:2px;left:-100%;top:0;width:100%}.appointment-btn span:nth-child(2){animation:btn-anim2 1s linear infinite;animation-delay:.25s;background:linear-gradient(180deg,transparent,#fecc00);height:100%;right:0;top:-100%;width:2px}.appointment-btn span:nth-child(3){animation:btn-anim3 1s linear infinite;animation-delay:.5s;background:linear-gradient(270deg,transparent,#fecc00);bottom:0;height:2px;right:-100%;width:100%}.appointment-btn span:nth-child(4){animation:btn-anim4 1s linear infinite;animation-delay:.75s;background:linear-gradient(1turn,transparent,#fecc00);bottom:-100%;height:100%;left:0;width:2px}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.up-button{background-color:rgba(255,255,255,.5);background-image:url(img/up-button.svg);background-position:50%;background-repeat:no-repeat;background-size:32px auto;border:none;border-radius:100%;bottom:20px;cursor:pointer;display:block;height:57px;left:20px;outline:none;padding:0;position:fixed;transition:opacity .4s ease-out;width:57px;z-index:2}.header{flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding:30px 25px 0;position:relative}.header,.header__burger{align-items:center;box-sizing:border-box;display:flex}.header__burger{background-color:transparent;border:none;cursor:pointer;flex-direction:column;justify-content:center;margin-right:35px;padding:0}.header__burger span{background-color:#000;height:4px;margin-bottom:4px;transition:.4s linear;width:35px}.header__burger span:last-of-type{margin:0}.header__burger_active span:first-of-type{margin:0;top:0;transform:translateY(2px) rotate(45deg)}.header__burger_active span:nth-child(2){display:none}.header__burger_active span:last-of-type{bottom:0;transform:translateY(-2px) rotate(-45deg)}.header__menu{order:3;padding-top:30px}.header__menu_hidden{display:none}.header__menu .menu__list{flex-direction:column;flex-wrap:nowrap;justify-content:center}.header__menu .menu__link{font-size:16px;line-height:2.5}.header__menu .menu__link:hover{color:#fecc00}.header__contacts .contacts__link:hover{color:#fecc00;opacity:1}@media(min-width:700px){.header{flex-wrap:nowrap;padding-left:60px;padding-right:60px}.header__burger{display:none}.header__menu{max-width:fit-content;order:1;padding-top:0}.header__menu .menu__list{flex-direction:row;justify-content:space-between}.header__menu .menu__link{font-size:12px;line-height:2}.header__contacts{order:2}}@media(min-width:1200px){.header{align-items:flex-start;padding:50px 130px 0}.header__menu .menu__link{font-size:18px;line-height:1.4}}.lead{overflow:hidden;padding-bottom:60px;padding-top:70px;position:relative}.lead:before{background:linear-gradient(-30deg,#000 61%,transparent 0);z-index:-1}.lead:after,.lead:before{bottom:0;content:"";height:100%;position:absolute;width:100%}.lead:after{background:linear-gradient(30deg,#fecc00 44%,transparent 0);z-index:0}.lead__logo{left:50%;position:absolute;top:40px;transform:translateX(-50%);width:108px}.lead__deco{background-image:url(img/header-man.png);background-repeat:no-repeat;background-size:contain;height:283px;left:calc(50% - 164px);position:absolute;top:100px;width:230px}.lead__content{align-items:center;display:flex;flex-direction:column;margin-top:395px;position:relative;z-index:2}.lead__title{color:#000;font-family:Raleway,Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.1;margin:0;max-width:245px;text-align:center;text-transform:uppercase}.lead__appointment-btn{color:#fff;margin-top:25px}.lead__appointment-btn:hover{background:#fff;box-shadow:0 0 30px #fff;color:#000}.lead__appointment-btn span:first-child{background:linear-gradient(90deg,transparent,#fff)}.lead__appointment-btn span:nth-child(2){background:linear-gradient(180deg,transparent,#fff)}.lead__appointment-btn span:nth-child(3){background:linear-gradient(270deg,transparent,#fff)}.lead__appointment-btn span:nth-child(4){background:linear-gradient(1turn,transparent,#fff)}@media(min-width:700px){.lead{align-items:flex-end;display:flex;justify-content:space-between;min-height:425px;padding:0}.lead:before{background:linear-gradient(-30deg,#000 50%,transparent 0);right:-135px;width:1000px}.lead:after{background:linear-gradient(30deg,#fecc00 48.5%,transparent 0);left:-405px}.lead__logo{top:30px;width:130px}.lead__deco{height:417px;margin-left:calc(50% - 341px);position:static;width:341px}.lead__content{margin-bottom:60px;margin-right:80px;margin-top:0}.lead__title{color:#fff;line-height:1.3}.lead__appointment-btn{color:#fecc00;margin-top:35px}.lead__appointment-btn:hover{background:#fecc00;box-shadow:0 0 24px #fecc00}.lead__appointment-btn span:first-child{background:linear-gradient(90deg,transparent,#fecc00)}.lead__appointment-btn span:nth-child(2){background:linear-gradient(180deg,transparent,#fecc00)}.lead__appointment-btn span:nth-child(3){background:linear-gradient(270deg,transparent,#fecc00)}.lead__appointment-btn span:nth-child(4){background:linear-gradient(1turn,transparent,#fecc00)}}@media(min-width:1200px){.lead{align-items:flex-end;display:flex;justify-content:space-between;min-height:680px;padding:0}.lead:before{right:-160px;width:1500px}.lead:after{background:linear-gradient(30deg,#fecc00 50%,transparent 0);left:-720px}.lead__logo{width:180px}.lead__deco{height:645px;margin-bottom:30px;margin-left:calc(50% - 600px);width:528px}.lead__content{margin-bottom:145px}.lead__title{font-size:36px;line-height:1.4;max-width:490px}.lead__appointment-btn{margin-top:50px}}.info{padding:60px 0}.info__list{justify-content:center;list-style:none;margin:0;padding:0}.info__list,.info__list-item{align-items:center;display:flex;flex-direction:column}.info__list-item{margin-top:60px}.info__list-item:first-of-type{margin-top:0}.info__icon{width:70px}.info__description{font-feature-settings:"pnum" on,"lnum" on;color:#000;font-family:Raleway,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.3;margin:20px 0 0;max-width:125px;text-align:center}.info__link{text-decoration:none;transition:.2s linear}.info__link:hover{color:#fecc00}@media(min-width:700px){.info__list{align-items:flex-start;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:430px}.info__list-item{margin-top:0}}@media(min-width:1200px){.info{padding:175px 0}.info__list{max-width:580px}.info__icon{width:93px}.info__description{font-size:18px;margin-top:35px;max-width:160px}}.about__content{padding-top:60px;position:relative;z-index:1}.about__text{margin:0 auto;max-width:340px;padding:0 15px;text-align:center}.about__paragraph{color:#000;font-family:Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0}.about__logo{display:block;margin:0 auto;padding-bottom:20px;position:relative;top:55px;width:122px;z-index:2}@media(min-width:700px){.about__content{padding-top:55px}.about__text{max-width:unset;padding:0 65px}.about__logo{margin-top:-30px;padding-bottom:0;top:90px;width:115px}}@media(min-width:1200px){.about__content{padding-top:45px}.about__text{padding:0 80px}.about__paragraph{font-size:24px;line-height:1.7}.about__logo{margin-top:-150px;top:200px;width:250px}}.price{background-color:#000;background-image:url(img/pricelist-man.png);background-position:bottom 100px right;background-repeat:no-repeat;background-size:250px auto;min-height:fit-content;padding-bottom:60px;padding-top:100px}.price__list{list-style:none;margin:54px auto 0;max-width:340px;padding:0 25px;position:relative;z-index:1}.price__list-item{align-items:flex-end;display:flex;justify-content:space-between}.price__name{color:#fff;font-weight:400}.price__cost,.price__name{font-family:Raleway,Arial,sans-serif;font-size:14px;line-height:1.7;margin:0}.price__cost{font-feature-settings:"pnum" on,"lnum" on;color:#fecc00;font-weight:600;text-align:right}.price__appointment-btn{margin:330px auto 0}@media(min-width:700px){.price{background-color:transparent;background-position:bottom 130px right;background-size:323px auto;margin-top:50px}.price__list{margin-left:calc(50% - 300px);margin-top:60px;max-width:300px;padding:0}.price__appointment-btn{margin-top:55px}}@media(min-width:1200px){.price{background-position:bottom 260px right;background-size:565px auto;margin-top:70px;padding:200px 130px}.price__list{margin-left:calc(50% - 470px);margin-top:60px;max-width:470px;padding:0}.price__cost,.price__name{font-size:24px}.price__appointment-btn{margin-top:75px}}.gallery{padding:60px 20px}.gallery__list{display:grid;gap:20px 16px;grid-template-columns:repeat(2,minmax(128px,1fr));justify-content:center;list-style:none;margin:0 auto;max-width:450px;padding:0}.gallery__list-item{background-color:#c4c4c4;overflow:hidden;padding-bottom:100%;position:relative;transition:.4s linear;width:100%}.gallery__list-item:hover{box-shadow:3px 3px 10px rgba(0,0,0,.5)}.gallery__img{cursor:pointer;height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:.2s linear;width:100%}.gallery__img:hover{transform:scale(1.01)}@media(min-width:700px){.gallery{padding-left:70px;padding-right:70px}.gallery__list{grid-template-columns:repeat(4,minmax(128px,1fr));max-width:unset}}@media(min-width:1200px){.gallery{padding:180px 130px}.gallery__list{gap:34px 30px}}.popup{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease-out;visibility:hidden}.popup_visible{opacity:1;visibility:visible;z-index:2}.popup__container{box-shadow:0 0 25px rgba(0,0,0,.2);box-sizing:border-box;position:relative}.popup__close-button{background-color:transparent;border:none;cursor:pointer;height:30px;outline:0;padding:0;position:absolute;right:5px;top:-45px;transition:.2s linear;width:30px}.popup__close-button:hover{opacity:.8}.popup__close-button span{background-color:#fff;display:block;height:4px;width:30px}.popup__close-button span:first-of-type{transform:translateY(2px) rotate(45deg)}.popup__close-button span:last-of-type{transform:translateY(-2px) rotate(-45deg)}.popup__img{display:block;max-height:75vh;max-width:75vw}.barbers{background-color:#fff;position:relative;z-index:1}.barbers__content{padding-top:35px}.barbers__title{color:#000;font-family:Raleway,Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.4;margin:0;text-align:center;text-transform:uppercase}.barbers__list{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none;margin:35px 0 0;padding:0 0 50px}.barbers__list-item{margin-top:60px}.barbers__list-item:first-of-type{margin-top:0}@media(min-width:700px){.barbers__content{padding-top:60px}.barbers__title{font-size:24px;line-height:1}.barbers__list{flex-direction:row;flex-wrap:wrap;margin-top:40px;padding:0 60px 60px}.barbers__list-item{margin-top:0}.barbers__list-item:nth-child(n+3){margin-top:40px}.barbers__list-item:nth-child(2n+2){margin-left:40px}}@media(min-width:1200px){.barbers__content{padding-top:65px}.barbers__title{font-size:36px}.barbers__list{padding:0 125px 100px}.barbers__list,.barbers__list-item:nth-child(n+3){margin-top:60px}.barbers__list-item:nth-child(2n+2){margin-left:70px}}.barber{-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0 0 1px transparent;height:230px;position:relative;transform:translateZ(0);transition-duration:.3s;transition-property:transform;width:180px}.barber:hover{animation-duration:1s;animation-iteration-count:1;animation-name:wobble;animation-timing-function:ease-in-out}.barber_top .barber__post{position:relative}.barber_top .barber__post:before{background-image:url(img/star.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:10px;left:-12px;position:absolute;top:0;width:10px}.barber__img{filter:grayscale(100%);height:100%;object-fit:cover;width:100%}.barber__content{background:linear-gradient(transparent 55%,#000 90%);bottom:0;left:0;padding:150px 23px 0;position:absolute;right:0;top:0}.barber__info{align-items:baseline;display:flex;justify-content:space-between}.barber__name{color:#fecc00;font-size:14px}.barber__name,.barber__post{font-family:Raleway,Arial,sans-serif;font-weight:600;line-height:1.7;margin:0}.barber__post{color:#fff;font-size:8px;text-transform:uppercase}.barber__quote{color:#fff;font-family:Raleway,Arial,sans-serif;font-size:10px;font-weight:600;line-height:1.4;margin:0;padding:0}@keyframes wobble{16.65%{transform:translateX(8px)}33.3%{transform:translateX(-6px)}49.95%{transform:translateX(4px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}to{transform:translateX(0)}}@media(min-width:1200px){.barber{height:394px;width:308px}.barber_top .barber__post:before{bottom:0;height:17px;left:-20px;top:unset;width:17px}.barber__content{padding:260px 34px 0}.barber__name{font-size:24px;line-height:1}.barber__post{font-size:12px;line-height:1}.barber__quote{font-size:14px;line-height:1.7;margin-top:15px}}.map{height:460px;margin-top:-42px;width:100%}.map p{display:none}[class*=ymaps-2-1][class*=-ground-pane]{filter:grayscale(100%)}.map__marker{background-image:url(img/map-marker.png);display:none}@media(min-width:700px){.map{height:560px}}@media(min-width:1200px){.map{height:790px}}.footer{align-items:center;background-color:#fecc00;display:flex;flex-direction:column;justify-content:center;padding-bottom:40px;padding-top:35px}.footer__menu{max-width:205px}.footer__contacts{margin-top:30px;text-align:center}.footer__contacts .contacts__link{line-height:1.7}.footer__contacts .contacts__paragraph{max-width:210px}.footer__social{align-items:center;display:flex;justify-content:center;list-style:none;margin:30px auto 0;padding:0}.footer__social-item{margin-left:15px}.footer__social-item:first-of-type{margin-left:0}.footer__social-icon{-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0 0 1px transparent;display:block;transform:translateZ(0);transition-duration:.3s;transition-property:transform;width:30px}.footer__social-icon:hover{transform:translateY(-5px)}@media(min-width:700px){.footer{padding:60px 0}.footer__menu{max-width:fit-content}.footer__contacts .contacts__link{font-size:14px;line-height:1.4}.footer__contacts .contacts__paragraph{font-size:14px;line-height:1.4;max-width:unset}}@media(min-width:1200px){.footer{align-items:flex-start;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:50px 130px 55px}.footer__contacts{margin-top:0;max-width:360px;text-align:right}.footer__contacts .contacts__link{font-size:18px}.footer__contacts .contacts__paragraph{font-size:18px;max-width:300px}.footer__social{margin:20px 0 0 auto;width:min-content}}