.bghel {
    background-color: #5b3917 !important;
    background-image: url(/img/backgrounds/header-inner.jpg) !important;
    background-position: center top !important;
    background-repeat: repeat !important;
}
header.page__header {
    margin: 0;
    padding: 0 !important;
}
.data {
    /*width: 85%;*/
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.grid {
    overflow: hidden;
}
.column {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.column-left {
    float: left;
    margin-right: 2%;
}
.column-33 {
    width: 32%;
}
.header-item-left {
    text-align: left;
}
.header-inner .header-part {
    padding: 31px 0 0 0;
}
.button {
    display: table;
    margin: 0 10px 10px 0;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.button-header {
    display: inline-table;
    vertical-align: top;
}
.button.light-border {
	width: 200px;
    height: 37px;
    font-family: 'CharterC';
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    color: #fff3db;
    text-shadow: 0px -1px 0px rgba(72, 41, 9, 0.38);
    text-decoration: none;
    text-transform: uppercase;
    color: #493011 !important;
    text-shadow: none;
    /*background: url(/img/buttons/light-border/hover/center.png) left center repeat-x;*/
}
#callbackbutton.button-text{
    margin-top: 9px;
}
.button::before, .button::after {
    display: block;
    content: "";
    width: 10px;
    position: absolute;
    top: 0;
}
.button::before {
    left: -10px;
}
#button-menu-close::before, #button-menu-close::after {
    height: 38px;
}
.button.light-border::before, .button.light-border::after {
    height: 37px;
}
#button-menu-close::before, .button.light-border::before {
/*    background: url(/img/buttons/light-border/hover/left.png) right center no-repeat;*/
}
#button-menu-close::after, .button.light-border::after {
/*	background: url(/img/buttons/light-border/hover/right.png) left center no-repeat;right: -10px;*/
}
#button-menu .button-text {
    padding-left: 25px;
    background: url(/img/icons/bars-hover.png) 65px center no-repeat;
    margin-top: 10px;
}
#button-menu {
    width: 120px;
	width: 200px;
    text-align: center;
}
#button-menu.button-menu-mobile {
    display: none;
}
.column {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.column-left {
    float: left;
    margin-right: 2%;
}
.column-33 {
    width: 32%;
}
.header-inner .header-logo {
    display: block;
    width: 236px;
    height: 70px;
    margin: 11px auto 0 auto;
    background-image: url(/img/logos/header-inner.png);
    background-position: center top;
    background-repeat: no-repeat;
}
.grid {
    overflow: hidden;
}
.phone-single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.header-inner .header-part {
    padding: 31px 0 0 0;
}
.header-inner .header-logo {
    display: block;
    width: 236px;
    height: 70px;
    margin: 11px auto 0 auto;
    background-image: url(/img/logos/header-inner.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.grid {
    overflow: hidden;
}
.phone-single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.header-inner .header-part {
    padding: 31px 0 0 0;
}
.phone{
	display: inline-block;
	margin: 8px 0 0 0;
	padding: 0 0 0 35px;
	text-align: right;
	/*background: url(/img/icons/phone.png) left top no-repeat;*/
}
.phone-single .phone {
	margin-right: 20px;
   /* text-align-last: justify;*/
    text-align: justify;
}
#callbackbutton>div.button-text{
    margin-top: 9px;
}
.button.light-border:hover .button-text{
	border:0;
}
.button.light-border:hover{
	opacity: .85;
}
#menu-window {
    width: 100%;
    overflow: hidden;
    background-color: rgba(70, 45, 13, 0.85);
    position: fixed;
    top: -200%;
    z-index: 5000;
}
#inner a:focus, #inner a:hover {
    color: #f4e0b8;
    text-decoration: none;
}
#button-menu-close:hover {
    opacity: 0.8;
}
.menu-grapheme {
    display: block;
    margin: 20px 0 0 0;
    text-align: center;
}
#inner .menu-grapheme {
    display: block;
    width: 236px;
    height: 70px;
    margin: 11px auto 0 auto;
    background-image: url(/img/logos/header-inner.png);
    background-position: center top;
    background-repeat: no-repeat;
}
#menu-holder{width: 81%}
.column-50 {
    float: left;
    width: 49%;
    margin-right: 2%;
}
#button-menu-close {
    width: 200px;
    height: 38px;
    margin-top: 89px;
    background: url(/img/buttons/light-border/active/center.png) left center repeat-x;
    font-family: 'CharterC';
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    color: #493011;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
#inner #button-menu-close {
    margin-top: 30px;
}
#menu {
    height: auto;
    margin: 0;
    padding-top: 55px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    overflow: hidden;
    list-style-type: none;
    text-align: justify;
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.menu-item {
    display: inline-block;
    height: 80px;
	width: 10%;
}
.menu-item-data {
    display: inline-block;
    font-family: 'CharterC';
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;
    font-style: normal;
    color: #fff8e5 !important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    display: block;
}
.menu-item-icon {
    display: table;
    width: 100%;
}
.menu-item-text {
    display: table;
    width: 100%;
}
.menu-item-icon-holder {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
}
.menu-item-text-holder {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
}
@media screen and (min-width: 1px) and (max-width : 991px) {
	#button-menu.button-menu-desktop{display: none;}
	#button-menu.button-menu-mobile {display: inline-table;}
	.not-scrolling {overflow: hidden;}
}
@media screen and (min-width: 1200px) and (max-width : 1279px) {
	.phone-single {
		-webkit-box-orient: vertical;
	    -webkit-box-direction: reverse;
	    -webkit-flex-direction: column-reverse;
	    -ms-flex-direction: column-reverse;
	    flex-direction: column-reverse;
	    -webkit-box-align: end;
	    -webkit-align-items: flex-end;
	    -ms-flex-align: end;
	    align-items: flex-end;
	}
	.phone-single .phone {
		background-size: 15px;
		margin: 6px 0 0 0;
	}
	.phone-single .phone .phone-number {font-size: 15px;}
	.smallpricecolumn {width:8%;}
	.pricecolumn {width:13%;}
	.header-index .data > .grid > .column-left{width: 36%;}
	.header-index .data > .grid > .column-right{width: 36%;}
	.menu-grapheme{margin: 5px 0 0 0;}
	#button-menu-close{margin-top: 74px;}
	#menu{padding: 55px 0 15px 0;}
}
@media screen and (min-width: 992px) and (max-width : 1199px) {
	#menu-window{
			height: 100%;
	}


	.phone-single {
		-webkit-box-orient: vertical;
	    -webkit-box-direction: reverse;
	    -webkit-flex-direction: column-reverse;
	    -ms-flex-direction: column-reverse;
	    flex-direction: column-reverse;
	    -webkit-box-align: end;
		   -webkit-align-items: flex-end;
		   -ms-flex-align: end;
		  align-items: flex-end;
		}
				.phone-single .phone {
						background-size: 15px;
						margin: 6px 0 0 0;
					}

					.phone-single .phone .phone-number {
						font-size: 15px;
					}
		/* Header */
		.header-index .data > .grid > .column-left{
			width: 32%;
			}
			.menu-button-item{
				width: 100%;
				}
			.weather-item{
				width: 100%;
				}
				.weather{
					margin: 15px 0 0 15px;
					}

		.header-index .data > .grid > .column-right{
			width: 32%;
			}
			.callback-item{
				width: 100%;
				}
			.phone-item{
				width: 100%;
				}

		/* Menu */

		.menu-grapheme{
 			margin: 5px 0 0 0;
			}

		#button-menu-close{
			margin-top: 74px;
			}

		#menu{
		/*	height: 180px;*/
			padding: 55px 0 15px 0;
			overflow: hidden;
			}
			.menu-item{
				display: block;
				width: 20%;
				margin-bottom: 10px;
				float: left;

				text-align: center;
				}
			#menu .stick{
				display: none;
				}
}
@media screen and (min-width: 768px) and (max-width : 991px) {
			.phone-single {
				-webkit-box-orient: vertical;
			    -webkit-box-direction: reverse;
			    -webkit-flex-direction: column-reverse;
			    -ms-flex-direction: column-reverse;
			    flex-direction: column-reverse;
			    -webkit-box-align: end;
			    -webkit-align-items: flex-end;
			    -ms-flex-align: end;
			    align-items: flex-end;
			}

			
			.phone-single .phone {
				background-size: 15px;
						margin: 6px 0 0 0;
			}

			.phone-single .phone .phone-number {
				font-size: 15px;
			}

		/*grid*/
		.column-quater{
			width: 49% !important;
			margin-right: 2% !important;

			float: left !important;
			}
		.column-quater:nth-child(2n){
			margin-right: 0 !important;
			}
			#menu-window{
			height: 100%;

			/* Background */
			background-color: rgba(70, 45, 13, 1.0);
			}
			#menu{
				height: auto;
				padding: 45px 0 15px 0;
				overflow: hidden;
				}
				.menu-item{
					display: block;
					width: 25%;
					margin-bottom: 10px;
					float: left;

					text-align: center;
					}
				#menu .stick{
					display: none;
					}

			#inner .menu-grapheme{
				width: 100%;

				/* Background */
				background-size: contain;
				}
}
@media screen and (min-width: 481px) and (max-width : 767px) {
.header-inner{
			height: auto;
			}
			.header-inner .data > .grid > .header-item-left {
				width: 100%;
			    margin: 0;
			    padding: 0;
			    top: 20px;
			    text-align: center;
			    margin-top: 20px;
			    float: none;


/*				width: auto;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 20px;*/
				}
			.header-inner .phone-single .phone {
			    background: url(/img/icons/phone.png) transparent 15px center no-repeat;
			    margin: 20px 0 20px 0;
			}

			.header-inner .data > .grid > .column:nth-child(2){
				width: 100%;
				margin: 0;
				float: none;
				}
			.header-inner .data > .grid > .header-item-right{
				width: 100%;
				padding: 0 0 20px 0;

				text-align: center;
				}

			.header-inner .header-logo{
				width: 	76px;
				height: 96px;
				margin: 20px auto 20px auto;

				/* Background */
				background-image: url(/img/logos/grapheme.png);
				}

			.phone-single {
				text-align: center;
				margin: 20px 0 0 0;
			}
				.phone-single .phone {
				    display: inline-block;
				    margin: 8px 0 0 0;
				    padding: 0 0 0 35px;
				    text-align: right;
				    background: url(/img/icons/phone.png) rgba(100, 63, 28, 0.85) 15px center no-repeat;
				    padding: 15px 15px 15px 45px;
				}
				.phone-single .phone-number {
					opacity: 1;
				}
			.phone-single {
				-webkit-box-orient: vertical;
			    -webkit-box-direction: reverse;
			    -webkit-flex-direction: column-reverse;
			    -ms-flex-direction: column-reverse;
			    flex-direction: column-reverse;
			    -webkit-box-align: center;
			    -webkit-align-items: center;
			    -ms-flex-align: center;
			            align-items: center;
			}


		.email-modal,
		.spec-modal {
			width: 90%;
		}
		#menu-window{
			height: 100%;

			/* Background */
			background-color: rgba(70, 45, 13, 1.0);
			}
			#button-menu-close{
				margin-top: 19px;
				}

			#menu{
				height: auto;
				padding: 35px 0 15px 0;
				overflow: hidden;
				}
				.menu-item{
					display: block;
					width: 33.3%;
					margin-bottom: 10px;
					float: left;

					text-align: center;
					}
				#menu .stick{
					display: none;
					}

			#inner #button-menu-close{
				margin-top: 19px;
				}

			#inner .menu-grapheme{
				width: 	76px;
				height: 96px;
				margin: 20px auto 0 auto;

				/* Background */
				background-image: url(/img/logos/grapheme.png);
				}

}
@media  screen and (min-width: 321px) and (max-width : 480px) {
/* Header Index */

		.header-index .mobile-logo{
			display: block;
			}
			.header-index .header-mobile-logo{
				display: inline-block;
			    width: 240px;
    			height: 146px;
				margin: 20px 0 0 0;

				/* Background */
				background-image: url(/img/logos/header-index.png);
				background-position: center top;
				background-repeat: no-repeat;
				background-size: contain;
				}

		.header-index .data > .grid > .column-overflow{
			display: none;
			}

		.header-index .data > .grid > .column-left{
			width: 100%;
			margin: 20px 0 0 0;
			}
		.header-index .data > .grid > .column-right{
			width: 100%;
			}
			 .header-index .data > .grid > .column .header-part{
				padding: 0;
				}
				.menu-button-item{
					width: 140px;
					margin: 0 auto;
					float: none;
					text-align: center;
					}
				.weather-item{
					display: none;
					}

				.callback-item{
					display: none;
					}
				.phone-item{
					width: 100%;
					margin: 10px 0 0 0;

					text-align: center;
					}

		/* Header Inner */

		.column-quater {
			width: 100% !important;
			float:none;
			margin-right: 0 !important;
		}

		/* Header */

			.phone-single {
				text-align: center;
				margin: 5px 0 0 0;
			}
				.phone-single .phone {
				    display: inline-block;
				    margin: 8px 0 0 0;
				    padding: 0 0 0 35px;
				    text-align: left;
				  /*  background: url(/img/icons/phone.png) rgba(100, 63, 28, 0.85) 15px center no-repeat;*/
				    padding: 9px 9px 9px 45px;
				}
				.phone-single .phone-number {
					opacity: 1;
					font-size: 18px;
				}
			.header-inner .phone-single .phone {
			   /* background: url(/img/icons/phone.png) transparent 15px center no-repeat;*/
			   /* background: url(/img/icons/phone.png) transparent 20px 10px no-repeat;*/
			    margin: 20px 0 20px 0;
				color:#fff3db;
			}
			.sf-title-container {
				font-size: 16px;
			}
/* Menu */

		#menu-window{
			height: 100%;

			/* Background */
			background-color: rgba(70, 45, 13, 1.0);
			}
			#menu-window #menu-bar > .grid > .column-left:nth-child(1),
			#menu-window #menu-bar > .grid > .column-left:nth-child(2){
				width: 100%;
				margin: 20px 0 0 0;
				}
				#menu-window #menu-bar > .grid > .column-left .column-50{
					/*width: 140px;*/
					width: 220px;
					margin: 0 auto;
					float: none;
					}
				.menu-grapheme{
					margin-top: 0;
					}
				#button-menu-close{
					margin-top: 0;
					}

			#menu{
				height: auto;
				padding: 20px 0 15px 0;
				overflow: hidden;
				}
				.menu-item{
					display: block;
					width: 50%;
					margin-bottom: 10px;
					float: left;

					text-align: center;
					}
				#menu .stick{
					display: none;
					}

			#inner #button-menu-close{
				margin-top:0;
				}

			#inner .menu-grapheme{
				width: 	76px;
				height: 96px;
				margin: 0 auto 0 auto;

				/* Background */
				background-image: url(/img/logos/grapheme.png);
				}
}
@media only screen and (max-width : 320px) {
.header-inner{
			height: auto;
			}
			.header-inner .data > .grid > .header-item-left{
				width: 100%;
			    margin: 0;
			    padding: 0;
			    top: 20px;
			    text-align: center;
			    margin-top: 20px;
			    float: none;
				}
			.header-inner .data > .grid > .column:nth-child(2){
				width: 100%;
				margin: 0;
				float: none;
				}
			.header-inner .data > .grid > .header-item-right{
				width: 100%;
				padding: 0 0 20px 0;

				text-align: center;
				}

			.header-inner .header-logo{
				width: 	76px;
				height: 96px;
				margin: 20px auto 20px auto;

				/* Background */
				background-image: url(/img/logos/grapheme.png);
				}
		.column-quater {
			width: 100% !important;
			float:none;
			margin-right: 0 !important;
		}

		/* Header */

			.phone-single {
				text-align: center;
				margin: 5px 0 0 0;
			}
				.phone-single .phone {
				    display: inline-block;
				    margin: 8px 0 0 0;
				    padding: 0 0 0 35px;
				    text-align: right;
				    background: url(/img/icons/phone.png) rgba(100, 63, 28, 0.85) 15px center no-repeat;
				    padding: 9px 9px 9px 45px;
				}
				.phone-single .phone-number {
					opacity: 1;
					font-size: 18px;
				}
				.header-inner .phone-single .phone {
				    background: url(/img/icons/phone.png) transparent 15px center no-repeat;
				    margin: 20px 0 20px 0;
				}
			.sf-title-container {
				font-size: 16px;
			}
#menu-window{
			height: 100%;

			/* Background */
			background-color: rgba(70, 45, 13, 1.0);
			}
			#menu-window #menu-bar > .grid > .column-left:nth-child(1),
			#menu-window #menu-bar > .grid > .column-left:nth-child(2){
				width: 100%;
				margin: 20px 0 0 0;
				}
				#menu-window #menu-bar > .grid > .column-left .column-50{
					width: 140px;
					margin: 0 auto;
					float: none;
					}
				.menu-grapheme{
					margin-top: 0;
					}
				#button-menu-close{
					margin-top: 0;
					}
			#menu{
				height: auto;
				padding: 20px 0 15px 0;
				overflow: hidden;
				}
				.menu-item{
					display: block;
					width: 100%;
					margin-bottom: 20px;
					float: left;

					text-align: center;
					}
				#menu .stick{
					display: none;
					}

			#inner #button-menu-close{
				margin-top:0;
				}

			#inner .menu-grapheme{
				width: 	76px;
				height: 96px;
				margin: 0 auto 0 auto;

				/* Background */
				background-image: url(/img/logos/grapheme.png);
				}
}
#button-menu-close>.button-text{
    margin: 10px 0 0 0;
    font-weight: bold;
    background: url(/img/icons/bars-hover.png) 9px 2px no-repeat;
    padding-left: 25px;
    background: url(/img/icons/bars-hover.png) 65px center no-repeat;

}
.menu-item a:focus, .menu-item a:hover {
    color: #f4e0b8;
    opacity: 0.75;
}
.modal-open{
  /*  overflow: auto !important;*/
}
@media only screen and (min-width : 600px) {
	.page__header .contact-info {
		margin-bottom: 0;
	}
	.bghel {height: 100px !important}
}
@media only screen and (max-width : 1200px) {
	.bghel {height: 180px !important}
}
@media only screen and (max-width : 600px) {
	.bghel {height: auto}
	.column-33, .phone-single{
		width: 100%;
		text-align: center;
	}
	#callbackbutton {position: absolute;left: 24%;}
	.header-inner .phone-single .phone {margin: 47px auto 0 20% !important;}
}
/* new */
@media screen and (min-width: 900px) {
.phone{
	background: none; <?/*url(/img/icons/phone_32.png) left top no-repeat*/?>
	background-size: 32px !important;
	background-position: 1px 10px !important;
	margin: -8px 6px 0 0 !important;
	padding: 0 0 0 42px !important;
	text-align: left !important;
}
.phone-single {
    min-width: 601px;
    margin-left: -10%;
    width: 32% !important;
    float: left !important;
}
.phone>a{font-size: 26px !important;line-height: 1;}
.phone>a>span{font-size: 18px !important}
}
@media screen and (max-width: 1530px) and (min-width: 760px) {
.phone-single {
    min-width: 32%;
    margin-left: 0;
}
.phone{
    display: block;
    background: none !important;
    text-align: center !important;
    line-height: 2;
	padding: 0 !important;
    position: absolute;
    top: 115px;
    left: 0;
	width: 100%;
}
.header-inner {
    height: 182px;
    background-size: auto;
    background-repeat: repeat-y;
}
/*.page__header .fixed-header {height: 182px !important}*/
.phone-single .phone .phone-number {
    font-size: 10px;
    text-align: center;
    line-height: 0 !important;
}
#callbackbutton {max-width: 80%;left: 10px !important;}
.phone>a{font-size: 26px !important;line-height: 1;}
.phone>a>span{font-size: 18px !important}
}
@media screen and (max-width: 760px) and (min-width: 580px) {
.page__header .fixed-header {height: 352px !important}
.header-inner{
    height: 352px;
    background-size: auto;
    background-repeat: repeat-y;
}
}
@media screen and (max-width: 900px) {
.phone{
	/*background: url(/img/icons/phone_32.png) rgba(100, 63, 28, 0.85) 15px center no-repeat;*/
	background-size: 32px !important;
	background-position: 6px 19px !important;
	text-align: left;
}
.header-inner .phone-single .phone {
    margin: -18px auto 20px auto !important;
}
#callbackbutton{
    position: relative;
    left: 0;
    margin: 0 auto 20px auto;
}
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
#button-menu{
    margin-left: -5px;
    width: 207px;
	}
}

@media only screen and (max-width: 480px) {
.bghel {
    height: 410px !important;
}
}

@media screen and (max-width: 1200px) {
.column-33 {
    width: 31%;
}
}

@media only screen and (max-width: 768px) {
.b24-form-click-btn-wrapper {
	width: auto;
    margin: 0 auto;
}

.button {
    margin: 0 10px 10px 10px;
}


}

.call_button {
	height:37px;
}

@media only screen and (max-width: 480px) {
	.call_button {
		width: auto;
		margin: 0 auto;
	}
}

.novogod_pc {
    position: absolute;
    top: 17px;
    margin-left: 10px;
}

.novogod {
	display:none;
}

.novogod_pc img,
.novogod img {
    height: 37px;
    margin-top: 14px;
}
@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {
     .novogod_pc {
        position: absolute!important;
        top: 63px!important;
        margin-left: 10px!important;
        right: 33px!important;
    }
}


@media only screen and (max-width: 1200px) and (orientation: portrait) {

	.novogod_pc {      
	  margin-top: 46px!important;
      /*  left: 73%; */
         right: 15px!important;}


.novogod {
	/* margin-left: 200px; */
	position: absolute;
	top: 66px;
	/* left: 200px; */
	right: 32px;
}
}


@media only screen and (max-width: 480px) {
	.novogod {
		position:initial;
		width: auto;
		margin: 0 auto;
		bottom: -45px;
		right: 26%;
		top:unset;
	
	}
		.novogod_pc{
		position: unset;
		margin-left: 0px;
	}
}


@media screen and (min-width: 321px) and (max-width: 480px) {
	.header-inner .data > .grid > .header-item-left {
		width: 100%;
		margin: 0;
		padding: 0;
		top: 20px;
		text-align: center;
		margin-top: 20px;
		float: none;
	}

	.header-inner .data > .grid > .column:nth-child(2) {
		width: 100%;
		margin: 0;
		float: none;
	}

}