/*reset*/
* {margin: 0px;padding: 0px;}

@font-face {
  font-family: 'fontello';
  src: url(../css/fontello.eot?49838170);
  src: url(../css/fontello.eot?49838170#iefix) format('embedded-opentype'),
       url(../css/fontello.woff?49838170) format('woff'),
       url(../css/fontello.ttf?49838170) format('truetype'),
       url(../css/fontello.svg?49838170#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, code, del, em, img, q, small, strong, sub, sup, tt, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, section, summary, time, mark {
    padding: 0px;
    margin: 0px;
    border: 0px none;
    font-size: 100%;

}



body{
	background:#fff;
	color:#333;
	font: 13px/16px Arial,Helvetica,Sans-Serif;
	font-family: Arial,Tahoma,Helvetica,"Liberation Sans",sans-serif;
    min-width: 320px;
}
h1, h2, h3, h4, h5 {font-weight: normal;margin: 5px 0px;}
a {text-decoration:none;/* -webkit-transition:all 100ms ease-in-out;
	-moz-transition:all 100ms ease-in-out;
	-o-transition:all 100ms ease-in-out;
	transition:all 100ms ease-in-out; color:#323232;*/ color: #333;}
a:hover {text-decoration:none; /*color: #033D7C;*/color: #7D94E6;}
ul {list-style: none;}
button {font-family: Arial,Tahoma,Helvetica,"Liberation Sans",sans-serif;}
table {border-collapse: collapse;border-spacing: 0px;}
.clr {clear: both;}


.B_firstCrumb a:before{display: inline-block;transition: all 100ms ease-in-out 0s;font-family: "fontello";
font-style: normal;font-weight: normal;width: 1em;text-align: center;font-variant: normal;text-transform: none;line-height: 1;
text-decoration: none !important;}

.header-layout {background-color: #033D7C; background: url(../css/bg-h.png); background-repeat: repeat-x; height: 110px; border-top: 1px solid #FFFFFF; overflow: hidden; }

.h1-title {
  display: block;
font-size: 22px;
font-weight: normal;
color: #222;
margin: 0px 0px 20px;
position: relative;
padding-bottom: 10px;
line-height: 24px;
}




.body-layout ;background-repeat: repeat-y repeat-x;}
.body-wrap {max-width: 1200px; margin: 0px auto;font-size: 14px;
line-height: 1.3;
color: #222;
-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
box-shadow:0 2px 4px rgba(0,0,0,0.2);
background-color: #FFFFFF;

}



header {overflow: auto;}
.f-fix {float: left;width: 100%;}
.logo {/*display: inline-block;*/ width: 340px; float: left;}
.logo-sp {/*float: left; width: 265px;*/}
.site-name {font-size: 20px; font-weight: 700; color: #FFFFFF; padding-top: 6px; display: block;}
.site-sl {font-size: 12px; display: block; color: #AACED2; font-weight: 700; padding: 6px 0 0 6px;}
.logo a {/*display: block;*/display: inline-block; color: #A3A3A3; font-weight: 700;float: left;}

.header-left {float: left;}

.header-medium {position: relative; float: left; }
.header-links { position: relative; padding: 10px 0; float: left;overflow: hidden;}
.header-links ul {float: left;}
.header-links ul li a {display: block; color: #FFFFFF; text-transform: uppercase; font-weight: 700; font-size: 11px; text-align: center;}
.header-links ul li {float: left; display: block; padding: 10px 8px ; border-right: 2px solid #326396;}
.header-links ul li a:hover {opacity: 0.7;}
.header-links ul li.first {border-left: 2px solid #326396;}


.search {float: left; padding: 30px 10px 0px 10px;}
.search-input {height: 24px; width: 200px; }
.search-button {background: url(../css/srch.png) no-repeat; border: none; cursor: pointer; height: 28px; width: 28px;margin-right: 10px;font-size: 0px;
line-height: 36px;} 
.search-button:hover {opacity: 0.50;}
.glavnaya:before, .o-kompanii:before, .filialy:before, .partners:before, .sales:before, .prices:before, .contact-us:before {
margin: 0px 5px 0px 0px;display: block; transition: all 100ms ease-in-out 0s;font-family: "fontello";font-style: normal;
font-weight: normal;width: 1em;text-align: center;font-variant: normal;text-transform: none;line-height: 1;text-decoration: none !important;
font-size: 28px; margin: 0 25% ; padding-bottom: 3px;
}

.filial-name:before, .time-s:before {
margin: 0px 5px 0px 0px;display: inline-block; transition: all 100ms ease-in-out 0s;font-family: "fontello";font-style: normal;
font-weight: normal;width: 1em;text-align: center;font-variant: normal;text-transform: none;line-height: 1;text-decoration: none !important;

}
.glavnaya:before {content: '\e807';}
.o-kompanii:before {content: '\e804';}
.filialy:before {content: '\e818';}
.partners:before {content: '\e803';}
.sales:before {content: '\e80B';}
.prices:before {content: '\e81C';}
.contact-us:before {content: '\e801';}


.header-bs {float: left;}
.main-wrap {border-top: 5px solid #033D7C;}
.babel {margin-top: 30px; float: left;}
.babel ul li {display: inline-block;}
.babel ul li a {color: #FFFFFF;}
.babel .ua {background: url(../css/flag_ua.png) no-repeat; font-size: 0px; display: block; width: 30px; height: 20px;  }
.babel .en {background: url(../css/flag_en.png) no-repeat; font-size: 0px; display: block; width: 30px; height: 20px; }
.babel .ru {background: url(../css/flag_ru.png) no-repeat; font-size: 0px; display: block; width: 30px; height: 20px; }





.page {/*padding: 0px 0px 30px 0px;*/position: relative; overflow: auto; }
.page-wrap {float: left; width: 100%; }
.left-sidebar { background: url(../css/left_block.png); 
  background-repeat: repeat-y repeat-x;/*width: 22%;*/ width: 340px; position: relative;float: left; border-top: 6px solid #D7D7D7; }
.page-content {/*margin-left: 22%;*/ margin-left: 340px; background: #FFFFFF;}
.page-content-wrap {padding: 20px 30px 20px 30px;}


/* ========= Breadcrumbs ========= */
.breadcrumbs {/*padding: 10px 20px; border: 1px solid #DDDDDD;*/ overflow:hidden; margin-bottom: 30px;}
.breadcrumbs ul {margin:0; padding:0; float:left; }
.breadcrumbs li:first-child{background:none; padding-left:0}
.breadcrumbs li {display: inline; font-size: 13px; }
.breadcrumbs li strong {font-weight:normal;}
.breadcrumbs li a { color:#7A7A7A; font-size: 13px;}
.breadcrumbs li a:hover {color: #000000}
.B_crumbBox {color:#7A7A7A;}
.B_firstCrumb a{ }
.B_crumb a{margin-left: 5px;}
.B_lastCrumb a {margin-left: 5px;}

.breadcrumbs li span {margin-right: 5px;}
.nav-title {display: block;
font-size: 18px;
font-weight: normal;
color: #222;
position: relative;
padding-bottom: 10px;}

.news-title {display: block;
font-size: 18px; color: #222; padding: 6px 0px 8px 10px; background: #C9C9CA; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; }


.left-nav {position: relative;
margin: 0px;
padding: 10px 20px 10px 20px;
overflow: hidden;}

.nav-ul .level1 a:before, .nav-ul .level1.active a:before, .level2 a:before, .level2.active a:before {margin: 0px 0px 0px 0px;float: left;font-family: "fontello";font-style: normal;font-weight: normal;
width: 1em;text-align: center;font-variant: normal;text-transform: none;line-height: 1;text-decoration: none !important;}

.nav-ul {/*margin: 0px 10px -5px -22px;*/
/*padding: 0px 10px 8px 20px;*/}
.nav-ul .level1 {position: relative;margin-top: 15px; overflow: hidden;  }
.nav-ul .level1 a {position: relative; padding: 5px 5px 5px 5px;display: block;color: #033D7C;font-size: 13px; font-weight: 700;
 background-color: #BFCDE0; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; }
.nav-ul .level1 a span {padding-left: 20px;display: block;}
.nav-ul .level1 a:before {content: '\e816';}
.nav-ul .level1.active a:before {content: '\e815';}
.nav-ul .level1:hover a:hover {background: #033D7C; text-decoration: none; color: #FFFFFF; }

.nav-ul-ul {display: none; padding: 10px 0 10px 10px; }
.nav-ul-ul .level2 .nav-li-li-a:before {content: '\e816' !important;} 
.nav-ul-ul .level2.active .nav-li-li-a:before {content: '\e815' !important; } 
.nav-ul-ul .level2.active .nav-li-li-a { color: #FFFFFF; font-weight: 700; text-decoration: underline; color: #033D7C;}
.nav-ul-ul .level2:hover .nav-li-li-a{ text-decoration: underline !important; color: #033D7C !important;}


.nav-ul-ul .level2 .nav-li-li-a  {color: #333; font-weight: 400;}
.level2 a{background: none !important;}
.news-block {
padding: 30px 20px 10px 20px;}


.level1.active > .nav-ul-ul {display: block;}

.nav-li-li-a-s {padding-left: 20px;
display: block;}


/* Category List*/
.category-desc {margin-bottom: 15px; line-height: 20px; color: #111111; font-size: 0.9em;}
.category-list-ul{margin-left: -2%; font-size: 0px;}
.category-list-li {width: 22.5%;
overflow: hidden;
margin: 0px 0px 20px 2%;
text-align: center;
border-radius: 0px;
border: 1px solid #EEE;
height: 254px;
position: relative;
display: inline-block;
box-sizing: border-box;
vertical-align: top;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.category-list-li-a {height: 200px;line-height: 200px;}
.category-list-img{max-width: 80%;
max-height: 80%; vertical-align: middle;}

.category-list-name {display: table; width: 100%;}
.category-list-name-wrap {padding: 0px 10px; display: table-cell;vertical-align: middle;
height: 46px;}
.category-list-name a {color: #363636; font-size: 14px;}
.category-list-name a:hover {color: #7D7DD1; text-decoration: none;}

/* product list */
.product-list {margin-left: -2%; font-size: 0px;}
.product-item {
	padding-top: 7px;
	width: 23%;
	display: inline-block;
	margin: 15px 0px 0px 2%;
padding: 7px 15px 10px;
vertical-align: top;
text-align: center;
overflow: visible;
border: 1px solid #EEE;
transition: all 200ms ease-out 0s;
position: relative;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.product-item-sku {padding: 7px 15px 5px;
margin: -7px -15px 0px;
font-size: 0.8em;
line-height: 14px;
display: block;
overflow: hidden;
height: 14px;
white-space: nowrap;
text-overflow: ellipsis;
color: #888;


}
.product-item-a-f {font-size: 14px;
line-height: 200px;
position: relative;
display: block;
float: none;
width: auto;
height: 200px;
margin-bottom: 10px;
/*margin: 0px -15px 10px;*/
/*text-align: center;*/
vertical-align: middle;
white-space: nowrap;
text-decoration: none;
overflow: visible;
background: none repeat scroll 0% 0% #FFF;
border: medium none;

}

.product-item-a-f img{max-width: 90%;
max-height: 90%;
vertical-align: middle;
transition: all 200ms ease-out 0s;}

.product-item-detail {display: block;}
.product-item-name {position: relative;
/*overflow: hidden;*/
height: 40px;
margin-bottom: 5px;margin: 0px 0px 10px;
font-size: 14px;
}

.product-item-name a {line-height: 1.3; color: #000;}
.product-item-name a:hover {color: #7D7DD1;}
.product-item-price {

color: #000;
text-align: center;
display: block;
line-height: 1.5;
}
.product-item-price > div {display: block; }
.product-item-detail-b { border: 1px solid #FF0C0C;  cursor: pointer;font-size: 14px;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #333;
 margin-bottom: 10px; text-align: center;display: inline-block;padding: 4px 15px;
}
.product-item-detail-b:hover{background: #FF0C0C; color: #FFFFFF;}







/* product */
.product-act {overflow: auto; width: 100%; position: relative;}
.h1-p-title {line-height: 1.3;font-size: 1.6em;font-weight: normal;margin-bottom: 20px;color: #000;}
.product-image-b {display: inline-block; width: 40%;}
.product-image {line-height: 1;
overflow: visible;

height: auto;
margin-bottom: 10px;
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #EEE;
box-sizing: border-box;
font-size: 1em;
position: relative;
display: block;
padding: 0px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
text-decoration: none;

}
.product-image img {width: 100%; height: auto; }



.product-inf-b{ display: inline-block;
    width: 50%; 
    margin-left: 5%;
padding: 10px 15px;
background: none repeat scroll 0% 0% #FFF;
/*border: 1px solid #CCC;*/ vertical-align: top;


}






.product-desc {margin: 15px 0px;
line-height: 20px;
word-wrap: break-word; color: #111;}

.product-desc table {margin: 0px 0px 15px;
width: 100%;
border-collapse: collapse;}

.product-desc table tr {border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;}

.product-desc table tr td{padding: 6px 10px;
text-align: left;
vertical-align: top;}

.product-desc table tr td:first-child {
    width: 200px;
    color: #777;
    border-left: medium none;
    padding-left: 0px;
}
.product-manufact, .product-code{padding-bottom: 5px;}
.product-manufact span, .product-code span {margin-left: 5px; font-weight: 700;}

.product-price-list {padding-top: 10px;}
.product-price-list-text {font-weight: 700;}
.product-price-list ul {padding-top: 10px; width: 50%;} 
.product-price-list ul li {padding: 5px 0; }
.product-price-list ul li a {color: #333;border: 1px solid #FF0C0C; padding: 5px 15px 6px 15px; display: block; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.product-price-list ul li a:hover {/*color: #7D7DD1;*/ background: #FF0C0C; color: #FFFFFF; }
.product-price-list ul li a:before {content: '\e819'; font-size: 18px;
margin: 0px 5px 0px 0px;display: inline-block; transition: all 100ms ease-in-out 0s;font-family: "fontello";font-style: normal;
font-weight: normal;width: 1em;text-align: center;font-variant: normal;text-transform: none;line-height: 1;text-decoration: none !important;
}


/* SEARCH */
.sisea-result {padding: 10px 0;}
.sisea-result .extract {color: #333;}
.sisea-p-name span {font-size: 16px; font-weight: 700; margin-right: 10px;}
.sisea-p-name a {color: #033D7C; font-size: 16px;}
.sisea-p-name a:hover {text-decoration: underline;}
.sisea-results {font-size: 14px;}
.sisea-highlight {background: #BFCDE0; padding: 1px 2px;}
.sisea-paging {font-size: 14px; }
.sisea-current-page {font-weight: 700;}
.sisea-results-list {margin-top: 20px; margin-bottom: 20px;}
/* NEWS BLOCK */
.article-list {margin-bottom: 15px;}
.article-item {margin-top: 15px; padding-bottom: 15px; border-bottom: 2px solid #FFFFFF;}
.article-item .article-publ {font-style: italic;font-size: 10px;color: #808080;}
.article-item .article-intro {font-size: 12px;}
.article-item .article-name {font-size: 13px; font-weight: 700; color: #033D7C; padding-bottom: 5px; display: block;}

/* FEATURED BLOCK */
.featured-block {border-bottom: 1px solid #C0C0C0; margin-bottom: 30px;}
.featured-title {background-color: #4F77A3; padding: 5px 10px; color: #FFFFFF; font-weight: 700;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.featured-p-list {padding: 20px 0;}
.featured-item {display: inline-block; width: 160px; text-align: center; margin-bottom: 20px; padding: 10px;} 
.featured-item a {color: #333;}
.featured-item a:hover {color: #7D7DD1;}
.owl-item {text-align: center;}
.owl-item .item a {display: block;}

/* CONTACT FORM */
.contact-form .textfield {padding: 0px 5px;height: 28px; border: 1px solid #E5E5E5;width: 300px;float: left; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.contact-form .clear {clear: both; margin-bottom: 10px;}
.contact-form label {width: 120px;float: left;display: block;line-height: 28px;}
.contact-form .textarea {padding: 5px 5px; height: 70px; border: 1px solid #E5E5E5;width: 300px;float: left; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
 .buttoncontact {border: 1px solid #FF0C0C;  cursor: pointer;font-size: 14px;background: #FFFFFF;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #333;
 margin-bottom: 10px; text-align: center;display: inline-block;padding: 8px 20px; margin-left: 124px; font-size: 16px;}

 .buttoncontact:hover{background: #FF0C0C; color: #FFFFFF;}


footer {overflow: auto; background: #033D7C; border-top: 6px solid #FF0000; margin-bottom: 20px;}
.footer-wrap { position: relative;width: 100%; margin-top: 5px; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; min-height: 120px; color: #FFFFFF; overflow: auto;}

.footer-site-info {color: #FFFFFF; font-size: 12px; padding: 7px 0 7px 22px;}
.left-footer {width: 22%;float: left;}
.right-footer {position: relative; margin-left: 22%;}
.left-footer-wrap {padding: 20px;}
.right-footer-wrap {padding: 20px; overflow: auto;}
.right-footer-wrap ul {width: 100%;}
.filial-item { font-size: 12px; width: 20%; float: left;}
.filial-name {text-transform: uppercase; font-weight: 700; font-size: 13px; padding-bottom: 10px;}
.filial-name:before {content: '\e818';}
.time-s {text-transform: uppercase; font-weight: 700; font-size: 13px; padding-bottom: 10px;}
.time-s:before {content: '\e81E'}


@media screen and (max-width: 480px) {
.logo, .logo-sp{width: 100% !important; float: none;}
.logo-sp {padding: 10px 0px; text-align: center;}
.logo-a {display: none !important; float: none;}
.site-name {font-size: 24px;}
.site-sl {padding: 10px 0 0 0;}
.header-left {text-align: center; width: 100%;}
.header-layout {background: #033D7C; height: auto;}
.header-medium {text-align: center;}
.header-links {padding: 10px 10px; }
.header-links ul li a {line-height: 20px;}
.search {padding: 10px 10px;}
.left-sidebar {width: 100% !important; float: none !important;}
.page-content {margin-left: 0px !important;}
.page-content-wrap {padding: 20px 20px !important;}
.product-list {margin-left: 0%; }
.product-item {width: 100%; margin: 0px 0 10px 0;}
.left-footer {width: 100%; float: none;text-align: center;}
.right-footer {margin-left: 0%; }
.filial-item {width: 100% !important;float: none; margin-bottom: 20px; text-align: center;}
.news-block {display: none;}
footer {margin-bottom: 0px;}
.category-list-ul {margin-left: 0%;}
.category-list-li {width: 100%; margin: 0 0 10px 0;}
.footer-site-info {padding: 7px 0px 7px 0px; text-align: center;}
.product-image-b {width: 100%;}
.product-inf-b {width: 100%; margin-left: 0%; padding: 10px 0 0 0px;}
.product-price-list ul {width: 100%;}
.header-links ul li {float: none; display: inline-block; border: none;}
.header-links ul li.first {border: none;}



}

@media screen and (max-width: 1280px) {
.logo {width: 320px;}   
.site-name {font-size: 18px;}
.site-sl { font-size: 11px;}
.left-sidebar {width: 320px;}
.page-content {margin-left: 320px;}
.header-links ul li a {font-size: 10px;}
.header-links ul li {padding: 8px 5px;}
}

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

.product-item {width: 47%;}



}

@media screen and (max-width: 960px) {
.left-sidebar {width: 250px;}
.page-content {margin-left: 250px;}




}

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

.left-sidebar {width: 200px;}
.page-content {margin-left: 200px;}
.filial-item {width: 50%; vertical-align: top; margin-bottom: 20px;
width: 45%;

float: none;
display: inline-block;}
.product-item {width: 100%;}
.logo, .logo-sp{width: 100% !important; float: none;}
.logo-sp {padding: 10px 0px; text-align: center;}
.logo-a {display: none !important; float: none;}
.site-name {font-size: 24px;}
.site-sl {padding: 10px 0 0 0;}
.header-left {text-align: center; width: 100%;}
.header-links {width: 100%; }
.header-layout {background: #033D7C; height: auto;}
.header-medium {text-align: center;}
.header-links {padding: 0px; }
.header-links ul {float: none; width: 100%;}
.header-links ul li a {line-height: 20px;}
.header-links ul li {float: none; display: inline-block; border: none;}
.header-links ul li.first {border: none;}
.search {padding: 10px 10px;}
.header-bs {width: 100%; text-align: center;}
.category-list-li {width: 100%;}



}

@media screen and (max-width: 1200px) {
.search {float: none; padding-top: 10px;}
.babel {float: none; padding: 10px 10px; margin-top: 0px;}
}

@media screen and (min-width: 960px) and (max-width: 1140px) {
.header-bs {float: none;}
.search {float: left; padding-top: 10px;}
.babel {float: left; padding: 10px 10px; margin-top: 0px;}
.header-links {padding: 0px; float: none;}
.header-links ul li a:before {margin: 0%; font-size: 14px; display: inline-block; padding-right: 5px;}
.header-links ul li a {display: inline-block;}


}