* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: 'PT Sans', sans-serif;
}

@media only screen and (max-width: 767px) {   body { background-image: url(https://domov-remont.ru/wp-content/themes/domothem_v2/img/bg/bg_2_mobile.jpg);   } }

.container_bg {background-color: #f7c389;}
.navbar-default .navbar-nav > li > a {
    color: #EEEEEE;
	font-size:1.2rem;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #EEEEEE;
	text-decoration:underline;
}

body {
	color: #333;
/*	background-color: #ffe0b2;*/
	line-height: 1.5;
	margin: 0;
	font-family: 'PT Sans', sans-serif;
background: url(https://domov-remont.ru/wp-content/themes/domothem_v2/img/bg/bg.jpg) no-repeat center center fixed; 
 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

header {background-color: #ffe0b2;}
.page_container{background-color:#FFD08C;}

.top_header { background-color: #4e342e;}

.logo {position: absolute;
	margin-top: 20px;
	margin-left: 10px;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
}
.menu_row {
	margin-top: 30px;
	background: url(https://domov-remont.ru/wp-content/themes/domothem_v2/img/bg.png) no-repeat;
	background-size: 100%;
	border-top: 1px solid #a89b7b;
	border-bottom: 1px solid #a89b7b;
}
.navbar-default{
	background-color: #5e3a22;
	border-color: #5e3a22;
}

.top_plsh {height: 5px; width: 200px; background-color:#a89b7b; margin-top: 26px;}
.topm_plsh {height: 5px; width: 200px; background-color:#a89b7b; margin-top: 30px;}

.top_phone {padding-right:5%; color:#eeeeee !important ; font-weight:bold; font-size: 1.4rem;}

.serv_menu {
  margin: 15px;
}

.uslugi_title {
  font-size: 1.5em;
  color: #666; 
  padding: 5px 10px;
  vertical-align: middle;

}
.uslugi_title img {
  float: left;
  width: 75px;
  padding: 5px;
}

.serv_items {
  clear: both;
  margin-left: 70px;
  margin-top: 10px;
  border-top: 1px solid #621700;
}
.serv_items a{
  font-size: 1.1em;
  padding-left: 3px;
  color:#666;
  border-bottom:1px solid #ddd;
}
.serv_items a:hover {
  text-decoration:none;
  color:#333;
  border-bottom:1px solid #AAA;
}

.intro ul li{font-size:1.2rem; }

.intro-text{
	font-weight:bold;
}

.intro_list {
	padding:20px 2% 20px 2%;
	font-size:1.1em;
	font-weight:bold;
}


.intro ul {
  list-style-type: none;
  padding-left: 20px;
}

.intro li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px
}


.hex_menu_p {
	padding-top: 20px;
}
.hex_menu_p li {
	/*width: 120px;*/
	padding: 10px 8px 10px 8px;
	font-size: 1.0rem;
	background-image: linear-gradient(-20deg, #fc6076 0%, #ff9a44 100%);
	text-align: center;
	margin-top:10px;
	margin-left:20px;
	
}
.hex_menu_p li a{color: #fff3E7;}


.intro {
	/*width: 800px;*/
	background-color: #ffe0b2;
	padding: 3%;

}
.intro p{
	margin-top: 5px;
	font-size: 1.2em;
	line-height: 1.3em;
}
.h3list h3{
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: bold;
	display: inline-block;
	width: 49%;
	margin-top:5px;
	margin-bottom:5px;
}

.cover {padding: 20px;}

.info_block {
	padding: 5%;
	border:1px solid #c8c3BF;
	border-radius: 10px;
	margin-top: 10px;
	background-color: #ffe0b2;
}

.info_block h2 {
	text-transform: uppercase;
	font-size: 140%;
}

.info_block hr {
	border: none; /* Убираем границу для браузера Firefox */
    color: #c8c3BF; /* Цвет линии для остальных браузеров */
    background-color: #c8c3BF; /* Цвет линии для браузера Firefox и Opera */
    height: 1px; /* Толщина линии */
}

.post-1 {
	width: 100%;
	font-size: 1.2em;
	padding: 20px 100px 20px 100px;
}
.post-2 {
	font-size:1.2em;
	width: 100%;
	padding: 50px 10px 10px 100px;
}
.r_title {
	font-size: 1.5em;
	color: #333;
	text-decoration: underline;
}
.r_title:hover {text-decoration: none;}

aside {
	width: 100%;
	/*padding: 10px 100px 50px 100px;*/
	height: 450px;
}

.contact_h2{ color:#d4af00; padding-bottom:20px; font-size:2.1em; padding:3px;}

footer {
	width: 100%;
/*	background-color: #222;*/
	height:35px;
	/*border-top:1px solid #555;*/
}
address{color: #333; padding-top: 50px; padding-left: 50px; font-size: 1.3em;}
.article {padding: 20px 50px 10px 50px;}
.question {padding-right: 30px; padding-left: 50px;  font-size: 1.2em; font-style: italic;}
.answer {padding-right: 30px; padding-left: 50px; font-size: 1.0em; padding-bottom: 30px;}

.lcp_catlist {padding:0 0 0 0;}

ul.lcp_catlist li{
	display: inline-block;
	margin-left: 2%;
	margin-top: 20px;
	width: 300px;
	vertical-align: top;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.75);

}
.lcp_title {
	padding: 15px;
	height: 80px;
	font-size: 1.2em;
	background-color:#ffffff;
}



.top-menu {padding-left: 10px;}
.top-menu li {
	font-size: 1.2em;
	padding: 15px 15px 15px 15px;
	border:1px solid #8C8889;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-left: -5px;
	background: linear-gradient(to bottom, rgba(186,188,185,1) 0%, rgba(255,249,239,1) 51%, rgba(255,236,215,1) 100%);
	-webkit-box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.5);
}
.top-menu li:hover {
	background: linear-gradient(to bottom, rgba(117,67,40,1) 0%, rgba(153,94,69,1) 51%, rgba(141,69,36,1) 100%);
}
.top-menu li:hover a {color: #fff;}
.top-menu li a{color:#000;}



/*********************************************************/
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  border: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;     
}

#cssmenu {
  height: 37px;
  display: block;
  padding: 0;
  margin: 0;
  border:1px solid #8C8889;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: auto;
}
#cssmenu,
#cssmenu > ul > li > ul > li a:hover {
  /*background: #3c3c3c;
 /* background: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: -ms-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: linear-gradient(top, #3c3c3c 0%, #222222 100%);*/
  background: linear-gradient(to bottom, rgba(186,188,185,1) 0%, rgba(255,249,239,1) 51%, rgba(255,236,215,1) 100%);
}

#cssmenu > ul {
  list-style: inside none;
  padding: 0;
  margin: 0;
}
#cssmenu > ul > li {
  list-style: inside none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  position: relative;
}
#cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  padding: 12px 20px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  border-right: 1px solid #080808;
  color: #000;  
}
#cssmenu > ul > li > a:hover {
  /*background: #080808;*/
  color: #ffffff;
}



#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
  content: '';
  position: absolute;
  border-right: 1px solid;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
  border-color: #3c3c3c;  
}
#cssmenu ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
  content: '';
  position: absolute;
  top: 18px;
  right: 6px;
  border: 5px solid transparent;
  border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 19px;
}
#cssmenu ul li.has-sub:hover > a {
  background: #3f3f3f;
  border-color: #3f3f3f;
  padding-bottom: 13px;
  padding-top: 13px;
  top: -1px;
  z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
  display: block;
  margin-left: 80%;
  margin-top: -10px;
}
#cssmenu ul li.has-sub > a:hover {
 /* background: #3f3f3f;*/
  border-color: #3f3f3f;
  background: linear-gradient(to bottom, rgba(117,67,40,1) 0%, rgba(153,94,69,1) 51%, rgba(141,69,36,1) 100%);
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 38px;
  padding: 0px 0;
  /*background: #3f3f3f;*/
  background: linear-gradient(to bottom, rgba(186,188,185,1) 0%, rgba(255,249,239,1) 51%, rgba(255,236,215,1) 100%);
  border-radius: 0 0 5px 5px;
  z-index: 999;
}
#cssmenu ul li > ul {
  width: 200px;
}
#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  padding: 0;
  margin: 0;
  position: relative;
}
#cssmenu ul li > ul li a {
  outline: none;
  display: block;
  position: relative;
  margin: 0;
  padding: 8px 20px;
  font: 10pt Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#cssmenu ul ul a:hover {
  color: #ffffff;
}
#cssmenu > ul > li.has-sub > a:hover:before {
  border-top: 5px solid #ffffff;
}

.kama_breadcrumbs {
  padding: 10px;
  font-size: 1.1em;
}
.hide {display: none;}
.hide + label ~ div{display: none;}
.hide + label {
    border-bottom: 1px dotted green;
    padding: 0;
    cursor: pointer;
    display: inline-block; 
}
.hide:checked + label { border-bottom: 0;}
.hide:checked + label + div { display: block;}
.menu_related {
	font-size:1.1em;
	padding:0 0 0 5px;
}
.slogan {
	padding-top:20px;
	color: #eeeeee;
	font-size: 1.7em;
}

.wpcf7-form-control-wrap {
    display: none !important;
}