@font-face {
    font-family: "Flaticon-top";
    src: url("../../../images/icon-fonts/rp-header/font/Flaticon.eot");
    src: url("../../../images/icon-fonts/rp-header/font/Flaticon-1.eot") format("embedded-opentype"),
            url("../../../images/icon-fonts/rp-header/font/Flaticon.woff2") format("woff2"),
            url("../../../images/icon-fonts/rp-header/font/Flaticon.woff") format("woff"),
            url("../../../images/icon-fonts/rp-header/font/Flaticon.ttf") format("truetype"),
            url("../../../images/icon-fonts/rp-header/font/Flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
  
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon-top";
        src: url("../../../images/icon-fonts/rp-header/font/Flaticon.svg") format("svg");
    }
}
  
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon-top;
    font-style: normal;
}
.hidden{
    display: none;
}

.sub-types.mobi{
	display: none;
}
  
.flaticon-maps-and-flags:before { content: "\f100"; }
.flaticon-placeholder:before { content: "\f101"; }
.flaticon-clock:before { content: "\f102"; }
.flaticon-spanner:before { content: "\f103"; }
.flaticon-settings:before { content: "\f104"; }
.flaticon-clutch-disc:before { content: "\f105"; }
.flaticon-repairing-service:before { content: "\f106"; }
.flaticon-whatsapp:before { content: "\f107"; }
.flaticon-viber:before { content: "\f108"; }
.flaticon-telegram:before { content: "\f109"; }
.flaticon-email:before { content: "\f10a"; }
.flaticon-like:before { content: "\f10b"; }
.flaticon-tree-structure:before { content: "\f10c"; }
.flaticon-copyright:before { content: "\f10d"; }
.flaticon-hot-sale:before { content: "\f10e"; }
.flaticon-up-arrow:before { content: "\f10f"; }
.flaticon-down-arrow:before { content: "\f110"; }
.flaticon-newspaper:before { content: "\f111"; }
.flaticon-conversation-questions:before { content: "\f112"; }
.flaticon-users:before { content: "\f113"; }
.flaticon-electric-saw:before { content: "\f114"; }
.flaticon-trademark:before { content: "\f115"; }
.flaticon-man:before { content: "\f116"; }
.flaticon-podium:before { content: "\f117"; }
.flaticon-saw-machine:before { content: "\f118"; }
.flaticon-drill:before { content: "\f119"; }
.flaticon-lawnmower:before { content: "\f11a"; }
.flaticon-pressure-washer:before { content: "\f11b"; }
.flaticon-generator:before { content: "\f11c"; }
.flaticon-vacuum:before { content: "\f11d"; }
.flaticon-electric-saw-1:before { content: "\f11e"; }
.flaticon-engine:before { content: "\f11f"; }
.flaticon-garden-tool:before { content: "\f120"; }
.flaticon-motor:before { content: "\f105"; }
.flaticon-calendar-page-of-day-6-of-a-month:before { content: "\f121"; }
.flaticon-timer:before { content: "\f122"; }
.flaticon-high-five:before { content: "\f123"; }
.flaticon-world:before { content: "\f124"; }
.flaticon-fast-delivery:before { content: "\f125"; }
.flaticon-quality:before { content: "\f126"; }
.flaticon-free-tag-for-commerce:before { content: "\f127"; }
.flaticon-tag:before { content: "\f128"; }
.flaticon-robot:before { content: "\f129"; }
.flaticon-speech-bubble:before { content: "\f12a"; }
.flaticon-electric-fan:before { content: "\f12b"; }
.flaticon-coffee-machine:before { content: "\f12c"; }
.flaticon-engine-1:before { content: "\f12d"; }
.flaticon-monowheel:before { content: "\f12e"; }
.flaticon-accumulator:before { content: "\f12f"; }
.flaticon-navigate-arrows-pointing-to-down:before { content: "\f130"; }
.flaticon-clipboard:before { content: "\f131"; }
.flaticon-partnership:before { content: "\f132"; }

html, body{
    min-height: 100vh;
}
body{
    font-family: Roboto;
    background: #eaeaea !important;
    font-size: 15px;
}
body .header, body .footer{
    font-size: 13px;
}
body a{
    color: #6158a0;
}
html body.site{
    padding: 0;
    border-top: none;
    margin: 0;
}
.body > .container-fluid{
    padding:0;
}
.brand{
    width: 120px;
}
.main-subheader{
    font-size: 18px;
    font-weight: 600;
    margin-top: -20px;
}
.custom-logo-2{
    width: 154px;
    padding-top: 9px;
}
.icon-top-pin{
    width: 32px;
    height: 32px;
}
.top-icon-32{
    width: 32px;
    height: 32px;
    margin-left: 0;
    padding-right: 10px;
}
.top-icon-32:before{
    background: linear-gradient(180deg, #996ee2 0%, #66d5d4 100%, #8AA9D6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #996ee2;
    font-size: 32px;
    line-height: 32px;
}
.icon-48{
    width: 48px;
    height: 48px;
    margin-left: 0;
    padding-right: 10px;
}
.icon-48:before{
    background: linear-gradient(180deg, #996ee2 0%, #66d5d4 100%, #8AA9D6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #996ee2;
    font-size: 48px;
    line-height: 48px;
}
.icon-64.our-pluses:before{
    background: linear-gradient(180deg, #996ee2 0%, #66d5d4 100%, #8AA9D6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #996ee2;
    font-size: 64px;
    line-height: 64px;
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}
.icon-32{
    width: 32px;
    height: 32px;
    margin-left: 0;
    padding-right: 8px;
    margin-right: 0;
}
.icon-32:before{
    background: #ffffff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffffff;
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
}
.top-icon-16{
    width: 16px;
    height: 16px;
    margin-left: 0;
    margin-right: 5px;
    float: none;
    text-decoration: none;
}
.top-icon-8.right-icon{
    padding-right: 0;
    padding-left: 5px;
    width: 8px;
    height: 8px;
}
.top-icon-8.right-icon:before{
    font-size: 8px;
    line-height: 38px;
    display: inline-block;
    top: -2px;
    position: relative;
    transition:.2s all ease-in-out;
}
.top-menu-line-one > li:hover > a .top-icon-8.right-icon:before{
    font-size: 8px;
    line-height: 38px;
    top: -2px;
    position: relative;
    transform: rotate(180deg);
}
.top-icon-16:before{
    color: #7e58bc;
    font-size: 16px;
    line-height: 16px;
}
.top-icon-16.flaticon-email:before { content: "\f10a"; }
.header{
    background: #ffffff;
    margin-bottom: 0;
}
.header > div{
    width: 1220px;
    max-width: 100%;
    margin: 0 auto;
}
.logo-block{
    display: flex;
    align-items: center;
    margin-left: -9px;
    margin-top: -1px;
}
/*.sub-logo-text{ 
    display: none;
}*/
.five-steps, .five-steps li{
    list-style-type: none;
}
.form-top > div{
    width: 31%;
}
.form-top > div input{
    box-sizing: border-box;
    max-width: 100%;
    border: none;
}
.custom-logo-text{
    width: 270px;
    padding-top: 1px;
}
.custom-logo-text p{
    margin-top: -10px;
    margin-bottom: 0;
    color: #706f6f;
    font-size: 12px;
    line-height: 16px;
}
.header-inner{
    display: flex;
    height: 170px;
    padding-top: 20px;
}
.top-adress > .custom > div, .top-working-time > .custom > div{
    display: flex;
    width: 229px;
}
.header .top-adress{
    padding-top: 20px;
}
.top-working-time{
    padding-top: 20px;
}
.top-time-header{
    font-size: 21px;
    font-weight: 500;
    color: #3a3a3a;
}

.day-time{
    padding-top: 3px;
}
.menu-left-cat-menu > .deeper.parent.active > ul.nav-child.unstyled.small{
    padding: 0;
}
.day-time > div:last-child{
    margin-top: 0;
}
.top-adress-text + div{
    display: flex;
    padding-top: 4px;
}
.custom-top-otd-rem > div, .custom-top-otd-zapchastey > div{
    display: flex;
    flex-direction: column;
}
.custom-top-otd-rem > div > div, .custom-top-otd-zapchastey > div > div{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.header .day-time{
    display: flex;
    flex-direction: column;
}
.custom-top-otd-rem > div > div > div, .custom-top-otd-zapchastey > div > div > div{
    display: flex;
    flex-direction: row;
}
.custom-top-rem > div, .custom-top-zap-zakaz > div{
    display: flex;
}
.header-inner:before, .header-inner:after{
    content: "";
    display: none;
}
.footer .top-adress-text{
    font-size: 12px;
    line-height: 16px;
    margin-top: -10px;
}
.top-phone{
    font-size: 21px;
    font-weight: 500;
    padding-top: 9px;
    color: #3a3a3a;
}
.top-phone a{
    text-decoration: none !important;
    color: #3a3a3a;
}
.top-icon-16.flaticon-whatsapp:before{
    color: #4caf50;
}
.top-icon-16.flaticon-viber:before{
    color: #9128ac;
}
.top-icon-16.flaticon-telegram:before{
    color: #039be5;
}
.call-icons{
    padding-left: 5px;
}
.tech-photos{
    text-align: center;
    border-top: 2px solid #8e83df;
    border-bottom: 2px solid #8e83df;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.more_photos{
    display: inline-block;
    background: #02c6d9;
    border-radius: 3px;
    padding: 10px 15px;
    color: #fff !important;
    font-size: 16px;
    box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 20%);
    text-decoration: none;
}
.more_photos:hover, .more_photos:active{
    background: #04bdce;
    text-decoration: none;
}
.more_photos:active{
    box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 30%);
    text-decoration: none;
}
.top-col-2{
    padding-left: 57px;
    padding-top: 2px;
    display: flex;
}
.top-col-3{
    padding-left: 0px;
    padding-top: 8px;
}
.top-zapchasti{
    padding-top: 35px;
}
.top-col-4{
    padding-left: 56px;
    padding-top: 11px;
}
.top-rem-order{
    font-size: 21px;
    color: #3a3a3a;
}
.top-rem-offer{
    padding-top: 12px;
}
.top-rem-offer a{
    font-size: 16px;
    text-decoration: none !important;
    letter-spacing: 0.4px;
}
.top-zapchasti-order{
    padding-top: 23px;
}
.top-email{
    padding-left: 42px;
}

/* Top menu */

.top-menu-line{
    height: 38px;
    width: 100%;
    /*background: #eaf1f9;*/
    background: #a297ed;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.10);
    z-index: 20;
    position: relative;
}
.top-menu{
    width: 1220px;
    margin: 0 auto;
    max-width: 100%;
}
.top-menu ul, .top-menu li{
    list-style-type: none;
    margin-left: 0;
    box-sizing: border-box;
}
.top-menu-line-one{
    display: table;
    width: 100%;
    background: #8e83df;
    margin-top: 0;
}
.parrent-page{
    margin-top: 28px;
}
.parrent-page a{
    text-decoration: none;
}
.top-menu-line-one > li{
    display: table-cell;
    width: 12.5%;
    position: relative;
}
.top-menu-line-one > li > a{
    display: block;
    text-align: center;
    height: 38px;
    line-height: 38px;
    text-decoration: none !important;
    font-size: 16px;
    color: #fff;
    transition: .2s all ease-in-out;
}
.top-menu-line-two{
    display: block;
    height: 0;
    overflow: hidden;
    transition: .2s all ease-in-out;
}
.top-menu-line-one > li > .top-menu-line-two{
    padding: 0;
}
.top-menu-line-one > li:hover > .top-menu-line-two{
    display: block;
    height: initial;
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    background: #8e83df;
    margin-left: 0;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.10);
}
.top-menu-line-one > li:hover > .top-menu-line-two li, .top-menu-line-one > li:hover > .top-menu-line-two li a{
    height: 38px;
    display: block;
    width: 100%;
    margin-left: 0;
}
.top-menu-line-one > li > .top-menu-line-two li a, .top-menu-line-one > li:hover > .top-menu-line-two li a{
    text-align: left;
    font-size: 16px;
    line-height: 38px;
    color: #ffffff;
    text-decoration: none !important;
    padding-left: 10px;
    transition: .2s all ease-in-out;
}
.top-menu .top-icon-16:before{
    color: #ffffff;
}
.top-menu-line-one > li > a.active, .top-menu-line-one > li > a:hover, .top-menu-line-two > li > a.active, .top-menu-line-two > li > a:hover{
    background: #00cbd6;
}

/* */

#content{
    background: #eaeaea;
}
.blog{
    width: 1220px;
    margin: 10px auto 0;
    max-width: 100%;
}
.footer > .container-fluid{
    width: 1220px;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
}

.pluses-line{
    display: flex;
    padding-top: 32px;
    justify-content: space-between;
    flex-wrap: wrap;
    transition: .2s all ease-in-out;
}
.pluses-line .custom{
    transition: .2s all ease-in-out;
}
.pluses-line .custom:hover{
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.10);
}
.pluses-line .custom{
    background: #ffffff;
    border-radius: 6px;
    width: 288px;
    max-width: 100%;
    padding: 18px;
    box-sizing: border-box;
}
.pluses-line .custom > a{
    display: flex;
    text-decoration: none !important;
}
.best-cont-title{
    font-size: 24px;
    font-weight: 500;
    color: #9f75e3 !important;
    padding-bottom: 12px;
}
.best-cont-text{
    font-size: 14px;
    font-weight: 600;
    color: #2f2f2f !important;
}
h1, .mp-h3{
    font-size: 24px;
    color: #353535;
    line-height: 32px;
    text-align: center;
    padding-top: 32px;
    margin-bottom: 26px;
}
.mp-h3{
    padding-top: 0;
}
.vidy-remontov-list, .vidy-remontov-list ul, .vidy-remontov-list li{
    margin-left: 0;
    list-style-type: none;
}
.vidy-remontov{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    clear: both;
}
.vidy-remontov-list{
    width: 220px;
    max-width: 100%;
    padding-bottom: 32px;
}
.vidy-remontov-list .custom > a{
    position: relative;
    display: block;
}
.remont-type-title{
    background: #8e83df;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    border-radius: 10px 0 9px 9px;
    line-height: 18px;
    padding: 10px 12px 10px 12px;
    box-sizing: border-box;
    min-height: 54px;
    display: flex;
    align-items: center;
}
.vidy-remontov-list .custom a img{
    border-radius: 10px;
}
.remont-type-text{
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    margin-top: -1px;
}
.remont-type-title:after{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: url('../../../images/inner-coner.png');
    background-size: cover;
    top: -10px;
    right: 0;
    z-index: 3;
}
.sub-types{
    display: none;
}
.vidy-remontov-list .custom{
    position: relative;
}
.vidy-remontov-list .custom:hover .sub-types{
    display: block;
    position: absolute;
    top: 220px;
    left: 0;
    z-index: 4;
    background: #fff;
    padding: 12px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.10);
    z-index: 100;
}
.table-head{
    background: #8e83df;
}
.table-head th{
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    padding: 8px;
}
.rem-prices{
    background: #efefef;
    border: 1px solid #8e83df;
    box-sizing: border-box;
}
.menu-left-cat-menu, .menu-left-cat-menu li{
    list-style-type: none;
}
.top-menu-line-one{
    padding-left: 0;
}
.rem-prices td{
    text-align: left;
    padding: 8px;  
    color: #353535;
    font-size: 15px;
    font-weight: 400;
}
.rem-prices tr:nth-child(2n){
    background: #ffffff;
}
.sub-types a{
    padding: 8px;
    display: block;
    text-decoration: none !important;
    border-radius: 5px;
    transition: .2s all ease-in-out;
}
.sub-types li:hover a{
    background: #efefef;
}
.mp-h3.reviews{
    padding-top: 32px;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}
.mp-h3.preim{
    padding-top: 22px;
}
.mp-h3.brands-title{
    padding-top: 12px;
}
.custom-brands-list .brands-area{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.brand2{
    width: 146px;
    display: block;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 10px;
}
.brand2 a{
    display: block;
    padding: 12px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    text-decoration: none !Important;
    color: #343434;
    position: relative;
}
.brand2 a img{
    margin: 0 auto 0;
}
.brand2 span{
    background: #4c4c4c;
    padding: 10px;
    border-radius: 3px;
    height: auto;
    box-sizing: border-box;
    font-size: 11px;
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 5;
    display: none;
    border-radius: 5px;
    color: #fff;
    width: 100%;
}
.brand2 a:hover span{
    display: block;
}
.brand2 a:hover span:after {
    border: medium solid transparent;
    content: "";
    top: 100%;
    left: 50%;
    position: absolute;
    height: 0;
    width: 0;
    border-color: #4c4c4c rgba(255, 212, 52, 0) rgba(255, 212, 52, 0);
    border-width: 10px;
    margin-left: -10px;
  }
.custom-mp-reviews{
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    flex-wrap: wrap;
}
.custom-mp-reviews > h3 + div{
    top: 0 !important;
}
.custom-o-centre, .custom-mp-bottom-text{
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #343434;
}
.custom-o-centre b, .custom-o-centre strong{
    color: #9f75e3;
}
.order-form{
    background: #8e83df;
    border-radius: 10px;
    margin: 22px 0 0 0;
    margin-bottom: 42px;
}
.order-form form .modal-body{
    display: flex;
    justify-content: center;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}
body .modal-footer{
    background: transparent !important;
    padding: 0;
    height: initial;
    box-shadow: none;
    border-top: none;
}
.order-form form input, .order-form form textarea{
    margin: 0;
    border: none;
    margin-right: 10px;
    font-size: 14px;
    padding: 10px;
}
.mp-h3.order-form-title{
    color: #ffffff;
    padding-top: 18px;
    padding-bottom: 0;
    margin-bottom: 8px;
    letter-spacing: 1px;
}
.order-form .modal-body{
    padding: 10px 10px 32px;
}
.submit-container .btn{
    height: 38px;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    background: #5a50a2;
    border: none;
    text-shadow: none;
    color: #fff;
    padding: 10px 15px;
    box-sizing: border-box;
    box-shadow: 0px 2px 10px 0 rgba(0,0,0,.2);
    letter-spacing: 1px;
    transition: .2s all ease-in-out;
}
.submit-container .btn:hover{
    background: #ffe000;
    color: #232323;
    box-shadow: -2px 2px 10px 0 rgba(0,0,0,.2);
}
.custom-o-centre p:last-child{
    margin-bottom: 0;
}
.mp-text-warranty{
    font-weight: 600;
}
.mp-text-warranty.flaticon-like:before{
    margin-right: 10px;
    color: #8e83df;
}
body .custom-our-pluses-cont ul{
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
    justify-content: space-between;
    flex-wrap: wrap;
    background: transparent;
}
.custom-our-pluses-cont ul li{
    display: block;
    width: 220px;
    height: initial;
    background: rgba(255,255,255,.5);
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 10px;
    box-sizing: border-box;
    color: #343434;
    font-size: 15px;
    margin-left: 0;
    margin-right: 0;
    line-height: 20px;
    font-weight: 500;
    transition: .2s all ease-in-out;
}
.custom-our-pluses-cont ul li:hover{
    background: rgba(255,255,255,1);
}
.footer{
    margin-top: 52px;
    background: #232323;
    height: 230px;
    color:#fff;
}
.rem-prices tr td:last-child{
    font-weight: 500;
    text-align: right;
}
.table-head th:last-child{
    text-align: right;
    white-space: nowrap;
}
.footer-logo-container{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: -10px;
    margin-top: 20px;
}
.footer .top-menu-line{
    background: #2f2f2f;
}
.footer .top-menu-line-one{
    background: #2f2f2f;
}
.footer .custom-footer-container{
    display: flex;
}
.custom-footer-container .top-time-header{
    color: #c6c6c6;
}
.footer-otdels{
    display: flex;
}
.footer .top-phone a{
    color:#fff;
}
.footer .top-zapchasti{
    padding-top: 0;
    padding-left: 22px;
}
.footer-center{
    padding-left: 80px;
}
.footer .footer-center{
    padding-left: 109px;
}
.footer .top-adress > .custom > div{
    width: 350px;
}
.footer .top-working-time > .custom > div{
    width: 375px;
}
.footer .top-working-time{
    padding-top: 22px;
}
.wk-gallery-wall.zoom>*:hover{
    position: relative;
}
.footer-otdels{
    padding-top: 24px;
}
.footer .top-icon-16.flaticon-spanner:before, .footer .top-icon-16.flaticon-settings:before{
    color: #fff;
}
.footer-right{
    padding-top: 23px;
    padding-left: 130px;
}
.footer-right .top-rem-order{
    color: #c6c6c6;
}
.footer .top-rem-offer a{
    color: #fff;
}
.footer .top-email a{
    color:#dad6f6;
}
.footer .flaticon-email:before{
    color:#dad6f6;
}
.footer .top-zapchasti-order{
    padding-top: 17px;
}
.footer .top-icon-16.flaticon-viber:before {
    color: #d296e2;
}
.footer .top-menu-line-one > li > a.active, .footer .top-menu-line-one > li > a:hover, .footer .top-menu-line-two > li > a.active, .footer .top-menu-line-two > li > a:hover{
    background: #4a4a4a;
}
.footer .top-menu-line-one > li:hover > .top-menu-line-two{
    background: #3c3c3c;
}
.footer .top-adress{
    padding-top: 15px;
}
.footer-logo-left > img{
    width: 90px;
    height: 90px;
}
.footer-logo-right > img{
    /*! height: 48px; */
    /*! width: 136px; */
}
.custom-footer-container{
    padding-top: 7px;
}
.mp-about-work{
    padding-top: 32px;
}
[aria-label="Breadcrumbs"]{
    width: 1220px;
    margin: 30px auto;
    max-width: 100%;
}
.all-in{
    width: 1220px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
}
.left-fast-list{
    margin-left: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
.left-side{
    width: 330px;
    max-width: 100%;
    float: left;
    margin-right: 40px;
}
.custom-left-fast{
    padding: 20px;
    background: #fff;
    border-radius: 3px;
}
.left-fast-link{
    display: flex;
    padding: 5px 0;
    align-items: center;
    background: #02c6d9;
    margin-bottom: 2px;
    color: #fff !important;
    border-radius: 3px;
    padding-right: 10px;
    text-decoration: none !important;
    font-size: 16px;
    position: relative;
}
.left-fast-link:after{
    content: "\f130";
    font-family: Flaticon-top;
    font-style: normal;
    width: 8px;
    height: 8px;
    font-size: 8px;
    position: absolute;
    top: 14px;
    right: 5px;
}
.left-fast-item:first-child .left-fast-link{
    background: #8e83df;
}
.left-fast-link i{
    float: left;
}
.left-fast-link span{
    width: 270px;
    float: right;
}
.menu-left-cat-menu{
    padding: 10px;
    margin-top: 20px;
    display: block;
    background: #fff;
    border-radius: 3px;
}
.menu-left-cat-menu > .deeper.parent > ul{
    display: none;
}
.menu-left-cat-menu > .deeper.parent:hover > ul{
    display: block;
    padding: 0;
}
.menu-left-cat-menu > .deeper.parent.active > ul{
    display: block;
}
.menu-left-cat-menu > li > a{
    background: #02c6d9;
    border-radius: 3px;
    color: #fff;
    transition: all .2s ease-in-out;
}
.menu-left-cat-menu > li.active > a, .menu-left-cat-menu > li > a:hover{
    background: #8e83df;
}
.menu-left-cat-menu a {
    font-size: 16px;
    text-decoration: none !important;
    display: block;
    padding: 5px;
    margin-bottom: 2px;
}
.category-desc.clearfix:before, .category-desc.clearfix:after{
    display: none;
}
[itemprop="openingHours"]{
    display: inline-block;
    float: left;
}
body .left-fast-link i{
    display: inline-block !important;
    width: 16px !important;
    height: 32px;
    margin-right: 10px;
    margin-left: 10px !important;
    padding-right: 0;
}
body .left-fast-link i:before{
    font-size: 16px;
}
.main-part{
    width: 850px;
}
.itemid-101 .main-part{
    width: 1220px;
    max-width: 100%;
}
.blog{
    margin-top: 0;
}
.blog h1{
    padding-top: 0;
    margin-top: 0;
    text-align: left;
}
.p-remont .inner-top-img{
    border-radius: 10px;
    margin-bottom: 30px;
}
.blog p {
    margin-bottom: 20px;
}
.blog ul {
    margin-bottom: 20px;
}
.blog h2 {
    margin: 30px 0 20px;
}
.ending-title{
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 600;
}
.table-price table{
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    width: 100%;
}
.table-price td, .table-price th{
    padding: 10px;
    text-align: left;
}
.table-price tr:nth-child(2n){
    background: #efefef;
}
.blog ul, .blog ol{
    padding: 20px 20px 20px 40px;
    background: #fff;
    display: block;
    margin-left: 0;
}
.blog ul li, .blog ol li{
    line-height: 150%;
}
.category-sub > .sub-types{
    padding: 0;
    margin: 0;
    list-style-type: none;
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.category-sub > .sub-types li{
    display: flex;
    width: 179px;
    flex-direction: row;
    align-items: flex-end;
    height: 180px;
    margin: 10px 0;
    border-radius: 10px;
    overflow: hidden;
}
.category-sub > .sub-types li a{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
}
.category-sub > .sub-types li a img{
    position: relative;
    width: 100%;
}
.category-sub > .sub-types li a span{
    line-height: 18px;
    font-size: 14px;
    background: #8e83df;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 8px;
    padding-left: 32px;
    box-sizing: border-box;
    border-radius: 10px 0 9px 9px;
}
.category-sub > .sub-types li a span:after{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(../../../images/inner-coner.png);
    background-size: cover;
    top: -10px;
    right: 0;
    z-index: 3;
}
.sub-category-img{
    background-size: cover;
    background-position: center;
}
.more-cats{
    display: block;
    padding: 10px;
    text-align: center;
    background: #fff;
    margin-top: 20px;
    font-weight: bold;
    font-size: 18px;
}
.table-price th {
    padding: 10px;
    text-align: left;
    background: #8e83df;
    color: #fff;
    font-weight: 500;
}
.menu-left-cat-menu.dop > li > ul{
    display: block !important;
}
.menu-left-cat-menu.dop > li > ul > li > a{
    background: #8e83df;
    color: #fff;
    border-radius: 3px;
}
.menu-left-cat-menu.dop > li > ul > li > ul > li > a{
    background: #efefef;
    border-radius: 3px;
}
.table-price.two-colls td:nth-child(2n),.table-price.two-colls th:nth-child(2n){
    text-align: right;
}
.top-remont-order .wjcallback-link{
    padding-top: 12px;
    font-size: 16px;
    text-decoration: none !important;
    letter-spacing: 0.4px;
    padding-left: 42px;
}
.top-zapchasti-order .wjcallback-link{
    padding-top: 12px;
    font-size: 16px;
    text-decoration: none !important;
    letter-spacing: 0.4px;
    padding-left: 42px;
}
.category-desc > img{
    margin-top: 20px;
}
.contact-button, .contact-info{
    display: none;
}
body .custom-mp-reviews .wk-slideshow img, body .custom-mp-reviews .wk-gallery img, body .custom-mp-reviews .spotlight img, body .custom-mp-reviews a[data-lightbox] img{
    height: 310px;
    width: auto;
    max-width: initial;
}
.custom-mp-reviews{
    overflow-x: auto;
}
.custom-mp-reviews a[data-lightbox]{
    margin: 10px;
}
.active.deeper.parent > .nav-child > li.current.active a{
    color: red;
}
.subfooter{
    background: #151515;
    width: 100%;
}
.subfooter-container{
    width: 1220px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px auto 0;
    padding: 10px 0;
}
.subfooter-container div, .subfooter-container div a{
    color: #555;
    text-decoration: none;
}

body.itemid-101 .main-part {
    width: 100%;
}

body .blog {
    width: 100%;
    position: relative;
}

.inner-main-banner {
    text-align: center;
    margin-top: -25px;
}
.inner-main-top-container{
    position: absolute;
    top: 40px;
    left: 20px;
    width: 500px;
    display: flex;
    flex-direction: column;
    height: 222px;
    justify-content: space-between;
}
.inner-main-top-container > h1{
    color: #fff;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 12px;
    margin-top: -7px;
}
.inner-main-top-container p{
    display: flex;
    margin-bottom: 0;
}
.inner-main-top-container p i{
    display: inline-block;
    background: #fff;
    padding: 7px 12px 9px 10px;
    border-radius: 5px;
    margin-right: 10px;
}
.inner-main-top-container p a{
    background: #fff;
    padding: 7px 10px;
    border-radius: 5px;
    display: flex;
    color: #232323;
    flex-direction: column;
    align-items: center;
    text-decoration: none !important;
}
.hi-all{
    margin-top: 25px;
}
.blog .custom-our-pluses-cont ul li{
    width: 162px;
    padding: 20px 10px 10px;
}
.p-header{
    font-size: 24px;
    color: #353535;
    line-height: 32px;
    text-align: center;
    padding-top: 22px;
    margin-bottom: 26px;
    font-weight: bold;
}
.important-categories{
    margin-top: 25px;
    margin-bottom: 15px;
}
.important-categories a{
    display: inline-block;
    background: #fff;
    padding: 2px 6px;
    border-radius: 3px;
    color: #333;
    margin-right: 10px;
}
.attention{
    text-align: center;
    padding: 10px;
    background: #ffd2d2;
}
.important-categories span{
    padding: 2px 6px;
    background: #8e83df;
    border-radius: 3px;
    color: #fff;
    margin-right: 10px;
}
.custom_ya-search-form {
    width: 1220px;
    margin: 0 auto !important;
    max-width: 100%;
    margin-top: 20px !important;
    margin-bottom: -10px !important;
}
.ya-site-form__input-text{
    height: 30px !important;
}
.ya-site-form__submit{
    height: 30px !important;
}
.h-header{
    font-size: 24px;
    color: #353535;
    line-height: 32px;
    text-align: center;
    margin-bottom: 26px;
    font-weight: bold;
}
.logo-block{
    position: relative;
}
/*.logo-block::after {
    content: "";
    display: block;
    width: 272px;
    height: 112px;
    position: absolute;
    z-index: 0;
    top: 1px;
    left: 4px;
    background: url(/images/logo_ne_21_22_ok.png) 0% 0% / cover no-repeat;
}*/
.logo-block > a{
    position: relative;
    z-index: 1;
    opacity: 1;
}
/*.tablet-logo:after{
    content: "";
    display: block;
    width: 196px;
    height: 80px;
    position: relative;
    z-index: 0;
    top: 0;
    left: 0;
    background: url(/images/logo_ne_21_22_ok.png) 0% 0% / cover no-repeat;
}
.tablet-logo > a{
    display: none !important;
}*/
.five-steps{
    background: transparent !important;
    display: flex !important;
    position: relative;
    flex-direction: row;
    width: 100%;
    padding: 0 !important;
}
.five-steps li{
    width: 20%;
    box-sizing: border-box;
    height: initial;
    margin: 0;
    padding: 10px;
    text-align: center;
}
.mirror-hor:before{
    transform: scale(-1, 1)
}
.form-top{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.zakaz-form p{
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: bold;
    color: #232323;
}
.zakaz-form input, .zakaz-form textarea{
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    border: none;
}
.zakaz-form input.form-button{
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    background: linear-gradient(180deg, #996ee2 0%, #66d5d4 100%, #8AA9D6);
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.2);
    margin-top: 10px;
    transition: all .2s ease-in-out;
}
.zakaz-form input.form-button:disabled{
    box-shadow: 0 0px 5px 0 rgba(0,0,0,.1);
    background: linear-gradient(180deg, #999 0%, #aaa 100%, #ddd);
}
.logo-mobile{
    display: none;
}
.our-pluses{
    position: relative;
}
.our-pluses > p{
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
}
.our-pluses > i{
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    border-radius: 20px;
}
.our-pluses > i:after{
    display: block;
    font-family: Flaticon-top;
    font-style: normal;
    content: "\f112";
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    color: #02c6d9;
}
.mp-main-header {
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0;
    text-align: center;
    line-height: 30px;
}
.mp-main-header *{
    display: inline-block;
    padding-top: initial;
    line-height: 32px;
    margin-bottom: initial;
    margin-top: initial;
    float: none;
}
.well{
    display: flex;
    width: 1200px;
    max-width: 100%;
    flex-wrap: wrap;
    margin: 20px auto;
    border-radius: 10px;
    flex-direction: column;
    text-align: center;
}
.catalog-razdelov{
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
}
#ya-site-results{
    padding: 20px;
    border-radius: 4px;
}
.form-validate .modal-footer{
    padding: 0 15px 15px;
}
#wjcallback-modal .wjcallbackform{
    border-radius: 10px;

}
.form-validate .modal-header{
    border-bottom: none;
    background: #6e90f1;
    color: #fff;
    border-radius: 9px 9px 0 0;
}
.form-validate .modal-footer button{
    background: #8e83df;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-family: Roboto;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0;
}
.modal-header button{
    opacity: 1;
}
.modal-header button span{
    color: #fff;
    text-shadow: none;
}
.wizard-win.hidden{
    display: none;
}
.wizard-win{
    display: block;
    position: fixed;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 300px;
    background: #fff;
    z-index: 11 !important;
    visibility: visible;
    box-shadow: 0 0px 10px rgb(0 0 0 / 20%);
}
.ya-bottom-contact-btn-container{
    display: none;
}
.fix-screen{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
/*.small-desktop .brand {
    width: 100px;
}
.small-desktop .custom-logo-2{
    width: 130px;
}
.small-desktop .top-col-4{
    display: none;
}
.small-desktop .header-inner{
    padding: 20px 20px 0;
    box-sizing: border-box;
    justify-content: space-between;
}
.small-desktop .footer-right{
    display: none;
}
.small-desktop .custom-footer-container{
    padding: 0 20px;
    box-sizing: border-box;
}
.small-desktop .all-in{
    padding: 0 20px;
    box-sizing: border-box;
}
.small-desktop .footer .custom-footer-container{
    justify-content: space-between;
}
.small-desktop .pluses-line .custom{
    width: 24%;
}
.small-desktop .best-cont-text br{
    display: none;
}
.small-desktop .best-cont-title{
    line-height: 26px;
}
.small-desktop .pluses-line .custom > a{
    align-items: center;
}
.small-desktop .custom-mp-reviews a[data-lightbox]{
margin: 10px;
}
.small-desktop .brand2:nth-last-child(8){
    display: none;
}*/
.modal-header button.close:after{
    display: none !important; 
}
.models{
    width: 100%;
    border: 1px solid #aaa;
    border-collapse: collapse;
}
.models td{
    padding: 5px;
    border: 1px solid #aaa;
    background: #fff;
}
.item-info.hidden{
    display: none;
}

.item-info-img{
    margin-right: 20px;
    text-align: center;
}
.item-info-img img{
    height: 120px;
    max-width: 100%;
}
.item-info-text li{
    display: list-item;
}
.models td{
    position: relative;
}
.item-info-text ul{
    padding-left: 17px;
    list-style-type: disc;
}
.itog-big, .itog-small{
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.itog > ul{
    padding: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-around;
    position: relative;
}
.itog-img{
    display: block;
    width: 64px;
    height: 64px;
}
.i-i-1{
    background: url(../../../images/itog-images/shopping-cart.svg);
    background-size: contain;
    background-position: center;
}
.i-i-2{
    background: url(../../../images/itog-images/settings.svg);
    background-size: contain;
    background-position: center;
}
.i-i-3{
    background: url(../../../images/itog-images/ruble.svg);
    background-size: contain;
    background-position: center;
}
.itog-price{
    font-size: 43px;
    line-height: 120%;
    color: #a275e5;
}
.itog-sub{
    display: block;
    position: absolute;
    bottom: -15px;
    padding: 5px 14px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
}
.itog{
    margin: 20px 0 20px;
}
.top-adress-text a{
    color: #fff !important;
    text-decoration: underline !important;
}
.menu-left-cat-menu .separator {
    padding: 7px 5px;
    font-size: 16px;
    display: block;
    font-weight: bold;
}
.all-photos{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    overflow-x: auto;
    padding-bottom: 10px;
}
.all-photos::-webkit-scrollbar {
    background-color: transparent;
    height: 5px;
  }
.all-photos::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #02c6d9;
  }
.all-photos::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: #f9f9fd;
  }
.each-photo{
    width: 210px;
    height: 210px;
    background: #ffffff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1px;
    box-sizing: border-box;
    padding: 20px;
    min-width: 210px;
}
.each-photo img{
    max-height: 170px;
}
.custom-mp-reviews{
    background: #fff;
    overflow-y: auto;
    position: relative;
    border: 20px solid #fff;
}
.custom-mp-reviews::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}
.custom-mp-reviews::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #02c6d9;
}
.custom-mp-reviews::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f9f9fd;
}
.another-prev{
    margin-top: 10px;
    padding: 20px;
    background: #fff;
}
.footer .ip-inn{
    margin-bottom: -6px;
}
.footer .top-email {
    padding-left: 0;
}
.footer .custom-top-zap-zakaz{
    margin-top: 19px;
}
.top-email{
    padding-left: 0;
    padding-top: 9px;
}
.top-col-2{
    padding-left: 132px;
}
.top-col-4 {
    padding-left: 145px;
}
.footer .top-rem-offer {
    padding-top: 0px;
}
.footer .top-working-time {
    padding-top: 57px;
}
.main-part.full-size {
    width: 1220px;
    max-width: 100%;
}
.main-part.full-size .subheading-category{
    padding-top: 0;
}
.attention-div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
    background: #FF5722;
    color: #fff;
    box-sizing: border-box;
}
.attention-div a{
    color: #fff;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid #fff;
}

@media all and (min-width: 1025px){
    a:hover + .item-info.hidden {
        position: absolute;
        z-index: 2;
        display: flex;
        background: #fff;
        padding: 20px;
        box-shadow: 0 0 15px 0 rgb(0 0 0 / 15%);
        border-radius: 4px;
        width: 50%;
        box-sizing: border-box;
        right: 0;
        flex-direction: row;
        top: 0;
    }
}

@media all and (max-width: 1219px){
    body .footer .footer-right{
        display: block;
        padding-left:0;
    }
    .subfooter-container{
        padding: 10px 20px;
        box-sizing: border-box;
    }
    body .footer .footer-center{
        display: block;
        padding-left:0;
    }
    body .brand {
        width: 100px;
    }
    body .custom-logo-2{
        width: 130px;
    }
    .header-inner {
        height: 191px;
    }
    .top-col-2 {
        padding-left: 0px;
    }
    .top-col-4 {
        padding-left: 0px;
    }
    body .header-inner{
        padding: 20px 20px 0;
        box-sizing: border-box;
        justify-content: space-between;
    }
    body .footer-right{
        display: none;
    }
    body .custom-footer-container{
        padding: 0 20px;
        box-sizing: border-box;
    }
    body .all-in{
        padding: 0 20px;
        box-sizing: border-box;
    }
    body .footer .custom-footer-container{
        justify-content: space-between;
    }
    body .pluses-line .custom{
        width: 24%;
    }
    body .best-cont-text br{
        display: none;
    }
    body .best-cont-title{
        line-height: 26px;
    }
    body .pluses-line .custom > a{
        align-items: center;
    }
    body .custom-mp-reviews a[data-lightbox]{
    margin: 10px;
    }
    body .brand2:nth-last-child(8){
        display: none;
    }
    body .main-part {
        width: 600px;
    }
}

@media all and (max-width: 1024px){
    .custom-top-otd-rem > div > div, .custom-top-otd-zapchastey > div > div{
        justify-content: start;
    }
    .custom-mp-reviews{
        height: 310px;
    }
    .footer .top-email {
        display: flex;
        padding-left: 0;
        padding-top: 9px;
        margin-bottom: 36px;
    }
    .ip-inn{
        margin-left: 10px;
    }
    .footer .top-rem-offer {
        padding-top: 0px;
    }
    .footer .top-zapchasti-order {
        padding-top: 17px;
    }
    body .footer-right{
        display: block;
    }
    body .footer .custom-footer-container{
        flex-direction: column;
    }
    .footer-right{
        padding-left: 0;
        padding-top: 0;
    }
    body .footer {
        height: initial;
    }
    .contact-button span{
        display: block;
        position: absolute;
        top: 8px;
        left: initial;
        right: -2px;
    }
    .logo-mobile {
        display: block;
    }
    .contact-button > span {
        width: 18px;
        height: 28px;
        background: #fff;
        right: 14px;
        border-radius: 2px;
        border: 2px solid #151515;
        top: 8px;
        transition: .3s all ease-in-out;
    }
    .contact-button > span:before {
        position: absolute;
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background: #151515;
        top: 22px;
        right: 7px;
        transition: .3s all ease-in-out;
    }
    body .top-col-1, body .top-col-2, body .top-col-3{
        display: none;
    }
    body .order-form form .modal-body{
        flex-direction: column;
    }
    body .inputcont{
        text-align: center;
        margin-bottom: 20px;
    }
    body .inputcont input, body .inputcont textarea{
        margin-right: 0;
    }
    body .submit-container{
        text-align: center;
    }
    body .submit-container button{
        width: 226px;
    }
    body .pluses-line .custom {
        width: 48%;
        margin-bottom: 20px;
    }
    body .footer-left{
        display: none;
    }
    body .footer .top-menu-line{
        display: none;
    }
    body .footer-center{
        padding-left: 0;
        display: flex;
    }
    body .footer .top-phone{
        font-size: 18px;
    }
    body .footer .top-working-time{
        padding-top: 27px;
        width: 40%;
    }
    .footer .top-time-header span{
        display: none;
    }
    .footer-otdels{
        width: 60%;
    }
    .footer-otdels {
        padding-top: 28px;
        justify-content: flex-end;
    }
    body .header-inner{
        height: initial;
        padding: 0;
        display: none;
    }
    body .header {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 20px 20px 10px;
        box-sizing: border-box;
    }
    .tablet-logo{
        display: flex;
        align-items: center;
    }
    .top-menu-line{
        position: fixed;
        top: 0;
        left: -320px;
        width: 320px;
        height: 100vh;
        box-sizing: border-box;
        transition: all .3s ease-in-out;
    }
    .top-menu-line-one{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .top-menu-line-one > li{
        width: initial;
    }
    .top-menu-line-two{
        height: initial;
    }
    .top-menu ul, .top-menu li{
        width: 100%;
    }
    .top-menu-line-one > li:hover > .top-menu-line-two {
        display: block;
        height: initial;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background: #8e83df;
        margin-left: 0;
        box-shadow: none;
    }
    .top-menu-line-one > li > a{
        text-align: left;
        padding-left: 10px;
    }
    .top-menu-line{
        background: #8e83df;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0);
        z-index: 4;
    }
    .top-menu-line.active-menu{
        left: 0px;
        z-index: 9;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
    }
    body .brand{
        width: 80px;
    }
    body .custom-logo-2{
        width: 100px;
    }
    .tablet-logo {
        justify-content: center;
    }
    .header > .menu-button, .header > .contact-button{
        display: block;
        width: 48px;
        height: 48px;
        position: absolute;
        top: 32px;
        left: 0;
        background: #fff;
        border-radius: 0 3px 3px 0;
        transition: all .3s ease-in-out;
        z-index: 5;
    }
    .header > .menu-button.close-menu{
        position: fixed;
        left: 320px;
        z-index: 10;
        background: #8e83df;
        box-shadow: 3px 0 3px 0 rgba(0,0,0,.2);
    }
    .header > .contact-button{
        left: initial;
        right: 0px;
        border-radius: 3px 0 0 3px;
        z-index: 5;
    }
    .header > .menu-button span{
        position: absolute;
        display: block;
        width: 28px;
        height: 2px;
        background: #151515;
        top: 22px;
        left: 10px;
    }
    .header > .menu-button.close-menu span{
        background: transparent;
    }
    .header > .menu-button span:before{
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: -8px;
        background: #151515;
    }
    .header > .menu-button.close-menu span:before {
        transform: rotate(45deg);
        top: 0;
        background: #fff;
    }
    .header > .menu-button span:after{
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: -8px;
        background: #151515;
    }
    .header > .menu-button.close-menu span:after{
        transform: rotate(-45deg);
        bottom: 0;
        background: #fff;
    }  
    .top-menu{
        padding: 10px;
        box-sizing: border-box;
    }
    .contact-button .top-icon-32:before{
        background: linear-gradient(180deg, #151515 0%, #151515 100%, #151515);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #151515;
        font-size: 32px;
        line-height: 32px;
    }
    .contact-button.close-contact{
        right: 320px;
        z-index: 10;
        box-shadow: -3px 0 3px 0 rgba(0,0,0,.4);
        position: fixed;
    }
    .contact-info{
        position: fixed;
        top: 0;
        right: -320px;
        width: 320px;
        height: 100vh;
        background: #fff;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0);
        transition: all .3s ease-in-out;
        z-index: 4;
        display: block;
    }
    .active-contact.contact-info{
        right: 0;
        z-index: 9;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
    }
    .contact-info .top-adress > .custom > div, .contact-info .top-working-time > .custom > div{
        width: initial;
    }
    body .order-form form .modal-body{
        box-sizing: border-box;
    }
    .top-menu-line-two{
        background: rgba(0,0,0,0.15);
    }
    .tablet .contact-button, tablet .contact-info{
        display: block;
    }
    .left-side{
        display: none;
    }
    body .main-part {
        width: 100%;
        box-sizing: border-box;
    }
    .footer {
        height: 100px;
    }
    .contact-info .top-working-time .custom .top-time-header{
        line-height: 30px;
        font-size: 18px;
    }
    .contact-info .top-working-time > .custom > div{
        flex-direction: column;
    }
    .contact-info .top-adress-text{
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 9px;
    }
    .contact-info .day-time {
        line-height: 24px;
        font-size: 14px;
    }
    .contact-info .custom-top-otd-zapchastey > div > div, .contact-info .custom-top-otd-rem > div > div{
        justify-content: flex-start;
    }
    .contact-info .rem-title, .contact-info .zap-title{
        font-size: 18px;
    }
    .contact-info .top-working-time .custom .top-icon-32, .contact-info .top-adress .custom .top-icon-32{
        padding: 0;
        margin: 0 auto;
        margin-bottom: 7px;
    }
    .contact-info .top-working-time .custom .top-icon-32 + div, .contact-info .top-adress .custom .top-icon-32 + div{
        padding: 10px;
        border-radius: 3px;
        background: #efefef;
        margin-bottom: 26px;
    }
    .contact-info .top-adress > .custom > div{
        flex-direction: column;
    }
    .contact-info .top-working-time{
        padding-top: 0;
    }
    .contact-info .top-phone{
        font-size: 18px;
    }
    .contact-info .top-zapchasti{
        padding-top: 26px;
    }
    body [aria-label="Breadcrumbs"] {
        margin: -10px auto 10px;
    }
}
@media all and (min-width: 768px){
    .left-side .com-baforms-wrapper{
        display: none;
    }
    .our-pluses > i:hover + p {
        display: block;
        overflow: hidden;
        margin: 0;
        position: absolute;
        top: 33px;
        right: -192px;
        width: 325px;
        height: auto;
        background: #fff;
        z-index: 2;
        padding: 10px;
        border-radius: 5px;
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
        overflow-y: auto;
        font-size: 13px;
    }
    .our-pluses:nth-child(5) > i:hover + p, .our-pluses:nth-child(10) > i:hover + p{
        right: 8px;
    }
}
@media all and (max-width: 767px){
	.sub-types.mobi{
		display: block;
	}
    .mp-main-header + .vidy-remontov > .vidy-remontov-list ul.sub-types{
        display: none !important;
    }
    .wk-gallery-wall.zoom>*{
        width: 50%;
        border: outset 1px #eaeaea !important;
        box-sizing: border-box;
    }
    .wk-gallery-wall.zoom>*:hover {
        z-index: 20;
    }
    .custom-mp-reviews > div{
        top: 0 !important;
    }
    .itog ul li:nth-child(3) .itog-sub {
        bottom: auto;
        top: -16px;
    }
    .wizard-win.hidden{
        display: none;
    }
    .win-close{
        width: 32px;
        height: 32px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .win-close:before{
        content: "";
        width: 12px;
        height: 2px;
        background: #333;
        transform: rotate(45deg);
        position: absolute;
        top: 15px;
        left: 10px;
    }
    .win-close:after{
        content: "";
        width: 12px;
        height: 2px;
        background: #333;
        transform: rotate(-45deg);
        position: absolute;
        top: 15px;
        left: 10px;
    }
    .win-title{
        text-align: center;
        font-size: 17px;
        font-weight: bold;
        padding-top: 17px;
        padding-bottom: 6px;
    }
    .win-conteiner > a{
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        border-radius: 40px;
        background: #48b7da;
        margin-top: 10px;
        position: relative;
    }
    .win-conteiner{
        padding: 0 20px 10px;
    }
    .win-icon{
        display: block;
        width: 36px;
        height: 36px;
        position: absolute;
        left: 2px;
        top: 2px;
        border-radius: 36px;
        background: #fff;
    }
    .win-zayavka .win-icon:before{
        display: block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        content: "\f103";
        text-align: center;
        color: #333;
        font-size: 16px;
        font-family: Flaticon-top;
    }
    .win-phone .win-icon:before{
        display: block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        content: "\f12a";
        text-align: center;
        color: #333;
        font-size: 16px;
        font-family: Flaticon-top;
    }
    .win-telegram .win-icon:before{
        display: block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        content: "\f109";
        text-align: center;
        color: #039be5;
        font-size: 16px;
        font-family: Flaticon-top;
    }
    .win-whatsapp .win-icon:before{
        display: block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        content: "\f107";
        text-align: center;
        color: #4caf50;
        font-size: 16px;
        font-family: Flaticon-top;
    }
    .win-viber .win-icon:before{
        display: block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        content: "\f108";
        text-align: center;
        color: #9128ac;
        font-size: 16px;
        font-family: Flaticon-top;
    }
    .text-404 a{
        display: inline-block;
        background: #8784f1;
        color: #fff;
        padding: 0 10px;
        line-height: 23px;
        border-radius: 90px;
        font-size: 15px;
    }
    .well{
        box-sizing: border-box;
    }
    .catalog-razdelov{
        padding: 10px;
        box-sizing: border-box;
    }
    .catalog-razdelov .sub-types{
        display: none !important;
    }
    .ya-bottom-contact-btn-container{
        display: block;
        background: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        box-shadow: 0 0 10px rgb(0 0 0 / 20%);
        z-index: 50;
    }
    .ya-bottom-contact-btn{
        position: fixed;
        bottom: 7px;
        right: 18px;
        width: 46px;
        height: 46px;
        border-radius: 60px;
        z-index: 10000000000;
        background: url(../images/speech-bubble5.svg) no-repeat #8e83df;
        border-radius: 60px;
        z-index: 3;
        background-size: 30px;
        background-position: 50% 43%;
    }
    .custom_ya-search-form{
        padding: 0 20px;
        box-sizing: border-box;
    }
    #remonline-widget-frame{
        bottom: 0 !important;
        left: 0 !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        background: transparent !important;
    }
    body .breadcrumb{
        margin-top: 30px !important;
    }
    .our-pluses > i{
        display: none;
    }
    .subfooter-container > div:first-child{
        padding-left:20px;
    }
    .subfooter-container > div:last-child{
        padding-right:20px;
    }
    .top-menu .top-icon-16{
        float: left;
    }
    .top-menu .top-menu-line-two{
        margin-left: -10px;
        padding-left: 20px !important;
    }
    .logo-mobile{
        display: block;
    }
    .logo-mobile img{
        max-width: 100%;
        height: initial !important;
    }
    .blog .custom-our-pluses-cont ul li{
        width: 48%;
    }
    .five-steps{
        flex-wrap: wrap;
    }
    .five-steps li{
        width: 100%;
    }
    .brand2 img{
        height: initial !important;
    }
    .contact-button > span{
        width: 18px;
        height: 28px;
        background: #fff;
        right: 14px;
        border-radius: 2px;
        border: 2px solid #151515;
        top: 8px;
        transition: .3s all ease-in-out;
    }
    .contact-button > span:before{
        position: absolute;
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background: #151515;
        top: 22px;
        right: 7px;
        transition: .3s all ease-in-out;
    }
    .contact-button.close-contact > span{
        width: 2px;
        height: 28px;
        right: 22px;
        border-radius: 2px;
        border: 0px solid #151515;
        background: #151515;
        border-bottom: none;
        border-top: none;
        transform: rotate(45deg);
    }
    .contact-button.close-contact > span:before{
        position: absolute;
        content: "";
        width: 2px;
        height: 28px;
        border-radius: 2px;
        background: #151515;
        top: 0px;
        right: 0px;
        transform: rotate(-90deg);
    }
    body .footer-center{
        flex-direction: column;
        padding-bottom: 8px;
    }
    .rem-prices{
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }
    .custom-our-pluses-cont ul li{
        width: 48%;
    }
    .vidy-remontov-list{
        width: 48%;
    }
    .remont-type-title .remont-type-icon{
        display: none;
    }
    .remont-type-text{
        font-size: 14px;
    }
    .remont-type-text br{
        display: none;
    }
    .pluses-line .custom > a{
        flex-direction: column;
    }
    .custom-mp-reviews{
        height: initial;
    }
    /* .brand2{
        width: 48%;
    } */
    .footer-otdels{
        flex-direction: column;
        margin: 0 auto;
    }
    .inner-main-banner{
        overflow: hidden;
    }
    .inner-main-top-container > h1 {
        color: #fff;
        font-size: 18px;
        line-height: 23px;
    }
    .inner-main-top-container p a {
        text-align: center;
    }
    .inner-main-top-container{
        position: absolute;
        top: 40px;
        left: 0;
        display: flex;
        flex-direction: column;
        height: 222px;
        justify-content: space-between;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
    .footer .top-zapchasti{
        padding-left: 0;
        padding-top: 20px;
    }
    .footer .rem-title{
        padding-left: 5px;
    }
    body .footer .top-working-time{
        width: 100%;
    }
    body .footer .top-adress > .custom > div, body .footer .top-working-time > .custom > div{
        width: 100%;
        justify-content: center;
    }
    .footer-center{
        width: 100%;
    }
    .footer{
        height: initial;
    }
    .all-in .left-side{
        display: none;
    }
    .all-in .main-part{
        width: 100%;
        box-sizing: border-box;
    }
    .category-page.mobile .sub-types, .category-page.tablet .sub-types {
        display: block;
    }
    .category-sub > .sub-types li{
        width: 48%;
    }
    .vidy-remontov-list .custom:hover .sub-types{
        top: initial;
        padding: 0;
        background: initial;
        box-shadow: none;
    }
    body [aria-label="Breadcrumbs"]{
        margin: -10px auto 10px;
    }
    .mobile .contact-button, mobile .contact-info{
        display: block;
    }
    .vidy-remontov-list .custom:hover .sub-types, .vidy-remontov-list .custom .sub-types{
        display: none;
        position: relative;
    }
}

.hidden {
    display: none !important;
}

.another-list {
    font-family: Roboto;
    line-height: 150%;
    height: 600px;
    overflow: auto;
}

.a-i-h__l {
    font-size: 24px;
    font-weight: 600;
}

.another-item {
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin: 10px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);
    border-radius: 10px;
    background: #fff;
}

.another-item__head {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
}

.a-i-p__mask a span {
    display: inline-block;
    background: #8e83df;
    padding: 3px 8px;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
}

.another-item__phone {
    padding-bottom: 15px;
    padding-top: 11px;
}

.merto-icon{
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    border-radius: 10px;
}

.dark-blue{
    background: darkblue;
}
.purple{
    background: purple;
}
.red{
    background: red;
}
.orange{
    background: orange;
}
.green{
    background: green;
}
.light-pink{
    background: red;
}

.another-item__features {
    padding-bottom: 5px;
    display: flex;
    justify-content: flex-start;
    overflow: auto;
}

.a-i-f__item {
    font-size: 14px;
    display: inline-block;
    padding: 4px 8px;
    background: #efefef;
    border-radius: 4px;
    margin-right: 12px;
    margin-bottom: 15px;
}

.a-i-f__item:last-child {
    margin-right: 0;
}

.a-i-a__metro,
.a-i-a__street {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-right: 10px;
}

.merto-icon-1 {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: red;
    border-radius: 6px;
    margin-right: 6px;
}

.metro-name {
    font-size: 14px;
    display: inline-block;
    box-shadow: 0 0 0 2px rgb(206 206 206);
    padding: 2px 6px 0;
    border-radius: 24px;
}

.a-i-a-time {
    display: flex;
    align-items: center;
    width: 100%;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 6px;
    font-weight: 300;
}

.another-item__adress-first-item,
.another-item__adress-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 11px;
}
.another-item__adress-first-item{
    padding-bottom: 0;
}

.street-name {
    font-size: 14px;
    font-weight: 500;
    color: #505050;
}

.see-all {
    display: inline-block;
    text-decoration: underline;
    font-size: 14px;
    color: #4e449e;
    cursor: pointer;
}

.another-item__specialization {
    padding-top: 15px;
}

.a-i-s__title {
    font-size: 14px;
    display: inline-block;
    padding: 4px 8px;
    background: #efefef;
    border-radius: 4px;
    margin-right: 7px;
}

.a-i-s__text {
    font-size: 14px;
}

.another-item__adress {
    padding-top: 0px;
}
.another-item__all{
    padding-top: 20px;
}
.show-another-companies{
    background: #8e83df;
    padding: 3px 8px;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    margin: 0 auto;
    display: block;
    width: 250px;
    position: relative;
    text-align: center;
    font-family: Roboto;
    line-height: 30px;
    cursor: pointer;
    margin-bottom: 30px;
    margin-top: 20px;
}
.main-subheader{
    font-size: 18px;
    font-weight: 600;
    margin-top: -20px;
    margin-bottom: 30px;
}
.mobile-phone{
    display: none !important;
}
.acc > *{
    display: none !important;
}
.acc > h2{
    background: #8e83df;
    padding: 3px 14px;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    margin: 0 auto;
    display: block !important;
    width: max-content;
    position: relative;
    text-align: center;
    font-family: Roboto;
    line-height: 30px;
    cursor: pointer;
    margin-bottom: 30px;
    margin-top: 20px;
}
.acc.acc-on > *{
    display: inherit !important;
}
.ya-bottom-contact-phone > a{
    font-weight: 600;
    font-size: 21px;
    display: block;
    position: relative;
    margin-top: 22px;
    margin-left: 18px;
    color: #333;
}
@media all and (max-width: 767px){
    .main-subheader{
        font-size: initial;
        font-weight: initial;
        margin-top: -10px;
        margin-bottom: 20px;
    }
    .acc > h2{
        font-size: 15px;
        width: auto;
        max-width: 100%;
        font-weight: 400;
        line-height: 150%;
    }
}
@media all and (max-width: 1024px){
    .mobile-phone{
        display: flex !important;
    }
}