@font-face {
	font-family: 'Bandera Pro Bold';
	src: url('/tpl/main/fonts/BanderaPro/BanderaProBold.eot');
	/*src: local('Bandera Pro Bold'), url('/tpl/main/fonts/BanderaPro/banderapro-bold-webfont.woff') format('woff');
	src: local('Bandera Pro Bold'), url('/tpl/main/fonts/BanderaPro/banderapro-bold-webfont.ttf') format('truetype')*/
	src: url('/tpl/main/fonts/BanderaPro/BanderaProBold.woff') format('woff'),
	url('/tpl/main/fonts/BanderaPro/BanderaProBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;

}
@font-face {
	font-family: 'Bandera Pro Medium';
	src: url('/tpl/main/fonts/BanderaPro/BanderaProMedium.eot');
	/*src: local('Bandera Pro Medium'), url('/tpl/main/fonts/BanderaPro/banderapromedium-webfont.woff') format('woff');
	src: local('Bandera Pro Medium'), url('/tpl/main/fonts/BanderaPro/banderapromedium-webfont.ttf') format('truetype')*/
	src: url('/tpl/main/fonts/BanderaPro/BanderaProMedium.woff') format('woff'),
	url('/tpl/main/fonts/BanderaPro/BanderaProMedium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: DINCondensedC;
	src: local(DINCondensedC), url('/tpl/main/fonts/DINCondensedC/DINCondensedC.woff') format('woff');
	src: local(DINCondensedC), url('/tpl/main/fonts/DINCondensedC/DINCondensedC.ttf') format('truetype')

}
/**
 * не активные элементы в большой версии
 */
.headMob{display: none}

.before:before, .after:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}
.bg_i{background: url("/tpl/main/img/bg_i.png") no-repeat 0 0}
.db{display: block}
.dn{display: none}
.dib{display: inline-block}
.fl{float:left}
.fr{float: right}
.p_rel{position: relative}
.p_abs{position: absolute}
.p_fix{position: fixed;}


/*body{overflow-x: hidden}*/
.page{
	width: 100%;
	min-height: 100%;
	right: 0!important;
	margin: 0;
	padding: 0;
}




.navigation{
	top: 0;
	width: 228px;
	height: 100%;
	float: left;
	position: fixed;
	overflow-y: auto;
	/*overflow-y: scroll;*/
	overflow-x: hidden;
	background: #fff url('/tpl/main/img/bg_menu.png') no-repeat 0 13px;
}

.navigation .citySelect{
	width: 100%;
	height: 62px;
	background: #000
}
.navigation .citySelect form{
	top:17px;
	left: 18px;
	width: 210px
	/*margin-left:21px;*/
}
.navigation .citySelect form button{
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 5px 5px 3px;
	color: #a79254;
	font-size: 16px;
	line-height: 16px;
	background: none;
	font-family: DINCondensedC;
	border: 2px solid #000;
	text-transform: uppercase
}
.navigation .citySelect form button.active{
	border: 2px solid #ed1c24
}
.navigation a.logo{
	width: 178px;
	height: 142px;
	margin: 43px 0 74px 21px
}
.navigation a.logo img{width: 100%}
.navigation ul{
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-family: 'Bandera Pro Medium'
}
.navigation ul li{padding-bottom: 25px}
.navigation ul a{
	color: #000;
	text-decoration: none
}
.navigation .menu .foot{
	width: 100%;
	margin: 50px 0 0;
	color: #a79254;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	font-family: 'Bandera Pro Bold'
}
.navigation .menu .foot .social{
	width: 46px;
	height: 46px;
	margin: 0 12px 34px 0
}
.navigation .menu .foot .social img{width: 100%}
.navigation .menu .foot .social.fb{margin-left: 54px}
.navigation .menu .foot .social.ig{background-position: -46px 0}




.mainContent{
	width: 100%;
	height: 100%;
	z-index: -10;
	padding-left: 228px;
	box-sizing: border-box;
	animation: 2s ease-in-out 0s normal none 1 running fadein
}
.mainImage{
	width: 100%;
}
.threeSizeImage{
	width: 33.3%;
}
.twoSizeImage{
	width: 50%;
}
.mainContent img{
	width: 100%;
	height: auto;
	border: 0;
	vertical-align: middle;
	transition: all 1s ease-in-out 0s;
}
.instaText{
	width: 100%;
	height: 100px;
	color: #a79254;
	font-size: 42px;
	line-height: 100px;
	text-align: center;
	text-decoration: none;
	font-family: 'Bandera Pro Medium'
}

.mainContent .menu{
	width: 100%;
	height:100vh;
	position: relative;
	overflow-x: scroll;
	box-sizing: border-box;
	/*padding:63px 167px 63px 145px;*/
	background: url("/tpl/main/img/bg_board.jpg") no-repeat;
	-moz-background-size:cover;
	-o-background-size:102% auto;
	-webkit-background-size:102% auto;
	-khtml-background-size:cover;
	background-size: cover;
}
.mainContent .franchise{
	width: 100%;
	height:100vh;
	position: relative;
	overflow-x: scroll;
	box-sizing: border-box;
	/*padding:0 167px 63px 145px;*/
	background: url("/tpl/main/img/bg_board.jpg") no-repeat;
	-moz-background-size:cover;
	-o-background-size:102% auto;
	-webkit-background-size:102% auto;
	-khtml-background-size:cover;
	background-size: cover;
}
/*.mainContent .menu img, .mainContent .franchise img{display:block;width: 762px; margin:0 auto}*/
.mainContent .menu img, .mainContent .franchise img{
	width: 750px;
	position: absolute;
	top: 63px;
	left: 50%;
	margin-left: -375px;
}
.mainContent .franchise img{top:155px}
.textBlack{
	width: 100%;
	font-size: 28px;
	line-height: 1.2;
	color: #fff;
	font-family: DINCondensedC;
	background: #000;
	text-transform: uppercase
}
.mainContent .franchise .textBlack{height: 155px}
.textBlack p{padding:61px 173px 28px 40px}
.textBlack p.openBurger{
	width: 270px;
	padding: 61px 0 28px 58px
}
.textBlack p.otdel{
	width: 270px;
	padding: 61px 0 28px 70px
}
.textBlack p a{color: #ed1c24;text-decoration:none}
#map{width:100%;height: 456px;}
.mainContent .citySelect{
	width: 400px;
	height: 53px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 53px;
	font-weight: bold;
	font-family: 'Bandera Pro Bold'
}

.mainContent form button{
	height: 53px;
	padding: 0 0 0 20px;
	border: none;
	cursor: pointer;
	background: transparent;
	font-size: 20px;
	line-height: 53px;
	font-weight: bold;
	font-family: 'Bandera Pro Bold'
}
.mainContent form button.active{color:#ed1c24}

.mainContent .place{
	width: 49%;
	height: 630px;
	float: left;
}
.mainContent .placeSpace{
	width: 2%;
	height: 630px;
	float: left;
}
.mainContent .placeImg{
	width: 100%;
	height: 425px;
	box-sizing: border-box;
	background-size: cover;
	background-position: center center;
	margin-bottom: 35px
}
.mainContent .descr p{
	line-height: 1.3;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	font-family: 'Bandera Pro Medium'
}
.mainContent .descr p.title{font-family: 'Bandera Pro Bold'}

.mainContent .place p.new{color: #ed1c24}
.mainContent .place p.phone{padding-top: 20px}
.mainContent .place p.phone a{color:#000;text-decoration: none}
.mainContent .place p span{color: #ed1c24}

.career{
	background: #000
}
.career .text{
	width: 300px;
	float: left;
	padding: 210px 30px 0;
	color: #fff;
	font-size: 28px;
	text-transform: uppercase;
	font-family: DINCondensedC
}
.career .text p.grey{
	padding:43px 0;
	color: #888888;
}
.career .text .red{display:block;padding:43px;color:#ed1c24}
.career .povar{
	margin-left: 360px;
	height:100vh;
	box-sizing: border-box;
	-moz-background-size:cover;
	-o-background-size:102% auto;
	-webkit-background-size:102% auto;
	-khtml-background-size:cover;
	background-size: cover;
}

@media (max-width: 980px){
	.mainContent .menu, .mainContent .franchise{min-width:762px;padding-right:0;padding-left:0}
	.mainContent .menu img{left:0;margin-left:0}
	.mainContent .franchise img{top:155px;left:0;margin-left:0}
}
/*@media only screen and (min-device-width : 320px)
and (max-device-width : 800px)*/
/*@media (max-width: 980px)*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px)
{
	/**
	 * Не активные элементы
	 */
	.navigation .menu{display: none}
	/**
	 * Стили основных элементов
	 */
	.mainContent{padding: 0}
	.mainImage{width: 100%}
	.threeSizeImage{width: 50%}
	.none{display: none}
	.twoSizeImage{width: 100%}

	.navigation{
		width: 100%;
		height: 253px;
		float: none;
		position: relative;
		background: none;
	}
	.headMob{
		height: 132px;
		width: 100%;
		z-index: 10;
		display: block;
		background: #fff;
	}
	.headMob a.logo{
		top:41px;
		left: 57px;
		width: 416px;
		height: 62px;
		margin: 0;
		background-position: 0 -188px
		/*margin: 41px 0 0 57px;*/
	}
	.headMob .menuBtn{
		top: 47px;
		right: 51px;
		width: 54px;
		height: 41px;
		border: none;
		cursor: pointer;
		background-position: -92px 0
	}
	.headMob .menuBtn.close{
		background-position: -1000px -1000px
	}
	.menuMob{
		top: 0;
		right: 0;
		width: 604px;
		background: #fff;
		position: fixed;
		overflow-x: hidden;
		overflow-y: scroll;
		height: 100%;
		text-align: center;
		width: 100%;
	}
	.menuMob .bbb{
		width: 400px;
		height: 318px;
		margin: 0 auto;
		padding: 70px 0 100px;
	}
	.menuMob .bbb img{width: 100%}
	.menuMob ul{
		font-size: 48px;
		font-family: 'Bandera Pro Bold';
	}
	.menuMob ul li{padding-bottom: 80px}
	.menuMob ul li a{
		color: #000;
		text-decoration: none
	}
	.menuMob .foot{
		width: 100%;
		margin: 220px auto 210px;
		color: #a79254;
		font-size: 45px;
		text-align: center;
		font-weight: bold;
		font-family: 'Bandera Pro Bold'
	}
	.menuMob .foot div{width: 323px;margin: 0 auto}
	.menuMob .foot .social{
		width: 144px;
		height: 142px;
		margin: 0 0 80px;
	}
	.menuMob .foot .social.fb{margin-right: 35px}
	.menuMob .foot .social img{width: 100%}
	.menuMob .foot .social.fb{background-position: 0 -46px}
	.menuMob .foot .social.ig{background-position: -144px -46px}

	.navigation .citySelect{
		height: 121px;
	}
	.navigation .citySelect form {
		top:22px;
		left: 55px;
		width: 100%;
		/*margin-left: 55px;
		padding-top: 15px;*/
	}
	.navigation .citySelect form button{
		height: 78px;
		margin-right: 50px;
		padding: 20px 20px 18px;
		font-size: 44px;
		line-height: 1;
		font-family: DINCondensedC;
	}
	.textBlack p{
		padding:61px 55px 28px;
	}
	.mainContent .citySelect{
		width: 580px;
		height: 80px;
		text-align: center;
		line-height: 80px;
	}

	.mainContent form button{
		font-size: 30px;
		line-height: 80px;
	}
	.mainContent form button.active{color:#ed1c24}
	.mainContent .citySelect p{font-size: 30px}
	.mainContent .place{width: 100%}
	.mainContent .placeSpace{display: none}
	.mainContent .descr p{font-size: 25px;}
	.mainContent .menu, .mainContent .franchise{background: 0;padding: 0;height: 100%}
	.mainContent .menu img, .mainContent .franchise img{width: 100%;position: relative; top:0;left:0}
	.career .text{
		width: auto;
		float: none;
		padding: 61px 55px 28px
	}
	.career .povar{margin: 0}
	.career .text a.red{padding:43px 0;color:#ed1c24}
}
/**
 *  iPad
 */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
{
	/**
	 * Не активные элементы
	 */
	.navigation .menu{display: none}
	/**
	 * Стили основных элементов
	 */
	.mainContent{padding: 0}
	.mainImage{width: 100%}
	.threeSizeImage{width: 50%}
	.none{display: none}
	.twoSizeImage{width: 100%}

	.navigation{
		width: 100%;
		height: 253px;
		float: none;
		position: relative;
		background: none;
	}
	.headMob{
		height: 132px;
		width: 100%;
		z-index: 10;
		display: block;
		background: #fff;
	}
	.headMob a.logo{
		top:41px;
		left: 57px;
		width: 416px;
		height: 62px;
		margin: 0;
		background-position: 0 -188px
		/*margin: 41px 0 0 57px;*/
	}
	.headMob .menuBtn{
		top: 47px;
		right: 51px;
		width: 54px;
		height: 41px;
		border: none;
		cursor: pointer;
		background-position: -92px 0
	}
	.headMob .menuBtn.close{
		background-position: -1000px -1000px
	}
	.menuMob{
		top: 0;
		right: 0;
		width: 604px;
		background: #fff;
		position: fixed;
		overflow-x: hidden;
		overflow-y: scroll;
		height: 100%;
		text-align: center;
		width: 100%;
	}

	.menuMob .bbb{
		width: 400px;
		height: 318px;
		margin: 0 auto;
		padding: 70px 0 100px;
	}
	.menuMob .bbb img{width: 100%}
	.menuMob ul{
		font-size: 48px;
		font-family: 'Bandera Pro Bold';
	}
	.menuMob ul li{padding-bottom: 80px}
	.menuMob ul li a{
		color: #000;
		text-decoration: none
	}
	.menuMob .foot{
		width: 100%;
		margin: 220px auto 210px;
		color: #a79254;
		font-size: 45px;
		text-align: center;
		font-weight: bold;
		font-family: 'Bandera Pro Bold'
	}
	.menuMob .foot div{width: 323px;margin: 0 auto}
	.menuMob .foot .social{
		width: 144px;
		height: 142px;
		margin: 0 0 80px;
	}
	.menuMob .foot .social.fb{margin-right: 35px}
	.menuMob .foot .social img{width: 100%}
	.menuMob .foot .social.fb{background-position: 0 -46px}
	.menuMob .foot .social.ig{background-position: -144px -46px}

	.navigation .citySelect{
		height: 121px;
	}
	.navigation .citySelect form {
		top:22px;
		left: 55px;
		width: 100%;
		/*margin-left: 55px;
		padding-top: 15px;*/
	}
	.navigation .citySelect form button{
		height: 78px;
		margin-right: 50px;
		padding: 20px 20px 18px;
		font-size: 44px;
		line-height: 1;
		font-family: DINCondensedC;
	}
	.textBlack p{
		padding:61px 55px 28px;
	}
	.mainContent .citySelect{
		width: 580px;
		height: 80px;
		text-align: center;
		line-height: 80px;
	}

	.mainContent form button{
		font-size: 30px;
		line-height: 80px;
	}
	.mainContent form button.active{color:#ed1c24}
	.mainContent .citySelect p{font-size: 30px}
	.mainContent .place{width: 100%}
	.mainContent .placeSpace{display: none}
	.mainContent .descr p{font-size: 25px;}
	.mainContent .menu, .mainContent .franchise{background: 0;padding: 0;height: 100%}
	.mainContent .menu img, .mainContent .franchise img{width: 100%;position: relative; top:0;left:0}
	.career .text{
		width: auto;
		float: none;
		padding: 61px 55px 28px
	}
	.career .povar{margin: 0}
	.career .text a.red{padding:43px 0;color:#ed1c24}
}