@charset "utf-8";
/*= CSS Reset
-----------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, font, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center, br, hr,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend {
 margin: 0; /* нулевая граница */
 padding: 0; /* нулевые отступы */
 border: 0; /* больше всего для картинок в IE6 */
 outline: 0; /* точечная граница вокруг ссылок в Firefox */
 }
 
 body {line-height: 1; }
 ol, ul {
 list-style: none; /* маркеры без кружочков */
 }
 :focus {outline: 0; /* Firefox выделяет рамкой из точек все ссылки при нажатии */ }
 table {border-collapse: collapse; padding:0px;}
/*Заметьте, для исправления представления в IE6, я предлагаю вместо хакков и Conditional Comments использовать !important. Для всех браузеров кроме IE6 эта строчка будет приоритетной. А на следующей строчке можем написать исправление для IE6, который будет игнорировать !important.*/
/*End CSS Reset
-----------------------------------------------------------------------------------------------------*/
/* =Typography
------------------------------------------------------------------------------------------------------*/

p, h1, h2, h3, h4, h5, h6, a, li, legend, label, input, textarea, td, th, dt,dd
{ font-family:Arial, Helvetica, sans-serif; color:#3b3b3b; }
p, a, li, dt, dd, td,th, legend, label, input{font-size:12px; line-height:14px;}
a{text-decoration:none;} a:hover{text-decoration:underline;}
.olive{color:#768846;}
/* End Typography
------------------------------------------------------------------------------------------------------*/
/*= General
-----------------------------------------------------------------------------------------------------*/
html{height: 100%;}
body { position:relative; min-height:100%; height:auto !important; height:100%; background:url(../images/bgContent.png) repeat;}
#container{ width:1280px;  margin:0 auto; min-height:100%; height:auto !important; height:100%;
 position: relative;margin-bottom:0px;}
#header{ position:relative; background:url(../images/bgHeader.png) repeat; float:left;}
#content{ float:left; position:relative; padding-top:7px; margin-bottom:43px;}
.clearfloat {clear: both;}
.garant{}
#footer { bottom:0px; display:block;margin:0px auto; width:1280px;
background:#fff url(../images/borderF.png) repeat-x; box-sizing:border-box;}
/*End General
-----------------------------------------------------------------------------------------------------*/
/*= Header
-----------------------------------------------------------------------------------------------------*/
#logo {display:inline-block; margin:14px 0px 0px 25px; padding:0px; float:left; width:326px; height:34px;}
#header .phone{font: 35px "Myriad Pro Light", sans-serif; float:right; padding:12px 22px 0 0 ; font-weight:bold;}
.services{width:100%; float:left; position:relative; height:411px; margin-top:11px;}
.services div{float:left; position:relative; height:411px;}
.serv1{width:530px} .serv2{width:433px} .serv3{width:317px}
.services div img{position:absolute; width:100%; z-index:1;}
.services div a{position: absolute; z-index:2; color:#fff; font:16px "Myriad Pro", sans-serif; line-height:16px;
text-shadow:-1px -1px 0 #2c2c2c, 1px -1px 0 #2c2c2c, -1px 1px 0 #2c2c2c, 1px 1px 0 #2c2c2c; letter-spacing:0.5px;}
.services div a:hover{text-decoration:none;
text-shadow:-1px -1px 0 #7c7c7c, 1px -1px 0 #7c7c7c, -1px 1px 0 #7c7c7c, 1px 1px 0 #7c7c7c;}
.serv1 .link1{top:16px; left:75px; width:105px} .serv1 .link2{bottom:144px; right:19px; width:83px;}
.serv2 .link1{top:44px; left:41px; width:92px} .serv2 .link2{top:28px; right:63px; width:125px;} 
.serv2 .link3{bottom:42px; left:60px; width:126px;}
.serv3 .link1{top:38px; left:116px; width:120px;} .serv3 .link2{bottom:88px; right:41px; width:90px;}
.services div a span.cw{position:relative; z-index:2; color:#fff; font:16px "Myriad Pro", sans-serif;
top:-1px; left:0px; line-height:16px;}
.services div a span.cb{color:#2c2c2c; position:absolute; z-index:1; line-height:16px;} 
.services div a:hover span.cb{color:#7c7c7c;}
.services div a span.a1{left: -1px; top: -2px;}
.services div a span.a2{left: 0px; top: -2px;}
.services div a span.a3{left: -1px; top: 1px;}
.services div a span.a4{left: 0px; top: 1px;}
/*End Header
-----------------------------------------------------------------------------------------------------*/
/*= Content
-----------------------------------------------------------------------------------------------------*/
/*= Sidebar
-----------------------------------------------------------------------------------------------------*/
.sidebar{float:left; position:relative; width:242px; padding-left:26px; z-index:2;}
.call{float:left; display:inline-block; width:177px; height:48px; background:url(../images/greenbutton.png) no-repeat;
font-size:16px; color:#fff; padding-left:65px; line-height:46px; margin-bottom:21px;
text-shadow:#edfb9d 0px 0px 10px;}
.sidebar .block, .sidebar1 .block{position:relative; width:100%; background:#fff; float:left;}
.sidebar .block#mainNuv{ padding:27px 0px 12px; margin-bottom:92px;}
.shadR, .shadB{position:absolute; background:url(../images/shadAngle.png) no-repeat;}
.shadR{width:13px; height:88px; right:-13px; bottom:0px; background-position:left top;}
.shadB{width:105px; height:14px; right:-13px; bottom:-13px; background-position:-13px top;}
#mainNuv ul{padding-left:25px;}
#mainNuv ul li{padding-bottom:9px; line-height:16px; font-size:14px;}
#mainNuv ul li a{font-size:14px; color:#3b3b3b; line-height:17px;}
#mainNuv ul li a:hover, #mainNuv ul li.active a{color:#ff7e00; text-decoration:none;}
.adt{text-align:center; padding:40px 0 9px;}
.adt img {position:absolute; top:-66px; left:9px;}
.adt h3{font:16px "Myriad Pro",sans-serif; text-transform:uppercase; margin:0px; padding:0px;
letter-spacing:1px; line-height:16px;}
.adt p{font:16px "Myriad Pro",sans-serif; letter-spacing:0px; line-height:16px;}
.sidebar .block.categories{width:196px; padding:18px 30px 12px 16px; margin-top:19px;}
.sidebar .block.categories ul li{padding-bottom:7px; font-size:12px; line-height:14px;}
.sidebar .block.categories ul li a{font-size:12px; color:#935311; line-height:14px;}
/*End Sidebar
-----------------------------------------------------------------------------------------------------*/
/*= Main
-----------------------------------------------------------------------------------------------------*/
.main{position:relative; float:left; padding-top:11px; z-index:1; width:740px;}

.imgHusbent{position:absolute; width:328px; height:430px; top:12px; left:24px; z-index:1;}
.main .block{ background:#fff; box-shadow:9px 10px 10px #acacac; behavior: url(PIE.htc); margin-right:56px; float:right;
display:inline; position:relative; -moz-box-shadow:9px 10px 10px #acacac; 
-webkit-box-shadow:9px 10px 10px #acacac; margin-top:24px;}
.categories{width:600px; padding:37px 17px 15px 23px;}
.categories ul{float:left; padding-left:18px; }
.categories ul.floatR{float:right;}
.categories ul li{ list-style:url(../images/imgMarker.png); font-size:14px; color:#935311; line-height:16px;
padding-bottom:18px;}
.categories ul li a{font-size:14px; color:#935311; line-height:16px;}
.about, .category-desc{width:550px; padding:34px 57px 68px 46px;}
.category-desc {background:#fff; margin-left:50px; -moz-box-shadow:9px 10px 10px #acacac; -webkit-box-shadow: 9px 10px 10px #acacac; box-shadow:9px 10px 10px #acacac;}
.about .iteml{float:left; width:195px; margin-right:24px;}
.about .iteml img{margin-bottom:13px;}
.about .iteml p{color:#919191; padding-right:25px;}
.about .itemr{float:left; width:397px;}
.about .itemr h3{font-weight:bold; font-style:italic; font-size:14px;}
.about .itemr p{padding:12px 0px 2px;}
.about ul{ padding:4px 0px 0px 5px;}
.about ul li{font-style:italic; background:url(../images/marker2.png) no-repeat left center; padding-left:8px;}
.price{width:581px; padding:30px 109px 50px 31px;}
.price h3{color:#74a400; font:26px "Myriad Pro", sans-serif; padding:12px 0px 44px 76px;}
.price .ico{position:absolute; left:30px; top:30px;}
.listprice{width:529px; border-collapse:collapse; padding:0px; float:right;}
.listprice td{ vertical-align:middle; text-align:left; padding:6px 0px 8px; 
border-bottom: 1px dotted #aeaeae; font-size:16px; font-family:Calibri, sans-serif; line-height:18px; color:#2a2a2a;}
.listprice tr td:first-child{width:441px; padding-left:14px;}
.listprice tr:hover td{background:#CCCCCC;}
.listprice .last_tr td{border-bottom:0px;}

.ref{ position: absolute; bottom:-50px; left:13px; font-size:11px;}
.ref p{font-size:14px; font-family:Calibri, sans-serif; line-height:16px; color:#768846;}
/*End Main
-----------------------------------------------------------------------------------------------------*/
/*End Content
-----------------------------------------------------------------------------------------------------*/
/*= Footer
-----------------------------------------------------------------------------------------------------*/
#footer .block{float:left; position:relative; width:517px; padding:0px 73px 0px 49px;}
.block.floatR{float:right;}
.slogon{font-size:16px; font-style:italic; color:#3f3f3f; padding-right:70px; float:left; line-height:18px;}
.slogon span{color:#668c01;}
.contact{border-collapse:collapse; padding:0px; width:357px; float:right;}
.contact td{font: 20px "Myriad Pro Light", sans-serif; font-weight:bold; color:#6d492b; text-align:left; vertical-align:top;
padding:0px 0px 5px;}
* html .contact td a, *+html .contact td a{font-size:18px;}
.contact td a{font: 20px "Myriad Pro Light", sans-serif; font-weight:bold; color:#6d492b; width:100%;}
.contact td[colspan]{padding-top:35px;}
.contact td.first{font:16px "Myriad Pro", sans-serif; color:#668c01; width:95px;}
.copy{width:338px; height:48px; line-height:48px; background:#e6e6e6; border-radius:7px; behavior: url(PIE.htc); color:#969696; font-size:14px;
padding-left:19px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; -webkit-border-radius:7px;
-moz-border-radius:7px;}
.value{float:left; width:250px; margin-top:30px;}
.value h3{font-size:16px; color:#646464; font-weight:bold; padding-bottom:16px;}
.value p{color:#646464; padding:0px 56px 10px 0px;}
/*End Footer
-----------------------------------------------------------------------------------------------------*/
/*= Form
-----------------------------------------------------------------------------------------------------*/
input{border:1px solid #d9d9d9; padding:0px 0px 0px 9px; height:25px; line-height:25px; width:190px; 
font-size:12px; margin-top:10px;}
textarea{border:1px solid #d9d9d9; padding:6px 9px 0px; font-size:12px; margin-top:10px;}
input[type="checkbox"]{width:auto;}
button{ background: url(../images/greenbutton.png) no-repeat left -48px; height:40px; line-height:40px; 
border:none; font-size:12px; width:161px; text-align:center; font-size:16px; color:#fff; text-shadow: #EDFB9D 0px 0px 10px;
cursor:pointer;}
label, legend{padding-top:10px; display:inline-block; font-weight:bold;}
legend{ font-weight:normal;}
.contact-form, .panel, .pane-sliders{float:left; }
.contact-slider{ float:left;}
/*End Form
-----------------------------------------------------------------------------------------------------*/

h1 {
	margin-top:20px;
	margin-bottom:10px;
}

h2 {
	margin-top:20px;
	margin-bottom:10px;
}

h3 {
	margin-top:20px;
	margin-bottom:10px;
}

p {
	margin-top:7px;
	margin-bottom:7px;
	font-size:13px;
	line-height:160%;
	text-indent:15px;
	text-align:justify;
}

ul {
	margin-left:30px;
	font-size:12px;
	line-height:160%;
}

ul li {
	margin:10px 0;
	font-size:13px;
}

a {
	color:#2f92d5;;
}
/*
@media screen and (min-width:767px) and (max-width:1024px) {

	#header{
		min-width:767px;
		width:100%;
	}
	body{
		min-width:767px;
		width:100%;
	}
	#container{
		min-width:767px;
		width:100%;
	}
	#footer{
		min-width:767px;
		width:100%;
	}
	.main{
		width:100%;
	}
	#content{
		width:100%;
	}
	.block{
		width:90%;
	}
	.imgHusbent{
		left: 270px!important;
	}
}

@media screen and (min-width:481px) and (max-width:766px) {
	.services{
		display:none;
	}
	#header{
		width:100%;
	}
	body{
		width:100%;
	}
	#container{
		width:100%;
	}
	#footer{
		width:100%;
	}
	.main{
		width:100%;
	}
	#content{
		width:100%;
	}
	.block{
		width:90%;
	}
	.imgHusbent{
		display:none;
	}
	
}*/

@media screen and (min-width:320px) and (max-width:480px) {
	.services{
		display:none;
	}
	#header{
		width:100%;
	margin-left: 3%;
		    margin-top: 12%;
	}
	body{
		width:100%;
	}
	#container{
		width:100%;
	}
	#footer{
		width:100%;
		margin: 0px !important;
		/*margin-top: 15px;
		padding: 0px !important;*/
	}
	.main{
		width:100%;
		margin-bottom: 0px !important;
		float: none !important;
	}
	#content{
		width:100%;
		margin-bottom: 5px;
		margin-left: 3%;
	}
	.block{
		width:100%;
	}
	.imgHusbent{
		display:none;
	}
	
	.main .block{
		margin-left:0px !important;
		margin-right:0px;
		margin-bottom: 0px;
	}
	.categories .category-desc{
		padding:10px;
	}
	.maintext{
		padding-right:1px !important;
	}
	.categories ul li{
		padding-bottom: 5px !important;
	}
	.footer-links{
		/*width:95% !important;*/
		display:none;
	}
	.footer-contacts{
		width:95% !important;
	}
	.tovZnak {
		display:none;
	}
	.adt{
		display:none;
	}
	.sidebar .block#mainNuv{
		margin-bottom: 0px !important;
		display: none;
	}
	#logo{
		margin: 10px;
	/*	max-width: 320px;*/
	}
	
	#logo img {
		width: 92%;
		
	}
	.phone{
		display:none;
	}
	.phone-mobile{
		font: 25px "Myriad Pro Light", sans-serif;
		display: inline-block !important;
		/*padding: 0 20px;*/
		width:100%;
		margin:auto;
		font-weight: bold;
		text-align:center;
	}
	.phone-mobile a{
		font: 13px "Myriad Pro Light", sans-serif;
		color:#3b3b3b;
	}
	.category-desc{
		/*display:none;*/
		width: 100%;
		margin-left: 0px !important;
		padding: 0px !important;
	}
	.blog{
		margin: 80px 0;
	}
	.about{
		padding: 1px !important;
		width:100%;
		margin-bottom: 15px !important;
	}
	.about p, .about h3{
		padding: 0 15px;
	}
	.b_child_heading{
		margin-left: 30px !important;
	}
	.item-page, .contactform, .contact-slider, .item-page h1, #mc-container, .category-desc h1, .category-desc h2, .category-desc ul, .category-desc p{
		padding: 0 15px;
	}
	.item-page img{
		width:100%;
		height: auto;
	}
	.items-more{
		margin-top:0px !important;
		text-align: center;
		font-size: 15px;
		line-height: 30px;
	}
	.items-more li, .pagination li{
		
		line-height: 25px;	
	} 
	.galereya img{
		width: auto !important;
	}
	.sidebar1{
		width:100% !important;
		/*padding: 15px;*/
		float: none !important;
		
	}
	.sidebar1 .block{
		margin-top: 0px !important;
		margin-bottom: 15px !important;
	}
	
	.pagination{
		margin-left: 2px !important;
	}
	.counter{
		display:none;
	}
	.call{
		display:none;
	}
	.sidebar{
		width: 100%;
		padding-left: 0px;
	}
	#mainNuv{
		padding: 10px 0 !important;
	}
	.menu-mobile{
		/*display:block !important;*/
	}
	.menu-mobile a{
		padding:15px 6px;
		line-height: 25px;
		font-size: 13px;
		text-transform: uppercase;
		color: #ff8916;
	}
	.menu{
		display:none !important;
	}
	.categories{
		margin:15px 0px !important;
		padding: 0px !important;
	}
	.categories center {
		padding: 0 15px;
	}
	.categories h1{
		padding: 0 15px;
	}
	.custom{
		padding: 15px;
	}
	.shadB, .shadR{
		display:none;
	}
	
}

/*Menu*/

.mobile-menu {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 16px;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  z-index: 9999999;
}
.mobile-menu__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 30px;
  cursor: pointer;
  transition: .4s;
}
.mobile-menu__icon {
  display: block;
  position: relative;
  background: #000;
  width: 90%;
  height: 4px;
  transition: .4s;
}
.mobile-menu__icon::after, .mobile-menu__icon::before {
  content: "";
  display: block;
  position: absolute;
  background: #000;
  width: 100%;
  height: 4px;
  transition: .4s;
}
.mobile-menu__icon::after {
  top: 8px;
}
.mobile-menu__icon::before {
  top: -8px;
}
.mobile-menu__container {
  position: fixed;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 999;
  height: 0;
  opacity: 1;
  transition: .5s;
  overflow: hidden;
  background-color: #FCC03B;
}
.mobile-menu__list {
  transition: .5s;
  list-style: none;
  padding-left: 0;
  margin-top: -50px;
}
.mobile-menu__item {
  font-size: 26px;
  padding-bottom: 15px;
}
.mobile-menu__link {
  text-decoration: none;
  color: #fff;
  font-size: 19px;
  text-transform: uppercase;
}
.mobile-menu__checkbox {
  display: none;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__nav {
  opacity: 1;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__container {
  height: 100%;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon {
  background: transparent;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before, .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
  top: 0;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

@media only screen and (min-width: 480px) {
.mobile-menu__btn{display:none!important;}
}