@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
    url('fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
    url('fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Anticva';
    src: url('fonts/Anticva-Regular.woff2') format('woff2'),
    url('fonts/Anticva-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(1.2);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}


@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(1.2);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}



*::before,
*::after{ display:block; content:""; position:absolute;}


#fancybox-wrap{ box-sizing:content-box}
#fancybox-wrap *{box-sizing:content-box}

*{ margin: 0; padding: 0; outline:none; float:none; box-sizing:border-box; font-family: 'Montserrat';}


.fa-navicon::before, .fa-reorder::before, .fa-bars::before, .fa::before{position:relative; display:block}

select, a, input, button{outline:none; font-family: 'Montserrat'; color:#000; font-size: 1em;}
select,textarea,input{  font-weight:normal; color:#090909; font-size: 1em; font-family: 'Montserrat'; resize: none}
select { -moz-appearance: none;-webkit-appearance: none;appearance: none;}

.tns-item img{display: block; width: 100%}

::-ms-expand{display: none;}
.noSelect{-moz-user-select: none;-o-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
table{width: auto; border-collapse: collapse}
.tbl{ display:table; width:100%; height:100%; border-collapse:collapse}
.td{display:table-cell; height:100%; vertical-align:middle}
img{border:0; display: block; max-width: 100%; height: auto}
li{list-style:none}
a{transition:0.1s; position:relative; text-decoration:none}
a:hover{text-decoration:none}
button{cursor:pointer;transition:0.1s;}
.clear {clear: both;height:0px; float:none}
h1, h2, h3, h4, h5, h6{font-family: 'Anticva'; color:#002141; font-weight:normal;  padding:0; line-height:1; position:relative; text-align:left; font-size: 2.1em; margin: 0 0 1em}


b, strong{font-weight:600}

.btn{ min-width: 228px; height: 53px; border-radius: 26px; border: 2px solid transparent; background: #ceaa62; font-weight: 600; font-size: 1rem; text-transform: uppercase; color: #fff;
padding: 0 0.5rem; line-height: 53px; white-space: nowrap; text-align: center;

    box-shadow: 0 0 0 0 rgba(196,158,76,0.5);
    animation: anPulseShadow 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
    animation-delay: 0.5s;
}
.btn:hover{ background-color: #fff; border-color: #ceaa62; color: #ceaa62}

.btn.white{background-color: #fff; border-color: #ceaa62; color: #ceaa62}
.btn.white:hover{background-color: #ceaa62; border-color: #fff; color: #fff}

a.btn{display: inline-block}



@keyframes anPulseShadow {
    to {
        -webkit-box-shadow: 0 0 0 20px transparent;
        box-shadow: 0 0 5px 20px transparent;
    }
}
/*
.btn.orange:hover{box-shadow: 0 0 15px 10px rgba(255,130,37,0.4); animation: none}
.btn.orange.noshadow:hover{box-shadow: none; background: #ff7f27; animation: none}
*/

.puls{

    animation: anPulseShadow 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
    animation-delay: 0.5s;
}


@media (max-width:1250px) {

    .btn{min-width: 210px; height: 48px; line-height: 48px; font-size: 15.5px !important;}

}




html {
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    font-family: 'Montserrat';
    font-size:18px;
    color:#000;
    background: #fff;



}
body {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex: auto;
    background: #fff;





}

body.innerpage{ background: #f6f7f9}

header {
    width: 100%;
    min-width: 320px;
    z-index:555;
    position:relative;
}
.main {
    width: 100%;
    min-width: 320px;
    margin: auto;
    flex-grow: 1;
    box-sizing: border-box;
}

footer {
    width: 100%;
    min-width: 320px;
    margin: auto;
    box-sizing: border-box;

}

body.page{ background: #f6f7f9}

.innerwrapper{min-width:320px; max-width:1380px; height:100%; margin:0 auto; position:relative; display:block; width:100%; padding: 0 15px; }

header .innerwrapper{max-width:1610px;}



.flex{
    display: -webkit-flex;
    display: flex;
    flex-direction:row;
    flex: auto;
    justify-content:flex-start;
    align-items:flex-start;}



input::-webkit-input-placeholder {color:#000;}
input::-moz-placeholder          {color:#000;}
input:-moz-placeholder           {color:#000;}
input:-ms-input-placeholder      {color:#000;}
textarea::-webkit-input-placeholder {color:#000;}
textarea::-moz-placeholder          {color:#000;}
textarea:-moz-placeholder           {color:#000;}
textarea:-ms-input-placeholder      {color:#000;}


:focus::-webkit-input-placeholder {color: transparent !important}
:focus::-moz-placeholder          {color: transparent !important}
:focus:-moz-placeholder           {color: transparent !important}
:focus:-ms-input-placeholder      {color: transparent !important}

input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;}
input:-moz-placeholder      {text-overflow:ellipsis;}
input:-ms-input-placeholder {text-overflow:ellipsis;}






.bcrumbs{padding:2rem 0 1rem;  }
.rcrumb li,
.bcrumbs li{color:#222; display:inline-block; margin-right:5px; line-height:1; font-size: 0.95rem  }
.rcrumb li a,
.bcrumbs li a{ color:#222; }
.rcrumb li a:hover,
.bcrumbs li a:hover{ text-decoration: underline}


.text{line-height: 1.3}
.text img{display:inline-block; }
.text p{ margin-bottom: 1.5em}
.text p:last-child{margin:0}
.text li { margin-bottom: 1.4em; list-style: inside;}
.text ol li {list-style: inside decimal;}
.text ol ul, .text ul ul{padding-left: 20px;}
.text ol ul li, .text ul ul li{list-style: inside;}

.text table{ width: auto}
.text table td{padding: 5px; }
.text a{ color: #1a60a0; text-decoration:underline }
.text a:hover{text-decoration:none}




.x768{display: none}









header{position: relative; z-index: 999}
header .fix{position: relative; z-index: 959;background: #fff; }
.hfixed header{padding-top: 92px}
.hfixed.pd65 header{padding-top: 75px}
.hfixed header .fix{ position: fixed; left: 0; top: 0; width: 100%; z-index: 999}
header .tline{line-height: 1; padding: 12px 0; background: #f1f6f7; position: relative; z-index: 959}
header .tline .m320{display: none;}
header .tline nav{ width: 100%}
header .tline nav ul{ width: auto; justify-content: flex-end}
header .tline a{ display: block; padding: 0 12px; white-space: nowrap; font-size: 0.83em; }
header .tline .active a,
header .tline a:hover{ color: #2479be; text-decoration: underline}
header .mline{ padding: 15px 0; background: #fff}
header .mline .wrp.flex{ justify-content: space-between; align-items: center}
header .mline .catbtn{display: none}
header .mline .spoffers{margin-right: 10px}
header .mline .spoffers a{ color: #d50f16; font-weight: 600; position: relative; display: flex; align-items: center}
header .mline .spoffers a img{display: block; margin-right: 12px;}

header .top_line a.spoffers{ font-weight: 600; position: relative; display: flex; align-items: center}
header .top_line a.spoffers img{display: block; margin-right: 12px; width: 22px}


header .mline .logo{margin-right: 10px}

.logo img{margin-right: 10px}
.logo a{display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    }

.sline{  max-height: 0; overflow: hidden; transition: 0.3s}

.sline .innerwrapper{padding-right: 25px}
.sline .close{position: absolute; right: 15px; top: -5px; background: none; border: none; color: #aaa; font-size: 14px}
.sline .close:hover{color: #000}
header .search{width: 30%; max-width: 450px; margin-right: 10px}
.sline form,
header .search form{ position: relative}
.sline input,
header .search input{ width: 100%; height: 49px; border: 1px solid #ccc; border-radius: 25px; font-size: 0.83em; padding: 0 50px 0 20px; }

.sline form button,
header .search button{ width: 32px; height: 32px;position: absolute; top: 50%; margin-top: -16px; right: 13px; border: none; background: none}

header .phones{font-weight: 600; white-space: nowrap; margin-right: 10px}
header .phones a{ font-size: 1.1em}
header .phones span{ display: block; font-size: 0.83em; color: #afacbe; padding-left: 10px; }

.bline{ background: #fff}
.bline .wrp.flex{ align-items: stretch}
aside{ width: 275px; min-width: 275px; max-width: 275px}
aside li{}
aside li > a{ height: 62px; width: 100%; border-bottom: 1px solid #dedfdf; display: flex;
    justify-content: space-between; align-items: center; padding: 0 10px 0 20px; background: #f0f0f0; position: relative; z-index: 901;
    font-weight: 600}
aside li > a span{display: flex; align-items: center}
aside li > a span svg{margin-right: 0.5rem}

aside li:first-child > a{ }
aside li:last-child > a{ border: none; }
aside li a .nh,
aside li a span.i{display: block; margin-right: 15px; position: relative}
aside li a img{display: block; opacity: 1; transition: 0.2s; }
aside li a img.x{position: absolute; left: 0; top: 0; opacity: 0;}
aside li a:hover img{opacity: 0; }
aside li a:hover img.x{opacity: 1;}

aside li a:hover .nh img{opacity: 1; }

aside .inx .back {
    display: none !important;
}

aside .inx .mpart p {
    font-weight: 600;
    font-size: 1em;
    color: #777;
    margin-bottom: 1.5em;
}


aside li:hover > a{ background-color: #fff}
aside li.parent:hover > a::after{ opacity: 1;}
aside li.parent:hover > a::before{ opacity: 0;}

aside .awrp{ position: absolute; width: calc(100% - 275px); height: 100%; right: 0;top: 0; background: #fafafb; z-index: 900;  padding:12px 40px 12px 100px; border-radius: 0 8px 8px 0; display: none; overflow: hidden}
aside li.parent:hover .awrp{display: block}

aside .awrp a{ font-size: 0.88em; display: block; line-height: 1; padding: 3px 0}
aside .awrp a:hover{color: #006fe6}
aside .awrp .last{ padding-bottom: 16px}
aside .awrp .hd a{ font-size: 1em; font-weight: 600; color: #006fe6; line-height: 1em}
aside .awrp .hd a:hover{color: #000; font-weight: 600;}
aside .awrp .collapse a,
aside .awrp .more a{ text-decoration: underline; color: #d50f16}
aside .awrp .ddmore{display: none}
aside .awrp .mblock.showmore .ddmore{ display: block}
aside .awrp .mblock.showmore .more{ display: none}
aside .scrollwrp{border-bottom: 1px solid #f0f0f0}


.columns{-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;}
.nobreak{
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
}

.columns.count4{-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.columns.count3{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.columns.count2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.columns.count1{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}


aside h3{text-align: left; font-weight: 600; color: #222; text-transform: uppercase; font-size: 1.2rem; line-height: 1; margin-bottom: 20px; padding: 0 22px; position: relative;
    font-family: 'Montserrat';}
aside button.close{position: absolute; right: 0px; top: 50%; transform: translateY(-50%);  border: none;color: #8b8888; z-index: 900; width: 25px; height: 25px; background: #eff2f6;
    background: none; border-radius: 100%}
aside button.close:hover{color: #000}





header{ background: #f7f7f7; color: #090909; border-bottom: 1px solid #dfdcdb}
header a{ color: #090909}
header .logo a{ font-size: 40px; font-family: 'Anticva'; color: #595959; display: block; letter-spacing: -1.5px; }
header .logo a b{ color: #b68f43; font-family: 'Anticva'; font-weight: normal; }


header .top_line{ display:none; padding: 26px 0; border-bottom: 1px solid #bcbcbc; line-height: 1}
header .top_line nav{ width: 100%; display: flex; justify-content: center; }
header .top_line nav ul{width: 100%;  display: flex; justify-content:space-between; align-items: center; max-width: 768px; padding: 0 1rem}
header .top_line a{ font-size: 0.88rem; font-weight: 600; color: #090909; padding: 0 0.3rem; display: block; white-space: nowrap}
header .top_line a:hover{ text-decoration: underline; color: #fbc657}


header .middle_line{ border-bottom: 1px solid #dfdcdb; padding: 5px 0}
header .middle_line .wrp{ justify-content:space-between; align-items: center }
header .middle_line .logo{}
header .middle_line .logo img{}
header .middle_line .name{ color: #a9a9a6; padding: 0 10px}
header .middle_line .name b{ display: block; font-weight: 600; font-size: 1.38em; color: #fff }
header .middle_line .phones{ text-align: right; padding: 3px 0 3px 33px; background: url("../img/ico/phone.webp") left 2px no-repeat}
header .backcall{padding-right: 10px;}
header .backcall button{ width: 194px; height: 46px; background: none; border: 1px solid #c3a866; border-radius: 5px; font-size: 1em; font-weight: 600; color: #c3a866}
header .backcall button:hover{ background-color: #fffea3; border-color:#cc0000; color: #cc0000}
header .bottom_line .fcart {display: none;}


header .middle_line .phones > a{}
header .middle_line .phones > a:hover{text-decoration: underline;}
header .middle_line .phones span a{ color: #a9a9a6; font-weight: 600;}
header .middle_line .map{ display: flex; align-items: center}
header .middle_line .map img{ display: block; margin-right: 32px}
header .middle_line .map span{ font-size: 0.8em; font-weight: 600}
header .fcart{ display: flex; align-items: center; justify-content: flex-end}
header .middle_line .catbtn,
header .fcart .phone,
header .fcart .search{display: none}

header .fcart .search,
header .fcart .phone{
    width: 30px; min-width: 30px;    height: 32px;
    background:url("../img/ico/phone.webp") center center no-repeat;
    text-indent: -99999px;
    border: none;
}
header .fcart .phone{background-size: 80% auto; margin: 0 5px 0 0  !important;}
header .fcart .search{    background: none;    text-indent: inherit; margin: 0 8px 0 0  !important;}
header .fcart .soclink a{margin-right: 10px; }




header .top_line320{ padding: 10px 0; border-bottom: 1px solid #bcbcbc; display: none}
header .top_line320 .innerwrapper{display: flex; width: 100%; justify-content: space-between; align-items: center}
header .top_line320 .logo img{display: block; width: 125px;}


.soclink{display: flex; align-items: center; justify-content: flex-end}
.soclink a{background: #747474; width: 24px; height: 24px; display: flex; position: relative; transition: 0.2s; justify-content: center; align-items: center}
.soclink a:hover{transform: scale(1.05); background: #0077FF}
.soclink a.tg:hover{ background: #229ED9}
/*
.soclink a svg{position: absolute; fill:#fff; display:block;transition: 0.2s}
.soclink .tg{ border-radius: 100%; margin-right: 7px  }
*/
.soclink a svg{fill:#fff; display:block;transition: 0.2s}
.soclink .tg{ border-radius: 100%; margin-right: 7px  }



.soclink .tg svg{ width: 14px; height: 12px;  left: 18.9%;top: 30.1%;}
.soclink .vk{ border-radius: 5px;}
.soclink .vk svg{left: 16.88%;top: 30.42%; width: 17px; height: 11px;}




header .bottom_line{ padding: 9px 0 13px }
header .bottom_line .wrp{ justify-content: space-between; align-items: center}

header .search{margin: 0 0 0 10px;}
.sline input, header .search input{ background: #f5f4f1; border: 1px solid #e8bb95;}

header input::-webkit-input-placeholder {color:#242323;}
header input::-moz-placeholder          {color:#242323;}
header input:-moz-placeholder           {color:#242323;}
header input:-ms-input-placeholder      {color:#242323;}
.sline input:focus,
header .search input:focus{  border: 1px solid #c3a866; }
header .catbtn{display: block; margin-right: 10px;}
header .catbtn button{background: #ceaa62; border: none; font-weight: 600; display: flex; align-items: center; transition: 0.1s; color: #fff; text-align: left; height: 44px; padding: 0 15px; width: 175px; border-radius: 5px;}
header .catbtn button:hover{background-color: #ab8e4a }


header .catbtn button .n{font-weight: normal; line-height: 1}
header .catbtn button .n b{ display: block; font-size: 1.3em }
header .catbtn .bx{ display: block; margin-right: 20px; }
header .catbtn .bx span{ display: block; height: 3px;  width: 20px; position: relative;  margin-bottom: 4px; background: #fff;  transition: 0.1s}
header .catbtn .bx span:last-child{margin: 0}
.openMenu header .catbtn button .bx,
header .catbtn button:hover .bx{background: #c3a866; }
.openMenu header .catbtn button .bx span,
header .catbtn button:hover .bx span{background: #fff}
.innerpage header .mline .catbtn{display: block}

header .m2line{}

.msmenu{display: flex; justify-content:space-between; align-items: center; width: 100%; max-width: 860px; padding: 0 10px }
.msmenu .mx{margin: 0 0.5rem}
.msmenu a{  font-weight: 600; white-space: nowrap}
.msmenu a.santeh,
.msmenu a.spoffers{display: flex; align-items: center; cursor: pointer}
.msmenu a.santeh img,
.msmenu a.spoffers img{ margin-right: 15px}
.msmenu a.santeh{text-decoration: underline; color: #a1f3ff}


aside{  position: relative; max-width: none; min-width: inherit;  width: 100%; display: none}
.openMenu aside{display: block}
aside .sidewrapper{ position: absolute; left: 0;top: 1px; width: 100%}
aside .scrollwrp{ width: 100%; height: 100%; overflow-y: auto }
aside .scrollwrp > ul{ width: 300px; border-top: none }

aside .scrollwrp > ul > li >.wrp{ position: absolute; width: calc(100% - 311px); left: 311px; top: 0; height: 100%; min-height: 500px; background: #f0f0f0; display: none; padding-left: 4px;
border-bottom: 1px solid #eee;
}
aside .scrollwrp > ul > li >.wrp .wrp2{ position: relative;width: 100%;  height: 100%; background: #fff;padding: 30px 35px; }

aside .scrollwrp > ul > li:hover >.wrp{display: block;  z-index: 999 }
aside .scrollwrp > ul > li >.wrp .scroll{height: 100%; overflow-y: auto;  }
/*aside .scrollwrp > ul > li >.wrp h3{display: block}*/
aside .scrollwrp > ul > li >.wrp h3 a{}
aside .scrollwrp > ul > li .wrp ul{ -moz-column-count: 3;-webkit-column-count: 3;column-count: 3;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem; }
aside .scrollwrp > ul > li .wrp li a{height: auto;border:none;display: block;	background: none;font-size: 0.9em; font-weight: normal; margin-bottom: 25px}
aside .scrollwrp > ul > li .wrp li a span{ color: #838383; display: inline-block;}
aside .scrollwrp > ul > li .wrp li a:hover span,
aside .scrollwrp > ul > li .wrp li a:hover{ color: #e31235; text-decoration: underline}

aside .scrollwrp > ul > li .wrp li .wrp{display: none}


aside h3,
aside li > ul{display: none}

aside .soffers{display: none}
aside .srmenu{display: none}


.mobsearch {
    display: none;
    position: absolute;
    width: 100%;
    top: calc(100% + 14px);
    background: #fff; padding:0 1rem 10px;
    left: 0;
    border-bottom: 1px solid #ddd;
}
.mobsearch.searchshow {display: block;}
.mobsearch input {
    width: 100%;
    height: 40px;
    border-radius: 25px;
    font-size: 0.83em;
    padding: 0 50px 0 20px;
    background: #fff;
    border: 1px solid #e09221;
    color: #fff;}
.mobsearch button {width: 32px;
    height: 32px;
    position: absolute;
    top: 5px;
    right: 13px;
    border: none;
    text-indent: -99999px;}
.mobsearch input:focus {display: block;}
.mobsearch:hover input {display: block;}


section{overflow: hidden}


.main-slider{ display: block; width: 100%;   position: relative; height: 625px; overflow: hidden }
.main-slider .wrp{ width: 100%; height: inherit; position: relative}
.main-slider .tns-inner,
.main-slider .tns-ovh,
.main-slider .tns-outer,
.main-slider .slider{height: inherit}
.main-slider .sm{ height: 100%; width: 100%; position: relative; overflow: hidden; color: #fff}
.main-slider .sm .scene{
    position: absolute;
    left: 0;
    top: 0;
    width: 106%;
    height: 106%;
    transform: translate(-3%, -3%) scale(1);
    animation: slide_animation 30s ease-in-out infinite;

}
.main-slider .sm .scene .sone{ width: 100%; height: 100%; background: center top no-repeat; background-size: cover;}

.main-slider .sm .innerwrapper{ display: flex; align-items: center}
.main-slider .sm .innerwrapper  .info {width: max-content; text-align: left}
.main-slider .sm h3{ color: #fff; font-family: 'Anticva'; font-size: 2.5rem; font-weight: normal; text-align: left; line-height: 1.3}
.main-slider .sm p{font-size: 1.333em}
.main-slider .sm .btns{ margin-top: 45px;}

.main-slider .tns-nav{width: 100%; position: absolute; left: 0; bottom: 40px; z-index: 1; display: flex; justify-content: center }
.main-slider .tns-nav button{width: 1rem; height: 1rem; border-radius: 100%; border:1px solid #bd8f3d; margin: 0 5px; display: flex; justify-content: center; align-items: center }
.main-slider .tns-nav button.tns-nav-active::after{ width: 8px; height: 8px; border-radius: 100%; display:inline-block; background: #bd8f3d}

.pd{ padding: 2rem 0 3rem}
.adv .innerwrapper{ display: flex; justify-content: space-between; align-items: stretch}
.adv .aone{width: 32%; text-align: center; border: 1px solid #d5a247; padding: 1rem 1rem 2rem; background: #fff}
.adv .aone img{display: inline-block; transition: 1s; transform: rotate(0)}
.adv .aone:hover img{transform: rotate(360deg)}
.adv .aone .img{margin-bottom: 1rem}
.adv .aone .title{font-family: 'Anticva'; font-size: 1.65rem; color: #bc974b; margin-bottom: 1rem}
.adv .aone p{font-size: 1.01rem}
.adv .aone{
    transform: translate3d(3000px, 0, 0); transition: 0.2s
}
.adv.animate .aone{animation: bounceInRight 2s;animation-fill-mode: forwards;}
.adv.animate .aone:nth-child(1) {animation-delay: 0s;}
.adv.animate .aone:nth-child(2) {animation-delay: 0.3s;}
.adv.animate .aone:nth-child(3) {animation-delay: 0.6s;}



.tabs-body{}
.tabs-body .tab{ display: none}
.tabs-body .tab.active{ display: block}

.mcatalog h2 span{ font-family: inherit; font-size: inherit}

.mcatalog .tb{
    border-top: 2px solid #d0d0cf;
    border-bottom: 2px solid #d0d0cf;
}
.mcatalog.top .tb{border-bottom: none}
.mcatalog.bottom .tb{border-top: none}
.mcatalog.bottom{padding-top: 4rem}


.tabs.msc{ display: flex; align-items: stretch;}
.tabs.msc .tabs-header{ width: 330px; padding: 3rem 1rem 1rem 1rem}
.tabs.msc .tabs-header ul{}
.tabs.msc .tabs-header li{ font-weight: 600; font-size: 0.9rem; text-transform: uppercase; margin-bottom: 0.95rem; cursor: pointer; transition: 0.1s}
.tabs.msc .tabs-header li.active a,
.tabs.msc .tabs-header li.active{ color: #e2ba72}
.tabs.msc .tabs-header li.act a,
.tabs.msc .tabs-header li.act{ color: #fe0000}
.tabs.msc .tabs-header .btn{ font-size: 0.93rem}
.tabs.msc .tabs-body{width: calc(100% - 330px);}
.tabs.msc .tabs-body .tab{display: none; justify-content: space-between; align-items: stretch; height: 100%}
.tabs.msc .tabs-body .tab.active{display: flex}

.product,
.tabs.msc .tabs-body .tab a{width: calc(100%/3 - (1rem*2/3)); display: block; position: relative; border: 1px solid transparent}
.product img,
.tabs.msc .tabs-body .tab a img{ display: block; width: 100%; height: 100%; object-fit: cover}
.product .title,
.tabs.msc .tabs-body .tab a span{padding: 10px 25px;background: rgba(0, 0, 0, 0.7);font-size: 1rem;max-width: 90%;
    font-weight: 600;
    text-transform: uppercase;position: absolute; left: 0; top: 3rem;color: #fff;}
.product .ft,
.tabs.msc .tabs-body .tab a .ft{ position: absolute; bottom: 0; left: 0;}
.product .ft .price,
.tabs.msc .tabs-body .tab a .ft .price{ padding: 15px 20px; background: rgba(255,255,255,0.85); font-size: 1.1rem; font-weight: 600; color: #000000; margin-bottom: 1rem}
.product .ft .price i,
.tabs.msc .tabs-body .tab a .ft .price i{ font-style: normal; font-size: 1rem; color: #222; text-decoration: line-through}
.product .ft .more,
.tabs.msc .tabs-body .tab a .ft .more{ display: none}
.one_product{display: none}
.one_product .btns{ text-align: center; padding: 1.4rem 0}

.product .title{font-size: 1rem; }
.product .title .top{text-transform: none; font-size: 12px; margin-bottom: 0.5rem; font-weight: normal}


/*
.product:hover,
.tabs.msc .tabs-body .tab a:hover{border-color: #e2ba72}
*/

.product{margin: 0 1rem 1rem 0; position: relative; }
.product .img{display: block; position: relative; overflow: hidden}
.product .img img{ opacity: 0;}
.product .img div{display: block; position: absolute; left: -5% !important; top: -5% !important; width: 110%; height: 110%; background: top left no-repeat; background-size: cover;
}



.product:nth-child(3n){margin-right: 0}


@media (max-width:850px) {
    .product{width: calc(50% - 0.5rem);}
    .product:nth-child(2n){margin-right: 0}
    .product:nth-child(3n){margin-right: 1rem}

}



.tabs.msc .tabs-header ul{min-height: 60%}
.reviews .innerwrapper,
.projects .innerwrapper{max-width: 1420px; padding: 0 40px}
.psw{position: relative}
.projects_slider img{display: block; width: 100%}
.nav button{ position: absolute; top: 0; width: 40px; height: 100%; background: none; border: none}
.nav button.prev{left: -40px}
.nav button.next{right: -40px}
.nav button.prev svg{transform: rotate(180deg);}
.nav button svg{fill: #777}
.nav button:hover svg{fill: #222}
.nav button[disabled] svg{fill: #aaa}
@media (max-width:650px) {
    .nav,
    .psw .nav {
        margin-top: 1rem;
        display: flex;
        justify-content: center
    }
    .nav button,
    .psw .nav button {
        position: relative;
        top: auto;
        width: auto;
        height: auto;
        margin: 0 10px
    }

    .nav button.prev,
    .psw .nav button.prev {
        left: auto !important;
    }

    .nav button.next,
    .psw .nav button.next {
        right: auto !important;
    }
    .nav button svg{ width: 25px !important; height: 25px !important;}

    .tabs.msc .tabs-body{ display: none}
    .tabs.msc .tabs-header .btns{display: none}
    .tabs.msc .tabs-header li{display: block; font-size: 16px; margin-bottom: 25px}
    .pd4{padding: 2rem 0 }
    .pd{padding: 1rem 0 2rem}
    .reviews .innerwrapper,
    .projects .innerwrapper{max-width: 1380px; padding: 0 15px}
    header .logo a{font-size: 32px;}


    .nc .tabs.msc{display: none}
    .one_product{display: block}
    h1, h2, h3 {text-align: center}
    .contacts h3,
    .news h2{text-align: left}

    .mcatalog h2 span{ display: block; font-size: 1.375rem}




}
@media (max-width:500px) {
    .one_product{ max-width: 300px; margin: 0 auto}
}


.cons_form{ background: url("../img/consbg.webp") center center no-repeat; background-size: cover; }
.cons_form .innerwrapper{ display: flex; align-items: flex-start }
.cons_form h2{ color: #b79044; font-size: 4rem; margin-right: 3rem}
.cons_form h2 span.l1{ display: block; color: #b79044; font-size: 4rem;font-family: 'Anticva';}
.cons_form h2 span.l2{ display: block; text-align: right; margin-left: 10rem; font-size: 2rem; color: #222;font-family: 'Anticva';}
.cons_form h2 span{transform: translate3d(-2000px, 0, 0); transition: 0.2s}
.cons_form.animate h2 span{animation: bounceInLeft 1.5s;animation-fill-mode: forwards;}
.cons_form.animate h2 span.l1 {animation-delay: 0s;}
.cons_form.animate h2 span.l2 {animation-delay: 0.4s;}



.cons_form form{ display: flex; justify-content: flex-end; align-items: center; }
.cons_form form p{ font-size: 0.8rem; margin-bottom: 4.5rem}
.cons_form form .i{ display: flex; justify-content: space-between; margin-right: 8px}
.cons_form form .i .input:first-child{margin-right: 1rem}





@media (max-width:1365px) {
    .cons_form .innerwrapper{ display: flex; align-items: flex-start; justify-content: center }
    .cons_form h2 span{margin: 0}
    .cons_form form p{display: none}
    .cons_form form,
    .cons_form form .i{ flex-direction: column; align-items: flex-start; justify-content: flex-start; }
    .cons_form form .in{margin-bottom: 2.5rem}
    .cons_form form .i .input:first-child{margin: 0 0 0.1rem 0}


}
@media (max-width:650px) {
    .cons_form .innerwrapper{flex-direction: column; align-items: center; text-align: center; padding: 0; max-width: 280px}
    .cons_form h2{margin-right: 0}
    .cons_form form .in,
    .cons_form form{width: 100%; margin-right: 0; text-align: center}
    .cons_form form{align-items: center}
    .cons_form form input{width: 100%}
}



.input{ background: none; border: none; height: 2.7rem; border-bottom: 1px solid #bbbbbb; font-weight: 600; font-size: 1.05rem}
.input::-webkit-input-placeholder {color:#000;}
.input::-moz-placeholder          {color:#000;}
.input:-moz-placeholder           {color:#000;}
.input:-ms-input-placeholder      {color:#000;}
.input:focus{  border-color: #c3a866; }

.ask_form{ background: url("../img/qbg.webp") center center no-repeat; background-size: cover; color: #fff}
.ask_form h2{ color: #b79044; font-size: 2.5rem; }
.ask_form form{ display: flex; justify-content:space-between; align-items: center; }
.ask_form form p{ font-size: 1.05rem; }
.ask_form form .i{ display: flex; justify-content: space-between; margin-right: 8px;}
.ask_form form .i .input{margin-right: 2rem}
.ask_form .input{color: #fff}
.ask_form .input::-webkit-input-placeholder {color:#fff;}
.ask_form .input::-moz-placeholder          {color:#fff;}
.ask_form .input:-moz-placeholder           {color:#fff;}
.ask_form .input:-ms-input-placeholder      {color:#fff;}

@media (max-width:1260px) {
    .ask_form form{ flex-direction: column; align-items: flex-start}
    .ask_form form .i input{width: 100%}
    .ask_form form p{margin-bottom: 3rem}
}
@media (max-width:650px) {
    .ask_form form .i{flex-direction: column; align-items: center; justify-content: flex-start; margin: 0; width: 100%; max-width: 340px}
    .ask_form form .i .input{margin: 0 0 1rem 0}
    .ask_form form p{margin-bottom: 2rem}
    .ask_form form{ align-items: center; }
    .ask_form form .btn{margin-top: 2rem}
    .ask_form h2{text-align: center}
}




.reviews,
.sert{ background: url("../img/sertbg.webp") center center no-repeat; background-size: cover}
.sert h2{ color: #b79044}
.sert .wrp{padding: 0 40px; max-width: 1280px; margin: 0 auto; position: relative}
.sert .nav button.prev{left: 0}
.sert .nav button.next{right: 0}
.sert_slider{max-width: 1000px; margin: 0 auto; }
.sert_slider img{width: 100%; display: block}
@media (max-width:650px) {
   .sert .wrp {
        padding: 0
    }
}


.pd4{padding: 4rem 0}
.news .title{font-weight:600;font-size:35px;margin-bottom:70px;text-transform:uppercase}
.news-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:40px}
.news-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:26px;padding-bottom:40px;border-top:1px solid rgba(0,0,0,.15)}
.news-list-item-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:25%}
.news-list-item-left .title{font-size:18px;margin-bottom:13px}
.news-list-item-left .date{font-size:12px;font-weight:300}
.news-list-item-right{margin-left:auto;width:33%;margin-right:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.news-list-item-right p{font-size:16px;font-weight:300;line-height:17px;margin-bottom:18px}
.news-list-item-right span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;text-transform:uppercase;font-size:12px}
.news-list-item-right span svg{margin-left:5px}
.news-list-item img{width:267px;height:141px;-o-object-fit:cover;object-fit:cover}
.news-list-item:last-child{border-bottom:1px solid rgba(0,0,0,.15)}
.news .border-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #3a3a3a;color:#000;border-radius:40px;width:100%;max-width:267px;height:39px;cursor:pointer;font-size:14px;font-weight:600;text-transform:uppercase;margin-left:auto}
@media screen and (max-width:768px){.news{padding-top:80px}
    .news .title{margin-bottom:45px}
    .news-list-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:26px;padding-bottom:36px}
    .news-list-item-left{width:100%}
    .news-list-item-left .title{margin-bottom:20px}
    .news-list-item-right{display:none}
    .news-list-item img{width:100%;height:190px;-o-object-fit:cover;object-fit:cover;-webkit-box-ordinal-group:-1;-ms-flex-order:-2;order:-2;margin-bottom:16px}
    .news .border-btn{max-width:100%}
}





.review_one{ background: #fff; padding: 1.38rem; border: 1px solid #dbdbdb;}
.review_one .top{ display: flex; margin-bottom: 1rem}
.review_one .top .img{ margin-right: 0.7rem}
.review_one .top .img img{ display: block; border-radius: 100%}
.review_one .top .info{ font-size: 0.9rem}
.review_one .top .info .tel{ font-weight: 600; margin-bottom: 0.3rem}

.review_one .rating {
    margin-bottom: 0.4rem;
    width: 95px;
    height: 15px;
    background: url("../img/ico/star-e.svg") repeat-x;
    background-size: 19px 15px;
}
.review_one .rating span {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../img/ico/star-f.svg");
    background-size: 19px 15px;
}


.review_one .top .info .date{ color: #949091; font-size: 0.7rem}
.review_one .tx{ font-size: 0.9rem }




.contacts .wrp{display: flex; justify-content: space-between}
.contacts h3{margin-bottom:3rem;font-weight:normal;font-size:1.72rem; line-height: 1.2; height: 4.2rem}
.contacts-list{ display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; width: calc(50% - 25px)}
.contacts-list-item{ font-size:0.9rem; width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; justify-content: space-between}
.contacts-list-item-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:calc(33.3333333333% - 20px); margin-bottom: 2rem}
.contacts-list-item-inner a:hover{text-decoration: underline;}
.contacts-list-item-inner strong{text-transform:uppercase; font-weight:600;margin-bottom:10px}
.contacts-list-item-inner p{}
.contacts-list-item-inner a{white-space: nowrap}
.contacts-list-item-inner:first-child{width:100%}
.contacts-list-item-map{margin-top:2rem;width:100%;height:240px;
    /*-webkit-filter:grayscale(1);filter:grayscale(1)*/
}
.contacts-list-item-map>ymaps{width:100%;height:100%}
.contacts-list-item-map>ymaps>ymaps{width:100%;height:100%}


@media screen and (max-width:1320px){
    .contacts .wrp{display: block}
    .contacts-list{ width: 100%; }
    .contacts-list:first-child{    margin-bottom: 3rem}
    .contacts h3{height: auto}

}
@media screen and (max-width:991px){
    .contacts-list-item{width:100%}
}
@media screen and (max-width:768px){
    .contacts-list-item-inner{width:calc(50% - 15px)}
    .contacts-list-item-inner:first-child{width:calc(50% - 15px)}
    .contacts-list-item-map{margin-top:0;height:280px}
}




.footer_line{ padding: 7.5rem 0 1rem; background: #191e22 url("../img/ftbg.webp") center center no-repeat; background-size: cover; color: #fff}
.footer_line .wrp{ display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem}
.footer_line .logo{ margin-right: 1rem}
.footer_line .logo a{ font-size: 40px; font-family: 'Anticva'; color: #fff; display: block; letter-spacing: -1.5px; }
.footer_line .logo a b{ color: #b79044; font-family: 'Anticva'; font-weight: normal; }
.footer_line .menu{ display: flex; }
.footer_line .menu .part:first-child{ margin-right: 3rem}
.footer_line .sociaz p,
.footer_line .menu p{display: inline-block; text-transform: uppercase; margin-bottom: 2rem; font-weight: 600}
.footer_line .menu li{margin-bottom: 0.55rem}
.footer_line .menu li.cat{display: none; font-weight: 600; text-transform: uppercase}
.footer_line .menu a{color: #fff; font-size: 0.93rem}
.footer_line .menu .active a,
.footer_line .menu a:hover{text-decoration: underline}
.footer_line .soclink{justify-content: center}
.footer_line .soclink a {width: 38px;height: 38px;margin: 0 5px !important;}
.footer_line .bottom{ display: flex; justify-content: flex-end; }
.footer_line .bottom .wp{display: flex; align-items: center; justify-content: space-between; background: #15171c; color: #7b7b7d; font-size: 0.8rem; padding: 0.7rem 1rem;
width: 100%;max-width: 950px}
.footer_line .bottom a{color: #7b7b7d; text-decoration: underline}
.footer_line .bottom a:hover{text-decoration: none}
.footer_line  .menu .soclink{justify-content: flex-start; margin-top: 2.2rem; display: none}


@media screen and (max-width:1000px) {
    .footer_line{padding-top: 3.3rem}
    .footer_line .wrp{display: block}
    .footer_line .sociaz{display: none}
    .footer_line .menu{ padding-left: 2rem; margin-top: 3rem}
    .footer_line .sociaz p, .footer_line .menu p{background: none; margin-bottom: 1.4rem;}
    .footer_line  .menu .soclink{display: flex}
    .footer_line .bottom .wp{flex-direction: column; align-items: flex-start; justify-content: flex-start}
    .footer_line .bottom p{margin-bottom: 0.4rem}
}
@media screen and (max-width:500px) {
    .footer_line .menu{display: block}
    .footer_line .menu .part{margin-bottom: 2.5rem}
    .footer_line .sociaz p,
    .footer_line .menu p{display:none}
    .footer_line .menu .part:first-child li{display: none;}
    .footer_line .menu .part:first-child li.cat{display: block}
    .footer_line .soclink a{width: 26px; height: 26px}
    .footer_line .logo a{font-size: 34px;}


}



























.catalog{ padding: 0 0 45px}
.catalog .innerwrapper.flex{}
.catalog .filter{ width: 300px; min-width: 300px; max-width: 300px;}
.catalog .filter .catpart,
.catalog .filter .filterpart{ background: #fff; padding: 20px 13px 20px 10px; border-radius: 10px; margin-bottom: 20px; }
.catalog .filter .catpart.v2{ padding-bottom: 0.5rem}
.catalog .filter .filterpart{margin: 0; padding: 0}
.catalog .filter h2{ font-size: 1.35em; text-align: left; border-bottom: 1px solid #c3a866;   padding: 20px 0 15px;

}

.catpart .hdr{ font-size: 1em; font-weight: 500; color: #e31235; margin-bottom: 20px;}
.cone{ margin-bottom: 17px}
.fone{margin-bottom: 9px}
.filter-container label.checkbox{ display: inline-block; position: relative; cursor: pointer;font-size: 0.95em}
.filter-container label.checkbox.unactive{opacity: 0.3; cursor: default}
.filter-container label.checkbox input{ position: absolute; width: 0; height: 0; left: 0; top: 0; opacity: 0}
.filter-container label.checkbox input + span{ color: #002141; display: inline-block; padding-left: 30px; position: relative; font-size: 0.9em  }
.filter-container label.checkbox input + span::after{ width: 18px; height: 18px; border-radius: 3px; background: #fff;  border: 1px solid #555; left: 0; top: 0px;}
.filter-container label.checkbox input + span::before{ width: 10px; height: 8px; background: url("../img/ico/check.png") no-repeat; background-size: 100% 100%;left: 5px; top: 6px; z-index: 2; display: none; border: none; border-radius: unset}
.filter-container label.checkbox input + span i{ font-style: normal; color: #c0c1c2; display: inline-block; margin-left: 5px; }
.filter-container label.checkbox input:checked + span{ }
.filter-container label.checkbox input:checked + span::after{ background-color: #000; }
.filter-container label.checkbox input:checked + span::before{display: block}



.disabled label.checkbox input + span{ color: #aaa;}
.disabled label.checkbox input + span::after{ background: #f0f0f0;  border: 1px solid #aaa;}
.disabled label.checkbox input + span::before{display: none }


.filter-container.num .ddown{display: block}
.filter-container{ margin-bottom: 5px}
.filter-container .w{ padding-bottom: 5px}
.filter-container .w button{ font-weight: 600; color: #002141; width: 100%; background: url("../img/ico/fd.png") right center no-repeat; border: none; text-align: left; padding: 10px 30px 10px 0 }

.filter-container.open .w button{ background-image: url("../img/ico/fu.png"); }


.filter-container .ddown{ display: none}
.filter-container .filter-block{ overflow-y: auto; max-height: 265px; }

.filter-container.nodd .filter-block{ overflow-y: inherit; max-height:none; }














.filter-container.num.nodd{margin-bottom: 20px;}
.filter-container.num.nodd .w button{background: none; cursor: default}
.filter-container.num .inputs{ justify-content: space-between; margin-bottom: 15px;}
.filter-container.num .i{ width: 48%}
.filter-container.num .i.lf{margin-right: 2%}
.filter-container.num .i p{}
.filter-container.num .i input{ width: 100%; height: 34px; border-radius: 5px; border: 1px solid #d1cfcf; padding: 0 10px; color: #777}
.filter-container.num .iwrp{margin-top: 15px;}


.range-slider {
    background: #ddd;
    width: 95%;
    margin-top: 7px;
    height: 6px;
    position: relative;
    border-radius: 3px 0 0 3px;
}
.range-slider::before{
    display: block;
    content: "";
    width: 10px;
    height: 6px;
    background: #ddd;
    position: absolute;
    top: 0;
    right: -10px;
    border-radius: 0 3px 3px 0;

}


.ui-slider .ui-slider-handle {
    width: 14px;
    height: 14px;
    border-radius: 18px;
    cursor: pointer;
    background: #ceaa62;
    position: absolute;
    top: -4px;
    z-index: 2;
    transition: none;
    border: none;
}

.ui-slider .ui-slider-handle:last-child {
    margin-left: 0px
}

.ui-widget-content {
    border: 0
}

.ui-slider-range {
    background: #ceaa62;
    width: 100%;
    height: 6px;
    position: absolute;
    z-index: 1;
    display: block;
    border-radius: 8px 0 0 8px
}



.s2line{ background: #fff; border-radius: 10px }

.sortline.flex{ justify-content: space-between; background: #fff; border-radius: 10px; padding: 15px 20px; align-items: center; }
.sortline.flex.top2{display: none}
.sortline.flex .sort.flex{ align-items: center}
.sortline.flex .sort.flex .select{margin-right: 20px;align-items: center; width: auto; display: flex}
.sortline.flex .sort.flex p{ margin-right: 20px;}
.sortline.flex .view{ width: 80px; min-width: 80px; max-width: 80px; font-size: 0;}
.sortline.flex .view a{ display: inline-block; width: 34px; height: 34px;margin: 0 2px; text-indent: -99999px;}
.sortline.flex .view a::after,
.sortline.flex .view a::before{width: 100%; height: 100%; left: 0; top: 0; background: center center no-repeat; opacity: 0; z-index: 1; transition: 0.1s}
.sortline.flex .view a:hover::after,
.sortline.flex .view a.active::after{ opacity: 1}
.sortline.flex .view a::before,
.sortline.flex .view a::before{ opacity: 1}
.sortline.flex .view a:hover::before,
.sortline.flex .view a.active::before{ opacity: 0}


.filterpart .btns{}
.filterpart .btns .b1{margin-bottom: 10px}
.filterpart .btns a,
.filterpart .btns button{ width: 100%; background: #ceaa62; color: #fff; height: 44px; border-radius: 6px; border: 2px solid transparent; font-size-adjust: 1.05em; font-weight: 600; display: inline-block;  text-align: center; }
.filterpart .btns button:hover{ background-color: #fff; border-color: #ceaa62; color: #ceaa62}

.filterpart .btns a{border: 2px solid #d6d2d2; background: #fff; color: #a9a4a4; line-height: 44px;}
.filterpart .btns a:hover{background-color: #fff; border-color: #ceaa62; color: #ceaa62}





.s2line{
    margin-bottom: 20px;
}









.filter-container{position: relative}

.filter-container .pwrapper {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 9999;
    margin-left: -20px
}
.filter-container.down .pwrapper {
    display: none
}
.filter-container.up .pwrapper {
    display: block
}
.filter-container .cpopup {
    background: 0;
    border: 0
}
.filter-container .cpopup span {
    display: block;
    background: #ceaa62;
    padding: 15px 40px 15px 20px;
    white-space: nowrap;
    border: 0;
    border-radius: 5px;
    color: #fff;
    position: relative;
    font-weight: 500;
    font-size: 0.8em;
    line-height: 1;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.4);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.4)
}


.filter-container .cpopup span::after {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 5px solid #ceaa62;
    border-bottom: 6px solid transparent;
    left: -5px;
    top: 50%;
    margin-top: -6px
}


.filter-container .cpopup.disabled{cursor: auto}
.filter-container .cpopup.disabled span{ background-color: #bbb}
.filter-container .cpopup.disabled span i{ color:#fff  }
.filter-container .cpopup.disabled span::after { border-right-color: #bbb}


.gdslist{ width: 100%; padding-left: 55px}
.btnfilter{display: none; font-weight: normal; width: 171px; height: 52px; background: #fff; border: 1px solid #ceaa62; border-radius: 8px; margin-right: 10px; padding: 0 10px; }
.btnfilter:hover{ background-color: #ceaa62; color: #fff}
.btnfilter span{display:inline-block; padding-left: 35px; position: relative}
.btnfilter span::after,
.btnfilter span::before{ left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 23px; background: center center no-repeat; background-size: 100% 100%; opacity: 0; transition: 0.1s; z-index: 2}
.btnfilter span::after{ background-image: url("../img/ico/filter.png"); opacity: 1}
.btnfilter span::before{background-image: url("../img/ico/filter_a.png"); opacity: 0}
.btnfilter:hover span::after{ opacity: 0}
.btnfilter:hover span::before{opacity: 1}



.catalog .filter .catpart .filter-container .w button{background: none; padding: 10px 0; color: #475769; font-size: 1.1em}
.catalog .filter .catpart .filter-container .ddown{display: block}
.filter h3{ text-transform: uppercase; font-size: 0.95em; display: flex; justify-content: space-between; align-items: center; display: none}
.filter h3 button{background: none; border: none}

.filter .catpart.v2 h3{  font-size: 1.389em; text-align: left;  display: block; padding: 20px 0 15px; border-bottom: 1px solid #c3a866; }


.filter .catpart.v2 li {
    font-weight: normal;
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: 0.1s;
}
.filter .catpart.v2 li.active a{color: #e2ba72;}

/*

.product{ display: inline-block; padding: 20px 12px 70px; position: relative; text-align: center; background: #fff; border-radius: 8px; width: 100%; border: 2px solid #e6e6e6;}
.product:hover{border-color: #fd5b67}

a.product{height: 100%}
.product .icons{ position: absolute; top: 10px; left: 0; width: 100%; display: flex; justify-content: space-between; z-index: 2; padding: 0 12px; text-align: left}
.product .icons .info div { margin-bottom: 5px;}
.product .icons .info div span{ padding: 3px 9px; line-height: 1; font-size: 0.65em;   border-radius: 3px;display: inline-block;}
.product .icons .info .discont span{ background: #ff525f; color: #fff; }
.product .icons .info .tx span{ background: #afd3f0; color: #fff}
.product .icons .info .hit span{ background: #ffd800; color: #000; text-transform: uppercase; font-size: 0.50em; padding:  5px 9px;}
.product .icons .fw{width: 24px; height: 22px; background: url("../img/ico/fw.png") center center no-repeat; border: none}
.product .icons .fw:hover{background-image: url("../img/ico/fw2.png")}

.product .icons .fw.in{background-image: url("../img/ico/fw3.png");}

.product .img{ width: 100%;  margin-bottom: 5px;}
.product .img img{ display:inline-block; width: 100%; max-width: 210px;}
.product .code{ font-size: 0.77em; color: #8f8f8f}
.product .pbt{position: absolute; bottom: 30px; left: 0; width: 100%; }

.product .price{ display: flex; justify-content: center; white-space: nowrap;}
.product .price .current-price{ margin: 0 5px; font-size: 1.2em; font-weight: 500;}
.product .price .old-price{margin: 0 5px; color: #8a8a8a; text-decoration: line-through; font-size: 1.1em}

.product.p2{padding:0; background: none; height: 420px; position: relative}
.product.p2 .name{ font-weight: 500; color: #002141; line-height: 1.2; height: 2.4em; overflow: hidden; margin-bottom: 5px;}
.product.p2 .price{position:relative; bottom: auto; left: auto; margin-top: 10px;}
.product.p3 .img img,
.product.p2 .img img{ display:inline-block; width: 100%; max-width: 265px;}
.product.p2 .btn{ overflow: hidden; max-height: 0; transition: 0.2s;  }
.product.p2:hover .btn{ overflow: hidden; max-height: 60px; padding-top: 10px;}
.product .btn button{ max-width: 213px; width: 100%; height: 44px; border-radius: 10px; background: #ffcc33; color: #000; font-weight: 500; border: none}
.product.p2:hover{z-index: 55}
.product.p2{border: none}
.product.p2 .wp{ width: 100%; height: auto; background: #fff;border: 2px solid #fff;padding: 20px 12px 20px; border-radius: 8px;}
.product.p2:hover .wp{border-color: #fd5b67}
.product.p3 a{display: inline-block; position: relative; width: 100%}
*/

/*
.sname{margin-bottom: 20px}
.wide .clist .product{width: calc(25% - 15px); margin-right: 20px}
.wide .clist .product:nth-child(3n){margin-right: 20px}
.wide .clist .product:nth-child(4n){margin-right: 0}
.clist{display: flex; align-items:stretch; flex-wrap: wrap}
.clist .product{ width: calc(33.333% - 16.66px); justify-content: flex-start; margin-right: 25px; margin-bottom: 25px}
.clist .product:nth-child(3n){margin-right: 0}
.product.p3{border-bottom: none}
.product .pbt{position: absolute; bottom: 30px; left: -2px; width: calc(100% + 4px); top: calc(100% - 55px); bottom: auto; background: #fff; border-radius: 0 0 8px 8px;border: 2px solid #e6e6e6; border-top: none; padding-bottom: 27px;transition: 0.1s; }
.product:hover .pbt {border-color: #e2ba72}
.product .pbt .btn{display:block; overflow: hidden; max-height: 0;transition: 0.1s; padding: 0 20px}
*/


.pages{ text-align:center; margin-top:20px;}
.pages li{display:inline-block; list-style:none; margin:0 5px; line-height:1.1}
.pages li a{color: #000}
.pages li span{ font-size:21px;}
.pages li a{display:block; width:32px; height:32px;line-height:32px;font-size:1.2em; text-decoration:none; color: #002141; font-weight: 500; border-radius: 5px;}
.pages li.previous_link{ margin-right:20px;}
.pages li.next_link{ margin-left:20px;}
.pages li.previous_link a,
.pages li.next_link a{ width:auto; height:auto; background:none}
.pages li a.active,
.pages li.active a{ background:#ceaa62; color: #fff !important;  }
.pages li a.active:hover,
.pages li a:hover{ color:#e2ba72}


.cselect{ position: relative;  cursor: pointer}
.cselect.sort{width: 180px;}
.cselect.limit{width: 90px;}
.cselect .label{ padding: 10px 15px; border: 1px solid transparent; border-radius: 8px 8px 0 0; border-bottom: none; transition: 0.3s; }
.cselect .label span{background: url("../img/ico/select.png") right center no-repeat; display: block; padding-right: 30px; overflow: hidden; color: #000; white-space: nowrap }
.cselect .ddown{position: absolute; background: #fff; border: 1px solid #fff; border-radius: 8px;  left: 0; top: 0; width: 100%; max-height: 0; overflow: hidden; transition: 0.3s;z-index: 850; }
.cselect.open .label{border-color:#eeeeee;}
.cselect.open .ddown{ max-height: 200px; border-color:#eeeeee;}
.cselect label{ display: block; width: 100%; cursor: pointer; }
.cselect input{ position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; cursor: pointer}
.cselect input + span{ color: #1c1c1c; display: block; line-height: 1; padding: 10px 15px;}
.cselect input:checked + span{ color: #e2ba72}

.product-wrp{ }
.product-wrp .gdwrp{ display: flex; justify-content: space-between}
.product-slider{ width: 42%}
.product-slider .next,
.product-slider .prev{display: none}
.product-slider .bigimgs .carousel,
.product-slider .preimgs .carousel{display: flex; overflow: hidden}
.product-slider .preimgs{padding-top: 16px}
.product-slider.cgl0 .preimgs,
.product-slider.cgl1 .preimgs{ display: none}

.product-info{ width: 54%; font-size: 1.12rem}
.product-info .params{}
.product-info .params li,
.product-info .params p{margin-bottom: 1rem}
.product-info .params table{}
.product-info .params table td{ padding: 0.5rem 1rem 0.5rem 0; }
.product-info .params table td:nth-child(1){ font-weight: 600}
.product-info .price{ padding: 2rem 0 3rem; font-size: 1.2em;  font-weight: 600}
.product-info .content{ padding-bottom: 2rem; line-height: 2}
.product-info .btns{display: flex}
.product-info .btns button:nth-child(1){margin-right: 1rem}
@media (max-width:1100px) {
    .product-info{ font-size: 1rem}
    .product-info .content{ line-height: 1.6}
    .product-info .price{ padding: 1rem 0 2rem; }
}
@media (max-width:950px) {
    .product-wrp .gdwrp{display: block}
    .product-info{width: 100%; padding-top: 2rem}
    .product-slider{width: 100%; max-width: 580px; margin: 0 auto}
}
@media (max-width:560px) {
    .product-info .btns{ flex-direction: column; max-width: 300px; margin: 0 auto}
    .product-info .btns button:nth-child(1){margin: 0 0 1rem 0}
}


.filtertags{padding: 0 20px 0;}
.filtertags .flex{flex-wrap: wrap}
.filtertags .tag{white-space: nowrap; display: flex; align-items: center; padding: 4px 8px; border-radius: 6px; border: 1px solid #e2ba72; font-size: 12px; margin: 0 5px 5px 0}
.filtertags .tag button{margin-left: 10px; background: none; color: #000; border: none}
.filtertags .tag button:hover{ color: #e2ba72}
.filtertags .tag span{color: #000}




.gdother{ border-bottom: 1px solid #dadada}
.gdother_slider{position: relative}
.gdother .btns{ text-align: center; margin-top: 1.7rem}
@media (max-width:1430px) {
    .gdother{padding: 0 30px}
}
@media (max-width:650px) {
    .gdother{padding: 0}
}
@media (max-width:500px) {
    .gdother_slider{max-width: 340px; margin: 0 auto}
}


.actwrp.flex{ justify-content: flex-start; align-items: stretch; flex-wrap: wrap}
.actwrp .actOne {

    background: #fff;
    border-radius: 5px;
    margin-bottom: 2rem;
    position: relative;
    color: #222;
    padding-bottom: 35px;
    text-decoration: none;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}
.actwrp .actOne:hover {
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
}
.actwrp .actOne .date {
    position: absolute;
    left: 0.3rem;
    bottom: 0.3rem;
    color: #fff;
    font-size: 1em;
    background: rgba(0,0,0,0.6); padding: 0.5rem 1rem;
}
.actwrp .actOne .img {
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.actwrp .actOne .img img {
    display: block;
    width: 100%;
    transition: 0.5s
}
.actwrp .actOne:hover .img img {
    transform: scale(1.1)
}
.actwrp .actOne h3 {
    padding: 0 20px;
    font-size: 1.1em;
    font-weight: 500;
    margin-bottom: 0.5em
}
.actwrp .actOne p {
    padding: 0 20px;
    font-size: 0.9em
}
.actwrp .actOne .link {
    position: absolute;
    bottom: 25px;
    left: 0;
    padding: 0 20px;
    color: #b79044;
    text-decoration: underline
}
.elem3 .elem{
    width: calc(100%/3 - (1rem*2/3));
    margin-right: 1rem;
}
.elem3 .elem:nth-child(3n){margin-right: 0}


@media (max-width:1070px) {
    .elem3 .elem {
        width: calc(50% - 0.5rem);
    }
    .elem3 .elem:nth-child(2n){margin-right: 0}
    .elem3 .elem:nth-child(3n){margin-right: 1rem}

}
@media (max-width:600px) {
    .elem3 .elem {
        width: 100%;
        margin-right: 0 !important;
    }

}



.slider_work_elem {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.slider_work_elem .slider_work_elem_img {max-width: 100%; width: calc(100% - 340px); display: block;}
.slider_work_wrap_team .slider_work_elem .slider_work_elem_img {max-width: 100%; width: 75%; display: block;}
.slider_work_elem .slider_work_elem_img img{width: 100%;}
.slider_work_wrap_team .slider_work_elem .slider_work_elem_img img{border-radius: 5px; }
.slider_work_elem_text {z-index: 23; padding: 20px 55px; background: rgba(220,220,220,0.4); margin-left: -20px; font-size: 20px; max-width: 350px;}
.slider_work_wrap_team .slider_work_elem_text {padding: 20px 15px; background: rgba(220,220,220,0.8); margin-top: -20px; margin-left: 0; font-size: 20px; max-width: 350px; min-width: 250px;}
.slider_work_elem_text .slider_work_elem_zag {font-weight: 600; margin-bottom: 30px;font-size: 22px;}
.slider_work_wrap_team  .slider_work_elem_text .slider_work_elem_zag {font-weight: 600; margin-bottom: 0;font-size: 22px; text-align: center;}
.slider_work_elem_list {margin-bottom: 30px;}
.slider_work_elem_list > div  {font-size: 14px; padding: 10px 2px 10px 50px;}
.slider_work_elem_list > div span {display: block; font-size: 15px; font-weight: 600;}
.slider_work_elem_text ul {margin: 25px 0;}

.slider_work_elem .button {width: 100%; color: #2d2d2d; font-weight: 600; text-align: center; font-size: 19px; background: #fec959;  border: none;}
.slider_work_elem .button:hover {color: #fff; background: #cc0000; border: none;}

.worl_elem_description {padding: 25px 40px; background: #f6f7f8}
.worl_elem_description h2, .worl_elem_description h3 {font-size: 30px; font-weight: normal;}
.worl_elem_description p {font-size: 21px;}
.inner_work_card .slider_work_elem_list {margin-top: 30px;}
.inner_work_card .slider_work_elem .slider_work_elem_text {flex-grow: 1;}
.inner_work_card .slider_work_elem_list > div span {font-size: 20px;}
.inner_work_card .slider_work_elem_list > div  {font-size: 19px;}
.inner_work_wrap .slider_work_elem {margin-bottom: 70px;}
.inner_work_wrap .slider_work_elem:nth-child(2n) .slider_work_elem_img {order: 2;}
.inner_work_wrap .slider_work_elem:nth-child(2n) .slider_work_elem_text {order: 1; margin-right: -20px; z-index: 2; margin-left: 0;}
.work_elem_gallery {display: flex;flex-wrap: wrap; justify-content: space-between; padding-top: 40px;}
.work_elem_gallery a, .work_elem_gallery > div{ margin-bottom: 25px; max-width: 33%;}
.work_elem_gallery a img{ width: 100%;}

.proj_gallery {display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 2rem }
.proj_gallery a {display: block; width: 100%; text-align: center; overflow: hidden; margin-bottom: 1rem}
.proj_gallery a img {width: 100%; transition: 0.5s}


.searchname{margin-bottom: 2rem}


.clist{display: flex; align-items:stretch; flex-wrap: wrap}
.elem4 .elem{ width: calc(100%/4 - (1rem*3/4)); margin-right: 1rem; margin-bottom: 1rem}
.elem4 .elem:nth-child(4n){margin-right: 0}
@media (max-width:1170px) {
    .elem4 .elem {width: calc(100%/3 - (1rem*2/3));}
    .elem4 .elem:nth-child(4n){margin-right: 1rem}
    .elem4 .elem:nth-child(3n){margin-right: 0}
}
@media (max-width:850px) {
    .elem4 .elem {width: calc(50% - 0.5rem);}
    .elem4 .elem:nth-child(4n){margin-right: 1rem}
    .elem4 .elem:nth-child(3n){margin-right: 1rem}
    .elem4 .elem:nth-child(2n){margin-right: 0rem}
}
@media (max-width:600px) {
    .elem4 .elem {width: 100%; margin-right: 0 !important;}

}


@keyframes slide_animation {
    0% {
        transform: scale(1) translate(-3%, -3%) rotate(0);
    }
    20% {
        transform: scale(1.02) translate(0, -3%) rotate(0.5deg);
    }
    40% {
        transform: scale(1) translate(-1%, -6%) rotate(-0.5deg);
    }
    60% {
        transform: scale(1.03) translate(-4%, -1%) rotate(0deg);
    }
    80% {
        transform: scale(1.01) translate(-4%, 2%) rotate(-0.5deg);
    }
    100% {
        transform: scale(1) translate(-3%, -3%) rotate(0);
    }
}





@media (max-width:1010px) {

    aside .sidewrapper{overflow: auto; height: 100%; width: 100% }
    aside .innerwrapper{min-width: inherit; max-width: inherit; padding: 0}

    
}

@media (max-width:1170px) {

    header .fcart .soclink a{ background-color: #babab9}

    header .fcart .soclink a svg path{ fill: #000 !important;}



    header{border: none}
    
    
    aside .scrollwrp > ul > li >.wrp{min-height: auto;}
    .catalog .filter .catpart{display: none}
    aside .inx{display: block !important}

    
    aside .inx ul li a{margin: 0 !important; padding: 15px 20px !important}
    aside .inx .back{display: flex !important}
    aside .inx .mpart p{margin-bottom: 1em !important; padding: 0 20px; display: none}
    aside .inx .mpart p br{display: none}


    aside .inx .mpart{width: 100%; margin-bottom: 1em; display: none}
    aside .inx .mpart.p1{display: block}
    

    
    .advantages .ablockdv{ width: calc(50% - 17px);}
    .advantages .wrp{max-width: 925px; margin: 0 auto}
    
    header .fcart .search, header .fcart .phone{margin-right: 15px;}
    
    header .backcall{display: none}
    
    header .m2line{position: relative; left: auto; top: auto}
    header .middle_line .phones,
    header .middle_line .name,
    header .middle_line .map,
    header .bottom_line{display: none}
    header .middle_line .catbtn,
    header .top_line{display: block}
    
    header .fcart .phone,
    header .fcart .search{display: block}
    header .middle_line .logo img{}
    header .middle_line{padding: 26px 0; border-color: #bcbcbc}
    header .logo a b{ color: #ab8e4a; }
    header .logo a {font-size: 38px; padding-top: 4px}

    .fixed header .m3line{position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background: #fff}
    .fixed .main{ padding-top: 90px}


    header .catbtn button {
        height: 44px;
        padding: 0 15px;
        width: 170px;

    }

    
    
    aside{display:block; position: fixed; left: 0; top: 0; height: 100%; width: 80%; max-width: 615px; z-index: 950; transform: translateX(-100%); transition-duration: 0.5s; transition-timing-function: ease;
        background: #f0f0f0;
        overflow:hidden;
    }
    .openMenu aside{ transform: translateX(0)}
    aside .scrollwrp{overflow: auto;padding: 15px 20px 20px 0; height: 100%}
    aside .scrollwrp > ul{width:100%}
    
    
    .openMenu{overflow: hidden; }
    .openMenu .menuover{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 900}

    .openMenu aside li > a{font-size: 0.9em; font-weight: normal; height: 50px; padding: 0 5px 0 20px; border-radius: 0 !important; background: #fff}
    .openMenu aside li > a img{height: 34px;}
    .openMenu aside li > a br{display: none}
    .openMenu aside li.parent .awrp{display: none !important}
    .compas a.tt{font-size: 0.7em}
    .compas img{display: block; width: 140px;}


    .openMenu aside .soffers li a img{ margin-right: 10px;}
    aside .scrollwrp > ul > li > .wrp .wrp2,
    aside .scrollwrp > ul > li > .wrp{position:relative;width: auto;left: auto;top: auto;height: auto;background: none;display: block;padding: 0;}
    aside .scrollwrp > ul > li:hover >.wrp{  z-index:auto }
    aside .scrollwrp > ul > li > .wrp .wrp2{display: block; position: fixed; right: 0; top: 0; width: 100%;  height: 100%;  z-index: 9999; overflow-y: auto; overflow-x: hidden; padding: 0 0 35px 0; background: #f0f0f0; transition-duration: 0.3s; transition-timing-function: ease; transform: translateX(100%);}
    .openMenu aside .scrollwrp > ul > li.show > .wrp .wrp2{ transform: translateX(0)}
    .openMenu aside  li > ul > li > ul{z-index: 960}
    .openMenu aside li.show.over > ul{overflow: hidden}
    .openMenu aside h3{display: block}
    .openMenu aside.over .scrollwrp{overflow:hidden}
    .openMenu aside .back{
        width: 100%; height: 52px;
        border: none; text-align: left;
        padding:0 0 0 20px; text-transform: uppercase; font-weight: 600; color: #000;  cursor: pointer;-moz-user-select: none;-o-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;
        margin: 0;
        display:flex;
        align-items: center;
    }
    aside .back svg{ transform: rotate(180deg); margin-right: 0.5rem}
    aside .scrollwrp > ul > li > .wrp h3 a{ color: #000}
    .openMenu aside .srmenu{display: none}
    .openMenu aside .scrollwrp > ul > li > .wrp .wrp2{padding: 5px 15px 12px 0}
    aside .scrollwrp > ul > li > .wrp .scroll{ overflow:hidden; overflow-y: auto; display: flex; flex-direction: column}
    aside .scrollwrp > ul > li .wrp ul {background: #fff;overflow: auto;width: 100%; height: 100%;-moz-column-count: inherit;-webkit-column-count: inherit;column-count:inherit;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;}
    aside .scrollwrp > ul > li .wrp li{margin: 0}
    aside .scrollwrp > ul > li .wrp li a{ padding: 20px 20px; border-bottom: 1px solid #dedfdf; margin: 0; line-height: 1}


    .adv .aone br{display: none}
    .adv .aone .title{font-size: 22px;}
    .adv .aone p{font-size: 16px}
    .adv .aone{padding: 0.5rem 0.5rem 1rem}
    .tabs.msc .tabs-body .tab a{width: calc(100%/2 - 4px);}
    .tabs.msc .tabs-body .tab a:nth-child(3){display: none}




    .catalog .filter{position: fixed; top: 92px; left: 0; height: calc(100% - 92px); width: 100%; max-width: 400px; background: #fff; overflow-y: auto;
        display: block; z-index: 949;  background: #e4e5e7; padding: 20px 16px 30px 8px; overflow-y: auto; transform: translateX(-100%); transition: 0.5s}

    .openfilter .catalog .filter{ transform: translateX(0)}

    .s2line{background: none; border-radius: 0; display:block}
    .s2line .ftx{ display: flex; width: 100%}
    .s2line .dx486{display: flex}
    .filtertags,
    .filtertags.px{background: #fff; border-radius: 10px; margin-top: 10px; padding: 15px 15px 10px; display: block}

    .btnfilter{display: block; padding: 0 0.7rem}
    .sortline.flex{padding: 0 20px; height: 52px}
    .gdslist{padding: 0}
    .catpart .filter-container .w{padding: 0}
    .catpart .filter-container{ margin: 0}

    .catalog .filter h2{display: none}
    .catalog .filter .catpart, .catalog .filter .filterpart{margin: 0; padding: 0}
    .filter-container .pwrapper{display: none}
    .filter-container.num .w button{background: url("../img/ico/fd.png") right center no-repeat; cursor: pointer}
    .filter-container.num{margin: 0}

    .catalog .filter .catpart .filter-container .ddown{display: none}
    .catalog .filter .catpart .filter-container .w button{color: #000;
        background: url("../img/ico/fd.png") right center no-repeat;
        padding: 10px 30px 10px 0;  }
    .catalog .filter .catpart .filter-container.open .w button{color: #038fcc;background-image: url("../img/ico/fu.png");}
    .catalog .filter .catpart, .catalog .filter .filterpart{border-radius: 0}

    .filter h3{display:flex; padding: 0 5px 0 15px}


    .prodlogo{margin-bottom: 15px}
    .catalog .filter .scrollwrp{ }

    .catalog .filter .catpart, .catalog .filter .filterpart{padding: 1rem}
    .filter-container .w button{font-weight: normal}

    .catpart > ul{padding: 5px 0}
    .filtertags{margin-bottom: 15px;}



    .s2line .ftx{font-size: 0.9rem}
    .cselect .label span{padding-right: 20px; background-size: 13px auto}
    .cselect.limit{width: 70px}
    .cselect.sort{width: 160px}
    .cselect .label{padding: 5px 10px}


}

@media (max-width:950px){


header .search{width: auto; max-width: none}
header .search input{display: none; }
header .search button{position: relative; right: auto; top: auto; width: 38px;margin-top: 0;}
header .mline .logo img{width: 165px;}
.openserach .sline{max-height: 62px; padding: 2px 0 10px;}

.tabs.msc .tabs-body .tab a{width: 100%;}
.tabs.msc .tabs-body .tab a:nth-child(2){display: none}

    
}

@media (max-width:800px) {
    header .middle_line .logo img{}


    .main-slider .sm .big{display: none}
    .main-slider .sm .medium{display: block }
    .main-slider .sm .innerwrapper {padding-top: 15px; }
    .main-slider .sm p {  font-size: 1.25em;}
    .main-slider .sm h3 {font-size: 2.1em;}
    .main-slider .sm .innerwrapper > div {max-width: 100%;}


}




@media (max-width:760px) {
    .adv .innerwrapper{ flex-direction:column; justify-content: flex-start }
    .adv .aone{padding: 0.5rem; width: 100%; display: flex; justify-content:flex-start; align-items: center; text-align: left; margin-bottom: 12px;}
    .adv .aone .img{margin:0 1rem 0 0}
    .adv .aone img{width: 75px;}
    .adv .aone p{ display: none}
    .adv .aone .title{font-size: 22px; margin: 0; color: #222}
}


@media (max-width:700px) {

    .cats .btn a{background-size: 23px 18px}
    .cats .btn{padding: 5px 0}
    
    header .middle_line .innerwrapper{padding: 0 15px;}
    header .top_line320 .innerwrapper{justify-content: center}
    header .top_line320 .logo img{width: auto; max-width: 175px;}
    header .top_line320 .logo .phones{display: block;
  text-align: right;
  padding: 3px 0 3px 33px;
  background: url("../img/ico/hphone.png") left 2px no-repeat; margin-top: 10px;}
    
    a.cm span{ top: -13px; right: -8px}
    
    
    header .phones{display: none}

    .prodlogo img{ display: inline-block; max-width: 150px;     }
    
    .btnfilter,
    
    .sortline.flex{border-radius: 5px}
    .filtertags{background: #fff; border-radius: 5px; margin-top: 10px; padding: 10px 10px 5px;}
    .filtertags .tag{font-size: 12px; padding: 5px 8px;}

    .cats .wrp{display: block}
    .cats .wrp a{width: 100%; height: 170px;}
    .cats .wrp a .name h2{font-size: 18px}
    .cats .wrp a .name span{height: auto; font-size: 1em}
    
    
    header .catbtn button{ width: 56px; height: 46px; padding: 0; text-indent: -99999px}
    header .catbtn .bx span{height: 3px;}
    
    
    header .search, header .mline .phones, header .cmf,
    header .fcart .search{background-size: 60%;margin-right: 15px;}
    header .fcart .phone{background-image: url("../img/ico/phone2.webp");}
    header .middle_line{padding: 14px 0}

    header .top_line,
    header .middle_line .logo{display: none}
    header .catbtn .bx{margin: 0}
    header .catbtn button .n{display: none}
    header .top_line320{display: block; padding: 25px 0 18px}
    .fixed .main{ padding-top: 66px}
    header .catbtn button{ padding-left: 15px}
    header .catbtn .bx { display:inline-block}
    header .catbtn .bx span{ width: 25px}

    header .catbtn .bx span{ margin-bottom: 5px; background: #222;}

    header .mline .catbtn .n,
    header .mline .sofwp,
    header .mline .logo{display: none}
    header .mline .wrp.flex{justify-content: flex-end}
    header .mline .catbtn{width: 100%}
    a.cm{margin: 0}
    header .tline .m320{display:flex; justify-content: space-between; align-items: center}
    header .tline nav{ display: none}
    header .tline .m320 img{width: 125px}
    header .tline .phones{margin: 0}
    header .tline .logo a,
    header .tline .phones a{padding: 0}
    header .tline .phones a{ font-size: 0.85em}
    header .tline .phones span{font-size: 0.66em;}

    header .search button{background-size: 21px 23px}
    header .mline .phones a{background-size: 22px 21px}

    .main-slider{ height: 540px}


    a.cm{background-size: 25px 21px}
    aside{}
    aside,
    aside  li > ul{transition-duration: 0.3s;}
    aside li > a img{ height: 22px}
    aside li > a{min-height: 45px; height: auto;padding: 5px 5px 5px 22px; font-size: 14px }
    aside .soffers{display: block; margin: 14px 0;}
    aside h3{margin-bottom: 14px}

    .openMenu aside .srmenu{display: block !important}

    aside .scrollwrp > ul > li > .wrp .wrp2{display: none}
    .openMenu aside .scrollwrp > ul > li > .wrp .wrp2{display: block}
    /*aside .scrollwrp > ul{display: none}*/

    aside li.parent > a::after,
    aside li.parent > a::before{width: 6px; height: 12px;}
    aside h3,
    aside li.back{font-size: 13px}
    aside li.back{
        height: 50px;
        line-height: 50px;
        background-size: 6px 12px;
        padding-left: 50px
    }
    html{font-size: 16px;}
    .owl-prev, .owl-next{transform: scale(0.6)}
    .pages li a{width: 22px; height: 22px; line-height: 22px; font-size: 1em}
    .pages li{margin: 0}

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


    .clist {
        max-width: 320px;
        margin: 0 auto
    }

    .clist .product {
        width: 100%;
        margin-right: 0;
    }
}
@media (max-width:500px) {



    html{font-size: 14px;}
    .sert  .innerwrapper{padding: 0 75px;}
    .logo a{justify-content: center;}
    .logo img {margin: 0; }
    header .top_line320 .logo img {max-width: calc(100% - 185px);}
    .logo a span {display: block; text-align: left; margin-left: 10px;
        font-size: 16px;}

}

@media (max-width:400px) {
    brandOne{width: 46%; margin: 10px 2% }
    h1, h2, h3{font-size: 1.9em}
    .main-slider .sm .medium{display: none}
    .main-slider .sm .small{display: block; background-position: center center}

    .adv .aone .title{font-size: 18px;}
    .adv .aone img{width: 65px;}


}




section.cn{padding-top: 1rem}
section.cn h1{margin: 0}

.contacts + .cons_form{margin-bottom: 4rem}




.services.flex{ justify-content:flex-start; padding:30px 0; align-items:stretch; position:relative; padding-bottom:100px;}
.services.flex nav{ width:50%; padding-right:15px}
.services.flex .iblock{width:50%; min-height: 540px}
.services.flex nav li{ margin:0 0 30px; transition:0.2s}
.services.flex nav li a{ font-size:1.1rem; color:#555; font-weight:600; display:flex; line-height:1.4; position:relative; padding-left:23px; min-height:45px; align-items:center; width:calc(100% - 80px)}
.services.flex nav li a::after{ width:4px; height:calc(100% - 0.6em); background:#b68f43; left:0; top:50%; min-height:45px; transform:translateY(-50%); transition:0.1s}
.services.flex nav li.active,
.services.flex nav li:hover{ padding-left:35px;}
.services.flex nav li.active a,
.services.flex nav li:hover a{ color:#222}
.services.flex nav li.active a::after,
.services.flex nav li:hover a::after{ width:16px; background-color:#ff0000}
.anm{transition: 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms, visibility 0ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 2000ms;}
.services.flex .iblock{position:relative; }
.services.flex .w2{padding:35px 0}
.services.flex .w2 img{width:80%; position:relative; z-index:9; transform:translateX(200%);opacity:0; transition-delay:300ms, 0ms; }
.services.flex .w1{position:absolute; left:0; top:0; width:100%;    }
.services.flex .sqr{ position:absolute; width:75%; height:100%; left:19%; top:0;  z-index:1; padding-right:50px;transform:translateX(200%); opacity:0; transition-delay:0ms, 0ms;}
.services.flex .sqr .bg{background:#ceaa62; width:100%; height:100%; position:relative; opacity: 0.7}
.services.flex .sqr::after{ right:0; top:0;width: 0;height: 0;border-bottom: 50px solid #ceaa62; border-right: 50px solid transparent;opacity: 0.7	}
.services.flex .sqr::before{ right:0; top:50px; height: calc(100% - 50px); width:50px; background:#ceaa62;opacity: 0.7}
.services.flex .label{ color:#222; font-size:1.4em; position:absolute; right:0; bottom:77px; z-index:10; width:80%; background:#f6f6f6; padding:15px 50px 15px 35px; font-weight:600;transform:translateX(200%);opacity:0; transition-delay:600ms, 0ms;}
.services.flex .nolink .label{bottom:50px;}
.services.flex .label b{font-weight:600; font-size:1.1em; color:#b68f43}
.services.flex .link{ position:absolute; right:0; bottom:13px; z-index:12; transform:translate(200%, 0); opacity:0; transition-delay:1000ms, 0ms;}
.services.flex .link a{ display:inline-block; background:#ceaa62; line-height:46px; padding:0 8px 0 20px; color:#fff; }
.services.flex .link a span{display:inline-block; padding-right:37px; background:url(../img/arr.png) center right no-repeat; background-size: 20px auto}
.services.flex .link a:hover{background-color:#ff000f}
.services.flex .active .link,
.services.flex .active .sqr,
.services.flex .active .w2 img,
.services.flex .active .label{transform:translate(0,0); opacity:1}
.services .select{ display:none}
@media (max-width:1200px) {
    .services.flex nav{width:40%}
    .services.flex nav li a{font-size:1em}
    .services.flex .iblock{width:60%; height:100%; position:relative; max-height:550px; }
    .services.flex nav li a{width:calc(100% - 40px);}
    .services.flex .w1{}
}
@media (max-width:1024px) {
    .services.flex nav li{margin-bottom:20px;}
}
@media (max-width:950px) {
    .services.flex{padding:0 }
    .services.flex{ flex-direction:column; justify-content:flex-start; align-items:center}
    .services.flex .iblock{ height:100vw; width:100%; max-width:550px; max-height:550px; min-height: unset}
    .services.flex nav{width:100%; padding:0 0 30px 0}
    .services.flex nav li{margin:0}
    .services.flex nav li a{padding:7px 0; line-height:1; min-height:inherit; width:100%}
    .services.flex nav li a::after{display:none}
    .services.flex nav li.active, .services.flex nav li:hover{padding:0}
    .services .select{ display:block; width:100%; border:1px solid #ccc; border-radius:10px; padding:10px 40px 10px 30px; font-weight:600; position:relative; cursor:pointer}
    .services .select span{display:block; 	white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis; 	}
    .services .select::after{border-left: 5px solid transparent;	border-right: 5px solid transparent;	border-top: 7px solid #aaa; right:15px; top:50%; margin-top:-5px;}
    .services.flex nav ul{border:1px solid #ccc; border-radius:10px; padding:15px 30px; border-top:none;}
    .services .dd{ overflow:hidden; max-height:0; transition:0.3s}
    .services .dd.open{max-height:500px}
}

@media (max-width:455px) {
    .services.flex nav{ padding-bottom:20px;}
    .services.flex .w2{padding:15px 0; }
    .services.flex .sqr{ padding-right:20px;}
    .services.flex .sqr::after{ border-bottom: 20px solid #50d7e4; border-right: 20px solid transparent;	}
    .services.flex .sqr::before{ top:20px; height: calc(100% - 20px); }
    .services.flex .label{font-size:1em; padding: 10px 30px 10px 15px;}
    .services.flex .sqr{left:7%; width:90%}
    .services.flex .w2 img{width:88%}
    .services.flex .link a{line-height:40px}
    .services.flex .link{bottom:17px}
    .services .select{padding-left:15px;}
    .services.flex nav ul{ padding:10px 15px}
}
.uniex {margin-top: 1rem; width: 100%; max-width: 400px;}
.uniex .logout{margin-bottom: 2rem}
.uniex .tabs-header ul li{list-style: none; margin-right: 1rem; cursor: pointer}
.uniex .tabs-header ul li.active{text-decoration: underline}
.uniex .filter-container{margin-bottom: 1rem}
.uniex .filter-container .filter-block{max-height: none}
.uniex .filterpart .btns button{width: 200px}

.uniex .filterpart .file{ margin-bottom: 2rem}


.other_products{ padding:1rem; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 2rem; break-inside: avoid-column;  }
.other_products table{width: 100%;  border-collapse: collapse; font-size: 0.85rem; }
.other_products table td{border-bottom: 1px solid #ccc; padding: 0.4rem }
.other_products table td.img{padding-left: 0; padding-right: 0 }
.other_products table td.img img{width: 60px}
.other_products table a{text-decoration: underline; font-size: 0.8rem }
.other_products table td:last-child{text-align: right}
.other_products table tbody tr:last-child td{border: none}
.other_products table .slab div{ color: #777; }
.other_products h3{font-size: 1rem; font-family: 'Montserrat'; font-weight: 600}
.other_products h3 span{font-size: 0.9rem; font-weight: normal}

.column_products{column-count: 2; margin-top: 3rem; column-gap: 2rem}