/* classic clearfix */
.clearfix {
    display: block;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    height: 1%;
}

.url-path-test {
    background: url('../images/test.png');
}

/*custom css here*/

body {
    background: #fff !important;
}

li {
    list-style-type: none;
    float: left;
}
a, a:visited {
    color: #3498db;
}
a:hover {
    color: #52b1f1;
	text-decoration:none;
}
span, a, p{
font-size: 16px;
}
h1, h2, h3, h4{
color:#333;
}
h1, h2, h3, h4, h5, h6, a, li, p, span, table, button, #modal_button, #modal_form input[type="text"]{
	font-family: 'Open Sans', sans-serif;
}
h1 {
    font-size: 36px;
}
h2{
font-size:30px;
}
h3 {
    font-size: 28px;
}
.container{
	float:left;
	width: 100%;
}
.wrap {
    width: 1200px;
    margin: 0 auto;
    display: table;
}



/*head*/
#header {
    margin: 20px 0;
}
#logo {
    float: left;
	margin-top: 9px;
}
#logo img {
    height: 80px;
}
#slogan {
    float: left;
    margin-left: 100px;
    width: 380px;
    background: #2ecc71;
    padding: 15px 40px;
    color: #fff;
    border-radius: 40px 10px;
}
#slogan p {
    font-size: 23px;
	margin:0;
	margin-left: 20px;
}
#phone {
    float: right;
    margin-top: 8px;	
	text-align: center;
}
#phone .number {
    font-size: 28px;
    margin: 0px;
	color: #3498db;
	font-weight: 600;
    display: block;
    text-decoration: none;
}
#phone .text {
    margin-top: 5px;
    font-size: 19px;
	margin-bottom: 0;
	text-decoration: none;
}
/*menu*/

#menu {
    background: #f4f4f4;
	height: 55px;
}
#menu .wrap {
    background: #f4f4f4;
}
#menu a {
    padding: 15px 30px;
    text-decoration: none;
    font-size: 18px;
    font-family: open sans;
    text-transform: uppercase;
    font-weight: 400;
}
#menu a:hover {
    background: #3498db;
	color:#fff;
}
/*выпадающее меню */

#menu .nav .parent {
    position: relative;
}

#menu .nav .parent .nav-child{
	display:none !important;
}
#menu .nav li:hover .nav-child{
	display:block !important;
	float: left;
    width: 540px;
    top: 39px;
    left: 0px;
    padding: 0;
	position: absolute;
	z-index: 4;
}
#menu .nav .nav-child li a {
    margin: 0 !important;
    width: 250px;
    background: #333;
    font-size: 16px;
    text-transform: initial;
}
#menu .nav .parent:hover a {
    background: #3498db;
}
#menu .nav .deeper:hover a {
    color: #fff;
}
#menu .nav .deeper:hover a:hover {
    color: #fff;
}
#menu .nav .deeper .nav-child a {
    color: #fff;
}
#menu .nav li:hover .nav-child li a {
    padding: 15px 20px;
	float: left;
	width: 440px;
}
#menu .nav li:hover .nav-child a:hover {
    background: #3481b5;
}
#menu .wrap ul {
    padding: 0;
}
/*slider*/
#djslider-loader90 {
    outline: none;
}
#slider {
    float: left;
    width: 100%;
    background: #fff;
    /*margin-bottom: 40px;*/
}
.slide-desc-text.slide-desc-text-default {
    text-align: center;
}
.navigation-container img {
    margin-top: 110px;
}

/* top-image */

#top-image {
    margin-bottom: 40px;
}
#top-image img {
    margin: auto;
    display: block;
}

/*docs*/
#docs .custom {
    width: 100%;
    background: #fff;
    float: left;
	box-shadow: 0px 0px 3px #ddd;
	margin:40px 0;
}
#docs h2 {
    text-transform: uppercase;
    font-size: 28px;
    text-align: center;
}
.docs_img img {
    width: 80px;
}

.docs_wrap {
    width: 180px;
    margin: 10px;
    float: left;
	text-align: center;
}
.docs_img {
    margin: 20px 0px;
}
.docs_img img {
    margin: 0 auto;
    display: block;
}
.docs_url {
    margin-bottom: 20px;
}
#docs_header {
    margin-top: 0;
}






/*START выпадение подменю
#left_menu  ul.nav.menu ul.nav-child {
    display: none;
}
#left_menu  ul.nav.menu li:hover ul.nav-child a {
    color:#3498db;
}
#left_menu  ul.nav.menu li:hover a{
	color: #fff !important;
}
#left_menu  ul.nav.menu li:hover ul.nav-child {
    display: block;
}
#left_menu ul.nav.menu ul.nav-child:hover {
    background: #3498db;
}
/* #left_menu  ul.nav.menu li:hover ul.nav-child li:hover a{
	color:#fff;
} */
/*END выпадение подменю
#left_menu {
	background: #fbfbfb;
    float: left;
}
#left_menu .nav.menu {
	padding: 0;
    margin: 0;
}
#left_menu .nav.menu a{
	text-decoration: none;
	padding: 10px;
    display: block;
}
#left_menu .nav.menu a:hover{
	text-decoration: underline;
}
#left_menu .nav.menu li {
    padding: 0px;
	margin: 0;
}
#left_menu .deeper li {
    width: 100%;
    box-sizing: border-box;
}
#left_menu .deeper {
	width: 100%;
    float: left;
	box-sizing: border-box;
}
#left_menu .nav.menu li:hover {
    background: #3498db;
}
#left_menu ul.nav.menu li:hover ul.nav-child li:hover a {
    color: #fff;
}
#left_menu ul.nav.menu ul.nav-child {
    display: none;
    width: 100%;
    padding-left: 0;
    float: left;
}

/* 2 column*/
#two_col {
    float: left;
    width: 100%;
	margin-bottom: 40px;
}
#left_col {
    width: 300px;
	margin-right: 40px;
    float: left;
}

   

/*left right col*/

#left_menu .je_acc li {
    width: 100%;
}
#left_menu .je_acc a {
    border: none !important;
}
#left_menu .je_acc .parent li a {
    font-weight: 400;
    padding: 15px 5px 15px 30px;
}
#left_col .menu {
    padding: 0;
    margin: 0;
}
#left_col a {
    text-decoration: none;
    font-size: 16px;
	font-weight: 600;
	line-height: normal;
}
#left_col a:hover {
    text-decoration: underline;
}
/*
#left_col .nav {
    margin: 0;
    padding: 0;
    width: 300px;
    float: left;
	box-sizing: border-box;
}
#left_col .nav li {
	padding-left: 15px;
    padding-top: 10px;
    margin-bottom: 10px;
	border-left: 5px solid #eee;
} 
#left_col .nav li:hover{

	border-left: 5px solid #3498db;
    background: #f9f9f9;
}

#left_col .nav-child {
    padding: 0;
    margin: 0;
}
#left_col .nav-child a{
	font-weight: normal;
}
#left_col .nav-child li {
    width: 90%;
	border: none;
}
#left_col .nav-child li:hover {
    border: none;

}
*/
#right_col {
    float: left;
    width: 860px;
}
#right_col h3 {
    margin-top: 0;
}
#content #breadcr_wrap {
    float: left;
    width: 100%;
}
#content #breadcr_wrap ul{
    float: left;
	width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
	padding-left: 0;
}
#content #breadcr_wrap a {
    text-decoration: none;
    margin-right: 10px;
}
#breadcr_wrap li {
    margin-top: 0px;
}
.divider img {
    margin-right: 10px;
}
#breadcrumbs li a {
    margin-right: 10px;
    text-decoration: none;
}
#content {
    float: left;
}
/*преимущества*/
#advantages {
    background: #3498db;
    color: #fff;
}

.each_advantage .img {
    background-image: url(/images/sprite.png);
    width: 121px;
    height: 120px;
    margin: 0 auto;
}
#advantages .each_advantage  h2 {
    font-size: 22px;
	text-align: center;
    color: #fff;
	margin-bottom: 10px;
	min-height: 52px;
}
#advantages .each_advantage {
    float: left;
    width: 200px;
    margin: 0 20px;
	padding-bottom: 40px;
}
#advantages h3 {
    text-align: center;
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
}
.img2 {
    background-position: -128px;
}
.img3 {
    background-position: -256px;
}
.img4 {
    background-position: -385px;
}
.img5 {
    background-position: -513px;
}
/**/
#gallery {
    float: left;
}
#gallery  a img{
width:195px;
float:left;
margin:10px;
}









/*#gallery a:focus img {
    width: 770px;
    z-index: 1;
    position: fixed;
    right: 25%;
    top: 100px;
}

#gallery a:focus {
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}


#gallery a:after {
    display: none;
}


*/

ymaps.ymaps-2-1-47-controls__control_toolbar {
    display: none !important;
}

#footer {
	margin-top: 40px;
	background: #222;
    color: #fff;
    padding: 30px 0;
}
#footer .wrap {
    width: 1280px;
}

#footer .each {
    float: left;
    width: 386px;
    margin: 0 20px;
	border: 1px solid #555;
    box-sizing: border-box;
	padding: 0 20px;
    min-height: 212px;
}

#footer a, #footer p {
    font-size: 18px;
}

/*** не главные страницы ***/

.main_image img {
    width: 200px;
}

.pull-left.item-image img {
    width: 85%;
}

.span4 {
	width: 250px;
    min-height: 163px;
    float: left;
    border: 1px solid #ddd;
    margin: 0 18px;
    margin-bottom: 36px;
    box-sizing: border-box;
    padding: 5px;
}
.blog .page-header h2 {
    line-height: 0.8;
    margin-top: 0;
    margin-left: 10px;
    margin-bottom: 0;
}
.blog .page- a {
    text-decoration: none;
    font-size: 18px;
}
.category-name {
    margin-left: 20px;
}
.readmore {
    margin-left: 20px;
}

#left_doc h2 {
    font-size: 18px;
	font-weight: 400;
	display:none;
}
#left_doc .docs_wrap {
    width: 100%;
    margin: 10px;
    float: left;
    text-align: left;
}
#left_doc .docs_img {
	margin:0;
	margin-right: 20px;
    display: block;
    float: left;
}
#left_doc .docs_img img {
    width: 40px;
}
#left_doc .docs_url {
    margin-top: -4px;
}


/*основной каталог продукции*/
.blog .cat-children h1 {
    margin: 0 0 20px 0px;
}
.blog .cat-children h3 {
    margin-top: 0;
}
.cat-children .each {
    width: 245px;
    float: left;
    margin: 0 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
    box-sizing: border-box;
}/*
.category-desc {
    width: 240px !important;
	border: 0px solid #eee !important;
}*/
.cat-children img {
    width: 200px;
}
.blog .cat-children .category-desc img {
    display: block;
    margin: auto;
}
.cat-children .page-header h3 {
    margin: 0 20px;
	line-height: 0.9;
}

.blog .page-header a {
    text-decoration: none;
}
/* заголовки подкатегорий в каталоге */
#right_col .page-header h2{
    margin: 15px;
    line-height: 1;
    font-size: 20px;
    text-align: left;
}
/* заголовки товаров */
.blog .item .page-header h2 {
    text-align: left;
}
.blog .cat-children .category-desc {
    min-height: 188px;
}
/* заголовки статей */
.blog .items-leading h2 {
    text-align: left;
    margin-left: 0;
}
.blog .items-leading h2 a {
    font-size: 26px;
    font-weight: normal;
}
.blog .items-leading .page-header {
    margin: 0 0 20px 0 !important;
}
/* readmore */
.items-leading .readmore {
    margin-left: 0;
    margin-bottom: 40px;
	margin-top: -20px;
}


.blog h1 {
    line-height: 1;
}
.blog span {
    font-size: 28px;
}
/*
.blog .page-header a {
    text-decoration: none;
	font-size: 30px;
	font-weight: normal;
}*/
.blog .page-header a:hover {
    text-decoration: underline;
}

.blog .cat-children .wrap {
    width: 858px;
    margin: 0;
}
.pull-left img {
    display: block;
    margin: auto;
}
/*галерея*/
/*.pagination.pagination-centered {
    display: none;
}*/
#phocagallery #pg-icons {
    display: none;
}

.pg-cv-box {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0px !important;
    margin: 10px !important;
    padding: 0 !important;
}

.alert-info {
    display: none;
}

/* вн страница каталога фикс пагинации */

.cat-children {
    float: left;
    margin-top: 40px;
}
.items-more {
    display: none;
}
.pagination {
    width: 100%;
    display: table;
}
.pagination .counter {
    text-align: center;
}
.pagination ul {
    display: table;
    margin: auto;
}
.pagination li {
    font-size: 16px;
    margin: 10px;
}
.pagination span {
    font-size: 16px;
}

/* подкатегории на главной */

.cat-children div {
    border: 1px solid #bbb;
    float: left;
    width: 224px;
    margin: 10px;
    padding: 0 20px;
	min-height: 153px;
}
.cat-children .category-desc {
    border: 0;
    width: 100%;
    margin: 0;
    padding: 0;
	min-height: initial;
}

/* фикс выпадающего меню */
#left_col #left_menu #je_accord102 a {
    padding-right: 30px;
}
#content #breadcr_wrap li {
    float: left;
    list-style: none;
}
#content .item-page li{
	float: initial;
    list-style: initial;
}
#content li, .pagination li {
    float: left;
    list-style: none;
}
#content .item-image {
    float: left;
}

.span4 .item-image img {
    width: 90% !important;
    float: initial !important;
    margin: auto;
}
#content .item-page h2 {
    margin: 20px 0;
    line-height: initial;
    font-size: 24px;
}


/* картинки на странице подкатегорий*/
.blog .subcat-images img {
    width: 200px;
}
/*картинка конкретной категории*/
.blog .each-cat-img img {
    width: 400px;
}
/* картинка конкретного материала */
#content .item-image img {
    width: 50%;
    float: left;
	margin-bottom: 20px;
}