@font-face {
    font-family: 'HeliosCondLightRegular';
    src: url('../helios-cond-light.eot');
    src: url('../helios-cond-light.eot') format('embedded-opentype'),
         url('../helios-cond-light.woff') format('woff'),
         url('../helios-cond-light.ttf') format('truetype'),
         url('../helios-cond-light.svg#HeliosCondLightRegular') format('svg');
}
body{
	background: #f5f1e9;
	font-family: Arial;
	font-size: 12px;
	color: #404040;
}
.header{
  background: #f5f1e9 url(../images/header.jpg) no-repeat center;
  height:473px;
  /*width:1920px;*/
  margin:0 auto;
  position: relative;
  background-size: cover;
}
.logo a{
	background: url(../images/logo.png) no-repeat;
	height:28px;
  	width:161px;
	  display: block;
	  margin: 0 auto;
}
.slogan{
	font-family: 'HeliosCondLightRegular';
	font-size: 16px;
	text-transform: uppercase;
	color: #404040;
	text-align: center;
	padding: 5px 0;
}
.wrap-logo{
	margin-top: 25%;
	/* position: absolute;
	top: 44px; */
}
.contact-head{
	min-width: 116px;
	/* position: absolute; */
	top: 55px;
	background: #f9f7f1;
	border-radius: 10px;
	border: 1px solid #b4b75f;
	padding: 10px;
	margin-left: 21px;
    margin-right: 21px;
	/* margin-left: 13px;
	margin-right: 13px; */
}
.tel-n {
	text-align: center;
	display: block;
	font-family: 'HeliosCondLightRegular';
	font-size: 16px;
	margin-bottom: 6px;
	color: #404040;
}
.contact-head ul{
	list-style: none;
	margin: 0;
	text-align: center;
}
.contact-head ul li{
	color: #515151;
	font-style: italic;
	font-family: Arial;
	font-size: 18px;
}
.contact-head ul li span{
	/* color: #b4b75f; */
  color: #000000;
	font-style: italic;
	font-family: Arial;
	font-size: 16px;
}
.menu{
	margin-top: 7%;
	/* position: absolute;
	top:44px;
	right: 0px; */
}
.all-menu{
	background: url(../images/menu.png) repeat-x;
	height:43px;
  	/*width:483px;*/
  	padding: 6px 2px;
}
#nav{

}
.menu-r{
	background: url(../images/menu-r.png) no-repeat;
height: 43px;
position: absolute;
top: 0px;
width: 24px;
right: -23px;
}
.menu-l{
	background: url(../images/menu-l.png) no-repeat;
height: 43px;
position: absolute;
top: 0px;
width: 24px;
left: -23px;
}
#nav {
	list-style: none;
	margin: 0;
}
#nav > li {
	float: left;
	margin-left: 10px;
	position: relative;
}
#nav > li:first-child{
	margin-left: 0;
}
#nav > li > a{
	font-family: Arial;
	font-size: 14px;
	color: #404040;
	padding: 5px 8px;
}
/* #nav > li > a:hover, #nav > li.active > a{
	background: #b4b75f;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	-webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.4);
	box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.4);
} */

#nav > li:hover, #nav > li.active{
	background: #b4b75f;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	-webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.4);
	box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.4);
}
.sub-menu{
	display: none;
}
/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
}

#nav li ul {
	 display: none;
	 position: absolute;
	 left: 0;
	 top: 100%;
	 padding: 0; margin: 0;
	 background: rgba(249, 247, 241, 0.85);
	border-radius: 10px;
	border: 1px solid #B4B75F;
	list-style: none;
	padding: 5px;
	z-index: 1000;
}

#nav li:hover > ul {
 display: block; 
}

#nav li ul li, #nav li ul li a {
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 width: 200px;
 display: block;
 color: #404040;
 padding: 5px 8px;
 font-size: 14px;
}
#nav li ul li a:hover{
	text-decoration: none;
	background: #b4b75f;
	color: #fff;
	border-radius: 5px;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}

/* Language Menu */
.languageq select {
	padding: 5px 1px 5px 5px;
	font-size: 10px;
	border-radius: 3px;
}

@media(max-width:990px){
	.languageq {
		display: none;
	}

}
@media(min-width:990px){
	.languageqm {
		display: none;
	}

}

/* Messeger Menu */

.messenger {
    margin-bottom: 10px;
}

.messenger-items {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.messenger-item {
    width: 120px;
    height: 94px;
    background: #ebe9dc;
    border-radius: 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    margin-right: 10px;
}

.messenger-item svg {
    position: absolute;
    top: -24px;
    left: 15px;
    transition: .3s;
}

.messenger-item span {
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
    color: #383838;
    padding-top: 60px;
    display: block;
}


/* END Messeger Menu */


.btn-btn{
	background: #91943c; /* Old browsers */
	background: -moz-linear-gradient(top,  #91943c 0%, #b7b964 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91943c), color-stop(100%,#b7b964)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #91943c 0%,#b7b964 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #91943c 0%,#b7b964 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #91943c 0%,#b7b964 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #91943c 0%,#b7b964 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91943c', endColorstr='#b7b964',GradientType=0 ); /* IE6-9 */
	display: block;
	width: 170px;
	border-radius: 5px;
	padding: 6px 5px;
	font-family: 'HeliosCondLightRegular';
	font-size: 18px;
	-webkit-box-shadow: 0 0 5px 0 #000000;
	box-shadow: 0 0 5px 0 #000000;
	text-shadow: 0 0 5px #000000;
	color: #fff;
	margin-bottom: 20px;
	position: relative;
}
.btn-btn:hover{
	color: #fff;
	text-decoration: none;
	opacity: 0.9;
}
.btn-btn2{
	background: #91943c; /* Old browsers */
	background: -moz-linear-gradient(top,  #91943c 0%, #b7b964 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91943c), color-stop(100%,#b7b964)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #91943c 0%,#b7b964 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #91943c 0%,#b7b964 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #91943c 0%,#b7b964 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #91943c 0%,#b7b964 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91943c', endColorstr='#b7b964',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	padding: 3px 20px;
	font-family: 'Arial';
	font-size: 14px;
	-webkit-box-shadow: 0 0 5px 0 #000000;
	box-shadow: 0 0 5px 0 #000000;
	text-shadow: 0 0 5px #000000;
	color: #fff;
	margin-bottom: 10px;
	position: relative;
	border: none;
	text-align: right;
	display: inline-block;
}
.btn-btn2:hover{
	color: #fff;
	opacity: 0.8;
}
.group-but{
	margin-top: 8%;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
	/* position: absolute;
	top: 156px;
	right:0px; */
}
span.online{
	background: url(../images/online.png) no-repeat;
	width: 40px;
	height: 43px;
	position: absolute;
	top: -7px;
	right: 5px;
	 -moz-transition: all 1s 1s ease-in;
    -o-transition: all 1s 1s ease-in;
    -webkit-transition: all 1s 1s ease-in;
}
span.vopros{
	background: url(../images/vopros.png) no-repeat;
	width: 40px;
	height: 42px;
	position: absolute;
	top: -7px;
	right: 5px;
	 -moz-transition: all 1s 1s ease-in;
    -o-transition: all 1s 1s ease-in;
    -webkit-transition: all 1s 1s ease-in;
}
span.callme{
	background: url(../images/callme.png) no-repeat;
	width: 39px;
	height: 45px;
	position: absolute;
	top: -7px;
	right: 5px;
	 -moz-transition: all 1s 1s ease-in;
    -o-transition: all 1s 1s ease-in;
    -webkit-transition: all 1s 1s ease-in;
}
.btn-btn:hover span.online, .btn-btn:hover span.vopros, .btn-btn:hover span.callme{
	 -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
}
.span14{
	width: 178px;
}
.span15{
	width: 740px;
}
.h1, .caption{
	color: #b4b75f;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'HeliosCondLightRegular';
	font-size: 18px;
	display: block;
	margin: 0;
	line-height: normal;
	margin-bottom: 20px;
}
.body-text{
	background: #f5f1e9;
	border-radius: 10px;
	border:1px solid #bdbf77;
	padding: 10px;
}
.center{
	text-align: center;
}
.uslugi-cat {
	list-style: none;
	margin: 0;
	margin-left: 25px;
	padding-left: 25px;
}
.uslugi-cat li{
	position: relative;
	margin-bottom: 18px;
}
.uslugi-cat li a{
	color: #383838;
	font-weight: bold;
}

.kv{
	display: inline-block;
	width: 47px;
	height: 32px;
	position: absolute;
	top: -11px;
	left: -50px;
}
.of{
	background: url(../images/of.png) no-repeat;
	display: inline-block;
	width: 22px;
	height: 32px;
	position: absolute;
	top: -11px;
	left: -42px;
}
.pro{
	background: url(../images/pro.png) no-repeat;
	display: inline-block;
	width: 30px;
	height: 29px;
	position: absolute;
	top: -7px;
	left: -47px;
}
.ck{
	background: url(../images/ck.png) no-repeat;
	display: inline-block;
	width: 31px;
	height: 25px;
	position: absolute;
	top: -7px;
	left: -47px;
}
.tak{
	background: url(../images/tak.png) no-repeat;
	display: inline-block;
	width: 28px;
	height: 27px;
	position: absolute;
	top: -7px;
	left: -47px;
}
.stroi{
	background: url(../images/stroi.png) no-repeat;
	display: inline-block;
	width: 31px;
	height: 22px;
	position: absolute;
	top: -7px;
	left: -47px;
}
.bags{
	background: url(../images/bags.png) no-repeat;
	display: inline-block;
	width: 33px;
	height: 36px;
	position: absolute;
	top: -7px;
	left: -47px;
}
.uslugi-cat li a:hover, .uslugi-cat li.current a{
	color:#b4b75f;
}
.side-partner ul{
	list-style: none;
	margin: 0;
	margin-left: 8px;
}
.side-partner ul li{
	margin-bottom: 15px;
}
a.link{
	float: right;
	color: #515151;
	text-decoration: underline;
	display: block;
	margin-bottom: 20px;
}
.side-vopros ul{
	list-style: none;
	margin: 0;
	margin-left: 8px;
	padding-left: 15px;
}
.side-vopros ul li{
	position: relative;
}
.side-vopros ul li a{
	color: #515151;
}
.ikon-vopros{
	background: url(../images/icon-vopros.png) no-repeat;
	display: inline-block;
	width: 12px;
	height: 13px;
	position: absolute;
	top: 1px;
	left: -23px;
}
.ikon-otvet{
	background: url(../images/icon-otvet.png) no-repeat;
	display: inline-block;
	width: 12px;
	height: 13px;
	position: absolute;
	top: 1px;
	left: -23px;
}
.side{
	margin-top: 40px;
}
.footer {
	border-top: 1px solid #a6a196;
	padding: 15px 0;
	margin-top: 25px;
}
.footer .span2{
	margin-left: 0px;
}
.footer-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-menu ul li{
	float: left;
	margin-left: 10px;
}
.footer-menu ul li a{
	color:#515151;
}
.footer-menu ul li.cur a{
	text-decoration: underline;
}
.footer-contact ul{
	list-style: none;
	margin: 0;
}
.footer-contact ul li{
	float: left;
	margin-left: 10px;
}
.footer-contact ul li span{
	color: #B4B75F;
	font-style: italic;
	font-family: Arial;
	font-size: 12px;
}
.big-ikon-otvet{
	background: url(../images/big-otv.png) no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 1px;
	left: -23px;
}
.big-ikon-vopros{
	background: url(../images/big-vop.png) no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 1px;
	left: -23px;
}
.vop-otv{
	border-bottom: 1px solid #7a7874;
	padding-bottom: 20px;
	margin-left: 30px;
	padding-top: 20px;
}
.vop-otv:last-child{
	border-bottom: none !important;
}
#blog-form{
	background: url(../images/bor.png) repeat;
	border-radius: 10px;
	border:1px solid #b4b75f;
	padding: 15px;
}
.form-all{
	background: url(../images/bor.png) repeat;
	border-radius: 10px;
	border:1px solid #b4b75f;
	padding: 15px;
}
label.error{
	font-size: 12px;
	color: red;
}
#contact-form{
	background: url(../images/bor.png) repeat;
	border-radius: 10px;
	border: 1px solid #B4B75F;
	padding: 15px;
}

.review-name {
    font-weight: bold;
    font-size: 13px;
}

.review-social {
    display: block;
}

.review-text {
    position: relative;
    color: #535353;
    margin-bottom: 10px;
    background: #E4E6D9;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}

.review-date {
    font-size: 12px;
    float: right;
}

.rating {
    float: left;
}

input[name="rating"] {
    margin: 0 2px 0 0;
}
.news-date {
    float: right;
}
.news-item img {
    width: 375px;
}
.table-striped2 thead > tr > th {
    background-color: #f9f9f9;
}
.table-striped2 tbody > tr:nth-child(2n) > td, .table-striped2 tbody > tr:nth-child(2n) > th {
    background-color: #f9f9f9;
}
.my-row{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.my-span6{
	width: 50%;
	margin: 0;
}
.my-span12{
	width: 100%;
    margin: 20px 0;
    text-align: center;
}
.w-100{
	width: 90%;
}
.q-table select,
.q-table input,
.my-row textarea{
	width: 95%;
}
.quantity{
	max-width: 100px;
}

@media(max-width:425px){

	.contact-head ul li{
        line-height: 35px;
	}
	
    .group-but{
        margin-top: -155px;
    } 
}

@media(max-width:991px){
	.q-mob{
		width: 100%;
		text-align: center;
	}
	.footer-contact ul {
	display: flex;
    justify-content: space-evenly;
    padding-inline-start: 1px;
	}
}

@media(max-width:400px){

	.contact-head ul li span{
    color: #000000;
	font-style: italic;
	font-family: Arial;
	font-size: 14px;
    }
    .contact-head {
    min-width: 175px;
    top: 55px;
    background: #f9f7f1;
    border-radius: 10px;
    border: 1px solid #b4b75f;
    padding: 10px;
    margin-left: 12px;
    }
}

