html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, hr, button
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
h1, h2, h3, h4, h5, h6{line-height:100%;}
blockquote, q {quotes:none;}
input, textarea, button {margin:0;font-family:inherit; font-size:1em;}
body,
html{
    height:100%;
    min-width:1006px;
}
body{
    font:300 16px/28px "Roboto Condensed", Arial, Helvetica, sans-serif;
    color:#1a2225;
    background:#f5f6f7;
}
/* general setings */
a{
    color:#dc160f;
    text-decoration:none;
}
a:hover{text-decoration:underline;}
/*p{margin:0 0 42px;}*/
p{margin:0 0 25px;}
strong{font-weight:bold;}
h1{
    font:bold 39px/39px "Roboto Condensed", Arial, Helvetica, sans-serif;
    margin:0 0 48px;
}
h2{
    font:bold 30px/32px "Roboto Condensed", Arial, Helvetica, sans-serif;
    margin:0 0 19px;
}
h3{
    font:bold 25px/25px "Roboto Condensed", Arial, Helvetica, sans-serif;
    margin:0 0 26px;
}
ol{
    counter-reset:section;
    padding:0;
    margin:0;
    list-style:none;
    overflow:visible;
}
ol li{
    padding:0 0 10px;
    vertical-align:top;
}
ol li:before,
ol li .list-item-before {
    content:counter(section)'.';
    counter-increment:section;
    float:left;
    position:relative;
}
* html ol li .list-item-before{margin-right:0;}
ol li li:before,
ol li li .list-item-before {
    display:none;
}
ol ul{
    padding:15px 0 0;
    margin:0 0 -15px;
}
.wrapper{
    width:100%;
}
#header{background:#fff;}
.header-holder{
    width:1025px;
    margin:0 auto;
    /*padding:61px 0 50px;*/
    padding:40px 0 40px;
    display:flex;
}
.header-holder:after{
    clear: both;
    content:'';
    display: block;
}
.logo{
    overflow:hidden;
    background:url(/images/logo.png) no-repeat;
    width:191px;
    height:49px;
    text-indent:-9999px;
    float:left;
    margin:-6px 17px 0 0;
}
.logo a{
    height:100%;
    display:block;
}
.slogan{
    float:left;
    font-size:16px;
    line-height:20px;
    font-weight:300;
    color:#878a90;
    margin:4px 0 0;
    width:190px;
}
@media (max-width: 800px){
.soc-links{
display:none;
}
}
.soc-links{
    /*margin:0 15px 0 0;*/
margin:1px 15px 0 75px;
    padding:7px 0 0;
    list-style:none;
    /*float:left;*/
}
.soc-links li{
    float:left;
    padding:0 12px 0 0;
}

.menu_top ul li.drop.active span a
 color: #dc160f !important;
 text-decoration:underline;
}


.soc-links li img{float:left;}
.btn01{
    background:#dc160f;
    color:#fff;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    padding:0 18px;
    min-width:140px;
    height:44px;
    font-size:15px;
    line-height:44px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:35px;
    position:relative;
    behavior: url(js/PIE.htc);
margin-top: 2px;
}
.btn01:hover{
    text-decoration:underline;
}
.btn01 img{
    vertical-align:top;
    margin:4px 8px 0 0 !important;
    display:inline !important;
}
.btn02{
    background:#00da41;
    color:#fff;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    padding:0 15px;
    min-width:140px;
    height:44px;
    font-size:19px;
    line-height:15px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:35px;
    position:auto;
    behavior: url(js/PIE.htc);
margin-left:10px;
margin-top: 2px;
}
.btn02:hover{
    text-decoration:underline;
}
.btn02 img{
    vertical-align:top;
/*    margin:0px 1px 0 0 !important;*/
    display:inline !important;
margin-top: 6px;
}

.btn03{
    background:#ffffff;
    color:#fff;
    float:right;
    text-align:right;
    display:inline-block;
    vertical-align:top;
    padding:0px -40px;
    min-width:0px;
    height:0px;
    font-size:9px;
    line-height:15px;
    behavior: url(js/PIE.htc);
    margin-left:15px;
}
.btn03:hover{
    text-decoration:underline;
}
.btn03 img{
    vertical-align:text-bottom;
    display:inline !important;
    height:44px;
}
.btn04{
    background:#ffffff;
    color:#fff;
    float:right;
    text-align:right;
    display:inline-block;
    vertical-align:top;
    padding:0 -40px;
    min-width:30px;
    height:0px;
    font-size:0px;
    line-height:0px;
    behavior: url(js/PIE.htc);
    margin-left:10px;
}
.btn04:hover{
    text-decoration:underline;
}
.btn04 img{
    vertical-align:text-bottom;
    display:inline !important;
    height:44px;

}

.contacts{
    float:right;
    margin-top: 4px;
    margin-left: 10px;
}
.contacts .phone{
    float:left;
    clear:left;
    font-weight:bold;
    font-size:16px;
    line-height:20px;
}
.contacts .email{
    /*float:left;*/
    clear:left;
    font-weight:300;
    font-size:12px;
    line-height:15px;
    color:#878a90;
margin-left: 6px;
}
.contacts .email a{color:#878a90;}
.visual{
    background:url(/images/bg-visual.jpg) no-repeat 50% 0;
    padding: 63px 0 64px;

}
.nav-holder{
    background:#fff;
    width:985px;
    height:54px;
    padding:0 21px 0 0;
    margin:0 auto;
    -webkit-border-radius:27px;
    -moz-border-radius:27px;
    border-radius:27px;
    position:relative;
    behavior: url(js/PIE.htc);
}
.nav-holder:after{
    clear: both;
    content:'';
    display: block;
}
.search-bar{
    float:right;
    padding:0 0 0 14px;
display: flex; 
align-items: center;
height: 100%;
}
.search-bar .txt{
    float:left;
    font:300 15px "Roboto Condensed", Arial, Helvetica, sans-serif;
    color:#878a90;
    padding:16px 15px 16px;
    width:137px;
    border:0;
    background:none;
}
.search-bar .btn-search{float:right;}
#nav{
    margin:0;
    padding:0;
    list-style:none;
    float:right;
    font-size:17px;
    line-height:20px;
}
#nav li{
    float:left;
    height:36px;
    border-right:1px solid #efefef;
    padding:16px 12px 0;
}
#nav li a{color:#231f20;}
#nav li.active a,
#nav li a:hover{
    text-decoration:none;
    color:#dc160f;
}
.categories{
    width:1004px;
    margin:0 auto;
    padding:55px 0 11px;
}
.categories:after{
    clear: both;
    content:'';
    display: block;
}
.categories .item{
    float:left;
    text-align:center;
    width:150px;
    height:261px;
    padding:71px 21px 0 21px;
    margin:15px 3px 15px 4px;
    background:url(/images/bg-item01.png);
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
    position:middle;
    behavior: url(js/PIE.htc);
    -webkit-transition:0.1s linear;
    -moz-transition:0.1s linear;
    -o-transition:0.1s linear;
    transition:0.1s linear;
}
.categories .item01{background:url(/images/bg-item02.png);}
.categories .category{
    display:block;
    font-size:20px;
    line-height:24px;
    color:#fff;
    width:150px;
    height:261px;
    padding:71px 0 0;
    margin:-71px 0 0;
    position:relative;
}
.categories .category img{
    display:block;
    margin:0 auto 14px;
width: 99px;
}
.categories .category strong{
    font-weight:300;
    display:table;
    width:100%;
}
.categories .category strong span{
    display:table-cell;
    vertical-align:middle;
    height:48px;
}
.mark-soon{
    background:url(/images/ico-soon.png) no-repeat;
    width:83px;
    height:83px;
    text-indent:-9999px;
    overflow:hidden;
    position:absolute;
    top:141px;
    right:30px;
}
.categories .drop{
    margin:-27px auto -10px;
    height:281px;
    width:100%;
    display:none;
}
.categories ul{
    margin:0;
    padding:0;
    list-style:none;
    font-size:14px;
    line-height:20px;
    font-weight:bold;
    display:table-cell;
    vertical-align:middle;
}
.categories ul li{
    border-top:1px solid #d93b3e;
    padding:7px 10 2px;
}
.categories ul li:first-child{border:0;}
.categories ul li a{color:#fff;}
.categories ul li a:hover{
    color:#231f20;
    text-decoration:none;
}
.categories .item.has-drop:hover{
    height:291px;
    margin:0 3px 0 4px;
}
.categories .item.has-drop:hover .drop{display:table;}
.categories .item.has-drop:hover .category{display:none;}
#main{
    background:#fff;
    padding:48px 0 15px;
}
.main-holder{
    width:924px;
    margin:0 auto;
}
.main-holder:after{
    clear: both;
    content:'';
    display: block;
}
.intro{
    padding:15px 0 10px;
    color:#434040;
    font-size:15px;
    line-height:25px;
}
.intro:after{
    clear: both;
    content:'';
    display: block;
}
.intro .holder{
    overflow:hidden;
}
.intro .ttl{
    float:left;
    width:200px;
    margin:0 55px 0 0;
}
.intro h1{
    font-size:30px;
    line-height:36px;
    font-weight:300;
    color:#dc160f;
    margin:0;
}
.intro .text-h{
    /*overflow:hidden;*/
    padding:2px 0 0;
}
.aside{
    float:right;
    width:227px;
    margin:0 -15px 0 64px;
}
.intro .aside{
    width:177px;
    padding:3px 0 0;
}
.links{
    margin:0;
    padding:0;
    list-style:none;
}
.links li{padding:0 0 12px;}
.links li a{
    display:table;
    width:100%;
}
.links li a img{
    float:left;
    margin:0 15px 0 0;
}
.links li a span{
    display:table-cell;
    width:100%;
    vertical-align:middle;
}
.links li a strong{
    display:block;
    color:#dc160f;
    font-size:17px;
    line-height:17px;
    padding:0 0 5px;
}
.links li a em{
    display:block;
    color:#878a90;
    font-size:12px;
    line-height:12px;
    font-style:normal;
}
.links li a:hover{text-decoration:none;}
.links li a:hover strong{text-decoration:underline;}
#sidebar{
    float:right;
    width:228px;
    margin:0 -15px 0 0;
    padding:5px 0 0;
}
#content{
    float:left;
    width:656px;
}
#side-nav{
    margin:0 0 48px;
    padding:0 0 38px;
    list-style:none;
    font-size:15px;
    line-height:18px;
    background:url(/images/separator01.gif) no-repeat 32px 100%;
}
#side-nav>li{
    padding:0 0 15px;
}
#side-nav>li:after{
    clear: both;
    content:'';
    display: block;
}
#side-nav li img{
    float:left;
    margin:0 15px 0 0;
}
#side-nav .text-h{
    overflow:hidden;
    padding:2px 0 0;
}
#side-nav .h2{
    font-size:16px;
    line-height:18px;
    color:#dc160f;
    font-weight:bold;
    margin:0 0 7px;
}
#side-nav .h2 a{color:#dc160f;}
#side-nav ul{
    margin:0;
    padding:0;
    list-style:none;
}
#side-nav ul li{
    padding:0 0 6px;
}
#side-nav ul li a{
    color:#231f20;
}
#side-nav ul li.active a,
#side-nav ul li a:hover{
    color:#dc160f;
    text-decoration:none;
}
.view{padding:0 0 70px;}
.view:after{
    clear: both;
    content:'';
    display: block;
}
.view img{
    height: 317px;
    margin: 11px 0 0 -6px;
    width: 317px;
}
.features{
    border:1px solid #d9d9d9;
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    border-radius:22px;
    width:185px;
    padding:41px 30px 30px 60px;
    float:right;
    position:relative;
    behavior: url(js/PIE.htc);
}
.features h2{
    font-size:23px;
    line-height:26px;
    color:#dc160f;
    margin:0 0 19px;
}
.list01{
    margin:0;
    padding:0;
    list-style:none;
    font-size:15px;
    line-height:21px;
    color:#231f20;
}
.list01 ul {
padding-left:0px;
}
.features .list01{margin-left:-17px;}
.list01 li{
    padding:0 0 18px 18px;
    background:url(/images/arrow01.png) no-repeat 0 7px;
        list-style:none;
}
.desc-ttl{
    display:block;
    font-size:17px;
    line-height:28px;
    padding:0 0 17px;
}
.tabset{
    margin:0 0 31px;
    padding:0;
    list-style:none;
    font-size:16px;
    line-height:19px;
    font-weight:bold;
}
.tabset:after{
    clear: both;
    content:'';
    display: block;
}
.tabset li{float:left;}
.tabset li a{
    float:left;
    height:27px;
    color:#dc160f;
    padding:8px 10px 0;
    position:relative;
}
.tabset li a span{
    float:left;
    background:url(/images/separator02.gif) repeat-x 0 100%;
}
.tabset li a:hover{text-decoration:none;}
.tabset li.active a{
    background:#dc160f;
    color:#fff;
    -webkit-border-radius:17px;
    -moz-border-radius:17px;
    border-radius:17px;
    behavior: url(js/PIE.htc);
}
.tabset li a:hover span,
.tabset li.active a span{background:none;}
.desc-list01{
    margin:0 0 25px;
    padding:4px 0 0;
    overflow:hidden;
    font-size:14px;
    line-height:20px;
    color:#858587;
}
.desc-list01 dt{
    float:left;
    clear:both;
    margin:0 3px 0 0;
}
.desc-list01 dd{
    display:block;
    padding:0 0 20px;
}
.catalog{
    margin:0 -40px 0 -8px;
    padding:6px 0 0;
    list-style:none;
}
/****/
.catalog li{
    display:inline-block;
    vertical-align:top;
    width:200px;
    padding:0 30px 20px 0;
/*    min-height:275px;*/
min-height:410px;
}

.catalog li img{
    display:block;
    margin:0 0 19px;
}
.catalog li strong{
    display:block;
    font-size:16px;
    line-height:17px;
    padding:0 0 4px 4px;
    color:#dc160f;
min-height:40px;
}
.send-z {
height:52px!important;
}
.catalog li span{
    display:block;
    font-size:12px;
    line-height:15px;
    padding:0 0 0 4px;
    color:#858587;
min-height:76px;
height:76px;
position: relative;
}

.catalog li span strong.prices {
position: absolute;
min-height: 20px;
height: 20px;
bottom: 0px;
}


.catalog li a{display:block;
height:340px;
overflow:hidden;
}

@media (max-width: 540px) and (min-width: 495px){

.catalog li span{
min-height:90px;
height:90px;

}


}

/*****/

.pagination .btn-prev,
.pagination .btn-next{
    float:left;
    background:url(/images/arrow-prev.png) no-repeat  50% 50%;
    width:33px;
    height:33px;
    text-indent:-9999px;
    overflow:hidden;
    margin:0 4px;
}
.pagination .btn-next{background:url(/images/arrow-next.png) no-repeat 50% 50%;}
.pagination ul{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    font-size:17px;
    line-height:30px;
}
.pagination ul li{
    float:left;
}
.pagination ul li a{
    float:left;
    width:27px;
    height:33px;
    position:relative;
    color:#231f20;
    text-align:center;
}
.pagination ul li a:hover{text-decoration:underline;}
.pagination ul li strong{
    text-align:center;
    background:#dc160f;
    float:left;
    width:33px;
    height:33px;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    behavior: url(js/PIE.htc);
}
.sub-nav{
    margin:0;
    padding:0 0 39px;
    list-style:none;
    font-size: 17px;
    line-height: 20px;
}
.sub-nav li{
    display:inline;
    padding:0 27px 0 0;
        line-height:32px;
}
.sub-nav li a{color:#231f20;}
.sub-ttl{
    font-size:22px;
    line-height:31px;
    margin:0 0 30px;
}
.text-box{
    padding:22px 33px 28px;
    margin:0 7px 27px -34px;
    border:1px solid #d9d9d9;
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    border-radius:22px;
    position:relative;
    behavior: url(js/PIE.htc);
    font-size:21px;
}
.text-box p{margin:0;}

#footer{
    width:100%;
    padding:26px 0 5px;
}
.news{
    width:924px;
    margin:0 auto 65px;
    overflow:hidden;
    font-size:14px;
    line-height:19px;
}
.news ul{
    margin:0;
    padding:0;
    list-style:none;
    width:1016px;
}
.news ul li{
    float:left;
    width:160px;
    margin:0 94px 0 0;
}
.news ul p{
    margin:0 0 14px;
}
.news ul a{color:#858587;}
.news .date{
    display:block;
    font:bold 11px/14px "Roboto Condensed", Arial, Helvetica, sans-serif;
    color:#dc160f;
}
.footer-holder{
    width:924px;
    margin:0 auto;
    font-size:13px;
    line-height:18px;
    color:#858587;
}
.footer-holder:after{
    clear: both;
    content:'';
    display: block;
}
.copy{
    float:left;
    margin:0 38px 0 0;
    width:170px;
}
.adfoot{
    float:left;
    margin:0 38px 0 40px;
}
.adres-footer{
    float:left;
    margin:0 38px 0 40px;
}
.soc-bar{
    float:left;
    padding:7px 0 0;
}
.soc-bar img{vertical-align:middle;}
.counter{
    float:right;
    padding:3px 0 0;
}
.counter img{vertical-align:middle;}
.design{
    float:right;
    width:133px;
    padding:1px 0 0 66px;
    font-size:13px;
    line-height:15px;
    color:#858587;
}
.design img{
    float:left;
    margin:6px 7px 0 0;
}
.design a{
    color:#9e9e9e;
    text-decoration:none;
}
.design a:hover{text-decoration:underline;}


ul.sub-nav li.active a { 
    text-decoration:none;
    color:#dc160f;
    font-weight: 100;
}



div.newssad {
    font-size: 15px;
    color: #999999;
    margin-top: 14px;
font-family:inherit;
}
div.newssad a {
    font-size: 17px;
    display: block;
font-family:inherit;
}
.faqfrm {
}
.faqfrm span{
display:block;
font-weight:bold;
margin-top:5px;
}
.faqfrm input {
width:450px;
height:22px;
border:solid 1px #aaa
}
.faqfrm textarea {
width:450px;
height:200px;
border:solid 1px #aaa;
margin:0px;
}
.faqfrm .cms_submit {
   height: auto;
    margin-top: 18px;
    padding: 5px 15px;
    width: 196px;
}
.faqfrm .capt input {
width:193px;
height:22px;
margin-top:10px;
}

.quest {
margin-left:0px;
padding-left:0px;
}
.quest li {
list-style:none;
padding: 0px;
margin-bottom: 15px;
}
.quest p {
margin-left:0px;
}
.quest span {
display:block;
}
.quest li a {
line-height:18px;
}


.captchapict img {
 margin-top:12px;
 border: 1px solid grey;
}
.captchapict {
 border: 1px solid grey;
}

#breadcrumbs{
    font-size: 12px;
    line-height: 15px;
    list-style: none outside none;
    margin: -25px auto 34px;
    padding: 0;
    width: 656px;
}
#breadcrumbs li{
    display:inline;
}

.partners a{
float:left;
margin-right:10px;
margin-bottom:10px;
border:solid 1px #aeaeae;
}

.big2 {
font-size: 53px;
font-weight: bold;
height: 85px;
padding-top: 80px;
text-align: center;
width: 100%;
}

.small {
color: #FFFFFF;
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
cursor:pointer;
}

.popcolor {
width:700px;
padding-top:200px;
padding-bottom:200px;
display:block;
font-size:60px;
font-weight:bold;
text-align:center;
}
.various {
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
display:block;
color:#000000;
}
.popcolor span{
font-size:23px;
margin-top:15px;
display:block;
}

.d1 { padding: 15px 0px 2px 0px; font-size: 17px; }
.d2 { padding: 2px 0px 2px 20px; font-size: 14px; }
.d3 a { padding: 2px 0px 2px 40px; font-size: 12px; color:grey;}

.price {
color:#fff;
background-color:#dc160f;
padding:10px 20px;
text-align:center;
font-size:25px;
position:absolute;
margin-top:50px;
border-radius:22px;
margin-left: 5px;
}
.priceslide {
margin-left:4px;
font-size:20px;
}
.responsive_height {
  height: 0;
  padding: 0 0 40% 0; /* responsive slider height = 40% of the browser width; ie. slide image aspect ratio: w10xh4 */
  position: relative;
  overflow: visible;
}

.responsive_height > .container {
  position: absolute;
  width: 600px;
  height: 300px;
  overflow: hidden;
}

.iosSlider {
  width: 100%;
  height: 400px;
}

.iosSlider .slider {
  width: 100%;
  height: 400px;
}

.iosSlider .slider .item {
  position: relative;
  top: 0;
  left: 0;
  width: 200px;
  hight: 400px;
  height: 100%;
  margin: 0 0 0 0;
}

.iosSlider .slider .item strong {
display: block;
font-size: 16px;
line-height: 17px;
padding: 0 0 4px 4px;
color: #dc160f;
}

.iosSlider .slider .item img {
  width: 185px;
}
.prev {
    background:url(/images/strelkaleft.png) no-repeat;
 height: 40px;
    left: 295px;
    position: absolute;
    top: -75px;
    width: 40px;
    z-index: 10;
}

.next {
    background:url(/images/strelkaright.png) no-repeat;
height: 40px;
    position: absolute;
    right: 273px;
    top: -75px;
    width: 40px;
    z-index: 10;
}



.prev2 {
    background:url(/images/strelkaleft.png) no-repeat;
 height: 40px;
    position: absolute;
    width: 40px;
    z-index: 10;
margin-left:-10px !important;
margin-top:150px;
}

.next2 {
    background:url(/images/strelkaright.png) no-repeat;
height: 40px;
    position: absolute;
    width: 40px;
    z-index: 10;
}
.container .unselectable {
    opacity: 0.2;
}

.tov_gal {position: relative;}
.tov_gal .prev,
.tov_gal .next {top: 50%; margin-top: -10px; width: 7px; height: 20px;}
    
.tov_gal .prev {left: 0; right: auto;}
.tov_gal .next {right: 0; left: auto;}
    
.tov_gal .slide {text-align: center; list-style: outside none none;}

.tov_gal .slider_wrap {position: relative;}

.thumb_box {position: relative; height: 100px; overflow: hidden; background: #fff;}
.sldr_thumb_list li {list-style: none;}
.sldr_thumb_list {width: 100%; height: 100px;}
.sldr_thumb_list .slider {height: 100px; margin: 0; padding: 0; font-size: 0; text-align: center;}
.sldr_thumb_list .button {width: 33.33%; height: 100px; cursor: pointer; display: inline-block; vertical-align: middle; opacity: 0.7; background-position: center !important; background-size: contain !important;}

.sldr_thumb_list .button:hover,
.sldr_thumb_list .button.selected {opacity: 1;}


ul.inside {
    list-style: outside none none;
    margin: -4px 0 0 5px;
    padding: 0 0 15px;
}
ul.inside li{
    background: url("../../images/arrow01.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
    padding: 0 0 20px 16px;
}

.send-z{
        border-radius: 22px;
    display:block;
    background:#d31e1e url(/images/icon-mail.png) 29px 55% no-repeat;
    width:140px;
    padding-left:60px;
    height:52px;
    line-height:54px;
    color:#ffffff;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    margin-top:48px;
        float:left;
        margin-top: 13px;
}

.send-z:hover{
    background:#b51a1a url(/images/icon-mail.png) 29px 55% no-repeat;
}

.send-zd{
    border-radius: 22px;
    background:#d31e1e;
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: 52px;
    line-height: 54px;
    margin-left: 44px;
    margin-top: 48px;
    padding-left: 25px;
    text-decoration: none;
    width: 92px;
    margin-left: 6px;
    float:left;
    margin-top: 13px;

}
.send-zd:hover{
    background:#b51a1a;
}

.send-prise{
        border-radius: 22px;
    display:block;
    background:#d31e1e;
    width:210px;
    padding:0 25px 0 35px;
    height:52px;
    line-height:54px;
    color:#ffffff;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
/*        float:left;*/
        margin-top: 77px;
}

.send-prise:hover{
    background:#b51a1a;
}
.send-prise2{
        border-radius: 22px;
    display:block;
    background:#d31e1e;
    width:210px;
    padding:0 25px 0 35px;
    height:52px;
    line-height:54px;
    color:#ffffff;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
        float:left;
        margin-bottom: 27px;
}

.send-prise2:hover{
    background:#b51a1a;
}

.call-back4 {
    background-color: #fff200;
    /*border: 1px solid #ccc;*/
    color: #fff;
    float: right;
    font-size: 12px;
    height: 41px;
    line-height: 42px;
    margin-left: -41px;
    margin-top: -2px;
    padding: 0 0 0 12px;
    text-transform: uppercase;
    width: 144px;
}
.call-back4 :hover {
    background-color: #656668;
    color: #fff;
}

#l-form4{
    position:absolute;
    left:-9999px;
    top:-9999px;
        padding:55px;
}
.fancybox-inner #l-form4{
    position:static;
    top:0;
    left:0;
}
#l-form5{
    position:absolute;
    left:-9999px;
    top:-9999px;
        padding:55px;
}
.fancybox-inner #l-form5{
    position:static;
    top:0;
    left:0;
}



.faqfrm {

}
.faqfrm span{
display:block;
font-weight:300;
margin-top:5px;
line-height:30px;
}
.faqfrm input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    color: #424242;
    font-family: tahoma;
    font-size: 13px;
    height: 44px;
    margin-bottom: 12px;
    padding: 0 18px;
    text-align: left;
    text-transform: uppercase;
    width: 400px;
}

#comment {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    color: #424242;
    font-family: tahoma;
    font-size: 13px;
    height: 134px;
    padding: 12px 18px 0;
    text-align: left;
    text-transform: uppercase;
    width: 400px;
}
#cntnt01fbrp_submit{
    background-color: #dc160f;
    border: medium none;
    border-radius: 22px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: -61px;
    margin-left: 142px;
    margin-top: 11px;
    padding: 10px 20px !important;
    text-align: center;
    text-transform: unset;
}

#cntnt01fbrp_submit:hover {
background:#b51a1a;
}


#m52855questionsubmit {
    background-color: #dc160f;
    border: medium none;
    border-radius: 22px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-top: 11px;
    padding: 10px 20px !important;
    text-align: center;
    text-transform: unset;
}
#m52855questionsubmit:hover {
background:#b51a1a;
}


table.contactform.faqfrm tbody tr td strong {
    color: #777;
    display: block;
    margin-bottom: 10px;
    margin-top: 7px;
    text-align:center;

}

.contactform.faqfrm tbody tr td h2 {
  text-align:center;
}







.faqfrm textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    color: #424242;
    font-family: tahoma;
    font-size: 13px;
    height: 134px;
    padding: 12px 18px 0;
    text-align: left;
    text-transform: uppercase;
    width: 400px;

}
.faqfrm .cms_submit {
padding:5px 15px !important;
width:auto !important;
height:auto !important;
}
.faqfrm .capt input {
width:70px;
height:22px;
margin-top:10px;
}
.faqfrm .snoklop {
padding:5px 15px;
width:auto;
height:auto;
}
.faqfrm td{
padding:0px;
height:0px;
}


.feedback_item_authodatee {
 float:left;
 width:150px;
}
.feedback_item_data {
/*color: #BF1705;*/
}

#m3b4affbrp_submit {
margin-top:12px;
}

#tab01, #tab02, #tab03, #tab04 {
border: 1px solid #d9d9d9;
border-radius: 22px;
padding: 20px 10px 0px 10px;
}

#m52855input_captcha {
width:220px;
}

#side-nav h2{
font: bold 16px "Roboto Condensed",Arial,Helvetica,sans-serif;
}

.hidden, .display {
  display:none;
}
.disnon{
display:none;
}
.popup{
cursor:pointer;
color:#dc160f;
border-bottom:dashed 1px #dc160f;
width:135px;
}
.popup:hover{
text-decoration:none;
}
.popup2 a:hover{
text-decoration:none;
}

.menu_top{
    font-size: 17px;
    line-height: 20px;
    list-style: outside none none;
    margin: 0 0 0 -19px;
    padding: 0;
}

.menu_top > ul{
font-family:inherit;
}

.menu_top > ul > li{
    padding:0px;
    margin:0px;
    display:block;
    float:left;
    height:43px;
    position:relative;
}
.menu_top > ul > li:first-child{
margin-right:10px;
}

div#header div.visual div.nav-holder div.menu_top ul li.drop ul li a {
 display: block;
}
div#header div.visual div.nav-holder div.menu_top ul li.drop ul li a:hover {
 display: block;
 color: #dc160f;
}

.menu_top > ul > li:first-child > div:hover,.menu_top > ul > li div:hover{
background-color:white;
}

.menu_top > ul > li:first-child.active > div{background:url({root_url}/images/first-child.png) left top no-repeat;  }

.menu_top > ul > li > div{
    height: 37px;
    padding-left: 20px;
    padding-top: 11px;
}

@-moz-document url-prefix(){.menu_top > ul > li:last-child div,.menu_top > ul > li.last div{ padding:0px 10px;}}


.menu_top > ul  ul{
   background: #ffffff none repeat scroll 0 0;
    display: none;
    left: -29px;
    list-style: outside none none;
    margin: 0;
    padding: 15px 0 15px 41px;
    position: absolute;
    top:48px;
    width: 189px;
    z-index: 9999;
}

.menu_top > ul > li:last-child > div:hover ul{
    right:20px;
    left:auto;
}

.menu_top > ul li:hover ul{
    display:block;
}

.menu_top > ul  ul li{
    margin:0px;
    padding:0px;

    color:#4a4343;
    line-height:31px;
 /*border-bottom: 1px solid #000;*/
}


.menu_top > ul > li{
    border-right: 1px solid #efefef;
    float: left;
    height: 36px;
    padding: 16px 9px 0;
}

div.menu_top ul li a {
        color: #231f20;
}

.menu_top > ul > li.drop:hover{
    text-decoration: none;
    background-color: white;
}
.menu_top > ul > li:hover{
    background-color: white;
    text-decoration: none;
}
.menu_top > ul > li a:hover {
    text-decoration: none;

}
div.menu_top ul li.active > a {
  color:#dc160f;
}
.pdf {
background:url(/uploads/images/other/pdf_icon.png) no-repeat;
margin-bottom:10px;
height:30px;
}
.pdf strong {
margin-left:40px;
line-height:30px;
}
.tablebrdrf {
border-collapse: collapse;
border: solid 1px #aaa;
margin-bottom:15px;
}

.tablebrdrf tr {
 border-color: #aaa;
 border: solid 1px #aaa;
}
.tablebrdrf td {
border-color: #aaa;
border: solid 1px #aaa;
}
.prices {
display:block !important;
font-weight:bold;
padding-left:0px !important;
font-size:12px !important;
color:#000 !important;
}


#name-error, #phone-error, #mail-error, #phone1-error {
    color: red;
    display: block;
    font-size: 16px;
    margin-bottom: 3px;
    margin-left: 18px;
    margin-top: -18px;
}


#cntnt01fbrp__49-error, #cntnt01fbrp__50-error{
    color: red;
    display: block;
    font-size: 16px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-top: -5px;
}

.clear {font-size: 0px;clear: both;}

.contactform.faqfrm tbody tr td span {
  width:400px;
}

#ssilka.cms_checkbox {
    display: block;
    float: right;
    margin-right: 108px;
    margin-top: -35px;
    width: 17px;
}


#ssilka1.cms_checkbox {
    display: block;
    float: right;
    margin-right: 175px;
    margin-top: -35px;
    width: 17px;
}
.kolerovka .open-text {
      margin: 10px 0 0 0;
      list-style: none;
      display: none;
    }

    .kolerovka .title {
background: #d31e1e none repeat scroll 0 0;
    border-radius: 22px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: 52px;
    line-height: 54px;
    margin-top: 90px;
    padding: 0 25px 0 100px;
    text-decoration: none;
    width: 145px;
    }

    .kolerovka .title::before {
      font-size: 80%;
      color: green;
    }

    .kolerovka.open .title::before {
    }

    .kolerovka.open .open-text {
      display: block;
    }
#header .contacts .phone a {color:#fff;}
ul.relinkFooter {
    padding: 0;
    margin: 0 0 10px 0;
}
ul.relinkFooter li {
    display: table-cell;
    text-align: center;
}
.slick-prev:before, .slick-next:before { color: black !important; }
.slick-slide img { margin: auto !important; }
.supercarousel { width: 93%; margin: auto; }


<br>
ul.relinkFooter {
    padding: 0;
    margin: 0 0 20px 0;
}
ul.relinkFooter li {
    display: table-cell;
    text-align: center;
}
.slick-prev:before, .slick-next:before { color:#00da41 !important; }
.slick-slide img { margin: auto !important; }
.supercarousel { width: 93%; margin: auto; }
.bottom_menu {
    background: #DC160F;
    z-index: 111;
    position: relative;
}



.bottom_menu {
    background: #DC160F;
    z-index: 111;
    position: relative;
}
.bottom_menu > 	ul {
    width: 924px;
    margin: 0 auto;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bottom_menu > ul > li {
    list-style: none;
    display: inline-block;
    width: 20%;
    position: relative;
    padding: 8px 36px;
    box-sizing: border-box;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
}

.bottom_menu > ul > li > a > span {
   width: 95%;
}
.bottom_menu > ul > li:nth-child(3){    padding-left: 54px;}
.bottom_menu > ul > li:before {
	content: no-close-quote;
    background: url(/images/1.png) no-repeat;
    position: absolute;
    left: 0;
    top: 11px;
    width: 27px;
    height: 30px;
}
.bottom_menu > ul > li:nth-child(1) > a > span {
width: 100px;
}
.bottom_menu > ul > li:nth-child(2) > a > span {
width: 110px;
}
.bottom_menu > ul > li:nth-child(3) > a > span {
width: 80px;
}
.bottom_menu > ul > li:nth-child(4) > a > span {
width: 90px;
}
.bottom_menu > ul > li > a {
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 36px;
}

.bottom_menu > ul > li > a:after {
    content: no-close-quote;
    background: url(/images/5.png) no-repeat;
    height: 11px;
    width: 10px;
    / top: 0; /
    / right: 0; /
    position: static;
    margin: 0;
    display: block;
    vertical-align: middle;
    line-height: 36px;
}
.bottom_menu ul li ul {
    background: #f5f6f7 none repeat scroll 0 0;
    display: none;
    list-style: outside none none;
    margin: 0;
    padding: 15px 24px 15px 24px;
    position: absolute;
    bottom: 53px;
    width: 250px;
    z-index: 9999;
    left: 0;
    box-sizing: border-box;
}
.bottom_menu ul li ul li {
    display: block;
    margin: 0px;
    padding: 0px;
    color: #4a4343;
    line-height: 31px;
}
.bottom_menu ul li ul a {
    color: #231f20;
    font-weight: normal;
}
.bottom_menu ul li:hover ul { display: block;}
.bottom_menu > ul > li:nth-child(2):before {background: url(/images/2.png) no-repeat; }
.bottom_menu > ul > li:nth-child(3):before {background: url(/images/4.png) no-repeat; left:21px; }
.bottom_menu > ul > li:nth-child(4):before {background: url(/images/3.png) no-repeat; }
.bottom_menu > ul > li:nth-child(5):before {background: url(/images/7.png) no-repeat; }
/******************/
.icotov {
clear:both;
margin-top:20px;
}
.icotext  {
float:left;
height:45px;
margin-left:15px;
line-height: 45px;
}
.icotext a {
text-decoration:underline;
text-decoration-style:dashed;
color: #231f20;
font-size:15px;
font-weight: normal;

}
.icotovdiv {
float:left;
height:45px;
}

.icotov img {
width:45px;
height:45px;
margin:0px;
padding:0px;
}
.icotext .send-zd, .icotext .send-prise {
border-radius: none;
background: none;
color: #231f20;
/*display: inline-block;*/
font-size: 15px;
font-weight: normal;
height: auto;
line-height: 45px;
padding-left: 0px;
text-decoration:underline;
text-decoration-style:dashed;
width: auto;
margin-left: 0px;
clear:both;
float:none;
margin-top: 0px;
white-space: nowrap;
}

#dosttext1 {
width: 260px;
text-align:left;
}

@media only screen and (max-width:650px){
.tovtopprice, .features {
clear:both;
float:none!important;
}
}

/****************/
#insidecats li {
    padding: 0 30px 20px 0;
    min-height: 210px;
}
#insidecats li a {
    display: block;
    height: 250px;
    overflow: hidden;
}
#insidecats li strong {
    min-height: 69px;
}
#insidecats{
margin-bottom:-40px;
}
.incats .catalog li {
    min-height: 210px;
}
#listgoods li span {
min-height: 40px;
height: 40px;
}

#listgoods li a {
height:304px;
}
#listgoods li {
    min-height: 374px;
}
.desc-list-all{
    margin:0 0 25px;
    padding:4px 0 0;
    overflow:hidden;
    font-size:16px;
    line-height:24px;
    color:#858587;
}


.field div.row input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    color: #424242;
    font-family: tahoma;
    font-size: 13px;
    height: 44px;
    margin-bottom: 12px;
    padding: 0 18px;
    text-align: left;
    text-transform: uppercase;
    width: 400px;
}



.field div.row textarea {
background: #fff none repeat scroll 0 0;
border: 1px solid #cbcbcb;
border-radius: 3px;
color: #424242;
font-family: tahoma;
font-size: 13px;
height: 113px;
margin-bottom: 12px;
padding: 0 18px;
    padding-top: 0px;
text-align: left;
text-transform: uppercase;
width: 400px;
padding-top: 15px;
}

.forms.res form div.title-h2 {
    font:bold 30px/32px "Roboto Condensed", Arial, Helvetica, sans-serif;
    margin:0 0 19px;
}

.forms.res form div.gh {
   width: 400px;
}

.red_btn.send_btn input.cms_submit {
background: #dc160f;
color: #fff;
text-align: center;
display: inline-block;
vertical-align: top;
padding: 0 10px;
min-width: 140px;
font-size: 15px;
line-height: 35px;
border-radius: 18px;
position: relative;
border: none;
margin-top: 12px;
cursor:pointer;
}

.row .uil {
  display:none;
}
.res form#mc955egrequestform div.field div.row label {
  display:none;
}

.resp_list div.title-h2 {
    font:bold 20px/22px "Roboto Condensed", Arial, Helvetica, sans-serif;
    margin:0 0 19px;
}

.catalog li a.favlink {
  float:right;
}


.car-page__fav.favlink img {
  width: 23px;
  height: 20px;
}

.field div.row label {
  display:none;
}

.row label#ma1375name-error.error {
  display:none !important;
}
.row label#ma1375pochta-error.error {
  display:none !important;
}


.resp_list div.item {
  margin-bottom:15px;
}

.field div.row input#m38a21foto {
  height:22px;
}
.header-holder .btn01 .icon-heart {margin-top: -1px !important;}

.menu_top ul li.active span a {
  color:#dc160f;
}

.error {background: #feeded !important;}

.send_btn input#ma1375submit.cms_submit {
  margin-bottom:-80px;
}

.hr-line {
	margin: 20px 0;
	padding: 0;
	height: 0;
	border: none;
	border-top: 1px solid #333;
}


.pics3 img{margin:0px 9px}
.rasskrivushka a{
border-bottom:1px dotted black;
color:black;
}
.rasskrivushka a:hover{
text-decoration: none;
border:none;
color: #DC160F;
}
.art_list {display:flex;flex-wrap: wrap;}
.art {width: 33%;padding: 0 20px 30px 0;text-align: center;box-sizing: border-box;}
.art a {color:#dc160f;}
.art a:hover {color:#d70000;}
.art .title {display:block}
.art .date{color:grey;display:block;}
.art a img {width: 100%;}
@media (max-width: 992px) {
.art {width: 50%;}
}
@media (max-width: 640px) {
.art {width: 100%;padding: 0 0 30px 0;}
}
.other_pages {width:100% !important;float:none !important;}
.social__right {width: 45px; position: fixed; right: 0; top: 40%; z-index:999;}
.social__right a {width: 45px; height: 45px; display: flex; justify-content: center; align-items: center;}
.social__right-vk {background-color: #2962ff;}
.social__right-vk svg {fill: #ffffff; height: 39px;}
.social__right-vk:hover {background-color: #ffffff;}
.social__right-vk:hover svg {fill: #2962ff;}
.social__right-inst {background:url(/uploads/images/social/inst-icon.jpg) no-repeat;}
.social__right-inst:hover {background:url(/uploads/images/social/inst-icon-hover.jpg) no-repeat;}
.social__right-facebook {background-color: #0b86ee;}
.social__right-facebook svg {fill: #ffffff; height: 28px;}
.social__right-facebook:hover {background-color: #ffffff;}
.social__right-facebook:hover svg {fill: #0b86ee;}
.social__right-tube {background-color: #ff0000;}
.social__right-tube svg {fill: #ffffff; height: 47px;}
.social__right-tube:hover {background-color: #ffffff;}
.social__right-tube:hover svg {fill: #ff0000;}

.top__flex {display: flex; max-width: 120px; margin-top: 3px;}
/* Stylesheet: style Modified On 2026-04-03 12:28:44 */
.zzzzzzzzzzzz {box-sizing: border-box;}

textarea, input, button { outline: none; }

input[type="submit"]{-webkit-appearance: none;}

/* base */

.item.has-drop .send-z.fancybox {
    display: none;
}
.wrapper {overflow: hidden;}


@media (max-width: 1023px) {

    body, html {min-width: 100%;}
    
    .nav-holder,
    .header-holder,
    .categories,
    .main-holder,
    .footer-holder {width: auto; max-width: 1024px; box-sizing: border-box;}
    
    .footer-holder,
    .main-holder {padding: 0 30px;}
}

@media (max-width: 800px) {
    .footer-holder,
    .main-holder {padding: 0 20px;}
}

@media (max-width: 480px) {
    h1 {font-size: 28px; line-height: 1.4;}
}

@media (max-width: 360px) {
    h1 {font-size: 26px;}
}

.action_box .red_btn {padding-top: 0;}



/* header */

#header .show_mob {display: none;}

@media (max-width: 1024px) {
    .fancybox-nav span {visibility: visible !important;}
}

@media (max-width: 1023px) {
    .header-holder {margin: 0; padding: 60px 20px 50px;}

    .logo {width: 32%; margin: -11px 0 0 0;}
    .slogan {display: none;}
    /*.soc-links {width: 19%; margin: 0;}*/
    
    
    .visual {padding: 63px 30px 64px;}
    .categories {margin: 0 -4px;}
    .categories * {box-sizing: border-box;}
    .categories .item {position: relative; width: 25%; height: 330px; margin: 0; box-sizing: border-box; height: 330px; padding: 0 4px; background: none;}


    .categories .category {width: auto; height: 330px; display: block; border-radius: 18px; margin: 0; padding: 60px 10px 0; background: rgba(208,13,17,0.95);}

    .categories .category img {width: auto !important; height: auto !important; max-width: 80%;}
    
    .categories .item.has-drop:hover {height: 330px; margin: 0;}
    .categories .item.has-drop:hover .category {display: block;}
    
    .categories .drop {opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: auto; display: table; width: 100%; height: 330px; border-radius: 18px; margin: 0; padding: 0 10px; background: none; transition:0.3s;}
    .categories .drop ul {background: none rgba(208,13,17,0.95); border-radius: 18px;}
    
    .categories .item:hover .drop {opacity: 1; visibility: visible;}
    
    .nav-holder {padding: 0 5px 0 0;}
    
    .search-bar {padding: 0;}
    .search-bar .txt {width: 100px; height: 54px; padding: 0; box-sizing: border-box;}
    
    .menu_top {margin-right: 170px;}
    .menu_top * {box-sizing: border-box;}
    .menu_top > ul {display: table; width: 100%; padding: 0 0 0 20px;}
    .menu_top > ul > li {display: table-cell; vertical-align: middle; width: 1%; height: 54px; white-space: nowrap; float: none; padding: 0;}
    .menu_top > ul > li > a {display: block; text-align: center;}
}

@media (max-width: 800px) {
    .visual {padding: 60px 20px;}
    
    .search-bar .btn-search {margin-left: -10px;}
    
    .categories ul li a {font-weight: normal; font-size: 15px;}
    
    .menu_top {margin-right: 160px;}
    .menu_top > ul > li > a {font-size: 16px;}
}

@media (min-width: 761px) {
    .nav-holder {display: block !important;}
}

@media (max-width: 760px) {
#header .logo {background-size: contain;width: 160px;margin:9px 0 0 0;}
.btn03 {float:none;margin-top: 19px;}
.btn03 img {height: 40px;}
.btn04 {float:none;margin-top: 19px;}
.btn04 img {height: 40px;}
    header {position: relative; height: 150px;}
    
    .header-holder {position: relative; padding: 45px 20px 60px;display:block;}
    .header-holder:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 45px; background: #666;}
    
    #header .btn01 {display: none;}
#header .btn02 {display: none;}
    #header .logo {width: 42%;}
    
    #header .soc-links {width: auto; position: absolute; top: 10px; right: 20px; padding: 0; z-index: 10;}
    #header .soc-links li {padding: 0 0 0 18px;}
    #header .soc-links li a {position: relative; display: block; width: 25px; height: 25px;}
    #header .soc-links li a:after {content: ''; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; background: #fff; border-radius: 50%;}
    #header .soc-links li img {position: relative; z-index: 10;} 

    #header .contacts {position: absolute; top: 12px; left: 20px; margin: 0; z-index: 10;}
    #header .contacts .phone {clear: none; margin-right: 30px; color: #fff;}
    #header .contacts .email {display: none;}
    
    #header .show_mob {display: block;}
    
    .h_top_block,
    .footermenu {display: none;}
    
    .h_show_search {display: none;}
    
    .h_search_box {display: block !important; opacity: 1 !important; width: auto; left: 20px; top: 100%; margin-top: 20px;}
    .h_search_box input[type="text"] {width: 100%; padding: 2px 50px 0 20px;}
    .h_search_box .btn-search {position: absolute; right: 0; top: 2px;}

    .nav-holder {overflow: auto; display: none; height: auto; position: fixed; z-index: 1001; left: 0; top: 0; right: 0; bottom: 0; z-index: 1500; border: none; padding: 100px 0 0 0 !important; margin: 0 !important; text-align: center; background: rgba(255,255,255,0.98); transition: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
    .menu_top {margin-right: 0;}
    .menu_top > ul {display: block; border: none; border-bottom: 1px solid #eee; background: none !important; margin: 0;}
    .menu_top > ul > li {display: block; float: none; width: auto !important; height: auto !important; border-top: 1px solid #eee; margin: 0 !important; padding-left: 0;}
    .menu_top > ul > li:after {display: none;}
    .menu_top > ul > li.sepor {display: none;}
    .menu_top > ul > li a {display: block !important; height: 55px; line-height: 55px; font-size: 18px; text-decoration: none !important; padding: 0 20px !important; color: #2c2e30;}
    
    .menu_top li:hover .sabn {display: none;}

    .nav-holder:after {content: ''; position: absolute; top: 35px; left: 22px; width: 191px; height: 50px; background: url(http://ecoroom.ru/images/logo.png) no-repeat;}
    
    .search-bar {display: none;}
    
    
    .menu_top > ul ul {position: static; display: none; padding: 0; margin: 0; width: auto; background: #fbf3f3;}
    .menu_top > ul ul li {border-bottom: 1px solid #ddaeae !important;}
    .menu_top > ul li:hover ul {display: none;}
    
    .drop > a:hover, 
    .drop > a.active,
    .drop > a {background: url(http://ecoroom.ru/images/arrow_menu.png) right 30px center no-repeat;}
    
    header .container .main_menu .sabn a {width: auto; white-space: normal; height: auto; padding: 12px 30px 12px 40px !important; line-height: 1.8;}

    .drop.open > a:hover, 
    .drop.open > a.active,
    .drop.open > a {background: url(http://ecoroom.ru/images/arrow_menu_up.png) #ee2f2e right 30px center no-repeat; color: #fff !important;}
    

    .open_nav_btn {cursor: pointer; position: absolute; top: 128px; z-index: 350; width: 35px; height: 35px; right: 20px; background: url(http://ecoroom.ru/images/open_nav.svg) center no-repeat; background-size: 35px 35px;}
    .close_nav_btn {cursor: pointer; position: absolute; top: 42px; z-index: 350; width: 24px; height: 24px; right: 26px; background: url(http://ecoroom.ru/images/close_btn.svg) center no-repeat; background-size: 24px 24px;}
}

@media (max-width: 640px) {
    #header .logo {width: 191px;}
    
    .categories {padding: 0;}
    .categories .item {width: 50%; margin: 0 0 8px !important;}
    .categories ul li a {font-weight: bold; font-size: 16px;}
    
    .visual {background-size: cover;}
    .bottom_menu > ul {width: auto !important; padding-left: 15px;}
    .bottom_menu > ul > li > a > span {width: 95% !important;}
    .bottom_menu > ul > li:nth-child(3):before {left: 0;}
}

@media (max-width: 480px) {
    #header .soc-links {display: none;}

    #header .contacts {/*right: 20px;*/text-align: center; width: 100%; max-width: 480px; display: flex; justify-content: center; margin-left: -20px;}
    #header .contacts .phone {float: right; margin: 0 20px;}
    #header .contacts .phone:first-child {float: left !important;}
}

@media (max-width: 400px) {
    .categories {padding: 0 20px;}
    .categories .item {width: 100%;}
}



/* content */

#breadcrumbs {width: auto; margin: -25px 0 34px;}

.open_side_nav {display: none;}

.tov_btn_list {padding-top: 20px;}
.tov_btn_list .send-z {margin-bottom: 10px;} 
.tov_btn_list .send-prise {margin: 0; clear: both;}


.slider_nav .prev,
.slider_nav .next {width: 7px; height: 20px;}



.sub-nav {padding: 20px; margin: 0 -20px 40px; background: #f2f2f2;} 


.contactform.faqfrm {max-width: 400px;}

#ssilka.cms_checkbox,
#ssilka1.cms_checkbox {float: none; margin: 0; display: inline-block;}
    
.contactform.faqfrm tbody tr td span {padding-left: 35px;}
    
#ssilka.cms_checkbox, 
#ssilka1.cms_checkbox {position: relative; top: -56px;}

.contactform.faqfrm tbody tr td span {width: 100%; font-size: 15px; line-height: 1.5;}

#cntnt01fbrp_submit {margin: -20px auto -20px; display: block;}


@media (max-width: 1023px) {
    .responsive_height > .container {max-width: 1000px; width: 100%; box-sizing: border-box;}
    
    .gallery {margin: 0 -10px;} 
}

@media (max-width: 960px) {
    #content {float: none; width: auto;}
    #sidebar {float: none; width: auto; margin: 0;}
    
    #sidebar * {box-sizing: border-box;}
    
    #side-nav .text-h {padding: 0;}
    #side-nav ul {display: none;}
    #side-nav h2 {margin: 0;}

    #side-nav,
    .links {padding: 0; margin: 0 -20px 0 0; font-size: 0; background: none; box-sizing: border-box;}
    .links * {box-sizing: border-box;}
    
    #side-nav > li,
    .links li {width: 25%; display: inline-block; vertical-align: top; padding-bottom: 30px; padding-right: 20px;}
    
    
    
    #side-nav h2 {display: table-cell; vertical-align: middle; height: 45px;}
    
    #content #breadcrumbs {margin: 10px 0 34px;}
    
    .sub-nav {padding: 15px; margin: 0 -15px 30px;}
    
    .intro .holder {overflow: visible;}
    .intro .aside {width: auto; float: none; padding: 0; margin: 0 0 30px;}
    .intro .ttl {float: none; width: auto; margin: 0 0 0 0;}
    
    .intro h1 br {display: none;}
    
    
    .catalog {font-size: 0; margin: 0 -15px; padding-top: 10px;}
    .catalog * {box-sizing: border-box;}
    .catalog li {width: 33.33%; margin: 0; padding: 0 15px 20px;}
    .catalog li img {max-width: 100%; height: auto;}
    
    #side-nav > li,
    .links li {width: 33.33%;}
    
    .iosSlider .slider {padding: 0;}
    .view img {width: auto; max-width: 90%; height: auto;}

    
    .iosSlider .slider .item {width: 33.33%;}
    
    body .slider_nav {position: absolute; top: 280px; left: calc(50% - 25px); width: 50px; z-index: 9999; } 
    .slider_nav .next  {display: block; position: static; float: right;}
    .slider_nav .prev {display: block; position: static; float: left;}
    
    .partners {margin: 0 -5px; box-sizing: border-box;}
    .partners * {box-sizing: border-box;}
    .partners a {width: 25%; border: none; margin: 0 0 10px; padding: 0 5px;}
    .partners a img {max-width: 100%; border: solid 1px #aeaeae;}
}

@media (max-width: 800px) {
    .sub-nav {padding: 20px; margin: 0 -20px 30px;}
}

@media (max-width: 760px) {
    .features {padding: 40px 20px 30px 40px;}
    
    .fancybox-wrap {width: 80% !important;}
    .fancybox-outer, .fancybox-inner {width: 100% !important;}
    .popcolor {width: 100%;}
}

@media (max-width: 640px) {
    .open_side_nav {cursor: pointer; display: block; text-align: center; height: 58px; line-height: 58px; font-size: 18px; margin-bottom: 30px; font-weight: bold; color: #fff; background: #dc160f; border-radius: 35px;}
    .side_nav_box {display: none;}

    #side-nav > li,
    .links li {width: 50%;}
    
    
    .features {float: none; width: auto; box-sizing: border-box; margin: 50px 0 100px !important;}
    .features .price {box-sizing: border-box; margin-left: -100px; left: 50%; width: 200px;}
    
    
    
    .tov_btn_list {text-align: center;}
    .tov_btn_list .send-z,
    .tov_btn_list .send-zd {width: 48%; margin: 0 1% 10px; padding: 0;}
    .tov_btn_list .send-prise {margin: 0 auto;}
    
    .slidermain,
    .tov_gal,
    .abs_wrap,
    .tov_gal .slider_wrap {width: 100% !important;}
    
    .faqfrm * {box-sizing: border-box;}
    .faqfrm input[type="text"],
    .faqfrm textarea {width: 100% !important;}
    
    .responsive_height {padding: 0; height: auto;}
    .responsive_height > .container {margin: 0; position: static; padding: 0;}
    
    .slider_nav {left: auto; right: -20px;}
    .tov_slider .iosSlider .slider .item {width: 50%;}
    
    .tov_slider,
    .tov_slider .iosSlider,
    .tov_slider .iosSlider .slider,
    .tov_slider .iosSlider .slider .item {height: 250px;}
    
    .iosSlider .slider .item img {width: auto; max-width: 90%; height: auto;}
    
    #l-form4,
    #l-form5 {padding: 30px 20px;}
    
    .faqfrm input {margin-bottom: 5px;}
    #comment {height: 100px;}

    table.contactform.faqfrm tbody tr td strong {line-height: 1.4;}
    
    #ssilka.cms_checkbox,
    #ssilka1.cms_checkbox {float: none; margin: 0; display: inline-block;}
    
    .contactform.faqfrm tbody tr td span {padding-left: 35px;}
    
    #ssilka.cms_checkbox, 
    #ssilka1.cms_checkbox {position: relative; top: -56px;}
    
    #cntnt01fbrp_submit {margin: -20px auto 0;}
    
    .fancybox-close {width: 36px !important; height: 36px !important;}
    
    .partners a {width: 33.33%;}
}

@media (max-width: 480px) {
    .intro h1 {font-size: 28px;}
    .text-h h2 strong {display: block;}
    .text-h h2 img {display: none; float: none !important;}
    
    #side-nav > li,
    .links li {display: block; width: auto;}
    
    .catalog li {width: 50%;}
    
    
    
    .tbl-colors,
    .tbl-colors tbody,
    .tbl-colors tr,
    .tbl-colors th,
    .tbl-colors td {display: block;}
    
    .tbl-colors {overflow: hidden;}
    .tbl-colors td {float: left; width: 16.66%;}
    
    
    .tabset li {float: none; display: block;}
    .tabset li a {float: none; display: inline-block;}
    
    .tov_slider .iosSlider .slider .item {width: 100%; text-align: center;}
    
    .partners a {width: 50%;}
    
    .tov_btn_list a {box-sizing: border-box;}
    
    .tov_btn_list .send-z {padding-left: 25px; background-position: 25px center;}
    
    #ssilka.cms_checkbox, #ssilka1.cms_checkbox {top: -76px;}
    
    
    .tov_btn_list {padding-top: 0;}
    .view {padding: 0 0 30px;}
    
    .tov_btn_list .send-prise {width: auto;}
    
    .popcolor {font-size: 40px;}
}


@media (max-width: 360px) {
    .catalog li {width: 100%; text-align: center;}
    .catalog li img {margin: 0 auto 20px;}
    
    .tbl-colors td {width: 20%;}
    
    .iosSlider,
    .iosSlider .slider {height: 360px;}
    
    .tov_btn_list .send-z,
    .tov_btn_list .send-zd {width: 100%; margin: 0 0 10px; padding: 0;}
    .tov_btn_list .send-prise {width: 100%; padding: 0;}
}

@media (max-width: 320px) {
    #ssilka.cms_checkbox, #ssilka1.cms_checkbox {top: -98px;}
}






/* footer */

@media (max-width: 960px) {
    #footer .counter {display: none;}
    #footer .design {padding: 0;}
    
}

@media (max-width: 760px) {
    #footer {text-align: center;}
    .footer-holder > * {float: none !important; margin: 0 0 20px !important;}
    #footer .soc-bar {display: none;}
    #footer .copy {width: auto;}
    #footer .design {display: inline-block; margin: 0 !important;}
}



@media (max-width: 920px) {
.bottom_menu > ul { 
width: 100%;
}
.bottom_menu > ul > li {
padding: 8px 10px 8px 36px;
}
}

@media (max-width: 622px) {
.bottom_menu > ul > li {    width: 48%; }
}
@media (max-width: 400px) {
.bottom_menu > ul > li {    width: 100%; }
.bottom_menu > ul > li:nth-child(3):before {left: 0;}
.bottom_menu > ul > li:nth-child(3) { padding-left: 36px;}
}
.vistavka-top {margin:5px auto; text-align:center;}
.vistavka-top img {width:100%; max-width:979px;}

@media (min-width: 1024px) {
.resp_list img{width:33%}
}

@media (min-width: 781px) {
.resp_list img{width:50%}
}

@media (max-width: 780px) {
.resp_list img{width:100%}
}

.whats-mob {display: none;}

.phone_top {display:none}

@media (max-width: 960px) {
.phone_top {display:flex}
}

@media (max-width: 760px) {
.whats-mob {display: block; text-align: center; background-color:#00da41; margin: -2px -20px 12px -20px; height: 51px;}
.whats-mob a {display: block; width:100%;}
.whats-mob img {margin-top: 5px;}
}
/* Stylesheet: responsive Modified On 2025-05-12 19:00:58 */