@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro-Bold.eot');
    src: local('Gotham Pro Bold'), local('GothamPro-Bold'),
        url('../../fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GothamPro-Bold.woff2') format('woff2'),
        url('../../fonts/GothamPro-Bold.woff') format('woff'),
        url('../../fonts/GothamPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: GothamProMedium;
    font-display: swap;
    src: url("/assets/fonts/GothamPro-Medium.ttf");
}

@font-face {
    font-family: GothamProBold;
    font-display: swap;
    src: url("/assets/fonts/GothamPro-Bold.ttf");
}

@font-face {
    font-family: GothamProLight;
    font-display: swap;
    src: url("/assets/fonts/GothamPro-Light.ttf");
}
@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro-Light.eot');
    src: local('Gotham Pro Light'), local('GothamPro-Light'),
        url('../../fonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GothamPro-Light.woff2') format('woff2'),
        url('../../fonts/GothamPro-Light.woff') format('woff'),
        url('../../fonts/GothamPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro-Black.eot');
    src: local('Gotham Pro Black'), local('GothamPro-Black'),
        url('../../fonts/GothamPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GothamPro-Black.woff2') format('woff2'),
        url('../../fonts/GothamPro-Black.woff') format('woff'),
        url('../../fonts/GothamPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro-Italic.eot');
    src: local('Gotham Pro Italic'), local('GothamPro-Italic'),
        url('../../fonts/GothamPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GothamPro-Italic.woff2') format('woff2'),
        url('../../fonts/GothamPro-Italic.woff') format('woff'),
        url('../../fonts/GothamPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro Narrow';
    src: url('GothamProNarrow-Bold.eot');
    src: local('Gotham Pro Narrow Bold'), local('GothamProNarrow-Bold'),
        url('../../fonts/GothamProNarrow-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GothamProNarrow-Bold.woff2') format('woff2'),
        url('../../fonts/GothamProNarrow-Bold.woff') format('woff'),
        url('../../fonts/GothamProNarrow-Bold.ttf') format('truetype');
    font-weight: bold;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro-Medium.eot');
    src: local('Gotham Pro Medium'), local('GothamPro-Medium'),
        url('../../fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GothamPro-Medium.woff2') format('woff2'),
        url('../../fonts/GothamPro-Medium.woff') format('woff'),
        url('../../fonts/GothamPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro-BoldItalic.eot');
    src: local('Gotham Pro Bold Italic'), local('GothamPro-BoldItalic'),
        url('../../fonts/GothamPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GothamPro-BoldItalic.woff2') format('woff2'),
        url('../../fonts/GothamPro-BoldItalic.woff') format('woff'),
        url('../../fonts/GothamPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro.eot');
    src: local('Gotham Pro'), local('GothamPro'),
        url('../../fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GothamPro.woff2') format('woff2'),
        url('../../fonts/GothamPro.woff') format('woff'),
        url('../../fonts/GothamPro.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro-MediumItalic.eot');
    src: local('Gotham Pro Medium Italic'), local('GothamPro-MediumItalic'),
        url('../../fonts/GothamPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GothamPro-MediumItalic.woff2') format('woff2'),
        url('../../fonts/GothamPro-MediumItalic.woff') format('woff'),
        url('../../fonts/GothamPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro-BlackItalic.eot');
    src: local('Gotham Pro Black Italic'), local('GothamPro-BlackItalic'),
        url('../../fonts/GothamPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GothamPro-BlackItalic.woff2') format('woff2'),
        url('../../fonts/GothamPro-BlackItalic.woff') format('woff'),
        url('../../fonts/GothamPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro Narrow';
    src: url('GothamProNarrow-Medium.eot');
    src: local('Gotham Pro Narrow Medium'), local('GothamProNarrow-Medium'),
        url('../../fonts/GothamProNarrow-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GothamProNarrow-Medium.woff2') format('woff2'),
        url('../../fonts/GothamProNarrow-Medium.woff') format('woff'),
        url('../../fonts/GothamProNarrow-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro-LightItalic.eot');
    src: local('Gotham Pro Light Italic'), local('GothamPro-LightItalic'),
        url('../../fonts/GothamPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GothamPro-LightItalic.woff2') format('woff2'),
        url('../../fonts/GothamPro-LightItalic.woff') format('woff'),
        url('../../fonts/GothamPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: italic;
}


html {
    background-color: #fff;
    
}

body,html {
    height: 100%;
    padding: 0;
    margin: 0;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
a{
    text-decoration:none;
}
h1,h2,h3,h4,h5{
    margin: 0;
    padding: 0;
}
ul{
    list-style-type: none;
}

body,input,select,textarea {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #1a1a1a
}

.list-image p,.on-air {
    line-height: 19px
}

#mobile-call {
    display: none
}

.on-air .blink {
    border-radius: 2px;
    position: relative;
    top: 1px;
    font-size: 12px;
    padding: 1px 5px 2px;
    background: #1A1A1A;
    text-decoration: none
}

.on-air .blink span {
    position: relative;
    top: 1px;
    margin-right: 3px;
    color: red!important;
    animation: blink 1s infinite;
    -webkit-animation: blink 1s infinite
}

a,a:hover {
    color: #1570a6
}

@keyframes blink {
    to {
        color: #fff
    }
}

@-webkit-keyframes blink {
    to {
        color: #fff
    }
}


@media screen and (max-width: 768px) {
    .promo {
        display:none
    }
}

.underline {
    text-decoration: none;
    border-bottom: 1px solid
}

.nounderline {
    text-decoration: none;
    cursor: pointer
}

a span.underline,a.underline {
    border-color: #a8cade
}

a:hover {
    text-decoration: none
}



.clearfix {
    zoom:1}

.vertical-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #F5F5F5
}

.vertical-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}

.vertical-scroll::-webkit-scrollbar-thumb {
    background-color: #999
}

.vertical-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #3d3d3d
}

.global-viewport {
    width: 1000px;
    margin: 0 auto
}

.global-header .pages {
    height: 40px;
    background: #3d3d3d;
    font-size: 11px
}

.global-header .pages a {
    color: #fafafa;
    border-color: #888
}

.global-header .pages a.cab:before {
    width: 19px;
    height: 20px;
    float: left;
    background: url(/assets/images/layout/user-icon.png) 0 50% no-repeat
}

.global-header .pages .region {
    color: silver;
    position: relative;
    width: 306px;
    text-align: right;
    margin-top: 9px;
    float: left
}

.global-header .pages .region .dropdown {
    position: absolute;
    visibility: hidden
}

.global-header .pages ul {
    float: right;
    overflow: hidden;
    margin-top: 9px
}

.global-header .pages ul.header-wide-ul {
    float: right;
    overflow: hidden;
    margin-top: 4px;
    margin-left: 37px
}

.global-header .pages li {
    float: left;
    margin-left: 25px
}

.global-header .pages li:first-child {
    margin-left: 0
}

.global-header .about {
    height: 88px;
    background: #fff
}

.global-header .about div.slogan {
    position: absolute;
    margin-top: 25px;
    width: 307px;
    text-align: right;
    font-size: 11px;
    color: #666;
    text-transform: uppercase
}

.global-header .about .logotype {
    position: relative;
    width: 307px;
    height: 82px;
    overflow: hidden;
    float: left;
    margin-top: -14px
}

.global-header .about .logotype a {
    display: block
}

.global-header .about .logotype .mobile {
    display: none
}

.global-header .about .contacts {
    float: right;
    overflow: hidden
}

.global-header .about .contacts .promo-code {
    float: left;
    margin: 28px 90px 0 15px;
    overflow: hidden;
    line-height: 1.4
}

.global-header .about .contacts .promo-code .code {
    float: left;
    line-height: 1;
    font-size: 25px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(50%,#f1f1f1),color-stop(51%,#e1e1e1),color-stop(100%,#f6f6f6));
    background: -webkit-linear-gradient(top,#fff 0,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -o-linear-gradient(top,#fff 0,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -ms-linear-gradient(top,#fff 0,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: linear-gradient(to bottom,#fff 0,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    border: 1px solid #ddd
}

.global-header .about .contacts .promo-code .code span:first-child {
    border-left: none
}

.global-header .about .contacts .promo-code .code span {
    display: inline-block;
    padding: 4px 2px;
    border-left: 1px solid #ddd;
    color: #1570a6
}
.link-menu {
    font-size: 12px;
    color: #fff;
}


.office-hours {
    display: inline-block;
    font-size: 17px;
}
.office-hours strong{
    font-family: GothamPro-Bold,sans-serif;
}
.phone-block {
    margin: 0 20px 0 37px;
}
.global-header .about .contacts .phone {
    float: right;
    margin-top: 25px;
}
.phone {
    font-size: 21px;
    text-decoration: none;
    float: none!important;
    color: #ff9c00;
}
.global-header .contacts {
    display: flex;
    justify-content: flex-end;
}
.logo-block {
    padding-top: 23px;
    padding-bottom: 25px;
}
.logo-block img {
    display: inline-block;
    margin-left: 56px;
    margin-top: -38px;
}
.handyman-btn-menu {
    position: absolute;
    right: 25px;
    top: 0;
    width: 25px;
    height: 20px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px 0 0;
    cursor: pointer;
    z-index: 9999;
}
.handyman-btn-menu span {
    background-color: #f99c03;
    height: 3px;
    width: 100%;
    transition: all .5s;
}
.handyman-btn-menu_active {
    right: 30px!important;
}
.handyman-btn-menu .active:first-child {
    transform: rotate(41deg) translate(13px);
}
.handyman-btn-menu .active:nth-of-type(2) {
    width: 0;
    height: 0;
}
.handyman-btn-menu .active:last-child {
    transform: rotate(-41deg) translate(13px);
}


@media (max-width: 999px){
    html body .global-viewport {
        width: auto;
        padding: 0 3%;
    }
    .office-hours{
        display: none;
    }
}
@media screen and (max-width: 767px){
    
    .global-header .pages ul {
        margin-top: 0;
    }
    .global-header .pages ul {
        float: right;
        overflow: hidden;
        margin-top: 9px;
    }
    .handyman-top-menu {
        position: absolute;
        width: 100%;
        margin-left: -3%;
        transition: all .5s;
        background-color: #3d3d3d;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        height: 0;
        z-index: 10;
        opacity: 0;
    }
    .handyman-btn-menu {
        display: flex;
    }
    .logo-block {
        text-align: center;
        padding: 0;
    }
    .logo-block a {
        display: block;
        width: 100%;
        height: 55px;
        background: url(/assets/images/handyman/bathroom-offer/logotype-mobile.png) 50% 50% no-repeat;
        background-size: contain;
        margin-top: -20px;
        margin-bottom: 15px;
    }
    .item-menu-list:not(:last-child), .line, .logo-block a img {
        display: none;
    }
    .about .contacts {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .about .contacts .office-hours-block {
        flex: 0 0 100%;
        text-align: center;
    }
    .office-hours {
        font-size: 14px;
        display: block !important;
    }
    .phone-block {
        width: 100%;
        margin: 15px 0;
        flex: 0 0 100%;
        text-align: center;
    }
    .global-header .about .contacts .phone {
        font-size: 17px;
        text-align: center;
        width: 100%;
    }
    
    .handyman-top-menu_active {
        height: 100%;
    }
    .handyman-top-menu_active {
        height: 40%;
        top: 0;
        padding: 20px 0 30px;
        opacity: 1;
    }
}
@media screen and (max-width: 575px){
.global-header .about {
    height: auto;
}
}
/* hero */ 

section.hero-handyman .breadcrumbs {
    margin-bottom: 80px;
}
.breadcrumbs ul {
    display: flex;
}
.breadcrumbs ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 13px;
    padding-right: 30px;
    color: rgba(255, 255, 255, 0.42);
    position: relative;
}
.breadcrumbs ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, 0.42);
    border-radius: 100%;
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -2px;
}
.breadcrumbs ul li:last-child:before{
    display: none;
}
.breadcrumbs ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 13px;
    text-decoration: none;
    color: #EBEBEB;
}
section.hero-handyman {
    background:url(/assets/images/page/handyman/handyman-back.jpg);
    color: #fff;
    display: flex;
    align-items: center;
    font-family: 'Gotham Pro';
    padding-top: 130px;
    padding-bottom: 70px;
    background-size: cover;
        background-repeat: no-repeat !important;
}
section.hero-handyman.design3d {
    background:url(/assets/images/page/handyman/design3d-new.jpg);
    padding-top: 50px;
}
section.hero-handyman.cottage-offer {
    background:url(/assets/images/page/handyman/cottage-offer-new.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.office-offer {
    background:url(/assets/images/page/handyman/office-offer-new.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.balcony-offer {
    background:url(/assets/images/page/handyman/balcony-offer-new.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.sanitary {
    background:url(/assets/images/page/handyman/sanitary-new.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.ceiling {
    background:url(/assets/images/page/handyman/ceiling-new.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.floor {
    background:url(/assets/images/page/handyman/floor-new.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.wall {
    background:url(/assets/images/page/handyman/wall-new.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.kitchen-spec-offer {
    background:url(/assets/images/page/handyman/kitchen-spec-offer-new.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.bathroom-spec-offer {
    background:url(/assets/images/page/handyman/bathroom-spec-offer-new.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.toilet-spec-offer {
    background:url(/assets/images/page/handyman/toilet-spec-offer-new.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.guarantee {
    background:url(/assets/images/page/handyman/guarantee-new.png);
    padding-top: 50px;
        background-size: 100%;
}
section.hero-handyman.materials {
    background:url(/assets/images/page/handyman/materials-new.png);
    padding-top: 50px;
        background-size: 100%;
}
section.hero-handyman.bonus {
    background:url(/assets/images/page/handyman/bonus-new.png);
    padding-top: 50px;
        background-size: 100%;
}
section.hero-handyman.profitably {
    background:url(/assets/images/page/handyman/profitably-new.png);
    padding-top: 50px;
        background-size: 100%;
}
section.hero-handyman.specialists {
    background:url(/assets/images/page/handyman/specialists-new.png);
    padding-top: 50px;
        background-size: 100%;
}

section.hero-handyman.pan {
    background:url(/assets/images/page/handyman/pan.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.bath {
    background:url(/assets/images/page/handyman/bath.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.tap {
    background:url(/assets/images/page/handyman/tap.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.shower {
    background:url(/assets/images/page/handyman/shower.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.towel {
    background:url(/assets/images/page/handyman/towel.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.meter {
    background:url(/assets/images/page/handyman/meter.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.ustanovka-zamena-filtrov-vody {
    background:url(/assets/images/page/handyman/ustanovka-zamena-filtrov-vody.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.washbasin {
    background:url(/assets/images/page/handyman/washbasin.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.bidet {
    background:url(/assets/images/page/handyman/bidet.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.pissoir {
    background:url(/assets/images/page/handyman/pissoir.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.pipe {
    background:url(/assets/images/page/handyman/pipe.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.clog {
    background:url(/assets/images/page/handyman/clog.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.radiator {
    background:url(/assets/images/page/handyman/radiator.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.screen {
    background:url(/assets/images/page/handyman/screen.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.sink {
    background:url(/assets/images/page/handyman/sink.jpg);
    padding-top: 50px;
        background-size: cover;
}
section.hero-handyman.prochistka-kanalizacii {
    background:url(/assets/images/page/handyman/prochistka-kanalizacii.jpg);
    padding-top: 50px;
        background-size: cover;
}



section.hero-handyman.black, section.hero-handyman.black .breadcrumbs ul li a{
    color: #292929;
}
section.hero-handyman.black .breadcrumbs ul li{
     color: rgba(41, 41, 41, 0.42);
}
section.hero-handyman.black .wrap{
    padding-right: 40%;
}

section.hero-handyman .wrap{
    padding-right: 20%;
}
section.hero-handyman h1{
    font-weight: 400;
    font-size: 58px;
    line-height: 56px;
    margin-bottom: 30px;
    font-family: 'Gotham Pro';
    font-weight: 500;
}
section.hero-handyman .price{
    font-weight: 700;
    font-size: 38px;
    line-height: 36px;
    margin-bottom: 30px;
    margin-top: 15px;
    color: #FFCB05;
    display: inline-block;
}
section.hero-handyman .price span{
    font-size: 58px;
}
section.hero-handyman .desc{
    font-weight: 400;
    font-size: 18px;
    line-height: 123.7%;
}
section.hero-handyman.black ul.list{
    margin: 20px 0;
}
section.hero-handyman.black ul.list li{
    list-style-type: disc;
    margin-left: 25px;
    font-weight: 400;
    font-size: 18px;
    line-height: 123.7%;
}
section.hero-handyman .block-btns{
    display: flex;
    align-items: center;
    margin: 40px 0 90px;
}
.btn{
    background: #FFFFFF;
    border-radius: 4px;
    width: 250px;
    height: 62px;
    display: flex;
    align-items:center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 17px;
    text-decoration:none;
    color: #000;
    margin-right: 30px;
}
.btn.btn_orange{
    background: #F2A039;
    color: #fff;
}
section.hero-handyman .advantage {
    display: flex;
    gap: 0 30px;
    align-items: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 19px;
}
section.hero-handyman .advantage .item {
    max-width: 220px;
    padding-left: 40px;
    background: url(/assets/images/tick.png);
    background-repeat: no-repeat;
}
section.hero-handyman .list_ul{
    margin: 20px 0;
    display: inline-block;
    width: 100%;
}
section.hero-handyman .list_ul .item{
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 17px;
    padding: 10px 0 10px 26px;
    color: #FFFFFF;
    background: url(/assets/images/markup/included-icon.png) 0 11px no-repeat;
}

@media(max-width:768px){
    section.hero-handyman .wrap{
        padding-right: 0;
    }
    section.hero-handyman h1{
        font-size:  48px;
    }
}
@media(max-width:525px){
    section.hero-handyman h1{
        font-size:  32px;
        line-height: 36px;
    }
    section.hero-handyman .block-btns{
        flex-wrap: wrap;
    }
    section.hero-handyman .block-btns .btn{
        width: 100%;
        margin-bottom: 15px;
    }
    section.hero-handyman .breadcrumbs{
        margin-bottom: 30px;
    }
    section.hero-handyman .price{
        font-size: 26px;
    }
    section.hero-handyman .price span{
        font-size: 38px;
    }
    section.hero-handyman .desc{
        font-size: 14px;
    }
    section.hero-handyman .advantage{
        font-size: 18px;
    }
}

/* end hero */


section.list-category {
    padding: 150px 0 50px;
}
section.list-category .wrap {
    display: flex;
    gap: 30px 30px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
section.list-category .wrap .service {
    width: 31%;
    background: #FFFFFF;
    box-shadow: 0px 4px 23px rgb(0 0 0 / 16%);
    border-radius: 3px;
}
section.list-category .wrap .service:nth-child(n+7){
    display: none;
}
section.list-category .wrap .service.active:nth-child(n+7){
    display: flex;
}
section.list-category .wrap .service a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-family: 'Gotham Pro';
}
section.list-category .wrap .service a .image {
    max-width: 165px;
    height: 149px;
}
section.list-category .wrap .service a img {
    width: 165px;
}
section.list-category .wrap .service a .data {
    padding: 0 15px;
}
section.list-category .wrap .service a .data .name {
    font-weight: 500;
    font-size: 16px;
    line-height: 124.7%;
    color: #292929;
    margin-bottom: 20px;
}
section.list-category .wrap .service a .data .price {
    font-weight: 700;
    font-size: 16px;
    line-height: 141.2%;
    color: #F99C03;
}


@media(max-width:1024px){
    section.list-category .wrap .service{
        width: calc(100%/2 - 30px);
    }
}
@media(max-width: 768px){
    section.list-category .wrap .service a img{
        width: 130px;
    }
    section.list-category .wrap .service a .image{
        height: 118px;
    }
}
@media(max-width:525px){
    section.list-category .wrap .service{
        width: 100%;
    }
}


.btn.btn-show{
    font-weight: 400;
    font-size: 18px;
    line-height: 166.2%;
    /* or 30px */
    background: #EBEBEB;
    text-align: center;
    margin: 70px auto 30px;
    color: #292929;
}

section.advantages {
    padding: 20px 0 70px;
    font-family: 'Gotham Pro';
}
section.advantages .title{
    font-weight: 700;
    font-size: 32px;
    line-height: 113.2%;
    color: #282828;
    margin-bottom: 55px;
}
.advan-blocks .item .color .name {
    font-weight: 500;
    font-size: 20px;
    line-height: 113.2%;
    margin-bottom: 20px;
    max-width: 170px;
}
.advan-blocks .item .color .desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 141.2%;
    color: #555555;
    max-width: 200px;
}

.advan-blocks .item .color {
    background-color: #FFCB05;
    height: 163px;
    
    background-repeat: no-repeat;
    background-position: bottom right;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding-left: 33px;
}

.advan-blocks .item .garant {
    background-image: url(/assets/images/advantages/garant.png)
}
.advan-blocks .item .buklet {
    background-image: url(/assets/images/advantages/buklet.png)
}
.advan-blocks .item .masters {
    background-image: url(/assets/images/advantages/master.png)
}
.advan-blocks .item .sale-run {
    background-image: url(/assets/images/advantages/sale-run.png)
}
.advan-blocks .item .catalog {
    background-image: url(/assets/images/advantages/catalog.png)
}
.advan-blocks .item .catalog .name{
    max-width: 220px;
}
.advan-blocks .item .fast {
    background-image: url(/assets/images/advantages/fast.png)
}
.advan-blocks .item .fast .name{
    max-width: 220px;
}
.advan-blocks .item .agreement {
    background-image: url(/assets/images/advantages/agreement.png)
}
.advan-blocks .item .agreement .desc{
    max-width: 180px;
}
.advan-blocks .item .bonus {
    background-image: url(/assets/images/advantages/bonus.png)
}
.advan-blocks .item .bonus .name{
    max-width: 220px;
}
.advan-blocks .item .quality {
    background-image: url(/assets/images/advantages/quality.png)
}
.advan-blocks .item .quality .desc{
    max-width: 180px;
}

.advan-blocks .item {
    width: calc(100%/3 - 20px);
    color: #555555;
}

.advan-blocks {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap:20px;
    justify-content: space-between;
}
@media(max-width:1024px){
    .advan-blocks .item .color .name{
        font-size: 18px;
    }
}
@media(max-width: 768px){
    .advan-blocks .item{
        width: 100%;
    }
}

.global-footer-new {
    background: #333;
    padding: 0 0 70px;
    overflow: hidden;
    position: relative
}

.global-footer-new:before {
    content: '';
    display: block;
    width: 1000px;
    height: 380px;
    background: url(/assets/images/layout/footer-bg.png) 600px no-repeat;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.global-footer-new .divider {
    display: block;
    width: 100%;
    height: 1px;
    background: #3f3f3f;
    margin: 25px 0;
    border: none
}

.global-footer-new .creators {
    height: 100%;
    overflow: auto;
    text-align: center
}

.global-footer-new .creators a {
    margin-top: -3px
}

.global-footer-new .creators img.footer-logo {
    padding-left: 10px
}

.global-footer-new h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 25px;
    margin-top: 35px
}

.global-footer-new .contacts .icons {
    margin-top: 20px
}

.global-footer-new .contacts .icons li {
    display: inline-block
}

.global-footer-new .contacts .address {
    color: #868686;
    line-height: 1.6;
    font-size: 12px
}

.global-footer-new h5 {
    color: #868686;
    font-size: 14px;
    margin-bottom: 15px
}

.global-footer-new a {
    color: #868686;
    line-height: 1.6;
    font-size: 12px;
    text-decoration: none
}

.global-footer-new a span.underline,.global-footer-new a.underline {
    border-color: #868686
}

.global-footer-new .bottom-column,.global-footer-new .first-column,.global-footer-new .first-column .clients,.global-footer-new .first-column .company,.global-footer-new .second-column,.global-footer-new .third-column {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.global-footer-new .first-column {
    width: 320px;
    padding-right: 25px
}

.global-footer-new .second-column {
    width: 360px;
    padding-right: 25px
}

.global-footer-new .third-column {
    width: 270px
}

.global-footer-new .bottom-column {
    width: 655px;
    margin-top: 6px
}

.global-footer-new .first-column .clients,.global-footer-new .first-column .company {
    width: 135px;
    padding-right: 25px
}

.global-footer-new .first-column .share {
    width: 100%;
    margin-top: 25px
}

.global-footer-new .first-column .share ul li {
    display: inline-block
}

.global-footer-new .first-column .copyright {
    color: #fff
}

.global-footer-new .third-column .contacts .phone,.global-footer-new .third-column .contacts .phone span {
    font-size: 23px;
    color: #fff;
    margin-bottom: 20px
}

.global-footer-new .bottom-column .creators a {
    color: #fff;
    float: right
}

.global-footer-new .bottom-column .links {
    float: left
}

.global-footer-new .bottom-column .links a {
    display: inline-block;
    margin-right: 25px;
    line-height: 1.2
}

.global-footer-new .bottom-column .creators span.mark,.global-footer-new .third-column .contacts .phone span.mark {
    color: #ffcb05
}

@media screen and (max-width: 768px) {
    .global-footer-new .bottom-column,.global-footer-new .first-column,.global-footer-new .second-column,.global-footer-new .third-column {
        width:100%
    }

    .global-footer-new .first-column {
        width: 300px;
        padding: 0;
        margin: 0 auto;
        display: block
    }

    .global-footer-new .first-column .clients,.global-footer-new .first-column .company {
        width: 140px;
        padding-right: 0
    }

    .global-footer-new .first-column .company {
        padding-right: 20px
    }

    .global-footer-new .first-column .share,.global-footer-new .second-column .services {
        display: none
    }

    .global-footer-new .third-column .contacts {
        text-align: center;
        background: #232323;
        margin: 15px -10px;
        padding: 5px 10px 25px
    }

    .global-footer-new .third-column .contacts h4 {
        margin-top: 20px
    }

    .global-footer-new .third-column .contacts ul li {
        display: inline-block;
        padding: 0 10px
    }

    .global-footer-new .divider {
        display: none
    }

    .global-footer-new .first-column .copyright {
        text-align: center;
        margin: 15px
    }

    .global-footer-new .bottom-column .links {
        display: block;
        float: none
    }

    .global-footer-new .bottom-column .links a {
        display: block;
        line-height: 1.2;
        padding: 8px;
        text-align: center;
        margin-right: 0
    }

    .global-footer-new .bottom-column .creators a {
        text-align: center;
        float: none;
        display: block;
        padding: 15px
    }
}
.popup-callback, .popup-question, .popup-response, .popup-yotube {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 100;
    background-color: rgba(0,165,172,.79);
}
.popup-callback-block, .popup-question-block, .popup-response-block {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 808px;
    background: #fff;
    border-radius: 3px;
    padding: 55px 100px;
    text-align: center;
}
.btn-close {
    display: inline-block;
    position: absolute;
    top: -22px;
    right: -61px;
    width: 21px;
    height: 22px;
    padding: 5px;
    border: none;
    outline: 0;
    box-sizing: content-box;
    cursor: pointer;
    background: url(/assets/images/handyman/bathroom-offer/close-btn.png) 50% 50% no-repeat;
}
.popup-response .response-message .message h2, .title-popup-callback {
    font-family: 'Gotham Pro';
    color: #000;
    margin-bottom: 30px;
    font-size: 39px;
    line-height: 39px;
    text-align: center;
}
.title-popup-callback span, .title-popup-question span {
    font-family: 'Gotham Pro';
    font-size: 22px;
}
.response-message {
    font-family: 'Gotham Pro';
    font-size: 20px;
    min-height: 50px;
    line-height: 25px;
}
.popup-callback-form, .popup-question-form {
    display: inline-block;
    width: 100%;
    padding-left: 25px;
    text-align: left;
}
.popup-callback-form .block-input:first-child, .popup-question-form .block-input:first-child {
    display: flex;
    justify-content: space-between;
    margin-bottom: 65px;
}
.popup-callback-form .block-input:nth-child(2), .popup-question-form .block-input:nth-child(3) {
    display: inline-block;
    width: 58%;
}
.popup-callback-form .block-input:last-child, .popup-question-form .block-input:last-child {
    display: inline-block;
    width: 40%;
}
.name-callback, .phone-callback {
    width: 45%;
}
.mail-question, .name-callback, .name-question, .phone-callback {
    display: inline-block;
    height: 40px;
    outline: 0;
    border: none;
    padding-bottom: 2px;
    border-bottom: 2px solid #000;
    font-family: 'Gotham Pro';
    font-size: 18px;
    color: #000;
}
.phone-callback {
    padding-left: 35px;
    background: url(/assets/images/handyman/bathroom-offer/phone-icon-callback.png) 5px 50% no-repeat;
}
.privacy-text {
    display: inline-block;
    font-size: 12px;
    color: #778a87;
    width: 80%;
}
.popup-callback .submit-callback {
    background-color: #F2A039;
    font-size: 22px;
}
.submit-callback, .submit-question {
    display: inline-block;
    width: 100%;
    padding: 25px 0;
    margin: 0;
    background-color: #FFBC06;
    border: none;
    outline: 0;
    border-radius: 3px;
    font-family: 'Gotham Pro';
    font-size: 16px;
    color: #fcfcfc;
    cursor: pointer;
    transition: background-color .3s ease-out;
}
.popup-response-close {
    position: relative;
    bottom: auto;
    padding: 18px 45px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    background-color: #ff9c00;
    border-radius: 3px;
    margin: 0 auto;
    max-width: 200px;
    display: inline-block;
    margin-top: 30px;
}


.pd-b-0{
    padding-bottom: 0 !important;
}
section.first-block {
    padding: 100px 0 50px;
    font-weight: 400;
    font-family: 'Gotham Pro';
    font-size: 18px;
    line-height: 166.2%;
    color: #292929;
}
section.first-block .wrap{
    display: flex;
    align-items:center;
}
section.first-block .title {
    font-weight: 700;
    font-size: 38px;
    line-height: 47px;
    margin-bottom: 65px;
}
section.first-block p{
    margin-bottom: 15px;
}


section.list-galka{
    padding: 50px 0;
}
section.list-galka .title {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 47px;
    color: #292929;
    margin-bottom: 60px;
}
section.list-galka .wrap .item {
    padding: 20px 15px 30px 60px;
    width: 49%;
    background: url(/assets/images/galka.svg);
    background-repeat: no-repeat;
    background-size: 41px;
    background-position-x: left;
    background-position-y: center;
    border-bottom: 1px solid #EFEFEF;
}
section.list-galka .wrap .item:nth-last-child(-n+2){
    border:none;
}
section.list-galka .wrap {
    display: flex;
    flex-wrap: wrap;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 17px;
    color: #464646;
    justify-content: space-between;
}

@media(max-width:768px){
    section.first-block .title,section.list-galka .title{
        font-size: 26px;
        line-height: 32px;
    }
    section.first-block{
        padding: 50px 0 25px;
    }
    section.first-block{
        font-size: 16px;
    }
    section.list-galka .wrap{
        flex-wrap: wrap;
    }
    section.list-galka .wrap .item{
        width: 100%;
    }
    section.first-block .wrap .image{
        display: none;
    }
}

.desing-project{
    padding: 30px 0;
}
.desing-project .title{
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 47px;
    text-align: center;
    margin-bottom: 45px;
    color: #292929;
}
.gorizont-slider {
    position: relative;
    background: #F6F6F6;
    border-radius: 3px;
    padding: 50px 35px;
}

.gorizont-slider .item{
    margin: 0 10px;
    font-family: 'Gotham Pro';
font-style: normal;
}
.gorizont-slider .item .name{
    font-weight: 400;
    font-size: 18px;
    line-height: 17px;
    text-align: center;
    color: #292929;
    margin: 25px 0 10px;
}
.gorizont-slider .item .price{
    font-weight: 700;
    font-size: 16px;
    line-height: 15px;
    text-align: center;
    color: #F99C03;
}
.gorizont-slider img{
    width: 100%;
}
.gorizont-slider .slick-prev{
    left:-70px;
    background: url(/assets/images/handyman/bathroom-offer/prev-arrow.png) 50% 50% no-repeat;
}
.gorizont-slider .slick-next{
    right: -70px;
    background: url(/assets/images/handyman/bathroom-offer/next-arrow.png) 50% 50% no-repeat;
}
.gorizont-slider .slick-prev, .gorizont-slider .slick-next {
    font-size: 0;
    border: none;
    width: 47px;
    height: 47px;
    background-color: #FFA81E;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    z-index: 1;
    cursor: pointer;
}
@media (max-width:768px) {
    .desing-project .title{
        font-size: 30px;
    }
    
}
@media (max-width:525px) {
    .desing-project .title{
        font-size: 26px;
        margin-bottom: 30px;
    }
    .gorizont-slider{
        padding: 25px;
    }
    .gorizont-slider .slick-prev{
        left: 15px;
    }
    .gorizont-slider .slick-next{
        right: 15px;
    }
}




section.our-advan .title {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 47px;
    color: #292929;
    margin-bottom: 72px;
}
section.our-advan {
    background: #F6F6F6;
    margin-top: 60px;
    padding: 120px 0 145px;
}
section.our-advan .wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
    font-family: 'Gotham Pro';
}
section.our-advan .wrap .item {
        width: calc(100%/2 - 20px);
    background: #FFFFFF;
    padding: 30px 170px 25px 30px;
    background-repeat: no-repeat;
    background-position: center right;
}
section.our-advan .wrap .item.garant{
    background-image:url(/assets/images/advantages/new/garant.png);
}
section.our-advan .wrap .item.material{
    background-image:url(/assets/images/advantages/new/material.png);
}
section.our-advan .wrap .item.reputation{
    background-image:url(/assets/images/advantages/new/reputation.png);
}
section.our-advan .wrap .item.agreement{
    background-image:url(/assets/images/advantages/new/agreement.png);
}
section.our-advan .wrap .item.quality-materials{
    background-image:url(/assets/images/advantages/new/quality-materials.png);
}
section.our-advan .wrap .item.bonus{
    background-image:url(/assets/images/advantages/new/bonus.png);
}
section.our-advan .wrap .item.profitably{
    background-image:url(/assets/images/advantages/new/profitably.png);
}
section.our-advan .wrap .item.specialists{
    background-image:url(/assets/images/advantages/new/specialists.png);
}

section.our-advan .wrap .item .name {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 113.2%;
    color: #282828;
    width: 100%;
    display: inline-block;
    margin-bottom: 13px;
}
section.our-advan .wrap .item .text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 141.2%;
    color: #555555;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
section.our-advan .wrap .item .btn-scroll {
    padding: 5px 20px 5px 5px;
    color: #282828;
    font-weight: 500;
    width: 100%;
    display: block;
    max-width: 150px;
    font-size: 14px;
    overflow: hidden;
    position: relative;
}
section.our-advan .wrap .item .btn-scroll:before{
        content: '';
    width: 100%;
    background-image: url(/assets/images/read-all.svg);
    background-repeat: no-repeat;
        background-position-x: 6px;
    background-position-y: 3px;
    display: block;
    position: absolute;
    height: 100%;
    left: 0;
    background-color: #fff;
}
@keyframes widthfull {
    0% {left: 0;}
    20% {left: 25%;}
    30% {left: 35%;}
    40% {left: 45%;}
    50% {left: 55%;}
    60% {left: 65%;}
    70% {left: 75%;}
    80% {left: 85%;}
    90% {left: 90%;}
    100% {left: 90%;}
}
section.our-advan .wrap .item:hover .btn-scroll:before{
    animation: widthfull  1s 1 linear;
    animation-fill-mode:both;
}

@media (max-width:525px) {
    section.our-advan{
        padding: 50px 0;
    }
    section.our-advan .title{
        font-size: 26px;
        line-height: 30px;
    }
    section.our-advan .wrap .item{
        width: 100%;
        padding: 30px;
        background-image:none !important;
    }
    section.our-advan .wrap .item .btn-scroll:before{
        display: none;
    }
}



section.main-content {
    padding: 70px 0;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 157.2%;
    color: #3C3C3C;
}
section.main-content p {
    margin-bottom: 25px;
}
section.main-content h2, section.main-content h3, section.main-content h4, section.main-content h5, section.main-content .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 142.2%;
    margin-bottom: 25px;
}
section.main-content ul {
    margin-bottom: 25px;
}
section.main-content ul li{
    position: relative;
    padding-left: 15px;
    padding-bottom: 10px;
    font-weight: 400;
font-size: 16px;
line-height: 157.2%;
}
section.main-content ul li:before{
    content:'-';
    position: absolute;
    left: 0px;
    
}


section.example-remont {
    background: #F6F6F6;
    padding: 100px 0;
    font-family: 'Gotham Pro';
}
section.example-remont .title {
    font-weight: 700;
    font-size: 38px;
    line-height: 47px;
    color: #292929;
    margin-bottom: 80px;
}
section.example-remont .wrap {
    display: flex;
    gap: 40px 20px;
    flex-wrap: wrap;
}
section.example-remont .wrap .item {
    width: calc(100%/3 - 20px);
    background: #FFFFFF;
    box-shadow: 0px 0px 68px rgb(0 0 0 / 7%);
}
section.example-remont .wrap .item span.read{
    font-size: 14px;
    line-height: 139.7%;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 20px;
    text-decoration-line: underline;
    
    color: #F99C03;
}
section.example-remont .wrap .item img {
    width: 100%;
}
section.example-remont .wrap .item p {
    padding: 20px 25px;
    font-size: 18px;
    line-height: 139.7%;
    color: #464646;
}
section.example-remont .wrap .item p b {
    font-weight: 500;
}
@media (max-width:525px) {
    section.example-remont .title{
        font-size: 26px;
        line-height: 30px;
    }
    section.example-remont .wrap .item{
        width: 100%;
    }
}



section.packages {
    padding: 90px 0 45px;
}
section.packages .item {
    display: flex;
    background: #F6F6F6;
    width: 100%;
    margin-bottom: 40px;
    justify-content: space-between;
}
section.packages .item .data {
    padding: 60px 50px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}
section.packages .item .data .name {
    font-weight: 700;
    font-size: 32px;
    line-height: 31px;
    color: #292929;
    margin-bottom: 15px;
}
section.packages .item .data .price {
    font-weight: 400;
    font-size: 24px;
    line-height: 23px;
    color: #292929;
    margin-bottom: 15px;
}
section.packages .item .data .price span {
    color: #F99C03;
    font-size: 28px;
    font-weight: 500;
}
section.packages .item .data .desc {
    margin: 15px 0 35px;
    display: inline-block;
    width: 100%;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    
    color: #292929;
}
section.packages .item .data .pay {
    display: flex;
    align-items: center;
    gap: 12px;
}
section.packages .item .data .pay .img {
    background: #FFFFFF;
    box-shadow: 0px 0px 11px rgb(0 0 0 / 5%);
    border-radius: 6px;
    width: 83px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.packages .item.action {
    align-items: center;
}
section.packages .item.action {
    background-image: url(/assets/images/handyman/action_label.png);
    background-repeat: no-repeat;
    background-position-y: 16px;
}
section.packages .item.action .new-old-price .old {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 17.8318px;
    line-height: 17px;
    color: #292929;
    text-decoration: line-through;
}
section.packages .item.action .new-old-price .new {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 23px;
    color: #F99C03;
}
section.packages .item.action .new-old-price {
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width:525px) {
    section.packages .item .image{
        display: none;
    }
    section.packages .item .data{
        padding: 30px;
    }
    section.packages .item .data .name{
        font-size: 26px;
    }
    section.packages .item .data .price{
        font-size: 18px;
    }
    section.packages .item .data .price span{
        font-size: 20px;
    }
    section.packages .item.action .data{
        padding-top: 60px;
    }
    section.packages .item.action .new-old-price .new{
        font-size: 20px;
    }
}



.table.table-prices-list .table-row {
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 15px 30px;
    margin-bottom: 10px
}

.table-main-list {
    padding: 100px 0;
    background: #F6F6F6;
}

.table.table-prices-list .btn-block a {
    background: #FE9D01;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    height: 38px;
    display: flex;
    align-items: center;
    width: 166px;
    justify-content: center
}

.table-main-list .title,.table.table-prices-list .info a,.table.table-prices-list .price.price-service-tab {
    font-family: 'Gotham Pro';
    color: #282828;
    font-style: normal
}

.table.table-prices-list .info {
    width: 50%;
    display: flex;
    align-items: center
}

.table.table-prices-list .info a {
    font-weight: 400;
    font-size: 18px;
    line-height: 141.2%;
    text-decoration: none
}

.table.table-prices-list .price.price-service-tab {
    font-weight: 500;
    font-size: 18px;
    line-height: 141.2%;
    text-align: center;
    display: flex;
    align-items: center
}

.table-main-list .title {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 65px;
    line-height: 113.2%
}
@media (max-width:525px){
    .table.table-prices-list .btn-block{
        display: none;
    }
}


section.type-window {
    padding: 45px 0;
}

section.type-window .wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px 0;
}
section.type-window .item {
    background: #FFCB05;
    width: calc(100%/2 - 20px);
    font-family: 'Gotham Pro';
    padding: 20px 33px;
}
section.type-window .item .name {
    font-weight: 500;
    font-size: 20px;
    line-height: 113.2%;
    max-width: 50%;
    margin-bottom: 20px;
}
section.type-window .item .price {
    font-weight: 700;
    font-size: 24px;
    line-height: 23px;
    color: #fff;
    margin-bottom: 15px;
}
section.type-window .item .desc {
    font-size: 14px;
    line-height: 141.2%;
    color: #555555;
}
section.type-window .item.type1{
    background-image:url(/assets/images/handyman/balcony/type1.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
section.type-window .item.type2{
    background-image:url(/assets/images/handyman/balcony/type2.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
@media (max-width:525px) {
    section.type-window .item{
        width: 100%;
    }
    section.type-window .wrap{
        flex-wrap: wrap;
    }
}

section.form-call {
    margin: 45px 0;
    font-family: 'Gotham Pro';
}
section.form-call .wrap {
    background-color: #F6F6F6;
    padding: 55px 66px;
    background-image: url(/assets/images/handyman/balcony/form-master.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
section.form-call .wrap .title {
    font-weight: 700;
    font-size: 28px;
    line-height: 122.2%;
    color: #292929;
    margin-bottom: 30px;
}
section.form-call .wrap .form {
    display: flex;
    align-items: center;
    max-width: 650px;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 20px;
}
section.form-call .wrap .form .input {
    background: #FFFFFF;
    border-radius: 2px;
    width: 210px;
    height: 46px;
    font-weight: 400;
    font-size: 14px;
    line-height: 13px;
    border: none;
    padding: 0 15px;
}
section.form-call .wrap .form .submit {
    background: #FFA81E;
    font-weight: 400;
    font-size: 15px;
    line-height: 14px;
    width: 185px;
    height: 46px;
    padding: 15px;
}
section.form-call .wrap a {
    font-weight: 400;
    font-size: 14px;
    line-height: 134.2%;
    max-width: 650px;
    color: #292929;
    display: block;
}
@media(max-width:525px){
    section.form-call .wrap{
        padding: 30px;
        background-image:none;
    }
    section.form-call .wrap .form{
        flex-wrap: wrap;
    }
    section.form-call .wrap .form .input,section.form-call .wrap .form .submit{
        width: 100%;
    }
    section.form-call .wrap a{
        font-size: 12px;
    }
}


section.youtube {
    padding: 50px 0;
    font-family: 'Gotham Pro';
}
section.youtube .title {
    font-weight: 700;
    font-size: 32px;
    line-height: 113.2%;
    margin-bottom: 40px;
}
section.youtube .wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 20px;
    justify-content: flex-start;
}
section.youtube .wrap .item {
    width: calc(100%/3 - 20px);
    position: relative;
}
section.youtube .wrap .item img {
    width: 100%;
}
section.youtube .wrap .item p {
    font-weight: 400;
    font-size: 18px;
    line-height: 166.2%;
    text-decoration-line: underline;
    color: #292929;
    margin: 15px 0;
}
section.youtube .wrap .item a {
    width: 126px;
    height: 126px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -105px;
    margin-left: -63px;
    justify-content: center;
    background: rgb(255 255 255 / 39%);
    border-radius: 100%;
}
section.youtube .wrap .item a img {
    width: 100%;
    max-width: 40px;
}
@media (max-width:525px){
    section.youtube .wrap .item{
        width: 100%;
    }
}

/* Video Modal
-----------------------------------------*/
.video-modal,
.video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
}
.video-modal {
	overflow: hidden;
	position: fixed;
	opacity: 0.0;

  -webkit-transform: translate(500%,0%);
  transform: translate(500%,0%);

  -webkit-transition: -webkit-transform 0s linear 0s;
  transition: transform 0s linear 0s;


  /* using flexbox for vertical centering */

  /* Flexbox display */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  /* Vertical alignment */
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.video-modal .overlay {
  z-index: 0;
  background: rgb(0 0 0 / 25%); /* overlay color */

  opacity: 0.0;

  -webkit-transition: opacity 0.2s ease-out 0.05s;
  transition: opacity 0.2s ease-out 0.05s;
}


.video-modal-content {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	z-index: 1;
  
	margin: 0 auto;

	overflow-y: visible;

	background: #000;
  
  width: calc(100% - 12em);
  height: 0;
  padding-top: calc((100% - 12em) * 0.5625); /* 16:9 calc */
}

/* Scaling to fit within the current Viewport size:
   When viewport aspect ratio is greater than 16:9
   work off the height instead of the width for calc */
 @media (min-aspect-ratio: 16/9) {
  .video-modal-content {
    width: 0;
    height: calc(100vh - 10em);
    padding-top: 0;
    padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */
  }
}

/* Mobile Layout Tweaks - side margins reduced */
@media (max-width: 640px) {
	.video-modal-content {
		width: calc(100% - 1em);
    padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */
	}
}

/* modal close button */
.close-video-modal {
	display: block;
    position: absolute;
    left: 0;
    top: -40px;

    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
/* set the iframe element to stretch to fit its parent element */
iframe#youtube {
width:100%;
/*	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
*/
	background: #000;
	box-shadow: 0px 2px 16px rgba(0,0,0,0.5);
}

/* show the modal: 
   add class to the body to reveal */
.show-video-modal .video-modal {
	opacity: 1.0;

	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}
.show-video-modal .video-modal .overlay {
	opacity: 1.0;
}
.show-video-modal .video-modal-content {
	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}


section.masters {
    font-family: 'Gotham Pro';
    padding: 50px 0;
}
section.masters .title {
    font-weight: 700;
    font-size: 38px;
    line-height: 142.2%;
    color: #292929;
    margin-bottom: 65px;
}
section.masters .wrap {
    display: flex;
    gap: 17px 30px;
    flex-wrap: wrap;
}
section.masters .wrap .item {
    width: calc(100%/3 - 30px);
    display: flex;
    align-items: center;
    padding: 20px;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
}
section.masters .wrap .item .image {
    max-width: 110px;
    margin-right: 20px;
}
section.masters .wrap .item .image img {
    width: 100%;
}
section.masters .wrap .item .name {
    font-weight: 700;
    font-size: 18px;
    line-height: 141.2%;
    color: #292929;
    margin-bottom: 10px;
}
section.masters .wrap .item .work {
    font-weight: 400;
    font-size: 12px;
    line-height: 141.2%;
    color: #555555;
    margin-bottom: 30px;
}
section.masters .wrap .item .age {
    font-weight: 400;
    font-size: 16px;
    line-height: 141.2%;
    color: #292929;
}

@media (max-width:525px){
    section.masters .wrap .item{
        width: 100%;
    }
}


.tabs__content {
    position: relative;
    overflow: hidden
}

.tabs__content .tab__content {
    display: none
}

.tabs__content>.tab__content--active {
    display: block
}

.tabs__content>.tab__content--active p:first-child {
    margin-top: 0
}
 .district-section {
    position: relative
}
.district-section .title{
    font-weight: 700;
font-size: 38px;
line-height: 47px;
margin-bottom: 60px;
color: #292929;
}
 .district-section .district__section-list-container {
    display: inline-block;
    width: 100%
}

 .district-section .district__section-list-container .district__section-list {
    position: relative;
    display: flex;
    width: 100%;
    list-style-type: none;
    font-size: 20px;
    justify-content: space-between;
    flex-wrap: wrap
}

@media only screen and (max-width: 992px) {
     .district-section .district__section-list-container .district__section-list {
        float:unset;
        width: 100%;
        margin: 0;
        font-size: 16px;
        color: #444
    }

     .district-section .district__section-list-container .district__section-list>li {
        margin-top: 1.2rem
    }
}

 .district-section .district__section-list-container .district__section-list>li:not(:first-child) {
    margin-top: .5rem
}

@media only screen and (max-width: 768px) {
     .district-section .district__section-list-container .district__section-list li {
        width:220px
    }

     .district-section .district__section-list-container .district__section-list .district__section-list-items {
        width: 220px;
        top: 40px
    }

     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line {
        padding: 15px 10px
    }

     .metropoliten-section .metropoliten__stations-wrapper .dropdown__station-section-list-items .metropoliten__stations-section li {
        width: 33%
    }
}

 .district-section .district__section-list-container .district__section-list a {
    text-decoration: none
}

 .district-section .district__section-list-container .district__section-list .district__section-list-items::-webkit-scrollbar {
    width: 12px
}

 .district-section .district__section-list-container .district__section-list .district__section-list-items::-webkit-scrollbar-track {
    background: #F3F3F3;
    border: 4px solid #fff
}

 .district-section .district__section-list-container .district__section-list .district__section-list-items::-webkit-scrollbar-thumb {
    background-color: #ffa81e;
    border: 4px solid #fff;
    border-radius: 20px
}

 .district-section .district__section-list-container .district__section-list .district__section-list-items li {
    padding-left: 20px;
    height: auto;
    background: 0 0;
    width: 100%
}

 .district-section .district__section-list-container .district__section-list .district__section-list-items.dropdown__block-section-list-items li a {
    font-size: 12px
}

 .district-section .district__section-list-container .district__section-list .district__section-list-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    top: 44px;
    left: 0;
    background: #fff;
    z-index: 1;
    overflow-y: scroll;
    max-height: 300px;
    height: auto;
    -webkit-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
    display: none;
    border: 1px solid #F0F0F0;
    box-sizing: border-box;
    border-radius: 5px;
    width: 200px;
    cursor: default;
    margin-top: 5px
}

 .district-section .district__section-list-container .district__section-list .district__section-list-items li {
    padding-top: .5rem
}

 .district-section .district__section-list-container .district__section-list .district__section-list-items li a {
    display: block;
    font-family: 'Gotham Pro';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 141.2%;
    text-decoration: none;
    color: #292929
}

 .district-section .district__section-list-container .district__section-list .district__section-list-items li a:hover {
    text-decoration: none
}

 .district-section .district__section-list-container .district__section-list span {
    display: block;
    position: relative;
    width: 100%;
    pointer-events: none;
    font-display: swap;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 141.2%;
    color: #292929
}

 .district-section .district__section-list-container .district__section-list span:after {
    content: '';
    position: absolute;
    top: 9px;
    right: 0;
    width: 14px;
    height: 10px;
    background: url(/assets/images/galka.png) no-repeat;
    transition: all .2s ease-in-out
}

 .district-section .district__section-list-container .district__section-list .dropdown__block-section-list--open span:after {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    margin-left: .5rem;
    width: 7px;
    height: 12px;
    background: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 5.5L1 10' stroke='%2322B1F3' stroke-linecap='round'/%3E%3C/svg%3E%0A") left top no-repeat;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media only screen and (max-width: 992px) {
     .district-section .district__section-list-container .district__section-list .dropdown__block-section-list--open span:after {
        top:13px;
        right: 20px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        background: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 5.5L1 10' stroke='%23444444' stroke-linecap='round'/%3E%3C/svg%3E%0A") left top no-repeat
    }
}

 .metropoliten-section {
    position: relative;
    padding-bottom: 80px;
    padding-top: 50px;
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: start;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 15px
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line {
    display: block;
    padding: 15px
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:before, .metropoliten-section .metropoliten__stations-wrapper .dropdown__station-section-list-items .metropoliten__stations-section li:before {
    content: '';
    margin: 0
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:first-child.metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(0) scaleX(1);
    -ms-transform: translateX(0) scaleX(1);
    transform: translateX(0) scaleX(1)
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(2).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(43px) scaleX(1);
    -ms-transform: translateX(43px) scaleX(1);
    transform: translateX(43px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(2).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(32.8px) scaleX(1);
        -ms-transform: translateX(32.8px) scaleX(1);
        transform: translateX(32.8px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(3).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(88px) scaleX(1);
    -ms-transform: translateX(88px) scaleX(1);
    transform: translateX(88px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(3).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(72px) scaleX(1);
        -ms-transform: translateX(72px) scaleX(1);
        transform: translateX(72px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(4).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(132px) scaleX(1);
    -ms-transform: translateX(132px) scaleX(1);
    transform: translateX(132px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(4).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(109.5px) scaleX(1);
        -ms-transform: translateX(109.5px) scaleX(1);
        transform: translateX(109.5px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(5).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(178px) scaleX(1);
    -ms-transform: translateX(178px) scaleX(1);
    transform: translateX(178px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(5).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(146px) scaleX(1);
        -ms-transform: translateX(146px) scaleX(1);
        transform: translateX(146px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(6).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(222.5px) scaleX(1);
    -ms-transform: translateX(222.5px) scaleX(1);
    transform: translateX(222.5px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(6).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(185px) scaleX(1);
        -ms-transform: translateX(185px) scaleX(1);
        transform: translateX(185px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(7).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(270px) scaleX(1);
    -ms-transform: translateX(270px) scaleX(1);
    transform: translateX(270px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(7).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(223.2px) scaleX(1);
        -ms-transform: translateX(223.2px) scaleX(1);
        transform: translateX(223.2px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(8).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(313.6px) scaleX(1);
    -ms-transform: translateX(313.6px) scaleX(1);
    transform: translateX(313.6px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(8).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(260.4px) scaleX(1);
        -ms-transform: translateX(260.4px) scaleX(1);
        transform: translateX(260.4px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(9).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(358.4px) scaleX(1);
    -ms-transform: translateX(358.4px) scaleX(1);
    transform: translateX(358.4px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(9).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(299.2px) scaleX(1);
        -ms-transform: translateX(299.2px) scaleX(1);
        transform: translateX(299.2px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(10).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(403.2px) scaleX(1);
    -ms-transform: translateX(403.2px) scaleX(1);
    transform: translateX(403.2px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(10).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(336.6px) scaleX(1);
        -ms-transform: translateX(336.6px) scaleX(1);
        transform: translateX(336.6px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(11).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(450px) scaleX(1);
    -ms-transform: translateX(450px) scaleX(1);
    transform: translateX(450px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(11).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(374px) scaleX(1);
        -ms-transform: translateX(374px) scaleX(1);
        transform: translateX(374px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(12).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(495px) scaleX(1);
    -ms-transform: translateX(495px) scaleX(1);
    transform: translateX(495px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(12).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(411.4px) scaleX(1);
        -ms-transform: translateX(411.4px) scaleX(1);
        transform: translateX(411.4px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(13).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(540px) scaleX(1);
    -ms-transform: translateX(540px) scaleX(1);
    transform: translateX(540px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(13).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(451.2px) scaleX(1);
        -ms-transform: translateX(451.2px) scaleX(1);
        transform: translateX(451.2px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(14).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(585px) scaleX(1);
    -ms-transform: translateX(585px) scaleX(1);
    transform: translateX(585px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(14).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(488.8px) scaleX(1);
        -ms-transform: translateX(488.8px) scaleX(1);
        transform: translateX(488.8px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(15).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(630px) scaleX(1);
    -ms-transform: translateX(630px) scaleX(1);
    transform: translateX(630px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(15).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(526.4px) scaleX(1);
        -ms-transform: translateX(526.4px) scaleX(1);
        transform: translateX(526.4px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(16).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(675px) scaleX(1);
    -ms-transform: translateX(675px) scaleX(1);
    transform: translateX(675px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(16).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(561px) scaleX(1);
        -ms-transform: translateX(561px) scaleX(1);
        transform: translateX(561px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(17).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(720px) scaleX(1);
    -ms-transform: translateX(720px) scaleX(1);
    transform: translateX(720px) scaleX(1)
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(17).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(600px) scaleX(1);
        -ms-transform: translateX(600px) scaleX(1);
        transform: translateX(600px) scaleX(1)
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(18).metropoliten__line--active~.metropoliten__line-slider {
    -webkit-transform: translateX(776.9px) scaleX(1);
    -ms-transform: translateX(776.9px) scaleX(1);
    transform: translateX(776.9px) scaleX(1)
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line a {
    position: inherit;
    padding: 0 1rem 1rem 0
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line:nth-child(18).metropoliten__line--active~.metropoliten__line-slider {
        -webkit-transform:translateX(647.7px) scaleX(1);
        -ms-transform: translateX(647.7px) scaleX(1);
        transform: translateX(647.7px) scaleX(1)
    }

     .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line a {
        padding: 0 .5rem 1rem 0
    }
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line a:hover span {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line a:hover svg {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line a span {
    display: table;
    position: absolute;
    bottom: -15px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px 25px;
    margin: 0 0 0 -20px;
    border: 1px solid #f0f0f0;
    border-radius: 27px;
    -webkit-box-shadow: 0 2px 8px -4px rgb(0 0 0 / 20%);
    box-shadow: 0 2px 8px -4px rgb(0 0 0 / 20%);
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    color: #212121;
    background: #f4f4f4;
    pointer-events: none;
    z-index: 20;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line a svg {
    position: relative;
    pointer-events: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line a.nav__tabs-link--active svg {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

 .metropoliten-section .metropoliten-lines-wrapper-desktop .metropoliten__line-slider {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 30px;
    height: 4px;
    border-bottom: 4px solid #4183d7;
    border-radius: 30%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

 .metropoliten-section .metropoliten__stations-wrapper {
    position: relative;
    margin-top: 1rem
}

@media only screen and (max-width: 992px) {
     .metropoliten-section .metropoliten__stations-wrapper {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: inherit
    }
}

 .metropoliten-section .metropoliten__stations-wrapper .metropoliten__stations-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    padding: 0 0 .5rem
}

@media only screen and (max-width: 992px) {
     .metropoliten-section .metropoliten__stations-wrapper .metropoliten__stations-name {
        width:100%;
        padding: .5rem;
        border: 1px solid #dbdbdb;
        border-radius: 2px;
        cursor: pointer
    }

     .metropoliten-section .metropoliten__stations-wrapper .metropoliten__stations-name:after {
        content: '';
        position: absolute;
        margin-left: .5rem;
        width: 7px;
        height: 12px;
        top: 13px;
        right: 20px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        background: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 5.5L1 10' stroke='%23444444' stroke-linecap='round'/%3E%3C/svg%3E%0A") left top no-repeat;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

     .metropoliten-section .metropoliten__stations-wrapper .metropoliten__stations-name:before {
        content: 'Линия метро';
        position: absolute;
        top: -10px;
        left: 10px;
        padding: 0 4px 0 6px;
        color: #a7a7a7;
        font-size: 14px;
        background: #fff
    }

     .metropoliten-section .metropoliten__stations-wrapper .dropdown__station-section-list-items .metropoliten__stations-section {
        width: 100%
    }
}

 .metropoliten-section .metropoliten__stations-wrapper .metropoliten__stations-name svg {
    margin-right: 1rem
}

 .metropoliten-section .metropoliten__stations-wrapper .metropoliten__stations-name span {
    pointer-events: none
}

 .metropoliten-section .metropoliten__stations-wrapper .dropdown__station-section-list-items {
    height: 100%
}

 .metropoliten-section .metropoliten__stations-wrapper .dropdown__station-section-list-items .metropoliten__stations-section {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 20px;
    color: #4183d7;
    justify-content: left
}

@media only screen and (max-width: 1200px) {
     .metropoliten-section .metropoliten__stations-wrapper .dropdown__station-section-list-items .metropoliten__stations-section {
        width:100%
    }
}

 .metropoliten-section .metropoliten__stations-wrapper .dropdown__station-section-list-items .metropoliten__stations-section li a {
    font-family: 'Gotham Pro';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 141.2%;
    text-decoration-line: underline;
    color: #555;
    width: 95%
}

 .metropoliten-section .metropoliten__stations-wrapper .dropdown__station-section-list-items .metropoliten__stations-section li {
    padding-top: .5rem;
    font-size: 16px;
    margin-top: 5px;
    width: 20%
}

@media only screen and (max-width: 992px) {
     .metropoliten-section .metropoliten__stations-wrapper .dropdown__station-section-list--open .metropoliten__stations-name:after {
        content:'';
        position: absolute;
        margin-left: .5rem;
        width: 7px;
        height: 12px;
        top: 13px;
        right: 20px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        background: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 5.5L1 10' stroke='%23444444' stroke-linecap='round'/%3E%3C/svg%3E%0A") left top no-repeat;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
}

 .district-section .district__section-list-container .district__section-list li {
    display: flex;
    background: #F3F3F3;
    border-radius: 5px;
    align-items: center;
    height: 44px;
    width: 180px;
    position: relative;
    margin-top: .5rem;
    justify-content: start;
    padding: 0 20px;
    cursor: pointer
}

 .district-section .district__section-list-container .district__section-list li.last {
    width: 250px
}

 .district-section .district__section-list-container .district__section-list li:before {
    content: '';
    margin: 0
}



section.kitchen {
    padding: 100px 0 50px;
    font-family: 'Gotham Pro';
}
section.kitchen .title {
    font-weight: 700;
    font-size: 32px;
    line-height: 113.2%;
    color: #282828;
    margin-bottom: 90px;
    max-width: 90%;
}
section.kitchen .wrap {
    background-color: #F9F3EC;
    border-radius: 5px;
    padding: 60px 40px 80px;
    background-image:url(/assets/images/handyman/kitchen-offer/back-kitchen.png);
        background-repeat: no-repeat;
    background-position: bottom;
}
section.kitchen .wrap .list {
    display: inline-block;
    width: 100%;
    column-gap: 45px;
    column-count: 2;
}
section.kitchen .wrap .list .item {
    width: 100%;
    display: inline-block;
    margin-bottom: 45px;
}
section.kitchen .wrap .list .item .name {
    font-weight: 700;
    font-size: 32px;
    line-height: 31px;
    color: #292929;
    margin-bottom: 20px;
}
section.kitchen .wrap .list .item ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 248.2%;
    color: #292929;
}
section.kitchen .wrap .price-call {
    display: flex;
    align-items: center;
    gap: 70px;
    margin-top: 30px;
}
section.kitchen .wrap .price {
    font-weight: 700;
    font-size: 58px;
    line-height: 56px;
    color: #292929;
}
section.kitchen .wrap .price, section.kitchen .wrap .call {
    width: calc(100%/2 - 45px);
}

@media (max-width:525px){
    section.kitchen .title{
        font-size: 26px;
        line-height: 30px;
    }
    section.kitchen .wrap .list{
        column-count:1;
    }
    section.kitchen .wrap .list .item .name{
        font-size: 24px;
        line-height: 28px;
    }
    section.kitchen .wrap .price-call{
        flex-wrap: wrap;
    }
    section.kitchen .wrap .price{
        font-size: 38px;
        line-height: 48px;
    }
    section.kitchen .wrap .price, section.kitchen .wrap .call{
        width: 100%;
    }
}

section.materials {
    padding: 50px 0;
    font-family: 'Gotham Pro';
}
section.materials .title {
    font-weight: 700;
    font-size: 32px;
    line-height: 113.2%;
    color: #282828;
    margin-bottom: 50px;
}
section.materials .item {
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    margin-bottom: 40px;
    padding: 60px 50px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
}
section.materials .item .data {
    width: calc(50% - 15px);
}
section.materials .item .data .name {
    font-weight: 700;
    font-size: 29px;
    line-height: 31px;
    color: #292929;
    margin-bottom: 36px;
}
section.materials .item .data ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    color: #292929;
}
section.materials .item .meterials_list {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    width: calc(50% - 15px);
}
section.materials .item .meterials_list a {
    text-align: center;
    overflow: hidden;
    max-width: 140px;
    color: #8A8A8A;
    font-weight: 400;
    font-size: 14px;
    line-height: 115%;
}
section.materials .item .meterials_list a img {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 8px;
}

@media (max-width:525px){
    section.materials .item{
        flex-wrap:wrap;
        padding: 30px;
    }
    section.materials .item .data .name{
        font-size: 24px;
        line-height: 30px;
    }
    section.materials .item .data,section.materials .item .meterials_list{
        width: 100%;
    }
}

.map img{
    width: 100%;
}
.map div:nth-child(3) {
    display: none;
}


@media(max-width: 768px){
    .popup-callback-block, .popup-question-block, .popup-response-block{
        width: 80%;
        padding: 40px;
    }
    .popup-response .response-message .message h2, .title-popup-callback{
        font-size: 26px;
    }
    .popup-callback-form .block-input:first-child, .popup-question-form .block-input:first-child{
        flex-wrap: wrap;
    }
    .popup-callback-form .block-input:nth-child(2), .popup-question-form .block-input:nth-child(3) {
        width: 100%;
        margin-bottom: 15px;
    }
    .popup-callback-form .block-input:last-child, .popup-question-form .block-input:last-child {
        width: 100%;
    }
    .mail-question, .name-callback, .name-question, .phone-callback{
        width: 100%;
        margin-bottom: 15px;
    }
    .btn-close{
        top: -30px;
        right: -30px;
    }
}


form.santeh input[type=text] {
    background: #FFF;
    border: none;
    box-sizing: border-box;
    border-radius: 4px;
    height: 53px;
    padding: 0 20px;
}

form.santeh input[type=submit] {
    background: #FE9D01;
    border-radius: 4px;
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 15px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    height: 53px;
    outline: none;
    border: none;
    margin-left: 10px;
    padding: 0 25px;
}

form.santeh {
    display: flex;
    margin: 40px 0 90px;
}

section.example-remont.btm {
    background: #F6F6F6;
    padding: 100px 0 10px 0;
    font-family: 'Gotham Pro';
}

section.example-remont.nobtm {
    padding: 10px 0 100px 0;
}

section.example-remont.nobtm .wrap {
    display: flex;
    gap: 20px 20px;
    flex-wrap: wrap;
}
.you-slick .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 2px;
    height: 3px;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #ffa81e;
    background: 0 0;
    border-radius: 50%;
}
.you-slick .slick-dots li.slick-active button {
    background: #ffa81e;
}
.wrap.you-slick {
    padding-bottom: 30px;
}
@media screen and (max-width:768px) {
    .metropoliten-lines-wrapper-desktop.nav__tabs,section.hero-handyman .advantage ,form.santeh{
        flex-wrap: wrap;
    }
    .metropoliten-section .metropoliten__stations-wrapper .dropdown__station-section-list-items .metropoliten__stations-section li{
        width: 50%;
    }
    section.hero-handyman .advantage .item{
            padding: 10px 0 10px 40px;
            max-width: 100%;
            background-position: left center;
    }
    form.santeh input[type=text]{
        width: 100%;
        margin-bottom: 15px;
    }
    form.santeh input[type=submit]{
        width: 100%;
        margin-left: 0;
    }
}


.steps-repair-new {
    font-family: 'Gotham Pro';
}

.steps-repair-new h2 {
    font-size: 35px;
    font-weight: 700;
    font-family: 'Gotham Pro';
    margin-bottom: 49px;
    line-height: normal;
}

.steps-repair-new .list .block .title {
    display: flex;
    align-items: center;
    color: #282828;
    height: 17px;
    background: url(/assets/images/appliances-redesign/bg-steps-title.png) 100% 50% no-repeat;
    cursor: pointer;
    line-height: 1.2;
    font-weight: 700;
    font-size: 18px;
}

.steps-repair-new .list .block .body p {
    font-size: 18px;
    margin-top: 20px;
}

.steps-repair-new .list .block .title.open {
    background: url(/assets/images/appliances-redesign/bg-title-active.png) 100% 50% no-repeat;
    color: #282828;
}
.steps-repair-new .block {
    background: #F6F6F6;
    border-radius: 6px;
    margin-bottom: 17px;
    padding: 26px 38px;
}

.steps-repair-new .list .block .body {
    display: none;
}

@media screen and (max-width: 767px) {
    .steps-repair-new h2 {
        font-size:32px;
        text-align: center;
    }

    .steps-repair-new .list .block .body p {
        font-size: 18px;
        margin-top: 30px;
        line-height: normal;
    }
}

@media (max-width: 360px) {
    .steps-repair-new .block {
        padding:26px 20px;
    }
}



section.advantages-new .wrap .item .text {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 157.2%;
    color: #292929;
}
section.advantages-new .wrap .item .name {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 124.2%;
    color: #292929;
    margin-bottom: 15px;
    min-height: 50px;
    margin-top: 15px;
}
section.advantages-new .wrap .item {
    width: calc(100%/4 - 25px);
}
section.advantages-new .wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 25px;
}
section.advantages-new .title {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 47px;
    text-align: center;
    color: #292929;
    margin-bottom: 45px;
}
section.advantages-new {
    padding: 100px 0 450px;
    background-color: #fcfcfc;
    background-image: url(/assets/images/advantages/handyman/sanitary/advan-wrap.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}





@media screen and (max-width:768px) {
    section.advantages-new .wrap .item{
        width: calc(100%/3 - 25px);
    }
    section.advantages-new{
        padding-bottom: 100px;
        background-image:none;
    }
}
@media screen and (max-width:525px) {
    section.advantages-new .wrap .item{
        width: 100%;
    }
    .breadcrumbs ul {
        flex-wrap: wrap;
        gap: 15px;
    }
}

section.main-content img {
    max-width: 100%;
}


section.price-unitaz {
    padding: 50px 0;
}
section.price-unitaz .title {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 47px;
    color: #292929;
    margin-bottom: 60px;
}
section.price-unitaz .wrap {
    display: flex;
    background-color: #F9F3EC;
    padding: 60px 50px 50px;
    justify-content: space-between;
    flex-wrap: wrap;
    background-image: url(/assets/images/handyman/bathroom-offer/review-bg.webp);
        background-position: bottom;
    background-repeat: no-repeat;
}
section.price-unitaz .wrap .cols {
    display: flex;
    position: relative;
    flex-direction: column;
    width: calc(100%/2 - 20px);
}
section.price-unitaz .wrap .cols .name {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 31px;
    color: #292929;
    margin-bottom: 25px;
}
section.price-unitaz .wrap .cols .text {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 157.2%;
    color: #292929;
}
section.price-unitaz .wrap .cols .text ul {
    margin-left: 20px;
    margin-bottom: 100px;
}
section.price-unitaz .wrap .cols .text ul li {
    list-style-type: disc;
}
section.price-unitaz .wrap .cols .price {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #292929;
    position: absolute;
    left: 0;
    bottom: 0;
}
section.price-unitaz .wrap .cols .price span {
    font-size: 36px;
}
.price-unitaz .btn-block {
    width: 100%;
    text-align: center;
    padding: 70px 0 20px;
}
.price-unitaz .btn-block .call-master {
    background: #FE9D01;
    border-radius: 4px;
    text-align: center;
    color: #FFF;
    margin: 0 auto;
    padding: 20px 0;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    justify-content: center;
    line-height: 17px;
    display: flex;
    max-width: 317px;
}



section.steps-install {
    padding: 50px 0;
}
section.steps-install .title {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 47px;
    color: #292929;
    margin-bottom: 20px;
}
section.steps-install .wrap {
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}
section.steps-install .wrap .cols {
    width: calc(100%/2 - 40px);
}
section.steps-install .wrap .cols ul li {
    padding: 15px 0 15px 45px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 17px;
    color: #464646;
    background: url(/assets/images/tick.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 28px;
    border-bottom: 1px solid #EFEFEF;
}
section.steps-install .wrap .cols img {
    float: right;
}

@media screen and (max-width:525px) {
    section.price-unitaz .wrap .cols .text ul,section.steps-install .wrap .cols ul{
        margin-bottom: 30px;
    }
    section.price-unitaz .wrap .cols .price{
        position: relative;
    }
    section.steps-install .wrap .cols,section.price-unitaz .wrap .cols {
        width: 100%;
        margin-bottom: 30px;
    }
    section.steps-install .wrap .cols img{
        float: none;
        display: block;
        margin: 0 auto;
    }
}


section.listing-services {
    padding: 50px 0;
}
section.listing-services .title {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 47px;
    color: #292929;
    margin-bottom: 55px;
}
section.listing-services .wrap {
    display: flex;
    gap: 40px 20px;
    flex-wrap: wrap;
}
section.listing-services .wrap .item {
    display: flex;
    flex-direction: column;
    width: calc(100%/3 - 20px);
    background: #ffffff;
    box-shadow: 0px 0px 68px rgb(0 0 0 / 7%);
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #464646;
}
section.listing-services .wrap .item img{
    width: 100%;
}
section.listing-services .wrap .item .name {
    padding: 25px;
}