@font-face {
    font-family: 'a_rubricaxtcnregular';
    src: url('../fonts/a_rubricaxtcn_regular-webfont.eot');
    src: url('../fonts/a_rubricaxtcn_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/a_rubricaxtcn_regular-webfont.woff2') format('woff2'),
         url('../fonts/a_rubricaxtcn_regular-webfont.woff') format('woff'),
         url('../fonts/a_rubricaxtcn_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Agency FB';
	src: url('../fonts/ofont.ru_agency_fb_cyrillic.eot');
	src: url('../fonts/ofont.ru_agency_fb_cyrillic.woff') format('woff'), url('../fonts/ofont.ru_agency_fb_cyrillic.ttf') format('truetype'), url('../fonts/ofont.ru_agency_fb_cyrillic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.main-header .logo, .main-header .slogan, .top-menu, h1, h2, h3, .btn-default, .features, .table th {
	font-family: 'a_rubricaxtcnregular';
	font-weight: normal;
	letter-spacing: 0.15px;
}

html {
  position: relative;
  min-height: 100%;
  width: 100%;
}

body {
	width: 100%;
	min-width: 320px;
/*	margin-bottom: 494px; */
	font-family: 'Cuprum', sans-serif;
	color: #514941;
	font-size: 16px;
}

a {
	color: #8d867f;
}
a:hover {
	color: #577a90;
}

.strong {
	font-weight: bold;
}

.btn-catalog {
	/*background: url(../images/menu.png) no-repeat;*/ width: 51px; height: 27px; position: fixed; left: 10px; top: 10px; cursor: pointer; z-index: 101; display: none;
}

#top {
	background: url(../images/arrow-top.png) no-repeat; width: 40px; height: 45px; position: fixed; right: 10px; bottom: 100px; cursor: pointer;
	z-index: 200; display: none;
}

.container {
	max-width: 1024px;
	min-width: 290px;
}

.main-header {
	background: #e0d4c8;
	min-width: 150px;
	position: relative;
}

.main-header.medium {
	height: 452px;
	margin-bottom: 128px;
}
.main-header.small {
	height: 150px;
	margin-bottom: 100px;
}


.main-header .container {
	position: relative;
}

.main-header.medium:after {
	content: '';
	display: block;
	background: url(../images/header-medium-bg.png) center top no-repeat;
	width: 100%;
	height: 584px;
	top: 26px;
	left: 0;
	position: absolute;
	z-index: 0;
	margin-right: -200px;
}
.main-header.small:after {
	content: '';
	display: block;
	background: url(../images/header-small-bg-min.png) 61% top no-repeat;
	width: 100%;
	height: 175px;
	top: 25px;
	left: 0;
	position: absolute;
	z-index: 0;
	margin-right: -200px;
	background-size: contain;
	
}

.main-header.inner:before {
	content: '';
	display: block;
	width: 100%;
	height: 63px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
	background: #e2d8cf;
}


.main-header .logo {
	font-size: 68px;
	/* color: #bdb2a5; */
	color: #8e7c69;
	position: absolute;
	/* top: 47px; */
	top: 20px;
	left: 5px;
	z-index: 5;
	text-decoration: none;
}

.main-header .logo:hover .sub-logo{
    text-decoration: underline;
	/* opacity: 0.75; */
}

.main-header .logo span {
	color: #fff;
}

.sub-logo {
    font-family: cuprum, sans-serif;
    font-size: 20px;
    position: absolute;
    top: 75px;
    left: 5px;
}

.main-header .slogan {
	/* color: rgb(172, 164, 155); */
	color: rgb(87, 122, 144);
	font-size: 22px;
	line-height: 21px;
	text-transform: uppercase;
	position: absolute;
    letter-spacing: 0.4px;
	/* top: 218px; */
	top: 60px;
	left: 275px;
	z-index: 5;
}

/* .main-header .slogan:hover {
    opacity: 0.75;
} */

.main-header .slogan span {
	font-size: 24px;
	/* color: #aca49b; */
	color: #8e7c69;
	margin-left: 150px;
}

.social {
	list-style: none;
	position: absolute;
	z-index: 5;
	top: 287px;
	left: 16px;
	padding: 0;
	-webkit-transform: scale(0.9, 0.9) translate(-33px, 0);
	transform: scale(0.9, 0.9) translate(-33px, 0);
}

.social img {
    	width: 250px;
}

.social li {
	float: left;
	margin-right: 5px;
}

.social li a {
	float: left;
	width: 41px;
	height: 41px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.social .vk {
	background: url(../images/social-medium.png) 0px -82px;
}

.main-footer .social .vk {
	background: url(../images/social-medium.png) 0px -82px;
}

.social .vk:hover {
	background: url(../images/social-medium.png) 0px -41px;
}

.inner .social .vk {
	background: url(../images/social-medium.png) 0px -123px;
}

.inner .social .vk:hover {
	background: url(../images/social-medium.png) 0px -154px;
}

.social .fb {
	background: url(../images/social-medium.png) -46px 0px;
}

.main-footer .social .fb {
	background: url(../images/social-medium.png) -46px -82px;
}

.social .fb:hover {
	background: url(../images/social-medium.png) -46px -41px;
}

.inner .social .fb {
	background: url(../images/social-medium.png) -35px -123px;
}

.inner .social .fb:hover {
	background: url(../images/social-medium.png) -35px -154px;
}

.social .tw {
	background: url(../images/social-medium.png) -93px 0px;
}

.social .yt {
	background: url(../images/yd.png);
}

.social .yt:hover {
	background: url(../images/ydh.png);
}

.inner .social .yt {
	background: url(../images/yds.png);
}

.inner .social .yt:hover {
	background: url(../images/ydhs.png);
}

.main-footer .social .yt {
	background: url(../images/ydf.png);
}

.main-footer .social .yt:hover {
	background: url(../images/ydh.png);
}

.main-footer .social .tw {
	background: url(../images/social-medium.png) -93px -82px;
}

.social .tw:hover {
	background: url(../images/social-medium.png) -93px -41px;
}

.inner .social .tw {
	background: url(../images/social-medium.png) -70px -123px;
}

.inner .social .tw:hover {
	background: url(../images/social-medium.png) -70px -154px;
}

.social .ok {
	background: url(../images/social-medium.png) -140px 0px;
}

.main-footer .social .ok {
	background: url(../images/social-medium.png) -140px -82px;
}

.social .ok:hover {
	background: url(../images/social-medium.png) -140px -41px;
}

.inner .social .ok {
	background: url(../images/social-medium.png) -106px -123px;
}

.inner .social .ok:hover {
	background: url(../images/social-medium.png) -106px -154px;
}

.social .skype {
	background: url(../images/instagram.png);
}

.main-footer .social .skype {
	background: url(../images/instfoot.png);
}

.social .skype:hover {
	background: url(../images/instagram2.png) 0px 0px;
}

.inner .social .skype {
	background: url(../images/instsmall.png);
}

.inner .social .skype:hover {
	background: url(../images/instsmall2.png);
}

/* .social .yt, .social .tw,*/ .social .skype {
    display: none;
} 

.main-header .phone {
	text-transform: uppercase;
	color: #aca49b;
	text-align: center;
	position: absolute;
	z-index: 5;
	/* header-medium */
	/*top: 71px;
	left: 499px;*/
	/* header-small */
	top: 35px;
	left: 850px;
}

.main-header .phone a:first-child {
	font-family: 'Agency FB';
	font-size: 27px;
	color: #75614d;
}

.main-header .phone a.backcall {
	font-size: 13px;
	/* color: #aca49b; */
	color: rgb(81, 73, 65);
	text-decoration: none;
	border-bottom: 1px dashed;
}

.main-header .phone a.backcall:hover {
	color: #577a90;
}

.main-header .top-menu {
	position: absolute;
	/* top: 504px; */
	top: 185px;
	left: 0;
	z-index: 5;
}

.main-header .top-menu ul {
	list-style: none;
	padding: 0;
}

.main-header .top-menu ul li {
	float: left;
	text-transform: uppercase;
    letter-spacing: 0.4px;
	font-size: 18px;
	margin-right: 32px;
}

.main-header .top-menu a {
	text-decoration: none;
	/*color: rgb(81, 73, 65); #a99f94*/
	color: rgb(87, 122, 144);
}

.main-header .top-menu a:before{
    content: '';
    display: block;
    width: 5px;
    height: 9px;
    background: url(../images/side-menu-arrow.png);
    margin-left: -14px;
    margin-top: 7px;
    float: left;
}

.main-header .active a {
    color: #577a90;
}

.main-header .top-menu a:hover {
	color: #577a90;
	border-bottom: 1px dashed;
}

.main-header .top-menu .home {
	display: block;
	float: left;
	width: 32px;
	height: 34px;
	background: url(../images/ico-home.png);
	overflow: hidden;
	text-indent: -9999px;
	margin-top: -8px;
}

.main-header .top-menu .home:hover {
	border: 0;
}

/* Малая шапка */

.main-header.inner {
	height: 276px;
	margin-bottom: 40px;
}

.main-header.inner .logo {
	font-size: 37px;
	top: 7px;
}

.main-header.inner .top-menu {
	left: 190px;
	top: 23px;
}

.main-header.inner .top-menu li {
	margin-right: 26px;
}
.main-header.inner .top-menu li.last {
	margin-right: 0;
}

.main-header.inner .slogan {
	left: 5px;
	top: 129px;
	padding-left: 20px;
	font-size: 28px;
	line-height: 27px;
	letter-spacing: 0.25px;
}

.main-header.inner .slogan span {
	margin-left: -20px;
	font-size: 32px;
}

.main-header.inner:after {
	content: '';
	display: block;
	background: url(../images/header-inner-bg.png) top center no-repeat;
	width: 100%;
	height: 361px;
	top: 14px;
	left: 0px;
	position: absolute;
	z-index: 0;
}

.main-header.inner .phone {
	top: 20px;
	left: 795px;
	white-space: nowrap;
}

.main-header.inner .social {
	left: 230px;
	top: 220px;
	
}

.main-header.inner .social li {
	margin-right: 4px;
}

.main-header.inner .social li a {
	width: 31px;
	height: 31px;
}

.main-header.inner .search {
	position: absolute;
	top: 228px;
	left: 432px;
	z-index: 5;
}

.main-header.inner .search input[type="text"] {
	border: 0;
	border-radius: 14px 14px 14px 14px;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;
	background: #fff;
	outline: none;
	padding: 0 45px 0 14px;
	width: 288px;
	height: 31px;
	line-height: 31px;
	float: left;	
}

.main-header.inner .search input[type="image"] {
	float: left;
	margin: 6px 0 0 -31px;
	outline: none;
}

/* Подвал */

.main-footer {
	background: #e9e2db;
	min-height: 432px;
/*	position: absolute;
 	bottom: 0; */
 	width: 100%;
 	min-width: 320px;
 	color: #514941;/* #aca094; */
 	margin-top: 50px;
 	padding-bottom: 48px;
}

.main-footer .container {
	position: relative;;
}

.main-footer a {
	color: #514941; /* #aca094; */
}

.main-footer a:hover {
	color: #577a90;
	text-decoration: none;
}

.main-footer .footer-menu {
	float: left;
	width: 662px;
	border-bottom: 1px solid #f2ede9;
	padding: 26px 0 0 0;
}

.main-footer .footer-menu .row {
	border-bottom: 1px solid #d8cec5;
	margin-bottom: 0;
	height: 300px;
}

.main-footer .footer-menu ul {
	list-style: none;
	padding: 0;
}

.main-footer .footer-menu ul h3, .main-footer h2 {
	text-transform: uppercase;
	font-size: 22px;

}

.main-footer .footer-menu ul ul {
	font-size: 15px;
}

.main-footer .footer-menu ul ul li {
	margin-bottom: 3px;
}

.main-footer .ask {
	float: right;
	width: 228px;
	padding: 26px 16px 0 0;
}

.main-footer .ask .confidental-group {
	font-size: 0.78em;
    padding: 0 0 0 5px;
}

.main-footer .ask .confidental-group a {
	text-decoration: underline;
}

.main-footer .social {
	position: absolute;
	top: 360px;
	left: 15px;
}

.main-footer .copyright {
	position: absolute;
	top: 364px;
	left: 291px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
}

.sand__block {
    border: 1px solid #c7c1ba;
    border-radius: 2px;
    padding: 10px 15px;
    box-shadow: -4px 3px 7px 0px #dcd3c8;
    margin-bottom: 20px;
}

.color__white {
    color: white!important;
}

.product__ref {
    height: auto!important;
    line-height: initial!important;
    padding: 0!important;
}

.product__ref:hover {
    text-decoration: underline!important;
}

.table__pagenumber {
    padding: 0px 10px!important;
}

.table__pagenumber:hover {
    text-decoration: underline!important;
}

.dobavka-inner,
.marka-inner,
.vol-inner {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.vol-inner__row {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.vol-inner__col {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

.vol-inner__col ~ .vol-inner__col {
    margin-left: 20px;
}

#result {
    text-align: right;
    margin-bottom: 10px;
    font-family: 'a_rubricaxtcnregular';
    font-size: 28px;
    background-image: url(../images/bgs/bg-4.png);
    background-size: auto;
    background-position: right;
    border: 1px solid #b8c2c8;
    box-shadow: inset 0 11px 18px rgba(255,255,255,.13);
    text-shadow: -0.1px 1px 1px rgba(110,110,110,.43);
    padding: 10px;
}

#snowcalc_openform {
    height: 60px;
    margin-bottom: 10px;
}

#need_spec_tech {
    margin: 0;
    width: 25px;
    margin-right: 5px;
}

label[for="need_spec_tech"] {
    margin: 0;
}

@media screen and (min-width: 992px) {
	.main-footer .copyright {
		padding-right: 240px;
	}

    .table td:first-child {
        min-width: 250px;
    }
}

.main-aside {
	float: left;
	width: 20%;
	position: relative;
	z-index: 10;
	font-size: 14px;
	color: #817870;
}

.main-aside .contacts, .main-aside .contacts h2, .main-aside .contacts a {
	color: #1b3646;/* #577a90; */
}

.side-menu {
	font-size: 18px;
	margin-bottom: 30px;
}

.side-menu ul {
	padding: 20px 0 20px 0;
	list-style: none;
	/* background: #f7f6f4; */
	background: #fff; /* #ede6de; */
	margin: 0 0 2px 0;
	border-bottom: 3px solid #E9E2DB;
}

.side-menu ul li {
	margin-bottom: 5px;
}

.side-menu ul a {
	display: block;
	padding-left: 40px;
	color: #3e362f; /* rgb(81, 73, 65); */
	text-decoration: none;
}

.side-menu ul a:before {
	content: '';
	display: block;
	width: 5px;
	height: 9px;
	background: url(../images/side-menu-arrow.png);
	margin-left: -13px;
	margin-top: 7px;
	float: left;
}

.side-menu .active a {
	color: #327aa7; /* #577a90; */
	background-color: #E9E2DB;
    border-radius: 3px;
}

.side-menu ul li:hover {
    background-color: #E9E2DB;
    border-radius: 3px;
}

.side-menu ul a:hover:before, .side-menu ul .active a:before {
	background: url(../images/side-menu-arrow.png) 0px -9px;
}

.main-aside h2 {
	color: #b5aa9f;
	font-size: 27px;
	text-transform: uppercase;
	font-weight: auto;
}

.main-aside .block {
	background: #f5f0eb;/* #ede6de; */ /* #f7f6f4; */
	padding: 1px 20px 20px 20px;
	margin-bottom: 23px;
	text-transform: uppercase;
	position: relative;
}

.main-aside form {
	margin-bottom: 23px;
}

input[type="text"], input[type="email"] {
	border: 0;
	border-left: 1px solid #e9e6e0;
	border-top: 1px solid #e9e6e0;
	background: #f7f6f4; 
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	height: 37px;
	line-height: 37px;
	font-size: 18px;
	color: #514941;/* #b5aa9f; */
	box-shadow: none;
	padding-left: 18px;
}


input[type="text"]::placeholder, input[type="email"]::placeholder, textarea.form-control::placeholder{ color: #6b6b6b;}

.modal-body input[type="text"], .modal-body input[type="email"], .modal-body textarea.form-control {
    background: #f5f0eb;/* #e9e2db; */
    border-left: 1px solid rgb(141, 134, 127);
	border-top: 1px solid rgb(141, 134, 127);
}

.main-content .ask input[type="text"], .main-content .ask input[type="email"], .main-content .ask textarea.form-control {
    background: #e9e2db;
    border-left: 1px solid rgb(141, 134, 127);
	border-top: 1px solid rgb(141, 134, 127);
}

input[type="text"]:focus,
input[type="email"]:focus {
	border-color: #e9e6e0;
	box-shadow: none;
}

textarea.form-control {
	border: 0;
	border-left: 1px solid #e9e6e0;
	border-top: 1px solid #e9e6e0;
	background: #f7f6f4;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	font-size: 18px;
	color: #514941;
	box-shadow: none;
	padding-left: 18px;
	resize: none;
}

textarea.form-control:focus {
	border-color: #e9e6e0;
	box-shadow: none;
}

.form-control.error {
	outline: red 1px solid;
}
.form-control.error::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control.error::-ms-input-placeholder,
.form-control.error::placeholder {
	opacity: 1;
	color: rgba(255, 0, 0, .6);
}

.confidental-group input[type="checkbox"] {
    margin: 0;
    left: 8px;
}

button {
	outline: none;
	border: 0;
	box-shadow: none;
}

.btn-default,
.btn-default:disabled,
.btn-default:disabled:hover,
.btn-default:disabled:focus,
.btn-default:disabled:active {
	height: 49px;
	border: 0;
	border-bottom: 3px solid #3f6074;
	background: #577a90;
	/*
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	font-weight: normal;
}
.btn-default:disabled {
	opacity: 0.5;
}
 
.form-group {
	margin-bottom: 12px;
}

.confidental-group.form-group {
    float: none;
}

.main-content {
	float: right;
	width: 79%;
	position: relative;
	z-index: 10;
}

.main-content .row {
	margin: 0;
}

.blocks {
	margin: 0 0 72px 0 !important;
}

.blocks a {
	height: 235px;
	overflow: hidden;
	position: relative;
	padding: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.blocks h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 22px;
	text-transform: uppercase;
	background: rgba(25,16,9,0.9);
	width: 100%;
	font-weight: normal;
	color: #fff;
	padding: 0 25px;
	margin: 0;
	line-height: 55px;
	height: 55px;
	overflow: hidden;
	letter-spacing: 0.3px;
}

.blocks .info {
	display: none;
}

.blocks a:hover .info {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 235px;
	background: rgba(25,16,9,0.9);
	font-size: 16px;
	line-height: 19px;
	color: #9b8d81;
	padding: 27px 25px 0 25px;
}

.blocks a:hover h3 {
	display: none;
}

.blocks a:hover .info:after {
	content: 'Подробнее';
	display: block;
	position: absolute;
	top: 192px;
	left: 25px;
	font-size: 13px;
	text-transform: uppercase;
	padding-right: 10px;
	background: url(../images/ico-readmore.png) center right no-repeat;
	color: #766f68;
}


.main-content .text {
	line-height: 19px;
	margin-bottom: 48px;
}

.main-content .text h1, .main-content .text h2, .main-content .text h3 {
	text-transform: uppercase;
	margin-top: 30px;
}

.main-content .text:first-child h1 {
	margin: 00 0 20px 0;
	/*padding-right: 73px;*/
	text-align: left;
	font-size:28px;
}

.contacts {
	list-style: none;
	padding: 0 0 0 36px;
}

.contacts li {
	margin-bottom: 28px;
}

#h3contacts {
	text-transform: uppercase;
    margin-top: 0px;
}
#h3topmargin {
	text-transform: uppercase;
    margin-top: 20px;
}

.contacts .phone:before {
	content: '';
	width: 14px;
	height: 18px;
	display: block;
	float: left;
	background: url(../images/ico-phone.png);
	overflow: hidden;
	margin: 0px 0 0 -28px;
}

.contacts .mail:before {
	content: '';
	width: 17px;
	height: 12px;
	display: block;
	float: left;
	background: url(../images/ico-mail.png);
	overflow: hidden;
	margin: 4px 0 0 -28px;
}

.contacts .mail a {
	display: inline-block;
	width: 116px;
}

.contacts .placemark:before {
	content: '';
	width: 13px;
	height: 19px;
	display: block;
	float: left;
	background: url(../images/ico-placemark.png);
	overflow: hidden;
	margin: -3px 0 0 -28px;
}

.main-content .heading {
	text-transform: uppercase;
	color: #514941;
	font-size: 36px;
	border-bottom: 1px solid #514941;
	margin-bottom: 24px;
}

.main-content .heading h1, .main-content .heading h2, .main-content .heading h3 {
	margin: 0 0 -2px 0;
	padding: 0;
}

.main-content .heading.center {
	text-align: center;
	border-bottom: 0;
	margin-bottom: 32px;
}

.main-content .heading.center * {
	margin-bottom: 0;
}

.main-content .heading.center h2 {
	font-size: 36px;
}

.readmore {
	display: inline-block;
	font-size: 13px;
	text-transform: uppercase;
	padding-right: 10px;
	background: url(../images/ico-readmore2.png) center right no-repeat;
	color: #72829a;
}


.features ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.features ul li {
	text-align: center;
	color: #817870;
	text-transform: uppercase;
	margin-bottom: 36px;
	height: 240px;
    position: relative;
}

/* .features ul li:hover {
    color: #577a90;
} */

.features ul li span {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    min-height: 30px;
    width: 100%;
    font-size: 1.2em;
}

.features ul a {
	display: block;
	padding: 162px 0 0 0;
	color: #817870;
	text-decoration: none;
}

.features ul a:hover {
	text-decoration: none;
	color: #577a90;
}

.features ul li .feature-description {
    bottom: 0px;
    padding: 0 10px;
    line-height: 1.2em;
    font-size: 1em;
}

.feature1 {
	background: url(../images/feature1.png) center 15px no-repeat;
}

/* .feature1:hover {
    background: url(../images/feature1-hover.png) center 15px no-repeat;
} */

.feature2 {
	background: url(../images/feature2.png) center 25px no-repeat;
}

/* .feature2:hover {
    background: url(../images/feature2-hover.png) center 25px no-repeat;
} */

.feature3 {
	background: url(../images/feature3.png) center 34px no-repeat;
}

/* .feature3:hover {
    background: url(../images/feature3-hover.png) center 34px no-repeat;
} */

.feature4 {
	background: url(../images/feature4.png) center 39px no-repeat;
}

/* .feature4:hover {
    background: url(../images/feature4-hover.png) center 39px no-repeat;
} */

.feature5 {
	background: url(../images/feature5.png) center 0px no-repeat;
}

/* .feature5:hover {
    background: url(../images/feature5-hover.png) center 0px no-repeat;
} */

.feature6 {
	background: url(../images/feature6.png) center 63px no-repeat;
}

/* .feature6:hover {
    background: url(../images/feature6-hover.png) center 63px no-repeat;
} */

.feature7 {
	background: url(../images/feature7.png) center 25px no-repeat;
}
.feature8 {
	background: url(../images/feature8.png) center 25px no-repeat;
}
.feature9 {
	background: url(../images/feature9.png) center 25px no-repeat;
}
.feature10 {
	background: url(../images/feature10.png) center 25px no-repeat;
}
.feature11 {
	background: url(../images/feature11.png) center 25px no-repeat;
}
.feature12 {
	background: url(../images/feature12.png) center 25px no-repeat;
}


/* blocks */
.block .row {
	padding-left: 0;
	margin-left: -5px;
	margin-right: -5px;
}

.block-item-wrapper {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	list-style-type: none;
}

/* blocks — payment-ways */
.block.payment-ways {
	margin-bottom: 60px;
}

.payment-ways-item {
	height: 267px;
	padding: 204px 0 46px;
	background: url("../images/bg-spr-payment-ways.png") center 33px no-repeat;
	border: #c6baaf 1px solid;
	text-align: center;
	text-transform: uppercase;
	color: #817870;
	font-family: "a_rubricaxtcnregular", "Arial Narrow", sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 0.15px;
}
.payment-ways-item:hover {
	color: #577a90;
	background-position: center -188px;
}
.payment-ways-cash-office {
	background-position: center -422px;
}
.payment-ways-cash-office:hover {
	background-position: center -653px;
}
.payment-ways-cash-courier {
	background-position: center -889px;
}
.payment-ways-cash-courier:hover {
	background-position: center -1120px;
}

.payment-ways-text {
	margin: 1.1em 0;
}

/* blocks — order-steps */
.block.order-steps {
	margin-bottom: 60px;
}

.order-steps-img-wrapper {
	position: relative;
	width: 100%;
	height: 267px;
	margin-bottom: 78px;
	border: #ebe4de 1px solid;
}

.order-steps-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	-webkit-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}
.order-steps-01 .order-steps-img {
	opacity: 0.47;
	background-image: url("../images/bg-order-steps-01.jpg");
	background-position: 18% 0;
}
.order-steps-02 .order-steps-img {
	opacity: 0.37;
	background-image: url("../images/bg-order-steps-02.jpg");
	background-position: 6% 0;
}
.order-steps-03 .order-steps-img {
	opacity: 0.43;
	background-image: url("../images/bg-order-steps-03.jpg");
	background-position: 82.5% 0;
}
@media screen and (max-width: 767px) {
	.order-steps-img {
		background-size: cover;
	}
	.order-steps-01 .order-steps-img {
		background-position: center;
	}
	.order-steps-02 .order-steps-img {
		background-position: left top;
	}
	.order-steps-03 .order-steps-img {
		background-position: right 74%;
	}
}
.order-steps-item:hover .order-steps-img {
	opacity: 1;
}

.order-steps-num {
	position: relative;
	bottom: -1.1em;
	font-family: "a_rubricaxtcnregular", "Arial Narrow", sans-serif;
	font-size: 12.543125em;
	opacity: 1;
	-webkit-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}
.order-steps-01 .order-steps-num {
	left: 0.13em;
}
.order-steps-02 .order-steps-num {
	left: 0.11em;
}
.order-steps-03 .order-steps-num {
	left: 0.053em;
}
.order-steps-item:hover .order-steps-num {
	opacity: 0.35;
}

.block-item-wrapper:not(:last-child) .order-steps-img-wrapper::before {
	content: " ";
	display: block;
	position: absolute;
	right: 5px;
	bottom: -1.5em;
	width: calc(100% - 105px);
	height: 5px;
	background: url("../images/bg-order-steps-dot.png") repeat-x;
	/* border-top: #514941 5px dotted; */
}

.block-item-wrapper:not(:last-child) .order-steps-img-wrapper::after {
	content: " ";
	display: block;
	position: absolute;
	right: -10px;
	bottom: -1.5em;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border: #514941 4px solid;
	border-left-color: transparent;
	border-top-color: transparent;
}
@media screen and (max-width: 767px) {
	.block-item-wrapper:not(:last-child) .order-steps-img-wrapper::after {
		right: -5px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

.order-steps-subheading {
	margin: 2em 0;
	text-transform: uppercase;
}

.order-steps-text {
	font-size: 0.9em;
}

.order-steps-text ul {
	padding-left: 0;
}

.order-steps-text ul li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 1.15em;
	list-style-type: none;
}
.order-steps-text ul li::before {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: -0.09em;
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.6;
}
.order-steps-phone::before {
	background-image: url("../images/ico-phone.png");
}
.order-steps-link::before {
	background-image: url("../images/ico-checkbox.png");
	opacity: 1 !important;
}
.order-steps-email::before {
	background-image: url("../images/ico-mail.png");
}

/* region map */
#regions_map {
	position: relative;
	height: 349px;
	margin-bottom: 60px;
	background: #ccc;
	border: #ebe4de 1px solid;
}

/* forms */
.main-content .ask.form {
	margin: 0 108px 50px 108px;
}

.main-content .ask.form .col-xs-6, .main-content .ask.form .col-xs-12 {
	padding: 0 5px 5px 9px;
}

.main-content .ask.form {
	text-align: center;
}

.main-content .ask.form .btn {
	padding: 0 70px;
	margin-top: 13px;
	margin-bottom: 27px;
}

.main-content .ask.form p {
	font-style: italic;
	font-size: 18px;
	color: #b5aa9f;
}

/*tabs*/

.nav-tabs {
	border-bottom: 3px solid #8d867f;
}

.nav-tabs li {
	background: #ebe5dd;
	border: 0;
	border-right: 1px solid #fff;
	margin-bottom: 0;
}

.nav-tabs li a {
	font-size: 17px;
	color: #514941; /* #8d867f; */
	padding: 14px 15px 9px 15px;
}

.nav-tabs li.active a {
	color: #ebe5dd !important;
}

.nav-tabs li * {
	border: 0 !important;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	background: transparent !important;
}

.nav-tabs li.active {
	background: #514941;/* #8d867f; */
}

.tab-pane {
	padding: 28px 28px 0 28px;
}

/*maps*/

.main-map {
	position: relative;
	width: 100%;
	height: 332px;
	background: #ccc;
	margin-bottom: 32px;
}
.map-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	cursor: pointer;
	z-index: 1000;
}
.map-cover.collapsed {
	height: 0;
}

.maps {
	margin-bottom: 32px !important;
}

.maps div {
	padding: 0;
	border-left: 5px solid #fff;
	font-size: 19px;
}

.maps .map {
	height: 265px;
    max-width: 245px;
	background: #ccc;
	border: 0;
	margin-top: 7px;
}

.table th, .table td {
	border: 0 !important;
	text-align: center;
	border-right: 1px solid rgba(187, 170, 159, 0.32) !important;
	max-width: 250px;
	color: #3e362f;
}

.table td:first-child {
    /*text-align: left;*/
    
    padding: 8px 20px 8px 8px;
}

.table-striped tr {
	background: white; /* #f7f6f4 */
}

.table-striped tr:hover {
	background-color:#e0d4c8 !important; /* #E9E2DB */
}

.table-striped tr:nth-of-type(odd):hover {
	background-color: #98CFF4;
	background-color:#e0d4c8 !important;
}

.table-striped tr:nth-of-type(odd) {
	background: white !important;
}
.table-striped tr td:last-child {
	width: 25%;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #ede6de!important;
}

.table-striped tfoot tr:first-of-type {
    border-top: 1px solid rgba(187, 170, 159, 0.32);
    border-bottom: 1px solid rgba(187, 170, 159, 0.32);
}

.table th {
	text-transform: uppercase;
	color: inherit; /* #8d867f */
	font-size: 18px !important;
}


.table a {
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    display: inline-block;
    padding: 0 10px;
    text-transform: none;
    font-family: Cuprum, sans-serif;
    font-weight: 400;
}

.table td:first-child a {
    color: #514941;
}

.table a.formopen {
	height: auto; line-height: 21px; padding: 5px 10px;
}

.table a:hover {
	text-decoration: none;
}

.table {
	font-size: 20px;
}

/* Tiny Carousel */
.slider { height: 1%; overflow: hidden; padding: 0; width: 160px; margin: 0 auto; padding-top: 4px; }
.slider .viewport { float: left; width: 160px; height: 170px; overflow: hidden; position: relative; }

.slider .buttons {
    display: block;
    float: left;
    width: 5px;
    height: 9px;
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/slider-arrow.png) 0px 0px; 
    top: 27px;
    right: 36px;
}
.slider .next {
    background: url(../images/slider-arrow.png) -5px 0px; 
    right: 26px;
}
.slider .disable { visibility: hidden; }
.slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 160px; left: 0; top: 0; }
.slider .overview li { float: left; width: 160px; text-align: center;}

.backcall.small {
	text-transform: none;
	font-size: 12px;
	top: -7px;
	position: relative;
}

.text .heading, .text .content, .nav-tabs {
	clear: both;
}

.text .content {
	margin-bottom: 50px;
	margin-top: 20px;
	min-height: 216px;
}

.inner-menu {
	margin-bottom: 44px;
}

.inner-menu ul {
	list-style: none;
	padding: 0;
	margin: 40px 0;

}

.inner-menu ul:after {
	content: '';
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.inner-menu ul li {
	float: left;
	width: 32%;
/*	margin: 0 1px 1px 0; */
    margin: 0 2px 2px 0;
}


.inner-menu ul a {
	display: block;
/*	border: 1px solid #eeede9; */
	border: 1px solid #3e362f; /* #b5aa9f; */
	text-align: center;
	height: 35px;
	font-size: 15px;
	color: #3e362f; /* #8d867f; */
	text-decoration: none;
	overflow: hidden;
	padding-top: 10px;
}

.inner-menu ul a:hover,
.inner-menu ul a.active {
	color: #333;
	background: #ede6de; /* #e6e6e6; */
	border-color: #514941 /* #e6e6e6; */
}
.inner-menu ul a.active {
	cursor: default;
}

.modal-content {
	position: relative;
}

.modal-content {
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
}

#form .modal-body .row {
	margin: 0;
}

#form .modal-body {
	padding: 0;
	text-align: center;
}

.small-features {
	background: #fcfaf9;
	padding-top: 35px;
}

.small-features .features ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.small-features .features ul li {
	text-align: center;
	color: #817870;
	text-transform: uppercase;
	margin-bottom: 36px;
	font-size: 15px;
	padding: 93px 0 0 0;
}

.small-features .features ul li:hover {
	color: #577a90;
}

.small-features h2 {
	border-bottom: 1px solid #8d867f;
	line-height: 31px;
	margin-bottom: 20px;
}

.modal-ask {
	background: #fff;
	padding-top: 31px;
}

.modal-ask h2 {
	margin-bottom: 30px;
}

#calculator {
    width: 450px;
    margin-top: 20px;
}

#form h2, #callback h2 {
	color: #8d867f;
	text-transform: uppercase;
	font-size: 36px;
	margin-top: 0;
}


.modal-ask .ask.form {
	margin: 0 0 50px 0;
}

.modal-ask .ask.form .col-xs-6, .modal-ask .ask.form .col-xs-12 {
	padding: 0 5px 5px 9px;
}

.modal-ask .ask.form {
	text-align: center;
}

.modal-ask .ask.form .btn {
	padding: 0 70px;
	margin-top: 13px;
	margin-bottom: 27px;
}

.modal-ask .ask.form p {
	font-style: italic;
	font-size: 18px;
	color: #b5aa9f;
}

.small-features .feature1 {
	background: url(../images/feature1-small.png) center 11px no-repeat;
}

.small-features .feature1:hover {
	background: url(../images/feature1-small-hover.png) center 11px no-repeat;
}

.small-features .feature2 {
	background: url(../images/feature2-small.png) center 17px no-repeat;
}

.small-features .feature2:hover {
	background: url(../images/feature2-small-hover.png) center 17px no-repeat;
}

.small-features .feature3 {
	background: url(../images/feature3-small.png) center 23px no-repeat;
}

.small-features .feature3:hover {
	background: url(../images/feature3-small-hover.png) center 23px no-repeat;
}

.small-features .feature4 {
	background: url(../images/feature4-small.png) center 25px no-repeat;
}

.small-features .feature4:hover {
	background: url(../images/feature4-small-hover.png) center 25px no-repeat;
}

.small-features .feature5 {
	background: url(../images/feature5-small.png) center 0px no-repeat;
}

.small-features .feature5:hover {
	background: url(../images/feature5-small-hover.png) center 0px no-repeat;
}

.small-features .feature6 {
	background: url(../images/feature6-small.png) center 39px no-repeat;
}

.small-features .feature6:hover {
	background: url(../images/feature6-small-hover.png) center 39px no-repeat;
}

.modal .close-special {
	display: block;
	border: 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 17px;
	height: 17px;
	background: url(../images/close.png) no-repeat;
	top: 20px;
	right: 20px;
	position: absolute;
	z-index: 9999999;
	opacity: 1;
}

#feature h2 {
	text-transform: uppercase;
}
.h2-style {
    margin: 0 0 -2px 0;
    padding: 0;
    text-transform: uppercase;
    font-family: 'a_rubricaxtcnregular';
    font-weight: normal;
    letter-spacing: 0.15px;
    font-size: 26px;
    line-height: 1.1;
    color: inherit;
    text-align: center;
}

.h1-style {
    font-family: 'a_rubricaxtcnregular';
    font-weight: normal;
    letter-spacing: 0.15px;
    font-size: 36px;
    margin-bottom: 10px;
    line-height: 1.1;
    color: inherit;
}

.h3-style {
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'a_rubricaxtcnregular';
    font-weight: normal;
    letter-spacing: 0.15px;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
    color: #514941;
}

.left-h2 {
    color: #514941; /* #b5aa9f; */
    font-size: 27px;
    text-transform: uppercase;
    font-family: 'a_rubricaxtcnregular';
    font-weight: normal;
    letter-spacing: 0.15px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.anons {
    font-family: 'a_rubricaxtcnregular';
    font-weight: normal;
    letter-spacing: 0.15px;
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
    color: inherit;
}

.menutext {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 22px;
    text-transform: uppercase;
    background: rgba(25,16,9,0.9);
    width: 100%;
    font-weight: normal;
    color: #fff;
    padding: 0 25px;
    margin: 0;
    line-height: 55px;
    height: 55px;
    overflow: hidden;
    letter-spacing: 0.3px;
    font-family: 'a_rubricaxtcnregular';
}

.premium td {
    width: 20%;
    border: 2px solid #817870;
    padding: 10px;
}

.modal-body #h2-style {
    margin-bottom: 20px;
    text-align: center;
}

.modal-body p {
    margin-top: 20px;
}

#main-p {
    text-align: center;
    border-bottom: 2px solid;
    border-top: 2px solid;
    font-weight: bold;
    margin: 35px;
    padding: 10px;
}

#h4 {
    font-size: 18px;
   /*  margin-top: -100px; */
    color: #577A90;
    text-align: center;
    margin-bottom: 40px;
}
#p-contacts {
    text-transform: uppercase;
    margin-top: 0px;
    font-family: 'a_rubricaxtcnregular';
    font-weight: normal;
    letter-spacing: 0.15px;
    font-size: 24px; 
    margin-bottom: 10px;
}

.price {
    margin-top: 40px;
}
.price .heading {
	margin: 0;
	padding: 24px 10px;
	/* color: white; */
/* 	background-color: rgb(81, 73, 65); 
	background-color: rgb(239, 235, 228);*/
	background: #ede6de;
	border: none;
}
.price .table-wrapper {
	border-left: #ede6de 7px solid; /* rgb(239, 235, 228) */
	border-right: #ede6de 7px solid;
	background-color: #ede6de;/* #e0d4c8; */
}
.price .table {
    table-layout: fixed;
	margin-bottom: 0;
}
.price .table th {
    padding: 8px 20px;
    vertical-align: middle;
}
.price .bottom-sign {
	margin-bottom: 32px;
	padding: 17px 10px;
	/* color: white; */
	background-color: #ede6de;/* rgb(239, 235, 228); */
	
	text-align: center;
}
.price .bottom-sign a {
	color: black;
}

.price_download {
    display: flex;
    justify-content: flex-end;
}

.price_download a {
    color: rgb(62, 54, 47);
    text-decoration: underline;
    font-size: 1.2em;
}

.inner-menu p {
    color: #514941; /* #b5aa9f; */
    font-size: 27px;
    text-transform: uppercase;
    font-family: 'a_rubricaxtcnregular';
    font-weight: normal;
    letter-spacing: 0.15px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}

.akcii {
    padding: 15px 10px;
    border: 2px solid #e9e2db;
    height: 240px;
    overflow:hidden;
}

.akcii:hover {
    background: #e9e2db;
    border-color:#514941;
    transition: all .3s ease-in;
}

.akcii a {
    font-size: 25px;
    text-transform: uppercase;
    margin: 20px auto;
}

.akcii p {
     margin: 20px auto;
     overflow: hidden;
     padding-bottom: 5px;
}

.page-akcii h1 {
    margin: 40px 0 40px 0;
    padding-right: 73px;
    text-align: center;
    font-size: 32px;
    text-decoration: underline;
}

.akcii img, .img-news {
    float:left;
    padding-top: 0;
    margin-right: 30px;
    width: 200px;
    height: 200px;
    overflow: hidden;
}
p.skladchina {
    font-size: 18px;
    border: 2px solid #e9e2db;
    border-radius: 10px;
    padding: 20px 10px;
    background:#f7f6f4;
    text-align: center;
    margin: 20px auto 80px;
}

p.skladchina:hover {
    background: #e9e2db;
    border-color:#514941;
    transition: all .3s ease-in;  
}

p.skladchina a {
    color: green;
}

.picture-3-in-row {
    width: 100%;
}

.picture-3-in-row .picture-block {
    float: left;
    margin: 1%;
    width: 30%;
    display: block;
    text-align: center;
}

.picture-3-in-row .picture-block img {
    width:100%;
}

.picture-3-in-row .picture-block p {
    margin: 10px;
}

.picture-3-in-row .clear {
    clear: both;
}

#hotlog_counter {
    display:none;
}

@media screen and (max-width: 1199px) {
	.main-header .phone {
	    left: 400px;
	}
}

@media screen and (max-width: 1023px) {

	.main-header.inner .phone {
		left: auto; right: 0; top: 17px;
	}
	.main-header .phone {
	    left: 400px;
	}
	.main-header.inner .top-menu {
	    left: 130px; top: 22px;
	}
	.main-header.inner .top-menu li.first {
	    display: none;
	}
	.main-header .top-menu ul li {
	    margin-right: 20px;
	    font-size: 18px;
	}
	.main-header .phone a:first-child {
	    font-family: 'Agency FB';
	    font-size: 22px;
	}
}

@media screen and (max-width: 991px) {
	.main-header .phone {
	    left: 308px;
	}
	
	.main-footer .ask {
	    display: none;
	}
}

@media screen and (max-width: 900px) {

	.wrapper.container {
		width: auto;
	}
	.main-header .phone {
	    right: 10px;
	    left: auto;
	}
	.main-header.inner .top-menu li {
	    margin-right: 20px;
	}
	/*.table td:first-child {
	    width: 200px;
	}*/
	.table-striped tr td:last-child {
	    width: auto;
	}


}

@media screen and (max-width: 767px) {
    
    input[name="production"] { 
        display:none;
    }
    input[name="volume"] {
        display:none;}
    input[name="location"] {
        display:none;}
    textarea[name="message"] {
        display:none;}
        
    .form-group input {
    height: 60px;
    font-size: 22px;
    }
    .center p.h2-style {
        font-size:32px;
        margin-top:30px;
    }
    
    .modal-ask .ask.form p{
        margin-top:10px;
    }
    
    .form-group:nth-child(n+3) {
        display:none;
    }
    
	#top {
		/*display: block;*/
		display: none;
	}
	.main-header.small,
	.main-header.medium {
	    height: auto;
	    margin-bottom: 0;
	    padding-bottom: 25px;
	}
	.main-header.small:after,
	.main-header.medium:after {
		display: none;
	}
	.main-header.inner {
	    height: auto;
	    margin-bottom: 0;
	    padding-bottom: 20px;
	}
	.main-header.inner::before {
	    display: none;
	}
	.main-header .top-menu {
		position: static;
	}
	.btn-catalog {
		display: block;
	}
	.main-header .top-menu ul,
	.side-menu {
		position: fixed; left: 0; top: 47px; right: 0; bottom: 0; background: #e9e2db; display: none; z-index: 99; margin: 0;
	}
	.side-menu ul {
	    padding: 2px 0 2px; position: relative;
	    border-bottom: none;
	}
	.side-menu ul:nth-child(3):after {
		content: ''; display: block; position: absolute; left: 0; bottom: 0;
	}
	.side-menu ul:nth-child(4) li {
		display: none;
	}
	.side-menu ul:nth-child(4) li:last-child {
		display: block;
	}
	.main-header .top-menu ul.act,
	.side-menu.act {
		z-index: 100;
	}
	.main-aside {
		z-index: auto;
	}
	.main-header .top-menu .home {
	    float: none;
	    margin: 0 auto;
	}
	.main-header .top-menu ul li {
	    float: none; margin: 0; width: 100%; padding: 5px 0 10px;
	}

	.main-content {
		float: none; width: auto; padding: 20px 10px 0; overflow: hidden;
	}
	.main-aside {
	    float: none;
	    width: 100%; 
	}
	.main-footer .footer-menu {
	    float: none;
	    width: 100%;
	}
	.features ul li.col-xs-4 {
	    width: 100%; float: none;
	}
	.main-header {
		text-align: center;
	}
	.main-header .logo,
	.main-header.inner .logo {
		position: relative;
		margin-top: 47px;
		display: inline-block;
		top: auto;
		left: auto;
	}
	.main-header .slogan,
	.main-header.inner .slogan {
		position: relative;
		margin: 16px auto 0;
		padding: 0 25px;
		top: auto;
		left: auto;
		font-size: 22px;
		line-height: 27px;
		width: 280px;
	}
	.main-header .slogan span,
	.main-header.inner .slogan span {
	    margin-left: 0;
	    font-size: 28px;
	}
	.social, .main-header.inner .social {
		position: relative;
		margin-top: 20px;
		top: auto;
		left: auto;
		transform: none;
	}
	.social li {
	    float: none; display: inline-block; vertical-align: top; margin: 0 2px;
	}
	.main-header .phone,
	.main-header.inner .phone {
	    display:none;
		position: relative;
		margin-top: 20px;
		top: auto;
		left: auto;
		right: auto;
	}
	.main-header-adaptive .phone.fix,
	.main-header-adaptive.inner .phone.fix {
		position: fixed;
		/* background: #e9e2db;  */
		color: white;
		background-color: rgb(81, 73, 65);
		height: 47px; 
		line-height: 47px; 
		margin: 0;
		left: 0;
		top: 0;
		right: 0;
		z-index: 80;
		text-align: right;
	}
	.main-header-adaptive {
	    display:block!important;
	}
	.main-header-adaptive .phone a {
		position: relative;
		right: 5%;
    	font-family: 'Agency FB';
        font-size: 22px;
        /* color: #4e7185; */
		color: white;
	}
	.main-header-adaptive .phone a:hover,
	.main-header-adaptive .phone a:active {
		color: white;
	}
	.main-header .phone.fix a.backcall {
		display: none;
	}
	.main-header .top-menu ul:after {
		position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
	}


	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
		padding: 0;
	}
	.table td:first-child {
	    padding-right: 5px;
	    /*min-width: 100px; */
	}
	.main-content .heading {
	    font-size: 30px;
	    line-height: 36px;
	}
	.table a {
	    height: 35px;
	    font-size: 14px;
	    padding: 0 5px;
	}
	.table .formopen {
		line-height: 16px;
	}
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	    padding: 5px;
	    font-size: 14px;
	    line-height: 16px;
	}
	.table th {
	    font-size: 16px !important;
	}

	.inner-menu ul li {
	    width: 100%;
	}
	.inner-menu ul a {
		height: auto; padding: 6px 10px 7px;
	}
	.modal-ask .ask.form .col-xs-6, .modal-ask .ask.form .col-xs-12 {
	    padding: 0 0 5px;
	    width: 100%;
	    text-align: center;
	}
	#h4 {
	    margin-top: 0;
	}
	.main-content .text:first-child h1 {
	    margin: 20px 0;
	    padding-right: 0;
	}
	body {
	    margin-bottom: 0;
	}
	.main-footer {
	    height: auto;
	    position: relative;
	    bottom: auto;
	}
	.main-footer .footer-menu .row {
	    height: auto;
	}
	.main-footer .social {
	    position: relative;
	    top: auto;
	    left: auto;
	}
	.footer-menu ul {
		text-align: center;
	}
	.footer-menu ul:after {
		position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
	}
	.footer-menu li.col-xs-3 {
	    width: 49%; float: none; display: inline-block; vertical-align: top;
	}
	.main-footer .copyright {
	    position: relative;
	    top: auto;
	    left: auto;
	    padding-bottom: 15px;
	}
	.main-content .pull-left {
	    float: none!important;
	    display: block; margin: 0 auto !important;
	}
	.main-content img {
		max-width: 100%;
	}
	.side-menu {
		display: none;
	}
    


	.tab-pane {
	    padding: 20px 0 0;
	}
	.maps > .col-xs-4 {
		margin-top: 15px;
	}
	.maps > .col-xs-4:first-child {
		margin-top: 0;
	}
	.maps div {
	    border-left: 0;
	    float: none;
	    width: 100%;
	    max-width: 248px;
	    margin: 0 auto;
	}
	.maps div img {
		width: 100%;
	}
	.maps .map {
	    height: auto;
	}
	.main-content .ask.form {
	    margin: 0 0 30px;
	}
	.nav-tabs li a {
	    font-size: 14px;
	    padding: 10px 5px 8px;
	}
	#partner, #certificate {
		text-align: center;
	}
	.main-aside .block {
	    padding: 1px 5px 20px 15px;
	}

}

@media screen and (max-width: 360px) {
	.nav-tabs > li {
	    float: none; width: 100%; text-align: center;
	}
	.main-content .ask.form .col-xs-6, .main-content .ask.form .col-xs-12 {
	    padding: 0 5px 0;
	    float: none;
	    width: 100%;
	}
	.main-aside .block {
	    padding: 1px 5px 20px 15px;
	}
	.main-aside .block > span {
		max-width: 220px; display: block;
	}
	.social {
		display: none;
	}
	.main-content .text img {
    	display: none;
	}
	.main-content .text .tab-pane img {
    	display: initial;
	}
	.main-content .text .akcii img, .img-news {
        display: block;
    }
    .table > tbody > tr > td, .table td:first-child {
    padding-right: 3px;
    }

}

/*Button-Hamburher-start*/
.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  background:none;
  margin: 0;
  padding: 0;
  width: 51px;
  height: 27px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.cmn-toggle-switch span {
	display: block;
	position: absolute;
	top: 10px;
	left: 9px;
	right: 9px;
	height: 5px;
	border-radius:5px;
	/* background: #040404; */
	background-color: white;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
	content: " ";
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 5px;
	border-radius:5px;
	/* background-color: #040404; */
	background-color: white;
}

.cmn-toggle-switch span::before {
  top: -9px;
}

.cmn-toggle-switch span::after {
  bottom: -9px;
}

.cmn-toggle-switch__htx span {
  -webkit-transition: background 0 0.3s;
          transition: background 0 0.3s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
          transition-delay: 0.3s, 0;
}

.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */


.slideout-open .cmn-toggle-switch__htx {
  background-color: none;
}

.slideout-open .cmn-toggle-switch__htx span {
  background: none;
}

.slideout-open .cmn-toggle-switch__htx span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.slideout-open .cmn-toggle-switch__htx span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.slideout-open .cmn-toggle-switch__htx span::before,
.slideout-open .cmn-toggle-switch__htx span::after {
  -webkit-transition-delay: 0, 0.3s;
          transition-delay: 0, 0.3s;
}

/*Button-Hamburher-end*/

/*slidemenu*/
.slideout-menu {
  position: fixed;
  top: 0;
  padding-top:47px;
  bottom: 0;
  width: 257px;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}
.slideout-menu ul:first-child {
	padding-top: 7px;
}
.slideout-menu ul:first-child a {
	padding: 15px 0 10px 40px;
	font-weight: bold;
}

.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  will-change: transform;
  background-color: #FFF; /* A background-color is required */
  min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
  background:none;
}
/*!slidemenu*/
.main-header-adaptive {
 display:none;   
}


.datlink {
     cursor: pointer; 
     background: #e9e2db; 
     width: 100%; 
     padding: 10px; 
     text-align: center; 
     margin-top: -7px; 
     margin-bottom: -7px; 
     color: #514941; 
     border: 1px solid grey; 
}

.datlink.readmore:hover {
    transition: all .15s ease-in;
    color: white;
    background:#bdb2a5;
    text-decoration: none;
}

table.table-4-article {
    border: 1px solid;
}


.table-4-article td, th {
    text-align: center;
    border: 1px solid;
}

.table-4-article tr:nth-child(2n) {
    background-color: #f7f6f4;
}

.table-4-article th {
    text-transform: uppercase;
    color: #8d867f;
    font-size: 18px !important;
    font-family: 'a_rubricaxtcnregular';
    font-weight: normal;
    letter-spacing: 0.15px;
    padding: 10px;
    padding-left: 20px;
}

.table-4-article td {
        padding-right: 20px;
        padding-left: 20px;
        padding: 4px;
}
.price-container {
    display:none;
}
.datlink-hide {
    cursor: pointer;
    position: absolute;
    background: #e9e2db;
    width: 20%;
    float: right;
    right: 0;
    padding: 3px;
    text-align: center;
    margin-top: 0;
	margin-right: 8px;
    color: #514941;
    border: 1px solid grey;
}

.datlink-hide:hover {
    transition: all .15s ease-in;
    color: white;
    background:#bdb2a5;
    text-decoration: none;
}

.price-container.expanded +.datlink + br,
.price-container.expanded +.datlink + br + br {
	display: none;
}

p#for-pricelist-page {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

@media screen and (max-width: 480px) {
    .akcii {
        height: 450px;
        overflow: hidden;
    }
    .akcii img {
        float:none;
        display: block;
        margin: 10px auto;
    }
    
    .akcii a, .akcii p {
        margin: 20px auto;
        display: block;
        text-align: center;
        line-height: 1.2;
    }
    
    #calculator {
        width: 100%;
    }
    .vol-inner__row {
        flex-direction: column;
    }
    .vol-inner__col ~ .vol-inner__col {
        margin: 0;
    }
    
    .vol__hide-on-mob {
        display: none!important;
    }
}


.copyright a {
    color: #577a90;
}

.copyright a:hover {
    text-decoration: underline;
}

.keramzit {
    margin: 30px auto;
    width: 100%;
}

.keramzit td {
    border: 1px solid #d0c4bb;
    padding: 15px 0 15px 20px;
    text-align:center;
}

.keramzit td:first-child {
    text-align: left;
}

.keramzit tr:nth-child(odd) {
    background-color: #f7f6f4;
}

.keramzit th {
    text-transform: uppercase;
    padding: 15px 0 15px 20px;
    background-color: #efebe4;
    color: #514941;
}

[src*="uploads/Foto/keramzit-velesark"] {
    max-width: 95%;
    padding: 10px 0 30px;
}

.character-table {
    width: 100%;
    margin: 30px 0;
}

.character-table thead {
    background-color: #efebe4;
    font-weight: bold;
}

.character-table td {
    border: 1px solid black;
    text-align: center;
    padding: 14px;
}

@media screen and (max-width: 767px) {
        .character-table td {
            padding: unset;
            min-width: 20px;
        }
    }

table.custom td,
table.custom th {
	min-width: 120px;
}

table.custom td:first-child {
	text-align: center;
}

table.custom td:last-child {
	width: auto;
	white-space: nowrap;
}

table.custom th {
	background: #efebe4;
}

.w50pc {
    width: 50%;
}

.mt40 {
    margin-top: 40px;
}

.in-middle {
    margin-left: auto;
    margin-right: auto;
}

.text-center {
    text-align: center;
}

.special-range {
    display: flex;
    flex-direction: column;
}

.inner-menu .special-range li {
    width: 100%;
    border: 1px solid #3e362f;
    display: flex;
    min-height: 230px;
    margin-bottom: 20px;
}

.special-img {
    width: 22%;
    overflow: hidden;
    display: flex;
    padding-left: 10px;
    padding-top: 10px;
    align-items: baseline;
}

.special-info {
    width: 80%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.special-link {
    display: flex;
    align-self: left;
    text-transform: uppercase;
}

.special-info .special-link a {
    border: none;
    padding: 0;
    height: 25px;
}

.special-fraction {
    display: flex;
    flex-direction: row;
}

.special-fraction-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
    grid-gap: 5px 5px;
    text-align: center;
}

.special-fraction-first {
    width: 100%;
    padding-right: 20px;
    padding-bottom: 15px;
}

.special-fraction-second {
    width: 20%;
}

.special-text {
}

.special-text p {
    font-size: inherit;
    text-align: left;
    font-family: inherit;
    text-transform: inherit;
    margin: 0;
}

.special-fraction-item {
    background: #f2f2f2;
    padding: 8px;
}

.special-fraction-second .special-fraction-inner {
    grid-template-columns: 1fr;
}

.special-fraction-first span {
    padding-bottom: 5px;
    display: block;
}

.special-img img {
    max-width: 160px;
}

@media screen and (max-width: 767px) {
	.special-link {
		justify-content: center;
		margin-bottom: 5px;
	}

	.special-info {
		width: 100%;
	}

	.inner-menu .special-range li {
		flex-direction: column;
	}

	.special-fraction-first span {
		text-align: center;
	}

	.main-content .special-img img {
		display: block;
	}

	.special-img {
		width: 100%;
		justify-content: center;
	}
}

.show-more-module__hidden_row {
    display: none;
}
        
.show-more-module__wrapper {
    display: flex;
}

.show-more-module__wrapper button {
    height: auto;
    line-height: 21px;
    padding: 5px 20px;
    font-size: 17px;
    display: inline-block;
    border: 0;
    border-bottom: 3px solid #3f6074;
    background: #577a90;
    text-align: center;
    color: #fff;
    margin: 10px auto;
}

.show-more-module__wrapper button:hover {
    color: #333;
    background-color: #ffc43f;
    border-color: #be9842;
    text-decoration: none;
}

.regionsIntro {
    display: flex;
}

.regionsIntroImage {
    margin-right: 25px;
}

.slick-slide img {
	margin: 0 auto;
}

.regionsSlider {
    max-width: 810px;
    margin: 20px auto;
}

.slick-slide {
	background: #ede6de;
	border: 1px solid rgba(187, 170, 159, 0.32);
	max-height: 400px;
}

.contentInner {
    display: flex;
    justify-content: space-between;
}

.contentInnerText {
    text-align: left;
}

.tabs label {
	user-select: none;
	display: flex;
    align-items: center;
    margin-top: 5px;
    flex-direction: row;
}

#abn {
    display: block;
    margin-right: 5px;
    margin-top: 0;
    height: 15px;
    width: 15px;
    cursor: pointer;
}

.tab-container {
    min-width: 250px;
    margin-left: 15px;
}

.tab-triggers {
  display: flex;
  justify-content: space-between;
}

.tab {
  display: none;
}
.tab.tab_active {
  display: block;
}

.tabs {
    background: #ede6de;
    padding: 10px;
}

.tab-triggers {
    text-align: center;
    margin-bottom: 10px;
}

.tab-inner span {
    font-size: 16px;
    text-shadow: -0.1px 1px 1px rgba(110,110,110,.43);
}

.tab-inner input, .tab-inner select {
    border: 0;
    border-left: 1px solid #e9e6e0;
    border-top: 1px solid #e9e6e0;
    background: #f7f6f4;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    height: 37px;
    line-height: 37px;
    font-size: 18px;
    color: #514941;
    box-shadow: none;
    padding-left: 10px;
}
.tab-trigger {
    line-height: 1.1em;
    color: #000;
    cursor: pointer;
    background: #ede6de;
    font-family: Cuprum, sans-serif;
    border: 1px solid rgba(187, 170, 159, 0.32);
    font-size: 17px;
    text-shadow: -0.1px 1px 1px rgba(110,110,110,.43);
    padding: 5px;
    width: 33%;
    text-align: center;
    border-bottom: 3px solid #ccc7c1;
    transition: .5s;
    margin-right: 5px;
    font-weight: 400;
}

.tab-trigger:last-child {
	margin-right: 0;
}

.tab-trigger:hover {
    background: #e0d4c8 ;
}

.tab-inner input:hover, 
.tab-inner select:hover {
	box-shadow: 0px 2px 5px 1px rgba(0,0,0,.3);
}
.tab-trigger.active {
	background: #577a90;
	border-bottom: 3px solid #3f6074;
	color: #fff;
}

.main-content .text .tab-container h2 {
	margin-top: 0;
}

.tab-container .backcall {
    width: 100%;
    display: block;
    line-height: 2;
    text-shadow: -0.1px 1px 1px rgb(4, 4, 4);
} 

.tab-container .btn-default {
	margin-top: 15px;
}

.common-questions-container h3 {
    font-size: 40px;
    text-align: center;
}

.common-questions-main {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.common-questions-block {
    border-bottom: 2px solid #d4cfc3;
}

.common-questions-block:last-child {
    border: none;
}

.common-question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px;
    padding-bottom: 15px;
    background: #ede6de;
}

.common-question-text {
    cursor: pointer;
}

.common-answer {
    padding: 20px;
    padding-top: 5px;
}


.common-questions-container a {
    margin: 30px auto;
    display: block;
    margin-bottom: 90px;
    background: inherit;
    border: 2px solid #91866d;
    color: #91866d;
    text-transform: uppercase;
    text-align: center;
}

.common-questions-block .common-answer {
    display: none;
}

.common-questions-block:first-of-type .common-answer {
    display: block;
}

.calc__flex-container {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.blog-side-header__control {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    cursor: pointer;
    font-size: 16px;
}

.fa-angle-up:before {
    content: "▲";
    color: #514941;
}

.hidden {
	display: none;
}

.fa-angle-down:before {
    content: "▼";
    color: #514941;
}

.content.calc {
    margin-bottom: 25px;
}

.comments-container {
    margin-bottom: 25px;
}

.inner-menu--regions {
    display: flex;
    justify-content: center;
}

.inner-menu--regions li a {
    padding-top: 50px;
    padding-bottom: 50px;
    height: unset;
}

.regions .payment-ways-item {
	height: auto;
	padding: 170px 0 20px;
}

.certificateBlock {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 25px;
}

.certificateBlock a {
    border: 1px solid #8d867f;
}

.contactsBlock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.contactsMap {
    width: 50%;
    border: 1px solid #e9e2db;
    box-sizing: border-box;
}

.contactsMapCont {
    box-sizing: border-box;
    width: 100%;
    padding: 0 30px;
}


.contactsMap_several {
    width: 100%;
    margin-bottom: 20px;
    height: 300px;
}

.contactsBlock_several-maps {
    flex-direction: column-reverse;
}

.mapsWrapper {
    margin-top: 40px;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.contactsInfo {
    padding-left: 30px;
}

.features.regions ul li {
	margin-bottom: 0;
}

.review {
    display: flex;
    flex-direction: column;
    border: 1px solid #c6baaf;
    justify-content: space-around;
    padding: 20px;
    background: #ede6de;
}

.reviewDateRateContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.reviewPersonContainer {
    margin-top: 25px;
}

.strongReview {
    font-weight: 600;
    color: #364d5a;
}

.no-aside {
    width: 100%;
}

.regionsIntroText {
    width: 100%;
}

@media screen and (max-width: 768px) {

    .mapsWrapper {
        flex-direction: column;
    }
    
    .contactsMapCont {
        padding: 0;
    }

	.regionsIntro {
	    flex-wrap: wrap;
	}

	.regionsIntroImage {
	    margin: 0 auto;
	}

	.main-content .regionsIntro img,
	.main-content .regionsSlider img,
	.main-content .certificateBlock img {
		display: block;
	}

	.contentInner {
	    flex-wrap: wrap;
	}

	.tab-container {
	    margin: 0 auto;
	}

	.certificateBlock {
	    flex-wrap: wrap;
	}

	.certificateBlock a {
	    margin-bottom: 10px;
	}

	.contactsBlock {
	    flex-wrap: wrap;
	    padding: 0 15px;
	}

	.contactsMap {
	    width: 100%;
	    margin-bottom: 20px;
	}
}
    .float-right {
        float: right!important;
        width: 180px;
    }
    .side-menu ul > li > ul {
        padding-left: 24px;
}
    .menuflexheader {
        display: flex;
}

    .dropdown-menu {
    
        position: absolute;
        left: 0;
        top: 90%;
}

li.nav_a {
     position: relative;
}

li.nav_a:hover > ul {
     display: block;
     z-index: 50;
}

.zindexheader {
    position: relative;
    z-index: 2;
}

@-webkit-keyframes fade{0%{margin-top:0;opacity:1}50%{opacity:0;margin-top:0}to{margin-top:-2.5em;opacity:0}}@keyframes fade{0%{margin-top:0;opacity:1}50%{opacity:0;margin-top:0}to{margin-top:-2.5em;opacity:0}}#lbz_works_normally{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;background:brown;height:2.5em;color:#f5f0eb;font-weight:700;border-bottom:1px solid #ccc;overflow:hidden;max-width:1128px;margin:auto;font-size:18px}#lbz_works_normally.transition{-webkit-animation-name:fade;animation-name:fade;-webkit-animation-duration:.7s;animation-duration:.7s}#lbz_works_normally.hidden{margin-top:-2.5em;opacity:0}#lbz_works_normally .text{width:100%;text-align:center;line-height:1.1em}#lbz_works_normally .close-btn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;right:.5em;width:32px;height:32px;opacity:.55;cursor:pointer;margin-left:1em}#lbz_works_normally .close-btn:after,#lbz_works_normally .close-btn:before{position:absolute;left:15px;content:" ";height:22px;width:3px;background-color:#fff}#lbz_works_normally .close-btn:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#lbz_works_normally .close-btn:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#lbz_works_normally .close-btn:hover{opacity:1}@media (max-width:767px){@-webkit-keyframes fade{0%{opacity:1;margin-left:0}50%{opacity:0;margin-left:-100%}to{margin-top:-4em;opacity:0;margin-left:-100%}}@keyframes fade{0%{opacity:1;margin-left:0}50%{opacity:0;margin-left:-100%}to{margin-top:-4em;opacity:0;margin-left:-100%}}#lbz_works_normally{position:relative;margin-top:47px;font-size:3.75vw;height:4em}#lbz_works_normally.hidden{margin-top:-4em}#lbz_works_normally .text{margin-left:1em;text-align:left}}