/* Togglers */

.col-togglers {
    position: absolute;
z-index:10;
width:300px;
    left: 0;
    top: 0;
    padding: 10px 10px 10px 30px;
    font-size: 21px;
    color: #555;
background-color: #fff;
}
.col-togglers > span {
margin-right:20px;
cursor:pointer;
}

.col-togglers > span:hover {
color:#13b6bf;
}

.heart-stats-icons {
    float: right;
}
.heart-stats-icons > span {
margin-left:10px;
}

.heart-stats-icons a {
color:#555;
}
.heart-stats-icons a:hover {
color:#13b6bf;
text-decoration:none;
}
#favorites_total,
#compare_total {
    color: #13b6bf;
}
#favorites_total {
margin-right:5px;
}


/* Колонки блоков */
.cols-curtian {
position:fixed;
opacity: 0;
visibility:hidden;
top:0;
left:0;
bottom:0;
right:0;
z-index: 1400;
background-color: rgba(0,0,0,.5);
transition: all 0.3s linear;
}
#close-col {
    display: block;
    position: absolute;
    top: 70px;
    right: 30px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

@media only screen and (max-width: 1189px) {
.show-cols-curtian {
opacity: 1;
visibility:visible;
}
}

#catalog-col,
#auth-col, 
#search-col {
    position: fixed;
    width: 300px;
    z-index: 1500;
    left: -310px;
    top: 46px;
    bottom: 0;
    border-right: solid 1px #e6e6e6;
    background: #fff;
    padding: 30px;
    overflow-y:auto;
    transition: left 0.5s ease-out 0s;
}

#catalog-col {
left:0;
}

@media only screen and (max-width: 1189px) {
#catalog-col {
left:-320px;
}
}

@media only screen and (max-width: 767px) {
.col-togglers {
    width: auto;
}
}

#catalog-col.opened-col,
#auth-col.opened-col, 
#search-col.opened-col {
left:0;
z-index:1600;
}

#catalog-col.closed-col,
#auth-col.closed-col, 
#search-col.closed-col {
left:-320px;
z-index:1500;
}

#left-catalog-cont, 
#top-catalog-cont {
padding:0px;
}

#catalog-col div.block,
#auth-coll div.block, 
#search-col div.block,  
.left-cat-block {
margin-bottom:20px;
}

#catalog-col div.block,
#auth-coll div.block, 
#search-col div.block, 
.top-cat-block {
position: relative;
}

#catalog-col div.block_header, 
#auth-col div.block_header,
#search-col div.block_header,
.block_header_top {
    font-size: 20px;
    color: #13b6bf;
    padding: 20px 0 10px;
    font-family: 'Oswald', sans-serif;
}

#catalog-col div.block_cont,
#auth-col div.block_cont,
#search-col div.block_cont {
    padding: 0 0 20px;
    clear:both;
}

#catalog-col .block_cont:last-child,
#auth-col .block_cont:last-child,
#search-col .block_cont:last-child {
border-bottom:0;
}

#catalog-col div.block_cont img,
#auth-col div.block_cont img,
#search-col div.block_cont img {
border: solid 0px #ddd;
}

#catalog-col div.block_cont ul li,
#auth-col div.block_cont ul li,
#search-col div.block_cont ul li {
font-size:13px; line-height: 17px;
}

#catalog-col div.block_cont p,
#auth-col div.block_cont p,
#search-col div.block_cont p {
font-size:13px;
color:#888;
 }

/* Каталог товаров */

nav#main-menu {
    position: relative;
    overflow-y: auto;
overflow-x:hidden;
}


UL.menu {
    display: block;
    clear: both;
    position: relative;
    margin-bottom:0px;
}

UL.menu LI {
position:relative;
}

UL.menu > LI {
    display: block;
    font-weight: 600;
    border-top: solid 1px #eee;
}

UL.menu > LI > A {
    color: #333;
    display: block;
    font-size: 13px;
    padding: 10px 0;
}

UL.menu > LI > A:hover {
    text-decoration: none;
    color: #13b6bf;
}

UL.menu > LI > I.cat-i {
    display: block;
    float: right;
    padding: 10px;
    font-size: 15px;
    line-height: 19px;
    cursor: pointer;
}



.block_cont_top {
position:absolute;
width:100%;
background-color:#fff;
border: 1px solid #ddd;
padding:10px 0;
}

.block_cont_left {
background-color:#fff;
border: 1px solid #ddd;
padding:10px 0;
}

UL.mob-subcategories {
    padding: 10px 0 15px;
    display: none;
}

UL.mob-subcategories LI A {
    display: block;
    padding: 2px 0 2px 5px;
    color: #333;
    font-weight: normal;
    font-size: 13px;
}


/* Стили блоков */

.block-metka { margin: 0 20px 0 0; margin-bottom:10px;}
.block-articles-name,
.block-news-header {
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 10px;
}
.block-articles-announce,
.block-news-announce {
    font-size: 14px;
    color: #777;
}
.block-news {clear:both; overflow:hidden; margin-bottom:10px;}
.block-poisk {margin-bottom:10px;}
.block-photo {float:left; margin: 0 20px 0 0}
.block-opros-header {font-size:16px;}
.block-opros-description {font-size:14px; color:#777;}
.block-opros-table {margin-bottom:20px}
.block-opros-table tr td {padding: 5px 5px 0 0}

.block-search-field-txt,
.block-search-field-select,
.block-search-field-checkbox,
.block-search-field-prices,
.block-search-price-line,
.block-search-field-radio,
.block-search-field-button {margin-bottom:15px; overflow:hidden}

.block-search-field-txt span,
.block-search-field-select span,
.block-search-field-checkbox span,
.block-search-field-prices span,
.block-search-price-line span,
.block-search-field-radio span,
.block-search-field-button span {display:block; margin-bottom:5px; font-weight:bold;}

.block-search-field-checkbox label {font-weight:normal}

p.search-checkbox {
margin:0px;
font-size: 13px;
color:#333;
}

p.search-checkbox label {
   font-weight: normal;
}

p.block-search-radio {margin:0px}
p.block-search-radio label {font-weight:normal}

.block-search-price-line input {width:60px; display:inline; padding: 6px 4px;}
.block-search-price-line-from {float:left;padding-right:8px;}
.block-search-price-line-to {float:left;}


#vendors-block {
    padding: 0 0 20px;
}

#vendors-title {
    font-size: 20px;
    color: #13b6bf;
    padding-top:20px;
    border-top:solid 1px #eee;
    font-family: 'Oswald', sans-serif;
}

#catalog-title {
    font-size: 20px;
    color: #13b6bf;
    padding: 20px 0 10px;
    font-family: 'Oswald', sans-serif;
}



#vendors-block UL.categories > LI {
    padding: 12px 0;
    border-bottom: solid 1px #ddd;
    font-weight: 700;
}

#vendors-block .categories LI A {
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0;
}

#vendors-block .categories A:hover {
    text-decoration: none;
    color: #13b6bf;
}