@font-face {
    font-family: 'FiraSansRegular';
    src: url('../fonts/FiraSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FiraSansBold';
    src: url('../fonts/FiraSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'FiraSansLight';
    src: url('../fonts/FiraSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FiraSansBoldItalic';
    src: url('../fonts/FiraSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


@font-face {
    font-family: 'FiraSansMedium';
    src: url('../fonts/FiraSans-Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}




html,
body {
    height: 100%;
}

*{
     font-family: 'FiraSansRegular';
}
h1.h2,h3,h4,h5,h6{
    font-family: 'FiraSansLight';
    margin: 0px;
    padding: 0px;
}


a:focus,
a:active{
    outline:none;

}

button{
    font-family: 'FiraSansMedium';

    border-radius: 0px;



}

a:hover, button:hover{
    transition: 0.5s;
}

button:focus,
button:active{
    outline: none;
}

header{
    width: 100%;
    height: 90px;

    position: relative;
}


header > .cont{
    height: 90px;
}


.cont{
    max-width: 1135px;
    margin: 0px auto;
}

.logo{
    margin-top: 27px;
    float: left;
}

.row{
    margin: 0px !important;
    padding: 0px !important;
}

.menu-wrapper{
    width: 100%;
    height: 43px;
    border-top: 1px solid #ecf1f9;
    border-bottom: 1px solid #ecf1f9;
}

.menu{
    list-style: none;

    margin: 0px;
    padding: 0px;
    border-left: 1px solid #ecf1f9;
    height: 42px;
}


.menu > li{

    float: left;
    border-right: 1px solid #ecf1f9;
}
.menu > li:first-child{

    /*border-left: 1px solid #ecf1f9;*/
}
.menu > li > a{
    display: block;
    padding: 12px 25px;

    text-transform: uppercase;
    color: #595959;
    font-size: 12px;
    font-family: 'FiraSansRegular';
    cursor: pointer;
    height: 41px;

}





.city-select-main{




    border: none;
    background: transparent;
    padding-left: 0px;
    padding-right: 22px;
    outline:none;
    display: inline-block;
    font-size: 14px;
    text-decoration: underline;

    -webkit-appearance:none;
    -moz-appearance:none;
    color: #2e2e2e;

    font-family: 'FiraSansLight';
    cursor: pointer;

    appearance:none;
    cursor:pointer;
   /* background: url("../images/arrow-down.png");
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 90%;*/
}


#btn-callback{
    background-color: #cab2c2;
    color:#fff;
    text-transform: none;
    font-size: 14px;
    padding-top: 11px;
}


.menu-toggler-wrapper{

    width: 100%;
    height: 38px;
    display: none;
    border-bottom: 1px solid #ecf1f9;

}
.menu-toggler-wrapper a{
    position: relative;
    top: 4px;
    left: 5px;
    color: #cab2c2;
    cursor: pointer;
    border: 2px solid #cab2c2;
    width: 35px;
    font-size: 21px;
    height: 29px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding-left: 5px;
    display: block;


}



.header-location{
    position: absolute;


    /*width: 230px;

    margin-left: -115px;
*/

    width: 360px;

    margin-left: -180px;


    left: 50%;
    top: 25px;


    background-position: 0px 3px;
    padding-left: 15px;
    background-image: url("../images/map-marker.png");
    background-repeat: no-repeat;
}



.header-location p{
    margin: 0px;
    padding: 0px;
}

.header-shops{
    color: #2e2e2e;

}
.header-shops a{
    color: #2e2e2e;

    text-decoration: underline;
    cursor: pointer;

}





.header-city{
    color: #978c8e;

}.header-city a{
     color: #2e2e2e;
    text-decoration: none;
     cursor: pointer;

}
 /*.header-city a:after{
     content: '';
     display: inline-block;
     width: 10px;
     position: relative;
     top: 5px;
     left: 5px;
     height: 10px;
     background-image: url(../images/arrow-down.png);
     background-repeat: no-repeat;
}*/




 .header-phone{
     width: 170px;
     float: right;
     font-size: 22px;

     margin-top: 30px;

     /* margin-right: 40px; */
 }


 .header-cart{
     display: block;
     float: right;
       width: 35px;
       height: 35px;
     border: 1px solid #ecf1f9;
     margin-top: 28px;
     background-image: url("../images/cart.png");
     background-position: center center;
     background-repeat: no-repeat;
 }

 .header-cart:hover{
     text-decoration: none;
 }

.header-cart span{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    position: relative;
    left: 23px;
    top: -10px;
    background: #cab2c2;
    color: #fff;
    text-align: center;
}

 .header-phone a, .footer-phone a{
     color:#595959;

 }
.header-phone a:hover, .footer-phone a:hover{
    text-decoration: none;
    cursor: pointer;
 }
.header-phone span, .footer-phone span{
     color:#262626;
    font-family: 'FiraSansBold';
    font-weight: bold;

 }





.footer {
    min-height: 390px;
    background-color: #fff;
    border-top: 1px solid #ecf1f9;

}


.clearing{
    clear: both;
}

.footer .cont {
    padding-top: 60px;
    padding-bottom: 60px;

}

.footer-logo{
    width: 25%;
    float: left;
}

.footer-logo .footerlogo{
    float: none;
    margin-bottom: 20px;
    margin-top: 0px;
}

.footer-logo p{
   margin: 0px;
    padding: 0px;
    color: #9c9c9c;
}

.footer-phone{
    font-size: 22px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 15px;
}

.footer-social {
float: left;

    width: 25%;
}
.footer-social p{
    margin: 0px;
    padding: 0px;
    color: #595959;


}

.menu-footer-wrapper{
    float: right;

    width: 25%;
}

.menu-footer{

    list-style: none;
    padding: 0px;


}

.menu-footer > li > a{

    color: #595959;
    text-decoration: none;

}
.menu-footer > li {

    margin-bottom: 15px;

}
.menu-footer > li > a:hover{

    text-decoration: underline;

}


.footer-contact{
    float: right;
    width: 25%;
}
.footer-contact > div{

    width: 260px;

}

.footer-contact p{

    font-size: 16px;
}

.m-input{

    border: 1px solid #d9d9d9;
    width: 260px;
    height:40px;
    margin-bottom: 10px;
    padding: 10px;
}
.m-textarea{
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #d9d9d9;
    width: 260px;
    height:70px;
    resize: none;
}

.m-button{
    background: #c1b3b6;
    color: #fff;
    display: block;
    text-align: center;
    margin: 0px;
    border: none;
}

.m-button:active,.m-button:focus,.m-input:active, .m-input:focus,
.m-textarea:active,.m-textarea:focus{
    outline: 1px solid #d9d9d9;

}


.m-submit{
    text-transform: uppercase;
    width: 260px;
    height:40px;
    margin-top: -6px;
}


.footer-logo-wrap{
    width: 208px;
}

.footer-contact-wrap{
    width: 260px;
}


.footer-menu-wrap{
    width: 141px;
}


.footer-social-wrap{
    width: 167px;
}


.social-net-wrapp{
   margin-top: 5px;
}


.social-net{
    display: inline-block;
    width: 35px;
    height: 35px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 5px;
}


.vk{
    background-image: url("../images/vk.png");

}

.ok{
    background-image: url("../images/ok.png");

}

.inst{

    background-size: 45px 45px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    background-image: url("../images/inst2.png");

}


.styles-info-wrapp{
    margin-top: 5px;
    width: 90%;
    border: 1px solid #eef1f9;
    height: 80px;
    padding-top: 5px;
    padding-left: 5px;
    float: left;
    position: relative;
}


.styles-info-model{
    font-family: 'FiraSansLight';
    font-size: 14px;
    color:#2a2a2a;
}
.styles-info-model span{
    font-family: 'FiraSansLight';
    font-size: 14px;
    color:#2a2a2a;
    font-weight: bold;
}
.styles-info-model a, .styles-info-model a:hover{
    font-family: 'FiraSansLight';
    font-size: 14px;
    color:#2a2a2a;
    font-weight: bold;
    text-decoration: underline;
}

.styles-tvproject-loader{
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 240px;
    background-color: #cab2c2;
    color: #fff;
    margin-left: -120px;
    height: 35px;
    font-family: 'FiraSansRegular';
    font-size: 12px;

    border: 1px solid #eef1f9;
}
.styles-tvproject-loader:hover{
    background: #1f1f1f;
    color: #cab2c2;
    text-transform: none;
}




.breadcrumb {
    padding: 0px;
    margin-bottom: 10px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
    border: none;
    font-family: 'FiraSansLight';

    color: #262626;
}

.breadcrumb a{
    font-size: 14px;
    color: #262626;
}

.breadcrumb li.active   a{
    font-size: 14px;
    color: #595959;
}


.breadcrumb > li + li:before {
    padding: 0px;

    color: #262626;
    font-size: 10px;
    position: relative;
    top: -1px;
    font-family: 'FiraSansLight';
}





/*---------------Doors-Cart------------*/


.product-content-model{


}
.product-content-model   h1{
    font-family: 'FiraSansLight';
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;

}

.product-content-collection{


}


.product-content-collection h2{

    font-family: 'FiraSansLight';
    font-weight: 500;
    font-size: 32px;
    margin-top: 15px;
   /* margin-bottom: 27px;*/
}





.product-content-wrapper{

    width: 50%;
    float: right;
     padding-left: 40px;


}

.product-content-wrapper-header{

    width: 50%;
    float: right;
    padding-top: 35px; padding-left: 40px;


}

.product-content-wrapper > p {

    font-family: 'FiraSansLight';
    font-size: 17px;
    font-weight: normal;
    margin-top: 15px;


}



/*------systems--------*/
.product-content-systems{

}

.product-content-systems .system{
    height: 90px;
    width: 110px;
    text-align: center;
    margin: 5px;
    padding-top: 16px;
    border: 1px solid #eff3fa;
}



.product-content-systems .system-item{

    float: left;
    cursor: pointer;
    margin-right: 10px;

}

.product-content-systems p{
    font-family: 'FiraSansLight';
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}
.product-content-systems span{

    font-family: 'FiraSansLight';
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
    display: block;

}

.product-content-systems .system img{
    height: 60px;
}












/*----- glasses -----------*/


.product-content-glasses{

}

.product-content-glasses .glass{
    height: 50px;
    width: 70px;
    text-align: center;
    padding-top: 4px;
    border: 1px solid #eff3fa;
}



.product-content-glasses .glass-item{

    float: left;
    cursor: pointer;
    margin-right: 10px;

}

.product-content-glasses p{
    font-family: 'FiraSansLight';
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}


.product-content-glasses .glass img{

    width: 50px;
    height: 40px;
}





/*----- facings -----------*/


.product-content-facings{


}

.product-content-facings .facing{
    height: 60px;
    width: 80px;
    text-align: center;
    padding-top: 4px;
    border: 1px solid #eff3fa;
}



.product-content-facings .facing-item{

    float: left;
    cursor: pointer;
    /*margin-right: 10px;*/

}

.product-content-facings p{
    font-family: 'FiraSansLight';
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}
.product-content-facings  a{
    display: block;
    color: #595959 ;
    max-width: 90px;
    font-family: 'FiraSansLight';
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

.product-content-facings  a:hover{
    text-decoration: none;

}


.product-content-facings .facing img{
    display:initial;
    margin-top: 5px;
    width: 60px;
    height: 40px;
}




/*------*/


.product-image-wrapper{
    width: 50%;

    float: left;
    border-left:1px solid #ecf1f9;
    border-bottom:1px solid #ecf1f9;
    border-right:1px solid #ecf1f9;

}


.product-image{
    padding: 65px 0px;
    text-align: center;

}

.product-image img{
    width: 210px;
}
.product-price{
    border-top:1px solid #ecf1f9;
    border-bottom:1px solid #ecf1f9;
    /*height: 70px; */
    padding-top: 12px;
    text-align: center;


}

.product-price p{
    color:  #262626;
    font-family: 'FiraSansLight';
    font-size: 30px;

}

.product-price > span, .product-price > div{
    color:  #262626;
    font-family: 'FiraSansLight';
    font-size: 12px;
    text-align: left;
    padding: 0 0 10px 20px;
}


.product-price p span{
   color:  #595959;
    font-family: 'FiraSansLight';
    font-size: 20px;
}



.product-buttons{


}

.product-buynow-wrapper{
    float: left;
    width: 50%;
    border-right:1px solid #ecf1f9 ;
}

.product-addtocart-wrapper{
    float: right;
    width: 50%;
}

.product-action-button{
    display: block;
    border: none;
    width: 100%;
    height: 40px;
    background: #fff;
    font-family: 'FiraSansRegular';
    text-transform: uppercase;
    font-weight: 400;
    color: #262626;
    font-size: 12px;
    cursor: pointer;
}
.product-action-button:hover{
    font-family: 'FiraSansMedium';
    color: #fff;
    background: #cab2c2;
}
.product-action-button:focus,
.product-action-button:active{
    border: none;
    outline: none;
}




.slider-arrow-left{

    display: block;
    width: 15px;
    height: 15px;
    left: -24px;
    cursor: pointer;
    top: 50%;
    margin-top: -15px;
    position: absolute;

    background-image: url("../images/arrow-left.png");
    background-repeat: no-repeat;
    background-position: center center;

}


.slider-arrow-right{

    display: block;
    width: 15px;
    height: 15px;
    right: 0px;
    cursor: pointer;
    top: 50%;
    margin-top: -15px;
    position: absolute;

    background-image: url("../images/arrow-right.png");
    background-repeat: no-repeat;
    background-position: center center;


}




.product-tabs-section{
    margin: 80px 0px;
}






/*=----Product fotos*/

.product-styles-section h3{
    font-family: 'FiraSansLight';
    font-size: 32px;
    margin-bottom: 34px;

}

.product-styles-section {

    position: relative;
    width: 50%;
    margin-top: 30px;
    padding-left: 10px;

    float: left;

}




.product-karniz{
    width: 120px;
   /* background-color: #cab2c2;*/

    background: #fff;
    color: #242424;

    margin-right: 10px;
    height: 35px;
    font-family: 'FiraSansLight';
    font-size: 14px;
    border:1px solid #eef1f9
}
.product-karniz.active{

    border:1px solid #cab2c2;
}

.product-karniz-wrapp{
    margin-top: 25px;
}




.product-fotos-slider{


    width: 100%;
    overflow: hidden;
    border: 1px solid #ecf1f9;
    max-height: 500px;
}
.product-fotos-slider img{

    /*

    width: 130%;
   margin-left: -15%;*/
}


.product-doors-controlls-wrapp{

    margin-top: 15px;
    width: 130px;
    position: absolute;
    background: #fff;

    right: 0px;
    bottom: 0px;
    z-index: 5;
    border: 1px solid #ecf1f9;

    height: 50px;


}

.product-doors-slick-left{

    width: 50px;
    height: 50px;
    float: left;
    margin-left: 10px;

    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-left-block.png");
    background-position: center center;
}


.product-doors-slick-center{

    content: '';
    display: block;
    width: 1px;

    height: 20px;
    left: 50%;
    top: 15px;
    background: #ecf1f9;
    position: absolute;
}

.product-doors-slick-right{
    width: 50px;
    height: 50px;
    float: right;
    margin-right: 10px;

    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-right-block.png");
    background-position: center center;

}




/*-------product-tabs--------------*/


.product-tabs-item{

    min-height: 300px;
    border: 1px solid #ecf1f9;

}

.product-tabs-item{
    padding: 40px 50px;

}

.construction-image{

    float: left;
    margin-right: 45px;
    width: 100px;
}

.construction-description{
    margin-top: 50px;
    font-family: 'FiraSansRegular';


}


.product-tabs{
    list-style-type: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.product-tabs > li{

    display: block;
    text-align: center;
    /*width: 283px; */
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: 1px;
    height: 40px;
    float: left;

    background: #f9f9f9;
    border: 1px solid #ecf1f9;
    padding-top: 12px;
    color: #262626;
    font-size: 12px;
    cursor: pointer;
}

.product-tabs-item *{
    font-family: 'FiraSansLight';
}


.product-additions-section{
    margin-bottom: 90px;
}

.product-tabs > li.active{
    background: #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e8e8e8;

}
.product-tabs > li:first-child.active{
    border-left: 1px solid #e8e8e8;
}
.product-tabs > li:last-child.active{
    border-right: 1px solid #e8e8e8;
}


.product-content-materials{
    margin-bottom: 15px;
}



.product-content-materials span{
    cursor:pointer;
    font-family: 'FiraSansLight';
    color:#262626;
}

.product-content-materials-item{

    font-family: 'FiraSansLight';
    font-size:14px;
}
.product-content-materials-sep{

    font-family: 'FiraSansLight';
    font-size:12px;
    margin: 0px 7px;

}

.product-content-materials-item.active{
    text-decoration: underline;
}



/*----product handles ---*/


.product-handles-section{


    margin-top: 30px;


    width: 50%;
    float: left;


}


.product-handles-section h3{

    font-family: 'FiraSansLight';
    font-size: 32px;
    margin-bottom: 30px;

}

.product-handles-item {
    padding: 5px;
    width: 50%;
    float: left;

}

.product-handles-item > div{
    border: 1px solid #ecf1f9;

}

.product-handles-item-info{
    padding: 20px;
    border-bottom: 1px solid #ecf1f9;
}


.product-handles-item-info > p{
   text-align:right;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: 'FiraSansLight';
}



.product-handles-item-info > span{

    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: 'FiraSansLight';
    text-transform: uppercase;
}

.product-handles-image{


    margin: 25px 0px;
    text-align: center;

}


.product-handles-image img{

   /* max-width: 64%; */
    max-height: 64px;
}










.product-content-wrapper .content-active{

    border: 1px solid #d3c0cd;

}




/*--------------Doors--Collection-----------------*/



.collection-wrapper{
    padding: 20px 0px;


}


.collection-header{
    max-width: 640px;
    margin: 50px auto 50px auto;
    font-family: 'FiraSansLight';
    font-size: 15px;
    text-align: center;

}

.collection-header > div{

    padding: 0px 35px;

}


.collection-header h2{
    font-family: 'FiraSansLight';
    font-size: 30px;

}.collection-header h2 span{
    font-family: 'FiraSansLight';
    font-size: 30px;
    text-transform: uppercase;

}


 .collection-wrapp{

     width: 100%;
     margin: 20px auto;

 }









.collection-product-item {
    padding: 15px;
   /* width: 25%; */
    width: 271px;
    float: left;

}
.collection-product-item .collection-product-price{

    height: 40px;
    text-align: center;
    border-bottom: 1px solid #ecf1f9;

}

.collection-product-item > div{
    border: 1px solid #ecf1f9;

    height: auto;
}
.collection-product-item  a:hover{
    text-decoration: none;
}

.collection-product-item-info{
    padding: 20px;
    border-bottom: 1px solid #ecf1f9;
}


.collection-product-item-info > p{
    text-align:right;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: 'FiraSansLight';
}



.collection-product-item-info > span{

    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: 'FiraSansLight';
    text-transform: uppercase;
}

.collection-product-image{
    text-align: center;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;

}


.collection-product-image img{

    height: auto;

    max-width: 64%;
    /*max-height: 300px;*/
    max-height: 280px;
}

.collection-product-price > p{
    color: #262626;
    font-family: 'FiraSansLight';
    font-size: 23px;
    margin: 0px;
    padding: 0px;
    padding-top: 3px;
}


.collection-product-price span{
    color: #595959;
    font-family: 'FiraSansLight';
    font-size: 14px;
}



.collection-article-wrapper h1,
.collection-article-wrapper h2{
    color: #2a2a2a;
    margin-top: 15px;
    font-size: 30px;
    margin-bottom: 15px;
    font-family: 'FiraSansLight';

}

.collection-article-wrapper h3,
.collection-article-wrapper h4,
.collection-article-wrapper h5,
.collection-article-wrapper h6
{
    color: #262626;
    margin-top: 10px;


    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: 'FiraSansLight';

}

.collection-article-wrapper p{

    color: #747474;
    font-family: 'FiraSansLight';
    font-size: 15px;
}
.collection-article-wrapper{

    width: 70%;
    margin-top: 30px;
    padding: 20px;
    margin-bottom: 70px;

}




/*-------------------------------------------------*/












.page-image-head{


    width: 100%;
    display: block;

    height: 170px;
    background-position: center center;
    background-repeat: no-repeat;
    background-position-y: -300px;

}

.page-image-head h1{

    text-align: center;
   color: #fff;
    font-size: 40px;
    font-family: 'FiraSansLight';
    line-height: 0.7;

}

.page-image-head h1 > span{

    text-align: center;
   color: #e2e2e2;
    font-size: 25px;
    font-family: 'FiraSansLight';

}

.page-image-head > div{
    padding-top: 42px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}






/*-------------------Catalog--------*/

.catalog-page{
margin-bottom: 70px;
}
.catalog-page > h2{
    font-family: 'FiraSansLight';
    font-size: 32px;
    color: #2a2a2a;
    margin-bottom: 30px;

}
.catalog-page > h2 > span {

    content: '';
    top: -7px;
    display: inline-block;
    position: relative;
    /* margin-top: 20px; */
    height: 1px;
    width: 20px;
    border-bottom: 1px solid #2a2a2a;

}



.catalog-doors-slick{
    width: 400px;
    height: 300px;

    margin: 0px auto;
}
.catalog-doors-slick .slick-slide img {
    width: 130px;
}


.catalog-doors-slick .slick-slide{
    transform: scale(0.8);

    opacity: 0.7;
    transition: .3s ease-in-out all;

}
.catalog-doors-slick .slick-center{
    opacity: 1;

    transform: scale(1);

}




.catalog-doors{
    border-top: 1px solid #ecf1f9;
    margin-bottom: 70px;
}
.catalog-doors-item{

    border-bottom: 1px solid #ecf1f9;
    border-left: 1px solid #ecf1f9;
    border-right: 1px solid #ecf1f9;
    position: relative;


}




.catalog-doors-slider-wrapp{
    min-height: 415px;
    padding-top: 50px;
    border-right: 1px solid #ecf1f9;
    width: 45%;
    position: relative;
    float: left;

}


.catalog-doors-slider-wrapp .catalog-doors-controlls-wrapp{

    margin-top: 15px;
    width: 200px;
    position: absolute;
    border-bottom: 0px;
    right: 0px;
    border-left: 1px solid #ecf1f9;
    border-top: 1px solid #ecf1f9;
    height: 50px;


}

.catalog-doors-slick-info{
    width: 40px;
    float: left;
    margin-left: 20px;
    margin-top: 12px;

    text-align: center;
}

.catalog-doors-slick-info{
    color: #ecf1f9;

}
.catalog-doors-slick-info .catalog-doors-slick-count{
    color: #bcb1b4;
    font-size: 14px;

}.catalog-doors-slick-info .catalog-doors-slick-current{
    color: #595959;
    font-size: 18px;

}



.catalog-doors-slick-left{

    width: 50px;
    height: 50px;
    float: left;
    margin-left: 10px;

    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-left-block.png");
    background-position: center center;
}

.catalog-doors-slick-right{
    width: 50px;
    height: 50px;
    float: right;
    margin-right: 10px;

    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-right-block.png");
    background-position: center center;

}






.catalog-doors-info-wrapp{

    min-height: 415px;

    position: relative;
    width: 55%;
    float: right;

}

.catalog-doors-info{
    margin-top: 120px;
   max-width: 455px;
    margin-left: auto;
    margin-right: auto;
}



.catalog-doors-info h3{

    font-family: 'FiraSansLight';
    font-size: 25px;
    color: #2a2a2a;
    line-height: 1;
    margin-bottom: 10px;
}


.catalog-doors-info p{

    font-family: 'FiraSansLight';
    font-size: 15px;
    color: #595959;
}



.catalog-doors-button-wrapp{

    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 50%;
    height: 50px;

    border-left: 1px solid #ecf1f9;
    border-top: 1px solid #ecf1f9;
}


.catalog-doors-button-wrapp a.product-action-button-invers{
    height:50px;
    text-align: center;
    padding-top: 18px;
    font-family: 'FiraSansRegular';
}


a.product-action-button-invers{
    display: block;
    border: none;
    width: 100%;
    height: 40px;
    text-align: center;
    background: #cab2c2;
    font-family: 'FiraSansRegular';
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}
a.product-action-button-invers:hover{

    background: #1f1f1f;
    color: #cab2c2;
}




a.product-action-button-invers:hover{
    text-decoration: none;

}
a.product-action-button-invers:focus,
a.product-action-button-invers:active{
    border: none;
    outline: none;
}


button.product-action-button-invers{
    display: block;
    border: none;
    width: 100%;
    height: 40px;
    text-align: center;
    background: #cab2c2;
    font-family: 'FiraSansRegular';
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}
button.product-action-button-invers:hover{

    background: #1f1f1f;
    color: #cab2c2;
}




button.product-action-button-invers:hover{
    text-decoration: none;

}
button.product-action-button-invers:focus,
button.product-action-button-invers:active{
    border: none;
    outline: none;
}


.product-same-slider-wrapp{

    text-align: center;
border-top: 1px solid #ecf1f9;
    padding: 10px;

}

.product-same-slider img{
    margin: 0px auto;
    width: 40px;
}



/*---------Catalog furnitura--------*/




.catalog-furnitura-item {
    padding: 5px;
    width: 33%;
    float: left;

}

.catalog-furnitura-item > div{
    border: 1px solid #ecf1f9;

}

.catalog-furnitura-item-info{
    padding: 20px;
    border-bottom: 1px solid #ecf1f9;
}


.catalog-furnitura-item-info > p{
    text-align:right;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: 'FiraSansLight';
    height: 17px;
}



.catalog-furnitura-item-info > span{

    display: block;
    height: 35px;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: 'FiraSansLight';
    text-transform: uppercase;
}

.catalog-furnitura-image{


    margin: 15px 0px;
    text-align: center;

}


#btn-callback:hover {
    background-color: #1f1f1f;
    color: #cab2c2;
}


.catalog-furnitura-image img{

    max-width: 64%;
    max-height: 64px;
}



.catalog-furnitura-section{

    width: 70%;
    float: right;
}



.catalog-furnitura-menu{



    padding-right: 25px;
    width: 30%;
    float: left;

}


.catalog-furnitura-menu ul{
    list-style:none;
    margin: 5px;
    padding: 0px;
}
.catalog-furnitura-menu li{


}


.catalog-furnitura-menu  h3{

    display: block;
    font-size: 15px;
    border: 1px solid #ecf1f9;
    padding: 10px 10px 10px 30px;
    cursor: pointer;
    text-transform: uppercase;

    color: #262626;
    font-family:'FiraSansLight';
    background-image: url('../images/arrow-down.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x:  95%;
    -ms-background-position-x:  95%;
}

.catalog-furnitura-menu-item{

    display: block;
    padding: 8px 8px 8px 30px;
    border: 1px solid #ecf1f9;
    cursor: pointer;
    font-size: 15px;
    font-family:'FiraSansLight';
    color:  #595959;
    background-image: url('../images/line-right.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-position-x: 10px;
    -ms-background-position-x: 10px;

}
.catalog-furnitura-menu-item:hover{

    color:  #595959;
}


/*----About---*/

.about-page{

    margin-bottom: 80px;

}


.about-page   h2{
    font-family: 25px;
    font-family: 'FiraSansLight';
    padding-top: 0px;
    margin-top: 0px;
}


.about-item{

    width:100%;
    margin-bottom: 60px;

}

.about-left-part{

    padding: 20px;
    width: 50%;
    float: left;
}

.about-right-part{
    padding: 20px;
    width: 50%;
    float: right;
}


.about-image{

    border: 1px solid #c2b0c0;
}

.about-image img.right-decor{

    width: 100%;
    height: auto;
    position: relative;
    top:-20px;
    right:-20px;

}

 .about-center{
    margin-top: 30px;
}


.about-image img.left-decor{

    width: 100%;
    height: auto;
    position: relative;
    top:-20px;
    left:-20px;

}


.about-text{

    font-family: 'FiraSansLight';
}

.about-text p{
    font-size: 15px;
    font-family: 'FiraSansLight';
}



/*------------advantages-------------*/

.advantages-page {
    margin-bottom: 80px;
}
.advantages-page   h2{
    margin-top:0px;
    font-size: 32px;
    font-family: 'FiraSansLight';

}

.advantages-header-wrapp{

    float: left;
    max-width: 60%;

}

.advantages-certificate-wrapp{
    float: right;
}
.advantages-certificate-wrapp > a{

    display: block;
    width: 110px;
    height: 157px;
    background-repeat: no-repeat;
    background-image: url("../images/cerif2.png");
    background-size: cover;
    border:1px solid #edf0f8;
}
.advantages-certificate-wrapp > a:hover{


    background-image: url("../images/certif-icon.png");

}


.advantages-lists-part {
    margin-top: 20px;
    margin-bottom: 20px;


    width: 100%;
}

.advantages-lists-part   h3{

    font-size: 25px;
    font-family: 'FiraSansLight';
}
.advantages-right-list-wrap{

    width: 50%;
    float: right;
}
.advantages-right-list-wrap ul li, .advantages-left-list-wrap ul li {
    font-size: 15px;
    font-family: 'FiraSansLight';
    list-style: none;
    position: relative;
    margin-top: 30px;
    max-width: 90%;
}


.advantages-right-list-wrap ul > li:before{

    content: '';
    display: block;
    width: 16px;
    height: 12px;
    background: url("../images/ok-list.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: -35px;
    top: 5px;
}

.advantages-left-list-wrap ul > li:before{

    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url("../images/no-list.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: -35px;
    top: 5px;
}





.advantages-left-list-wrap{

    width: 50%;
    float: left;
}



.advantages-item-wrapp{
    width: 33%;
    float: left;
    padding: 10px;
}


.advantages-item{
    border:1px solid #edf0f8 ;

    margin: 0px auto;
     width: 100%;
}

.advantages-item-text{
    float: left;
    max-width: 363px;
    height: 70px;
    border-left:1px solid #edf0f8 ;
}


.advantages-item-text p{
    padding-top: 15px;
    padding-left: 15px;
    font-size: 15px;
    font-family: 'FiraSansLight';
}


.advantages-item-image{
    float: left;
    height: 70px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center center;
}
  .adv1{
    background-image: url("../images/adv1.png");
}
  .adv2{
    background-image: url("../images/adv2.png");
}

  .adv3{
    background-image: url("../images/adv3.png");
}

  .adv4{
    background-image: url("../images/adv4.png");
}
  .adv5{
    background-image: url("../images/adv5.png");
}

  .adv6{
    background-image: url("../images/adv6.png");
}






  /*-----Shops--------*/


    .shops-select-wrapper{
        margin-top: 20px;

        padding-top:  5px;
        height: 50px;
    }

    .shops-select-wrapper span{

        color: #262626;
        font-size: 15px;
        font-family: 'FiraSansLight';
    }


    .shops-items-part{
        margin-top: 50px;
        margin-bottom: 80px;
    }




    .shops-select{
        border: 1px solid #edf0f8;
        width: 150px;
        height: 30px;
        margin-bottom: 10px;
        background: transparent;
        padding-left: 10px;
        padding-right: 30px;
        outline:none;
        display: inline-block;
        font-size: 14px;
        font-family: 'FiraSansLight';
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        cursor:pointer;
        background: url("../images/shops-select-arrow.png");
        background-repeat: no-repeat;
        background-position: center;
        background-position-x: 90%;
    }



    .shops-item-wrap{

        width: 25%;
        float: left;

    }

    .shops-item{

        max-width: 263px;
        /* margin: 5px; */
        margin: 10px auto;

        border: 1px solid #e8e8e8;
    }

    .shops-item-info {
        padding: 5px;
        height: 355px;
        overflow: hidden;
    }


    .shops-item-controll{
        border-top: 1px solid #e8e8e8;
    }

    .shops-item-info ul {

        list-style: none;
        margin: 5px 45px 5px 0px;
    }

    .shops-item-info h4 {

        color: #262626;
        font-size: 17px;
        font-family: 'FiraSansLight';
        margin-bottom: 30px;
        margin-top: 20px;
        text-align: center;
        text-transform: uppercase;
    }
    .shops-item-info p {

        margin-bottom: 20px;
        font-size: 14px;
        font-family: 'FiraSansLight';

        color: #262626;

    }   .shops-item-info a {


        font-size: 14px;
        font-family: 'FiraSansLight';

        color: #262626;
    text-decoration: underline;

    }   .shops-item-info p  span{

                font-size: 14px;
                font-family: 'FiraSansLight';
        display: block;

    }

    .shops-item-info li{
        position: relative;
    }


    .shops-item-info li.shops-address:before{
        content: '';
        display: block;
        width: 12px;
        height: 16px;
        background: url("../images/shops-address.png");
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        left: -25px;
        top: 0px;
    }
    .shops-item-info li.shops-emails:before{
        content: '';
        display: block;
        width: 15px;
        height: 11px;
        background: url("../images/shops-email.png");
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        left: -25px;
        top: 3px;
    }

    .shops-item-info li.shops-times:before{
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        background: url("../images/shops-times.png");
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        left: -25px;
        top: 0px;
    }


    .shops-item-info li.shops-site:before{
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        background: url("../images/shops-site.png");
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        left: -25px;
        top: 0px;
    }


    .shops-item-info li.shops-phones:before{
        content: '';
        display: block;
        width: 12px;
        height: 18px;
        background: url("../images/shops-phone.png");
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        left: -25px;
        top: 0px;
    }




/*-------Main page--------------*/





.home-fotos-section {

    position: relative;
    width: 60%;
   padding-right: 1px;


    float: right;

}

.home-fotos-slider{


    width: 100%;
    overflow: hidden;
    /* border: 1px solid #ecf1f9;
   max-height: 500px;*/
    height: 455px;

}

.home-slider-slide{

    width: 100%;
    height: 455px;
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}


.home-fotos-slider img{

    /*

    width: 130%;
   margin-left: -15%;*/
}


.home-page-head{

    background: #fafafa;
}
.home-page{
   /* */margin-bottom: 70px;
}
.home-page-bottom{
    margin-bottom: 70px;
}


.home-header{
    position: relative;
    width: 100%;
    min-height: 20px;
    margin-top: 30px;
    margin-bottom: 70px;

}

.home-line{
    position: absolute;
    z-index: 1;
    top:10px;
    height: 1px;
    width: 100%;
    background: #edf0f8;

}
.home-header-text-review{
    width: 130px;
    margin-left: -65px;
    text-align: center;
    top: -7px;
    background: #fff;
    position: absolute;
    z-index: 2;

    left: 50%;
}

.home-header-text{
    text-align: center;
    top: -7px;
    background: #fff;
    position: absolute;
    z-index: 2;
    width: 340px;
    left: 50%;
    margin-left: -170px;
}





.home-header-text h2, .home-header-text-review h2{


    margin: 0px;
    padding: 0px;
    font-size: 32px;
    font-family: 'FiraSansLight';
    font-weight: normal;
    color: #2a2a2a;
}
.home-header-text p{

    text-transform: uppercase;
    letter-spacing: 20px;
    font-size: 16px;
    font-family: 'FiraSansLight';
    font-weight: normal;
    color: #717171;
    margin: 0px;
    padding:0px;
    padding-left: 20px;
}



.home-slick-controlls{
    position: relative;
    width: 120px;
    float: left;
}


.home-page-header-wrapp{
    width: 100%;
    background: #fafafa;
}

.home-slick-controlls-wrapp{

   /* margin-top: 15px; */
    width: 200px;
    position: absolute;
    background: #fafafa;
    left: 0px;
    top: 5px;
    /* bottom: 0px; */
    z-index: 5;
    /* border: 1px solid #ecf1f9; */
    border-bottom: 1px solid #c2b0c0;
    height: 50px;

}

.home-slick-left{

    width: 50px;
    height: 50px;
    float: left;
    margin-left: 10px;

    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-left-block.png");
    background-position: center center;
}


.home-slick-center{

    content: '';
    display: block;
    width: 1px;

    height: 20px;
    left: 50%;
    top: 15px;
    background: #ecf1f9;
    position: absolute;
}

.home-slick-right{
    width: 50px;
    height: 50px;
    float: right;
    margin-right: 10px;

    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-right-block.png");
    background-position: center center;

}




.home-head-text-wrapp{


    position: relative;
    width: 40%;
    padding-right: 1px;


    height: 400px;
    float: left;


}

.home-head-text {


    max-width: 340px;
    margin-top: 85px;


}


.home-head-text h1{
    font-size: 32px;
    font-family: 'FiraSansLight';
    color: #2b2b2b;
    font-weight: normal;
}

.home-head-text p{
    font-size: 15px;
    font-family: 'FiraSansLight';
    color: #5a5a5a;
    font-weight: normal;
}


.home-head-text a{
    display: block;
    font-size: 12px;
    color: #fff;
    font-family: 'FiraSansMedium';
    background: #c2b0c0;
    padding-top: 8px;
    padding-bottom: 7px;
    width: 120px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.home-head-controlls-wrapp{


    position: relative;
    width: 40%;
    padding-right: 1px;

    float: left;

    height: 55px;
    border-bottom: 1px solid #ecf1f9;


}




.home-head-slick-info{
    width: 50px;
    float: left;
    margin-left: 20px;
    margin-top: 12px;

    text-align: center;

    color: #ecf1f9;
    font-size: 18px;

}
.home-head-slick-info .home-head-slick-count{
    color: #bcb1b4;
    font-size: 18px;

}
.home-head-slick-info .home-head-slick-current{
     color: #595959;
     font-size: 18px;

 }










.home-doors-item{

    position: relative;
    margin-bottom: 50px;

}




.home-doors-slider-wrapp{
    min-height: 415px;

    width: 45%;
    position: relative;

}


 .home-doors-left{

    float: left;

}

 .home-doors-right{

    float: right;

}



.home-doors-slick-info{
    width: 40px;
    float: left;
    margin-left: 20px;
    margin-top: 12px;

    text-align: center;
}



.home-doors-info-wrapp{

    min-height: 415px;

    position: relative;
    width: 55%;


}

.home-doors-info{
    margin-top: 120px;
    max-width: 455px;
    margin-left: auto;
    margin-right: auto;
    padding:10px;
}



.home-doors-info h3{

    font-family: 'FiraSansLight';
    font-size: 25px;
    color: #2a2a2a;
    line-height: 1;
    margin-bottom: 10px;
}


.home-doors-info p{

    font-family: 'FiraSansLight';
    font-size: 15px;
    color: #595959;
}

.home-doors-info a{
    display: block;
    font-size: 12px;
    color: #fff;
    font-family: 'FiraSansMedium';
    background: #c2b0c0;
    padding-top: 8px;
    padding-bottom: 7px;
    width: 120px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}



.home-collection-name{

    position: relative;
    width: 10%;
    height: 440px;
    overflow: hidden;
}

.home-collection-name > div > h3 > span{

    content: '';
    top: -4px;
    display: inline-block;
    position: relative;
    /* margin-top: 20px; */
    height: 1px;
    width: 15px;
    border-bottom: 1px solid #595959;
}
.home-collection-name > div > h3{

    font-family: 'FiraSansRegular';
    font-size: 13px;
    margin: 0px;
    padding: 9px;
    width: 165px;
    text-transform: uppercase;


    /* padding: 0px; */
    /* transform-origin: left top 0; */
    color: #595959;

}

.home-collection-name > div{

    width: 100%;
    position: absolute;
    transform: rotate(90deg);
    /* transform-origin: left top 0; */
   /* transform-origin: left top 0;*/

}
.home-collection-name-rotate{
    transform: rotate(180deg);
}

.home-collection-image{

    position: relative;
    width: 90%;
    height: 440px;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;

}







/*--------Home Testimoials---------*/


.home-testimonials-item{

    position: relative;


}




.home-testimonials-slider-wrapp{
    min-height: 270px;

    width: 45%;
    position: relative;
    float: left;

}


.home-testimonials-slider-wrapp .home-testimonials-controlls-wrapp{

    margin-top: 15px;
    width: 160px;
    position: absolute;
    border-bottom: 0px;
    right: 0px;

    height: 50px;


}

.home-testimonials-slick-info{
    width: 40px;
    float: left;
    margin-left: 0px;
    margin-top: 12px;

    text-align: center;
}

.home-testimonials-slick-info{
    color: #ecf1f9;

}
.home-testimonials-slick-info .home-testimonials-slick-count{
    color: #bcb1b4;
    font-size: 14px;

}.home-testimonials-slick-info .home-testimonials-slick-current{
     color: #595959;
     font-size: 18px;

 }



.home-testimonials-slick-left{

    width: 50px;
    height: 50px;
    float: left;
    margin-left: 10px;

    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-left-block.png");
    background-position: center center;
}

.home-testimonials-slick-right{
    width: 50px;
    height: 50px;
    float: right;
    margin-right: 10px;

    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-right-block.png");
    background-position: center center;

}



.testimonial-info{
    padding: 10px;
    min-height: 220px;
    overflow: hidden;
}


.testimonial-info-head{
    margin-bottom: 10px;
    font-family: 'FiraSansLight';
    font-size: 12px;
    color: #c9c9c9;
}


.testimonial-info-head  > span.testimonial-seporator{
    margin-left: 5px;
    margin-right: 5px;
    font-family: 'FiraSansLight';
    font-size: 12px;
    color: #c9c9c9;
}


.testimonial-info-head > span.testimonial-date{
    display: inline-block;

    font-family: 'FiraSansLight';
    font-size: 12px;
    color: #595959;
}

.testimonial-info-head > span.testimonial-name{
    display: inline-block;

    font-family: 'FiraSansRegular';
    font-size: 17px;
    color: #2a2a2a;
}

.testimonial-info-head > span.testimonial-raiting{

    display: inline-block;

}
.testimonial-info-head > span.testimonial-raiting > span.testimonial-raiting-item{

    display: inline-block;
    width: 11px;
    height: 11px;

}

.testimonial-raiting-noactive{

    background-image: url("../images/star.png");
    background-position: center center;

    background-repeat: no-repeat;
}
.testimonial-raiting-active{

    background-image: url("../images/star-active.png");
    background-position: center center;

    background-repeat: no-repeat;
}


.testimonial-info-body{
    color: #2a2a2a;
    font-family: 'FiraSansLight';
    font-size: 14px;
}


.home-testimonials-form-wrapp{

    min-height: 270px;

    position: relative;
    width: 55%;
    float: right;
    padding: 10px 50px;
}


.home-testimonials-form{

    max-width: 500px;
    margin: 0px auto;
}

.home-testimonials-form-head{
    color:#2a2a2a;
    font-size: 17px;
    font-family: 'FiraSansRegular';
}


.home-testimonials-form-scorehead{
    color:#595959;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    font-family: 'FiraSansRegular';
}



.home-testimonials-form-scores{


}


.home-testimonials-form-score-item{

    display: inline-block;
    width: 11px;
    height: 11px;
    cursor: pointer;

}



.home-testimonials-form-text{
    margin-top: 10px;

    padding: 10px;
    border: 1px solid #d9d9d9;
    width: 100%;
    height: 130px;
    resize: none;
}

.home-testimonials-form-text:active,.home-testimonials-form-text:focus,
.home-testimonials-form-name:active,.home-testimonials-form-name:focus {
    outline:  1px solid #d9d9d9;

}

.home-testimonials-form-bottom{

}

.home-testimonials-form-submit{
    text-transform: uppercase;
    width: 35%;
    height: 40px;


    background: #c2b0c0;
    color: #fff;
    display: block;
    text-align: center;
    margin: 0px;
    border: none;

}
.home-testimonials-form-name{
    float:left;
    width: 65%;
    border: 1px solid #d9d9d9;

    height: 40px;
    margin-bottom: 10px;
    padding: 10px;
}








.home-tvanonses{
    padding-top: 20px;
    padding-bottom: 20px;
}
.home-tvanonses h2 {
    color: #262626;
    font-size: 30px;
    font-family: 'FiraSansLight';
    margin-bottom: 20px;
}

.home-about-line{
    display: block;
    margin-top: 80px;
    height: 1px;
    width: 35px;
    background: #bcb2b4;

}

.home-about-text span{
    font-size: 20px;
    color: #2a2a2a;
    font-family: 'FiraSansLight';
}
.home-about-text{

    margin:50px 0px;
    max-width: 530px;
    font-family: 'FiraSansLight';
    font-size: 15px;
    color: #595959;

}

.home-about-link, .home-about-link:hover{

    display: block;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #a0a0a0;

    width: 136px;
    height: 42px;
    text-transform: uppercase;
    padding-top: 12px;
    text-align: center;
    font-size: 12px;
    color: #3c3c3c;

}


/*-----------------*/










/*---------------------*/









/*-----------OpeningSystems---------------*/








.openingsystems-item{

    position: relative;
   border-bottom: 1px solid #edf0f8;
   border-left: 1px solid #edf0f8;
   border-right: 1px solid #edf0f8;

}




.openingsystems-slider-wrapp{
    min-height: 300px;

    width: 30%;
    position: relative;

}


.openingsystems-left{

    float: left;

}

.openingsystems-right{

    float: right;

}



.openingsystems-info-wrapp{

    min-height: 300px;

    position: relative;
    width: 70%;


}

.openingsystems-info{
    margin-top: 60px;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    padding:10px;
}



.openingsystems-info h3{

    font-family: 'FiraSansLight';
    font-size: 25px;
    color: #2a2a2a;
    line-height: 1;
    margin-bottom: 10px;
}


.openingsystems-system{

    border-top: 1px solid #edf0f8;
}

.openingsystem-button-wrapp{

}

.openingsystems-info p{

    font-family: 'FiraSansLight';
    font-size: 15px;
    color: #595959;
}

.openingsystems-image{

    position: relative;
    width: 100%;
    height: 260px;
    background-position: center center;

    background-repeat: no-repeat;
    border-bottom: 1px solid #edf0f8;

}


.openingsystems-slider-wrapp.openingsystems-left{
    border-left: 1px solid #edf0f8;

}

.openingsystems-slider-wrapp.openingsystems-right{
    border-right: 1px solid #edf0f8;
}



/*----------- ---------------*/





/*---------Cart----------*/

    .cart-page{
        margin-bottom: 70px;
    }



    .cart-wrapp-list{

        float: left;

        width: 70%;
    }



    .cart-wrapp-form{

        width: 30%;
        padding-left: 20px;
        float: right;
    }

    .cart-wrapp-form > h3, .cart-wrapp-list > h3{
        font-family: 'FiraSansLight';
        font-size: 22px;
        color: #2a2a2a;
        padding-bottom: 20px;
    }

    .cart-form-message{

        font-size: 13px;
        color: #595959;
        font-family: 'FiraSansLight';
        margin-bottom: 15px;

    }

    .cart-form-select{

        border: 1px solid #d9d9d9;
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
        padding: 10px;

        outline: none;
        display: inline-block;
        font-size: 14px;
        font-family: 'FiraSansLight';
        color: #595959;
        padding-right: 10%;

        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        background: url(../images/cart-arrow.png);
        background-repeat: no-repeat;
        background-position: center;
        background-position-x: 95%;

    }

    .cart-form-text{
        border: 1px solid #d9d9d9;
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
        padding: 10px;

        font-size: 14px;
        font-family: 'FiraSansLight';
        color: #595959;
    }

    .cart-form-area{
        font-size: 14px;
        font-family: 'FiraSansLight';
        color: #595959;
        border: 1px solid #d9d9d9;
        width: 100%;
        height: 60px;

        padding: 10px;
        resize: none;

    }


.cart-form-text:active,.cart-form-text:focus,
.cart-form-select:active,.cart-form-select:focus,
.cart-form-area:active,.cart-form-area:focus {
    outline:  1px solid #d9d9d9;

}

.cart-form-sep{
    margin-top: 15px;
}

.cart-form-submit{

    display: block;
    border: none;
    width: 100%;
    height: 40px;
    text-align: center;
    background: #c2b0c0;
    margin-top: 15px;
    font-family: 'FiraSansRegular';
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}










.cart-list{

    border-top: 1px solid #edf0f8;

}

.cart-list-item{


    min-height: 200px;
    position: relative;
    border-bottom: 1px solid #edf0f8;
    border-left: 1px solid #edf0f8;
    border-right: 1px solid #edf0f8;

}


.cart-list-item-closer{
    width: 25px;
    height: 25px;

    cursor: pointer;

    border-bottom: 1px solid #edf0f8;
    border-left: 1px solid #edf0f8;

    background: url(../images/cart-close.png);
    background-repeat: no-repeat;
    background-position: center center;
    float: right;

}

.cart-list-item-image{
    float: left;
    width: 30%;
    min-height: 235px;
    border-right: 1px solid #edf0f8;
    text-align: center;
}


.cart-list-item-image img{
    max-height: 200px;
    margin-top: 15px;
    max-width: 70%;
}

.cart-list-item-image img.cart-list-item-image-handle{

    margin-top: 80px;
}


.cart-list-item-info{
    float: right;
    width: 70%;
    min-height: 170px;
    padding: 10px;

}

.cart-list-item-controlls{
    border-top: 1px solid #edf0f8;
    border-left: 1px solid #edf0f8;
    height: 40px;
    float: right;
    width: 270px;
}


.cart-list-item-info > h4{

    font-size: 17px;
    color:#262626;
    font-family: 'FiraSansLight';

}
.cart-list-item-info > p{

    margin-top: 5px;
}


.cart-list-item-info > p.cart-list-info-model{


    text-transform: uppercase;
    font-size: 14px;
    color:#595959;
    font-family: 'FiraSansLight';

}

.cart-list-info-additions > span{
    font-size: 14px;
    font-family: 'FiraSansLight';
}

.cart-list-info-attr{
    color: #262626;
}

.cart-list-info-val{
    color: #595959;

}




.cart-list-controll-item{
    float: left;
    width: 40px;
    height: 40px;
    border-right: 1px solid #edf0f8;
    text-align: center;


}

.cart-list-controll-item > span {
    padding: 5px;
    position: relative;
    top: 5px;
    cursor: pointer;
    font-size: 20px;
    color: #595959;
    font-family: 'FiraSansLight';
}

.cart-list-controll-item > input{

    display: block;
    width: 38px;
    text-align: center;
    height: 38px;
    border: none;
    font-size: 20px;
    color: #595959;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    font-family: 'FiraSansLight';

}

.cart-list-controll-item ::-webkit-inner-spin-button,
.cart-list-controll-item ::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.cart-list-controll-item > input:focus,
.cart-list-controll-item > input:active{
    outline: none;
}


.cart-list-controll-price{

    float: left;
    width: 147px;
    padding-top: 8px;
    height: 40px;
    text-align: center;
    font-size: 17px;
    color: #2a2a2a;
    font-family: "FiraSansLight";

}



.cart-total-wrapp{
    margin-top: 35px;
    text-align: right;

    font-family: 'FiraSansLight';
    font-size: 13px;
    color: #262626;
}


span.cart-total{
    padding-left: 15px;
    padding-right: 5px;

    font-family: 'FiraSansLight';
    font-size: 25px;
    color: #262626;
}

/*----------------------*/


/*------COMMON--------*/
.common-success-message-wrapp{
    width: 400px;
    height: 200px;
}
.common-success-message-wrapp > p{
  margin-top: 20px;
    font-size: 25px;
    font-family: 'FiraSansLight';
    text-align: center;
}

/*--------------*/


.common-callback-wrapper{
    width: 800px;
    height: 340px;
    background: #fff;
}


#common-callback-stepone{
    height: 340px;

}

#common-callback-steptwo{
    height: 340px;
    border:15px solid #979797;

}


.common-callback-head{
    height: 40px;
}

.common-callback-foot{
    padding-top: 40px;
    /* height: 40px; */
}


.common-callback-foot   input:focus,
.common-callback-foot   input:active{
    outline:none;
}


.common-callback-foot-block{
    text-align: center;

    float: left;
    width: 33.33%;
}

.common-callback-foot   input{

    color: #2a2a2a;
    font-size: 14px;
    font-family: 'FiraSansLight';

    width: 200px;
    height: 40px;
    border: 1px solid #979797;
    /*border-right:1px solid #ecf1f9;
    float: left;width: 33.33%;*/
    padding: 10px;
}


/*
.common-submit-wrapp{
    width: 33.33%;
    float: left;
}*/


.callback-form-button{

    display: inline-block;
    border: none;
    width: 200px;
    height: 40px;
    text-align: center;
    background: #c2b0c0;

    font-family: 'FiraSansRegular';
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.common-callback-title-wrap{
    width: 66.66%;
    height: 40px;
    float: left;
   /* border-right:1px solid #ecf1f9;*/
}
.common-callback-controlls-wrap{
    width: 33.33%;
    height: 40px;
    float: left;
}




/*
#callback-select-city{
    display: block;
    color: #2a2a2a;
    font-size: 14px;
    font-family: 'FiraSansLight';
    width: 100%;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 10%;

    cursor: pointer;
    background: url('../images/lupa.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 97%;

    height: 40px;
    border: none;

    float: left;
    padding: 10px;
}
*/


#callback-select-city {
    padding: 0px;
    height: 20px;
    margin: 0px;
    display: inline-block;
    color: #2a2a2a;
    font-size: 14px;
    font-family: 'FiraSansLight';
    /* width: 100%; */
    text-decoration: underline;
    /* width: auto; */
    text-align-last: right;
    text-align: right !important;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 10%;
    cursor: pointer;
    /* background: url(../images/lupa.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 97%;
   /* height: 40px;*/
    border: none;
    float: left;

    float: right;
}



#callback-select-city:focus,
#callback-select-city:active{
    outline: none;
}
/*
.common-callback-city-wrap{
    width: 90%;
    float: left;

    height: 40px;

    border-right:1px solid #ecf1f9;
}*/


.common-callback-city-wrap {
    width: 100%;
    float: left;
    padding-right: 10px;
    height: 40px;
    border-right: 1px solid #ecf1f9;
}


.common-callback-closer{
    width: 10%;
    float: left;
    height: 40px;


    cursor: pointer;

    background-image: url('../images/modal-closer.png');

    background-repeat: no-repeat;
    background-position: center center;

}


.common-callback-title{
    font-family: 'FiraSansRegular';
    font-size: 17px;
    color: #2a2a2a;
    padding-top: 8px;
    padding-left: 25px;
}

.common-callback-title > span{

    float: right;
    height: 1px;
    position: relative;
    top: 12px;
    width: 45px;
    background: #ecf1f9;

}

.common-callback-shops-baloon{
    max-width: 200px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.common-callback-shops-baloon h4{
    color: #2a2a2a;
    font-size: 14px;
    font-family: 'FiraSansRegular';
}
.common-callback-shops-baloon p{
    color: #2a2a2a;
    font-size: 11px;
    font-family: 'FiraSansLight';
}

.common-callback-button-wrap{
    text-align: right;
}

.common-callback-button-wrap button{

    display: inline-block;
    border: none;
    width: 150px;
    height: 40px;
    text-align: center;
    background: #c2b0c0;

    font-family: 'FiraSansRegular';
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}







/*--------------*/


.osystem-modal-wrapper{
    width: 900px;
    height: 380px;
}

.osystem-modal-head{
    width: 100%;
    height: 40px;
    border-bottom:1px solid #ecf1f9;
}

.osystem-modal-foot{
    width: 100%;
    height: 40px;
    border-top:1px solid #ecf1f9;
}

.osystem-modal-middle{
    width: 100%;
    height: 299px;

}


.osystem-modal-foot-collection{
    width: 25%;
    float: left;
    height: 40px;
    border-right:1px solid #ecf1f9;
    cursor: pointer;
}
.osystem-modal-foot-collection > p{
  text-align: center;
    text-transform: uppercase;
    color: #2a2a2a;
    font-size: 14px;
    padding-top: 10px;
    font-family: 'FiraSansRegular';

}




.osystem-modal-foot-collection.active{

    border-bottom:5px solid #c2b0c0;
}


.osystem-modal-submit-wrapp{
    width: 25%;
    float: right;
}


.osystem-modal-submit-wrapp > a{

    display: block;
    border: none;
    width: 100%;
    height: 40px;
    text-align: center;
    background: #c2b0c0;
    padding-top: 12px;
    font-family: 'FiraSansRegular';
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}


.osystem-modal-submit-wrapp > a:hover{

    text-decoration: none;
}

.osystem-modal-title-wrap{
    width: 90%;
    height: 40px;
    float: left;

}


.osystem-modal-closer{
    width: 40px;
    float: right;
    height: 40px;

    border-left:1px solid #ecf1f9;
    cursor: pointer;

    background-image: url('../images/modal-closer.png');

    background-repeat: no-repeat;
    background-position: center center;

}


.osystem-modal-title{
    font-family: 'FiraSansRegular';
    font-size: 17px;
    color: #2a2a2a;
    padding-top: 8px;
    padding-left: 25px;



}

.osystem-modal-slider-item-title > p{

    font-family: 'FiraSansLight';
    font-size: 14px;
    color: #2a2a2a;
    float: left;

    margin: 0px;
    padding:  5px 15px;
}

.osystem-modal-slider-item-title > .osystem-modal-point{

    float: right;
    display: block;
    width: 20px;
    height: 20px;
    border-bottom:1px solid #ecf1f9;
    border-left:1px solid #ecf1f9;

}
.osystem-modal-slider-item.active >  .osystem-modal-slider-item-title > .osystem-modal-point{

    border-bottom:1px solid #c2b0c0;
    border-left:1px solid #c2b0c0;
    background: #c2b0c0;

}

.osystem-modal-slider{
    width: 800px;
    margin: 0px auto;
}

.osystem-modal-slider-item{
    outline: none !important;

    cursor: pointer;

    border:1px solid #ecf1f9;

    height: 299px;
}

.osystem-modal-slider-item.active{
    border:1px solid #c2b0c0;
}




.osystem-modal-slider-item-image{
    text-align: center;

}
.osystem-modal-slider-item-image img{
    margin: 5px auto;

    max-height: 250px;
}







/*-----------------*/

.tvprojects-page{
    margin-bottom: 70px;
}

.tvprojects-top{
    margin-bottom: 50px;
}


.tvprojects-page h2{

    color: #262626;
    font-size: 30px;
    font-family: 'FiraSansLight';
    margin-bottom: 20px;
}


.tvprojects-designers-slider-item img{
    width: 150px;

    margin: 0px auto;
}


.tvprojects-designers-wrapp{

    float: left;
    width: 60%;

}

.tvprojects-anons-wrapp{
    float: right;
    width: 30%;
}

.tvprojects-anons-subwrapp{

    max-width: 250px;
    margin: 0px auto;
}


.tvprojects-anons-item{

    width: 100%;
    border: 1px solid #eef1f9;

}

.tvprojects-anons-item-info{


    padding: 20px;
}

.tvprojects-anons-item span{


    color:#262626;
    font-size: 12px;
    font-family: 'FiraSansRegular';
    text-transform: uppercase;
}


.tvprojects-anons-item img{

    margin-bottom: 15px;

}
.tvprojects-anons-item p{

    color:#595959;
    font-size: 15px;
    font-family: 'FiraSansLight';
    margin-bottom: 15px;

}


.tvprojects-anons-item > a{

    display: block;
    border: none;
    width: 100%;
    height: 40px;
    text-align: center;
    background: #fff;
    padding-top: 12px;
    font-family: 'FiraSansRegular';
    text-transform: uppercase;
    font-weight: 400;
    color: #262626;
    font-size: 12px;
    cursor: pointer;
    border-top: 1px solid #eef1f9;
}


.tvprojects-anons-item > a:hover{

    text-decoration: none;
    background: #c2b0c0;
    color: #fff;
}




.tvproject-item-wrapp{

    width: 50%;
    float: left;
    padding: 10px;
}




.tvproject-item{

    border: 1px solid #eef1f9;

    min-height: 280px;

}
.tvproject-item-info-wrapp{



    border-right: 1px solid #eef1f9;
    width: 70%;
    float: left;
}

.tvproject-item-info{
    padding: 20px 20px 0px 20px;
}

.tvproject-item-info > div{

    margin-bottom: 10px;
}

.tvproject-item-tv{

    font-size: 20px;
    color: #262626;

    text-decoration: underline;
    font-family: 'FiraSansLight';
}
/*
.tvproject-item-name{

    font-size: 15px;
    color: #262626;
    font-family: 'FiraSansLight';

}*/

.tvproject-item-name {
    display: block;
    font-size: 15px;
    line-height: 1;
    height: 25px;
    color: #262626;
    font-family: 'FiraSansLight';
}



.tvproject-item-text, .tvproject-item-text *{

    /*max-height: 118px;*/
    min-height: 157px;
    max-height: 157px;
    overflow: hidden;
    font-size: 14px;
    color: #595959;
    font-family: 'FiraSansLight';
    margin: 0px;
    padding: 0px;

}




.tvproject-image > a{

    display: block;
    width: 100%;
    height: 300px;

}.tvproject-image > a:hover .tvproject-item-link-head {

     text-decoration: none;
     background: #c2b0c0;
     color: #fff;
    border: none;
}

.tvproject-image{

    display: block;
    width: 100%;
    height: 300px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;

    border: 1px solid #eef1f9;

}


.tvproject-item-link-head{


    display: block;
    position: absolute;
    right: 0px;
    width: 164px;

    height: 40px;
    bottom: 0px;
    text-align: center;
    background: #fff;
    padding-top: 12px;
    font-family: 'FiraSansRegular';
    text-transform: uppercase;
    font-weight: 400;
    color: #262626;
    font-size: 12px;
    cursor: pointer;
    border-top: 1px solid #eef1f9;
    border-left: 1px solid #eef1f9;

}



.tvproject-item-name:after{

    content: '';
    display: inline-block;
    position: relative;
    top: -3px;
    left: 5px;
    width: 20px;
    height: 1px;
    background:#262626 ;

}

.tvproject-item-image{

    width: 30%;
    float: right;
    text-align: center;
}

.tvproject-item-image img{

    margin: 30px auto;

    height: 230px;
}

.tvproject-item-image p{

    font-family: 'FiraSansLight';
    font-size: 12px;
    color: #262626;
}



.tvproject-item-model{

    line-height: 1;
    font-size: 14px;
    color: #000;
    font-family: 'FiraSansLight';
    display: block;
    min-height: 30px;

}

.tvproject-item-model > span{

    font-size: 12px;
    color: #262626;
    text-transform: uppercase;
    font-family: 'FiraSansRegular';

}

.tvproject-item-link{
    float: left;
    width: 230px;
    height: 40px;
    border-right: 1px solid #eef1f9;
    border-top: 1px solid #eef1f9;
    border-bottom: 1px solid #eef1f9;
}





.tvproject-item-link> a{

    display: block;
    border: none;
    width: 100%;
    height: 40px;
    text-align: center;
    background: #fff;
    padding-top: 12px;
    font-family: 'FiraSansRegular';
    text-transform: uppercase;
    font-weight: 400;
    color: #262626;
    font-size: 12px;
    cursor: pointer;
    border-bottom: 1px solid #eef1f9;
}


.tvproject-item-link > a:hover{

    text-decoration: none;
    background: #c2b0c0;
    color: #fff;
}






/*-----------------*/

.styles-page{
    margin-bottom: 70px;
}


.styles-page h2{

    color: #262626;
    font-size: 30px;
    font-family: 'FiraSansLight';
    margin-bottom: 20px;
}


.styles-tvprojects-designers-slider-item img{
    width: 150px;

}


.styles-tvprojects-designers-wrapp{

    float: left;
    width: 60%;

}



.styles-tvproject-item-wrapp{

   width: 100%;
    /* float: left; */
    padding: 10px;
}

.styles-tvproject-item{

    border: 1px solid #eef1f9;

    min-height: 280px;

}
.styles-tvproject-item-info-wrapp{



    border-right: 1px solid #eef1f9;
    width: 60%;
    float: left;
}

.styles-tvproject-item-info{
    padding: 20px;
    min-height: 250px;
}

.styles-tvproject-item-info > div{

    margin-bottom: 10px;
}

.styles-tvproject-item-tv{

    font-size: 20px;
    color: #262626;

    text-decoration: underline;
    font-family: 'FiraSansLight';
}

.styles-tvproject-item-tv a, .styles-tvproject-item-tv a:hover{

    font-size: 20px;
    color: #262626;

    text-decoration: underline;
    font-family: 'FiraSansLight';
}

.styles-tvproject-item-name{

    font-size: 15px;
    color: #262626;
    font-family: 'FiraSansLight';

}

.styles-tvproject-item-text, .styles-tvproject-item-text *{

    font-size: 14px;
    color: #595959;
    font-family: 'FiraSansLight';

}

.styles-tvproject-item-name:after{

    content: '';
    display: inline-block;
    position: relative;
    top: -3px;
    left: 5px;
    width: 20px;
    height: 1px;
    background:#262626 ;

}

.styles-tvproject-item-image{

    width: 40%;
    float: right;
    text-align: center;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    height: 290px;

}

.styles-tvproject-item-image img{

    margin: 30px auto;

    height: 230px;
}



.styles-tvproject-item-model{

    font-size: 14px;
    color: #000;
    font-family: 'FiraSansLight';
    display: block;
    min-height: 30px;

}

.styles-tvproject-item-model > span{

    font-size: 12px;
    color: #262626;
    text-transform: uppercase;
    font-family: 'FiraSansRegular';

}

.styles-tvproject-item-link{
    float: left;
    width: 230px;
    height: 40px;
    border-right: 1px solid #eef1f9;
    border-top: 1px solid #eef1f9;
    border-bottom: 1px solid #eef1f9;
}





.styles-tvproject-item-link> a{

    display: block;
    border: none;
    width: 100%;
    height: 40px;
    text-align: center;
    background: #fff;
    padding-top: 12px;
    font-family: 'FiraSansRegular';
    text-transform: uppercase;
    font-weight: 400;
    color: #262626;
    font-size: 12px;
    cursor: pointer;
    border-bottom: 1px solid #eef1f9;
}


.styles-tvproject-item-link > a:hover{

    text-decoration: none;
    background: #c2b0c0;
    color: #fff;
}






.styles-sliders-wrapp{

    width: 100%;
    margin: 10px auto 70px auto;
}

.styles-doors-slider{
    height: 450px;
    overflow-y: hidden;
}

.styles-fotos-wrapp{

    width: 90%;
    border: 1px solid #eef1f9;
    height: 550px;
    float: left;
}

.styles-doors-wrapp{
    float: right;
    width: 10%;
    border: 1px solid #eef1f9;
    height: 550px;
}









.styles-doors-slider-arrow-top{
    width: 100%;
    height: 50px;


    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../images/arrow-top.png");
    cursor: pointer;

}
.styles-doors-slider-arrow-bottom{

    width: 100%;
    height: 50px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../images/arrow-bottom.png");
}




.styles-doors-slider-item{
    text-align: center;
    width: 100%;
    outline: none !important;
    cursor: pointer;

}


.styles-doors-slider-item.active img{

    outline: 3px solid #c2b0c0;

}
.styles-doors-slider-item img{
    height:80px;
    margin: 0px auto;

}


.styles-fotos-wrapp{
    position: relative;
}

.styles-fotos-slider-wrapp{

    width: 100%;

    margin: 0px;
    padding: 0px;
}

.styles-fotos-slick {
    width: 100%;
    position: relative;
    height: 550px;

}

.styles-fotos-slick-item {
    background-size:100% auto ;
    width: 100%;

    background-repeat: no-repeat;
    background-position: center center;

    height: 550px;
    outline: none !important;

}


 .styles-fotos-controlls-wrapp{

    margin-top: 15px;
    width: 175px;
    position: absolute;

     position: absolute; left:0px; bottom: -2px; background: #fff;

    border-bottom: 1px solid #ecf1f9;
    border-top: 1px solid #ecf1f9;
    height: 50px;


}

.styles-fotos-slick-info{
    width: 55px;
    float: left;
    margin-left: 0px;
    margin-top: 12px;

    text-align: center;
}

.styles-fotos-slick-info{
    color: #ecf1f9;

}
.styles-fotos-slick-info .styles-fotos-slick-count{
    color: #bcb1b4;
    font-size: 14px;

}.styles-fotos-slick-info .styles-fotos-slick-current{
     color: #595959;
     font-size: 18px;

 }



.styles-fotos-slick-left{

    width: 50px;
    height: 50px;
    float: left;
    margin-left: 10px;

    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-left-block.png");
    background-position: center center;
}

.styles-fotos-slick-right{
    width: 50px;
    height: 50px;
    float: right;
    margin-right: 10px;

    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-right-block.png");
    background-position: center center;

}




.styles-fotos-link-wrapp{

    width: 200px;
    height: 40px;
    position: absolute;
    top:0px;
    right: 0px;
    z-index: 3;
}



.styles-fotos-link-wrapp > a{
    display: block;
    border: none;
    width: 100%;
    height: 40px;
    text-align: center;
    background: #c2b0c0;
    padding-top: 12px;
    font-family: 'FiraSansRegular';
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}



.styles-fotos-link-wrapp > a:hover{

    text-decoration: none;
    background: #1f1f1f;
    color: #cab2c2;;
}




.styles-select-wrapper{
    margin-top: 20px;

    padding-top:  5px;
    min-height: 50px;
}

.styles-select-wrapper span{

    color: #262626;
    font-size: 15px;
    font-family: 'FiraSansLight';
}
.styles-select-wrapper > div{


    display: inline-block;
}




.styles-select{
    border: 1px solid #edf0f8;
    width: 150px;
    height: 30px;
    margin-right: 20px;
    margin-bottom: 10px;
    background: transparent;
    padding-left: 10px;
    padding-right: 30px;
    outline:none;
    display: inline-block;
    font-size: 14px;
    font-family: 'FiraSansLight';
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    background: url("../images/shops-select-arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 90%;
}




.common-tvanons-wrapper{
    width: 900px;
    height: 480px;
}


.common-tvanons-wrapp{
  width: 100%;
    height: 480px;
}


.common-tvanons-image{
  width: 40%;
    height: 480px;
    float: left;

    background-size: auto 100% ;
    background-position: center center;
    background-repeat: no-repeat;
}

.common-tvanons-info-wrapp{
    float: right;
  width: 60%;
    height: 480px;
}

.common-tvanons-info{

    padding:  0px 20px;
}

.common-tvanons-info-text, .common-tvanons-info-text *{
    color: #595959;
    font-size: 15px;
    font-family: 'FiraSansLight';

}



.common-tvanons-info > h2{
    color: #262626;
    margin-top: 0px;
    font-size: 30px;
    font-family: 'FiraSansLight';

}
.common-tvanons-info > h3{
    color: #262626;
    font-size: 20px;
    margin-top: 40px;
    font-family: 'FiraSansLight';

}

.common-tvanons-item-info > p{

    color: #595959;
    font-size: 15px;
    font-family: 'FiraSansLight';
    margin-bottom: 15px;
}
.common-tvanons-item-info > p >span{

    color: #262626;
    font-size: 12px;
    font-family: 'FiraSansRegular';
    text-transform: uppercase;
}







.subtvproject-door-wrapp{

    float: left;
    width: 30%;

    padding: 0px 20px;


}


.subtvproject-door-item{

    width: 100%;

    border: 1px solid #f0f4f0;
    min-height: 25px;
}



.subtvproject-door-item-image{

    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.subtvproject-door-item-image > img{

    width: 70%;
    /*max-height: 400px;*/
}


.subtvproject-door-item-model{

    padding: 10px;

    text-align: center;

    border: 1px solid #f0f4f0;
}


.subtvproject-door-model{

    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #000;
    font-family: 'FiraSansLight';
    display: block;


}

.subtvproject-door-item a:hover{
    text-decoration: none;
}


.subtvproject-door > span{

    font-size: 12px;
    color: #262626;
    text-transform: uppercase;
    font-family: 'FiraSansRegular';

}




.subtvproject-info-wrapp{

    float: right;
    width: 70%;


}




.subtvproject-info-image{
    width: 100%;
    height: 450px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;

    border: 1px solid #f0f4f0;
}




.subtvproject-info-text, .subtvproject-info-text *{

    font-family: 'FiraSansLight';
    font-style: 14px;
    padding-top: 5px;
}



.hidden-menu-wrapp{
    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    height: 40px;
    background:#fff;
    z-index: 50;
    border-bottom: 2px solid #ecf1f9 ;


}

.hmLogo{

    margin-top: 7px;
    height: 25px;
}

.hm-logo-link{float: left;}


.hmCart{
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    border: 1px solid #ecf1f9;
    margin-top: 5px;
    background-image: url(../images/cart.png);
    background-position: center center;
    background-repeat: no-repeat;
}



.hmCart:hover{
    text-decoration: none;
}



.hmCart span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    position: relative;
    left: 23px;
    top: -5px;
    background: #cab2c2;
    color: #fff;
    text-align: center;
}



.hm-cart-wrapp {
    position: absolute;
    width: 180px;
    margin-left: -90px;
    width: 168px;
    margin-left: -84px;
    left: 50%;
    top: 0px;
    float: left;

}
.hm-cart-link, .hm-cart-link:hover{
    top: 9px;
    font-size: 14px;
    font-family: 'FiraSansLight';
    color: #262626;
    text-decoration: underline;
    position: relative;
}

.hm-callback:hover {

    text-decoration: none;
    background: #1f1f1f;
    color: #cab2c2;;

}



.hm-callback {
    display: block;
    padding: 12px 25px;
    width: 158px;
    margin-top: 4px;
    float: right;
    text-align: center;
    background-color: #cab2c2;
    color: #fff;
    text-transform: none;
    font-size: 14px;
    padding-top: 6px;
    font-family: 'FiraSansRegular';
    cursor: pointer;
    height: 30px;
}


.hm-phone {
    width: 170px;
    float: right;
    font-size: 18px;
    margin-top: 8px;
    margin-right: 10px;
    opacity: 0.6;
}

.hm-phone a{
    color:#595959;

}
.hm-phone a:hover{
    text-decoration: none;
    cursor: pointer;
}
.hm-phone a span{
    color:#262626;
    font-family: 'FiraSansBold';
    font-weight: bold;

}




.common-anons-share{
    margin-top: 5px;
}


.common-anons-share > a{

    display: inline-block;
    cursor: pointer;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    background-position: center center;
    background-repeat: no-repeat;
}

.common-anons-share > a.share-vk{
    background-image: url("../images/share-vk.png");
}

.common-anons-share > a.share-fb{
    background-image: url("../images/share-facebook.png");
}

.common-anons-share > a.share-ml{
    background-image: url("../images/share-mailru.png");
}

.common-anons-share > a.share-tw{
    background-image: url("../images/share-twitter.png");
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.common-anons-share > a.share-ok{
    background-image: url("../images/share-ok.png");
}


.common-fastorder-wrapper{

    width: 600px;
    height: 275px;
    padding: 20px;
    background: #fff;
}



.common-fatsorder-center{

    width: 100%;

    padding: 0px 5px 5px 5px;
}



.common-fatsorder-left{

    width: 50%;
    float: left;
    padding: 5px;
}

#fatsorder-button{
    width: 200px;
    margin: 10px auto;
}

#fatsorder-button:hover{
    text-decoration: none;
    background: #1f1f1f;
    color: #cab2c2;
}



.common-fatsorder-right{
    width: 50%;
    float: right;
    padding: 5px;
}



.order-link-two-c{
    display: block;
    padding: 12px 25px;
    width: 100%;
    margin-top: 4px;
    float: right;
    text-align: center;
    background-color: #cab2c2;
    color: #fff;
    text-transform: none;
    font-size: 14px;
    padding-top: 6px;
    font-family: 'FiraSansRegular';
    cursor: pointer;
    height: 30px;
}


.order-link-two-c:hover{

    text-decoration: none;
    background-color: #1f1f1f;
    color: #cab2c2;;
}

.common-shops-baloon{

    list-style: none;
}

.common-callsalon-wrapp h5{
    margin-bottom: 15px;
}
.common-callsalon-wrapp{
    background-color: #fff;
    width: 400px;
    height: 300px;

}


.loader10 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: relative;
    animation: loader10 0.9s ease alternate infinite;
    animation-delay: 0.36s;

    margin: -42px auto 0 auto;

    position: relative;
    top: 20px;
}
.loader10:after, .loader10:before {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    animation: loader10 0.9s ease alternate infinite; }


#callback-preloader{

    position: absolute;

    top: 325px;
    right: 118px;

}



.loader10:before {
    left: -40px;
    animation-delay: 0.18s; }
.loader10:after {
    right: -40px;
    animation-delay: 0.54s; }

@keyframes loader10 {
    0% {
        box-shadow: 0 28px 0 -28px #c2b0c0; }
    100% {
        box-shadow: 0 28px 0 #c2b0c0; } }





#hm-scrolltop{
    display: block;
    position: absolute;
    left: 30%;
    top: 10px;
    cursor: pointer;
    text-decoration: underline;

    width: 48px;
    background-image: url(../images/scrolltop.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 8px 8px;
    font-size: 12px;
opacity: 0.5;
}

#hm-scrolltop:hover{

    opacity: 1;

}

.tvprojects-page > h1{
    font-size: 20px;
    font-family: 'FiraSansLight';
    color: #262626;
    text-align: center;
    margin-bottom: 15px;
}






@media (max-width: 1080px) {

    .styles-tvproject-item-image, .styles-tvproject-item-info-wrapp{
        width: 100%;
        float: none;
    }

    .styles-tvproject-item-info{
        min-height: auto;
    }



}

@media (max-width: 700px) {
    .subtvproject-info-image{

        background-size: auto 100%;
    }
}

@media (max-width: 1000px) {

    .subtvproject-info-wrapp{
        width: 100%;
        float: none;
    }



    .subtvproject-door-wrapp{
        max-width: 320px;
        width: auto;
        float: none;
        margin: 0px auto;

    }



}



@media (max-width: 920px) {

    .styles-doors-slider{
        height: 250px;
    }


    .styles-fotos-slick, .styles-fotos-slick-item,
    .styles-doors-wrapp, .styles-fotos-wrapp{
        height: 350px;
    }
    .styles-doors-wrapp{
        width: 15%;
    }


    .styles-fotos-wrapp{
        width: 85%;
    }

}



@media (max-width: 650px) {
    .styles-fotos-slick-item{
        background-size: auto  100% ;
    }
    .styles-doors-wrapp{
        width: 20%;
    }


    .styles-fotos-wrapp{
        width: 80%;
    }


}

@media (max-width: 550px) {



}

@media (max-width: 450px) {
    .styles-tvproject-item-image{
        background-size: auto  100% ;
    }

    .styles-doors-wrapp{
        width: 25%;
    }


    .styles-fotos-wrapp{
        width: 75%;
    }

    .styles-doors-slider{
        height: 150px;
    }

    .styles-fotos-controlls, .styles-fotos-slick-left, .styles-fotos-slick-right {
        height: 40px;
    }


    .styles-fotos-slick, .styles-fotos-slick-item,
    .styles-doors-wrapp, .styles-fotos-wrapp{
        height: 250px;
    }
}




@media (max-width: 1160px) {


    .tvprojects-top {
        padding: 10px;
    }
    .tvprojects-page > h2 {
        padding-left: 10px;
    }


}

@media (max-width: 1048px) {

    .tvprojects-anons-wrapp{
        width: 40%;
    }

    .tvprojects-designers-wrapp{
        width: 50%;
    }



}




@media (max-width: 700px) {

    .tvprojects-anons-wrapp{
        width: 50%;
    }

    .tvprojects-designers-wrapp{
        width: 40%;
    }


}





@media (max-width: 950px){

    .tvproject-item-wrapp{
        width: 100%;
        float: none;
    }

    .tvproject-item-text *{
        max-height: initial;
        min-height: initial;
    }

    .tvproject-item-text{
        max-height: initial;
        min-height: 187px;
    }

    .tvprojects-page h2{
        font-size: 18px;
    }
}




@media (max-width: 480px){

    .tvprojects-anons-wrapp{
        width: 100%;
        float: none;
    }

    .tvprojects-designers-wrapp{
        width: 100%;
        float: none;
    }



    .tvproject-image{
        background-size: auto  100%;
    }

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

    .tvproject-item-tv{
        font-size:14px;
    }

    .tvproject-item-name{
        font-size:13px;
    }

    .tvproject-item-model, .tvproject-item-text, .tvproject-item-text *{
        font-size:12px;
    }

}








@media (max-width: 870px){


    .openingsystems-info-wrapp{
        width: 50%;
    }

    .openingsystems-slider-wrapp{
        width: 50%;
    }


    .openingsystems-info h2{
        font-size: 16px;
    } .openingsystems-info p{
        font-size: 12px;
    }

    .home-testimonials-form-name{
        width: 50%;
    }


     .home-testimonials-form-submit{
        width: 50%;
    }


    .home-testimonials-form-wrapp{
        padding: 10px 10px;

    }




}



@media (max-width: 500px) {


    .openingsystems-info-wrapp{
        width: 100%;
        float: none;
        min-height: inherit;
    }

    .openingsystems-slider-wrapp{
        width: 100%;
        float: none;
    }

    .openingsystems-info{
        margin-top: 30px;
    }

}



@media (max-width: 660px) {

    .home-testimonials-slider-wrapp{
        float: none;
        width: 100%;

        min-height: 330px;

    }
  .home-testimonials-form-wrapp{
        float: none;
        width: 100%;

    }


.home-head-text-wrapp{
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

    .home-fotos-section{
        float: none;
        width: 100%;
    }

    .home-head-text{
        margin-top: 10px;
        max-width: 100%;
    }

    .home-head-controlls-wrapp{

        float: none;
        width: 100%;
    }

    .home-fotos-section {

        padding-right: 0px;
    }


    .home-head-text h1 {
        font-size: 25px;

    }

    .home-doors-slider-wrapp{
        float: none;
        width: 100%;

        min-height: 300px;
    }

    .home-collection-name{
         height: 300px;
    }

    .home-collection-image {
         height: 300px;
    }

    .home-doors-info-wrapp{
        float: none;
        width: 100%;
    }


 .home-doors-info{
    margin-top: 10px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;

 }

    .home-header-text {
        text-align: center;
        top: -7px;
        background: #fff;
        position: absolute;
        z-index: 2;
        width: 220px;
        left: 50%;
        margin-left: -110px;
    }

 .home-header-text > h2{
       font-size: 20px;
    }

    .header-text-review > h2{
        font-size: 20px;
    }

 .home-header-text > p{
       font-size: 14px;
     padding-left: 10px;

        letter-spacing: 10px;
    }
    .home-doors-item {

        margin-bottom: 25px;
    }

    .home-doors-info-wrapp {
        min-height:inherit;
    }
}


@media (max-width: 440px) {
    .home-slider-slide {

        height: 300px;

    }
    .home-fotos-slider {

        height: 300px;

    }

}

@media (max-width: 1155px) {

    .home-head-text-wrapp{

       padding-left: 10px;
       padding-right: 10px;
    }


}



@media (max-width: 1090px) {

    .shops-item-wrap{

        width: 33%;
    }


}




@media (max-width: 830px) {

    .shops-item-wrap{

        width: 50%;
    }


}
@media (max-width: 555px) {

    .shops-item-wrap{

        width: 100%;
    }


}


@media (max-width: 1150px) {
    .advantages-head-part {

        padding: 10px;


    }
    .advantages-lists-part {

        padding: 10px;

    }

    .cart-page{
        padding: 0px 10px;
    }

}

@media (max-width: 960px) {
    .advantages-item-text p {
        padding-top: 20px;
        padding-left: 7px;
        font-size: 12px;

    }

}

@media (max-width: 768px) {
    .advantages-header-wrapp  {
        max-width: 70%;

    }
    .advantages-header-wrapp   h2 {
       font-size: 25px;

    }
    .advantages-lists-part   h3  {
   font-size: 16px;

    }
    .advantages-page   h2{

        font-size: 25px;
    }

    .advantages-right-list-wrap ul li, .advantages-left-list-wrap ul li {
        font-size: 12px;

    }




}

@media (max-width: 530px) {


    .hm-cart-link{

        display: none;

    }


    .hm-cart-wrapp{

        width: 35px;
    }



    .advantages-left-list-wrap, .advantages-right-list-wrap{
        float: none;
        width: 100%;
    }


    .advantages-right-list-wrap ul li, .advantages-left-list-wrap ul li{
        max-width: 100%;
    }
    .advantages-page   h2{

        font-size: 16px;
    }
    .advantages-certificate-wrapp > a{
        width: 55px;
        height: 77px;

    }



}
@media (max-width: 840px) {
    .advantages-item-wrapp{
        width: 50%;
    }
}
@media (max-width: 560px) {
    .advantages-item-wrapp{
        width: 100%;
    }
}

@media (max-width: 1000px) {

.about-page  {
   padding-left: 10px;
   padding-right: 10px;
}
.about-page h2{
    font-size: 20px;
}

    .about-text p{
        font-size: 12px;

    }

}

@media (max-width: 830px) {
    .about-center{
        margin-top: 0px;
    }
}

@media (max-width: 750px) {

    .about-item{
        margin-bottom: 20px;
    }

    .about-image img.left-decor{

        top:-10px;
        left:-10px;

    }
    .about-image img.right-decor{

        top:-10px;
        right:-10px;

    }

    .about-page h2{
        font-size: 14px;
    }

    .about-text p{
        font-size: 10px;

    }
}
@media (max-width: 600px) {

    .about-item{
        margin-bottom: 10px;
    }

    .about-left-part{

        padding: 10px;
        width: 100%;
        float: none;
    }



    .about-right-part{
        padding: 10px;
        width: 100%;
        float: none;
    }

    .about-map-part{
        padding: 10px;
    }

    .about-image img.left-decor,  .about-image img.right-decor{
 position: inherit;

    }

}

@media (max-width: 530px) {

    .catalog-furnitura-section{
        width: 100%;
        float: none;
    }
    .catalog-furnitura-menu{
        width: 100%;
        float: none;
    }.catalog-furnitura-menu ul{
display: block;
    width: 100%;
    }.catalog-furnitura-menu li{

    width: 33%;
        float: left;
    }

    .catalog-furnitura-menu-item{
        font-size: 10px;
    }

}

@media (max-width: 770px) {
    .catalog-furnitura-item{
        width: 50%;
    }

    .catalog-furnitura-menu-item{
        font-size: 12px;
    }

    .cart-wrapp-form {
        width: 60%;
        padding: 20px 10px;
        float: none;
        margin: 30px auto;
    }
    .cart-wrapp-list {
        float: none;
        width: 100%;
    }

}

@media (max-width: 870px) {

    .catalog-furnitura-menu{
       padding-right: 0px;
    }

    .catalog-furnitura-item-info > span{

        font-size: 10px;

    }

}

@media (max-width: 430px) {
    .catalog-furnitura-item{
        width: 100%;
    }

}



@media (max-width: 425px) {



    .catalog-doors-slick{
        width: 300px;
        height: 230px;

    }
    .catalog-doors-slick .slick-slide img {
        width: 100px;
    }


    .catalog-doors-slider-wrapp{

        min-height: 346px;

    }

    .catalog-doors-info-wrapp{
        min-height: 200px;
    }
    .catalog-doors-info p{

        font-size: 12px;

    }
    .catalog-doors-info h3{

        font-size: 22px;

    }

}


@media (max-width: 900px) {


    .catalog-page{
        padding: 0px 10px;
    }
    .catalog-doors-slider-wrapp{

        width: 100%;
        float: none;
        border-bottom: 1px solid #ecf1f9;

    }

    .catalog-doors-info-wrapp{
        width: 100%;
        float: none;
        min-height: 250px;
    }
    .catalog-doors-info{
        margin-top: 20px;

    }


}

@media (max-width: 880px) {






    .product-handles-section{


        width: 100%;

        float: none;

    }

    .product-styles-section{


        width: 100%;

        float: none;


    }


    .collection-article-wrapper{

        width: 100%;
    }
}


@media (max-width: 1100px) {
    .collection-wrapp{


        max-width: 830px;
        width: auto;



    }


}
@media (max-width: 830px) {
    .collection-wrapp{


        max-width: 560px;
        width: auto;



    }


}
@media (max-width: 560px) {
    .collection-wrapp{


        max-width: 271px;
        width: auto;



    }


}


@media (max-width: 568px) {

    .product-tabs > li{

        font-size: 10px;
        padding-top: 14px;
        width: 145px;

    }




}


@media (max-width: 450px) {
    .product-handles-section{


        width: 100%;



    }

    .product-handles-item{

        width: 100%;
        float: none;

    }

    .cart-list-item-image img.cart-list-item-image-handle {
        margin-top: 30px;
        margin-bottom: 30px;
        max-width: 40%;
    }

    .cart-list-item-image {
        float: none;
        width: 100%;
        min-height: initial;
    }

    .cart-list-item-info {
        float: none;
        width: 100%;
        min-height: initial;
    }

    .cart-wrapp-form {
        width:  100%;
    }


}




@media (max-width: 1135px) {
.product-image-wrapper{
    width: 40%;
}

.product-content-wrapper-header{
    width: 60%;
}
.product-content-wrapper{
    width: 60%;

}
}







@media (max-width: 950px) {
.product-image-wrapper{
    width: 30%;
}

.product-content-wrapper-header{
    width: 70%;
}
.product-content-wrapper{
    width: 70%;

}
}




@media (max-width: 750px) {
    .product-image-wrapper{
        width: 100%;
    }

    .product-content-wrapper-header{
        width: 100%;
    }
    .product-content-wrapper{
        width: 100%;

    }

    .product-content-collection h2{
        font-size: 27px;

    }
    .product-image{
        padding: 25px 0px;
    }
    .product-action-button{
        font-size: 10px;
    }
}


@media (max-width: 1070px) {
    .footer-logo-wrap,
    .footer-contact-wrap,
    .footer-menu-wrap,
    .footer-social-wrap {
        margin: 0px auto;
    }

    .footer-social {
        width: 20%;
    }

    .footer-contact {
        width: 30%;
    }

}



@media (max-width: 788px) {

    #hm-scrolltop{
        display: none;
    }
}

@media (max-width: 910px) {



    #hm-scrolltop{
        left: 45%;
    }

    .hm-cart-wrapp {
        position: inherit;

        margin-left: 20px;
        left: 0px;
        top: 0px;
        float: left;
    }



    .footer-logo{
        width: 50%;
        padding-top: 50px;
    }

    .footer-social{
        width: 50%;
        padding-top: 30px;
    }
    .menu-footer-wrapper{
        width: 50%;
    }

    .footer-contact{
        width: 50%;
    }

}


@media (max-width: 540px) {


    .footer-logo{
        width: 100%;
        padding-top: 30px;
    }

    .footer-logo p{
       text-align: center;
    }

    .footer-social{
        width: 100%;
        padding-top: 30px;
        text-align: center;
    }
    .menu-footer-wrapper{
        padding-top: 30px;
        width: 100%;
        text-align: center;
    }

    .footer-contact{
        text-align: center;
        width: 100%;
    }

}











@media (max-width: 1150px){
    .menu > li > a{
        padding: 12px 22px;

    }

    .header-cart{
        margin-right: 30px;
    }
}

@media (max-width: 1085px){
    .menu > li > a{
        padding: 12px 20px;

    }
}


@media (max-width: 1053px){
    .menu > li > a{
        padding: 12px 15px;

    }

}@media (max-width: 973px){
    .menu > li > a{
        padding: 12px 10px;

    }

}


@media (max-width: 893px){
    .menu > li > a{
        padding: 6px 5px;

        font-size: 12px;
        height: 28px;
    }

    .menu{
        height: 30px;
    }
    .menu-wrapper{
        height: 30px;
    }

    #btn-callback{
        padding-top: 4px;

    }



}
@media (max-width: 814px){

    .menu-toggler-wrapper{

        display: block;

    }

    .menu > li {

        float: none;
    }.menu > li >a {
       border: none;
             padding: 10px 5px;
             font-size: 16px;
             height: 36px;
    }
    .menu{
        display: none;
        height: inherit;
    }
    .menu-wrapper{
        height: auto;

    }
    #btn-callback {
        padding-top: 9px;
    }


}





















@media (max-width: 973px){
    .header-phone{
        margin-right: 15px;
    }

}

@media (max-width: 875px){
    .header-location{
        width: 230px;

        top:5px;
        margin-left: -115px;
    }

}

@media (max-width: 710px){


        .hm-phone{
            display: none;
        }

}


@media (max-width: 730px){
    .header-phone{
        width: 130px;
        float: right;
        font-size: 15px;

        margin-top: 35px;
        margin-right: 0px;
    }

    .header-location{
        margin-left: -100px;
    }



}

@media (max-width: 650px){


    .header-location{
        display: none;
    }

}
@media (max-width: 417px){

    .logo{
        margin-left: 30px;
    }

    .header-phone{
        margin-top: 3px;
    }

}



@media (max-width: 376px) {
    .hmLogo{
        margin-top: 14px;
        height: 15px;
    }

    .hm-cart-wrapp {

        margin-left: 5px;

    }

}



/**/

.menu > li > a:hover{
   background: #f9f9f9;
    text-decoration: none;
}






 .fancybox-close  {

    background-image: url('../images/modal-closer.png') !important;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
     background-size: auto auto !important;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border: 1px solid #ecf1f9;

}




 /*---------------Scrollmbar*---------------------*/
/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #cab2c2; background-color: rgba(202, 178, 194, 0.7);}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{  background-color: #ecf1f9; background-color: rgba(236, 241, 249);}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #cab2c2; background-color: rgba(202, 178, 194, 1); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar{background-color: #cab2c2; background-color: rgba(202, 178, 194, 0.7); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }

#mCSB_1_container{
    left: 17px;
}

/*---------------Scrollmbar*---------------------*/


.fancybox-skin{
    background: #fff;
}