@import url("reset.css");
@import url("helper.css");
@import url("clearsans.css");
@import url("bebas.css");


BODY{ background-image:url(../images/body-bg.png); min-width:320px; width: 100%; font-family:"ClearSansRegular", 'Helvetica', "Arial" }
DIV{position:relative}
.show-480{ display:none !important}
.show-600{ display:none !important}
.show-800{ display:none !important}
.show-1024{ display:none !important}
.container{ width:100%; max-width:1250px;  min-height:400px; background:#FFFFFF; 

	box-shadow: 0px 0px 12px -3px #3c3c3c;  
	-webkit-box-shadow: 0px 0px 12px -3px #3c3c3c;  
	-moz-box-shadow:0px 0px 12px -3px #3c3c3c;
}
.wrapper{ width:90%; margin:auto; height:100%; display:flex; justify-content:space-around; flex-direction:row-reverse; padding-bottom:20px;}

.top-header{ height:44px; background:#e18c44}
.top-header .menu-button{ display:none; width:30px; height:30px; background-image:url(../images/menu-ico-w.svg); background-repeat:no-repeat; 
	background-position:center; background-size:contain; position:absolute; top:7px; right:10px;  z-index:500} 
.top-header .phone{ position:absolute; top:0px; line-height:44px; left:20px; font-size:14px; color:#fff; text-decoration:none;}		



.header{ height:60px;     margin-bottom: 15px; }

.header .logo{ display:block; width:200px; height:100%; background-image:url(../logo.png); background-repeat:no-repeat; 
	background-position:center left; background-size:contain; position:absolute; top:15px; left:0; z-index:500; height:30px; } 

	

.icons-2{ position:absolute;  top:15px;  height:28px; width:100%;  z-index:100 }	
.icons-2 .icon-2-wrap{ display:block; position:absolute; height:100%; text-decoration:none;}
.icons-2 .icon-2-wrap.phone{ right:120px}
.icons-2 .icon-2-wrap.map{ right:160px; }


.icons-2 .icon-2-wrap .icon{ width:28px; height:28px; display:block; background-image:url(../images/icons-2.png); background-repeat:no-repeat; background-position-y:-162px; position:absolute; left:0; top:0; bottom:0; margin:auto}	
.icons-2 .icon-2-wrap .text{ width:100px; height:32px;  float:right;}	
.icons-2 .icon-2-wrap.basket .icon{background-position-x:0;}

.icon-3{ width:28px; height:28px; display:block; background-image:url(../images/icons-2.png); background-repeat:no-repeat; background-position-y:-190px; position:absolute; top:0; bottom:0; margin:auto; left:0;}	
.icon-3.map-ico{ display:none;    background-position: -28px -162px;}
.icon-3.phone-ico{    background-position: 0px -162px;}
	
.basket-block{ position: absolute; display:block; top: 15px; right:20px; width:28px; height: 28px; z-index: 100;}
.basket-block .basket-icon{ display:block; width:100%; height:100%; background-image:url(../images/icons-2.png); background-repeat:no-repeat; background-position:0 -218px;}
.basket-block .basket-count{ display:block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
	    width: 20px; height: 20px; line-height: 19px; background: #ececec; color: #969696; font-size: 12px; text-align: center; position: absolute; top: -3px; right: -9px;}	
		
.header .adress{ display:none; position:absolute; top:55px; font-size:12px; color:#A0A0A0; width:200px; left:0; text-decoration:none; line-height:14px;}		
.header .phone{ display:none; position:absolute; top:20px; font-size:14px; color:#A0A0A0; width:150px; right:0; text-decoration:none; line-height:14px;}		
.header .phone .text{ text-align:right; display:block}		


/***************************************************/

.over-content .title{    display: block;    background: #e18c44;    color: #FFFFFF;    padding: 10px 15px;    text-transform: uppercase; }

/***************************************************/
.content{ padding-top:20px }

h2.home-page{text-align:center; font-size:16px; display:block; padding:10px; line-height:1.3em;  font-family:'ClearSansThin'; text-transform:uppercase}

article{ max-width:100% ; width:100%}

article h1{ font-size:20px; text-transform:uppercase; text-align:center; line-height:1.3em; font-family:'ClearSansThin'; padding:0; margin-bottom:15px; }
article h2{ font-size:16px; text-transform:uppercase; text-align:left; line-height:1.3em; font-family:'ClearSansThin'; padding:20px 0 3px 0; margin-bottom:10px; border-bottom:1px dashed #e18c44 }
article.home h2{ border:none}
article p{ font-size:14px; line-height:1.5em; margin-bottom:10px; text-align:justify; }
article ul,ol{ font-size:14px; line-height:1.5em; padding:10px; margin-left:40px;}

article p img{height:auto; max-width:100%; margin:10px;}
article p img.center{ display:block; margin:auto}

article img.pimg{ width:100%;  height:auto; max-width:100%; margin-bottom:15px;}

article .yandex-map{ height:300px;}

article .attention{ padding:15px; background:#eee; border:1px dashed #D19A5D; margin:10px 0}
article .attention h3{ font-size:16px; font-weight:bold; color:#e18c44; margin-bottom:5px;}



aside{ box-sizing:border-box; padding-right:20px;  }

.title-wrap .page-banner{ width:100%; height:200px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.title-wrap.home .page-banner{ background-size:cover; height:200px;}
.title-wrap .page-banner.remont{ background-image:url(../../../images/banner-remont.jpg)}
.title-wrap .page-banner.zapchasti{ background-image:url(../../../images/banner-zapchasti.jpg)}


.title-wrap .page-banner.home{ background-image:url(../../../images/servis-centr2.jpg)}
.title-wrap h1{ font-size:18px; text-transform:uppercase; text-align:center; line-height:1.3em; font-family:'ClearSansThin'}
.title-wrap.home h1{ position:absolute; top:30px; left:0; right:0; width:80%; height:55px; font-size:22px; color:#FFFFFF;  padding:15px; margin:auto;     }

.home-text{ padding:20px 0 30px 0; text-align:center; line-height:1.5em}
.home-text *{text-align:center;}

/******************************************************/

aside .title{    background: #e18c44;    padding: 10px;    text-transform: uppercase;    color: #fff;}

ul.smenu{ list-style:none}
ul.smenu .title{ padding:10px; text-align:center; text-transform:uppercase; color:#FFFFFF;  background:#806d57;}
ul.smenu a, ul.smenu span{ display:block; padding:12px 10px; background:#dadada; color:#585858; text-decoration:none; position:relative; box-sizing:border-box; padding-right:25px;
	border-top:1px solid #cca98d; border-bottom:1px solid #ffffff; font-size:13px; line-height:1.4em}
ul.smenu a .icon{ display:block; position:absolute; top:0; right:0; height:100%; width:20px;}

ul.smenu a:hover, ul.smenu span:hover{ background-color:#969696; color:#fff}
ul.smenu a.current, ul.smenu span.current{ background-color:#f4f4f4}
ul.smenu .level-1 > a.active , ul.smenu .level-1 > span.active { background-color:#969696; color:#fff}

ul.smenu .level-2 a:after, ul.smenu  .level-2 span.current{ content:""; position:absolute; height:100%; width:15px; top:0px; right:10px; background-image:url(../images/logos.png); background-position:-484px center; background-repeat:no-repeat; }
ul.smenu li {position:relative}
ul.smenu .level-2 li.current:before{content:""; position: absolute;   left:-3px;  top:0;  bottom:0;width:3px; background:#e18c44; display:block; right:-3px }
ul.smenu .level-2 li.current:after{content:""; position: absolute;   right:-3px;  top:0;  bottom:0;width:3px; background:#e18c44; display:block; right:-3px }

ul.smenu.level-2{display:none}

ul.smenu li.level-1.active ul.smenu.level-2{ display:block}

ul.smenu.level-2 a{background: #eee;    padding: 7px 10px 7px 30px;}
ul.smenu.level-2 a:hover{ background:#ffe0c6; color:#585858}

ul.smenu.level-1 > li.close:before{ content:""; width:0; height:0; position:absolute; top:17px; margin:auto; right:10px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid #e18c44;
	z-index:10
	}
ul.smenu.level-1 > li.open:before{ content:""; width:0; height:0; position:absolute; top: 17px;  margin:auto; right:10px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 10px solid #e18c44;
	z-index:10
	}

/******************************************************/

.over-container  .over_menu{ list-style:none; padding:10px}
.over-container  .over_menu .title{ padding:10px; text-align:center; text-transform:uppercase; color:#FFFFFF;  background:#806d57;}
.over-container  .over_menu a{ display:block; padding:12px 10px; color:#eee; text-decoration:none; position:relative; box-sizing:border-box; padding-right:25px;
	border-bottom:1px solid #4a4a4a; font-size:13px; line-height:1.4em; background:none; border-top:none}
.over-container  .over_menu a .icon{ display:block; position:absolute; top:0; right:0; height:100%; width:20px;}

.over-container .over_menu li.current:before{display:none}
.over-container  .over_menu a:hover{background:none;}
.over-container  .over_menu a.current{background:none;}
.over-container  .over_menu a:before{ display:none}
.over-container  .over_menu a.current:before{display:none}

.over-container  .over_menu a:after{content:""; position:absolute;  width: 0;   height: 0;  border: 7px solid transparent; border-left-color: #6d6d6d;  
  border-right: 0; top:15px; right:0px}
.over-container  .over_menu li {position:relative}
.over-container  .over_menu li.current:after{content:""; position:absolute;  width: 0;   height: 0;  border: 7px solid transparent; border-left-color: #e18c44;  
  border-right: 0; top:15px; right:0px; background:none }
  




/***************************************************/

.elems-list-wrapper{ padding-top:10px; padding-bottom:20px;display:flex; justify-content:center; flex-wrap:wrap;}
.elems-list-wrapper .elem-wrap{ width:50%; float:left; box-sizing:border-box; padding:10px;}
.elems-list-wrapper.zapchasti .elem-wrap{ width:100%;}
.elems-list-wrapper .elem{border:1px solid #D9D9D9; display:block; text-decoration:none;}
.elems-list-wrapper .elem .elem-icon{ width:100px; height:100px; margin:auto; margin-top:10px; background-repeat:no-repeat; background-image:url(../images/icons.png@v=3)}
.elems-list-wrapper .elem .elem-icon.large{ background-image:url(../images/icons-3.png)}
.elems-list-wrapper.zapchasti .elem .elem-icon{ width:180px; height:144px; background-image:url(../images/zapchasti-ico.jpg);}
.elems-list-wrapper .elem .elem-title{ height:60px; text-align:center; padding:10px; display:block; display:flex;  }
.elems-list-wrapper .elem .elem-title span{ margin:auto; font-size:13px; color:#4B4B4B }
.elems-list-wrapper .elem:hover{background:#fe9c01;	color:#fff;
	box-shadow: 0px 0px 12px -3px #3c3c3c;   -webkit-box-shadow: 0px 0px 12px -3px #3c3c3c;  	-moz-box-shadow:0px 0px 12px -3px #3c3c3c; 	}
.elems-list-wrapper .elem:hover .elem-title span{ color:#FFFFFF}

.elems-list-wrapper .elem:after{content: ""; position: absolute; width: 0;	height: 0;	border-bottom: 15px solid #fe9c01; 	border-left: 15px solid transparent; bottom:11px; right:11px}
.elems-list-wrapper .elem:hover:after{content: ""; position: absolute; width: 0;	height: 0;	border-bottom: 15px solid #000; 	border-left: 15px solid transparent; bottom:11px; right:11px}

		
.elems-list-wrapper .elem:hover .elem-icon{ background-position-y: -100px}
.elems-list-wrapper.zapchasti .elem:hover .elem-icon{ background-position-y:0; box-shadow: 0px 0px 12px -3px #3c3c3c;   -webkit-box-shadow: 0px 0px 12px -3px #3c3c3c;  	-moz-box-shadow:0px 0px 12px -3px #3c3c3c;}

.elems-list-wrapper .elem .elem-icon.ico-01{}
.elems-list-wrapper .elem .elem-icon.ico-02{ background-position-x:-100px;}
.elems-list-wrapper .elem .elem-icon.ico-03{ background-position-x:-200px;}
.elems-list-wrapper .elem .elem-icon.ico-04{ background-position-x:-300px;}
.elems-list-wrapper .elem .elem-icon.ico-05{ background-position-x:-400px;}
.elems-list-wrapper .elem .elem-icon.ico-06{ background-position-x:-500px;}
.elems-list-wrapper .elem .elem-icon.ico-07{ background-position-x:-600px;}
.elems-list-wrapper .elem .elem-icon.ico-08{ background-position-x:-700px;}
.elems-list-wrapper .elem .elem-icon.ico-09{ background-position-x:-800px;}
.elems-list-wrapper .elem .elem-icon.ico-10{ background-position-x:-900px;}
.elems-list-wrapper .elem .elem-icon.ico-11{ background-position-x:-1000px;}
.elems-list-wrapper .elem .elem-icon.ico-12{ background-position-x:-1100px;}
.elems-list-wrapper .elem .elem-icon.ico-15{ background-position-x:-1300px;}


.elems-list-wrapper .elem .elem-icon.ico-16{ background-position-x:-1800px;}
.elems-list-wrapper .elem .elem-icon.ico-23{ background-position-x:-3100px;}
.elems-list-wrapper .elem .elem-icon.ico-24{ background-position-x:-3000px;}
.elems-list-wrapper .elem .elem-icon.ico-25{ background-position-x:-1200px;}
.elems-list-wrapper .elem .elem-icon.ico-26{ background-position-x:-3200px;}
.elems-list-wrapper .elem .elem-icon.ico-27{ background-position-x:-1900px;}
.elems-list-wrapper .elem .elem-icon.ico-28{ background-position-x:-2100px;}
.elems-list-wrapper .elem .elem-icon.ico-29{ background-position-x:-2000px;}
.elems-list-wrapper .elem .elem-icon.ico-30{ background-position-x:-2300px;}
.elems-list-wrapper .elem .elem-icon.ico-31{ background-position-x:-2800px;}
.elems-list-wrapper .elem .elem-icon.ico-32{ background-position-x:-2900px;}


.elems-list-wrapper .elem .elem-icon.ico-101{}
.elems-list-wrapper .elem .elem-icon.ico-102{ background-position-x:-180px;}
.elems-list-wrapper .elem .elem-icon.ico-103{ background-position-x:-360px;}
.elems-list-wrapper .elem .elem-icon.ico-104{ background-position-x:-540px;}
.elems-list-wrapper .elem .elem-icon.ico-105{ background-position-x:-720px;}
.elems-list-wrapper .elem .elem-icon.ico-106{ background-position-x:-900px;}
.elems-list-wrapper .elem .elem-icon.ico-113{ background-position-x:-3300px;}
.elems-list-wrapper .elem .elem-icon.ico-114{ background-position-x:-3400px;}
.elems-list-wrapper .elem .elem-icon.ico-115{ background-position-x:-3500px;}
.elems-list-wrapper .elem .elem-icon.ico-112{ background-position-x:-3600px;} 
.elems-list-wrapper .elem .elem-icon.ico-116{ background-position-x:-3700px;} 
.elems-list-wrapper .elem .elem-icon.ico-135{ background-position-x:-3800px;} 
.elems-list-wrapper .elem .elem-icon.ico-136{ background-position-x:-3900px;} 
.elems-list-wrapper .elem .elem-icon.ico-296{ background-position-x:-4000px;} 
.elems-list-wrapper .elem .elem-icon.ico-297{ background-position-x:-4100px;} 
.elems-list-wrapper .elem .elem-icon.ico-298{ background-position-x:-4200px;} 
.elems-list-wrapper .elem .elem-icon.ico-299{ background-position-x:-4300px;} 
.elems-list-wrapper .elem .elem-icon.ico-300{ background-position-x:-4400px;} 
.elems-list-wrapper .elem .elem-icon.ico-301{ background-position-x:-2700px;} 

.elems-list-wrapper .elem .elem-icon.ico-397{ background-position-x:0px;}  
.elems-list-wrapper .elem .elem-icon.ico-398{ background-position-x:-100px;} 
.elems-list-wrapper .elem .elem-icon.ico-404{ background-position-x:-200px;} 
.elems-list-wrapper .elem .elem-icon.ico-439{ background-position-x:-300px;} 
.elems-list-wrapper .elem .elem-icon.ico-584{ background-position-x:-4500px;} 
.elems-list-wrapper .elem .elem-icon.ico-620{ background-position-x:-4600px;} 
.elems-list-wrapper .elem .elem-icon.ico-438{ background-position-x:-4700px;} 
.elems-list-wrapper .elem .elem-icon.ico-809{ background-position-x:-500px;} 
.elems-list-wrapper .elem .elem-icon.ico-810{ background-position-x:-700px;} 
.elems-list-wrapper .elem .elem-icon.ico-811{ background-position-x:-600px;} 
.elems-list-wrapper .elem .elem-icon.ico-812{ background-position-x:-800px;} 
.elems-list-wrapper .elem .elem-icon.ico-993{ background-position-x:-4800px;} 
.elems-list-wrapper .elem .elem-icon.ico-1057{ background-position-x:-4900px;} 
.elems-list-wrapper .elem .elem-icon.ico-1112{ background-position-x:-5000px;} 




.items-list-wrapper{ display:flex; align-content:center; justify-content:center; flex-wrap:wrap; padding-bottom:15px;}
.items-list-wrapper .item-wrap{ display:inline-flex; width:90%; box-sizing:border-box; padding:10px;}
.items-list-wrapper .item{border:1px solid #D9D9D9; display:block; text-decoration:none; width:100%}
.items-list-wrapper .item .item-icon{ width:100%; height:140px; margin:auto; margin-top:10px; background-repeat:no-repeat; background-size: contain; background-position:center}
.items-list-wrapper .item .item-title{ height:60px; text-align:center; padding:10px; display:block; display:flex;  }
.items-list-wrapper .item .item-title span{ margin:auto; font-size:13px; color:#4B4B4B }
.items-list-wrapper .item .item-price{text-align:center; padding-bottom:15px; display:block;  font-size:13px; color:#848484  }
.items-list-wrapper .item .item-price span{ margin:auto; font-size:18px; color:#E83336; font-weight:bold; padding:0 5px; }
.items-list-wrapper .item:hover{box-shadow: 0px 0px 12px -3px #3c3c3c;   -webkit-box-shadow: 0px 0px 12px -3px #3c3c3c;  	-moz-box-shadow:0px 0px 12px -3px #3c3c3c; 	}

.items-list-wrapper .item:after{content: ""; position: absolute; width: 0;	height: 0;	border-bottom: 15px solid #fe9c01; 	border-left: 15px solid transparent; bottom:11px; right:11px}
.items-list-wrapper .item:hover:after{content: ""; position: absolute; width: 0;	height: 0;	border-bottom: 15px solid #000; 	border-left: 15px solid transparent; bottom:11px; right:11px}


.goods-wrapper{ display:flex;     flex-wrap: wrap; justify-content:space-around;     align-items: stretch;}
.goods-wrapper .goods-item-wrap{ display:inline-flex; width:100%; max-width:300px; padding:15px; box-sizing:border-box;}
.goods-item-wrap .goods-item{width:100%; box-sizing:border-box; border: 1px solid #fff; padding-bottom:10px;}
.goods-item-wrap .goods-item:hover{border: 1px solid #d2d1d1;     box-shadow: 0px 0px 12px -3px #3c3c3c;    -webkit-box-shadow: 0px 0px 12px -3px #3c3c3c;    -moz-box-shadow: 0px 0px 12px -3px #3c3c3c;}
.goods-item-wrap .goods-item .img{ width:100%; box-sizing:border-box; height:200px; background-size:contain; background-repeat:no-repeat; background-position:center}
.goods-item-wrap .goods-item .title{ text-align:center; font-size:14px;  font-family:'ClearSansLight'; line-height:1.4em; }
.goods-item-wrap .goods-item .title a{ color:#565656; text-decoration:none; }
.goods-item-wrap .goods-item:hover .title a{ text-decoration:underline; }
.goods-item-wrap .goods-item .price{ text-align:center; font-size:16px; line-height:1.4em; color:#FF4C4F; margin:10px 0}
.goods-item-wrap .goods-item .price .pd{font-size:13px; line-height:1.4em; color:#808080; padding-left:7px;}
.goods-item-wrap .goods-item .goods-button{    display: block; padding: 10px 0; text-align: center; text-decoration: none; width: 160px; font-size: 14px; text-transform: uppercase;  background: #f75353;  color: #F1F1F1; font-family: 'ClearSansThin'; border-bottom: 3px solid #b71111; margin: auto;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.goods-item-wrap .goods-item .more-link{ text-align:center; padding-top:15px;}
.goods-item-wrap .goods-item .more-link a{ text-decoration:none; font-size:13px; color:#9B9B9B}
.goods-item-wrap .goods-item .more-link a:hover{ text-decoration:underline}
.goods-item-wrap .goods-item .goods-button:hover{ background:#d60000; cursor:pointer}
.goods-item-wrap .goods-item{display:flex; flex-direction:column; align-items:center} 
.goods-item-wrap .goods-item .description { display:flex; flex-direction:column; }

.goods-item-wrap .goods-item .nalichie{ display:block; text-align:center; font-size:13px; line-height:1.4em; color:#b5b5b5; margin-top:10px;}
.goods-item-wrap .goods-item .nalichie.nal{color:#2bbd4b;}


/***************************************************/

.top-text .block{ border:2px dashed #e18c44; padding:15px 20px; box-sizing:border-box; margin-bottom:20px; background:#efecea; }
.top-text .block h3{ font-family:'ClearSansThin'; font-size:16px; margin-bottom:10px; text-transform:uppercase; text-align:center;}
.top-text .block p{ font-size:14px;text-align:center;  line-height:1.3em;}

/****************************************************/

.popupinfo { border:1px dashed #e18c44;  padding:10px 0;}
.popupinfo h2{ text-align:center; text-transform:uppercase; font-family:'ClearSansThin'; font-size:18px;}
.popupinfo p{ text-align:center; padding:10px 10px; line-height:1.5em; font-size:14px;}
.popupinfo .yandex-map{ height:250px; background:#DCDCDC}
.popupinfo .phone{ font-size:22px; font-weight:bold; color: #e18c44;}

/***************************************************/

.footer{ min-height:100px; background:#676666}
.footer .logo{ display:block; width:150px; height: 70px; background-image:url(../logo.png); background-repeat:no-repeat; 
	background-position:center left; background-size:contain; position:absolute; top:0; left:0; right:0; margin:auto; z-index:500 } 
	
.footer .menu-wrap{ display: block; padding-top:70px}
.footer	.menu-wrap ul{display:block}
.footer	.menu {list-style: none;display: block; text-align:center; }
.footer	.menu li{display: inline-block; padding:0 10px}
.footer	.menu li a{color: #e4e4e4; display: block; font-size: 13px; padding: 3px 0px; text-decoration:none; border-bottom:1px solid #969696;  }
.footer	.menu li:first-child a{ margin-left:0;}
.footer	.menu li a.current{border-bottom:3px solid #fff;}
.footer	.menu li a:hover{border-bottom:1px solid #fff; }	

.footer .contacts{ text-align:center; font-size:12px; color:#e4e4e4; padding:20px }
.footer .contacts span{ display:block; padding:5px 0}
.footer .politica{display:block; margin:auto; padding-top:20px; font-size:12px; color:#c7c7c7;     width: 200px;
    text-align: center;}

/****************************************************/

.page-button{ display:block; padding:20px; text-align:center; text-decoration:none; max-width:300px; min-width:200px; font-size:16px; text-transform:uppercase; background:#424242; color:#F1F1F1; font-family:'ClearSansThin'; margin:20px auto;}
.page-button:hover{ background:#e59c5d; color:#000000}

.text-button-wrap{ padding:20px 15px; text-align:center}
.text-button-wrap a{ display: inline-block; padding:25px 50px; font-size:18px;  text-transform:uppercase; background:#424242; color:#F1F1F1; font-family:'ClearSansThin'; text-decoration:none}
.text-button-wrap a:hover{background:#e18c44}


/**************************************************/
/*
.breadcrumbs-container{ display:none;}

.breadcrumbs.wrapper{padding:0; display:none}
.breadcrumbs{ clear:both;}
.breadcrumbs .title{ font-size:13px;  font-family:'ClearSansLight'; font-weight:normal }

.breadcrumbs.scrolling{margin-left:100px}
.breadcrumbs ul{ display:block; text-align:left; list-style:none; margin:0; padding:0;}
.breadcrumbs ul li{ display:inline-block; padding:0 5px;}
.breadcrumbs img.home{width: 17px;     vertical-align: text-bottom;  }
.breadcrumbs ul li a,
.breadcrumbs ul li span,
.breadcrumbs .rarr{ color:#b3a58f;  line-height:25px;  }
.breadcrumbs ul li a{text-decoration:underline}

.breadcrumbs ul li a:hover{ color:#3F3F3F;  }

/************************************************/
.menu-button {
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(../images/menu-ico-2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    z-index: 500;}
	
.content .map {
    width: 100%;
    height: 350px;
    background-color: #dff0f2;
    background-image: url(../images/preloader-01.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #cbe7ea;
    box-sizing: border-box;
}
.on-map img{ display:none}

.float-right-img{ width:100%; display:block; height:auto; margin:10px 0;}

.about-flex{ display:flex; flex-direction:row; flex-wrap:wrap; padding-bottom:30px; padding-top:25px;  justify-content: space-between; width:100%;}
.about-flex .about-flex-item{ display:inline-flex; width:100%; flex-direction:column; margin-bottom:10px;     background: #eee;}
.about-flex .about-flex-item .title{ margin-bottom:10px; background:#e18c44; color:#FFFFFF;     display: flex;    align-items: center; text-align:center; height:100px;     justify-content: center; font-size:16px; padding:0 15px; box-sizing:border-box; line-height:1.6em}
.about-flex .about-flex-item .text{ margin:10px; display: flex; font-size:13px; line-height:1.4em; color:#4F4F4F}

.blok-flex{ display:flex; flex-direction:row; flex-wrap:wrap; padding-bottom:30px; padding-top:25px;  justify-content: space-between; width:100%;}
.blok-flex .blok-flex-item{ display:inline-flex; width:100%; flex-direction:column; margin-bottom:10px;     background: #eee;}
.blok-flex .blok-flex-item .title{ margin-bottom:10px; background:#5f5e5e; color:#FFFFFF;     display: flex;    align-items: center; text-align:center;     justify-content: center; font-size:16px; padding:15px 15px; box-sizing:border-box; line-height:1.6em}
.blok-flex .blok-flex-item .text{ margin:10px; display: flex; font-size:13px; line-height:1.4em; color:#4F4F4F}
.blok-flex .blok-flex-item .text.center{ text-align:center;}
.blok-flex .blok-flex-item .text.price{ }
.blok-flex .blok-flex-item .text.price span{ font-size:16px; }


.search-input{ display:none}
.search-form{ display:block; position:relative;  margin:auto; text-align:center; height:28px; width:140px;  
box-shadow:inset 1px 1px 5px hsla(0, 0%, 0%, 0.2), inset -1px -1px 5px hsla(0, 0%, 0%, 0.2); background: #fff; }
.search-form input.text{ padding-left:10px; padding-right:35px; width:100%; height:100%; margin:auto; border:none; box-sizing:border-box; background-color:transparent;
}
.search-form input.button{ display: block; margin:auto; border:none; box-sizing:border-box; height:100%; width:28px;  
	background-image:url(../images/search-icon.png); background-repeat:no-repeat; background-position:center; background-color:transparent;
	position:absolute; top:0;  right:3px;
	cursor:pointer;     opacity: 0.3;}


.over-content .search-form{ margin-top:20px; height:35px; padding:2px; width:220px;}

/****************************/
.zp-banner{ background-image:url(../images/zp-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding-bottom:20px;}
.zp-banner .text1{ height:60px;  background-image:url(../images/vnimanie-2.png); background-repeat:no-repeat; background-position: 10px center; padding-left:60px; box-sizing:border-box; color:#FFFFFF;text-transform:uppercase; line-height:60px; font-size:18px; }
.zp-banner .text2{ font-size:18px; color:#FFFFFF; text-align:center; padding:5px 15px; line-height:1.5em}
.zp-banner .text3{ font-size:18px; color:#FFFFFF; text-align:center; padding:5px 15px; line-height:1.5em}

.zp-banner .text1:before{ content:""; position:absolute; top:45px; left:60px; width:64px; height:2px; background:#FFFFFF; }

.zp-banner a{ display:block; width:100px; margin:auto; background:#ff7f00; color:#FFFFFF; text-decoration:none; text-align:center; padding:10px; position:relative; margin-top:10px; }
.zp-banner a:before{ content:""; display:block; position:absolute; right:-20px; top:0; bottom:0; margin:auto;  width:0px; height:0px; 
border-top: 25px solid transparent;	border-left: 20px solid #ff7f00; 	border-bottom: 25px solid transparent;}
.zp-banner a:hover{ cursor:pointer; background:#fb9f43}

/************** brands *******************/
.brands{}
.brands img{ width:33.3%; max-width:160px; height:auto; box-sizing:border-box; border:1px solid #E7E3E3; padding:5px; display:block; float:left}

/************** important ****************/
.content .important{ margin:10px 0; border:1px solid #d98c4a; padding:10px; padding-left:60px; background-image:url(../images/expert-ico.png); background-repeat:no-repeat; background-position:10px 10px; background-color:#f3f3f3; margin:10px 0 }
.content .important h4{ font-size:16px; text-transform:uppercase; margin-bottom:5px }

/******************usl-banner*******************/
.usl-banner{ height:350px; background-position:center; background-size:cover; position:relative; margin-bottom:20px;}
.usl-banner:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%;  background-color:#0606068f;}
.usl-banner .usl-banner-cont{ z-index:1; padding-top:30px;}
.usl-banner .usl-banner-cont *{ color:#FFFFFF; border:none; text-align:center; font-size:18px; font-family:'ClearSansThin'; }
.usl-banner .usl-banner-cont .usl-banner-title{ font-size:22px;}
.usl-banner .usl-banner-cont .usl-banner-link{ display:block; margin:auto; width:40px; height:43px; background:url(../images/banner-map-ico.png); background-repeat:no-repeat; background-position:center;cursor:pointer;}

.usl-banner .usl-banner-cont .price-wrap{ padding-top:10px;}
.usl-banner .usl-banner-cont .price{ display:inline-block; padding:3px 10px; margin-left:10px; color:#FFFFFF; font-size:20px; border:1px solid;}
.usl-banner .usl-banner-button{ display:block; padding:15px 0px; background:#FF3E41; color:#FFFFFF; text-decoration:none; text-align:center; font-size:16px;  width:260px; margin:auto; margin-top:30px; text-transform:uppercase; line-height:22px;
box-shadow: 0px 8px 5px -4px #000000;  
-webkit-box-shadow: 0px 8px 5px -4px #000000;  
 }


@media only screen and (min-width: 460px) {
	
	.header .logo{width:170px; height:40px;  background-image:url(../logo.png);}
	.icons-2 .icon-2-wrap.phone{ right:170px}
	.icons-2 .icon-2-wrap.map{ right:220px}
	.basket-block {}
	.basket-block .basket-count { width:24px; height:24px; line-height:24px; font-size:13px; top:3px; right:-26px;}
	
	.header .adress{ width:230px; height:30px; line-height:28px; top:60px; left:7px;}
	.header .adress .text{ padding-left:40px; display:block;}
	.header .phone{ height:30px; top:60px; line-height:15px;}


	
	.title-wrap h1{ font-size:24px;}
	article h1{ font-size:24px;} 
	
	.elems-list-wrapper .elem-wrap{ width:33.33%;}
	.elems-list-wrapper.zapchasti .elem-wrap{ width:50%;}

	.items-list-wrapper .item-wrap{ width:50%;}
	
	.about-flex .about-flex-item{ width:49%; margin-bottom:10px;}
	
	.blok-flex .blok-flex-item{ width:49%; margin-bottom:10px;}
	
	
	/******************usl-banner*******************/
	.usl-banner .usl-banner-cont *{font-size:20px; }
	.usl-banner .usl-banner-cont .usl-banner-title{ font-size:26px;}
	.usl-banner .usl-banner-cont .price{font-size:22px}

	
}

@media only screen and (min-width: 600px) {
	
	.float-right-img{ max-width:45%; float:right; margin:10px 0px 10px 15px;} 

	.hide-600{display:none !important}
	.show-600{ display:block !important}

	.container{ width:94%; margin:15px auto;}
	.wrapper{ width:94%; }


	.top-header .phone{ display:none}
	.header{ height:120px; }
	.header .logo{  width:180px; height:40px;}
	.icon-3.map-ico{display:block}
	
	.header .phone{ top:20px; display:block; text-align:right;  right:50px; width:240px; }
	.header .phone .text{ padding-left:40px; display:block; text-align:left}

	.header .adress{  display:block; top:65px; left:auto; right:50px; width:240px;}
	
	h2.home-page{font-size:20px;}


	.icons-2{ top:23px; height:35px}	
	.icons-2 .icon-2-wrap.phone{ right:75px}
		.icons-2 .icon-2-wrap.phone .text{ width:140px; line-height:35px; text-align:right; font-size:24px; color:#8B8B8B;
		  font-family:'BebasLight', 'Arial';  margin-left:25px;}

	.icons-2 .icon-2-wrap.map{ right:290px}
	.basket-block { top:20px; right: 26px;}
	
	
	.menu-wrap{position: absolute;  width: auto; display: block; top:0px; left:0; bottom:0; right:0; margin:auto}
	.menu-wrap .title{ display:none}
	.menu-wrap ul{display:block; padding:7px 0}
	.menu {list-style: none;display: block; text-align:center; }
	.menu li{display: inline-block; padding:0 10px}
	.menu li a{color: #fff; display: block; font-size: 14px; padding: 3px 0px; text-decoration:none; border-bottom:1px solid #fff; text-transform:uppercase; line-height:16px; }
	.menu li:first-child a{ margin-left:0;}
	.menu li a.current, .menu li a.active{border-bottom:3px solid #e18c44;}
	.menu li a:hover{border-bottom:1px solid goldenrod; }
	
	article{ width:100%;}
	article h1{ font-size:28px; }
	article h2{ font-size:18px;}
	
	

	.title-wrap .page-banner{ height:250px;}
	.title-wrap.home .page-banner{ height:300px;}

	.title-wrap h1{ font-size:28px;}
	.title-wrap.home h1{font-size:30px; height:75px; width:480px}

	
	.elems-list-wrapper .elem-wrap{ width:25%;}
	.elems-list-wrapper.zapchasti{max-width:600px; margin:auto}

	.items-list-wrapper .item-wrap{ width:33%;}
	

	.goods-wrapper .goods-item-wrap { max-width:220px;}

	.footer { height:160px} 
	.footer .logo{ left:20px; right:auto  } 
	.footer .menu-wrap{ padding:0; position:absolute; top:20px; right:20px; width:auto}
	.footer .contacts{ padding:0;  position:absolute; bottom:20px; width:100%}
	.footer .politica{ padding:0; position:absolute;  top:50px; right:30px; text-align:right}

	.breadcrumbs-container{ display:block}
	article .yandex-map{ height:350px;}
	
	.content .map { height: 400px;}
	
	.search-input{ display:block; display: block;
    position: absolute; z-index:1000;
    top: 65px;    left: 0px;}
	.search-form{ padding:0; width:180px;}
	
	
}

@media only screen and (min-width: 800px) {
	.show-800{ display:block !important}
	.hide-800{display:none !important}
	
	.header{height:110px;}
	.header .logo{ height:80px; width:160px;}
	
	.icons-2 .icon-2-wrap.phone{ right:80px}
	.icons-2 .icon-2-wrap.map{ right:260px}
	.basket-block { right: 30px;}
	
	.icons-2 .icon-2-wrap.map .text{ width:210px; text-align:left; font-size:13px; color:#b7b7b7; line-height:17px; margin-left:35px}

	
	.header .adress {top:60px;}
	.search-input { top:41px; left:200px;}
	.search-form{ width:160px;}


	.menu li{display: inline-block; padding-right:20px;}
	.menu li a{ font-size: 16px}
	
	.title-wrap.home h1{font-size:36px; top:50px;} 
	
	article{ width:100% }
	article h1{ font-size:32px; }
	
	h2.home-page{font-size:22px;}
	
	
	aside{ width:35%;  max-width:35%  }
	article.right{ width:65%; max-width:65%}
	
	.title-wrap .page-banner{ height:300px;}
	.title-wrap h1{ font-size:32px;}
	
	.elems-list-wrapper .elem-wrap{ width:20%;}
	
	.elems-list-wrapper.zapchasti .elem-wrap{ width:33.33%;}
	.elems-list-wrapper.zapchasti{max-width:100%; margin:auto}

	.items-list-wrapper .item-wrap{ width:33%;}

	.footer { height:120px} 
	
	.footer .menu-wrap{ top:66px; right: auto; left:20px;}
	.footer .contacts{bottom:auto; right:20px; width:auto; top: 20px; text-align:right}
	.footer .politica{ top:auto; right:20px; bottom:15px}

	.on-map img{ display:block}
	
	.about-flex .about-flex-item{ width:23%; margin-bottom:0px;}
	
	.blok-flex .blok-flex-item{ width:23%; margin-bottom:0px;}
	
	.search-form{ padding:0; width:200px;}
	
	

}

@media only screen and (min-width: 1024px) {
	.hide-1024{display:none !important}
	.show-1024{ display:block !important}
	
	.header .logo{width:200px;}

	.search-input { top: 28px; padding-left: 140px; right:400px}
	.search-form{ width:180px;}
	
	.header .adress{ right:100px;}
	.header .phone{ right:100px;}
	
	.basket-block {top:40px;}

	/*.header .logo {  width: 200px;}*/
	.icons-2 .icon-2-wrap.phone{ right:130px}
	.icons-2 .icon-2-wrap.map{ right:330px}
	
	.icons-2 .icon-2-wrap .icon{ width:32px; height:32px; display:block; background-image:url(../images/icons-2.png); background-repeat:no-repeat; background-position-y:-96px; float:left; }	
	.icons-2 .icon-2-wrap .icon:hover{ background-image:url(../images/icons-2.png); background-repeat:no-repeat; background-position-y:-128px;}	
	.icons-2 .icon-2-wrap.map .icon{background-position-x:-32px;}
	
	.icons-2 .icon-2-wrap.map .text{ margin-left:40px;}
	.icons-2 .icon-2-wrap.phone .text{ margin-left:30px;}
	
	aside{ width:25%;  max-width:25%  }
	article{ width:90%; max-width:90%}
	article.right{ width:72%; max-width:72%}
	
	.elems-list-wrapper .elem-wrap{ width:16.66%;}

	.elems-list-wrapper.zapchasti{max-width:900px; margin:auto}

	.items-list-wrapper .item-wrap{ width:25%;}
	.items-list-wrapper.zapchasti .item-wrap{ width:25%;}


	h2.home-page{font-size:24px;}

	.top-text .block{     float: right;    margin-left: 20px; width:350px}
	.top-text .block h3{  font-size:20px}
	.top-text .block p{ font-size:16px; }
	
	.footer .logo{ left:20px; right:auto; top:0; bottom:0; margin:auto; width:180px;  } 
	.footer .menu-wrap{    top: 0;    right:0;    left: 0px;    bottom: 0;    margin: auto;    height: 18px}
	.footer .contacts{width:250px}
	.footer .politica{ margin:auto; left:0; right:0; bottom:55px; text-align: center;}

	
	.title-wrap.home .page-banner{ height:350px;}
	.title-wrap.home h1{font-size:48px; height:90px; width:auto}
	
	article .yandex-map{ height:400px;}
	.content .map { height: 500px;}
	
	.search-form {  width: 220px; height:33px;}
	/***************************/
	.zp-banner{ padding:10px 0;}
	.zp-banner .text1{ position:absolute; top:0; bottom:0; margin:auto}
	.zp-banner .text2{padding-left: 10px;    text-align: left;    width: 340px;    border-left: 3px solid #74a1c7;    margin-left: 140px;}
	.zp-banner .text3{ padding-left: 10px;    text-align: left;    width: 340px;    border-left: 3px solid #74a1c7;    margin-left: 140px;}
	.zp-banner a{ position:absolute; top:0; bottom:0; right:30px; margin:auto; height:20px; }

}

@media only screen and (min-width: 1100px) {
	.header .logo {  width: 200px; margin-left: 60px;}
		.search-form {  width: 250px;  }
		
			.menu li a{ font-size: 10px}
			.menu li {   padding-right: 5px;}

	/***************************/
	.zp-banner{ }
	.zp-banner .text1{ }
	.zp-banner .text2{     width: 380px;    margin-left: 150px;}
	.zp-banner .text3{     width: 380px;    margin-left: 150px;}

	/******************usl-banner*******************/
	.usl-banner {height:380px;}
	.usl-banner .usl-banner-cont *{font-size:20px; }
	.usl-banner .usl-banner-cont .usl-banner-title{ font-size:36px;}
	.usl-banner .usl-banner-cont .price{font-size:20px}

}


.oval-shadow-bottom{
	background:#fff;
	position:relative;
    z-index: 0;
}


.oval-shadow-bottom:before{
    content:"";
    position:absolute;
    z-index:-2;
	top:90%;
    bottom:0px;
    left:5%;
    right:5%;
    -webkit-box-shadow:0 -5px 20px 9px rgb(208, 208, 208);
       -moz-box-shadow:0 -5px 20px 9px rgb(208, 208, 208);
            box-shadow:0 -5px 20px 9px rgb(208, 208, 208);
    -moz-border-radius:50%;
         border-radius:50%;
}
.oval-shadow-bottom:after{
    content:"";
    position:absolute;
    z-index:-1;
	top:0;
    bottom:0px;
    left:0;
    right:0;
	background:#fff

}

.oval-shadow-center{
	background:#fff;
	position:relative;
    z-index: 0;
}
.oval-shadow-center h2{border:none !important}


.oval-shadow-center:before{
    content:"";
    position:absolute;
    z-index:-2;
	top:0;
    bottom:0px;
    left:5%;
    right:5%;
    -webkit-box-shadow:0 0px 15px 4px rgb(208, 208, 208);
       -moz-box-shadow:0 0px 15px 4px rgb(208, 208, 208);
            box-shadow:0 0px 15px 4px rgb(208, 208, 208);
    -moz-border-radius:50%;
         border-radius:50%;
}
.oval-shadow-center:after{
    content:"";
    position:absolute;
    z-index:-1;
	top:0;
    bottom:0px;
    left:0;
    right:0;
	background:#fff

}