a,input,button,
button:hover,
button:active{
	outline: none!important;
	cursor: pointer;
}
a:hover{
	text-decoration: none;
}
html{
	font-size: 10px;
	font-family: 'RedRing-Regular';
}

body{
	background: #1A1A1A;
	font-size: 1.4rem;
	font-family: 'RedRing-Regular';
}

h1,h2,h3,h4{
    font-family: 'RedRing-Bold';
    font-weight: normal;
}
h2{
	font-size: 5rem;
	text-align: center;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
input::-webkit-input-placeholder       {opacity: 1; transition: opacity 1s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 1s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 1s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 1s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 1s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 1s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 1s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 1s ease;}
header{
	color: #fff;
	padding: 30px 0 241px;
	background: url('../images/bg_header.jpg') center center;
	background-repeat: no-repeat;
	background-size: cover;
	
    margin: 0 auto;
}
header .container{
	max-width: 1440px;
}
header a{
	color: #fff;
}

header a:hover{
	color: #B3B3B3;
	text-decoration: none;
}

header .adress{
	font-family: 'RedRing-Medium';
	font-size: 3rem;
	padding: 10px 0;
}
header .description{
	padding: 24px 0;
    text-align: center;
}
header .phone_box {
	padding: 11px 0 0;
	text-align: right;
}
header .phone_box .phone{
	font-family: 'RedRing-Medium';
	font-size: 3rem;
	padding: 0;
	color: #fff;
	text-align: right;
}
header .age_mark{
	background: url('../images/18.svg');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 30px;
	max-width: 255px;
    float: right;
    margin-top: 24px;
}
h1{
	max-width: 926px;
    margin: 168px auto -14px;
    text-align: center;
    font-size: 5rem;
    line-height: 6rem;
    color: #fff;
}
.navbar-default{
	background: none;
	border: none;
}
.nav a{
	font-size: 1.8rem;
	font-family: 'RedRing-Bold';
}
.nav > li > a:focus, 
.nav > li > a:hover{
	background-color: transparent;
	color: #B3B3B3;
}
#navbar-main{
	max-width: 1306px;
    margin: 32px auto;
}
.butn-default{
	width: 200px;	
	margin: 0px auto;
	cursor: pointer;
	/*box-shadow: 10px 10px 0 rgba(255,255,255,0.2);*/
}
.butn-default a{
	border: 2px solid #fff;
	font-size: 1.8rem;
	background: transparent;
	display: block;
	width: 200px;
	text-align: center;
	padding: 16px 0;
	cursor: pointer;
}
.butn-default:before{
	content: "";
	display: block;
	background: transparent;
	width: 200px;
	padding: 16px 0;
	left: 10px;
	position: relative;
	top:69px;
	height: 60px;
	transition: 0.5s;
	cursor: pointer;
}
.butn-default:hover{
	cursor: pointer;
}
.butn-default:hover:before{
	background: rgba(255,255,255,0.2);
	transition: 0.5s;
	cursor: pointer;
}
.butn-default.butn-black a{
	border-color: #000;
	color:#000;
}
.butn-default.butn-black:hover:before{
	background: rgba(0,0,0,0.2);
}

/* section */
section{
	max-width: 1230px;
	background: #fff;
	margin:0 auto 50px;
}
section .container
{
	max-width: 1080px;
	margin: 0 auto;
}
section .container .row{
}
/* Преимущество */
.preimuchestva{
	background: #fff;
	padding-bottom: 57px;
}
.preimuchestva h2{
	font-size: 5rem;
	text-align: center;
	margin: 96px auto 80px;
}
.preimuchestva img{
	max-width: 73px;
	height: 50px;
}
.preimuchestva p{
	font-size: 1.8rem;
    line-height: 2.1rem;
    margin-top: 17px;
    letter-spacing: 0.02rem;
}
.preimuchestva_box{
	max-width: 210px;
    min-height: 155px;
    margin: 17px auto;
}

/* Искусные мастерицы */
.master{
	padding: 70px 0 100px;
}
.master .row{
	max-width: 960px;
	margin: 0 auto;
}
.master h2{
	font-size: 5rem;
	text-align: center;
	margin-bottom: 55px
}
.master .col-md-3{
	margin-top: 33px;
	margin-bottom: 0px;
	cursor: pointer;
}

.master .col-md-3:hover img
	{
		-webkit-filter: blur(2px);
	    filter: blur(2px);
	    filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius='2'); 
	}
.master .col-md-3:hover .master_img:before{
	display: block;
	content: "";
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: url('../images/wolf_look.png') no-repeat center center;
	z-index: 2;
	}
.master_img{
	max-height: 315px;
	overflow: hidden;
	position: relative;
}
.master p{
	font-size: 1.8rem;
	font-family: 'RedRing-Medium';
	text-align: center;
	/*margin-top: -38px;*/
	color: #fff;

	position: absolute;
    bottom: 10px;
    display: block;
    text-align: center;
    width: 100%;
}
.master .butn-default a{
	margin-top: 2px;
	border-color: #000;
	color:#000; 
}
.master .butn-default:hover:before{
	background: rgba(0,0,0,0.2);
	transition: 0.5s;
}
.find-master{
	text-align: center;
	margin: 73px 0 0;
	font-size: 2rem;
}
.find-master a{
	color:#000;
}
.hidebox,.hidebox1,.hidebox2,.hidebox3{
	display: none;
}
/* relax */
#relax{
	padding-top: 70px;
	padding-bottom: 100px;
}
#relax .row{
	margin:0 auto;
	max-width: 961px;
}
#relax h2{
	margin-bottom: 75px;
	text-align: center;
}
#relax h3{
	font-size: 1.8rem;
	font-family: 'RedRing-Medium';
}
#relax p{
	font-size: 1.4rem;
	height: 201px
}
#relax .price{
	font-size: 3rem;
	font-family: 'RedRing-Medium';
}
#relax .time{
	font-size: 1.6rem;
	line-height: 1.3rem;
}
#relax .col-md-6{
	margin-top: 15px;
	margin-bottom: 15px;
}
.relax1{
	background: url('../images/relax1.jpg') center center no-repeat;
}
.relax2{
	background: url('../images/relax2.jpg') center center no-repeat;
}
.relax3{
	background: url('../images/relax3.jpg') center center no-repeat;
}
.relax4{
	background: url('../images/relax4.jpg') center center no-repeat;
}
.relax5{
	background: url('../images/relax5.jpg') center center no-repeat;
}
.relax6{
	background: url('../images/relax6.jpg') center center no-repeat;
}
.relax7{
	background: url('../images/relax7.jpg') center center no-repeat;
}
.relax8{
	background: url('../images/relax8.jpg') center center no-repeat;
}
.relax_box{
	background-size: cover;  
	color:#fff;
	overflow: hidden;
	height: 350px;
	padding: 0px 20px;
}
.relax_box .col-md-6 {
	padding: 0;
}
.btn-relax{
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	margin-top: 5px;
	width: 125px;
	padding: 15px 0;
	text-align: center;
}
.btn-relax:hover,
.btn-relax:focus,
.btn-relax:active
{
	background: #fff;
	color: #000;
	text-decoration: none;
}
#relax .butn-default{
	margin-top:-14px;
}

/* Уютный интерьер */
.interer{
	padding-bottom: 100px;
}
.interer h2{
	margin: 90px 0 75px;
}
.interer .row{
	margin: 0 auto;
	max-width: 960px;
}
.interer_box{
	height: 250px;
	margin: 15px 0;
	overflow: hidden;
}
.interer .butn-default{
	margin-top: -16px;
}

/* Шашлычная зона */
.shashlik
{
    padding-bottom: 90px;
    background: url('../images/grilblack.jpg') no-repeat bottom center;
    background-size: cover;
    color: #fff;
}
.shashlik h2 {
    margin: 90px 0 45px;
}
.shashlik p
{
	font-size: 3rem;
	max-width: 825px;
    margin: 0 auto;
}

/* Отзывы */
.otziv{
	padding-bottom: 83px;
}
.otziv .row{
	margin: 0 auto;
	max-width: 962px;
}
.otziv h2{
	margin: 90px 0 75px;
}
.otziv_item{
	border: 2px solid #B3B3B3;
	padding: 22px 26px 15px;
	margin: 15px 0;
}
.otziv_name {
	font-size: 1.8rem;
	font-family: 'RedRing-Medium';
	margin-bottom: 10px;
}
.otziv_text{
	font-size: 1.4rem;
	height: 75px;
}
/* Вакансии */
#vacancy{
	padding: 100px 0;
}
#vacancy h2 {
    color: #000;
    font-size: 4rem;
    font-family: RedRing-Regular;
}
#vacancy a{
	color: #000;
    font-family: RedRing-Bold;
    padding-top: 20px;
    display: block;
    font-size: 5rem;
}
/* Контакты */
.contact{
	margin-bottom: 0;
}
.contact h2{
	margin: 87px 0 38px;
}
.contact_box{
	max-width: 930px;
	margin: 0 auto;
	border: 2px solid #000;
	padding: 20px;
	clear: both;
	height: 100px;
	background: #fff;
	margin-bottom: -50px;
	box-shadow: 10px 10px 0px rgba(0,0,0,0.2);
	position: relative;
    z-index: 999;
}
.contact_box .col-sm-3{
	padding: 0;
}
.contact_phone_box{
	max-width: 210px;
	margin: 0 auto;
}
.contact_phone{
	font-size: 1.8rem;
	display: block;
	color: #000;
	background: url('../images/phone.svg') no-repeat center left;
	background-size: 16px;
	padding: 11px 0px 10px 19px;
    margin-top: 5px;
}
.contact_adress{
	font-size: 1.8rem;
	color: #000;
	background: url('../images/metka.svg') no-repeat center left;
	background-size: 13px;
	max-width: 205px;
	margin: 0 auto;
	padding: 15px 0 15px 18px;
}
.contact_job{
	font-size: 1.4rem;
	background: url('../images/time.svg') no-repeat center left;
	background-size: 15px;
	max-width: 186px;
	margin: 0 auto;
	padding: 17px 0 15px 20px;
}
.btn_contact{
	font-size: 1.5rem;
	/*border: 2px solid #000;*/
	width: 170px;
	margin: 0 auto;
	padding: 0;
	display: block;
	text-align: center;
	color: #000;
}
.btn_contact a{
	border: 2px solid #000;
	font-size: 1.8rem;
	background: transparent;
	display: block;
	width: 200px;
	text-align: center;
	padding: 14px 0;
	cursor: pointer;
	color:#000;
}
.btn_contact:before{
	content: "";
	display: block;
	background: transparent;
	width: 200px;
	padding: 16px 0;
	right: -12px;
	position: absolute;
	top:7px;
	height: 60px;
	transition: 0.5s;
	cursor: pointer;
}
.btn_contact:hover{
	cursor: pointer;
}
.btn_contact:hover:before{
    background: rgba(0,0,0,0.2);
	transition: 0.5s;
	cursor: pointer;
}
.map{
	min-height: 600px;
}
.map iframe{
	margin-bottom: -5px;
}
.map ymaps[class*="map-ru"] {
    background: transparent;
}

.map ymaps[class*="controls__toolbar"],
.map ymaps[class*="controls__control"],
.map ymaps[class*="islets_gotoymaps"],
.map ymaps[class*="copyright__content"] {
   display: none;
}

.map ymaps[class*="ground-pane"] {
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
   -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.map ymaps[class*="islands_icon"] {
    background: url(../images/locat.png) center center no-repeat !important;
    background-size: cover !important;
    width: 35px !important;
    height: 51px !important;
}
/* footer */
.footer{
	padding: 40px 0;
}
.footer .container{
	max-width: 1200px;
}
.footer .copyrate{
	font-size: 1.6rem;
	color: #999999;
}
.whitelink {
	text-align: center;
}
.whitelink a{
	color: #fff;
	text-decoration: underline;
	font-size: 1.6rem;
}
.visa{
	text-align: right;
	color:#999999;
}

/* modl settings*/
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0,0,0,0.7);
}

/* modal zoom */
.modal-content{
	background-color: transparent;
	box-shadow: none;
	border: none;
}
.modal-body {
    position: relative;
    padding: 50px;
}
.modal.in .modal-dialog{
	box-shadow: none;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    height: 100%;
    width: 1000px;
}
.modal.in .modal-dialog img{
	margin:0 auto;
}
.modal.in .modal-dialog .close{
	opacity: 1;
    position: relative;
    z-index: 1;
}
.modal.in .modal-dialog .close:hover{
	opacity: 0.7;
}

/* master modal */
#master_modal .modal-body .col-md-6{
	padding: 0;
	min-width: 464px;
}
.form_master .text-center{ 
	color: #fff;
}
#master_modal .modal-body .col-md-6 .col-sm-3{
	padding: 0 7px;
	overflow: hidden;
	text-align: center;
	height: 112px;
	width: 116px;
	margin-bottom: 14px;
}
#master_modal .modal-body .col-md-6 > img:first-child{
	padding: 0 7px;
	width: 100%;
	margin-bottom: 25px;
	height: auto;
    max-height: 545px;
    max-width: 460px;
}
#master_modal .modal-body .col-md-6 .col-sm-3 .master_img_box_bg{
	display: block;
	height: 100%;
	width: 100%;
	background-size: cover!important;
	background-position: center center!important;
	background-repeat: no-repeat!important;
}
#master_modal .modal-dialog{
	width: 1000px;
}
.master_text
{
	width: 237px;
    margin: 0 auto;
}
.master_text h2{
	color: #fff;
	font-size: 5rem;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 48px;
}
.master_text .master_text_label{
	font-size: 1.8rem;
	color: #fff;
	margin-bottom: 16px; 
}
.master_text .master_text_label span{
	font-size: 3rem;
	font-family: 'RedRing-Medium';
	display: block;
	line-height: 35px;
}
.master_text .btn-relax{
	margin:35px 0;
	float: left!important;
	width: 200px;
	font-size: 1.8rem;
	padding: 16px 0;
}
.master_text .btn-relax:hover{
	color: #000;
	background: #fff;
}
.form_master input.phone-input,
.form_master input.name-input{
	background: none;
    border: none;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    font-size: 1.8rem;
    margin-top: 13px;
    padding: 10px 0;
}
.form_master{
	display: none;
}
.form_master .btn-relax{
	background: transparent;
} 
.form_lead{
	color: #fff;
}
#lead_modal .modal-dialog,
#lead_modal .modal-content{
	width: 100%;
    max-width: 935px;
    text-align: center;
}
.form_lead p{
	font-size: 3rem;
    letter-spacing: 0.05rem;
}
.form_lead input{
	background-color: transparent;
    display: block;
    width: 100%;
    max-width: 690px;
    border: none;
    border-bottom: 1px solid;
    text-align: center;
    font-size: 1.4rem;
    margin: 25px auto;
    padding: 20px 0;
}
.form_lead form
{
	margin: 83px 0;
}
.btn-form
{
	margin: 76px 0 0 0;
    background: transparent;
    width: 200px;
    padding: 18px 0;
    font-size: 1.8rem;
}
input.error,
.form_master input.phone-input.error, 
.form_master input.name-input.error{
	color:red;border-color:red;
}
.logo{
    margin: 0px auto;
}
#pravila_modal,
#politics_modal{
	color: #fff;
}
#pravila_modal h2,
#politics_modal h2
{
	    margin-bottom: 40px;
}
.pryat {
    display: none;
    opacity: 0;
}
#politics_modal .modal-dialog{
	max-width: 800px;
	margin: 0 auto;
}