div,button,a{transition:0.5s;outline:none;text-decoration:none!important}
html{overflow-x:hidden;}
body{width:100%;overflow-x:hidden;}
html, body {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.hidden-yclient{display:none;}
.button-cta {
    text-align: center;
    color: #fefefe;
    font-size: 2rem;
    font-weight: 300;
}
.zay-btn{color:#fff !important;text-transform:uppercase;text-align:center;display:block;cursor:pointer;font-size:14px;background-color:#a46534;padding:20px 0;text-decoration:none;position:relative;overflow:hidden}
.zay-btn:after{content:"";height:60%;left:-230%;opacity:0;position:absolute;top:-20%;transform:rotate(35deg);width:200%;background:rgba(255,255,255,0.13);background:linear-gradient(to right,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 77%,rgba(255,255,255,0.3) 92%,rgba(255,255,255,0.0) 100%)}
.zay-btn:hover:after{left:50%;opacity:1;top:25%;transition-duration:0.6s,0.7s,.15s;transition-property:left,top,opacity;transition-timing-function:ease}
.zay-btn:active:after{opacity:0}
.borders{display:block;cursor:pointer;font-size:14px;background-color:#a46534;width:250px;margin:0 auto;text-decoration:none}
.section-number{font-weight:300;position:absolute;color:#fff;margin-top:46vh;right:80px;float:right;z-index: 100}
#welcome .section-number, #services .section-number, #bonus .section-number, #master .section-number, #feed .section-number, #work .section-number{color:#a46534}
.section-number hr{border-top:2px solid #a46534}
.section-subscribe{font-weight:300;position:absolute;color:#fff;margin-top:42vh;left:80px;width:100px;float:left;z-index: 100}
#services .section-subscribe{top:82%;}
#services .section-number{top:86%;}
.section-subscribe h4{text-align:center;color:#a46534}
.section-subscribe .section-subscribe-text{transform:rotate(-90deg);margin-top:105px;font-size:18px;margin-left:-3px;}
#welcome .section-subscribe .section-subscribe-text{margin-top:50px}
#bonus .section-subscribe .section-subscribe-text{margin-top:100px}
.section-subscribe hr{transform:rotate(90deg);border-top:1px solid #a46534;width:50px;margin-bottom:40px}
@media(max-width: 1400px){
    .section-number{right:40px}
    .section-subscribe{left:0px}
}
@media(min-width: 1900px){
    #master .name{font-family:Bebas-Neue-book !important;}
}
@media(max-width: 600px){
    .row{margin:0 !important;}

    #bonus .mobile-big{height:100px !important;}
    #bonus .mobile-small{height:60px !important;}
    #services .swiper-slide-active svg{fill: #fff !important;}
    #services .swiper-slide-active .overlay{background-color:rgba(0,0,0,0.6) !important}
    #services .swiper-slide-active h2,#services .swiper-slide-active h5{color:#fff !important}
    #services .swiper-slide-active h3{color:#a46534 !important}
    #services .swiper-slide-active .brown{display:none !important}
    #services .swiper-slide-active .white{display:inline-block !important}
    #services .swiper-slide-active .overlay:before{top:20px;left:20px;opacity: 1;width: 65px;height: 65px;}
    #services .swiper-slide-active .overlay:after{bottom:20px;right:20px;opacity: 1;width: 65px;height: 65px;}
	#services .swiper-slide-active .old-price{color:rgba(255,255,255,0.5) !important;}
    #services .swiper-slide-active .old-price:before{border-top:2px solid rgba(255,255,255,0.5) !important;}
	h1:after{width: 33px !important;margin-top: 0.5em !important;margin-left: 20px !important;}
	h1:before{width: 33px !important;margin-left: -65px !important;margin-top: 0.5em !important;}
	.section-subscribe,
	.section-number{display: none;}
	#main .nav{padding: 0 15px !important;}
	#main .nav ul li{font-size: 20px !important;margin-right: 0 !important}
	#main .nav ul li i{display: none;}
	h1{font-size:36px !important}
	#main h1{font-size: 46px !important; margin: 50px 0 !important}
	#main .navbar-menu ul li{font-size:34px !important;color: #fff;margin-top: 10px !important;}
	#main .navbar-menu ul li.visible-xs{font-size:20px !important}
	#main .navbar-menu ul li i{display: none;}
	#main .navbar-menu ul .borders{margin-top: 25px;}
	#main{background-position: 30% center !important}
	#welcome h1:after{margin-top: -0.11em !important;margin-left: 60px !important;}
	#welcome h1:before{margin-left: -65px !important;margin-top: 1em !important;}
	#welcome .col-md-7:before{content: unset !important;}
	#welcome .col-md-7{padding: 0 !important;margin-top: 20px;}
	#welcome .col-md-5{text-align: center;}
	#welcome .swiper-container{margin: 0 !important;width: 100% !important; height:250px !important}
	#welcome h1, #welcome h4{margin: 10px 0 !important}
	#welcome{height: auto !important;padding: 70px 0 120px 0 !important}
	#welcome .swiper-button-next{left: 60% !important}
	#welcome .swiper-button-prev{left: 30% !important}
	#services .swiper-container{padding: 0 25px;}
	#services .borders{margin-top: 30px !important}
	#services .services-swiper-button-next.visible-xs,
	#services .services-swiper-button-prev.visible-xs,
	.master-swiper-button-prev,
	.master-swiper-button-next,
	.low-work-swiper-button-prev, 
	.low-work-swiper-button-next{height:20px;display: inline-block !important;top: 55px;width: 10%;position: absolute;}
	#services .services-swiper-button-next.visible-xs{right: 10%;left: auto;}
	#services .services-swiper-button-prev.visible-xs{left: 10%;}
	#services .swiper-pagination, .master-swiper-pagination{display: block !important;width: 50%;margin: 0 auto;position: relative !important;top: 50px  !important;text-align: center;}
	#services .swiper-pagination span, .master-swiper-pagination span{margin: 0 6.5px;outline: none;}
	#services .swiper-pagination-bullet-active, #master .swiper-pagination-bullet-active{background-color: #a46534;width: 12.5px;height: 12.5px;position: relative;top: 2.5px;}
	#services .swiper-pagination-bullet-active:before, #master .swiper-pagination-bullet-active:before{content: "";position: absolute;left: -4px;top: -4px;width: 20px;height: 20px;border: 2px solid #a46534;border-radius: 50px}
	#services .row.visible-xs, #master .row.visible-xs, #work .row.visible-xs{position: relative;}
	#services{padding: 60px 0 120px 0 !important;height: auto !important;}
	#bonus{padding: 50px 0 !important;height: auto !important;}
	#bonus .row{margin: 0 !important}
	#bonus .col-md-4{margin-top: 45px;margin-bottom:0;}
	#bonus .container h4 {font-size:13px !important;text-transform:none !important;line-height:15px !important;}
	#bonus img {height: 40px !important;}
	#main #nav-open {left: 15px;}
	#sale h1, #sale span{font-size: 36px !important;padding:0 10px;}
	#barber-modal .container{width: 100% !important;height: auto !important}
	#barber-modal .col-md-7{height: 300px !important}
	#master h1{margin-bottom: 40px !important;}
	#master{padding: 50px 0 !important}
	#master .borders:after{margin-left: 210px !important;}
	#barber-modal .col-md-5{padding: 30px 25px 30px 25px !important;}
	.master-swiper-pagination{top: 20px !important;}
	.master-swiper-button-prev, .master-swiper-button-next, .low-work-swiper-button-prev, .low-work-swiper-button-next{top: 20px !important;z-index: 100;background-image: url(../img/arrow-right.svg);background-position: center;background-size: contain;background-repeat: no-repeat;}
	.master-swiper-button-next{right: 20%}
	.master-swiper-button-prev{left: 20%;transform: scale(-1,1);}
	.modal{height: 70% !important;margin-top: 30% !important;padding:50px 0 !important;}
	.modal-overlay.active{height: 100%;background-color: rgba(0,0,0,0.8);width: 100%;position: fixed;top: 0;z-index: 10000000}
	.modal .work-swiper-button-next{right: 10px !important}
	.modal .work-swiper-button-prev{left: 10px !important}
	.modal .js-close-modal{right: 10px !important}
	#work .work-img{height: 250px !important}
	#work{padding: 0 15px;}
	#work .container{padding: 50px 0 100px 0 !important}
	.low-work-swiper-button-prev{left: 30% !important;transform: scale(-1,1);top: 40px !important;}
	.low-work-swiper-button-next{right: 30% !important;left: auto !important;top: 40px !important;}
	#feed .review-button {margin-top:10px;}
	#feed .review-slider{overflow: overlay;display: flex;}
	#feed h1 {margin-bottom:30px !important;}
	#feed #review-buttons {margin-top:30px !important;}
	#contact .container{padding: 50px 15px !important}
	#contact .container .left-block{text-align: center;}
	#contact .container .left-block h1:before{content: "" !important}
	#contact .borders{margin: 40px auto 0 auto !important;position: relative;}
	#contact .borders:before{margin: 0 ;left: -10px;top: -10px;}
	#contact .borders:after{margin: 0 !important;right: -10px;top: -10px;}
	#contact .form-block .zay-btn{width: 75% !important}
	#contact .form-block {padding: 20px 15px 80px 15px !important;}
	#contact{background-position: 60% center !important;}
	#map ul{position: relative !important;display: block !important;padding: 0}
	#map ul li{display: block !important;}
	#map .copy{height: auto !important;}
	#map h5{color: #dadada !important;margin-top: 50px;}
	#map .policy{display: block;margin-left: 0 !important;margin-top: 10px;}
	#master .borders:after{content:none !important;}
	#master .borders:before{content:none !important;}
	#contact .form-block .inst-photo{width: 100% !important;}
	#barber-modal .barber-times-btn{display:block !important}
	#barber-modal .barber-close-btn{display:none;}
	#barber-modal h4{margin-top:10px;position:initial !important;}
	#barber-modal .barber-prev, #barber-modal .barber-next{position:absolute;top:-50px;}
	#barber-modal .barber-next{margin:0;right:23px;}
}
@media(max-width: 900px) and (min-width: 700px){
	#work .work-img,
	#barber-modal .col-md-7{height: 400px !important}
}

#main{background-image:url(../img/new/hero.jpeg);background-size:cover;background-position:center center;background-repeat:no-repeat;height:100vh;position:relative;}
#main h1,#main h2,#main a{text-align:center;color:#fff;text-transform:uppercase}
#main h1:before, #main h1:after{content: unset;}
#main h2{text-align:center}
#main img{width:320px;}
#main h1{font-size:80px;margin:60px 0;text-transform:none !important;}
#main h1 span{color:#e8c57e;}
#main .snoska{color:#b9b9b9;margin-top:40px;}
#main .overlay{width:100%;height:100%;background-color:rgb(18 10 0 / 60%);padding:20vh 0}
#main .fa{color:#a46534}
#main .nav{position:absolute;width:100%;padding:0 150px;height:auto;top:35px;background-color:transparent}
#main #nav-open{background:transparent;border:none;box-shadow:none;font-size:28px;position:absolute;z-index:1000;color:#a46534}
#main .navbar-menu{opacity: 0;overflow:hidden;height:100vh;width:100%;position:absolute;top:-100vh;z-index:100;background-image:url(../img/menu-bcg.png);background-size:cover;background-position:center center;background-repeat:no-repeat;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#nav-ico-1,#nav-ico-2{position:absolute;background-size:cover;background-position:center center;background-repeat:no-repeat}
#nav-ico-2{opacity:0;width:25px;height:25px;margin-left:3px;background-image:url(../img/close.svg);transform:rotate(180deg)}
#nav-ico-1{opacity:1;width:30px;height:25px;background-image:url(../img/bars.svg)}
#nav-open:hover #nav-ico-1{background-image:url(../img/bars-white.svg)}
#main .nav ul{list-style-type:none;float:right}
#main .nav ul li{display:inline-table;color:#fff;margin-right:40px;text-indent:-13px;font-size:16px}
#main .nav ul li:nth-child(1) a{font-weight:300;}
#main .nav ul li .fa{margin-right:10px}
#main .navbar-menu ul{list-style-type:none;padding:0;display:block;}
#main .navbar-menu ul li{text-align:center;text-transform:uppercase;font-family:Bebas-Neue;font-size:45px;margin-top:20px}
#main .navbar-menu ul li a:before{content:"";position:absolute;width:0;height:3px;background-color:#fff;margin-left:-35px;margin-top:30px;transition:.5s;border-radius:100px}
#main .navbar-menu ul li a:hover:before{width:65px;margin-left:-100px}
#main .navbar-menu ul li a:after{content:"";position:absolute;width:0;height:3px;background-color:#fff;margin-top:30px;margin-left:35px;transition:.5s;border-radius:100px}
#main .navbar-menu ul li a:hover:after{width:65px}
#main .description{height: 60vh}
#main .menu-text{margin-top: -0.05em;color: #fff;font-size: 18px;margin-left: 40px;opacity: 1}
#main i:hover{color: #fff}
#main i{transition:0.5s}

#welcome{padding:130px 0 0 0;height:970px;position:relative}
#welcome h1{text-align:center;color:#a46534;margin-bottom:120px}
#welcome h4{font-size:16px;}
#welcome .container h4{margin-top:40px;font-weight:100;line-height: 24px}
#welcome .container .col-md-5{margin-top:60px}
#welcome .carousel{width:90%;float:right}
#welcome .col-md-7:before{content:"";position:absolute;top:-30px;left:5%;width:60%;height:90%;border:3px solid #a46534}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img{display:block;width:100%;height:auto}
.carousel-control.left,.carousel-control.right{background-image:none;top:105%}
.carousel-control.right{left:100px}
#welcome .item-1,#welcome .item-2,#welcome .item-3{background-repeat:no-repeat;background-size:cover;background-position:center center;width:100%;height:400px}
#welcome .item-1{background-image:url(../img/9.jpg)}
#welcome .item-2{background-image:url(../img/10.jpg)}
#welcome .item-3{background-image:url(../img/9.jpg)}
#welcome .section-number{margin-top: 350px;top:unset;}
#welcome .section-subscribe{margin-top: 340px;top:unset;}
#welcome .swiper-container{height: 450px;width: 85%;margin:0 auto;}
#welcome .swiper-slide{background-position: center;background-size: cover;background-repeat: no-repeat;}
#welcome .slide-3{background-image: url(../img/insta-photo.png);}
#welcome .slide-4{background-image: url(../img/new/1.jpeg);}
#welcome .slide-6{background-image: url(../img/new/4.jpeg);}
#welcome .slide-7{background-image: url(../img/IMG_0307.jpg);}
#welcome .slide-8{background-image: url(../img/new/3.jpeg);}
#welcome .slide-9{background-image: url(../img/IMG_0333.jpg);}
#welcome .slide-10{background-image: url(../img/new/2.jpeg);}
#welcome .slide-11{background-image: url(../img/IMG_0577.jpg);}
#welcome .slide-12{background-image: url(../img/IMG_0589.jpg);}
#welcome .slide-13{background-image: url(../img/IMG_0643.jpg);}
#welcome .slide-14{background-image: url(../img/IMG_0666.jpg);}
#welcome .slide-15{background-image: url(../img/IMG_0673.jpg);}
#welcome .slide-16{background-image: url(../img/new/5.jpeg);}
#welcome .slide-17{background-image: url(../img/IMG_0214.jpg);}
#welcome .slide-18{background-image: url(../img/IMG_0900.jpg);}
#welcome .slide-19{background-image: url(../img/IMG_0944.jpg);}
#welcome .swiper-button-prev{background-image: url(../img/arrow-right.svg);transform: scale(-1,1);left: 10%}
#welcome .swiper-button-next{background-image: url(../img/arrow-right.svg);left: 20%}
#welcome .swiper-button-prev,
#welcome .swiper-button-next{top:110%;position: absolute;}

#services{background-color:#f1f1f1;padding:130px 0;position:relative;}
#services h1{text-align:center;margin-bottom:30px}
.swiper-container{transition:none;}
#services .swiper-wrapper{transition:initial;padding: 50px 0}
#services p{text-align:center;margin:0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#services h2{color:#a46534;margin:20px 0 20px 0;font-size:33px;}
#services h3{font-family:Bebas-Neue;margin:20px 0;font-size: 24px;}
#services h5{line-height:20px}
#services .old-price{margin-top:-25px;position:relative;font-size:24px;color:rgba(0,0,0,0.5);}
#services .old-price span{font-size:18px !important;}
#services .old-price:before{content:"";position:absolute;width:60px;margin-left:-8px;height:5px;border-top:2px solid rgba(0,0,0,0.5);top:45%;}
#services .overlay:hover .old-price{color:rgba(255,255,255,0.5);}
#services .overlay:hover .old-price:before{border-top:2px solid rgba(255,255,255,0.5);}
#services span{font-family:'Roboto',sans-serif;font-size:24px;}
#services .overlay{display:grid;transition:0.7s;height:100%;width:100%;background:#fff;padding:20px;text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#services .brown{display:inline-block;}
#services .white{display:none;}
#services .overlay img, #services .overlay svg{height: 50px;transition: 0.6s;}
#services .overlay svg{fill: #a46534}
#services .swiper-slide{height:380px;cursor:default;text-align:center;font-size:18px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-position:center center;background-size:cover;background-repeat:no-repeat}
#services .swiper-slide:hover{box-shadow:0 5px 30px 1px rgba(31,18,7,0.38);}
#services .slide-1{background-image:url(../img/14.jpg)}
#services .slide-2{background-image:url(../img/5.jpeg)}
#services .slide-3{background-image:url(../img/12-min.jpg)}
#services .slide-4{background-image:url(../img/13.jpg)}
#services .slide-5{background-image:url(../img/11.jpg)}
#services .slide-6{background-image:url(../img/9.jpg)}
#services .slide-7{background-image:url(../img/baby.png)}
#services .slide-8{background-image:url(../img/beard.jpeg)}
#services .slide-9{background-image:url(../img/17.png)}
#services img:hover, #services svg:hover{transform: rotate(360deg);}
#services .overlay:hover svg{fill: #fff;}
#services .overlay:hover{background-color:rgba(0,0,0,0.6)}
#services .overlay:hover h2,#services .overlay:hover h5{color:#fff}
#services .overlay:hover h3{color:#a46534}
#services .overlay:hover .brown{display:none}
#services .overlay:hover .white{display:inline-block}
#services .overlay:before{content: "";position: absolute;width: 0px;height: 0px;border-left: 1.5px solid #a46534;border-top: 1.5px solid #a46534;top:20px;left:20px;transition: 0.8s;opacity: 0}
#services .overlay:hover:before{top:20px;left:20px;opacity: 1;width: 65px;height: 65px;}
#services .overlay:after{content: "";position: absolute;width: 0px;height: 0px;border-right: 1.5px solid #a46534;border-bottom: 1.5px solid #a46534;bottom:20px;right:20px;transition: 0.8s;opacity: 0}
#services .overlay:hover:after{bottom:20px;right:20px;opacity: 1;width: 65px;height: 65px;}
#services .services-swiper-button-next{height: 25px;background-size: contain;background-position: center;background-repeat: no-repeat;background-image: url(../img/arrow-right.svg);position: relative;display: inline-block;left:49%;width: 5%}
#services .services-swiper-button-prev{height: 25px;background-size: contain;background-position: center;background-repeat: no-repeat;background-image: url(../img/arrow-right.svg);transform:scale(-1,1);position: relative;display: inline-block;left:41%;width: 5%}
#services .borders{margin-top:105px;}
#services .section-number{margin-top: 600px;top:unset;}
#services .section-subscribe{margin-top: 580px;top:unset;}
#services .swiper-button-disabled, #master .swiper-button-disabled, #work .swiper-button-disabled{opacity: .5}
@media(min-width:1900px){
    #services .swiper-slide{height: 450px;}
}
@media(max-width:1366px){
    #services .swiper-slide{height: 350px;}
    #services .overlay{padding:40px 20px !important;}
}
@media(max-width:991px) {
    #services .swiper-slide{margin-top:25px;}
}
#bonus{padding: 130px 0;position:relative}
#bonus .col-md-4{text-align: center;}
#bonus h1{text-align: center;margin-bottom: 80px;}
#bonus .container h4{margin-top:30px;text-transform: uppercase;line-height: 24px;font-size:14px;}
#bonus img{height: 50px;}
#bonus .row{margin-top: 100px;}
#bonus .row .col-md-4 {margin-bottom:40px;}
#bonus .section-number{margin-top: 220px;top:unset;}
#bonus .section-subscribe{margin-top: 170px;top:unset;}

#sale{height: 660px}
#sale .swiper-container{width: 100%;height: 660px;}
#sale .container{padding:50px 0 150px 0;width: 100%;height:100%;background-color: rgba(0,0,0,0.8);}
#sale h1:after,
#sale h1:before{background-color: #fff}
#sale h1{color: #fff;text-align: center;}
#sale p{font-family: 'Bebas-Neue';color: #fff;font-size: 16px;text-align: center;}
#sale .swiper-slide{background-position: center center;background-size: cover;background-repeat: no-repeat;}
#sale .slide-1{background-image: url(../img/12-min.png);}
#sale .slide-2{background-image: url(../img/6.jpg);}
#sale .slide-3{background-image: url(../img/11.jpg);}
#sale span{display:block;text-align: center;color: #a46534;font-size: 67px;text-transform: uppercase;margin-top:50px;font-family: 'Bebas-Neue-book';}
#sale .sale-snoska{margin-bottom:30px;color:#b6b6b6;}
#sale h3{margin:0 auto;text-align: center;font-family: Bebas-Neue;font-size: 80px;color: #fff;width: 300px;background-image: url(../img/кисть.png);background-size: 190px;background-position: center;background-repeat: no-repeat;}
#sale h3 i{font-family: 'Roboto', sans-serif;text-align: center;font-style: normal;font-size: 50px}
#sale .borders{margin-top: 50px;}
#sale .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 20px;}
#sale .swiper-pagination-bullet{width:60px;height:3px;background-color: #fff;border-radius: 50px;display: inline-block;margin: 20px 5px 30px 5px}
#sale .swiper-pagination-bullet-active{background-color:#a46534;}
#sale .section-number{margin-top: 240px;top:unset;}
#sale .section-subscribe{margin-top: 230px;top:unset;}
#sale .section-subscribe .section-subscribe-text{margin-top: 50px;}
#sale .sale-swiper-pagination{bottom: 80px !important;position: relative;z-index: 10;width: 50%;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

#master{padding: 130px 0;background-color: #f1f1f1;position: relative;}
#master h1{text-align: center;margin-bottom: 100px;}
#master .info{height: 350px;background-position: center;background-size: cover;background-repeat: no-repeat;}
#master .master-1{background-image: url(../img/gazinur.jpg);}
#master .master-2{background-image: url(../img/hasan.jpg);}
#master .master-3{background-image: url(../img/habib.jpg);}
#master .master-4{background-image: url(../img/habib.jpg);}
#master .master-5{background-image: url(../img/madina.jpg);}
#master .master-6{background-image: url(../img/roma.jpg);}
#master .borders{margin-top: 50px;width: 90%}
#master .borders:after{margin-left: 195px;}
#master .borders:hover:after{margin-left: 145px;}
#master .name{position: absolute;width: 100%;text-align: center;bottom: 0;padding: 10px 0;background-color: rgba(164, 101, 52, 0.75);color: #fff;font-size: 23px;text-transform: uppercase;font-family: Bebas-Neue;}
#master .name p{font-size:18px;font-family:Bebas-Neue-book;margin:0;text-decoration:underline;}
#master .overlay{width: 100%;height: 100%;background-color: transparent;position: relative;}
#master .info:hover .overlay{background-color: rgba(0,0,0,0.65);}
#master .info:hover .name{opacity: 0}
#master .info:hover a{opacity: 1}
#master .more a{width:100%;height:100%;cursor:pointer;color: #fff !important;font-size: 14px;display: block;text-align: center;margin-top: -0.625em;opacity: 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#master .more{height: 100%;width:100%;position: relative;}
#master .section-number{margin-top: 220px;top:unset;}
#master .section-subscribe{margin-top: 170px;top:unset;}

#barber-modal{transition:0.5s;opacity:0;z-index: -1;font-family: Bebas-Neue;color:#fff;position: fixed;width: 100%;height: 100%;overflow: hidden;background-color: rgba(0,0,0,0.85);bottom: 0;}
#barber-modal .container{width: 60%;height: 100%;margin-top:5%;}
#barber-modal .col-md-5{background-color: #a46534;padding: 50px 35px;}
#barber-modal h3{font-size: 20px;}
#barber-modal span, #barber-modal p{font-family: Bebas-Neue-book;font-size: 18px;position: relative;}
#barber-modal p{padding-left: 35px;}
#barber-modal p:before{content: "„";position: absolute;font-size: 150px;top: -35px;left: -5px;line-height: 0px;}
#barber-modal .barber-btn{display: block;padding: 15px;text-align: center;text-transform: uppercase;color: #fff;font-size: 16px;font-family: 'Roboto', sans-serif;border: 1px solid #fff;width: 75%;margin-top: 30px;}
#barber-modal .barber-btn:hover{background-color: #fff;color: #a46534}
#barber-modal .col-md-7, #barber-modal .col-md-5{height: 100%}
#barber-modal .barber-img{position:relative;}
#barber-modal .barber-times-btn{display:none;position:absolute;right:10px;top:10px;color:#fff;font-size:50px;line-height: 30px;}
#barber-modal .col-md-7{left: -100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
#barber-modal .col-md-5{right: -100%}
#barber-modal h4{margin-top: 40px;position:relative;}
#barber-modal .barber-prev, #barber-modal .barber-next{cursor: pointer;}
#barber-modal a:hover .shp0{opacity: 1}
#barber-modal .barber-prev svg{transform: scale(-1,1);}
#barber-modal .barber-next{margin-left: 30px}
.change-barber {-webkit-animation-name: change-barber;animation-name: change-barber;-webkit-animation-duration: 0.7s;animation-duration: 0.7s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes change-barber {50% {left:-100%;}100% {left:0;}}
@keyframes change-barber {50% {left:-100%;}100% {left:0;}}
#barber-modal .barber-close-btn{right: 40px;;color: #fff;cursor: pointer;font-size: 20px;font-family: Bebas-Neue-book;position: absolute;}
#barber-modal .barber-close-btn-top{color: #fff;position: absolute;top: 15px;right: 20px;font-size: 20px;cursor:pointer;}
#barber-modal p, #barber-modal h2, #barber-modal h3{margin-top: 20px;}

#work{position: relative;}
#work .container{padding: 130px 0;}
#work h1{text-align: center;margin-bottom:80px;}
#work .col-md-4, #work .col-md-3{padding:0 10px;}
#work .overlay{width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);opacity: 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#work #Capa_1{width: 23px}
#work .overlay:hover{opacity: 1;}
#work .work-img{margin-top:20px;background-size: cover;background-position: center;background-repeat: no-repeat;display: block;width: 100%}
#work .img-1{height: 170px;background-image: url(../img/gallery/case-1.jpg);}
#work .img-2{height: 170px;background-image: url(../img/gallery/case-2.jpg);}
#work .img-3{height: 300px;background-image: url(../img/gallery/case-3.jpg);}
#work .img-4{height: 300px;background-image: url(../img/gallery/case-4.jpg);}
#work .img-5{height: 170px;background-image: url(../img/gallery/case-5.jpg);}
#work .img-6{height: 170px;background-image: url(../img/gallery/case-6.jpg);background-position: center 35%;}
#work .img-7{height: 170px;background-image: url(../img/gallery/case-7.jpg);}
#work .img-8{height: 300px;background-image: url(../img/gallery/case-8.jpg);}
#work .img-9{height: 170px;background-image: url(../img/gallery/case-9.jpg);}
#work .img-3 .overlay, #work .img-6 .overlay{transform: scale(-1,1);}
#work a{cursor: pointer;}
#work .section-number{margin-top: 580px;top:unset;}
#work .section-subscribe{margin-top: 550px;top:unset;}

.modal .swiper-container{height: 100%;width:100%;}
.modal .swiper-slide{background-size: cover;background-position: center;background-repeat: no-repeat;}
.modal .slide-1{background-image: url(../img/gallery/case-1.jpg);}
.modal .slide-2{background-image: url(../img/gallery/case-2.jpg);}
.modal .slide-3{background-image: url(../img/gallery/case-3.jpg);transform: scale(-1,1);}
.modal .slide-4{background-image: url(../img/gallery/case-4.jpg);}
.modal .slide-5{background-image: url(../img/gallery/case-5.jpg);background-position: center 30%;}
.modal .slide-6{background-image: url(../img/gallery/case-6.jpg);background-position: center 35%;transform: scale(-1,1);}
.modal .slide-7{background-image: url(../img/gallery/case-7.jpg);}
.modal .slide-8{background-image: url(../img/gallery/case-8.jpg);}
.modal .slide-9{background-image: url(../img/gallery/case-9.jpg);}
.modal .work-swiper-button-prev, .modal .work-swiper-button-next{top: 45%;width: 50px;height: 50px;position: absolute;z-index: 10;}
.modal .work-swiper-button-next{right: 0}
.modal .work-swiper-button-prev{left: 0}
.modal .work-swiper-button-next svg{float: right;}
.modal .work-swiper-button-prev svg, .modal .work-swiper-button-next svg{height: 50px;transition: 0.5s}
.modal .work-swiper-button-prev path, .modal .work-swiper-button-next path{transition: 0.5s}
.modal .work-swiper-button-prev:hover path, .modal .work-swiper-button-next:hover path{fill: #fff}
.modal .js-close-modal{width:25px;height:25px;font-size: 46px;color: #fff;position: absolute;right: 5px;z-index: 100;top: 20px;background-image: url(../img/close.svg);background-size: contain;background-position: center;background-repeat: no-repeat;}
.modal .js-close-modal:hover{transform: rotate(180deg);}
.modal .swiper-button-disabled svg{opacity: .5}

#feed{padding: 130px 0;background-color: #f1f1f1;position:relative;}
#feed h1{text-align: center;margin-bottom:80px;}
#feed .review {background: #FEFEFE;background-image: url('../img/review_background.png');background-size:cover;
border: 1px solid #A46534;
box-sizing: border-box;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 5px;
padding:25px;
margin-top:10px;
}
#feed .review .review-head {display:inline-flex;}
#feed .review .review-head .reviewer-name p {
	font-size: 18px;
	margin-left:18px;
	font-weight: 500;
}
#feed .review .review-head .reviewer-avatar img{
	width:45px;
	height:45px;

}
#feed .review .review-body img {
	width:100px;
	height:auto;
}
#feed .review .review-body p {
	font-size:15px;
}
#feed .review-button {
	background: #FFFFFF;
border: 1px solid #CCCCCC;
box-sizing: border-box;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 32px;
padding:10px;
}
#feed #review-buttons {
margin-top:50px;
}
#feed #review-buttons a:hover > .review-button {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
#feed .review-button {
	background: #FFFFFF;
border: 1px solid #CCCCCC;
box-sizing: border-box;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 32px;
padding:10px;
}
#feed .section-number{margin-top: 180px;top:unset;}
#feed .section-subscribe{margin-top: 150px;top:unset;}

#contact{background-image: url(../img/IMG_0577.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;position:relative;}
#contact .container{width: 100%;padding:80px 15% 100px 15%;background-color: rgba(0,0,0,0.7);}
#contact h1{font-size: 35px;}
#contact h1:before{content: unset;}
#contact h1:after{margin-top: 20px;}
#contact ul{list-style-type: none;color: rgba(255,255,255,0.7);padding:0;padding-top: 15px}
#contact ul li{font-size: 16px;margin-top: 30px}
#contact ul li a{color: rgba(255,255,255,0.7);}
#contact ul p{font-size: 18px;text-transform: uppercase;color: #a46534;}
#contact .borders{margin-left: 15px;margin-top: 40px;width: 220px}
#contact .borders:before{margin-top: 0px}
#contact .borders:after{margin-left: 185px;margin-top: -65px}
#contact .borders:hover:before{margin-top: 50px}
#contact .borders:hover:after{margin-left: 135px}
#contact .left-block .fa-instagram{margin-left: 10px;}
#contact .ico-link{color: #a46534;font-size: 20px;}
#contact .zay-btn{padding: 15px 0}
#contact .left-block{padding: 20px 15px;}
#contact .form-block{padding: 20px 15px;}
#contact .form-block h1{color: rgba(255,255,255,0.9);line-height:43px;}
#contact .form-block h1:after{content: unset;}
#contact input, #contact textarea{outline: none;padding: 10px 0;border-bottom:1px solid rgba(255,255,255,0.7) !important;width: 75%;margin: 40px auto;display:block;background-color: transparent;border: none;color: rgba(255,255,255,0.9)}
#contact input::placeholder, #contact textarea::placeholder{color: rgba(255,255,255,0.7)}
#contact textarea{max-height: 120px;min-height: 120px;max-width: 75%;min-width: 75%}
#contact .form-block .zay-btn{padding: 15px 80px;background-color: #a46534;border-bottom: none !important;width: auto;float: left;margin-left: 12.5%;margin-top:0;}
#contact .form-block h1 u{color: #a46534 !important;text-decoration: none;position: relative}
#contact .form-block h1 u a {color:#a46534;}
#contact .form-block h1 u:after{content: "";position: absolute;width: 100%;height: 1.5px;background-color: #a46534;bottom: 1px;left: 0}
#contact .form-block .inst-photo{width: 60%;margin-top: 50px;}
#contact .form-block .inst-photo img{width: 100%;}
#contact .form-block .inst-photo .overlay{width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);opacity: 0}
#contact .form-block .inst-photo .overlay:hover{opacity: 1}
#contact .form-block .inst-photo .caption{display: flex;height: 60px}
#contact .form-block .inst-photo .ico{background-color: #a46534;color: #fff;width: 25%;margin:0;font-size: 50px;}
#contact i{transition: 0.5s}
#contact .form-block .inst-photo .ico:hover i{color: #000}
#contact .form-block .inst-photo .inst-link{color: #000;background-color: #fff;padding: 10px;width: 75%;margin:0;font-size: 18px;-webkit-justify-content: left !important;justify-content: left !important}
#contact .form-block .inst-photo .inst-link, #contact .form-block .inst-photo .ico{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#contact .left-block i:hover{color: #fff}
#contact .section-number{margin-top: 260px;top:unset;}
#contact .section-subscribe{margin-top: 230px;top:unset;}

#map iframe{margin-bottom: -10px;width:100%;height:400px;}
#map .container{width: 100%;padding:0;margin-bottom: -10px}
#map .copy{width: 100%;padding: 10px 5%;background-color: #171717;position: relative;height: 60px;}
#map h5, #map ul{display: inline-flex;color: #dadada;}
#map .policy{color: #dadada;margin-left: 25px;}
#map .policy:hover{text-decoration: underline !important;}
#map ul{position: absolute;right: 5%;font-size: 14px;list-style-type: none;}
#map ul a{color: #dadada}
#map ul li{margin: 10px;}
#map ul li .fa{margin-right: 5px;color: #a46534}
#map ul li:nth-child(2){font-weight: bold;color: #fff}
#map #YMapsID img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}

@media only screen and (min-width: 40em) {
  .modal-overlay {display: flex;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100000;background-color: rgba(0, 0, 0, 0.8);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);}
  .modal-overlay.active {opacity: 1;visibility: visible;}
}
.modal {display: block;align-items: center;justify-content: center;margin: auto;background-color: transparent;max-width: 90rem;padding:50px;min-height: 20rem;max-height: 80%;border-radius: 3px;opacity: 0;overflow-y: auto;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: scale(1.2);transform: scale(1.2);transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);}
.modal .close-modal {position: absolute;cursor: pointer;top: 5px;right: 15px;opacity: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition-delay: 0.3s;}
.modal .close-modal svg {width: 1.75em;height: 1.75em;}
.modal .modal-content {opacity: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition-delay: 0.3s;}
.modal.active {visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.modal.active .modal-content {opacity: 1;}
.modal.active .close-modal {-webkit-transform: translateY(10px);transform: translateY(10px);opacity: 1;}

@media only screen and (max-width: 39.9375em) {
  h1 {font-size: 1.5rem;}
  .modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;-webkit-overflow-scrolling: touch;border-radius: 0;-webkit-transform: scale(1.1);transform: scale(1.1);}
  .close-modal {right: 20px !important;}
}