.edgeLoad-EDGE-17064555,
.edgeLoad-EDGE-14982328 {
    visibility: hidden;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    font-family: acrom, "Helvetica Neue", sans-serif;
    /*min-height: 440px;*/
}

body .rotate,
body .loading {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #101927;
    z-index: 10000;
}

body .rotate .center-img,
body .loading .center-img {
    width: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

body .rotate {
    display: none;
}

body .rotate .center-img .rotate-img {
    width: 200px;
    height: 200px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body .rotate .center-img .rotate-text {
    text-align: center;
    font-size: 0.889em;
    color: #ABFF00;
    line-height: 25px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 20px;
}

body .loading {
    background-image: url(../img/Loadnig-back-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body .loading .center-img {
    width: 120px;
}

body .loading .center-img .rotate-img {
    width: 120px;
    height: 140px;
    position: relative;
}

body .loading .loading-text {
    color: #ABFF00;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: bold;
    font-size: 0.889em;
    letter-spacing: 1px;
}

body.loaded .loading {
    display: none;
}

@media all and (orientation: portrait) {
    body .rotate {
        display: block;
    }
}

a {
    text-decoration: none;
    outline: none;
}

.table {
    display: table;
}

.tr {
    display: table-row;
}

.td,
.th {
    display: table-cell;
    vertical-align: middle;
}

.content {
    height: 100%;
    overflow: auto;
}

.wrapper-main {
    max-width: 1600px;
    padding-left: 50px;
    padding-right: 50px;
    margin: 0 auto;
}

.btn-large {
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.btn-green {
    background-color: #68CD31;
    color: white;
}

.btn-white {
    background-color: white;
    color: #68CD31;
}

.label {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

.label .unit {
    color: #d8d8d8;
}

.label .unit sup {
    font-size: 8px;
    line-height: 1;
}

.gallery .switch-tab {
    cursor: pointer;
}

.flat-preview {
    width: 300px;
    color: #999999;
}

.flat-preview .img-over {
    padding: 0 35px 10px;
    border-bottom: 1px solid #999999;
}

.flat-preview .img {
    max-width: 100%;
    margin: 0 auto;
    height: auto;
    max-height: 250px;
}

.flat-preview .props {
    padding: 0 10px;
}

.flat-preview .props__main {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0 4px;
    font-size: 20px;
}

.flat-preview .props__main .price {
    color: #68CD31;
}

.flat-preview .props__misc {
    font-size: 14px;
    font-family: "linux_biolinum_o", "Times New Roman", sans;
}

.flat-gallery {
    padding: 50px 80px 100px;
    color: #999999;
}

.flat-gallery .item {
    width: 300px;
    margin-bottom: 70px;
    position: absolute;
}

.flat-gallery .gallery__switch {
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.flat-gallery .gallery__tabs {
    padding-top: 100px;
}

.flat-gallery .gallery__tab {
    position: relative;
    width: 100%;
    display: none;
}

.flat-gallery .gallery__tab.active {
    display: block;
}

.flat-gallery .switch-tab {
    position: relative;
}

.flat-gallery .switch-tab.disabled {
    display: none;
}

.flat-gallery .switch-tab.active::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 46px;
    height: 46px;
    opacity: 0.69;
    background-image: -moz-linear-gradient(45deg, #68CD31 0%, #ABFF00 100%);
    background-image: -o-linear-gradient(45deg, #68CD31 0%, #ABFF00 100%);
    background-image: linear-gradient(45deg, #68CD31 0%, #ABFF00 100%);
}

.flat-gallery .switch-tab .tab-name {
    position: relative;
}



.gradient {
    height: 125px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: url(../img/gradient.png) repeat-x center;
}

.hide-mobile {
    display: none;
}

.img {
    width: 100%;
}

.title {
    font-weight: 300;
    background-size: cover;
}

.conteiner {
    height: 100vh;
    position: relative;
    overflow: auto;
}

.header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 101;
}

.header .logo {
    position: absolute;
    top: 22px;
    left: 30px;
}

.header .logo a {
    background-image: url(../img/logo_no_title.svg);
    width: 41px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: block;
}

@media all and (min-width: 1100px) {
    .header .logo a {
        width: 140px;
        background-image: url(../img/logo.svg);
    }
}


/*.header.gray-logo a {
    background-image: url(../img/logo_no_title_gray.svg); }*/

@media all and (min-width: 1100px) {
    /*.header.gray-logo a {
        background-image: url(../img/logo_gray.svg); } }*/
    .header.gray-logo .menu-btn a {
        background-image: none;
    }
    .header.gray-logo .menu-btn a::after {
        background-image: url(../img/menu_gray.svg);
    }
    .header.gray-logo .menu-btn a::before {
        color: #999;
    }
    .header .menu-btn {
        position: absolute;
        right: 32px;
        top: 21px;
        width: 26px;
        height: 26px;
    }
    .header .menu-btn a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }
    .header .menu-btn a::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/menu.svg) no-repeat center;
        -o-transition: all 0.05s linear;
        -moz-transition: all 0.05s linear;
        transition: all 0.05s linear;
        display: block;
        width: 100%;
        height: 100%;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .header .menu-btn a::before {
        content: 'меню';
        position: absolute;
        top: 50%;
        right: 100%;
        font-size: 14px;
        text-transform: uppercase;
        color: #ffffff;
        margin-right: 15px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .header .menu-btn a:hover::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .header .menu-btn a.open::after {
        background-image: url(../img/close_icon.svg);
    }
    .header .menu-btn a.open::before {
        display: none;
    }
    .header .menu-btn a.open:hover::after {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .global-menu {
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        background-color: #101927;
        z-index: 100;
        -webkit-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -o-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -o-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        transition: all 0.1s linear;
        overflow: auto;
    }
    .global-menu.show {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .global-menu menu {
        margin-top: 122px;
        margin-left: 57px;
        padding: 0;
        list-style: none;
    }
    @media all and (min-width: 810px) {
        .global-menu menu.menu-mobile {
            display: none;
        }
    }
    .global-menu menu.menu-mobile li {
        margin: 32px 0 32px 25px;
        height: 140px;
        position: relative;
    }
    .global-menu menu.menu-mobile li::after,
    .global-menu menu.menu-mobile li::before {
        content: '';
        position: absolute;
        left: 25px;
        top: 0;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .global-menu menu.menu-mobile li.catalog::before {
        background-image: url(../img/menu/vybor_kvartiry.jpg);
    }
    .global-menu menu.menu-mobile li.about::before {
        background-image: url(../img/menu/o_proekte.jpg);
    }
    .global-menu menu.menu-mobile li.location::before {
        background-image: url(../img/menu/paspolozhenie.jpg);
    }
    .global-menu menu.menu-mobile li.declaration::before {
        background-image: url(../img/menu/declaracia.jpg);
    }
    .global-menu menu.menu-mobile li.gallery::before {
        background-image: url(../img/menu/gallery.jpg);
    }
    .global-menu menu.menu-mobile li.step-bulding::before {
        background-image: url(../img/menu/etapy_stroiki.jpg);
    }
    .global-menu menu.menu-mobile li.actions::before {
        background-image: url(../img/menu/accii.jpg);
    }
    .global-menu menu.menu-mobile li.mortgage::before {
        background-image: url(../img/menu/ipoteka.jpg);
    }
    .global-menu menu.menu-mobile li.contacts::before {
        background-image: url(../img/menu/kontakty.jpg);
    }
    .global-menu menu.menu-mobile li.news::before {
        background-image: url(../img/menu/news.jpg);
    }
    .global-menu menu.menu-mobile li.select::after {
        background-image: url(../img/menu/select-li.png);
    }
    .global-menu menu.menu-mobile li ul {
        list-style: none;
        padding: 0;
    }
    .global-menu menu.menu-mobile li a {
        color: #F5F5F5;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 32px;
        font-weight: 300;
        letter-spacing: -1.54px;
        line-height: 45px;
        display: block;
        position: relative;
        top: 50%;
        left: -25px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 1;
        max-width: 275px;
    }
    .global-menu menu.menu-mobile li.parent {
        height: auto;
    }
    .global-menu menu.menu-mobile li.parent>a {
        color: #ABFF00;
        font-size: 20px;
        line-height: 1;
        font-weight: bold;
        top: auto;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .global-menu menu.menu-mobile li.parent ul {
        overflow: hidden;
        height: 0;
        margin: 0;
    }
    .global-menu menu.menu-mobile li.parent.open ul {
        height: auto;
    }
    @media all and (min-width: 810px) {
        .global-menu .menu-vertical {
            display: none;
        }
    }
    .global-menu .menu-vertical .menu-slider-footer {
        color: #F5F5F5;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .global-menu .menu-vertical .menu-slider-footer-wrapper {
        padding: 30px 35px;
    }
    .global-menu .menu-vertical .menu-slider-footer-wrapper .footer-phone-number {
        margin-bottom: 4px;
    }
    .global-menu .menu-vertical .menu-slider-footer-wrapper .footer-phone-number a {
        text-decoration: none;
    }
    .global-menu .menu-vertical .menu-slider-footer-wrapper .footer-phone-call a {
        color: #68CD31;
        text-transform: uppercase;
        text-decoration: none;
        border: 0;
        font-weight: bold;
    }
    .global-menu .menu-horisontal {
        display: none;
        height: 100%;
        max-height: 840px;
        padding: 140px 0 220px;
    }
    .global-menu .menu-horisontal .menu-slider,
    .global-menu .menu-horisontal .menu-slider-containt,
    .global-menu .menu-horisontal .owl-stage-outer,
    .global-menu .menu-horisontal .owl-stage {
        height: 100%;
    }
    .global-menu .menu-horisontal .owl-stage {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .global-menu .menu-horisontal .owl-item {
        height: 100%;
    }
    .global-menu .menu-horisontal .owl-item .menu-link a {
        height: 80%;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }
    .global-menu .menu-horisontal .owl-item.center .menu-link a {
        height: 100%;
    }

    @media all and (min-width: 810px) {
        .global-menu .menu-horisontal {
            display: block;
        }
    }
    .global-menu .menu-horisontal .menu-slider-footer {
        position: absolute;
        color: #F5F5F5;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .global-menu .menu-horisontal .menu-slider-footer-wrapper {
        padding: 0 35px;
    }
    .global-menu .menu-horisontal .menu-slider-footer-wrapper .footer-phone {
        float: right;
        text-align: right;
    }
    .global-menu .menu-horisontal .menu-slider-footer-wrapper .footer-adress {
        float: left;
    }
    .global-menu .menu-horisontal .menu-slider-footer-wrapper .footer-phone-number {
        margin-bottom: 4px;
    }
    .global-menu .menu-horisontal .menu-slider-footer-wrapper .footer-phone-number a {
        text-decoration: none;
    }
    .global-menu .menu-horisontal .menu-slider-footer-wrapper .footer-phone-call a {
        color: #68CD31;
        text-transform: uppercase;
        text-decoration: none;
        border: 0;
        font-weight: bold;
    }
    .global-menu .menu-horisontal .menu-slider-nav {
        font-size: 0;
        margin-top: 50px;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        border-top: 2px solid rgba(255, 255, 255, 0.2);
    }
    .global-menu .menu-horisontal .menu-slider-nav-dir {
        font-size: 18px;
        width: 25%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        position: relative;
        z-index: 10;
    }
    .global-menu .menu-horisontal .menu-slider-nav-dir a {
        color: #68CD31;
        text-transform: uppercase;
        font-size: 0.667em;
        font-weight: bold;
        letter-spacing: 1px;
        text-decoration: none;
        position: relative;
        display: inline-block;
        padding: 19px 10px;
        margin-top: -3px;
    }

    .global-menu .menu-horisontal .menu-slider-nav-dir a br {
        display: none;
    }

    .global-menu .menu-horisontal .menu-slider-nav-dir.active a::after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background-color: #68CD31;
        content: '';
        height: 4px;
        border-radius: 2px;
    }
    .global-menu .menu-horisontal .menu-link {
        width: 560px;
        height: 100%;
        max-height: 560px;
        font-size: 1.778em;
        text-transform: uppercase;
        font-weight: 300;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    @media all and (min-width: 1400px) {
        .global-menu .menu-horisontal .menu-link {
            width: 770px;
            font-size: 2.778em;
        }
    }
    .global-menu .menu-horisontal .menu-link a {
        color: #F5F5F5;
        text-decoration: none;
        display: block;
        height: 100%;
        margin: 0 auto;
    }
    .global-menu .menu-horisontal .menu-link-img {
        display: block;
        width: 100%;
        height: 100%;
        background: #ABFF00 no-repeat center;
        -webkit-background-size: cover;
        background-size: cover;
        -o-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }
    @media all and (min-width: 1400px) {
        /*.global-menu .menu-horisontal .menu-link-img {*/
        /*width: 410px;*/
        /*height: 410px;*/
        /*margin: 75px auto; }*/
    }
    .global-menu .menu-horisontal .menu-link-img.catalog {
        background-image: url(../img/menu/vybor_kvartiry.jpg);
    }
    .global-menu .menu-horisontal .menu-link-img.location {
        background-image: url(../img/menu/okruzhenie.jpg);
    }
    .global-menu .menu-horisontal .menu-link-img.declaration {
        background-image: url(../img/menu/declaracia.jpg);
    }
    .global-menu .menu-horisontal .menu-link-img.gallery {
        background-image: url(../img/menu/gallery.jpg);
    }
    .global-menu .menu-horisontal .menu-link-img.step-bulding {
        background-image: url(../img/menu/etapy_stroiki.jpg);
    }
    .global-menu .menu-horisontal .menu-link-img.actions {
        background-image: url(../img/menu/accii.jpg);
    }
    .global-menu .menu-horisontal .menu-link-img.mortgage {
        background-image: url(../img/menu/ipoteka.jpg);
    }
    .global-menu .menu-horisontal .menu-link-img.contacts {
        background-image: url(../img/menu/kontakty.jpg);
    }
    .global-menu .menu-horisontal .menu-link-img.news {
        background-image: url(../img/menu/news.jpg);
    }
    .global-menu .menu-horisontal .menu-link-img.about {
        background-image: url(../img/menu/o_proekte.jpg);
    }
    .global-menu .menu-horisontal .menu-link-img.select {
        background-image: url(../img/menu/select-li.png);
    }
    .global-menu .menu-horisontal .menu-link-capt {
        margin-left: -30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        position: relative;
    }
    /*.global-menu .menu-horisontal .center .menu-link-img {*/
    /*width: 316px;*/
    /*height: 316px;*/
    /*margin: 0px auto; }*/
    @media all and (min-width: 1400px) {
        /*.global-menu .menu-horisontal .center .menu-link-img {*/
        /*width: 560px;*/
        /*height: 560px;*/
        /*margin: 0px auto; }*/
    }


    .footer {
        /*background-color: #101927;
  color: #F5F5F5;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;*/
        position: relative;
    }
    .footer.on-top {
        z-index: 100;
    }
    /*.footer a {
  color: #ABFF00;
  text-transform: uppercase;
  text-decoration: none;
  border: 0;
  font-weight: bold; }*/
    .footer-developer {
        width: 70%;
        display: flex;
        justify-content: space-around;
    }
    .footer-developer .f-col-img,
    .footer-developer .f-col-name,
    .footer-developer .f-col-txt {
        text-align: left;
        font-size: 18px;
        display: inline-block;
        vertical-align: top;
        font-family: "linux_biolinum_o", "Times New Roman", sans;
    }
    /*.footer-developer .f-col-name, .footer-developer .f-col-txt {*/
    /*padding-left: 20px; }*/
    /*.footer-developer .f-col-img {*/
    /*width: 21.95%; }*/
    .footer-developer .f-col-img img {
        display: block;
        margin: 0 auto;
    }
    .footer-developer .f-col-name {
        /*width: 17.07%;*/
        font-size: 16px;
    }
    .footer-developer .f-col-txt {
        opacity: 0.6;
        width: 60.97%;
        font-size: 16px;
        max-width: 540px;
    }
    .footer-over {
        height: 0;
        overflow: hidden;
        -o-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .footer-wrapper {
        text-align: left;
        height: 100%;
        padding: 40px 35px 35px;
    }
    .footer.open .footer-over {
        height: 280px;
    }
    .footer-adress {
        font-size: 1.111em;
        font-family: "linux_biolinum_o", "Times New Roman", sans;
        padding-bottom: 45px;
    }
    .footer-phone-number {
        margin-bottom: 4px;
    }
    .footer-phone-number a {
        font-weight: 100;
        font-size: 1.111em;
        color: #F5F5F5;
    }
    .footer-phone-call {
        text-transform: uppercase;
        font-size: 0.667em;
    }
    .footer .footer-left {
        float: left;
        margin-left: 15px;
    }
    .footer .footer-right {
        float: right;
        margin-right: 15px;
    }




    .footer .footer-title {
        height: 35px;
        padding: 9px 25px;
        line-height: 1;
        position: relative;
    }

    .footer .footer-title .footer-select {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .footer .footer-title__catalog {
        float: left;
    }
    .footer .footer-title__call {
        float: right;
    }
    .footer .footer-title__call .phone {
        font-size: 15px;
        color: #fff;
        display: inline-block;
        margin-right: 20px;
    }
    .footer .footer-title__catalog a,
    .footer .footer-title__call a {
        color: #ABFF00;
        position: relative;
    }
    .footer .footer-title__catalog a:hover,
    .footer .footer-title__call a:hover {
        color: #68CD31;
    }
    .footer .footer-title__catalog a {
        padding-left: 28px;
    }
    .footer .footer-title__catalog a::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 18px;
        height: 18px;
        background-color: #ABFF00;
        margin-right: 10px;
    }
    .footer .footer-title__catalog a:hover::before {
        background-color: #68CD31;
    }

    .footer.open .footer-title__catalog,
    .footer.open .footer-title__call {
        display: none;
    }

    @media screen and (max-width: 767px) {
        .footer .footer-title__call,
        .footer .footer-title__catalog {
            display: none;
        }
    }

    .footer .footer-icon {
        width: 16px;
        height: 16px;
        display: inline-block;
        background-position: center;
        background-repeat: no-repeat;
        margin: 0 15px;
        -o-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .footer .footer-icon.fb {
        background-image: url(../img/footer/facebook.svg);
    }
    .footer .footer-icon.tw {
        background-image: url(../img/footer/tweeter.svg);
    }
    .footer .footer-icon.glass {
        background-image: url(../img/footer/glasses.svg);
        width: 26px;
    }
    .footer .footer-icon.volume {
        background-image: url(../img/footer/sound.svg);
    }
    .footer .footer-icon.pluse {
        background-image: url(../img/footer/plus.svg);
    }
    .footer.open .footer-icon.pluse {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .footer__content,
    .footer__contacts {
        width: 70%;
        display: flex;
        justify-content: flex-end;
    }
    .footer__contacts {
        width: 30%;
    }
    .footer__video {
        width: 230px;
        height: 170px;
        padding-right: 60px;
        position: relative;
        display: block;
    }
    .footer__video-img {
        width: 170px;
        height: 170px;
        background: url(../../../../bitrix/templates/dombor/img/footer/video_bg.jpg) no-repeat center;
        position: relative;
    }
    .footer__video-img::before {
        content: '';
        position: absolute;
        left: 30px;
        bottom: 35px;
        width: 33px;
        height: 42px;
        background: url(../../../../bitrix/templates/dombor/img/footer/play_icon.svg) no-repeat center;
    }
    .footer__video-txt {
        position: absolute;
        font-size: 60px;
        line-height: 1;
        font-weight: 100;
        top: 20px;
        right: 0;
        color: #fff;
        letter-spacing: -3px;
    }
    .footer__content .inner {
        display: flex;
    }
    .footer__menu {
        display: flex;
        font-size: 12px;
        line-height: 30px;
    }
    .footer__menu .menu__block {
        padding-right: 75px;
    }
    .footer__menu a {
        color: #fff;
        opacity: 0.5;
    }
    .footer__menu a:hover {
        opacity: 0.65;
    }
    .footer__section.developer {
        position: absolute;
        right: 0;
        left: 0;
        top: 100%;
        bottom: 0;
        transition: all 0.3s ease;
        background-color: #101927;
    }

    .footer__section.main {
        display: flex;
        padding: 0 30px;
    }

    .footer__section.developer.open {
        top: -30px;
    }
    .footer__section.developer.open .footer__copyright {
        bottom: 0;
    }
    .footer__copyright {
        width: 100%;
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        line-height: 14px;
        color: #fff;
        /* position: absolute; */
    }
    .footer__copyright .copyright-block {
        opacity: 0.5;
    }
    .footer__inner {
        height: 100%;
        position: relative;
    }
    .footer__switch {
        padding-bottom: 30px;
        text-align: center;
    }
    .footer__switch a {
        font-size: 12px;
        color: #fff;
        opacity: 0.5;
        text-transform: none;
        font-weight: 400;
    }

   

    @media screen and (max-width: 1024px) {
       
        .footer.open .footer-over {
            height: auto;
        }
        .footer__section.main {
            padding: 0;
            flex-wrap: wrap;
        }
        .footer__content,
        .footer__contacts {
            width: 100%;
            justify-content: space-between;
        }
        .footer__contacts .inner {
            display: flex;
            justify-content: space-between;
            width: 100%;
            padding-top: 40px;
        }
        .footer-phone {
            text-align: right;
        }
        .footer-developer {
            width: 100%;
        }
    }
    @media screen and (max-width: 1024px) {
        
        .footer__content,
        .footer__content .inner,
        .footer__menu {
            display: block;
            text-align: center;
        }
        .footer__video {
            display: none;
        }
        .footer__menu .menu__block {
            padding-right: 0;
        }
    }
    

    .main-slider {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        overflow: hidden;
    }

    .points .point-nav {
        position: absolute;
        top: 50%;
        right: 25px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .points .point-nav .circle-btn {
        -webkit-transform: translateX(500%);
        -moz-transform: translateX(500%);
        -ms-transform: translateX(500%);
        -o-transform: translateX(500%);
        transform: translateX(500%);
        -o-transition: all 0.7s linear;
        -moz-transition: all 0.7s linear;
        transition: all 0.7s linear;
        opacity: 0;
        outline: none;
    }
    .points .point-nav .popup-open {
        opacity: 1;
        position: relative;
        z-index: 1;
    }
    .points .point-nav .close {
        opacity: 0;
        position: relative;
    }
    .points .point-nav.open .circle-btn.popup-open {
        z-index: 0;
        opacity: 0;
    }
    .points .point-nav.open .close {
        opacity: 1;
        z-index: 1;
    }

    .points.active .point-nav .circle-btn {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .points.active .point-nav .popup-open {
        opacity: 1;
    }

    .points.active .point-nav.open .popup-open {
        opacity: 0;
    }
    .points.active .point-nav.open .popup-open svg {
        -o-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        transition: all 0.5s linear;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .circle-btn {
        width: 50px;
        height: 50px;
        display: block;
        min-height: 1px;
    }
    @media all and (min-width: 1100px) {
        .circle-btn {
            width: 72px;
            height: 72px;
        }
    }
    .circle-btn-over {
        border-radius: 50%;
        border: 2px solid #FFF;
        -o-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        transition: all 0.1s linear;
        width: 50px;
        height: 50px;
        position: relative;
        display: block;
    }
    .circle-btn-over::after {
        content: 'подробнее';
        color: #999999;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center;
        padding-top: 16px;
        margin-top: 10px;
        font-weight: 500;
        width: 98px;
        height: 40px;
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        background: url(../../../../bitrix/templates/dombor/img/tooltip.svg) no-repeat center;
        display: none;
    }
    .circle-btn.close .circle-btn-over::after {
        display: none;
    }
    /*.circle-btn-over:hover {*/
    /*border: 2px solid #ABFF00; }*/
    .circle-btn-over:hover::after {
        display: block;
    }
    @media all and (min-width: 1100px) {
        .circle-btn-over {
            width: 72px;
            height: 72px;
        }
    }
    .circle-btn-conteiner {
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .circle-btn .icon {
        width: 100%;
        height: 100%;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
    }
    .circle-btn .icon::before {
        content: 'i';
        position: absolute;
        font-size: 40px;
        line-height: 1;
        color: #fff;
        font-weight: 300;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .circle-btn.close .icon::before {
        display: none;
    }
    .circle-btn .icon svg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 41.66%;
        width: 44%;
        margin: auto;
        -o-transition: all 0.7s linear;
        -moz-transition: all 0.7s linear;
        transition: all 0.7s linear;
    }
    .circle-btn .icon svg polygon,
    .circle-btn .icon svg path {
        -o-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        transition: all 0.1s linear;
        stroke: #F5F5F5;
        stroke-width: 2px;
    }
    /*.circle-btn-over:hover svg polygon,*/
    /*.circle-btn-over:hover svg path {*/
    /*stroke: #ABFF00; }*/
    .popup-content {
        margin-right: 10.25%;
        background-color: #F5F5F5;
        padding: 1px 0;
    }

    .popup-wrapper {
        padding: 0 5.87%;
        position: relative;
    }
    @media all and (min-width: 1100px) {
        .popup-wrapper {
            padding: 0 15.5%;
        }
    }
    .popup-wrapper-big {
        padding: 0 5.87%;
    }
    @media all and (min-width: 1100px) {
        .popup-wrapper-big {
            padding: 0 10.4%;
        }
    }
    .popup-wrapper-min {
        max-width: 540px;
        margin: 54px 0;
    }
    .popup-wrapper-left {
        margin-right: auto;
    }
    .popup-wrapper-right {
        margin-left: auto;
    }

    .popup-title {
        color: #68CD31;
        font-weight: 100;
        text-transform: uppercase;
        font-size: 5.556em;
        margin-left: -22px;
        margin-top: 185px;
        margin-bottom: 68px;
    }
    .popup-title span {
        position: relative;
        z-index: 1;
    }
    .popup-title-birdy {
        position: relative;
    }
    @media all and (min-width: 1400px) {
        .popup-title {
            font-size: 11.111em;
            letter-spacing: -9.61px;
            line-height: 1;
            margin-left: -40px;
        }
    }

    .popup-control {
        position: fixed;
        top: 0;
        bottom: 35px;
        right: 25px;
    }
    .popup-control .circle-btn {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .mass-col {
        font-size: 18px;
        margin: 20px 0;
    }
    @media all and (min-width: 1100px) {
        .mass-col {
            width: 50%;
            display: inline-block;
            vertical-align: top;
            position: relative;
        }
    }
    @media all and (min-width: 1100px) {
        .mass-col:nth-child(2)::before {
            content: '';
            width: 400px;
            height: 187px;
            position: absolute;
            left: -35px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            background-image: url(../img/diagonal.svg);
        }
    }

    .mass-title {
        color: #68CD31;
        font-weight: 100;
        margin-right: 40px;
        text-transform: uppercase;
        font-size: 4.444em;
        line-height: 1;
        float: left;
        position: relative;
        z-index: 1;
        width: 199px;
        text-align: right;
    }
    @media all and (min-width: 1400px) {
        .mass-title {
            font-size: 6.667em;
            width: 296px;
        }
    }

    .mass-text {
        font-family: "linux_biolinum_o", "Times New Roman", sans;
        font-size: 1.389em;
        color: #101927;
        position: relative;
        margin-top: 6px;
        z-index: 1;
    }

    .mass-lid {
        font-size: 1.944em;
        color: #999999;
        font-family: "linux_biolinum_o", "Times New Roman", sans;
    }
    @media all and (min-width: 1100px) {
        .mass-lid {
            font-size: 2.2em;
        }
    }

    .mass-desc {
        font-size: 1.389em;
        color: #101927;
        font-family: "linux_biolinum_o", "Times New Roman", sans;
    }

    .header-img {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .header-img.header-img-1 {
        background-image: url(../img/slider/project/06.jpg);
    }
    .header-img.header-img-2 {
        background-image: url(../img/slider/ecology/05.jpg);
    }
    .header-img.header-img-3 {
        background-image: url(../img/slider/sport/07.jpg);
    }
    .header-img.header-img-4 {
        background-image: url(../img/slider/okruzhenie/23.jpg);
    }
    .header-img.header-img-6 {
        background-image: url(../img/slider/architecture/03.jpg);
    }
    .header-img-over {
        padding: 0 0 62.67% 0;
        height: 0;
        position: relative;
    }
    .header-img-wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }
    .header-img-content {
        color: #F5F5F5;
        font-size: 1.944em;
        font-family: "linux_biolinum_o", "Times New Roman", sans;
    }
    @media all and (min-width: 810px) {
        .header-img-content {
            font-size: 2.333em;
        }
    }
    .header-img-content .popup-wrapper-min {
        margin: 0;
    }

    .slider-gallery {
        margin: 80px 0;
    }

    .decor {
        position: relative;
    }
    .decor>div {
        position: relative;
        z-index: 1;
    }
    @media all and (min-width: 1100px) {
        .decor::before {
            content: '';
            position: absolute;
            width: 400px;
            height: 187px;
            background-image: url(../img/diagonal.svg);
            background-size: cover;
        }
    }
    @media all and (min-width: 1100px) {
        .decor-right-bottom::before {
            top: 75%;
            left: 75%;
        }
    }
    @media all and (min-width: 1100px) {
        .decor-left-bottom::before {
            top: 100%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0%;
        }
    }

    .point-end .point-contact {
        position: absolute;
        left: 100px;
        bottom: 40px;
    }
    @media all and (min-width: 1100px) {
        .point-end .point-contact {
            left: 33px;
        }
    }
    .point-end .point-contact a {
        color: #FFF;
        text-decoration: none;
    }

    .point-end .point-phone {
        font-size: 2.500em;
        line-height: 1;
        font-weight: 100;
    }
    @media all and (min-width: 810px) {
        .point-end .point-phone {
            font-size: 3.056em;
        }
    }
    @media all and (min-width: 1100px) {
        .point-end .point-phone {
            font-size: 4.444em;
        }
    }

    .point-end .point-adress {
        font-family: "linux_biolinum_o", "Times New Roman", sans;
        font-size: 1.222em;
        line-height: 1.333em;
        position: absolute;
        top: 0;
        left: 100%;
        margin-left: 25px;
    }
    @media all and (min-width: 1100px) {
        .point-end .point-adress {
            font-size: 1.222em;
        }
    }

    .point-end .point-catalog {
        background-image: -moz-linear-gradient(135deg, rgba(104, 205, 49, 0.69) 0%, rgba(171, 255, 0, 0.69) 100%);
        background-image: -o-linear-gradient(135deg, rgba(104, 205, 49, 0.69) 0%, rgba(171, 255, 0, 0.69) 100%);
        background-image: linear-gradient(-45deg, rgba(104, 205, 49, 0.69) 0%, rgba(171, 255, 0, 0.69) 100%);
        width: 174px;
        height: 174px;
        position: absolute;
        bottom: 214px;
        top: 170px;
        right: 24px;
        margin: auto;
    }
    .point-end .point-catalog-text {
        position: absolute;
        left: -20px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }
    .point-end .point-catalog-text a {
        font-size: 1.556em;
        font-weight: 300;
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: -1.35px;
        text-decoration: none;
    }
    @media all and (min-width: 810px) {
        .point-end .point-catalog {
            bottom: auto;
            top: 154px;
        }
    }
    @media all and (min-width: 1100px) {
        .point-end .point-catalog {
            width: 250px;
            height: 250px;
        }
    }
    @media all and (min-width: 1400px) {
        .point-end .point-catalog {
            width: 340px;
            height: 340px;
            bottom: 0;
            top: 0;
            right: 38px;
        }
        .point-end .point-catalog-text a {
            font-size: 2.778em;
        }
    }

    .point-end .point-replay {
        position: absolute;
        right: 135px;
        bottom: 40px;
        display: none;
    }
    @media all and (min-width: 1100px) {
        .point-end .point-replay {
            display: block;
        }
    }
    .point-end .point-replay .btn-replay {
        position: relative;
        width: 137px;
        height: 137px;
        padding: 1px;
        display: block;
    }
    .point-end .point-replay .btn-replay-content {
        width: 54px;
        height: 54px;
        background-image: url(../img/replay_white_circle.svg);
        display: block;
        position: relative;
        border-radius: 50%;
        margin: 35px;
    }
    .point-end .point-replay .btn-replay-content::before,
    .point-end .point-replay .btn-replay-content::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .point-end .point-replay .btn-replay-content::before {
        width: 135px;
        height: 135px;
        border-radius: 50%;
        border: 1px dashed #FFF;
    }
    .point-end .point-replay .btn-replay-content::after {
        background-color: rgba(255, 255, 255, 0.5);
        width: 72px;
        -o-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        transition: all 0.2s linear;
        border-radius: 50%;
        height: 72px;
    }
    .point-end .point-replay .btn-replay-caption {
        position: absolute;
        left: 135%;
        top: 0;
        bottom: 0;
        text-decoration: none;
        font-size: 0.667em;
        text-transform: uppercase;
        color: #68CD31;
        height: 30px;
        margin: auto;
        font-weight: bold;
    }
    .point-end .point-replay .btn-replay:hover .btn-replay-content::after {
        width: 90px;
        height: 90px;
    }

    .mfp-wrap {
        position: absolute !important;
        overflow-y: auto;
    }

    @media all and (min-width: 800px) {
        .hide-mobile {
            display: none;
        }
        .show-mobile {
            display: block;
        }
    }

    @media all and (min-width: 810px) {
        .show-tablet {
            display: block;
        }
        .hide-tablet {
            display: none;
        }
    }

    @media all and (min-width: 1100px) {
        .show-desktop {
            display: block;
        }
        .hide-desktop {
            display: none;
        }
    }

    @media all and (max-width: 1400px) {
        .hide-big-large {
            display: none;
        }
    }

    @media screen and (max-width: 800px) {
        @-ms-viewport {
            width: 800px;
        }
        @viewport {
            width: 800px;
        }
    }

    .center-wrapper {
        margin: 0 !important;
    }

    body *,
    body *:after,
    body *::before {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body,
    html {
        margin: 0;
    }

    body,
    input,
    textarea,
    select,
    option {
        font-size: 18px;
        line-height: 1.4;
    }

    img {
        display: block;
        max-width: 100%;
    }

    .mm {
        margin: 0 auto;
    }

    .colarea {
        font-size: 0;
    }

    .col1,
    .col2,
    .col3,
    .col45,
    .col23,
    .col34,
    .col4,
    .col5,
    .col6,
    .col7,
    .col8 {
        display: inline-block;
        vertical-align: top;
        font-size: 18px;
        line-height: 1.4;
        padding: 0;
    }

    .col1 {
        width: 100%;
    }

    .col45 {
        width: 80%;
    }

    .col34 {
        width: 75%;
    }

    .col23 {
        width: 66.66%;
    }

    .col2 {
        width: 50%;
    }

    .col3 {
        width: 33.33%;
    }

    .col4 {
        width: 25%;
    }

    .col5 {
        width: 20%;
    }

    .col6 {
        width: 16.66%;
    }

    .col7 {
        width: 14.28%;
    }

    .col8 {
        width: 12.5%;
    }

    .cb {
        clear: both;
    }

    .upper {
        text-transform: uppercase;
    }

    .low {
        text-transform: lowercase;
    }

    .n-margin {
        margin: 0;
    }

    .t-left {
        text-align: left;
    }

    .t-right {
        text-align: right;
    }

    .t-center {
        text-align: center;
    }

    .dt {
        display: table;
        width: 100%;
        height: 100%;
    }

    .dtc {
        display: table-cell;
        vertical-align: middle;
    }

    .clearfix::after {
        display: block;
        clear: both;
        content: '';
    }

    .modal-win {
        display: none;
    }

    .main-slider {
        position: relative;
        height: 100%;
        width: 100%;
        color: #F5F5F5;
    }
    .main-slider .videos,
    .main-slider .points {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 35px;
        width: 100%;
        overflow: hidden;
        z-index: 0;
        -o-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
    .main-slider .videos.active,
    .main-slider .points.active {
        z-index: 2;
    }
    .main-slider .videos .b-video,
    .main-slider .videos .point-img,
    .main-slider .points .b-video,
    .main-slider .points .point-img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.2);
        -o-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
    .main-slider .videos .b-video.active,
    .main-slider .videos .point-img.active,
    .main-slider .points .b-video.active,
    .main-slider .points .point-img.active {
        opacity: 1;
        z-index: 2;
    }
    .main-slider .videos .b-video.point-2,
    .main-slider .videos .point-img.point-2,
    .main-slider .points .b-video.point-2,
    .main-slider .points .point-img.point-2 {
        background-image: url(../img/markers/2-min.jpg);
    }
    .main-slider .videos .b-video.point-3,
    .main-slider .videos .point-img.point-3,
    .main-slider .points .b-video.point-3,
    .main-slider .points .point-img.point-3 {
        background-image: url(../img/markers/3-min.jpg);
    }
    .main-slider .videos .b-video.point-4,
    .main-slider .videos .point-img.point-4,
    .main-slider .points .b-video.point-4,
    .main-slider .points .point-img.point-4 {
        background-image: url(../img/markers/4-min.jpg);
    }
    .main-slider .videos .b-video.point-5,
    .main-slider .videos .point-img.point-5,
    .main-slider .points .b-video.point-5,
    .main-slider .points .point-img.point-5 {
        background-image: url(../img/markers/5-min.jpg);
    }
    .main-slider .videos .b-video.point-6,
    .main-slider .videos .point-img.point-6,
    .main-slider .points .b-video.point-6,
    .main-slider .points .point-img.point-6 {
        background-image: url(../img/markers/6-min.jpg);
    }
    .main-slider .videos .b-video.point-7,
    .main-slider .videos .point-img.point-7,
    .main-slider .points .b-video.point-7,
    .main-slider .points .point-img.point-7 {
        background-image: url(../img/markers/7-min.jpg);
    }
    .main-slider .videos .b-video.point-8,
    .main-slider .videos .point-img.point-8,
    .main-slider .points .b-video.point-8,
    .main-slider .points .point-img.point-8 {
        background-image: url(../img/markers/8-min.jpg);
    }
    .main-slider .videos .b-video.point-9,
    .main-slider .videos .point-img.point-9,
    .main-slider .points .b-video.point-9,
    .main-slider .points .point-img.point-9 {
        background-image: url(../img/markers/9-min.jpg);
    }
    .main-slider .videos .b-video video,
    .main-slider .videos .point-img video,
    .main-slider .points .b-video video,
    .main-slider .points .point-img video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .main-slider .points .point-img video {
        width: 100%;
    }
    .main-slider .videos .b-video .title-point,
    .main-slider .videos .point-img .title-point,
    .main-slider .points .b-video .title-point,
    .main-slider .points .point-img .title-point {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-48%, -50%);
        -moz-transform: translate(-48%, -50%);
        -ms-transform: translate(-48%, -50%);
        -o-transform: translate(-48%, -50%);
        transform: translate(-48%, -50%);
        text-transform: uppercase;
        font-weight: 200;
        text-align: center;
    }
    .main-slider .videos .b-video.point-2 .title-point,
    .main-slider .videos .point-img.point-2 .title-point,
    .main-slider .points .b-video.point-2 .title-point,
    .main-slider .points .point-img.point-2 .title-point {
        font-size: 100px;
    }
    .main-slider .videos .house,
    .main-slider .points .house {
        font-size: 13.889em;
        line-height: 1;
    }
    @media all and (min-width: 810px) {
        .main-slider .videos .house,
        .main-slider .points .house {
            font-size: 17.778em;
        }
    }
    @media all and (min-width: 1100px) {
        .main-slider .videos .house,
        .main-slider .points .house {
            font-size: 22.222em;
        }
    }
    .main-slider .videos.active,
    .main-slider .points.active {
        z-index: 2;
    }

    .name-house {
        font-size: 3.333em;
        line-height: 1;
        font-weight: 300;
    }
    @media all and (min-width: 810px) {
        .name-house {
            font-size: 4.444em;
        }
    }
    @media all and (min-width: 1100px) {
        .name-house {
            font-size: 5.3333em;
        }
    }

    .plan {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .point-img {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .point-img .panorama {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .point-img .panorama>div {
        width: 100%;
        height: 100%;
    }
    .point-img .panorama .panorama-pano {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .progress-bar {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 35px;
        z-index: 3;
        display: none;
    }
    @media all and (min-width: 1100px) {
        .progress-bar.active {
            display: block;
        }
    }

    .main-slider .video-progress {
        padding-top: 63px;
    }
    .main-slider .video-progress::before {
        background-position: top center;
        background-repeat: repeat-x;
        width: 100%;
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        -o-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    .main-slider .video-progress.hover::before {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .main-slider .video-progress .video-progress-ov {
        position: relative;
        z-index: 1;
    }
    .main-slider .video-progress .video-progress-ov .end-video {
        bottom: 90px;
        -o-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
        -webkit-transform: translateY(240%);
        -moz-transform: translateY(240%);
        -ms-transform: translateY(240%);
        -o-transform: translateY(240%);
        transform: translateY(240%);
    }
    .main-slider .video-progress .timeline-nav {
        height: 6px;
    }
    .main-slider .video-progress .markers-nav {
        height: 0;
        position: relative;
    }
    @media all and (min-width: 1100px) {
        .main-slider .video-progress .markers-nav {
            height: 63px;
        }
    }
    .main-slider .video-progress .markers-nav .current-time {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        opacity: 0.2;
        -webkit-transform: translate(0, 300%);
        -moz-transform: translate(0, 300%);
        -ms-transform: translate(0, 300%);
        -o-transform: translate(0, 300%);
        transform: translate(0, 300%);
        -o-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
    .main-slider .video-progress .markers-nav .bg-time {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.4);
        -webkit-transform: translate(0, 300%);
        -moz-transform: translate(0, 300%);
        -ms-transform: translate(0, 300%);
        -o-transform: translate(0, 300%);
        transform: translate(0, 300%);
        -o-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
        right: 0;
    }
    .main-slider .video-progress .markers-nav.open .current-time,
    .main-slider .video-progress .markers-nav.open .bg-time,
    .main-slider .video-progress .markers-nav.hover .end-video {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .main-slider .video-progress .markers-nav .markers-nav-content {
        height: 100%;
        position: relative;
    }
    .main-slider .video-progress .markers-nav .marker-nav {
        width: 12.5%;
        position: relative;
        color: white;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
        display: inline-block;
        height: 100%;
    }
    .main-slider .video-progress .markers-nav .marker-nav-capt {
        width: 100%;
        height: 100%;
        overflow: hidden;
        -o-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
        border-left: 1px solid rgba(255, 255, 255, 0.6);
        -webkit-transform: translate(0, 300%);
        -moz-transform: translate(0, 300%);
        -ms-transform: translate(0, 300%);
        -o-transform: translate(0, 300%);
        transform: translate(0, 300%);
        padding: 16px 0 0 25px;
        display: block;
        cursor: pointer;
    }
    .main-slider .video-progress .markers-nav .marker-nav:first-child {
        border-left: 1px solid transparent;
    }
    .main-slider .video-progress .markers-nav .marker-nav.to-play::after {
        position: absolute;
        bottom: 100%;
        left: -10px;
        background-image: url(../img/play.svg);
        background-position: center;
        background-repeat: no-repeat;
        width: 22px;
        height: 27px;
        content: '';
        display: block;
        -webkit-transform: translate(0, 160%);
        -moz-transform: translate(0, 160%);
        -ms-transform: translate(0, 160%);
        -o-transform: translate(0, 160%);
        transform: translate(0, 160%);
        -o-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
    .main-slider .video-progress .markers-nav .marker-nav.current,
    .main-slider .video-progress .markers-nav .marker-nav:hover {
        color: #ABFF00;
    }
    .main-slider .video-progress .markers-nav.open .marker-nav-capt {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .main-slider .video-progress .markers-nav.open .marker-nav::after {
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .main-slider .video-progress.hover .video-progress-ov .end-video {
        padding-bottom: 40px;
        bottom: 50px;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .main-slider.played .video-progress .markers-nav .marker-nav.to-play::after {
        display: none;
    }
    /*---------main btn----------*/
    .b-action {
        width: 62%;
        padding-bottom: 62%;
        border: 1px dashed #fff;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 53%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-transform: uppercase;
    }

    @media all and (min-width: 1100px) {
        .b-action {}
    }

    .b-action__link {
        font-size: 14px;
        text-align: center;
        color: #fff;
        font-weight: 600;
        position: absolute;
        top: 50%;
        border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 120px;
        height: 120px;
    }

    .b-action__link .caption {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .b-action__link.btn-main-action {
        background-color: #fff;
        left: 100%;
        color: #68CD31;
    }
    .b-action__link.btn-main-action::after {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .b-action__link.btn-main-action::before {
        width: 18px;
        height: 24px;
        background: url(../../../../bitrix/templates/dombor/img/walk_cache_1.svg) no-repeat center;
        left: 55%;
    }


    .b-action__link.btn-contacts {
        left: 50%;
        background-color: #A6F700;
    }

    .b-action__link.btn-contacts::after {
        background-color: rgba(104, 205, 49, 0.5);
    }

    .b-action__link.btn-contacts::before {
        width: 33px;
        height: 24px;
        background: url(../../../../bitrix/templates/dombor/img/office_cache_1.svg) no-repeat center;
        left: 53%;
    }

    .b-action__link:hover::before {
        display: block;
    }

    .b-action__link:hover .caption {
        display: none;
    }

    .b-action__link::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 160px;
        height: 160px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
        border-radius: 50%;
    }

    .b-action__link:hover::after {
        width: 140px;
        height: 140px;
    }

    .b-action__link::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1;
        -webkit-background-size: contain;
        background-size: contain;
        display: none;
    }
    /*@media screen and (max-width: 1024px){
  .b-action__link.btn-contacts{
    width: 110px;
    height: 110px;
  }
  .b-action__link.btn-main-action{
    width: 60px;
    height: 60px;
  }
}*/
    @media screen and (max-width: 768px) {
        .b-action__link {
            width: 80px;
            height: 80px;
            font-size: 11px;
        }
        .b-action__link::after {
            width: 100px;
            height: 100px;
        }
        .b-action__link.btn-contacts::before {
            left: 55%;
        }
        .b-action__link.btn-main-action::before {
            left: 57%;
        }
    }
    /*@media screen and (max-width: 767px){
  .b-action__link{
    font-size: 14px;
  }
  .b-action__link .caption{
    margin-left: 10px;
  }
}*/
    /*---------main btn----------*/
    svg:not(:root) {
        overflow: hidden;
    }
    svg:not(:root) path.play {
        stroke: #ABFF00;
    }

    .graphic {
        position: absolute;
        top: 0;
        left: 0;
        fill: none;
    }
    .graphic--nao {
        stroke: rgba(255, 255, 255, 0.4);
        stroke-width: 6px;
        pointer-events: none;
        transition: stroke 0.7s, -webkit-transform 0.7s;
        -o-transition: stroke 0.7s, -o-transform 0.7s;
        -moz-transition: transform 0.7s, stroke 0.7s, -moz-transform 0.7s;
        transition: transform 0.7s, stroke 0.7s;
        transition: transform 0.7s, stroke 0.7s, -webkit-transform 0.7s, -moz-transform 0.7s, -o-transform 0.7s;
        -moz-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
        -o-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
        transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    }
    .graphic.action {
        stroke: rgba(255, 255, 255, 0.6);
        -webkit-transform: translate3d(-66.6%, 0, 0);
        -moz-transform: translate3d(-66.6%, 0, 0);
        transform: translate3d(-66.6%, 0, 0);
    }

    .green-line-conteiner {
        position: absolute;
        overflow: hidden;
        height: 100%;
        -o-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
    .green-line-conteiner::before {
        opacity: 0.2;
        background-image: -moz-linear-gradient(right, #68cd31 50%, #abff00 100%);
        background-image: -o-linear-gradient(right, #68cd31 50%, #abff00 100%);
        background-image: linear-gradient(-90deg, #68cd31 50%, #abff00 100%);
        width: 100%;
        left: 0;
        content: '';
        position: absolute;
        height: 100%;
        -webkit-transform: translate(0, 300%);
        -moz-transform: translate(0, 300%);
        -ms-transform: translate(0, 300%);
        -o-transform: translate(0, 300%);
        transform: translate(0, 300%);
        -o-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
    .green-line-conteiner.open::before {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .green-line-conteiner .green-line-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .green-line-conteiner .green-line-wrapper .green-line-len {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }

    .main-slider .mobile-progress {
        position: absolute;
        left: 20px;
        bottom: 70px;
        z-index: 2;
        height: 60px;
        width: 60px;
        display: none;
    }
    .main-slider .mobile-progress.active {
        display: block;
    }
    @media all and (min-width: 1100px) {
        .main-slider .mobile-progress.active {
            display: none;
        }
    }
    .main-slider .mobile-progress .play-btn,
    .main-slider .mobile-progress .panoram-nav-btn,
    .main-slider .mobile-progress .replay-btn {
        position: absolute;
        border-radius: 50%;
        height: 48px;
        width: 48px;
        background-color: #ABFF00;
        top: 50%;
        left: 50%;
        display: none;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-image: url(../img/play_white_phone.svg);
        background-repeat: no-repeat;
    }
    .main-slider .mobile-progress .play-btn a,
    .main-slider .mobile-progress .panoram-nav-btn a,
    .main-slider .mobile-progress .replay-btn a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .main-slider .mobile-progress .replay-btn {
        background-image: url(../img/replay_icon.svg);
        background-position: 57% 50%;
    }
    .main-slider .mobile-progress .play-btn {
        background-image: url(../img/play_white_phone.svg);
        background-position: 60% 50%;
    }
    .main-slider .mobile-progress .panoram-nav-btn {
        display: block;
        background-image: url(../img/footer/plus.svg);
        background-position: 50% 50%;
    }
    .main-slider .mobile-progress.show-play .play-btn {
        display: block;
    }
    .main-slider .mobile-progress.show-play .panoram-nav-btn {
        display: none;
    }
    .main-slider .mobile-progress circle {
        stroke-dashoffset: 0;
        -o-transition: stroke-dashoffset 1s linear;
        -moz-transition: stroke-dashoffset 1s linear;
        transition: stroke-dashoffset 1s linear;
        stroke: #999999;
        stroke-width: 2px;
    }
    .main-slider .mobile-progress svg #bar {
        stroke-dashoffset: 176px;
        stroke: #ABFF00;
    }

    .main-slider.end-tour .mobile-progress.show-play .play-btn {
        display: none;
    }

    .main-slider.end-tour .replay-btn {
        display: block;
    }

    .progressbar-overlay {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .progressbar-overlay .end-video {
        position: absolute;
        right: 30px;
        display: none;
        z-index: 4;
    }
    .progressbar-overlay .end-video a {
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #F5F5F5;
        font-size: 0.667em;
        text-decoration: none;
        font-weight: bold;
    }
    .progressbar-overlay .end-video a:hover {
        color: #68CD31;
    }
    .progressbar-overlay .end-video.end-video-mobile {
        bottom: 63px;
    }
    @media all and (min-width: 1100px) {
        .progressbar-overlay .end-video.end-video-mobile {
            display: none;
        }
    }

    .progressbar-overlay.active .end-video {
        display: block;
    }
    @media all and (min-width: 1100px) {
        .progressbar-overlay.active .end-video.end-video-mobile {
            display: none;
        }
    }

    .progressbar-overlay.active.show-play .end-video {
        display: none;
    }

    .show-play .end-video {
        display: none;
    }

    .panorams-list {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 3;
        background: rgba(16, 25, 39, 0.8);
        width: 350px;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -o-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
        padding-left: 105px;
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .panorams-list.open {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    .panorams-list .panoram-item {
        font-size: 0.889em;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    @media all and (min-height: 600px) {
        .panorams-list .panoram-item {
            margin-bottom: 33px;
        }
    }
    .panorams-list .panoram-item:last-child {
        margin-bottom: 0;
    }
    .panorams-list .panoram-item a {
        color: white;
        text-decoration: none;
    }
    .panorams-list .panoram-item a:hover {
        color: #ABFF00;
    }
    .panorams-list .panoram-item.active a {
        color: #ABFF00;
    }
    .panorams-list .close-panoram-list {
        position: absolute;
        left: 39px;
        bottom: 89px;
    }
    .panorams-list .close-panoram-list a {
        display: block;
        width: 23px;
        height: 23px;
        background-image: url(../img/footer/plus.svg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        text-decoration: none;
        background-position: center;
        background-repeat: no-repeat;
    }

    div[type="sport"] {
        font-size: 60px;
        font-weight: 300;
        color: #fff;
    }
    div[type="sport"]::after {
        content: '';
        position: absolute;
        bottom: 100%;
        width: 108px;
        height: 108px;
        left: 0;
        background: url(../img/ball.png) no-repeat center;
        background-size: cover;
        margin-bottom: 20px;
    }

    .big-slider {
        position: relative;
    }
    .big-slider .slider__item {
        background: no-repeat center;
        background-size: cover;
    }
    .big-slider .slider__thumbs {
        position: absolute;
        display: none;
        bottom: 0;
        right: 0;
        z-index: 1;
    }
    @media all and (min-width: 1100px) {
        .big-slider .slider__thumbs {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
        }
    }
    .big-slider .slider__thumb {
        width: 130px;
        height: 80px;
        background: no-repeat center;
        background-size: cover;
        position: relative;
        display: block;
    }
    .big-slider .slider__thumb::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }
    .big-slider .slider__thumb:hover::after {
        background-color: transparent;
    }
    .big-slider .slider__thumb.active::after {
        height: 5px;
        background-color: #ABFF00;
    }
    .big-slider .owl-nav {
        position: absolute;
        bottom: 30px;
        right: 30px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 150px;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    @media all and (min-width: 1100px) {
        .big-slider .owl-nav {
            bottom: 160px;
            right: 130px;
        }
    }
    .big-slider .owl-prev,
    .big-slider .owl-next {
        width: 22px;
        height: 41px;
        background: no-repeat center;
    }
    .big-slider .owl-prev {
        background-image: url(../img/slider/prev.svg);
    }
    .big-slider .owl-next {
        background-image: url(../img/slider/next.svg);
    }

    div[type="hotspot"] {
        font-size: 60px;
        font-weight: 300;
        color: #fff;
    }
    div[type="hotspot"]::after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 0;
        background: no-repeat center;
        background-size: cover;
        margin-bottom: 20px;
    }
    div[type="hotspot"] span {
        font-family: "Roboto", sans-serif;
        font-weight: 300;
    }

    div[hotspot="parking"]::after {
        width: 76px;
        height: 102px;
        background-image: url(../../../../pano/pano_assets/img/parking.svg);
    }

    div[hotspot="bridge"]::after {
        width: 163px;
        height: 93px;
        background-image: url(../../../../pano/pano_assets/img/bridge.svg);
    }

    div[hotspot="beach"]::after {
        width: 115px;
        height: 120px;
        background-image: url(../../../../pano/pano_assets/img/beach.svg);
    }

    div[hotspot="hood"]::after {
        width: 86px;
        height: 89px;
        background-image: url(../../../../pano/pano_assets/img/hood.svg);
    }

    div[hotspot="river"]::after {
        width: 123px;
        height: 72px;
        background-image: url(../../../../pano/pano_assets/img/river.svg);
    }

    div[hotspot="forest"]::after {
        width: 105px;
        height: 111px;
        background-image: url(../../../../pano/pano_assets/img/forest.svg);
    }

    div[hotspot="air"]::after {
        width: 144px;
        height: 102px;
        background-image: url(../../../../pano/pano_assets/img/air.svg);
    }

    div[hotspot="stadium"]::after {
        width: 110px;
        height: 110px;
        background-image: url(../../../../pano/pano_assets/img/stadium.svg);
    }

    div[hotspot="fitness"]::after {
        width: 114px;
        height: 59px;
        background-image: url(../../../../pano/pano_assets/img/fitness.svg);
    }

    div[hotspot="tennis"]::after {
        width: 127px;
        height: 126px;
        background-image: url(../../../../pano/pano_assets/img/tennis.svg);
    }

    div[hotspot="yacht"]::after {
        width: 120px;
        height: 120px;
        background-image: url(../../../../pano/pano_assets/img/tennis.svg);
    }

    div[hotspot="lyceum"]::after {
        width: 119px;
        height: 98px;
        background-image: url(../../../../pano/pano_assets/img/lyceum.svg);
    }

    div[hotspot="arena"]::after {
        width: 170px;
        height: 67px;
        background-image: url(../../../../pano/pano_assets/img/arena.svg);
    }

    div[hotspot="mall"]::after {
        width: 102px;
        height: 98px;
        background-image: url(../../../../pano/pano_assets/img/mall.svg);
    }

    div[hotspot="subway"]::after {
        width: 122px;
        height: 86px;
        background-image: url(../../../../pano/pano_assets/img/subway.svg);
    }

    div[hotspot="kindergarten"]::after {
        width: 111px;
        height: 92px;
        background-image: url(../../../../pano/pano_assets/img/kindergarten.svg);
    }

    div[hotspot="hospital"]::after {
        width: 103px;
        height: 103px;
        background-image: url(../../../../pano/pano_assets/img/hospital.svg);
    }

    div[hotspot="school"]::after {
        width: 130px;
        height: 93px;
        background-image: url(../../../../pano/pano_assets/img/school.svg);
    }

    div[hotspot="facade"]::after {
        width: 134px;
        height: 93px;
        background-image: url(../../../../pano/pano_assets/img/facade.svg);
    }

    div[hotspot="floor"]::after {
        width: 143px;
        height: 95px;
        background-image: url(../../../../pano/pano_assets/img/floor.svg);
    }

    div[hotspot="penthouse"]::after {
        width: 111px;
        height: 100px;
        background-image: url(../../../../pano/pano_assets/img/penthouse.svg);
    }

    div[hotspot="view"]::after {
        width: 98px;
        height: 83px;
        background-image: url(../../../../pano/pano_assets/img/view.svg);
    }
    /*----------FILTER RESULT---------*/
    .filter-result-page {
        position: relative;
        background-color: #F5F5F5;
    }
    .filter-result-page .filter-results .gradient {
        z-index: 3;
    }
    .filter-result-page .filter-results .alternative-show {
        visibility: hidden;
    }
    .filter-result-page .filter-results h4.alternative-show {
        text-align: center;
        margin: 0;
        padding-top: 65px;
        font-weight: 400;
        font-family: "linux_biolinum_o", "Times New Roman", sans;
    }
    .filter-result-page .filter-results.alternative .alternative-show {
        visibility: visible;
    }
    .filter-result-page .filter-results .gallery__switch {
        max-width: 770px;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 3;
    }
    .filter-result-page .view-switch {
        position: absolute;
        top: 40%;
        right: 50px;
    }
    .filter-result-page .view-switch__tab {
        width: 34px;
        height: 34px;
        background-color: #fff;
        cursor: pointer;
        margin: 3px;
    }
    .filter-result-page .view-switch__tab .icon {
        width: 100%;
        height: 100%;
        background: no-repeat center;
    }
    .filter-result-page .view-switch__tab[data-view="mosaic-mode"] .icon {
        background-image: url(../img/filter/switch_mosaic.svg);
    }
    .filter-result-page .view-switch__tab[data-view="mosaic-mode"].active .icon {
        background-image: url(../img/filter/switch_mosaic_white.svg);
    }
    .filter-result-page .view-switch__tab[data-view="list-mode"] .icon {
        background-image: url(../img/filter/switch_table.svg);
    }
    .filter-result-page .view-switch__tab[data-view="list-mode"].active .icon {
        background-image: url(../img/filter/switch_table_white.svg);
    }
    .filter-result-page .view-switch__tab.active {
        background-image: -moz-linear-gradient(45deg, #68CD31 0%, #ABFF00 100%);
        background-image: -o-linear-gradient(45deg, #68CD31 0%, #ABFF00 100%);
        background-image: linear-gradient(45deg, #68CD31 0%, #ABFF00 100%);
    }
    .filter-result-page .view-mode {
        padding-bottom: 100px;
    }
    .filter-result-page .view-mode .flat-list__header {
        display: none;
    }
    .filter-result-page .view-mode .prop {
        display: inline-block;
        font-size: 20px;
        vertical-align: middle;
    }
    .filter-result-page .view-mode .prop.extra {
        display: none;
    }
    .filter-result-page .view-mode .see-detail {
        display: none;
    }
    .filter-result-page .view-mode.list-mode .flats {
        height: auto !important;
    }
    .filter-result-page .view-mode.list-mode .item {
        position: static;
        height: 100px;
        width: 100%;
        margin-bottom: 0;
    }
    .filter-result-page .view-mode.list-mode .item:hover {
        background-color: rgba(216, 216, 216, 0.2);
    }
    .filter-result-page .view-mode.list-mode .item:hover .img-over {
        display: block;
    }
    .filter-result-page .view-mode.list-mode .item__inner {
        border-bottom: 1px solid #999999;
        color: #999999;
        width: 100%;
        height: 100%;
        position: relative;
    }
    .filter-result-page .view-mode.list-mode .flat-preview {
        width: 100%;
        height: 100%;
        display: block;
    }
    .filter-result-page .view-mode.list-mode .flat-preview .img-over {
        border-bottom: none;
    }
    .filter-result-page .view-mode.list-mode .props {
        padding: 0;
        height: 100%;
    }
    .filter-result-page .view-mode.list-mode .props__main {
        height: 100%;
        float: right;
        font-size: 0;
        padding: 0;
        width: 50%;
        display: block;
    }
    .filter-result-page .view-mode.list-mode .props__main::after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    .filter-result-page .view-mode.list-mode .props__main .prop:last-child {
        width: 20%;
    }
    .filter-result-page .view-mode.list-mode .props__misc {
        height: 100%;
        font-size: 0;
        float: left;
        font-family: acrom, "Helvetica Neue", sans-serif;
        width: 50%;
    }
    .filter-result-page .view-mode.list-mode .props__misc::after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    .filter-result-page .view-mode.list-mode .props__misc .prop:first-child {
        width: 20%;
    }

    .filter-result-page .view-mode.list-mode .prop {
        width: 40%;
    }
    .filter-result-page .view-mode.list-mode .prop .unit {
        display: none;
    }
    .filter-result-page .view-mode.list-mode .prop.extra {
        display: inline-block;
    }
    .filter-result-page .view-mode.list-mode .price {
        color: #68CD31;
    }
    .filter-result-page .view-mode.list-mode .view-icon {
        width: 30px;
        height: 30px;
        background: no-repeat center;
        background-size: contain;
        display: inline-block;
    }
    .filter-result-page .view-mode.list-mode .img-over {
        width: 290px;
        height: 290px;
        padding: 50px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 1;
        display: none;
    }
    .filter-result-page .view-mode.list-mode .img-over::before {
        content: '';
        position: absolute;
        right: 100%;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        border-right: 11px solid #fff;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
    }
    .filter-result-page .view-mode.list-mode .flat-list {
        max-width: 1200px;
        padding: 0 50px;
        margin: 0 auto;
        text-align: center;
    }
    .filter-result-page .view-mode.list-mode .flat-list__row {
        position: relative;
        height: 100px;
    }
    .filter-result-page .view-mode.list-mode .flat-list__row .row__inner {
        border-bottom: 1px solid #999999;
        color: #999999;
        width: 100%;
        height: 100%;
        font-size: 0;
    }
    .filter-result-page .view-mode.list-mode .flat-list__row .row__inner::after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    .filter-result-page .view-mode.list-mode .flat-list__row:hover {
        background-color: rgba(216, 216, 216, 0.2);
    }
    .filter-result-page .view-mode.list-mode .flat-list__row:hover .img-over {
        display: block;
    }
    .filter-result-page .view-mode.list-mode .cell {
        width: 20%;
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
    }
    .filter-result-page .view-mode.list-mode .cell:first-child,
    .filter-result-page .view-mode.list-mode .cell:last-child {
        width: 10%;
    }
    .filter-result-page .view-mode.list-mode .flat-list__header {
        background-color: #fff;
        height: 80px;
        display: block;
    }
    .filter-result-page .view-mode.list-mode .flat-list__header .row__inner {
        border-bottom: none;
    }
    .filter-result-page .view-mode.list-mode .flat-list__header:hover {
        background-color: #fff;
    }
    .filter-result-page .change-filter {
        display: none;
        position: absolute;
        bottom: 35px;
    }

    .filter-result-page .sorter .label {
        cursor: pointer;
        display: inline-block;
        position: relative;
    }

    .filter-result-page .sorter.asc .label::after,
    .filter-result-page .sorter.desc .label::after {
        content: '';
        position: absolute;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        left: 100%;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        margin-left: 5px;
    }

    .filter-result-page .sorter.asc .label::after {
        border-bottom: 5px solid #999999;
    }

    .filter-result-page .sorter.desc .label::after {
        border-top: 5px solid #999999;
    }

    .flat-popup .item {
        max-width: 570px;
        margin: 0 auto;
        background-color: #fff;
        position: relative;
    }
    .flat-popup .item .prop {
        display: inline-block;
    }
    .flat-popup .item .prop.extra {
        display: none;
    }

    .flat-popup .item__inner {
        padding: 12% 10% 8%;
    }

    .flat-popup.mfp-bg {
        background-color: #000000;
        opacity: 0.5;
    }

    .flat-popup .mfp-close {
        font-size: 0;
        opacity: 1;
        width: 26px;
        height: 26px;
        top: 20px;
        right: 20px;
        background: url(../img/btn-close.svg) no-repeat center;
    }

    .flat-popup .mfp-container {
        padding: 30px;
    }

    @media screen and (max-width: 1024px) {
        .filter-result-page .flat-gallery {
            padding: 70px 50px 100px;
        }
        .filter-result-page .view-switch {
            top: 30px;
            right: 50%;
            -webkit-transform: translate(50%, 0);
            -moz-transform: translate(50%, 0);
            -ms-transform: translate(50%, 0);
            -o-transform: translate(50%, 0);
            transform: translate(50%, 0);
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            z-index: 3;
        }
        .filter-result-page .filter-results .gallery__switch {
            max-width: none;
            padding: 0 175px 30px;
            top: 85px;
            background-color: #f5f5f5;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .filter-result-page .filter-results .gallery__switch .switch-tab {
            padding: 15px 0;
        }
        .filter-result-page .view-mode.list-mode .flat-list {
            padding: 0;
            margin: 0 -50px;
        }
        .filter-result-page .view-mode.list-mode .flat-list__row,
        .filter-result-page .view-mode.list-mode .item {
            padding: 0 50px;
        }
        .filter-result-page .view-mode.list-mode .flat-list__row:hover .img-over,
        .filter-result-page .view-mode.list-mode .item:hover .img-over {
            display: none;
        }
    }

    @media screen and (max-width: 800px) {
        .filter-result-page .filter-results .gallery__switch {
            padding: 0 50px 30px;
        }
    }

    @media screen and (max-width: 736px) {
        .filter-result-page .filter-settings {
            display: none;
        }
        .filter-result-page .flat-gallery {
            padding: 120px 50px 100px;
        }
        .filter-result-page .filter-results .gallery__switch {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .filter-result-page .filter-results .switch-tab {
            text-align: center;
        }
        .filter-result-page .filter-results .switch-tab:nth-child(4),
        .filter-result-page .filter-results .switch-tab:nth-child(5) {
            width: 50%;
        }
        .filter-result-page .view-mode.list-mode .flat-list__row,
        .filter-result-page .view-mode.list-mode .item {
            padding: 0;
            border-bottom: 1px solid #999999;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .filter-result-page .view-mode.list-mode .flat-list__row .row__inner,
        .filter-result-page .view-mode.list-mode .flat-list__row .item__inner,
        .filter-result-page .view-mode.list-mode .item .row__inner,
        .filter-result-page .view-mode.list-mode .item .item__inner {
            padding: 0 10px;
            border-bottom: none;
        }
        .filter-result-page .view-mode.list-mode .flat-list__header {
            border-bottom: none;
        }
        .filter-result-page .view-mode.list-mode .cell,
        .filter-result-page .view-mode.list-mode .cell:first-child {
            width: 16.3333%;
        }
        .filter-result-page .view-mode.list-mode .cell:last-child {
            display: none;
        }
        .filter-result-page .view-mode.list-mode .cell:nth-last-child(2),
        .filter-result-page .view-mode.list-mode .cell:nth-last-child(3) {
            width: 25%;
        }
        .filter-result-page .view-mode.list-mode .props__main .view {
            display: none;
        }
        .filter-result-page .view-mode.list-mode .props__main .price {
            width: 50%;
        }
        .filter-result-page .view-mode.list-mode .props__main .area {
            width: 50%;
        }
        .filter-result-page .view-mode.list-mode .prop,
        .filter-result-page .view-mode.list-mode .props__misc .prop:first-child {
            width: 32.6666%;
        }
        .filter-result-page .change-filter {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
        }
        .filter-result-page .filter-results .alternative-show {
            display: none;
        }
        .flat-gallery .gallery__tabs {
            padding-top: 0;
        }
        .filter-result-page .view-switch {
            display: none;
        }
    }
    @media screen and (max-width: 736px) and (orientation: portrait) {}
    /*------END FILTER RESULT---------*/
    /*-----------FILTER------------*/
    .filter-page .views-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 35px;
        overflow: hidden;
    }

    .filter-page .svg-area {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .filter-page .floor-polyline {
        fill: rgba(171, 255, 0, 0.4);
        opacity: 0;
    }
    .filter-page .floor-polyline:hover {
        opacity: 1;
    }
    .filter-page .floor-polyline.active {
        opacity: 1;
    }

    .filter-page .view-point {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        display: none;
    }
    .filter-page .view-point.stadium .view__icon.stadium {
        bottom: 39%;
        left: 15.5%;
    }
    .filter-page .view-point.stadium .view__icon.city {
        bottom: 27%;
        left: 60.25%;
    }
    .filter-page .view-point.stadium .view__icon.forest {
        bottom: 63%;
        left: 76%;
    }
    .filter-page .view-point.stadium .view__icon.river {
        bottom: 70%;
        left: 22%;
    }
    .filter-page .view-point.stadium .section-icon.section-1 {
        top: 18%;
        left: 50%;
    }
    .filter-page .view-point.stadium .section-icon.section-2 {
        top: 10%;
        left: 37%;
    }
    .filter-page .view-point.stadium .section-icon.section-3 {
        top: 7%;
        left: 55%;
    }
    .filter-page .view-point.city .view__icon.stadium {
        bottom: 39%;
        left: 15%;
    }
    .filter-page .view-point.city .view__icon.city {
        bottom: 27%;
        left: 60.5%;
    }
    .filter-page .view-point.city .view__icon.forest {
        bottom: 53.5%;
        left: 80%;
    }
    .filter-page .view-point.city .view__icon.river {
        bottom: 70%;
        left: 22%;
    }
    .filter-page .view-point.city .section-icon.section-1 {
        top: 14%;
        left: 36%;
    }
    .filter-page .view-point.city .section-icon.section-2 {
        top: 8%;
        left: 44%;
    }
    .filter-page .view-point.city .section-icon.section-3 {
        top: 8%;
        left: 65%;
    }
    .filter-page .view-point.forest .view__icon.stadium {
        bottom: 70%;
        left: 21.5%;
    }
    .filter-page .view-point.forest .view__icon.city {
        bottom: 39%;
        left: 15.5%;
    }
    .filter-page .view-point.forest .view__icon.forest {
        bottom: 27%;
        left: 60.5%;
    }
    .filter-page .view-point.forest .view__icon.river {
        bottom: 53.5%;
        left: 80%;
    }
    .filter-page .view-point.forest .section-icon.section-1 {
        top: 11%;
        left: 35%;
    }
    .filter-page .view-point.forest .section-icon.section-2 {
        top: 8%;
        left: 48%;
    }
    .filter-page .view-point.forest .section-icon.section-3 {
        top: 14%;
        left: 68%;
    }
    .filter-page .view-point.river .view__icon.stadium {
        bottom: 32%;
        left: 70%;
    }
    .filter-page .view-point.river .view__icon.city {
        bottom: 59%;
        left: 79%;
    }
    .filter-page .view-point.river .view__icon.forest {
        bottom: 65%;
        left: 17%;
    }
    .filter-page .view-point.river .view__icon.river {
        bottom: 28%;
        left: 30%;
    }
    .filter-page .view-point.river .section-icon.section-1 {
        top: 12%;
        left: 65%;
    }
    .filter-page .view-point.river .section-icon.section-2 {
        top: 17%;
        left: 52%;
    }
    .filter-page .view-point.river .section-icon.section-3 {
        top: 12%;
        left: 34%;
    }
    .filter-page .view-point.active {
        display: block;
    }
    .filter-page .view-point.active .view__icon.active {
        background-color: #68CD31;
    }
    .filter-page .view-point.active .view__icon.active.stadium {
        background-image: url(../img/filter/view/stadium_white.svg);
    }
    .filter-page .view-point.active .view__icon.active.river {
        background-image: url(../img/filter/view/river_white.svg);
    }
    .filter-page .view-point.active .view__icon.active.forest {
        background-image: url(../img/filter/view/forest_white.svg);
    }
    .filter-page .view-point.active .view__icon.active.city {
        background-image: url(../img/filter/view/city_white.svg);
    }

    .filter-page .view__inner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .filter-page .view__bg {
        max-width: none;
    }

    .filter-page .view__ellipse {
        top: 14.4508%;
        left: 14.0625%;
        position: absolute;
        background: no-repeat center;
        background-size: contain;
    }

    .filter-page .video {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .filter-page .video.play {
        display: block;
    }

    .filter-page .view__icon {
        cursor: pointer;
        position: absolute;
        width: 90px;
        height: 90px;
        background: rgba(16, 25, 39, 0.5) no-repeat center;
        z-index: 2;
    }
    .filter-page .view__icon.stadium {
        background-image: url(../img/filter/view/stadium.svg);
    }
    .filter-page .view__icon.river {
        background-image: url(../img/filter/view/river.svg);
    }
    .filter-page .view__icon.forest {
        background-image: url(../img/filter/view/forest.svg);
    }
    .filter-page .view__icon.city {
        background-image: url(../img/filter/view/city.svg);
    }

    .filter-page .section-icon {
        position: absolute;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 30px;
        height: 30px;
        border: 3px solid #fff;
        color: #fff;
        font-size: 25px;
        line-height: 1;
    }

    .filter-page .filter-result {
        display: none;
        position: absolute;
        background-color: #fff;
        min-width: 300px;
        height: 85px;
        bottom: 100%;
        left: 20px;
        margin-bottom: 20px;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .filter-page .filter-result .result-count {
        font-size: 50px;
        line-height: 1;
        font-weight: 100;
        color: #68CD31;
        margin-right: 15px;
    }
    .filter-page .filter-result h5 {
        font-size: 18px;
        color: #999999;
        font-family: "linux_biolinum_o", "Times New Roman", sans;
        line-height: 1;
        margin: 0;
        font-weight: 400;
    }
    .filter-page .filter-result .label {
        color: #68CD31;
    }
    .filter-page .filter-result .see-more {
        position: static;
    }
    .filter-page .filter-result.active {
        border: 1px solid #dedede;
        margin: 0;
        left: 0;
    }

  
    .filter-page .filter-result.alternative .alternative-hide {
        display: none;
    }
    .filter-page .filter-result .alternative-show {
        display: none;
    }
    .filter-page .filter-result.alternative .alternative-show {
        display: inline;
    }

    .filter-page .see-more {
        position: absolute;
        bottom: 35px;
        left: 0;
        right: 0;
        z-index: 2;
    }
    .filter-page .floor-marker {
        position: absolute;
        min-width: 40px;
        height: 40px;
        color: #fff;
        font-size: 25px;
        display: none;
        z-index: 2;
    }
    .filter-page .floor-marker.active {
        display: flex;
    }
    .filter-page .floor-marker .floor-num {
        width: 40px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #68CD31;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .filter-page .floor-marker .flats-insale {
        min-width: 100px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #101927;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .filter-page .floor-marker .flat-count {
        color: #68CD31;
    }
    .filter-page .floor-marker .marker-text {
        font-size: 11px;
        line-height: 1;
        font-weight: 300;
        font-family: "linux_biolinum_o", "Times New Roman", sans;
    }

    @media screen and (max-width: 1024px) {
        .filter-page .filter-result {
            min-width: 285px;
            height: 100px;
            left: 0;
            margin-bottom: 2px;
        }
    }

    @media screen and (max-width: 736px) {
        .filter-page h4 {
            font-size: 20px;
            font-weight: 300;
            line-height: 1;
            color: #999999;
            text-align: center;
            text-transform: uppercase;
            padding-top: 80px;
        }
        .filter-page .views-wrapper {
            display: none;
        }
        .filter-page .filter-settings-wrapper {
            position: relative;
            margin-bottom: 105px;
        }
        .filter-page .filter-settings {
            min-height: 170px;
            padding: 20px 30px 30px;
            display: block;
            bottom: 0;
        }
        .filter-page .filter-settings.active {
            background-color: #F5F5F5;
        }
        /* .filter-page .filter-settings .chosen-params {
            display: none;
        }
        */
        .filter-page .filter-settings .chosen-params__info {
            width: 100%;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-align-items: baseline;
            -moz-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            padding-bottom: 20px;
        }
        .filter-page .filter-settings .chosen-params__values {
            padding: 0;
            margin-left: -15px;
        }
        .filter-page .filter-params {
            margin-bottom: 0;
            min-width: 100%;
        }
        .filter-page .filter-params .gallery__tab:last-child .filter-input:last-child {
            padding-bottom: 0;
        }
    }

    .back-to-filter {
        width: 140px;
        height: 85px;
        background-color: #fff;
        position: fixed;
        left: 20px;
        bottom: 145px;
        z-index: 2;
    }
    .back-to-filter__inner {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url(../../../../bitrix/templates/dombor/img/filter/back.png), linear-gradient(45deg, #68CD31 0%, #ABFF00 100%);
        display: flex;
        align-items: center;
        padding: 0 15px;
    }
    .back-to-filter__txt {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
    }
    /*------------404-----------*/
    .error-page {
        background: url(../../../../bitrix/templates/dombor/img/404/bg.jpg) no-repeat center;
        -webkit-background-size: cover;
        background-size: cover;
        height: 100%;
        position: relative;
    }

    .error-page::before,
    .error-page::after {
        content: '';
        position: absolute;
        width: 351px;
        height: 190px;
        background: url(../../../../bitrix/templates/dombor/img/404/diagonal.svg);
    }
    .error-page::before {
        bottom: 140px;
        left: 20px;
    }
    .error-page::after {
        top: 140px;
        right: 20px;
    }

    .error-page__content {
        max-width: 640px;
        margin: 0 auto;
        padding: 120px 20px 0;
    }
    .error-page__txt {
        text-align: center;
    }
    .error-page h1 {
        font-size: 250px;
        line-height: 1;
        font-weight: 100;
        margin: 0;
        color: #fff
    }
    .error-page h2 {
        font-size: 42px;
        line-height: 1;
        padding-bottom: 20px;
        font-family: "linux_biolinum_o", "Times New Roman", sans;
        margin: 0;
        color: #fff;
        font-weight: 400;
    }
    .error-page h3 {
        font-size: 22px;
        line-height: 1;
        padding-bottom: 50px;
        font-family: "linux_biolinum_o", "Times New Roman", sans;
        margin: 0;
        color: #fff;
        font-weight: 400;
    }

    .error-page .play-btn {
        width: 135px;
        height: 135px;
        border: 1px dashed #fff;
        border-radius: 50%;
        position: relative;
        margin: 0 auto;
    }

    .error-page .play-btn__link {
        position: absolute;
        width: 53px;
        height: 53px;
        background: url(../../../../bitrix/templates/dombor/img/404/play_button.svg) no-repeat center;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
    }
    .error-page .play-btn__link::after {
        content: '';
        position: absolute;
        width: 72px;
        height: 72px;
        background-color: rgba(255, 255, 255, 0.5);
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }



    .error-page .play-btn__link:hover::after {
        width: 80px;
        height: 80px;
    }
    @media screen and (max-width: 1024px) {

        .error-page::before {
            display: none;
        }
    }

    @media screen and (max-width: 736px) {

        .error-page::before,
        .error-page::after {
            display: none;
        }

        .error-page h1 {
            font-size: 120px;
        }
        .error-page h2 {
            font-size: 30px;
        }
        .error-page h3 {
            font-size: 20px;
        }
    }
    /*--------END 404-----------*/