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

-------------Стили мобильной версии-----------

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

/*Общие*/
.menu_main {position:relative; top:auto; margin-bottom:20px;}

.menu_main ul li:hover ul{ 
	top: 39px;
}

.width_768_full {
    margin:0 !important;
    }
@media (max-width: 768px) {
    .width_768_full {  
        width:100% !important; 
         padding:0px !important;
    }
}

/*.pagination{display:none;}*/


.filter-column {
        display: block;
        /* margin-right: 5px; */
        min-width: none;
        width: 100%;
        font-size: 14px;
        vertical-align: top;
        float: none;
        margin: 6px 2px 0 2px;
    }
    .mse2_number_slider{display:inline-block;}
    .f-column-inner{max-width:300px; margin:0 auto;}
    .filter-column h3 {
    text-align:center;
}
/*Шапка  + верхнее меню*/

.headerPic {width: 43% !important;    padding: 0 1%;     margin: 0; height:112px ;}
.container .header .phone{    margin: 0 1%; width: 28% !important; font-size: 29px;}
.container .header{
    box-sizing: border-box;
    padding-left: 2%;
    padding-bottom:0;
}
.container .header .article{padding:0  !important;}
/*Профиты*/

.benefits .col_33 a img{ max-width:100px;}


/*Каталог главная -категории*/
.c-index{
    text-align: left;
    width: 75%;
    margin: 0;}
.c-index .catItem {
    text-align: center;
    float:none !important;
    display:inline-block;
    vertical-align:top;
   
    margin: 0% !important; 
    padding:0;
}

.c-index .catItem img{max-width:250px;}

/*форма поиска*/
#pdopage .msearch2 input.form-control{
padding: 4px 0 2px 6px;
    line-height: 32px;}
.filter-search button {
    background: none;
    border: none;
    position: absolute;
    top: 10px;
    right: 5px;
}

/*Страница товара Блок галерея + купить*/
.productPage{
    position:relative;
}

.txt-r{text-align:right;}
.txt-l{text-align:left;}


/*---------------------------*/
div.introContainer{width:100% !important; margin:0 0 10px;}
div.imp-wrp{float:right;}
div.msGallery {
    width: initial !important;
    float: left;
}
.zoomIn{    
    position: absolute;
    right: 0;
    top: 10px}
    
.day{display:block}
#msGallery>a{display:block; width:100%; max-width:260px;margin:0 auto;position:relative;}
#msGallery #mainImage {
    padding: 2px;
    border: 1px solid #ddd;
    display:block;width:100%;
}
.productGallery a {
    display: inline-block;
    float: none
}

.benefits .col_33 h2, .info .col_25 .benefit h2{width:100%; padding:0;    text-align: center;}
.col_33 h2, .productCard h2, .benefit h2 {
	    padding: 5px 2%;
	width: 96%;
	
}
.prod_params tr:nth-child(2n) td {
    background: #FFF7E8 none repeat scroll 0 0;
}

th {
   
    
    font-size: 18px;
    font-weight: normal;
    
    text-align: left;
}

.prod_params {
    margin-bottom: 30px;
    width: 100%;
}
.info .col_25 .benefit .padding>a{float: left;
    display: inline-block;
    margin-right: 10px;}
.price-btns-wrp .buttons button,
.price-btns-wrp .buttons a
{margin:0; margin-top:10px; display:block !important; width:100%;min-width:120px;}

.priceContainer{display: block;}

.categories{text-align: left !important;}
.catItem {
    margin-bottom: 10px !important;
    display: inline-block;
    vertical-align: top;
    float:none;
    text-align: center;}
    
    .filter-column {
        display: inline-block;
        /* margin-right: 5px; */
        min-width: none; 
        max-width: none; 
        float: none;
        margin: 6px 0 0 11px;
        
    }
    
@media (min-width: 769px) {
    
    .vendors-list {width:42% !important}
  
    body{
        display: block;
        min-width: 1024px;}
        

    .filter-column {
        display: inline-block;
        /* margin-right: 5px; */
        min-width: none;
        width: 26%;
        font-size: 14px;
        vertical-align: top;
        float: none;
        margin: 6px 2px 0 2px;
    }
    
    .filter-column select {
        float: right;
        margin-right: 0;
        width: 100px;
        /* min-width: 140px; */
    }
    
    .filter-zakaz{ position: absolute;bottom: 3px;right: 15px}
    /*Список товаров и кнопки*/
    .col_75{
        width: 71%;
        margin: 0 2% 0 0;
        float: left;
    }
    
    .filter-search {
        width: 99%;
        position: relative;
        margin-top: 30px;
    }
    
    .filterWrap{padding-bottom:30px !important; }
    
    #mse2_filters .mse2_number_slider {
    font-size: 1.1em !important;
    margin-bottom: 10px;
    width: 90% !important;
    margin: 0px !important;
}

    
    
    
    #mse2_results .product  {width:49% !important;margin-right:1% !important}
    #mse2_results .odd {margin-right:0 !important;  width:49% !important;}
    #msProduct ul.important{display:block; margin:0;padding-top:16px;padding-bottom:140px; height:100%;padding-right:32px; float:left;}
    div.productGallery,.price-btns-wrp,div.imp-wrp,div.msGallery {width:48% !important; }
    .price-btns-wrp{    float: right;   margin-top: -135px; padding:0 5px;}
    #msGallery img {display:block; max-width:260px;}
    #msGallery #mainImage { margin-bottom: 0px !important;}
    
.c-index .catItem {
    text-align: center;
    float: none !important;
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin: 0% !important;
    padding: 0;
}
.button.orderSelection span {
    top: 50%;
    position: relative;
    margin-top: 0px !important; 
    display: block;
}
    
}
/*---------------------------*/


@media (max-width: 768px) {
      .filterWrap{padding-bottom:30px !important; margin-bottom:20px !important;}
    .productPage .salon,.headerPic,.hide_on_768,.justBought,.relatedItems, .benefits .important,.productCard .col_25,.c-list .col_25,.pagination{
        display:none !important;
        
    }
    
    
    .lastButton{
        width: 100% !important;
    display: inline-block;
    }
    .lastButton .button .orderSelection span{
    position: relative !important;
    margin-top: 0 !important;
    display: block;
    }
    
    .menu_main>ul{background-color:#EBEBEB;}
    #msOrder input ,#msOrder textarea {
    width: 190px;}
    .input-sm{min-width:35px}
    .statik,.statik  .col_50{
        width:100% !important;
        margin:0;
        padding:0;
    }
    .statik  .col_50{padding:10px; box-sizing:border-box;}
    .statik h1{font-size:40px}
    .shop-cart{
        width: 100% !important;
        padding: 10px !important;
        box-sizing: border-box;
        border-left: 0 !important;
        border-right: 0 !important;
    }
    .headerPic {
        padding:0 5px;
        box-sizing:border-box;
        width:98% !important;
        position:absolute;
        margin:0;
        height:110px !important;
        max-height:100px;
        min-height:80px;}
    
    .headerPic a{display:block; box-sizing:border-box}
    
    .headerPic a img{display:block; margin: 0 auto !important;}
    
    .info{margin:0; padding:0; width:100%;}
    .info>.article>.col_75{width:100% !important;}
    .menu_main ul>li>ul,
    .menu_main ul>li>span,
    .info>.article>.col_25,
    .benefits .col_33 p.important,
    nav.menu_bottom,
    .footer .other{display:none;}
    .container .header .descriptor{ float:left;margin:0;padding:0; margin-top:100px;width:50%;}
    .container .header .descriptor .what{display:none; }
    .container .header .logo{width:100% !important; text-align:center;}
    .container .header .who{text-align:center;}
    .container .header .phone{
        float:right; 
        margin:0;
        padding:0; 
        margin-top:100px; 
        width:100% !important;
        font-size: 16px;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
    }
    .header .phone .orderCall{
        box-sizing: border-box;
        font-size: 14px !important;
        width:auto !important;
        display:block;
    }
   
    
    
    /*Профиты*/

    .benefits .col_33  {border:0;}
    .benefits .col_33 h2{font-size:14px;}
    .benefits .col_33 a,.benefits .col_33 a img {display:block !important;}
    .benefits .col_33 a img{margin:0 auto !important; float:none !important;}
    



    
/*список товаров c-list*/
    

    
     .c-list .product{   
        width: 100% !important;
        padding: 0;
        height:auto !important;
        min-height: initial !important;
        margin: 3px 0 !important;
        display: inline-block;
        float: none;
        vertical-align: top;}
    .c-list .product .col_50>a{display:block;}
    
    .c-list .product img{max-width:250px !important; width:100%; max-height:none !important; float:none !important;}
    .c-list .product .buttons a.button{margin:0; display:inline-block !important; width:100%; max-width:120px;}
    .c-list .product .buttons{position:relative !important;}
    
    
    /*подвал*/
     .footer>div{width:100%; margin:0 auto !important; text-align: center;}
     .td-l{width:70%;}
     .td-r{width:30%;}
     
     footer .payment{line-height:18px;     text-align: center}
     
     
    
    /*тумбы и кртинка в товаре*/
    
    .productGallery {text-align:center;}
    .productGallery>a {width:100%;max-width:90px;display:inline-block; float:none; vertical-align:middle;} 
    .productGallery img{display:block;}
    .introContainer div.msGallery{width:100% !important;}
    #msGallery {margin:0 auto !important; width:100% !important;}
    #msGallery a{ padding:10px; box-sizing:border-box; display:block;}
    #msGallery #mainImage {display:block;width:100%; max-width:260px; margin:0 auto !important;}
    
        .priceContainer {
        display: block;
        margin: 10px 0!important;
        text-align: center;
        font-size: 22px;
    }
   
    .c-index h1{font-size:20px;}
    .c-index .catItem{width:48% ; margin:0;padding:0}
    .c-index .lastButton{    margin-bottom: 20px !important;
    min-height: initial;}
    
    .lastButton span{
   
    margin-top: 0 !important;
    display: block;}
    
    .productPage .col_66,.productPage .col_33{width:100% !important;margin:0 !important;padding:0!important; float:none ;border-right:0;border-left:0;}
    .productPage form{width:100%;}
    
    .productPage h1 {font-size: 16px;
    font-weight: bold;
    margin: 10px 0 !important;
    text-align: center;}
    .productCard .button.buy,div.imp-wrp {
        float: none;
        margin-left:0; 
    }
     
     
}

/*colorpicer*/

#color-picker{
    list-style:none;
    list-style-image:none;
    font-size:10px;
    font-weight:normal;
    line-height:20px;
    width:100%;
    padding:0;
    margin:0;
}

.color-picker-itm{
    display:inline-block;
    min-width:110px;
    width:32%;
    

}

.color-picker-itm a {
    display:block;
    text-decoration:none;
    
}
.color-picker-itm a span.color-bar-wrp{
        display:block;
        border:2px solid #fff;
        height:34px;
        width:34px;
        float:left;
}

.color-picker-itm a.active span.color-bar-wrp,.color-picker-itm a:hover span.color-bar-wrp{
    border:2px solid #9A9A9A;   
  
}

.color-picker-itm a.active span{ font-weight: normal !important;}


.color-bar{ display:block; width:30px;height:30px; border:2px solid #fff; background: url("/img/blanco/sprite.png") no-repeat;}

.color-lable{
    display:block;
    vertical-align:middle;
    height:40px;
    margin-left:44px;
    padding-top:10px;
    text-decoration:none;
}

article #color-picker li::before {
    content: none !important;
}

/*Гранит*/
#a-color-jasmine span.color-bar {
        background-position: -264px -2246px;
}

#a-color-champagne span.color-bar{
        background-position: -264px -2162px;
}

#a-color-pearl-grey span.color-bar{
        background-position: -264px -2580px;
}

#a-color-alu-metallic span.color-bar{
        background-position: -264px -2036px;
}

#a-color-rock-gray span.color-bar{
        background-position: -264px -3583px;
}

#a-color-anthracite span.color-bar{
        background-position: -264px -2078px;
}

#a-color-white span.color-bar{
        background-position: -264px -2456px;
}

#a-color-coffee span.color-bar{
        background-position: -264px -2120px; 
}

#a-color-tartufo span.color-bar{
        background-position: -264px -2414px;
}

#a-color-sand span.color-bar{
        background-position: -264px -2500px;
}

#a-color-beige-gray span.color-bar{
        background-position: -264px -2500px;
}


/*Керамика*/

#a-color-black span.color-bar{
        background-position: -264px -1910px;
}
#a-color-basalt span.color-bar{
        background-position: -264px -1742px;
}
#a-color-crystal-white-glossy span.color-bar{
        background-position: -264px -1868px;
}
#a-color-white-matt span.color-bar{
        background-position: -264px -1994px;
}
#a-color-magnolia-glossy span.color-bar{
        background-position: -264px -2539px;
}
#a-color-vanilla span.color-bar{
        background-position: -264px -1952px;
}

#a-color-alu-grey span.color-bar{
        background-position: -264px -1700px;
}


/*Нержавейка*/
#a-color-smooth-surface span.color-bar{
        background-position: -264px -4534px;
}
#a-color-linen-look span.color-bar{
        background-position: -264px -2456px;
}
#a-color-stainless span.color-bar{
        background-position: -264px -4493px;
}
#a-color-stainless-smooth span.color-bar{
        background-position: -264px -4746px;
}

#a-color-decor span.color-bar{
        background-position: -264px -4576px;
}
#a-color-smooth-chrome span.color-bar{
        background-position: -264px -4661px;
}
#a-color-polished-brass span.color-bar{
        background-position:-264px -4450px;
}
#a-color-chrome span.color-bar{
        background-position:-264px -4870px;
}

.delimetr_54 {
    margin: 0 !important;
    width: 54% !important;
}

.delimetr_44 {
    text-align: left;
	   width: 44% !important;
}


#opt_color{
	display:none;
}

/* Фиксы под сео*/
@media (max-width: 768px) {
    .m_t_h3_to_h2 { font-size: 14px !important;}
}

.rs_h2_to_h3{
    margin: 3px 0 5px 0!important;
    background: #F1F1F1;
    text-align: center;
    font-size: 19px;
    font-weight: normal;
    font-family: georgia, serif;
    font-style: italic;
    padding: 2px 0;
}

.m_t_h3_to_h2{
    display: inline-block;
    font-size: 23px;
    margin: 1% 0;
    padding: 0 3%;
    line-height: 27px;
    width: 94%;
    font-weight: normal;
    text-align: center;
    background: #F1F1F1;
}

.f_b_h3_to_h2{
   font-size: 19px  !important;
     margin-top: 16px !important;
    font-weight: normal;
    font-family: georgia, serif;
    font-style: italic;
}

.catitem_h3_to_h2{
    display: block !important;
    margin: 10px 0 10px 10px!important;
    margin-bottom: 2px !important;
    font-size: 1.17em !important;
    font-weight: bold;
    background: #FFFFFF !important;
    line-height: 26px;
}

.c-index .catitem_h3_to_h2 {
    margin-top: -12px !important;
    padding-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.jb_h2_to_h3{
     font-size: 19px !important;;
    font-weight: normal;
    font-family: georgia, serif;
    font-style: italic;
}

.filter-column.filter-price input {
    background-color: #fff;
    border: 2px inset;
    height: 20px;
    margin: 0 3px 9px;
    width: 40px;
}