

.bt{display:inline-block;padding:0;background:none;border:none;box-shadow:none;text-shadow:none;margin:0;transition:.5s}


a,input,button,select,textarea,.slick-slide{outline:none!important;box-shadow:none}
 
.line{fill:none;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:#151515;stroke-width:5.5px;stroke-linecap:round}
.hamb6 .top{stroke-dasharray:40 172}
.hamb6 .middle{stroke-dasharray:40 111}
.hamb6 .bottom{stroke-dasharray:40 172}
.active .hamb6 .top, html.mm-wrapper_opening .hamb6 .top {stroke-dashoffset:-132px}
.active .hamb6 .middle, html.mm-wrapper_opening .hamb6 .middle {stroke-dashoffset:-71px}
.active .hamb6 .bottom, html.mm-wrapper_opening .hamb6 .bottom{stroke-dashoffset:-132px} 

.btn-gray {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    padding: 15px 25px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    width: 100%;
    max-width: 205px;
}

.btn-gray:hover {
    background: rgb(255 255 255);
    color: #000;
}


.btn-blue {
    border-radius: 8px;
    background: #0F518D;
    padding: 12px 33px;
    color: #FFF;
    font-weight: 700;
    border: 1px solid #0F518D;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.btn-blue:hover {
    background: #fff;
    color: #0F518D;
}

.btn-blue svg {
    margin-right: 8px;
}
.btn-blue:hover svg path {
    fill: #0F518D
}



.btn-bluereverse {
    border-radius: 8px;
    background: #fff;
    padding: 12px 33px;
    color: #0F518D;
    font-weight: 700;
    border: 1px solid #0F518D;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.btn-bluereverse:hover {
    background: #0F518D;
    color: #fff;
}

.btn-bluereverse svg {
    margin-right: 8px;
}
.btn-bluereverse:hover svg path {
    fill: #fff;
}


.btn-green {
    border-radius: 8px;
    background: #43D854;
    padding: 12px 33px;
    color: #FFF;
    font-weight: 700;
    border: 1px solid #43D854;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-green svg {
    margin-right: 8px;
}

.btn-green:hover {
    background: #fff;
    color: #43D854;
}

.btn-green:hover svg path {
    fill: #43D854
}


.btn-white {
    padding: 16px 33px;
    color: #FFF;
    text-align: center;
    font-weight: 700;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.10);
    background:#fff;color:#191A1B
}
.btn-white:hover {
    color: #0F518D;
    background: #fff;
    border-color: #fff;
}

.btn-whitereverse {
    border-radius: 8px;
    padding: 12px 26px;
    color: #FFF;
    font-weight: 700;
    border: 1px solid #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-whitereverse svg {
    margin-right: 8px;
}

.btn-whitereverse:hover {
    border-color: #0F518D;
    color: #0F518D;
    background: #fff
}
.btn-whitereverse:hover svg path {
    fill: #0F518D;
}
 


.btn-more{font-size:15px;font-weight:700;text-decoration-line:underline;text-transform:uppercase;color:#c1a164}
.btn-more img{margin-left:10px;margin-top:-4px}
.btn-more:hover{color:#c1a164;text-decoration:none}

.btn-gold {
    border-radius: 10px;
    background: linear-gradient(87deg, #93804D -29.68%, #CEB876 30.76%, #AB9352 96.44%);
    padding: 11px 25px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid #c9b271;
}
.btn-gold:hover {
    color: #c9b271;
    background: #fff;
}
.btn-gray {
    border-radius: 10px;
    background: #737373;
    padding: 11px 25px;
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid #737373;
}

.btn-brown {
    background: linear-gradient(151.21deg, #DFC785 -7.71%, #9C723B 353.41%);
    border-radius: 4px;
    border: 1px solid #DFC785;
}

.btn-brown:hover {
    color: #9C723B;
    background: #fff;
}


nav#mainnav.active {
    right: 0;
}
nav#mainnav{position:fixed;top:0;right:0;width:95%;max-width:330px;background:#fff;height:100vh;z-index:110;padding:30px;display:flex;flex-direction:column;/* justify-content:space-between; */align-items:flex-start;transition: 0.5s;right: -500px;padding-top: 40px;}
ul.mainlist a{color:#151515;font-weight:500}
ul.mainlist > li > a{padding:20px 0;display:block;border-bottom:1px solid #E8E8E8}
ul.mainlist li{position:relative}
ul.child-list {
    display: none; 
    border-radius: 15px;
    position: absolute;
    top: 100%;
    z-index: 10;
    padding: 20px 30px;
    list-style: none;
    margin: 0;
    border: 1px solid #E8E8E8;
    width: 200px; 
    background: #fff;
}

ul.child-list > li > ul li {
    list-style: disc;
}

ul.child-list > li {
    width: 100%;
}

ul.child-list.child-list_catalog {
    padding: 20px;
}

ul.child-list.child-list_services {
    width: 1000px;
}

ul.child-list.child-list_prepare {
    width: 250px;
    padding: 20px;
}

ul.child-list > li > a{font-weight: 500;font-size: 16px;line-height: 1.3;color: #151515;display: block;margin-bottom: 8px;}
ul.child-list ul{list-style:none;padding:0;margin-bottom:15px;padding-left: 14px;}
ul.child-list ul li{margin-bottom: 7px;}
 


ul.child-list > li > ul a {
    font-size: 95%;line-height: 1.2;display: block;
}

ul.child-list > li > ul li {
    color: #555;
}


ul.toplist li:hover ul.child-list{display:block;display: flex;flex-wrap: wrap;}
 
.close-link{color:#777!important;font-size:15px;font-weight:400;position:relative;border:none;margin-bottom: 100px;padding-left:40px}
ul.mainlist{padding:0;list-style:none;width:100%;margin-bottom:50px;flex-grow: 1;}
.close-link::before{position:absolute;top:-3px;left:0;width:30px;height:30px;border:1px solid #F1F1F1;border-radius:50%;display:flex;justify-content:center;align-items:center;content:"✖"}


ul.child-list.child-list_catalog li,
ul.child-list.child-list_prepare li{
    list-style: disc;
}

ul.child-list.child-list_catalog,
ul.child-list.child-list_prepare {
    padding-left: 35px;
}


ul.child-list.child-list_prepare a, ul.child-list.child-list_prepare button {
    letter-spacing: -0.02em;
    color: #555555;
    font-size: 95%;
    line-height: 1.2;
    display: block;
    text-align: left;
    font-weight: 500;
    margin-bottom: 8px;
}
 

.menuclose.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(10, 15, 21, 0.50);
    backdrop-filter: blur(5px);
}
ul.mainlist a svg {
    margin-left: 15px;
    margin-bottom: -1px;
}


ul.lang-list a {
    display: block;
    padding: 5px;
}

.header-lang{position:relative;margin-right: 20px;font-size: 14px;line-height: 1.2;letter-spacing: -0.02em;color: #151515;}
ul.lang-list{list-style:none;position:absolute;background:#fff;padding: 0px 10px;border-radius:5px;color:#151515;right:0;display:none;top: 100%;z-index: 10;box-shadow: 0 3px 10px 3px #00000054;font-size: 16px;}
header#header{position:fixed;top:0;left:0;width:100%;z-index:100;transition: 0.5s;background: #fff;}
header#header.fixed { 
    box-shadow: 0 0 25px 0px #0000005e;
}
.inner-page header#header,
.cart-page header#header{
    border-bottom: 1px solid #E8E8E8;
}

.caret {
    border-top: 6px solid #565656;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
    transition: 0.5s;
}

a.header-katalog .caret {
    margin-left: 8px;
    margin-top: 5px;
} 
 
ul.list-lvl2 li {
    width: 100%;
}
ul.list-lvl1  a:hover {
    color: #DFC785;
    font-weight: 700;
}

ul.toplist a:hover {
    text-decoration-line: underline;
    color: #777777;
}
 
ul.toplist li .caret { 
    margin-top: 10px;
    margin-left: 4px;
}
ul.toplist a:hover .caret {
    transform: rotate(-180deg);
}
ul.list-lvl1 li {
    /*display: inline-block;*/
  page-break-inside: avoid;
  break-inside: avoid;
} 
ul.secondlist{max-width: 320px;margin-left:0!important;width:100%;min-height:500px;list-style:none;padding:40px;display:block;padding-right: 0;}
ul.list-lvl1{max-height: 300px;position:absolute;top:0;left: 320px;z-index:10;padding:40px 50px;column-count:3;width: calc(100% - 320px);max-width:935px;box-sizing:border-box;list-style:none;display:none;min-height:100%;z-index:10;display:none;border: 1px solid #373737;border-radius: 15px;}
ul.list-lvl1.active {
    display: block;
}
ul.secondlist > li:first-child > a.active {
    color: #DFC785;
    font-weight: 700;
}

ul.secondlist > li:hover ul.list-lvl1{display:block}
ul.secondlist a{display:block}
ul.list-lvl2{list-style:none;padding:0;margin-bottom:20px}
ul.list-lvl1 > li > a{font-weight: 700;font-size: 20px;line-height:1.3;color:#FFF;margin-bottom:15px}
ul.list-lvl2 a{font-weight:400;font-size:14px;line-height:1.2;color:#FFF;margin-bottom:8px}
ul.list-lvl2{display:flex;flex-wrap:wrap}
nav#secondnav{position:absolute;top:100%;left:50%;transform:translate(-50%,0);width:100%;max-width:1215px;background:#15191D;border-radius:15px;border:1px solid #373737;box-shadow:0 10px 25px 0 #ffffff1a;display:none}
ul.secondlist > li > a{font-weight:500;font-size:15px;line-height:1.3;color:#FFF;padding:15px 25px;border-bottom:1px solid #363636;width: 85%;}
ul.secondlist > li > a.active, ul.secondlist > li > a:hover{color:#DFC785;font-weight:700} 
nav#secondnav.active {
    display: block;
}
.secondnav-close.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff21;
    z-index: 10;
}
 

 
a.openMenu{width:40px;height:40px;display:none;justify-content:center;align-items:center;border-radius:50%;border:1px solid #fff}
.lang-active img{margin-right:5px}
.header-lang:hover ul.lang-list{display:block}
.logo{
    margin-right: 20px;
}

ul.toplist{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center}
ul.toplist a{letter-spacing: -0.02em;font-size: 16px;line-height: 1.3;color: #555555;}
ul.toplist li{margin-right:15px;position: relative;page-break-inside: avoid;break-inside: avoid;}

ul.toplist ul.child-list_services > li:first-child  {
     width: 47%;
}
 
ul.toplist ul.child-list_services > li {
    width: 24%;
}

ul.toplist ul.child-list_services > li:first-child > ul {   
    column-count: 2;width: 100%;
}


.header-top{padding:20px 0}
nav#topnav{flex-grow:1}
a.header-phone{font-size:15px;line-height:1.3;letter-spacing:.04em;color:#FFF;display:flex;align-items:center;margin-right:20px}
a.header-phone svg{margin-right:8px}
.header-city{margin-right:20px;font-size: 14px;line-height: 1.2;letter-spacing: -0.02em;color: #151515;}
.header-city_active{display:flex;align-items:center}
.header-city_active svg{margin-right:7px}
.header-auth{padding: 5px;width:100%;max-width: 200px;text-align:center;font-weight:500;font-size: 16px;line-height:1.3;color:#FFF}

.header-auth1 {
    margin-right: 10px;
    background: #DFC785;
    max-width: 75px;
}

.header-auth2 {
    background: linear-gradient(153.04deg, #DFC785 -171.26%, #9C723B 199.63%);
}

.header-bottom{display:flex;flex-wrap:wrap;align-items:center;padding-bottom:15px}
a.header-katalog{display:flex;flex-wrap:wrap;align-items:center;/* padding-right:20px; */border-right:1px solid rgba(230,230,230,0.05)}
a.header-katalog:hover {
    color: #fff;
}
a.header-katalog svg{width:50px;height:40px;display:flex;align-items:center;justify-content:center;/* border-right:1px solid rgba(230,230,230,0.05); *//* margin-right:20px; */}
.header-katalog_wrap{background:#e6e6e624;border-radius:10px 0 0 10px;padding-left:15px}
.header-search{background: #fff;border-radius: 5px;margin-right:10px;flex-grow:1;position:relative;border: 1px solid #BCBCBC;width: 100%;max-width: 270px;}
.header-search_input{background:none;border:none;padding: 7px 15px;width:100%;font-size: 16px;line-height: 1.1;letter-spacing: -0.02em;color: #666666;}
.header-btn{font-size:14px;padding:2px 10px;width:100%;max-width:155px;text-align:center;margin-right:10px;height:38px;border-radius:10px;display: flex; justify-content: center; align-items: center;font-weight: 500;}
a.header-favorite{width:35px;height:20px;padding-right:10px;margin-right:15px;border-right:1px solid #464646;display:flex;align-items:center;justify-content:center}
a.header-cart{position:relative;width:20px;height:20px;margin-right: 30px;}
a.header-cart span{position:absolute;font-size:10px;line-height:1;color:#FFF;width:15px;height:15px;border-radius:50%;background:#B69358;display:flex;justify-content:center;align-items:center;right:-6px;top:-5px}
.header-search_btn{width:40px;height: 30px;position:absolute;right:0;top: 4px;}
header#header .container {
    padding: 0 20px;
    width: 100%;
    max-width: 100%;
}

.logo img {
    width: 130px;
    margin-bottom: 2px;
}
ul.breadcrumb, ol.breadcrumb {background:none;padding:0;margin:0;position:relative;padding-bottom: 10px;border-bottom: 1px solid #E8E8E8;margin-bottom:30px;border-radius:0}
ul.breadcrumb a, ul.breadcrumb span, ol.breadcrumb a, ol.breadcrumb span, ol.breadcrumb, ul.breadcrumb{font-weight:400;font-size:14px;line-height:1.3;color:#353535}
ul.breadcrumb li:last-child span, ol.breadcrumb li:last-child span {color:#8D8D8D}
.breadcrumb > li:before{content:""!important;width:4px;height:4px;position:absolute;right:9px;background:#616161;border-radius:50%;top:8px}
ul.breadcrumb li, ol.breadcrumb li{position:relative;padding-right:20px}
.breadcrumb > li:last-child:before{opacity:0}



.alert.alert-success button.close{position:absolute;top:9px;right:11px;color:#fff;font-size:30px;font-weight:400}
.alert.alert-success a:Hover{color:#fff;text-decoration:underline}
.alert-success{background:#2E8958;border-color:#2E8958;color:#fff;position:relative;max-width:700px}
.alert-success > button.close{opacity:1}
.alert.alert-success.alert-success_cart{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:95%;max-width:500px;padding:40px;background:#F77B0A;color:#151515;border-color:#F77B0A;font-size:18px;font-weight:400;text-align:center;line-height:1.5;border-radius:10px;background:#FFF;box-shadow:0 4px 37px 0 rgba(0,0,0,0.20);border-color:#fff}
.btn-brown.alertbtn-white{text-align:center;font-size:15px;font-style:normal;font-weight:500;line-height:normal;display:table;text-transform:unset;border-radius:10px;padding:15px 40px;margin:20px auto 0}
i.alert-check::before{content:"\2714"}
.alert.alert-success.alert-success_cart a:hover{color:#151515;text-decoration:underline}
.alert.alert-success.alert-success_cart button.close{color:#151515}
i.alert-check{position:relative;width:40px;height:40px;display:flex;margin:auto;margin-bottom:10px;background:#cdb171;border-radius:50%;justify-content:center;align-items:center;color:#151515;font-size:20px}
.header-city_active .caret {
    margin-left: 5px;
} 

.lang-active .caret {
    margin-top: 10px;
}


 


@media screen and (min-width: 1600px) {
    ul.toplist a, 
    ul.child-list > li > a,
    .header-auth,
    .header-search_input {
       font-size: 18px;
   }
    
    .header-search {
        max-width: 300px;
    }
     
}

@media screen and (min-width: 1679px) {
    ul.toplist a, 
    ul.child-list > li > a,
    .header-auth,
    .header-search_input {
       font-size: 20px;
   }
    
    .header-search {
        max-width: 330px;
    }  
}


@media screen and (max-width: 1515px) {
    ul.toplist a, 
    ul.child-list > li > a,
    .header-auth,
    .header-search_input {
       font-size: 14px;
   } 
    .header-search {
        max-width: 250px;
    } 
}


@media screen and (max-width: 1440px) {
    ul.toplist a, 
    ul.child-list > li > a,
    .header-auth,
    .header-search_input {
       font-size: 13px;
    } 
    .header-search {
        max-width: 230px;
    } 
    
    .header-search_btn {
        top: 0px;
    }
    .header-auth {
        max-width: 150px;
    }
}


@media screen and (max-width: 1300px) {
     
    input.header-search_input {
        display: none;
    }
    
    .header-search_btn {
        position: relative;
        top: unset;
        left: unset;
    }
    
    .header-search {
        max-width:  unset;
        width: 40px;
        flex-grow: unset;
    }
    
    .logo {
        flex-grow: 1; 
        margin-right: 10px;
    }
    
    a.header-cart {
        margin-right: 20px;
    }
     
}


@media screen and (max-width: 1024px) {
    ul.child-list.mm-listview {
        display: block;
        position: relative;
        top: unset;
        transform: none;
        display: block;
        background: none;
        border: none;
        padding: 0;
        column-count: 1;
        min-width: unset;
        width: auto;
    }
}





