.p404 {
    background: url("/bitrix/templates/2020/i/info-bg.jpg") no-repeat fixed 50% 50%;
    -webkit-background-size: cover;
    background-size: cover
}

.p404 .page-content {
    min-height: 100%;
    height: 100%
}

.p404-container {
    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%);
    width: 600px;
    padding: 50px 50px 50px;
    background: #FFF
}

.p404-content {
    text-align: center
}

.p404-content span {
    font-size: 80px;
    font-weight: 600;
    color: #f75a40
}

body.about {
    background: url("../i/ShwetaShubham/project-bg.jpg") no-repeat fixed 50% 50%;
    -webkit-background-size: cover;
    background-size: cover
}

body.project {
    background: url("../i/ShwetaShubham/new/one.png") no-repeat fixed 50% 50%;
    -webkit-background-size: cover;background-position: top;
    background-size: cover
}

body.contact {
    background: url("../i/ShwetaShubham/contact.jpg") no-repeat fixed 50% 50%;
    -webkit-background-size: cover;background-position: bottom center;
    background-size: cover;
}

body.thankyou {
    background: url("../i/ShwetaShubham/thankyou.jpg") no-repeat fixed 50% 50%;
    -webkit-background-size: cover;background-position: bottom center;
    background-size: cover;
}


body.about .page-content {
    /*min-height: 100%;
    height: 100%*/
    min-height: 60%;
    height: 60%;
}

body.about .proj {
    min-height: 90%;
    height: 90%;
}

body.advantages .page-content {
    overflow: hidden;
    position: relative;
    height: 100%
}

body.advantages .page-content .footer {
    position: absolute;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.homepage-slider {
    overflow: hidden;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s
}

.page-content.show-footer_ .homepage-slider {
    transition: 1.2s;
    -webkit-transition: 1.2s;
    -moz-transition: 1.2s;
    -ms-transition: 1.2s;
    -o-transition: 1.2s
}

.homepage-slider-left,
.homepage-slider-right {
    position: relative;
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden
}

.homepage-slider-left:after,
.homepage-slider-right:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -103px;
    margin-top: -95px;
    width: 174px;
    height: 191px;
    background: url("/bitrix/templates/2020/i/sprite.png") -663px -191px no-repeat;
    z-index: 1
}

.homepage-slider-right:after {
    right: auto;
    left: -71px
}

.homepage-slide {
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.homepage-slide.l1 {
    background-image: url("../i/homepage/l1.jpg")
}

.homepage-slide.l2 {
    background-image: url("../i/homepage/l2.jpg")
}

.homepage-slide.l3 {
    background-image: url("../i/homepage/l3.jpg")
}

.homepage-slide.l4 {
    background-image: url("../i/homepage/l4.jpg")
}

.homepage-slide.r1 {
    background-image: url("../i/homepage/r1.jpg")
}

.homepage-slide.r2 {
    background-image: url("../i/homepage/r2.jpg")
}

.homepage-slide.r3 {
    background-image: url("../i/homepage/r3.jpg")
}

.homepage-slide.r4 {
    background-image: url("../i/homepage/r4.jpg")
}

.hm-slogan-outer {
    position: absolute;
    top: 50%;
    width: 40%;
    left: 0;
    height: 120px;
    margin-top: -70px;
    overflow: hidden;
    z-index: 120
}

.hm-slogan-outer.right_ {
    right: 0;
    left: auto
}

.hm-slogan-sunrise {
    position: relative;
    width: 100%;
    height: 100%
}

.hm-slogan-sunrise .hm-slogan-sunrise-row {
    position: relative;
    width: 100%;
    height: 50%;
    overflow: hidden;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

.hm-slogan-sunrise .hm-slogan-sunrise-row div {
    height: 100%;
    text-align: center;
    color: #fff;
    font-family: "PT Serif";
    font-size: 48px;
    letter-spacing: 2px;
    -webkit-animation: anim-slogan-sr-out 0.8s forwards;
    -o-animation: anim-slogan-sr-out 0.8s forwards;
    animation: anim-slogan-sr-out 0.8s forwards
}

.hm-slogan-sunrise .swiper-slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.hm-slogan-sunrise .swiper-slide-active .hm-slogan-sunrise-row div {
    -webkit-animation: anim-slogan-sr-in 1s forwards;
    -o-animation: anim-slogan-sr-in 1s forwards;
    animation: anim-slogan-sr-in 1s forwards
}

.hm-slogan-outer.right_ .hm-slogan-sunrise .hm-slogan-sunrise-row div {
    -webkit-animation: anim-slogan-sr-up-out 0.8s forwards;
    -o-animation: anim-slogan-sr-up-out 0.8s forwards;
    animation: anim-slogan-sr-up-out 0.8s forwards
}

.hm-slogan-outer.right_ .hm-slogan-sunrise .swiper-slide-active .hm-slogan-sunrise-row div {
    -webkit-animation: anim-slogan-sr-up-in 1s forwards;
    -o-animation: anim-slogan-sr-up-in 1s forwards;
    animation: anim-slogan-sr-up-in 1s forwards
}

@-moz-keyframes anim-slogan-sr-in {
    0%,
    20% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes anim-slogan-sr-in {
    0%,
    20% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes anim-slogan-sr-in {
    0%,
    20% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes anim-slogan-sr-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes anim-slogan-sr-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes anim-slogan-sr-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes anim-slogan-sr-up-in {
    0%,
    20% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes anim-slogan-sr-up-in {
    0%,
    20% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes anim-slogan-sr-up-in {
    0%,
    20% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes anim-slogan-sr-up-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes anim-slogan-sr-up-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes anim-slogan-sr-up-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.hm-slogan-left,
.hm-slogan-right {
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.hm-slogan-left .swiper-slide,
.hm-slogan-right .swiper-slide {
    position: absolute;
    left: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out
}

.hm-slogan-left .swiper-slide.swiper-slide-active,
.hm-slogan-right .swiper-slide.swiper-slide-active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.hm-slogan-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-family: "PT Serif";
    font-size: 48px;
    letter-spacing: 2px
}

.hm-slogan-right .hm-slogan-inner {
    left: auto;
    right: 0
}

.hm-slogan-right .swiper-slide {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.counter-circle {
    height: 500px;
    width: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -250px;
    z-index: 25
}

.counter-circle:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #fff;
    opacity: .4
}

.counter-circle:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .2;
    z-index: -1;
    background: #000
}

.counter-circle-section {
    position: absolute;
    width: 50%;
    height: 126px;
    left: 50%;
    top: 50%;
    margin-top: -63px;
    overflow: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

.counter-circle-section i {
    display: block;
    width: 500px;
    height: 500px;
    position: absolute;
    left: -250px;
    top: -187px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 3px solid #fff
}

.pos1 .counter-circle-section {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pos2 .counter-circle-section {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pos3 .counter-circle-section {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.pos4 .counter-circle-section {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.nex-page-fake {
    position: absolute;
    background: #fff;
    bottom: 0;
    width: 100%;
    height: 0;
    z-index: 100
}

.bt-simple-scroll-down.bt-hm-scroll-down {
    z-index: 30
}

.hm-mask-sq {
    position: absolute;
    width: 200%;
    height: 200%;
    background: #fff;
    left: -50%;
    z-index: 300;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
}

.hm-mask-sq.hm-mask-sq-lt,
.hm-mask-sq.hm-mask-sq-rt {
    top: -150%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.hm-mask-sq.hm-mask-sq-lb,
.hm-mask-sq.hm-mask-sq-rb {
    bottom: -150%;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.hm-mask-sq.hm-mask-sq-lt,
.hm-mask-sq.hm-mask-sq-rb {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hm-mask-sq.hm-mask-sq-rt,
.hm-mask-sq.hm-mask-sq-lb {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hm-mask-sq.show.hm-mask-sq-lt {
    -webkit-transform: translateX(-60%) rotate(-45deg);
    -moz-transform: translateX(-60%) rotate(-45deg);
    -ms-transform: translateX(-60%) rotate(-45deg);
    -o-transform: translateX(-60%) rotate(-45deg);
    transform: translateX(-60%) rotate(-45deg)
}

.hm-mask-sq.show.hm-mask-sq-lb {
    -webkit-transform: translateX(-60%) rotate(45deg);
    -moz-transform: translateX(-60%) rotate(45deg);
    -ms-transform: translateX(-60%) rotate(45deg);
    -o-transform: translateX(-60%) rotate(45deg);
    transform: translateX(-60%) rotate(45deg)
}

.hm-mask-sq.show.hm-mask-sq-rt {
    -webkit-transform: translateX(60%) rotate(45deg);
    -moz-transform: translateX(60%) rotate(45deg);
    -ms-transform: translateX(60%) rotate(45deg);
    -o-transform: translateX(60%) rotate(45deg);
    transform: translateX(60%) rotate(45deg)
}

.hm-mask-sq.show.hm-mask-sq-rb {
    -webkit-transform: translateX(60%) rotate(-45deg);
    -moz-transform: translateX(60%) rotate(-45deg);
    -ms-transform: translateX(60%) rotate(-45deg);
    -o-transform: translateX(60%) rotate(-45deg);
    transform: translateX(60%) rotate(-45deg)
}

.team-item {
    position: relative;
    width: 300px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    padding: 30px 20px;
    height: 310px;
    overflow: hidden;
    z-index: 1
}

.team-item:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 400px;
    background: #FFF;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: -1;
    transition: 1s 0.3s;
    -webkit-transition: 1s 0.3s;
    -moz-transition: 1s 0.3s;
    -ms-transition: 1s 0.3s;
    -o-transition: 1s 0.3s
}

.page-loading .team-item:before {
    width: 1px;
    height: 1px;
    -webkit-transform: translate(-50%, -70%) rotate(-45deg);
    -moz-transform: translate(-50%, -70%) rotate(-45deg);
    -ms-transform: translate(-50%, -70%) rotate(-45deg);
    -o-transform: translate(-50%, -70%) rotate(-45deg);
    transform: translate(-50%, -70%) rotate(-45deg)
}

.page-loading .team-item .team-logo,
.page-loading .team-item .team-type,
.page-loading .team-item .team-name,
.page-loading .team-item .team-descr {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px)
}

.team-logo {
    margin: 0 0 20px;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: 0.4s 0.6s;
    -webkit-transition: 0.4s 0.6s;
    -moz-transition: 0.4s 0.6s;
    -ms-transition: 0.4s 0.6s;
    -o-transition: 0.4s 0.6s
}

.team-logo img {
    height: auto;
    display: block;
    margin: 0 auto
}

.team-type {
    font-size: 10px;
    color: #9ba0a9;
    margin: 16px 0;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: 0.4s 0.7s;
    -webkit-transition: 0.4s 0.7s;
    -moz-transition: 0.4s 0.7s;
    -ms-transition: 0.4s 0.7s;
    -o-transition: 0.4s 0.7s
}

.team-name {
    font-size: 18px;
    color: #333a46;
    margin: 16px 0 20px;
    font-family: "PT Serif";
    font-weight: bold;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: 0.4s 0.8s;
    -webkit-transition: 0.4s 0.8s;
    -moz-transition: 0.4s 0.8s;
    -ms-transition: 0.4s 0.8s;
    -o-transition: 0.4s 0.8s
}

.team-descr {
    color: #333a46;
    margin: 20px 0 0;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: 0.5s 0.9s;
    -webkit-transition: 0.5s 0.9s;
    -moz-transition: 0.5s 0.9s;
    -ms-transition: 0.5s 0.9s;
    -o-transition: 0.5s 0.9s
}

.bt {
    display: inline-block;
    position: relative;
    font-family: lt-b;
    text-align: center;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -ms-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
    z-index: 1;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 0 60px;
    transition: background 0.4s;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -ms-transition: background 0.4s;
    -o-transition: background 0.4s
}

.bt svg {
    margin: 0 10px
}

.bt-trans {
    border: 1px solid #fff;
    line-height: 48px;
    color: #fff
}

.bt-trans:hover {
    background: #fff;
    color: #333a46
}

.bt-white {
    color: #f75a40;
    background: #fff
}

.bt-white:hover {
    background: #f75a40;
    color: #fff
}

.bt-white2 {
    color: #333a46;
    background: #fff;
    border: 1px solid #FFF;
    line-height: 48px
}

.bt-white2:hover {
    background: #333a46;
    color: #fff
}

.bt-white2:hover svg * {
    stroke: #fff
}

.bt-border-blue {
    border: 1px solid #333a46;
    line-height: 48px;
    color: #333a46;
    background: #fff
}

.bt-border-blue:hover {
    background: #333a46;
    color: #fff
}

.bt-border-blue.disabled,
.bt-border-blue.disabled:hover {
    border-color: #d6d8da;
    color: #a7a8aa;
    cursor: default;
    background: #fff
}

.bt-border-red {
     border: 1px solid #000;
    line-height: 48px;
    color: #333a46;
    background: #fff;
    position: relative;
   padding: 0px 50px !important;
    transition: all 0.5s ease-in-out;
}



.bt-border-red:hover {color: #fff;}

/*.bt-border-red:hover {
    background: #f75a40;
    color: #fff
}*/

.bt-border-red.disabled,
.bt-border-red.disabled:hover {
    border-color: #d6d8da;
    color: #a7a8aa;
    cursor: default;
    background: #fff
}

.bt-red2 {
    color: #fff;
    background: #f75a40;
    line-height: 48px;
    border: 2px solid #f75a40;
    transition: background 0.4s;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -ms-transition: background 0.4s;
    -o-transition: background 0.4s
}

.bt-red2:hover {
    background: #333a46;
    color: #fff
}

.bt-red2.disabled,
.bt-red2.disabled:hover {
    border-color: #d6d8da;
    color: #a7a8aa;
    cursor: default;
    background: #fff
}

body.conditions {
    background: url("/bitrix/templates/2020/i/info-bg.jpg") no-repeat fixed 50% 50%;
    -webkit-background-size: cover;
    background-size: cover
}

body.conditions .page-content {
    min-height: 100%;
    height: auto
}

.block-white {
    position: relative;
    width: 100%;
    padding: 30px 30px 30px;
    background: #FFF;
    margin-bottom: 56px
}

.block-white:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -48px;
    height: 40px;
    width: 2px;
    margin-left: -1px;
    background: #FFF
}

.block-white:last-child:after {
    display: none
}

.block-white-h {
    width: 140px;
    float: left;
    font-size: 22px;
    color: #f75a40;
    padding-top: 12px
}

.block-white-content {
    padding-left: 160px
}

.table-info {
    font-size: 13px
}

.table-info th,
.table-info td {
    padding: 6px;
    text-align: left;
    border: 1px solid #aeafb1
}

.table-info th:first-child,
.table-info td:first-child {
    border-left: none
}

.table-info th:last-child,
.table-info td:last-child {
    border-right: none
}

.table-info th.text-center,
.table-info td.text-center {
    text-align: center
}

.table-info th {
    white-space: nowrap;
    border-top: none
}

.table-info tr:last-child td {
    border-bottom: none
}

.table-info td.nobb {
    border-bottom: none
}

.small-text {
    font-size: 11px
}

.mortgage-bank-logo {
    margin: 0px 0 26px
}

.link-contacts-map {
    display: inline-block;
    margin-top: 10px;
    color: #f75a40;
    border-bottom: 1px solid
}

.contacts-panel,
.contacts-map {
    position: relative;
    float: left;
    width: 50%;
    height: 100%
}

.contacts-panel {
    background: #fff;
    padding: 60px;
    font-family: lt
}

.contacts-h {
    font-size: 26px;
    color: #000;
    font-family: lt;
    line-height: 1.8
}

.contacts-address {
    font-size: 14px;
    color: #4a494e;
    font-family: lt;
    letter-spacing: 3px;
    line-height: 1.6
}

.contacts-line {
    height: 1px;
    width: 100%;
    background: #b2b2b2;
    margin: 40px 0
}

.contacts-phone {
    font-size: 20px;
    color: #4a494e;
    margin-bottom: 10px
}

.contacts-phone a {
    color: #4a494e
}

.contacts-hours {
    color: #4a494e
}

body.about.docs .page-content {
    position: relative;
    min-height: 100%;
    height: auto
}

.doc-list {
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
    line-height: 26px;
    color: #333a46;
    font-family: lt-b;
    text-align: center
}

.doc-list .col-1-2 {
    padding: 0 10px 0 0
}

.doc-list .col-1-2:last-child {
    padding: 0 0 0 10px
}

.doc-list-item {
    position: relative;
    margin: 60px auto 6px;
    min-height: 126px;
    padding: 46px 22px 26px;
    border: 1px solid #e6e6e6;
    background: #fff;
    text-transform: uppercase;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -ms-transition: -ms-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    transition: transform .4s;
    z-index: 2;
    text-align: left
}

.doc-list-item:before {
    content: '';
    position: absolute;
    left: 50%;
    top: -50px;
    height: 30px;
    width: 2px;
    margin-left: -1px;
    background: #fff
}

.doc-list-item:first-child {
    margin-top: 0
}

.doc-list-item:first-child:before {
    display: none
}

.doc-list-item-h {
    padding-right: 33px
}

.right .doc-list-item {
    margin-left: -1px
}

.doc-list-item:hover {
    background: #f75a40;
    border-color: #f75a40;
    color: #fff!important;
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
    z-index: 3 !important
}

.doc-list-item:hover .doc-list-item-sz {
    color: #fff !important
}

.doc-list-item:hover .doc-list-item-sz:before {
    background-position: -401px -110px
}

.doc-list-item:hover .doc-list-item-anm {
    border-bottom-color: #fff !important
}

.doc-list-item:hover .doc-list-item-anm svg {
    -webkit-animation: docs-anm 0.5s;
    -o-animation: docs-anm 0.5s;
    animation: docs-anm 0.5s
}

.doc-list-item:hover .doc-list-item-anm svg * {
    stroke: #fff
}

.doc-list-item:hover .doc-list-item-date {
    color: #fff
}

.doc-list-item.archive-all_ {
    padding: 24px 0 0 0;
    text-align: center;
    z-index: 1;
    color: #fff;
    background: transparent;
    border: none
}

.doc-list-item.archive-all_:hover {
    background: transparent
}

.doc-list-item.archive-all_ .doc-list-item-anm {
    position: static;
    border-bottom: none;
    width: 100%;
    height: auto
}

.doc-list-item.archive-all_ .doc-list-item-anm svg {
    display: inline-block
}

.doc-second-row {
    margin: 0 auto
}

.doc-second-row .doc-list-item {
    margin-top: 60px
}

.doc-second-row .doc-list-item:before {
    content: '';
    position: absolute;
    left: 50%;
    top: -50px;
    height: 30px;
    width: 2px;
    margin-left: -1px;
    background: #fff
}

.doc-list-item-date {
    font-size: 11px;
    color: #f75a40;
    font-family: lt;
    line-height: 20px;
    margin-top: -20px
}

.doc-list-item-sz {
    position: relative;
    padding-left: 28px;
    font-size: 11px;
    color: #999ca2;
    text-transform: none
}

.doc-list-item-sz:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 17px;
    height: 17px;
    background: url("/bitrix/templates/2020/i/sprite.png") -401px -88px no-repeat
}

.doc-list-item-sz.ico-type-doc:before {
    background-position: -426px -108px
}

.doc-list-item:hover .doc-list-item-sz.ico-type-doc:before {
    background-position: -446px -108px
}

.doc-list-item-anm {
    position: absolute;
    right: 9%;
    top: 45px;
    width: 18px;
    height: 24px;
    border-bottom: 2px solid #333a46;
    text-align: center
}

@-moz-keyframes docs-anm {
    0%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    30% {
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    70% {
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@-webkit-keyframes docs-anm {
    0%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    30% {
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    70% {
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@keyframes docs-anm {
    0%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    30% {
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    70% {
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px)
    }
}

.dynamics-image {
    background: url("/bitrix/templates/2020/i/temp/dynamics2.png") 50% 50% no-repeat;
    max-width: 1568px;
    height: 506px;
    position: relative;
    top: 50%;
    margin: -350px auto 0
}

.diary-header {
    position: absolute;
    left: 84px;
    top: -30px;
    font-size: 12px;
    color: #FFF
}

.diary-slogan {
    width: 600px;
    height: auto;
    position: absolute;
    top: 80px;
    left: 50%;
    margin: 0 0 0 -300px;
    text-align: center;
    color: #a9abb4;
    font-size: 12px;
    z-index: 2;
    letter-spacing: 2px
}

.diary-container-outer {
    position: absolute;
    height: 200px;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: 130px;
    z-index: 2;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF
}

.diary-container {
    position: relative;
    height: 100%;
    width: 980px;
    margin: 0 auto;
    padding: 0 70px
}

#tab-diary-report {
    position: relative
}

#tab-diary-report .hslider-arrow-left,
#tab-diary-report .hslider-arrow-right {
    display: block;
    left: -90px;
    margin-top: 60px
}

#tab-diary-report .hslider-arrow-left.swiper-button-disabled,
#tab-diary-report .hslider-arrow-right.swiper-button-disabled {
    display: none
}

#tab-diary-report .hslider-arrow-right {
    left: auto;
    right: -90px
}

.diary-inner {
    display: block;
    cursor: pointer
}

.diary-slider-arrow-left,
.diary-slider-arrow-right {
    position: absolute;
    top: 50%;
    height: 130px;
    width: 70px;
    margin-top: -65px;
    cursor: pointer
}

.diary-slider-arrow-left svg,
.diary-slider-arrow-right svg {
    width: 20px;
    height: 23px;
    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%)
}

.diary-slider-arrow-left.swiper-button-disabled,
.diary-slider-arrow-right.swiper-button-disabled {
    cursor: default;
    opacity: .2
}

.diary-slider-arrow-left {
    left: 0;
    border-left: 1px solid #FFF
}

.diary-slider-arrow-right {
    right: 0;
    border-right: 1px solid #FFF
}

.weeks-list {
    height: 198px
}

.week-slide {
    width: 280px;
    height: 100%;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    overflow: visible;
    margin: 0 0 0 -1px
}

.week-slide:hover .bt-show-dynamic-wnd {
    bottom: 0
}

.week-slide:hover .week-slide-bg {
    opacity: 1;
    -webkit-animation: move-bg 5s linear infinite;
    -o-animation: move-bg 5s linear infinite;
    animation: move-bg 5s linear infinite
}

.week-slide:hover .week-slide-name {
    -webkit-transform: translateY(48px);
    -moz-transform: translateY(48px);
    -ms-transform: translateY(48px);
    -o-transform: translateY(48px);
    transform: translateY(48px);
    color: #f75a40
}

@keyframes move-bg {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 360px 0
    }
}

@-webkit-keyframes move-bg {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 360px 0
    }
}

@-o-keyframes move-bg {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 360px 0
    }
}

.week-slide-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.week-slide-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../i/dynamics-hover-bg.png") 0 0;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.week-slide-name {
    position: relative;
    text-align: center;
    font-family: lt-b;
    color: #FFF;
    text-transform: uppercase;
    -webkit-transform: translateY(68px);
    -moz-transform: translateY(68px);
    -ms-transform: translateY(68px);
    -o-transform: translateY(68px);
    transform: translateY(68px);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.dynamics-item-month {
    font-size: 26px
}

.dynamics-item-year {
    font-size: 14px
}

.bt-show-dynamic-wnd {
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 50px;
    background: #FFF;
    text-align: center;
    font-size: 12px;
    line-height: 50px;
    color: #333a46;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

#wnd-diary {
    width: 100%;
    height: 606px;
    background: #fff;
    padding: 6px
}

#wnd-diary .flat-choose-block {
    display: block;
    height: auto;
    padding-bottom: 10px;
    padding-top: 0;
    margin: 22px auto;
    text-align: center
}

#wnd-diary .flat-choose-block:after,
#wnd-diary .flat-choose-block:before {
    display: none
}

.week-header-label {
    font-size: 16px;
    margin-top: 4px;
    letter-spacing: 2px;
    color: #333a46;
    font-family: lt-b
}

.week-header-dates {
    font-size: 14px;
    color: #20B14A;
    margin-top: 2px
}

.week-photos-item {
    height: 500px;
    overflow: hidden;
    text-align: center;
    background: url("../i/bg-lines-45.png")
}

.week-photos {
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 36px;
    height: 500px
}

.week-photos-left,
.week-photos-right {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #FFF;
    cursor: pointer;
    z-index: 1
}

.week-photos-left i,
.week-photos-right i {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 14px;
    background: 50% 50% no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8px' height='14px'%3E %3Cpolyline points='1,1 7,7 1,13' stroke-width='2' fill='none' stroke='%23f75a40'%3E%3C/polyline%3E %3C/svg%3E");
    margin: -7px 0 0 -4px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.week-photos-left.swiper-button-disabled,
.week-photos-right.swiper-button-disabled {
    opacity: 0.2
}

.week-photos-right {
    left: auto;
    right: 20px
}

.week-photos-left i {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.wnd-week-line {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
    height: 9px;
    width: 100%;
    background: url("../i/bg-orange-lines2.png") 18px 0
}

.wnd-week-line:before,
.wnd-week-line:after {
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    bottom: -6px;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #e6cc52
}

.wnd-week-line:after {
    left: auto;
    right: -10px
}

.week-photos-date {
    position: absolute;
    bottom: 6px;
    left: 6px;
    width: 100%;
    height: 30px;
    line-height: 36px;
    color: #999;
    font-size: 12px;
    text-align: center
}

#feedback-wnd,
.popup-wnd {
    width: 834px;
    /*height: 430px;*/
    height: auto;
   /* padding: 32px 80px*/
       padding: 30px 20px;
}

.agree{color: #000;font-family: "Lusitana",serif;cursor: pointer;}


.popup-wnd {
    width: auto;
    height: auto
}

.popup-wnd .popup-header {
    margin-bottom: 15px;
    margin-left: 10px;
}

.popup-message-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    background: #000;
    opacity: .5
}

#popup-message {
    position: fixed;
    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%);
    z-index: 5001
}

.popup-header {
    font-family: "Lusitana",serif;
    color: #333a46;
    font-size: 25px;
    line-height: 22px;
    margin-bottom: 63px
}

.popup-text {
    font-family: lt;
    font-size: 14px;
    margin-bottom: 30px
}

#fb input,
#fb textarea {
    display: block;
    width: 100%;
    margin-bottom: 28px;
    height: 30px;
    border: none;
    border-bottom: 1px solid #ccc;
    font-family: lt;
    letter-spacing: 1px
}

input#fb-privacy {
    float: left;
    width: auto;
    margin-right: 10px;
    height: auto;
    position: relative;
    top: 2px
}

.flats #panel {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1000
}

.flats-visual-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    overflow: hidden;
    background: url("../i/bg-lines-45.png");
}

.visual-controls-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0
}

.visual-controls-container.white_ .vis-compass {
    background-position: -325px -47px;
    z-index: 10
}

.visual-controls-container.white_ .flats-floors-h {
    color: #fff
}

.visual-controls-container.white_ .vis-floors-switch a {
    color: #fff
}

.visual-controls-container.white_ .vis-bt-params {
    color: #fff
}

.visual-controls-container.white_ .vis-bt-params .l1,
.visual-controls-container.white_ .vis-bt-params .l2,
.visual-controls-container.white_ .vis-bt-params .l3 {
    background: #fff
}

.visual-controls-container.white_ .vis-bt-params .c1,
.visual-controls-container.white_ .vis-bt-params .c2,
.visual-controls-container.white_ .vis-bt-params .c3 {
    background: #333a46;
    border-color: #fff
}

.visual-controls-container.white_ .vis-bt-scheme {
    color: #fff
}

.visual-controls-container.white_ .vis-bt-scheme:before {
    background-position: -37px -19px
}

.visual-controls-container.parking_ .vis-bt-scheme,
.visual-controls-container.parking_ .vis-bt-params {
    display: none
}

.vis-floor {
    opacity: 0;
    position: absolute;
    left: 114px;
    right: 114px;
    top: 50px;
    bottom: 0;
    text-align: center
}

.vis-floor.active .vis-hover-container {
    z-index: 8
}

.vis-floor img,
.vis-floor .vis-sel-container,
.vis-floor .vis-hover-container {
    display: block;
    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%)
}

.vis-floor.p1,
.vis-floor.p2 {
    bottom: 30px;
    top: 140px
}

.vis-floor .vis-sel-container svg,
.vis-floor .vis-hover-container svg {
    position: absolute;
    left: 0;
    top: 0
}

.vis-floor .vis-sel-container .floor-selections,
.vis-floor .vis-hover-container .floor-selections {
    z-index: 7
}

.vis-floor .vis-hover-container .floor-hovers {
    z-index: 8
}

.vis-floor .vis-hover-container .floor-hovers * {
    cursor: pointer
}

.vis-floor .vis-hover-container .floor-hovers .flth-sold {
    cursor: default
}

.visual-flats-label {
    position: absolute;
    left: 0;
    top: 0;
    width: 130px;
    margin-left: -65px;
    height: 44px;
    margin-top: -22px;
    font-family: lt-b;
    font-size: 18px;
    text-align: center;
    color: #FFF;
    z-index: 8;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -ms-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s
}

.visual-flats-label.label-reserved_ {
    color: #666
}

.visual-flats-label .visual-flat-price {
    font-size: 16px
}

.visual-flats-label .visual-flat-price .sold_ {
    display: inline-block;
    padding: 3px 3px 2px;
    color: #FFF;
    background: #f75a40;
    font-size: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.visual-flats-label.hover {
    color: #fff
}

.visual-flats-label.flt-label-z_1 {
    margin-top: -38px
}

.visual-flats-label.flt-label-z_8,
.visual-flats-label.flt-label-z_12,
.visual-flats-label.flt-label-z_16,
.visual-flats-label.flt-label-z_20,
.visual-flats-label.flt-label-z_24 {
    margin-top: -70px
}

.vis-compass {
    position: absolute;
    left: 48px;
    bottom: 27px;
    width: 56px;
    height: 43px;
    background: url("/bitrix/templates/2020/i/sprite.png") -325px 0 no-repeat
}

.vis-floor-panel-left {
    position: absolute;
    left: 40px;
    top: 130px;
    width: 38px;
    text-align: center;
    font-family: lt-b;
    z-index: 9
}

.flats-floors-h {
    font-size: 12px;
    color: #c6c7c9;
    padding-bottom: 14px
}

.vis-floors-switch li {
    width: 38px;
    height: 38px;
    margin-bottom: 2px!important
}

.vis-floors-switch li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #333a46;
    line-height: 38px
}

.vis-floors-switch li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: .6s, border-radius .4s;
    -webkit-transition: .6s, border-radius .4s;
    -moz-transition: .6s, border-radius .4s;
    -ms-transition: .6s, border-radius .4s;
    -o-transition: .6s, border-radius .4s
}

.vis-floors-switch li a.current,
.vis-floors-switch li a:hover {
    color: #f75a40
}

.vis-floors-switch li a.current:after,
.vis-floors-switch li a:hover:after {
    border-color: #c6c7c9;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    transition: .6s, border-radius .4s .2s;
    -webkit-transition: .6s, border-radius .4s .2s;
    -moz-transition: .6s, border-radius .4s .2s;
    -ms-transition: .6s, border-radius .4s .2s;
    -o-transition: .6s, border-radius .4s .2s
}

.vis-bt-params {
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -80px;
    width: 234px;
    padding: 0 58px 0 0;
    text-align: right;
    font-family: lt-b;
    font-size: 12px;
    z-index: 10;
    transition: margin .6s, background .4s;
    -webkit-transition: margin .6s, background .4s;
    -moz-transition: margin .6s, background .4s;
    -ms-transition: margin .6s, background .4s;
    -o-transition: margin .6s, background .4s
}

.visual-controls-container.f4 .vis-bt-params,
.visual-controls-container.f5 .vis-bt-params,
.visual-controls-container.f6 .vis-bt-params {
    margin-left: -40px
}

.vis-bt-params span {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 32px;
    height: 26px;
    margin-top: -12px
}

.vis-bt-params .l1,
.vis-bt-params .l2,
.vis-bt-params .l3 {
    display: block;
    position: relative;
    width: 30px;
    margin: 0 auto 7px;
    height: 2px;
    background: #FFF
}

.vis-bt-params .c1,
.vis-bt-params .c2,
.vis-bt-params .c3 {
    display: block;
    width: 7px;
    height: 7px;
    background: #f75a40;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #FFF;
    position: absolute;
    left: 0;
    top: -2px;
    -webkit-animation: bt-params-anim-2 3s infinite;
    -o-animation: bt-params-anim-2 3s infinite;
    animation: bt-params-anim-2 3s infinite
}

.vis-bt-params .c1 {
    left: 23px;
    -webkit-animation: bt-params-anim-1 3s infinite;
    -o-animation: bt-params-anim-1 3s infinite;
    animation: bt-params-anim-1 3s infinite
}

.vis-bt-params .c3 {
    left: 12px;
    -webkit-animation: bt-params-anim-3 3s infinite;
    -o-animation: bt-params-anim-3 3s infinite;
    animation: bt-params-anim-3 3s infinite
}

.vis-bt-params:hover {
    -webkit-animation: none;
    -o-animation: none;
    animation: none
}

@-moz-keyframes bt-params-anim-1 {
    0%,
    100% {
        left: 23px
    }
    50% {
        left: 0
    }
}

@-webkit-keyframes bt-params-anim-1 {
    0%,
    100% {
        left: 23px
    }
    50% {
        left: 0
    }
}

@keyframes bt-params-anim-1 {
    0%,
    100% {
        left: 23px
    }
    50% {
        left: 0
    }
}

@-moz-keyframes bt-params-anim-2 {
    0%,
    100% {
        left: 0
    }
    50% {
        left: 23px
    }
}

@-webkit-keyframes bt-params-anim-2 {
    0%,
    100% {
        left: 0
    }
    50% {
        left: 23px
    }
}

@keyframes bt-params-anim-2 {
    0%,
    100% {
        left: 0
    }
    50% {
        left: 23px
    }
}

@-moz-keyframes bt-params-anim-3 {
    0%,
    100% {
        left: 12px
    }
    50% {
        left: 0
    }
}

@-webkit-keyframes bt-params-anim-3 {
    0%,
    100% {
        left: 12px
    }
    50% {
        left: 0
    }
}

@keyframes bt-params-anim-3 {
    0%,
    100% {
        left: 12px
    }
    50% {
        left: 0
    }
}

.vis-bt-dwnl-pdf,
.vis-bt-scheme {
    display: block;
    position: absolute;
    width: 45px;
    left: 50px;
    text-align: center;
    font-family: lt-b;
    font-size: 12px;
    color: #c6c7c9;
    z-index: 10
}

.vis-bt-dwnl-pdf:before,
.vis-bt-scheme:before {
    content: '';
    display: block;
    margin: 0 auto 7px
}

.vis-bt-dwnl-pdf {
    bottom: 41px
}

.vis-bt-dwnl-pdf:before {
    display: block;
    width: 20px;
    height: 20px;
    background: url("/bitrix/templates/2020/i/sprite.png") -52px 0 no-repeat
}

.vis-bt-dwnl-pdf i {
    position: absolute;
    z-index: -1;
    background: #fff;
    width: 54px;
    height: 54px;
    left: -5px;
    top: -8px;
    border: 2px solid #d4d4d4;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.vis-bt-scheme {
    bottom: 44px
}

.vis-bt-scheme:before {
    display: block;
    width: 9px;
    height: 16px;
    background: url("/bitrix/templates/2020/i/sprite.png") -36px 0 no-repeat
}

.parking-vis-intro,
.floors-vis-intro {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/bitrix/templates/2020/i/vis-parking-bg.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 10
}

.vis-parking-lift {
    position: absolute;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    margin-top: -200px;
    padding-top: 210px;
    font-family: "PT Serif";
    color: #fff;
    height: 44px;
    font-size: 45px;
    text-align: center
}

.vis-parking-lift i {
    display: block;
    width: 250px;
    height: 44px;
    background: url("/bitrix/templates/2020/i/vis-parking-lift.png") 0 0 no-repeat;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -125px
}

.vis-parking-lift:after,
.vis-parking-lift:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%
}

.vis-parking-lift:after {
    height: 5px;
    width: 5px;
    position: absolute;
    top: 67px;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-left: -3px
}

.vis-parking-lift:before {
    width: 1px;
    margin-left: -1px;
    height: 103px;
    top: 81px;
    border-left: 1px dashed #fff
}

.vis-parking-lift span {
    display: block;
    font-size: 28px
}

.vis-parking-places-left {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 38px;
    color: #fff;
    font-family: 'PT Serif', sans-serif
}

.vis-parking-places-left span {
    display: block;
    font-size: 72px
}

.bt-choose-parking {
    position: absolute;
    width: 340px;
    top: 50%;
    left: 50%;
    margin-top: 210px;
    margin-left: -170px
}

.parking-legend {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 12px;
    text-align: center;
    color: #333a46;
    font-size: 12px;
    font-family: lt-b;
    z-index: 5
}

.parking-legend.shown {
    display: block
}

.parking-legend div {
    position: relative;
    display: inline-block;
    padding-left: 21px;
    height: 12px;
    line-height: 12px;
    margin-right: 24px
}

.parking-legend div:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    background: #c9252b
}

.parking-legend div.orange_:before {
    background: #fdc010
}

.parking-legend div.green_:before {
    background: #8dc640
}

.parking-legend div.blue_:before {
    background: #00aeef
}

.parking-sold-text {
    font-size: 9px;
    fill: #FFF
}

.floors-vis-intro {
    background: none
}

.floors-vis-intro:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #54549c;
    opacity: .9
}

.fvi-pointer {
    position: absolute;
    font-family: lt;
    font-size: 14px;
    color: #fff;
    padding: 34px 0 0 89px;
    letter-spacing: 1px;
    top: 50%;
    margin-top: -265px;
    left: 75px
}

.fvi-pointer:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 87px;
    height: 32px;
    background: url("/bitrix/templates/2020/i/sprite.png") -707px 0 no-repeat
}

.fvi-pointer.dwnl_ {
    top: auto;
    margin: 0;
    bottom: 125px;
    left: 69px;
    padding: 0 0 0 100px
}

.fvi-pointer.dwnl_:after {
    top: 15px;
    width: 89px;
    height: 50px;
    background-position: -715px -63px
}

.fvi-pointer.yard-scheme_ {
    top: auto;
    margin: 0;
    bottom: 66px;
    left: 85px;
    padding: 0 0 0 85px
}

.fvi-pointer.yard-scheme_:after {
    top: 5px;
    width: 76px;
    height: 44px;
    background-position: -814px 0
}

.fvi-pointer.params_ {
    top: 160px;
    margin: 0;
    left: auto;
    right: 72px;
    padding: 67px 27px 0 0;
    text-align: right
}

.fvi-pointer.params_:after {
    top: 0;
    left: auto;
    right: 0;
    width: 39px;
    height: 52px;
    background-position: -663px 0
}

.bt-fvi-implode {
    width: 348px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -174px;
    margin-top: 143px;
    padding: 0
}

.bt-fvi-implode-hide {
    width: 212px;
    height: 18px;
    line-height: 18px;
    font-family: lt;
    color: #fff;
    letter-spacing: 1px;
    padding-left: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -103px;
    margin-top: 214px
}

.bt-fvi-implode-hide:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #fff
}

.bt-fvi-implode-hide:hover:after,
.bt-fvi-implode-hide.active:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    width: 11px;
    height: 11px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff
}

.fvi-anim {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url("/bitrix/templates/2020/i/sprite.png") -108px 0 no-repeat;
    width: 212px;
    height: 107px;
    margin: -93px 0 0 -106px;
    text-align: center
}

.fvi-anim:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    bottom: -20px;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 50%;
    margin-left: -3px
}

.fvi-anim:before {
    content: '';
    height: 90px;
    width: 1px;
    border-left: 1px dashed #fff;
    position: absolute;
    bottom: -110px;
    left: 50%;
    margin-left: -1px
}

.fvi-anim-scheme {
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 2px;
    background: #fff;
    -webkit-animation: fvi-scheme-move 7s infinite;
    -o-animation: fvi-scheme-move 7s infinite;
    animation: fvi-scheme-move 7s infinite
}

.fvi-anim-scheme span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    width: 35px;
    height: 35px;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #333a46;
    font-family: lt-b;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    -webkit-animation: fvi-scheme-bt-move 7s infinite;
    -o-animation: fvi-scheme-bt-move 7s infinite;
    animation: fvi-scheme-bt-move 7s infinite
}

.fvi-anim-hand {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 29px;
    height: 34px;
    background: url("/bitrix/templates/2020/i/sprite.png") 0 0 no-repeat;
    margin-top: -150px;
    margin-left: -15px;
    -webkit-animation: fvi-hand-move 7s infinite;
    -o-animation: fvi-hand-move 7s infinite;
    animation: fvi-hand-move 7s infinite
}

@-moz-keyframes fvi-hand-move {
    0%,
    10%,
    34% {
        margin-top: -150px
    }
    17%,
    28% {
        margin-top: 5px
    }
}

@-webkit-keyframes fvi-hand-move {
    0%,
    10%,
    34% {
        margin-top: -150px
    }
    17%,
    28% {
        margin-top: 5px
    }
}

@keyframes fvi-hand-move {
    0%,
    10%,
    34% {
        margin-top: -150px
    }
    17%,
    28% {
        margin-top: 5px
    }
}

@-moz-keyframes fvi-scheme-move {
    0%,
    26%,
    90% {
        opacity: 1
    }
    36%,
    88% {
        opacity: 0
    }
}

@-webkit-keyframes fvi-scheme-move {
    0%,
    26%,
    90% {
        opacity: 1
    }
    36%,
    88% {
        opacity: 0
    }
}

@keyframes fvi-scheme-move {
    0%,
    26%,
    90% {
        opacity: 1
    }
    36%,
    88% {
        opacity: 0
    }
}

@-moz-keyframes fvi-scheme-bt-move {
    0%,
    22%,
    30% {
        background: #fff;
        color: #333a46
    }
    26% {
        background: #f75a40;
        color: #fff
    }
}

@-webkit-keyframes fvi-scheme-bt-move {
    0%,
    22%,
    30% {
        background: #fff;
        color: #333a46
    }
    26% {
        background: #f75a40;
        color: #fff
    }
}

@keyframes fvi-scheme-bt-move {
    0%,
    22%,
    30% {
        background: #fff;
        color: #333a46
    }
    26% {
        background: #f75a40;
        color: #fff
    }
}

body.list-main .page-content {
    height: 100%
}

.flt-intro-content {
    position: absolute;
    left: 0;
    top: 190px;
    right: 0;
    bottom: 0
}

.flt-intro-content .symbol-amp {
    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%)
}

.flt-main-filter {
    position: absolute;
    left: 0;
    width: 100%;
    height: 110px;
    top: 80px;
    background: #3b3446;
    color: #fff;
    padding-top: 32px
}

.flt-main-filter .flt-main-sq-wrapper,
.flt-main-filter .flt-main-price-wrapper {
    margin-top: -20px
}

.flt-main-sq-wrapper,
.flt-main-price-wrapper {
    width: 250px;
    height: 75px;
    margin: 0 auto
}

.flt-filter-header {
    color: #fff;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    letter-spacing: 1px
}

.flt-filter {
    margin-top: 10px;
    width: 250px;
    height: 3px
}

.flats-type-card {
    position: relative;
    float: left;
    width: 50%;
    height: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.flats-type-card:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1e1b31;
    opacity: .2
}

.flats-type-card.i0:before,
.flats-type-card.i1:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/bitrix/templates/2020/i/bg-fade-top.png") 0 0 repeat-x
}

.flats-type-card:hover .flats-type-card-fade {
    opacity: .8
}

.flats-type-card:hover .flats-type-card-h,
.flats-type-card:hover .flats-type-card-ico {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px)
}

.flats-type-card:hover .flats-type-card-h:after,
.flats-type-card:hover .flats-type-card-ico:after {
    -webkit-transform: translate(-50%, -50%) rotateZ(-45deg);
    -moz-transform: translate(-50%, -50%) rotateZ(-45deg);
    -ms-transform: translate(-50%, -50%) rotateZ(-45deg);
    -o-transform: translate(-50%, -50%) rotateZ(-45deg);
    transform: translate(-50%, -50%) rotateZ(-45deg)
}

.flats-type-card:hover .flats-type-card-price-from,
.flats-type-card:hover .flats-type-card-flats-left {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px)
}

.flats-type-card:hover .flats-type-card-flats-left {
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    transform: translateY(25px)
}

.flats-type-card-fade {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f75a40;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.flats-type-card-h,
.flats-type-card-ico,
.flats-type-card-price-from,
.flats-type-card-flats-left {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.flats-type-card-h {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    text-align: center;
    font-family: "PT Serif";
    font-size: 31px;
    color: #fff;
    margin-top: 50px;
    z-index: 1
}

.flats-type-card-ico {
    position: absolute;
    width: 117px;
    height: 117px;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -59px;
    z-index: 1
}

.flats-type-card-ico:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    border: 2px solid #fff;
    -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
    -moz-transform: translate(-50%, -50%) rotateZ(45deg);
    -ms-transform: translate(-50%, -50%) rotateZ(45deg);
    -o-transform: translate(-50%, -50%) rotateZ(45deg);
    transform: translate(-50%, -50%) rotateZ(45deg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.flats-type-card-ico img {
    position: relative;
    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%)
}

.flats-type-card-price-from,
.flats-type-card-flats-left {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: 60px;
    text-align: center;
    font-family: lt-b;
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
    z-index: 1;
    opacity: 0
}

.flats-type-card-flats-left {
    margin-top: 80px;
    font-size: 15px;
    text-transform: uppercase
}

body.flats-table {
    background: #eee
}

body.flats-table .page-content {
    padding-top: 260px
}

.flt-tbl-filter {
    position: fixed;
    left: 0;
    top: 80px;
    width: 100%;
    height: 111px;
    background: #3b3446;
    z-index: 100;
    padding-top: 10px
}

.flt-tbl-filter .col-1-3 {
    padding: 0 20px
}

.flt-main-rooms-wrapper {
    width: 213px;
    display: inline-block
}

.flt-tbl-rooms-switch li {
    display: block;
    float: left;
    width: 53px;
    height: 40px
}

.flt-tbl-rooms-switch li a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-left: none;
    line-height: 38px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #3b3446
}

.flt-tbl-rooms-switch li a:hover,
.flt-tbl-rooms-switch li a.selected {
    background: #fff;
    color: #f75a40
}

.flt-tbl-rooms-switch li:first-of-type {
    border-left: 1px solid #fff
}

.flats-empty-result {
    padding: 20px 0;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    color: #333a46;
    font-family: lt-b;
    font-size: 15px;
    text-align: center;
    margin-left: 45px;
    margin-right: 375px;
    display: none
}

.flats-loading {
    position: fixed;
    top: 191px;
    left: 45px;
    bottom: 0;
    right: 375px;
    background: url("/bitrix/templates/2020/i/loading_bar2.gif") no-repeat scroll 50% 50%;
    z-index: 1000
}

.tbl-body {
    margin-left: 45px;
    margin-right: 375px
}

.tbl-body.loading {
    opacity: .5
}

.tbl-row {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    position: relative;
    height: 109px;
    width: 100%;
    margin-bottom: 12px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: #333a46;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.tbl-row.in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.tbl-row:hover {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translate(-2px, -2px);
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
    background: #f75a40;
    color: #fff;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3)
}

.tbl-row:hover .table-cell.cell-num span {
    color: #fff;
    border-color: #fff
}

.tbl-row:hover .table-cell.cell-bld span {
    background: #fff !important;
    color: #f75a40
}

.tbl-row .table-cell {
    height: 100%;
    float: left;
    font-family: lt-b;
    font-size: 15px;
    text-align: center;
    line-height: 109px
}

.tbl-row .table-cell.cell-num span {
    display: inline-block;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #e7e7e7;
    color: #adaeb2
}

.tbl-row .table-cell.cell-bld span {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 26px;
    text-align: center;
    background: #254f6b;
    color: #fff
}

.tbl-row .table-cell.cell-bld span.bldA {
    background: #693a53
}

.tbl-row .table-cell.cell-sq,
.tbl-row .table-cell.cell-floor {
    font-size: 19px;
    font-family: "PT Serif";
    font-weight: bold
}

.flt-tbl-head {
    position: fixed;
    height: 62px;
    z-index: 10;
    left: 35px;
    right: 365px;
    top: 191px;
    background: #eee;
    color: #adaeb2;
    text-align: center;
    padding: 0 10px
}

.table-h-cell {
    height: 100%;
    float: left;
    line-height: 62px
}

.table-h-cell a {
    color: #adaeb2;
    border-bottom: 1px dashed;
    font-size: 11px
}

.table-h-cell a.desc i,
.table-h-cell a.asc i {
    display: inline-block;
    width: 1px;
    height: 11px;
    background: #7a7b7e;
    padding-top: 9px
}

.table-h-cell a.desc i:before,
.table-h-cell a.asc i:before {
    content: '';
    display: block;
    height: 1px;
    width: 3px;
    background: #7a7b7e;
    margin-left: -1px
}

.table-h-cell a.desc i {
    padding-top: 1px
}

.cell-w-num {
    width: 8%
}

.cell-w-bld {
    width: 15%
}

.cell-w-floor {
    width: 8%
}

.cell-w-bed {
    width: 15%
}

.cell-w-adv {
    width: 20%
}

.cell-w-sq {
    width: 16%
}

.cell-w-price {
    width: 16%
}

.flats-panel-right {
    position: fixed;
    top: 191px;
    right: 0;
    width: 335px;
    bottom: 0;
    background: #fff;
    z-index: 1
}

.flats-panel-right:before,
.flats-panel-right:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 1px;
    background: #e3e3e3
}

.flats-panel-right:after {
    left: 208px
}

.flt-tbl-bld-switch {
    position: relative;
    width: 125px;
    height: 44px;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3
}

.flt-tbl-bld-switch li {
    width: 50%;
    float: left;
    height: 44px
}

.flt-tbl-bld-switch li:first-of-type {
    border-right: 1px solid #e3e3e3
}

.flt-tbl-bld-switch li a {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    font-family: lt-b;
    font-size: 15px;
    color: #4db2bb;
    line-height: 44px
}

.flt-tbl-bld-switch li a.selected {
    color: #FFF;
    background: #693a53
}

.flt-tbl-bld-switch li:nth-child(2) a.selected {
    background: #254f6b
}

.flt-tbl-adv {
    width: 209px;
    padding-top: 16px
}

.flt-tbl-adv-h {
    font-size: 12px;
    font-family: lt-b;
    color: #adaeb2;
    text-align: center;
    padding-bottom: 28px
}

.flt-tbl-adv-list li {
    display: block;
    float: left;
    margin-bottom: 18px !important;
    padding: 0 10px !important;
    text-align: center;
    line-height: .9
}

.flt-tbl-adv-list li:nth-child(2n+1) {
    clear: left
}

.flt-tbl-adv-list li span {
    display: block;
    margin: 0 auto;
    width: 28px;
    height: 28px;
    margin-bottom: 5px
}

.flt-tbl-adv-list li span svg {
    fill: #595d6f;
    stroke: #595d6f
}

.flt-tbl-adv-list li a {
    font-family: lt;
    font-size: 11px;
    color: #7f7f7f;
    text-transform: lowercase
}

.flt-tbl-adv-list li a:hover,
.flt-tbl-adv-list li a.selected {
    color: #f75a40
}

.flt-tbl-adv-list li a:hover svg,
.flt-tbl-adv-list li a.selected svg {
    fill: #f75a40;
    stroke: #f75a40
}

.flt-tbl-floors {
    position: absolute;
    right: 0;
    top: 40px;
    text-align: center;
    width: 125px;
    font-family: lt-b
}

.flats-panel-right .flt-tbl-floors {
    position: relative;
    top: auto;
    padding-top: 10px
}

.flats-table .flats-floors-h {
    padding-top: 22px
}

.flt-tbl-floors-switch li {
    height: 32px;
    width: 32px;
    margin: 8px auto 0 !important
}

.flt-tbl-floors-switch li a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 18px;
    font-family: lt-b;
    color: #333a46;
    line-height: 34px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s
}

.flt-tbl-floors-switch li a:hover,
.flt-tbl-floors-switch li a.selected {
    background: #f75a40;
    color: #fff
}

.flt-tbl-count {
    width: 209px;
    position: absolute;
    bottom: 79px;
    font-family: lt-b;
    font-size: 10px;
    color: #adaeb2
}

.flt-tbl-count span {
    width: 44px;
    text-align: center;
    font-family: "PT Serif";
    font-size: 40px;
    color: #5c616a;
    line-height: 1;
    float: left;
    display: block;
    margin-left: 40px;
    margin-right: 10px;
    margin-top: -8px
}

.bt-clear-filter {
    position: absolute;
    width: 173px;
    border: 1px solid #d6d8da;
    left: 19px;
    bottom: 20px;
    padding: 0
}

.bt-clear-filter.filtered {
    background: #f75a40;
    color: #FFF
}

.tbl-advs {
    line-height: 16px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tbl-advs li {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 6px 9px 6px !important;
    text-align: left
}

.tbl-advs li img {
    width: 100%;
    height: 100%
}

.tbl-advs li svg {
    fill: #9b9ea9;
    stroke: #9b9ea9
}

.tbl-advs li.selected svg {
    fill: #f75a40;
    stroke: #f75a40
}

.tbl-row:hover .tbl-advs li svg {
    fill: #fff;
    stroke: #fff
}

.modal-bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    z-index: 500
}

.flat-detail-wnd {
    display: none;
    width: 960px;
    position: fixed;
    left: 50%;
    margin-left: -480px;
    z-index: 510;
    top: 0;
    bottom: 0
}

.flat-detail {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    padding-right: 15px
}

.flat-detail-bg {
    position: relative;
    background: #fff
}

.flat-d-header {
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: -480px;
    width: 945px;
    height: 103px;
    background: #fff;
    border-bottom: 1px solid #d6d8da;
    font-family: lt;
    text-align: center;
    z-index: 10;
    letter-spacing: 1px
}

.flat-d-header-item {
    display: inline-block;
    height: 100%;
    line-height: 103px;
    font-size: 16px;
    padding: 0 30px;
    vertical-align: top
}

.flat-d-header-right {
    padding-left: 80px
}

.flat-d-header-center {
    position: relative;
    font-size: 50px
}

.flat-d-header-center span {
    font-size: 16px
}

.flat-d-header-center:before,
.flat-d-header-center:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 5px;
    height: 5px;
    background: #f75a40;
    margin: -2px 0 0 -2px;
    left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.flat-d-header-center:after {
    left: auto;
    right: 0;
    margin: -2px -2px 0 0
}

.flat-d-next,
.flat-d-prev {
    position: absolute;
    top: 50%;
    height: 14px;
    width: 33px;
    margin-top: -7px
}

.flat-d-next {
    left: 90px
}

.flat-d-prev {
    right: 90px
}

.flat-d-header .dash_ {
    width: 35px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    background: #333a46;
    margin: 0 11px
}

.flat-popup-close {
    display: block;
    position: absolute;
    width: 42px;
    height: 42px;
    right: 24px;
    top: 40px;
    cursor: pointer
}

.flat-popup-close:after {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    background: url("/bitrix/templates/2020/i/sprite.png") -461px -31px no-repeat;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 -9px
}

.flat-detail-scheme-switch {
    position: absolute;
    top: 120px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: lt-b
}

.flat-detail-scheme-switch div {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    vertical-align: middle;
    text-align: left
}

.scheme-switch-h {
    color: #c6c7c9;
    font-size: 12px
}

.scheme-switch-item {
    opacity: .8;
    cursor: pointer;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s
}

.scheme-switch-item:after {
    content: '';
    position: absolute;
    right: 0;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    width: 1px;
    background: #c6c7c9
}

.scheme-switch-item:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #f75a40 transparent;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s
}

.scheme-switch-item:last-child:after {
    display: none
}

.scheme-switch-item:hover {
    color: #f75a40
}

.scheme-switch-item.active {
    opacity: 1;
    color: #f75a40
}

.scheme-switch-item.active:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.flat-d-plan-container {
    position: relative;
    padding-top: 103px;
    height: 812px;
    background: url("/bitrix/templates/2020/i/bg-lines-45.png")
}

.flat-d-plan-container .plan_,
.flat-d-plan-slider {
    position: absolute;
    top: 200px;
    bottom: 160px;
    left: 20px;
    right: 20px;
    text-align: center
}

.flat-d-plan-container .plan_ img,
.flat-d-plan-slider img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    opacity: 0;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s
}

.flat-d-plan-container .plan_ .swiper-slide-active img,
.flat-d-plan-slider .swiper-slide-active img {
    opacity: 1
}

.flat-d-plan-prev,
.flat-d-plan-next {
    background: #c6c7c9;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s
}

.flat-d-plan-prev:hover,
.flat-d-plan-next:hover {
    background: #333a46
}

.flat-d-plan-prev {
    left: 20px
}

.flat-d-plan-next {
    right: 20px
}

.flat-d-plan-container .compass_ {
    position: absolute;
    top: 121px;
    left: 32px;
    height: 30px;
    width: 38px;
    background: url("/bitrix/templates/2020/i/sprite.png") -386px -20px no-repeat
}

.flat-d-plan-container .minischeme_ {
    position: absolute;
    top: 121px;
    right: 27px
}

.flat-d-plan-street {
    position: absolute;
    text-transform: uppercase;
    text-align: left;
    width: 180px;
    color: #666
}

.flat-d-plan-street.street-top_ {
    left: 50%;
    margin-left: -50px;
    top: 170px
}

.flat-d-plan-street.street-left_ {
    left: -30px;
    top: 50%;
    margin-top: 80px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.flat-d-plan-street.street-right_ {
    right: -30px;
    top: 50%;
    margin-top: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.flat-detail-wnd .flat-d-plan-street.street-right_ {
    top: 71%
}

.flat-d-plan-street.street-bottom_ {
    left: 120px;
    bottom: 140px;
    text-align: left;
    width: 100px
}

.flat-d-plan-street.street-bottom_ svg {
    top: 0
}

.flat-d-plan-street svg {
    position: absolute;
    left: -20px;
    top: -5px;
    width: 10px
}

.visual-controls-container .flat-d-plan-street.street-top_ {
    margin-left: 350px;
    top: 110px
}

.visual-controls-container .flat-d-plan-street.street-left_ {
    left: 30px
}

.visual-controls-container .flat-d-plan-street.street-right_ {
    right: -40px
}

.visual-controls-container .flat-d-plan-street.street-bottom_ {
    left: 50%;
    bottom: 15px;
    margin-left: -50px;
    width: 200px
}

.visual-controls-container .flat-d-plan-street.street-bottom_ svg {
    top: -5px
}

.flat-d-adv-images .im1,
.flat-d-adv-images .im2,
.flat-d-adv-images .im3 {
    position: relative;
    height: 392px;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.flat-d-adv-images .im1 {
    background-image: url(/bitrix/templates/2020/i/flat-windows.jpg)
}

.flat-d-adv-images .im2 {
    background-image: url(/bitrix/templates/2020/i/flat-bed.jpg)
}

.flat-d-adv-images .im3.adv-image-terrace {
    background-image: url(/bitrix/templates/2020/i/flat-terasse.jpg)
}

.flat-d-adv-images .im3.adv-image-second-floor {
    background-image: url(/bitrix/templates/2020/i/flat-second-floor.jpg)
}

.flat-d-adv-images .symbol-amp {
    position: absolute;
    left: 50%;
    margin-left: -87px;
    top: -93px
}

.flat-d-adv-im-h {
    font-size: 24px;
    color: #fff;
    text-align: center
}

.flat-d-adv-im-h div {
    font-size: 114px;
    font-family: lt;
    line-height: 1.3;
    margin-top: 0
}

.flat-d-adv-main-im-h {
    font-family: "PT Serif";
    font-size: 58px;
    color: #fff;
    text-align: center
}

.flat-d-text-container {
    padding: 0 92px
}

.flat-d-adv-text1,
.flat-d-adv-text2 {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.6
}

.flat-d-adv-text1 {
    color: #4d4e58;
    padding: 50px 0;
    position: relative
}

.flat-d-adv-text2 {
    color: #4d4e58;
    padding: 56px 0;
    opacity: .8
}

.flat-d-adv-text2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 365px;
    height: 1px;
    background: #333a46
}

.flat-d-send-appl {
    height: 392px;
    background: url(/bitrix/templates/2020/i/flat-enter.jpg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.flat-d-send-appl.z_ {
    background-image: url(/bitrix/templates/2020/i/flat-enter-z.jpg)
}

.flat-d-send-appl a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    z-index: -1
}

.flat-d-send-appl a:hover:before {
    display: none
}

.flat-d-adv-list {
    padding-top: 65px !important;
    text-transform: lowercase;
    text-align: center
}

.flat-d-adv-list li {
    display: inline-block;
    vertical-align: top;
    padding: 0 45px 20px !important;
    color: #333a46;
    font-size: 16px
}

.flat-d-controls {
    bottom: 75px;
    left: 30px;
    right: 30px;
    height: 50px;
    position: absolute
}

.flat-d-controls a {
    padding: 0 30px
}

.flat-d-price {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 75px;
    margin-left: -145px;
    width: 291px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    text-align: center
}

.flat-d-price span {
    font-size: 16px
}

.bt-price {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 85px;
    margin-left: -145px;
    width: 291px;
    height: 55px;
    background: #f75a40;
    padding-right: 57px;
    color: #fff;
    line-height: 55px;
    font-size: 16px;
    font-family: lt-b;
    text-align: center;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    overflow: hidden
}

.bt-price i {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 55px;
    width: 55px;
    border: 1px solid #c64833
}

.bt-price i:after {
    content: '';
    position: absolute;
    width: 23px;
    height: 23px;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    background: url("/bitrix/templates/2020/i/sprite.png") -459px 0 no-repeat
}

.bt-price:hover .bt-price-text-normal {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.bt-price:hover .bt-price-text-hover {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.bt-price-text-normal {
    font-size: 18px
}

.bt-price-text-normal,
.bt-price-text-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 236px;
    height: 100%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.bt-price-text-hover {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.bt-flat-d-download {
    position: absolute;
    left: 35px;
    bottom: 40px;
    font-family: lt-b;
    font-size: 12px;
    color: #f75a40;
    height: 20px;
    line-height: 20px;
    padding-left: 35px;
    text-decoration: underline
}

.bt-flat-d-download:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    background: url("/bitrix/templates/2020/i/sprite.png") -52px 0 no-repeat
}

.bt-flat-d-download:hover span {
    border-bottom: 1px solid #333a46
}

.bt-scroll-down {
    position: absolute;
    left: 50%;
    bottom: 22px;
    font-family: lt-b;
    font-size: 10px;
    color: #333a46;
    text-align: center;
    width: 102px;
    height: 32px;
    margin-left: -51px
}

.bt-scroll-down:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    width: 12px;
    height: 7px;
    background: url("/bitrix/templates/2020/i/sprite.png") -434px -31px no-repeat;
    -webkit-transition: bottom .3s;
    -moz-transition: bottom .3s;
    -ms-transition: bottom .3s;
    -o-transition: bottom .3s;
    transition: bottom .3s
}

.bt-scroll-down:hover:after {
    bottom: -8px
}

.symbol-amp {
    width: 174px;
    height: 190px;
    background: url("/bitrix/templates/2020/i/sprite.png") -488px 0 no-repeat
}

.floor-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 268px;
    margin: -80px 0 0 -36px;
    text-align: center;
    padding-top: 62px;
    color: #fff;
    font-family: lt-b;
    font-size: 21px;
    z-index: 9;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.2)
}

.floor-nav-digit-container {
    position: relative;
    width: 86px;
    height: 110px;
    margin: 0 auto 10px;
    font-size: 132px;
    display: block;
    line-height: .9;
    overflow: hidden
}

.floor-nav-digit-container div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-animation: flat-val-anm-out 0.5s forwards;
    -o-animation: flat-val-anm-out 0.5s forwards;
    animation: flat-val-anm-out 0.5s forwards
}

.floor-nav-digit-container div.active {
    -webkit-animation: flat-val-anm-in 0.5s forwards;
    -o-animation: flat-val-anm-in 0.5s forwards;
    animation: flat-val-anm-in 0.5s forwards
}

.floor-nav-digit-container div.back {
    -webkit-animation: flat-val-anm-out-back 0.5s forwards;
    -o-animation: flat-val-anm-out-back 0.5s forwards;
    animation: flat-val-anm-out-back 0.5s forwards
}

.floor-nav-digit-container div.back.active {
    -webkit-animation: flat-val-anm-in-back 0.5s forwards;
    -o-animation: flat-val-anm-in-back 0.5s forwards;
    animation: flat-val-anm-in-back 0.5s forwards
}

@-moz-keyframes flat-val-anm-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes flat-val-anm-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes flat-val-anm-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes flat-val-anm-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@-webkit-keyframes flat-val-anm-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@keyframes flat-val-anm-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@-moz-keyframes flat-val-anm-in-back {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes flat-val-anm-in-back {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes flat-val-anm-in-back {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes flat-val-anm-out-back {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }
}

@-webkit-keyframes flat-val-anm-out-back {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }
}

@keyframes flat-val-anm-out-back {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }
}

.floor-nav-up,
.floor-nav-down {
    position: absolute;
    width: 64px;
    height: 64px;
    left: 50%;
    margin-left: -32px;
    top: -10px;
    cursor: pointer
}

.floor-nav-up i,
.floor-nav-down i {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-animation: floor-arrow-up-anm 1s infinite;
    -o-animation: floor-arrow-up-anm 1s infinite;
    animation: floor-arrow-up-anm 1s infinite
}

.floor-nav-up i:after,
.floor-nav-down i:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 21px 12px;
    border-color: transparent transparent #f75a40 transparent;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s
}

.floor-nav-up:hover i:after,
.floor-nav-down:hover i:after {
    border-color: transparent transparent #FFF transparent
}

.floor-nav-down i {
    -webkit-animation: floor-arrow-down-anm 1s infinite;
    -o-animation: floor-arrow-down-anm 1s infinite;
    animation: floor-arrow-down-anm 1s infinite
}

.floor-nav-down i:after {
    border-width: 21px 12px 0 12px;
    border-color: #f75a40 transparent transparent transparent
}

.floor-nav-down:hover i:after {
    border-color: #FFF transparent transparent transparent
}

@-moz-keyframes floor-arrow-up-anm {
    0%,
    100% {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    50% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }
}

@-webkit-keyframes floor-arrow-up-anm {
    0%,
    100% {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    50% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }
}

@keyframes floor-arrow-up-anm {
    0%,
    100% {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    50% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }
}

@-moz-keyframes floor-arrow-down-anm {
    0%,
    100% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }
    50% {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@-webkit-keyframes floor-arrow-down-anm {
    0%,
    100% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }
    50% {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@keyframes floor-arrow-down-anm {
    0%,
    100% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }
    50% {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

.floor-nav-up:after,
.floor-nav-down:after {
    content: '';
    width: 80px;
    height: 1px;
    display: block;
    position: absolute;
    left: 50%;
    top: 60px;
    background: #fff;
    margin-left: -40px
}

.floor-nav-up svg,
.floor-nav-down svg {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -12px;
    width: 24px;
    height: 21px
}

.floor-nav-up.disabled,
.floor-nav-down.disabled {
    opacity: 0;
    pointer-events: none
}

.floor-nav-down {
    top: auto;
    bottom: -10px
}

.floor-nav-down:after {
    top: 5px
}

.parking-info-bubble {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 276px;
    height: 243px;
    background: #d73333;
    z-index: 500;
    text-align: center
}

.parking-info-bubble.double_ {
    width: 376px
}

.parking-info-bubble .arrow_ {
    width: 20px;
    height: 20px;
    background: #d73333;
    position: absolute;
    left: -3px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.parking-info-bubble.top_ .arrow_ {
    left: 10px;
    top: auto;
    bottom: -3px
}

#parking-hover .parking-hover-item {
    cursor: pointer
}

.parking-sizes {
    display: inline-block;
    position: relative;
    width: 125px;
    height: 82px;
    margin: 35px 20px 20px;
    background: url("/bitrix/templates/2020/i/sprite.png") -106px -117px no-repeat;
    text-align: center;
    color: #fff;
    font-family: lt-b;
    font-size: 13px
}

.parking-sizes .label-top_,
.parking-sizes .label-left_ {
    font-size: 12px;
    font-family: lt;
    text-align: center;
    position: absolute
}

.parking-sizes .label-top_ {
    width: 100%;
    left: 0;
    bottom: 3px;
    line-height: 1
}

.parking-sizes .label-left_ {
    width: 100%;
    height: 20px;
    top: 50%;
    line-height: 20px;
    left: 16px;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) translateX(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) translateX(-50%) rotate(-90deg);
    transform: translateY(-50%) translateX(-50%) rotate(-90deg)
}

.parking-sizes .name_ {
    padding-top: 30px;
    padding-left: 10px
}

.parking-sizes .price_ {
    padding-top: 8px
}

.parking-sizes.parking-sizes-dbl {
    display: none
}

.parking-sizes.parking-sizes-dbl:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -32px;
    width: 20px;
    height: 20px;
    background: url("/bitrix/templates/2020/i/sprite.png") -351px -148px no-repeat
}

.parking-price {
    color: #fff;
    font-family: lt-b;
    font-size: 13px;
    text-align: center;
    padding-bottom: 15px
}

.bt.bt-parking-appl {
    padding: 0 40px
}

.visual-photo-point {
    position: absolute;
    left: 800px;
    top: 200px;
    width: 30px;
    height: 30px;
    background: #f75a40;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -15px 0 0 -15px;
    cursor: pointer;
    z-index: 9;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.visual-photo-point:before,
.visual-photo-point:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    background: #FFF;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.visual-photo-point:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -moz-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    -o-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.visual-photo-point:hover {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.visual-photo-point:hover:before {
    -webkit-transform: translate(-50%, -50%) rotate(270deg);
    -moz-transform: translate(-50%, -50%) rotate(270deg);
    -ms-transform: translate(-50%, -50%) rotate(270deg);
    -o-transform: translate(-50%, -50%) rotate(270deg);
    transform: translate(-50%, -50%) rotate(270deg)
}

.visual-photo-point:hover:after {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg)
}

.visual-photo-point.p1_1 {
    left: 35.86666667%;
    top: 65.34653465%
}

.visual-photo-point.p2_1 {
    left: 24.26666667%;
    top: 61.78217822%
}

.visual-photo-point.p3_1 {
    left: 35.86666667%;
    top: 65.34653465%
}

.visual-photo-point.p4_1 {
    left: 24%;
    top: 71.88118812%
}

.visual-photo-point.p5_1 {
    left: 71.13333333%;
    top: 25.64356436%
}

.visual-photo-point.p6_1 {
    left: 30.4%;
    top: 62.07920792%
}

.vis-point-popup {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #FFF 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1000
}

.vis-point-popup .modalCloseImg:before,
.vis-point-popup .modalCloseImg:after {
    background: #FFF
}

@media only screen and (max-width: 1440px) {
    .flt-filter,
    .flt-main-sq-wrapper,
    .flt-main-price-wrapper {
        width: 200px
    }
    .visual-flats-label .visual-flat-price {
        font-size: 14px
    }
}

@media only screen and (max-height: 720px) {
    .flt-tbl-adv-h {
        padding-bottom: 10px
    }
    .flt-tbl-adv-list li span {
        width: 22px;
        height: 22px;
        margin-bottom: 2px
    }
    .flt-tbl-adv-list li {
        margin-bottom: 10px!important
    }
}

.swiper-slide.slide-footer {
    height: 473px !important
}

.footer {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 473px;
    padding: 26px 0 76px;
    background: #485064;
    color: #aaacaf;
    z-index: 10;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s
}

.footer:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    width: 100%;
    height: 1px;
    background: #555e75
}

.footer:after {
    content: '';
    position: absolute;
    top: 2px;
    height: 16px;
    width: 100%;
    background: #3f4657;
    background: -moz-linear-gradient(top, #3f4657 0%, #485064 100%);
    background: -webkit-linear-gradient(top, #3f4657 0%, #485064 100%);
    background: linear-gradient(to bottom, #3f4657 0%, #485064 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3f4657', endColorstr='#485064', GradientType=0)
}

.footer p {
    padding: 0 0 12px 0;
    margin: 0
}

.footer.show_ {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.footer-h {
    font-family: lt;
    font-size: 29px;
    text-align: center;
    padding-bottom: 38px
}

.footer-org {
    width: 100%;
    text-align: center;
    font-size: 12px;
    clear: both;
    padding-top: 50px
}

.footer-text-container {
    width: 100%;
    max-width: 1200px;
    min-width: 960px;
    margin: 0 auto
}

.footer-col-left {
    float: left;
    width: 48%;
    padding-right: 100px
}

.footer-col-right {
    float: right;
    width: 50%;
    padding-left: 150px
}

.footer-logo {
    position: absolute;
    width: 104px;
    height: 183px;
    left: 50%;
    top: 50%;
    margin: -112px 0 0 -35px
}

.footer-logo:hover .footer-logo-small {
    transition: 0.4s 0.4s ease-out;
    -webkit-transition: 0.4s 0.4s ease-out;
    -moz-transition: 0.4s 0.4s ease-out;
    -ms-transition: 0.4s 0.4s ease-out;
    -o-transition: 0.4s 0.4s ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.footer-logo:hover .footer-logo-big {
    transition: 0.8s ease-out;
    -webkit-transition: 0.8s ease-out;
    -moz-transition: 0.8s ease-out;
    -ms-transition: 0.8s ease-out;
    -o-transition: 0.8s ease-out;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.footer-logo-big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/bitrix/templates/2020/i/sprite.png?v1541") -243px -237px no-repeat;
    transition: 0.6s 0.2s;
    -webkit-transition: 0.6s 0.2s;
    -moz-transition: 0.6s 0.2s;
    -ms-transition: 0.6s 0.2s;
    -o-transition: 0.6s 0.2s
}

.footer-logo-small {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 216px;
    height: 122px;
    margin: -46px 0 0 -114px;
    background: url("/bitrix/templates/2020/i/sprite.png?v1541") 0 -473px no-repeat;
    -webkit-transform: translateY(15px) scale(2);
    -moz-transform: translateY(15px) scale(2);
    -ms-transform: translateY(15px) scale(2);
    -o-transform: translateY(15px) scale(2);
    transform: translateY(15px) scale(2);
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    opacity: 0
}

.footer-sh {
    font-size: 22px;
    font-family: lt;
    padding-bottom: 12px
}

.footer-footer {
    position: absolute;
    bottom: 0;
    height: 57px;
    width: 100%;
    left: 0;
    background: #dee1e6;
    line-height: 57px;
    overflow: hidden
}

.footer-footer:before {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    width: 100%;
    height: 1px;
    background: #485063
}

.footer-menu {
    position: relative;
    width: 50%;
    float: left;
    left: -100px;
    text-align: right
}

.footer-menu a {
    position: relative;
    display: inline-block;
    color: #aaacaf;
    margin: 0 12px
}

.footer-menu a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -15px;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #aaacaf
}

.footer-contacts-link {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 150px;
    height: 57px;
    top: 0;
    color: #aaacaf
}

.footer-contacts-link:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -15px;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #aaacaf
}

.footer-logo-wm {
    width: 160px;
    float: right;
    height: 55px;
    padding-top: 3px;
    margin-right: 42px;
    color: #aaacaf;
    font-size: 10px;
    text-align: right
}

.footer-logo-wm i {
    display: inline-block;
    width: 106px;
    height: 15px;
    margin-left: 5px;
    background: url("/bitrix/templates/2020/i/sprite.png?v1541") -367px -341px no-repeat
}

.footer-logo-wm span {
    opacity: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s
}

.footer-logo-wm:hover span {
    opacity: 1
}

.footer-logo-apsis {
    position: absolute;
    width: 48px;
    height: 36px;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -24px;
    background: url("/bitrix/templates/2020/i/sprite.png?v1541") -387px -268px no-repeat
}

.footer-events-block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    z-index: 9;
    transition: 0s 1s;
    -webkit-transition: 0s 1s;
    -moz-transition: 0s 1s;
    -ms-transition: 0s 1s;
    -o-transition: 0s 1s
}

.footer-events-block.show_ {
    height: 100%;
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s
}

body.gallery .page-content {
    /*height: 100%*/
    height: 60%;
}

body.gallery .footer {
    float: left
}

.gallery-container {
    height: 100%
}

.gallery-item {
    position: relative;
    /*height: 45%;*/
    height: 100%;
    float: left;
    background: #000;
    overflow: hidden
}

.gallery-item:hover .gallery-item-inner {
    opacity: 1
}

.gallery-item .preview-plus {
    height: 4px;
    width: 4px;
    margin: -2px 0 0 -2px;
    transition: .4s, border-radius .4s, opacity 0s .4s;
    -webkit-transition: .4s, border-radius .4s, opacity 0s .4s;
    -moz-transition: .4s, border-radius .4s, opacity 0s .4s;
    -ms-transition: .4s, border-radius .4s, opacity 0s .4s;
    -o-transition: .4s, border-radius .4s, opacity 0s .4s;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.gallery-item .preview-plus:before {
    width: 2px;
    height: 2px;
    margin: -1px 0 0 -1px;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gallery-item .preview-plus:after {
    width: 2px;
    height: 2px;
    margin: -1px 0 0 -1px;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gallery-item:hover .preview-plus {
    opacity: 1;
    height: 40px;
    width: 40px;
    margin: -18px 0 0 -18px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .4s, border-radius .2s .2s, opacity 0s;
    -webkit-transition: .4s, border-radius .2s .2s, opacity 0s;
    -moz-transition: .4s, border-radius .2s .2s, opacity 0s;
    -ms-transition: .4s, border-radius .2s .2s, opacity 0s;
    -o-transition: .4s, border-radius .2s .2s, opacity 0s
}

.gallery-item:hover .preview-plus:before {
    width: 2px;
    height: 14px;
    margin: -7px 0 0 -1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.gallery-item:hover .preview-plus:after {
    width: 14px;
    height: 2px;
    margin: -1px 0 0 -7px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.gallery-item.long_ {
    width: 66%
}

.gallery-item.short_ {
    width: 34%
}

.gallery-item-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 110%;
    height: 110%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0.5
}

.pswp__button--arrow--right:before,
.pswp__button--arrow--left:before {
    background: 50% 50% no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 14'%3E %3Cline x1='1' y1='7' x2='32' y2='7' stroke='%23FFFFFF' stroke-width='2'%3E%3C/line%3E %3Cpolyline points='26,1 32,7 26,13' stroke='%23FFFFFF' stroke-width='2' fill='none'%3E%3C/polyline%3E %3C/svg%3E");
    -webkit-background-size: contain;
    background-size: contain;
    width: 33px;
    height: 44px
}

.pswp__button--arrow--left:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 14p'%3E %3Cline x1='1' y1='7' x2='32' y2='7' stroke='%23FFFFFF' stroke-width='2'%3E%3C/line%3E %3Cpolyline points='8,1 1,7 8,13' stroke='%23FFFFFF' stroke-width='2' fill='none'%3E%3C/polyline%3E %3C/svg%3E")
}

.pswp__button--close {
    cursor: pointer;
    position: absolute;
    right: 27px;
    top: 27px;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: none
}

.pswp__button--close::before,
.pswp__button--close::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #FFF;
    margin-top: -1px
}

.pswp__button--close::after {
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    margin: 0 0 0 -1px
}

.pswp__button--close:hover {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.page-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 300;
    width: 100%;
    height: 80px;
    line-height: 80px;
    /*font-family: lt-b;*/
    font-family: "Lusitana",serif;
    font-size: 100%;
    color: #fff;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
    perspective: 600px;
    -webkit-perspective: 600px
}

.page-header.bottom_ {
    top: auto;
    bottom: 0
}

.page-header.stage_all_ {
    height: 160px
}

.page-header.stage_all_ .page-header-main {
    margin-top: 0
}

.page-header.submenu_info_ .submenu-info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.page-header.submenu_flats_ .submenu-flats {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.page-header.stage_sub_ .page-header-main {
    margin-top: -80px
}

.page-header-main {
    z-index: 2
}

.submenu-info,
.submenu-flats {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 80px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.phone-header-place {
    width: 100%;
    height: 80px
}

.page-header-main,
.page-header-info,
.page-header-flats {
    position: relative;
    width: 100%;
    height: 80px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden
}

.page-header-main {
    z-index: 5;
  background: url(http://splendeurgroup.com/bitrix/templates/2020/s/bg.png);
}

.page-header-info {
    z-index: 2;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    overflow: visible
}

.stage_sub_ .page-header-info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.stage_sub_ .minilogo-top {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.page-header-bg {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 80px;
    background: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: -1
}

.bottom_ .page-header-bg {
    top: 100%
}

.page-header.transparent_:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    height: 1px;
    opacity: .1
}

.page-header.transparent_ .phone-header {
    background-position: 0 -143px
}

.page-header.transparent_.bottom_:after {
    bottom: auto;
    top: 0
}

.page-header.white_ .page-header-bg {
    top: 0
}

.page-header.white_ .menu-top a,
.page-header.white_ .menu-sub a {
    color: #333a46
}

.page-header.white_ .menu-top a.menu-top-item:hover,
.page-header.white_ .menu-sub a.menu-top-item:hover,
.page-header.white_ .menu-top a.menu-top-item.active,
.page-header.white_ .menu-sub a.menu-top-item.active {
    color: #f75a40;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -ms-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s
}

.page-header.white_ a.logo-top img.logo-white_ {
    opacity: 0
}

.page-header.white_ a.logo-top img.logo-dark_ {
    opacity: 1
}

.page-header.blue_,
.page-header.violet_ {
    background: #5e5ea2
}

.page-header.blue_ .menu-top a.menu-top-item:hover,
.page-header.violet_ .menu-top a.menu-top-item:hover,
.page-header.blue_ .menu-top a.menu-top-item.active,
.page-header.violet_ .menu-top a.menu-top-item.active {
    color: #f75a40;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -ms-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s
}

.page-header.violet_ {
    background: #3b3446;
    border-bottom: 1px solid #4f4959
}

a.logo-top {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    /*width: 200px;*/
    height: 100%;
    margin: 0 200px 0 25px;
    /*padding: 15px 0 15px;*/
    padding: 0px 0 0px;
    text-align: center
}

a.logo-top img {
    display: block;
   /* width: auto;*/
    width: 160px;
   /* height: 100%;*/
    height: auto;
    position: relative;
    margin: 0 auto;
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    margin-top: -20px;
}

a.logo-top img.logo-dark_ {
    opacity: 0;
    position: relative;
   /* top: -100%;*/
   top: -60%;

}

.menu-top-left,
.menu-top-right {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.menu-top-left {
    text-align: left;
}

.menu-top-right {
    text-align: left;
}

.menu-top,
.menu-sub {
    width: 100%;
    height: 80px;
    /*line-height: 80px;*/
    line-height: 90px;
    text-align: center
}

.menu-top .menu-top-item,
.menu-sub .menu-top-item,
.menu-top .menu-sub-item,
.menu-sub .menu-sub-item {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative
}

.menu-top .menu-top-item:before,
.menu-sub .menu-top-item:before,
.menu-top .menu-sub-item:before,
.menu-sub .menu-sub-item:before,
.menu-top .menu-top-item:after,
.menu-sub .menu-top-item:after,
.menu-top .menu-sub-item:after,
.menu-sub .menu-sub-item:after {
    content: '';
    position: absolute;
    left: -9px;
    top: 50%;
    width: 4px;
    height: 4px;
    background: #f75a40;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    margin-top: -2px;
    opacity: 0
}

.menu-top .menu-top-item:after,
.menu-sub .menu-top-item:after,
.menu-top .menu-sub-item:after,
.menu-sub .menu-sub-item:after {
    left: auto;
    right: -9px
}

.menu-top .menu-top-item:hover,
.menu-sub .menu-top-item:hover,
.menu-top .menu-sub-item:hover,
.menu-sub .menu-sub-item:hover,
.menu-top .menu-top-item.active,
.menu-sub .menu-top-item.active,
.menu-top .menu-sub-item.active,
.menu-sub .menu-sub-item.active {
    color: #f75a40
}

.menu-top .menu-top-item.active:before,
.menu-sub .menu-top-item.active:before,
.menu-top .menu-sub-item.active:before,
.menu-sub .menu-sub-item.active:before,
.menu-top .menu-top-item.active:after,
.menu-sub .menu-top-item.active:after,
.menu-top .menu-sub-item.active:after,
.menu-sub .menu-sub-item.active:after {
    opacity: 1
}

.menu-top .menu-top-item:hover:before,
.menu-sub .menu-top-item:hover:before,
.menu-top .menu-sub-item:hover:before,
.menu-sub .menu-sub-item:hover:before,
.menu-top .menu-top-item:hover:after,
.menu-sub .menu-top-item:hover:after,
.menu-top .menu-sub-item:hover:after,
.menu-sub .menu-sub-item:hover:after {
    -webkit-animation: menu-hover 0.8s forwards;
    -o-animation: menu-hover 0.8s forwards;
    animation: menu-hover 0.8s forwards
}

.menu-sub {
    width: auto;
    border-top: 1px solid #eee;
    padding-left: 80px
}

@-moz-keyframes menu-hover {
    0% {
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -o-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
        opacity: 0
    }
    30% {
        -webkit-transform: translateY(5px) rotateZ(45deg);
        -moz-transform: translateY(5px) rotateZ(45deg);
        -ms-transform: translateY(5px) rotateZ(45deg);
        -o-transform: translateY(5px) rotateZ(45deg);
        transform: translateY(5px) rotateZ(45deg);
        opacity: .5
    }
    60% {
        -webkit-transform: translateY(-3px) rotateZ(45deg);
        -moz-transform: translateY(-3px) rotateZ(45deg);
        -ms-transform: translateY(-3px) rotateZ(45deg);
        -o-transform: translateY(-3px) rotateZ(45deg);
        transform: translateY(-3px) rotateZ(45deg);
        opacity: 1
    }
    85% {
        -webkit-transform: translateY(1px) rotateZ(45deg);
        -moz-transform: translateY(1px) rotateZ(45deg);
        -ms-transform: translateY(1px) rotateZ(45deg);
        -o-transform: translateY(1px) rotateZ(45deg);
        transform: translateY(1px) rotateZ(45deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(0) rotateZ(45deg);
        -moz-transform: translateY(0) rotateZ(45deg);
        -ms-transform: translateY(0) rotateZ(45deg);
        -o-transform: translateY(0) rotateZ(45deg);
        transform: translateY(0) rotateZ(45deg);
        opacity: 1
    }
}

@-webkit-keyframes menu-hover {
    0% {
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -o-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
        opacity: 0
    }
    30% {
        -webkit-transform: translateY(5px) rotateZ(45deg);
        -moz-transform: translateY(5px) rotateZ(45deg);
        -ms-transform: translateY(5px) rotateZ(45deg);
        -o-transform: translateY(5px) rotateZ(45deg);
        transform: translateY(5px) rotateZ(45deg);
        opacity: .5
    }
    60% {
        -webkit-transform: translateY(-3px) rotateZ(45deg);
        -moz-transform: translateY(-3px) rotateZ(45deg);
        -ms-transform: translateY(-3px) rotateZ(45deg);
        -o-transform: translateY(-3px) rotateZ(45deg);
        transform: translateY(-3px) rotateZ(45deg);
        opacity: 1
    }
    85% {
        -webkit-transform: translateY(1px) rotateZ(45deg);
        -moz-transform: translateY(1px) rotateZ(45deg);
        -ms-transform: translateY(1px) rotateZ(45deg);
        -o-transform: translateY(1px) rotateZ(45deg);
        transform: translateY(1px) rotateZ(45deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(0) rotateZ(45deg);
        -moz-transform: translateY(0) rotateZ(45deg);
        -ms-transform: translateY(0) rotateZ(45deg);
        -o-transform: translateY(0) rotateZ(45deg);
        transform: translateY(0) rotateZ(45deg);
        opacity: 1
    }
}

@keyframes menu-hover {
    0% {
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -o-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
        opacity: 0
    }
    30% {
        -webkit-transform: translateY(5px) rotateZ(45deg);
        -moz-transform: translateY(5px) rotateZ(45deg);
        -ms-transform: translateY(5px) rotateZ(45deg);
        -o-transform: translateY(5px) rotateZ(45deg);
        transform: translateY(5px) rotateZ(45deg);
        opacity: .5
    }
    60% {
        -webkit-transform: translateY(-3px) rotateZ(45deg);
        -moz-transform: translateY(-3px) rotateZ(45deg);
        -ms-transform: translateY(-3px) rotateZ(45deg);
        -o-transform: translateY(-3px) rotateZ(45deg);
        transform: translateY(-3px) rotateZ(45deg);
        opacity: 1
    }
    85% {
        -webkit-transform: translateY(1px) rotateZ(45deg);
        -moz-transform: translateY(1px) rotateZ(45deg);
        -ms-transform: translateY(1px) rotateZ(45deg);
        -o-transform: translateY(1px) rotateZ(45deg);
        transform: translateY(1px) rotateZ(45deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(0) rotateZ(45deg);
        -moz-transform: translateY(0) rotateZ(45deg);
        -ms-transform: translateY(0) rotateZ(45deg);
        -o-transform: translateY(0) rotateZ(45deg);
        transform: translateY(0) rotateZ(45deg);
        opacity: 1
    }
}

.phone-header-display {
    position: fixed;
    height: 80px;
    line-height: 78px;
    color: #333a46;
    right: 110px;
    /*left: 100px;*/
    z-index: 500;
    font-size: 18px
}

.phone-header-display a {
    color: #333a46
}

@media screen and (max-width: 1380px) {
    .menu-top .menu-top-item,
    .menu-sub .menu-sub-item {
        font-size: 14px;
       /* margin: 0 8px*/
        margin: 0 35px
    }
}

@media screen and (max-width: 1220px) {
    .phone-header-display {
        display: none
    }
}


.gaqbtn{ color: #333a46;z-index: 999;float: right;
    position: fixed;display: inline-block;padding: 10px 40px;
    top: 20px;right: 70px;font-size: 18px;font-family: "Lusitana",serif;
    transition: all 0.5s ease-in-out;border: 1px solid #dbac58;}

.gaqbtn:hover{color: #fff;}

.gaqbtn:before{position: absolute;content: '';top: 0;left: 0;width: 50%;
                height: 100%;background-color: #333a46;z-index: -1;
                transition: transform 0.5s;transform: scaleX(0);
                transform-origin: left;}

.gaqbtn:hover:before{transition: transform 0.5s;transform: scaleX(1);
                transform-origin: right;}


.gaqbtn:after{position: absolute;content: '';top: 0;right: 0;width: 51%;
                height: 100%;background-color: #333a46;z-index: -1;
                transition: transform 0.5s;transform: scaleX(0);
                transform-origin: right;}

.gaqbtn:hover:after{transition: transform 0.5s;transform: scaleX(1);
                transform-origin: left;}



.phone-header {
    position: fixed;
    top: 22px;
    right: 60px;
    /*left: 60px;*/
    width: 30px;
    height: 30px;
    border: 1px solid #dbac58;
    z-index: 500;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s
}

.phone-header svg {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.phone-header svg path {
    fill: #333a46
}

.phone-header:hover,
.phone-header.active {
    background: #f75a40;
    border-color: #f75a40
}

.phone-header:hover svg path,
.phone-header.active svg path {
    fill: #fff
}

.phone-header-wnd {
    position: fixed;
    top: 18px;
    right: 61px;
    /*left: 30px;*/
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
    -moz-transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
    -ms-transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
    -o-transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
    transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
    z-index: 1;
    visibility: hidden
}

.phone-header-wnd.show {
    z-index: 499;
    background: #fff;
    -webkit-transform: translate(18px, 62px);
    -moz-transform: translate(18px, 62px);
    -ms-transform: translate(18px, 62px);
    -o-transform: translate(18px, 62px);
    transform: translate(18px, 62px);
    width: 272px;
    height: 130px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
    -moz-transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
    -ms-transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
    -o-transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
    transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
    visibility: visible
}

.phone-header-wnd.show .bg_ {
    background: #fff
}

.phone-header-wnd.show i {
    background: #fff;
    top: -5px;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2)
}

.phone-header-wnd.show .phone-top-num,
.phone-header-wnd.show .bt-order-call {
    opacity: 1;
    -webkit-transition: all .3s .3s;
    -moz-transition: all .3s .3s;
    -ms-transition: all .3s .3s;
    -o-transition: all .3s .3s;
    transition: all .3s .3s
}

.phone-header-wnd div {
    opacity: 0
}

.phone-header-wnd .bg_ {
    opacity: 1;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f75a40;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.phone-header-wnd i {
    display: block;
    position: absolute;
    right: 22px;
    top: 0;
    width: 0;
    height: 0;
    background: #f75a40;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: -1
}

.phone-top-num,
.bt-order-call {
    position: relative;
    z-index: 1;
    width: 272px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.phone-top-num {
    border-bottom: 1px solid #eaebec;
    color: #434954;
    font-size: 18px
}

.phone-top-num a {
    color: #333a46
}

.bt-order-call {
    color: #f75a40;
    cursor: pointer;
    font-size: 12px;
    font-family: lt-b
}

.bt-order-call span {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 15px;
    background: url("/bitrix/templates/2020/i/sprite.png") -53px -64px no-repeat;
    margin-right: 7px;
    margin-bottom: 4px
}

.minilogo-top {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
    background: #333a46;
    z-index: 4;
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    -o-transform: translateX(-80px);
    transform: translateX(-80px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.minilogo-top:after {
    content: '';
    width: 24px;
    height: 26px;
    background: url("/bitrix/templates/2020/i/sprite.png") -51px -31px no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -12px
}

.bt-show-mainmenu {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
    z-index: 4
}

.bt-show-mainmenu i.bt-expand-menu-cc {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -16px;
    width: 32px;
    height: 20px;
    overflow: hidden;
    background: none
}

.bt-show-mainmenu i {
    display: block;
    background: #333a46;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.bt-show-mainmenu i.i1 {
    top: 9px
}

.bt-show-mainmenu i.i2 {
    top: 18px
}

.bt-show-mainmenu.expanded_ .i0 {
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 2px 0
}

.bt-show-mainmenu.expanded_ .i1 {
    width: 0
}

.bt-show-mainmenu.expanded_ .i2 {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 2px 0
}

.bt-show-mainmenu.expanded_ span {
    -webkit-transition: opacity 0s .1s;
    -moz-transition: opacity 0s .1s;
    -ms-transition: opacity 0s .1s;
    -o-transition: opacity 0s .1s;
    transition: opacity 0s .1s;
    opacity: 0
}

.menu-info-back {
    display: block;
    width: 120px;
    float: left;
    color: #adb0b5;
    line-height: 80px;
    white-space: nowrap;
    font-family: lt-b;
    font-size: 14px
}

.menu-info-back svg {
    margin-right: 10px;
    vertical-align: top;
    margin-top: 33px
}

#menu-animation {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.menu-animation-block-left,
.menu-animation-block-right {
    position: absolute;
    width: 50%;
    height: 80px;
    left: 0;
    bottom: 0;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    -webkit-transition: all .4s .4s;
    -moz-transition: all .4s .4s;
    -ms-transition: all .4s .4s;
    -o-transition: all .4s .4s;
    transition: all .4s .4s
}

.menu-animation-block-right {
    -webkit-transform: rotate(-45deg) translateZ(-1px);
    -moz-transform: rotate(-45deg) translateZ(-1px);
    -ms-transform: rotate(-45deg) translateZ(-1px);
    -o-transform: rotate(-45deg) translateZ(-1px);
    transform: rotate(-45deg) translateZ(-1px);
    left: 50%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%
}

.stage_all_ .menu-animation-block-left,
.stage_all_ .menu-animation-block-right {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: rotate(0deg) translateY(0) translateZ(-1px);
    -moz-transform: rotate(0deg) translateY(0) translateZ(-1px);
    -ms-transform: rotate(0deg) translateY(0) translateZ(-1px);
    -o-transform: rotate(0deg) translateY(0) translateZ(-1px);
    transform: rotate(0deg) translateY(0) translateZ(-1px)
}

.stage_all_ .minilogo-top {
    -webkit-transition: all 0.3s 0.2s;
    -moz-transition: all 0.3s 0.2s;
    -ms-transition: all 0.3s 0.2s;
    -o-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.stage_all_ .page-header-info {
    -webkit-transition: all 0.3s 0.2s;
    -moz-transition: all 0.3s 0.2s;
    -ms-transition: all 0.3s 0.2s;
    -o-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.lang-switch {
    position: absolute;
    left: 20px;
    top: 0;
    height: 80px;
    line-height: 80px
}

.lang-switch a {
    position: relative;
    display: inline-block;
    padding: 0 7px;
    font-family: lt-l;
    color: #c6c7c9;
    font-size: 14px
}

.lang-switch a.current_ {
    color: #f75a40;
    pointer-events: none
}

.lang-switch a:nth-child(1):after {
    content: '';
    position: absolute;
    right: -1px;
    width: 1px;
    height: 30px;
    background: #c6c7c9;
    top: 50%;
    margin-top: -15px
}

body.homepage {
    overflow: hidden
}

.hm-slogan-center {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 64px;
    margin: 120px 0 0 -200px;
    text-align: center;
    font-family: lt-b;
    font-size: 12px;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1.6;
    z-index: 30
}

.hm-slogan-center .swiper-slide {
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.hm-slogan-center .swiper-slide-active {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.about-slider {
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s
}

.page-content.show-footer_ .about-slider {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: 1.2s;
    -webkit-transition: 1.2s;
    -moz-transition: 1.2s;
    -ms-transition: 1.2s;
    -o-transition: 1.2s
}

.about-slider .swiper-slide {
    height: 100%;
    overflow: hidden
}

.about-slider .swiper-slide img {
    display: block;
    margin: 0 auto
}

.about-slider .swiper-slide.i2 .left {
    background: url("../i/about-bg-2h-left.png") 100% 100% #333a46 no-repeat
}

.about-slider .swiper-slide.i2 .right {
    background: url("../i/about-bg-2h-right.png") 0 100% #FFF no-repeat
}

.bt-about-scroll-down {
    z-index: 10;
}


.about-buy-controls {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    /*bottom: 5%;*/
    bottom: 20% !important;
}

.about-buy-controls a {
    margin: 0 11px
}

.hm-ceil-bg {
    height: 150%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
   /* background: url("../i/about-im-end.jpg") 50% 100% no-repeat #eae3db;*/
    background: url("../i/ShwetaShubham/img588.jpg") 50% 100% no-repeat #eae3db;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    z-index: -1
}


.swiper-slide-active .hm-ceil-bg {
    -webkit-transform: translateY(-28%);
    -moz-transform: translateY(-28%);
    -ms-transform: translateY(-28%);
    -o-transform: translateY(-28%);
    transform: translateY(-28%);
    -webkit-transition: all 3s .5s;
    -moz-transition: all 3s .5s;
    -ms-transition: all 3s .5s;
    -o-transition: all 3s .5s;
    transition: all 3s .5s
}

.hm0-bg {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hm0-sky {
    width: 100%;
    height: 180%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../i/splend/new/bg2.png") 50% 0 no-repeat;
    /*background: url("../i/splend/bg3.png") 50% 0 no-repeat;*/
    -webkit-background-size: cover;
    background-size: cover;
}

.hm0-house {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../i/splend/new/withoutpeople2.png") 0 0 no-repeat;
    /*background: url("../i/splend/outputonline2.png") 0 0 no-repeat;*/
    -webkit-background-size: contain;
    background-size: contain;
    width: 1775px !important;
    height: 518px!important;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.hm0-tree-left {
    position: absolute;
    left: 0;
    bottom: 0;
    /*background: url("../i/homepage/tree1.png") 0 0 no-repeat;*/
    -webkit-background-size: cover;
    background-size: cover;
    height: 120%;
    width: 46.95%;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.hm0-tree-right {
    position: absolute;
    right: 0;
    bottom: 0;
   /* background: url("../i/homepage/tree2.png") 0 0 no-repeat;*/
    -webkit-background-size: cover;
    background-size: cover;
    height: 50%;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

#hm0-mask-anim image {
    opacity: 0
}

#hm0-mask-anim.show image {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

#hm0-mask-anim #hm0-mask-anim-1 {
    -webkit-transition: opacity 1s 0, -webkit-transform 0.4s 0s;
    -moz-transition: opacity 1s 0s, -moz-transform 0.4s 0s;
    -ms-transition: opacity 1s 0s, -ms-transform 0.4s 0s;
    -o-transition: opacity 1s 0s, -o-transform 0.4s 0s;
    transition: opacity 1s 0s, transform 0.4s 0s
}

#hm0-mask-anim #hm0-mask-anim-2 {
    -webkit-transition: opacity 1s 0.12, -webkit-transform 0.4s 0.11s;
    -moz-transition: opacity 1s 0.12s, -moz-transform 0.4s 0.11s;
    -ms-transition: opacity 1s 0.12s, -ms-transform 0.4s 0.11s;
    -o-transition: opacity 1s 0.12s, -o-transform 0.4s 0.11s;
    transition: opacity 1s 0.12s, transform 0.4s 0.11s
}

#hm0-mask-anim #hm0-mask-anim-3 {
    -webkit-transition: opacity 1s 0.24, -webkit-transform 0.4s 0.22s;
    -moz-transition: opacity 1s 0.24s, -moz-transform 0.4s 0.22s;
    -ms-transition: opacity 1s 0.24s, -ms-transform 0.4s 0.22s;
    -o-transition: opacity 1s 0.24s, -o-transform 0.4s 0.22s;
    transition: opacity 1s 0.24s, transform 0.4s 0.22s
}

#hm0-mask-anim #hm0-mask-anim-4 {
    -webkit-transition: opacity 1s 0.36, -webkit-transform 0.4s 0.33s;
    -moz-transition: opacity 1s 0.36s, -moz-transform 0.4s 0.33s;
    -ms-transition: opacity 1s 0.36s, -ms-transform 0.4s 0.33s;
    -o-transition: opacity 1s 0.36s, -o-transform 0.4s 0.33s;
    transition: opacity 1s 0.36s, transform 0.4s 0.33s
}

#hm0-mask-anim #hm0-mask-anim-5 {
    -webkit-transition: opacity 1s 0.48, -webkit-transform 0.4s 0.44s;
    -moz-transition: opacity 1s 0.48s, -moz-transform 0.4s 0.44s;
    -ms-transition: opacity 1s 0.48s, -ms-transform 0.4s 0.44s;
    -o-transition: opacity 1s 0.48s, -o-transform 0.4s 0.44s;
    transition: opacity 1s 0.48s, transform 0.4s 0.44s
}

#hm0-mask-anim #hm0-mask-anim-6 {
    -webkit-transition: opacity 1s 0.6, -webkit-transform 0.4s 0.55s;
    -moz-transition: opacity 1s 0.6s, -moz-transform 0.4s 0.55s;
    -ms-transition: opacity 1s 0.6s, -ms-transform 0.4s 0.55s;
    -o-transition: opacity 1s 0.6s, -o-transform 0.4s 0.55s;
    transition: opacity 1s 0.6s, transform 0.4s 0.55s
}

#hm0-mask-anim #hm0-mask-anim-7 {
    -webkit-transition: opacity 1s 0.72, -webkit-transform 0.4s 0.66s;
    -moz-transition: opacity 1s 0.72s, -moz-transform 0.4s 0.66s;
    -ms-transition: opacity 1s 0.72s, -ms-transform 0.4s 0.66s;
    -o-transition: opacity 1s 0.72s, -o-transform 0.4s 0.66s;
    transition: opacity 1s 0.72s, transform 0.4s 0.66s
}

.hm0-overlay,
.hm1-overlay,
.hm3-overlay {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 0;
    -webkit-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
    -moz-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
    -ms-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
    -o-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
    transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
    margin-top: 0;
    background: #fff;
    width: 100vw;
    height: 100vw;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.swiper-slide-active .hm0-overlay,
.swiper-slide-active .hm1-overlay,
.swiper-slide-active .hm3-overlay {
    -webkit-transform: rotateX(90deg) translate(-50%, 50%) rotateZ(45deg);
    -moz-transform: rotateX(90deg) translate(-50%, 50%) rotateZ(45deg);
    -ms-transform: rotateX(90deg) translate(-50%, 50%) rotateZ(45deg);
    -o-transform: rotateX(90deg) translate(-50%, 50%) rotateZ(45deg);
    transform: rotateX(90deg) translate(-50%, 50%) rotateZ(45deg);
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    margin-top: 100px
}

.hm3-overlay {
    -webkit-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
    -moz-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
    -ms-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
    -o-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, -50%) rotateX(0deg) rotate(45deg)
}

.swiper-slide-active .hm3-overlay {
    -webkit-transform: rotateX(90deg) translate(-50%, -100%) rotate(45deg);
    -moz-transform: rotateX(90deg) translate(-50%, -100%) rotate(45deg);
    -ms-transform: rotateX(90deg) translate(-50%, -100%) rotate(45deg);
    -o-transform: rotateX(90deg) translate(-50%, -100%) rotate(45deg);
    transform: translate(-50%, -100%) rotateX(90deg) rotate(45deg);
    margin-top: -100px
}

.hm1-overlay {
    background: #333a46
}

.swiper-slide-next .hm1-overlay {
    display: none
}

.hm0-mask-up,
.hm0-mask-bottom {
    height: 35%;
    position: relative;
    overflow: hidden
}

.hm0-mask-up div,
.hm0-mask-bottom div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.hm0-mask-up div {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px)
}

.hm0-mask-bottom div {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px)
}

.swiper-slide-active .hm0-mask-up div,
.swiper-slide-active .hm0-mask-bottom div {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 1.5s 1.3s;
    -moz-transition: all 1.5s 1.3s;
    -ms-transition: all 1.5s 1.3s;
    -o-transition: all 1.5s 1.3s;
    transition: all 1.5s 1.3s
}

.hm-intro-slogan {
    margin-top: 70px;
    height: 200px;
    /* font-size: 90px; */
    font-size: 55px;
    font-family: "Lusitana",serif;
    text-align: center;
    line-height: 100px;
    color: #fff;
    background: rgba(0,0,0,0.3);
    width: 65%;
    left: 17%;
    border-radius: 5px;
    position: relative;
}

@media screen and (max-width: 1350px) {
    body.en .hm-intro-slogan {
        font-size: 80px
    }
}

@media screen and (max-width: 1150px) {
    body.en .hm-intro-slogan {
        /*font-size: 65px;*/
        font-size: 40px;
    }
}

.hm0-amp {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    margin: -250px 0 0 -100px
}

.hm-intro-slogan-i0 {
    font-size: 160px;
    text-align: center;
    color: #fff;
    font-family: lt-b;
    -webkit-transform: translateY(300px);
    -moz-transform: translateY(300px);
    -ms-transform: translateY(300px);
    -o-transform: translateY(300px);
    transform: translateY(300px)
}

.hm-intro-slogan-i0 div {
    font-family: lt;
    font-size: 24px;
    letter-spacing: 2px
}

.hm-intro-slogan-line {
    position: absolute;
    top: 65%;
    left: 50%;
    width: 2px;
    background: #fff;
    margin: 0 0 0 -1px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.hm-intro-slogan-i1 {
    padding-top: 40px;
    font-size: 40px;
    color: #fff;
    font-family: "PT Serif";
    text-align: center;
    letter-spacing: 2px;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px)
}

.hm1-slogan-container {
    position: relative;
    top: 27% !important;
    text-align: center;
    max-width: 900px;
    padding: 0 30px;
    margin: 0 auto
}

.hm1-slogan,
.hm1-subslogan {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    line-height: 1.6
}

.swiper-slide-active .hm1-slogan,
.swiper-slide-active .hm1-subslogan {
    -webkit-transition: all .8s .6s;
    -moz-transition: all .8s .6s;
    -ms-transition: all .8s .6s;
    -o-transition: all .8s .6s;
    transition: all .8s .6s;
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
}

.swiper-slide-active .hm1-subslogan {
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    -ms-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

.hm1-slogan,
.hm1-subslogan {
    color: #333a46;
    /*font-size: 20px;*/
    font-size: 16px;
    font-family: "Roboto",sans-serif;
    text-align: center;
    line-height: 1.7;
    font-weight: 500;
    padding-bottom: 50px;
}

.hm1-places {
    width: 0;
    height: 141px;
    position: absolute;
    bottom: 94px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 3px solid #c7c7cb;
    overflow: hidden;
    -webkit-transition: all .6s .5s;
    -moz-transition: all .6s .5s;
    -ms-transition: all .6s .5s;
    -o-transition: all .6s .5s;
    transition: all .6s .5s
}

.swiper-slide-active .hm1-places {
    width: 100%;
    -webkit-transition: .8s .8s;
    -moz-transition: .8s .8s;
    -ms-transition: .8s .8s;
    -o-transition: .8s .8s;
    transition: .8s .8s
}



/*.hm1-places {
    width: 0;
    height: 300px;
    position: absolute;
    bottom: 94px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 3px solid #c7c7cb;
    overflow: hidden;
    -webkit-transition: all .6s .5s;
    -moz-transition: all .6s .5s;
    -ms-transition: all .6s .5s;
    -o-transition: all .6s .5s;
    transition: all .6s .5s;
}

.hm1-garden {
    position: absolute;
    left: 50px;
    bottom: 0;
    background: url(../i/splendeur-logopng2.png) no-repeat;
    height: 120px;
    width: 60%;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.hm1-monastery {
    position: absolute;
    right: 60px;
    bottom: 0;
    background: url("../i/Shubham-Logo-golden2.png")  no-repeat;
    height: 120px;
    width: 20%;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}*/


/*.hm1-garden {
    position: absolute;
    left: 50px;
    bottom: 0;
    background: url("../i/splendeur-logopng2.png")  no-repeat;
    height: 75px;
    width: 212px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}
.im{0 -365px, 0 -229px}
.hm1-monastery {
    position: absolute;
    right: 50px;
    bottom: 0;
    background: url("../i/Shubham-Logo-golden2.png")  no-repeat;
    height: 129px;
    width: 141px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}*/

.hm1-garden,
.hm1-monastery {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.swiper-slide-active .hm1-house {
    -webkit-transition: .8s .5s;
    -moz-transition: .8s .5s;
    -ms-transition: .8s .5s;
    -o-transition: .8s .5s;
    transition: .8s .5s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.swiper-slide-active .hm1-garden,
.swiper-slide-active .hm1-monastery {
    -webkit-transition: all .6s 1.5s;
    -moz-transition: all .6s 1.5s;
    -ms-transition: all .6s 1.5s;
    -o-transition: all .6s 1.5s;
    transition: all .6s 1.5s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.swiper-slide-active .hm1-garden-text,
.swiper-slide-active .hm1-monastery-text {
    -webkit-transition: all .3s 1.8s;
    -moz-transition: all .3s 1.8s;
    -ms-transition: all .3s 1.8s;
    -o-transition: all .3s 1.8s;
    transition: all .3s 1.8s;
    opacity: 1
}

.hm1-house {
    position: absolute;
    left: 63%;
    bottom: 0;
    /*background: url("../i/hmhouse.png") 0 0 no-repeat;*/
    background: url("../i/splend/onlyfrontpng.png") 0 0 no-repeat;
   /* width: 640px;*/
    width: 900px;
    height: 260px;
    /*margin-left: -320px;*/
    margin-left: -425px;
    opacity: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all .6s .6s;
    -moz-transition: all .6s .6s;
    -ms-transition: all .6s .6s;
    -o-transition: all .6s .6s;
    transition: all .6s .6s
}

.hm1-garden-text,
.hm1-monastery-text {
    position: absolute;
    text-align: center;
    bottom: 70px;
    font-family: lt-b;
    font-size: 12px;
    color: #c7c7cb;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.hm1-garden-text {
    width: 212px;
    left: 50px
}

.hm1-monastery-text {
    width: 141px;
    right: 50px
}

.hm2-col-left,
.hm2-col-right {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.hm2-col-right {
    left: auto;
    right: 0;
    width: 50%;
    background: #fff;
    z-index: 1;
    height: 200%;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    background:url(../i/white-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; 
}

.ssh3{font-size: 32px;color: #333a46;font-family: "Lusitana",serif;
    text-transform: uppercase;position: relative;margin: 0;
    transform: translateY(-30px);}

.ssh3:after{position: absolute;content: url(../i/splend/underline-gold.png);
            width: 100%;height: auto;top: 40px;left: 0;}

.sshsp{font-size: 17px;font-family: "lt",sans-serif;padding: 0px 55px;}
.shubh-text{position: relative;}


.hm2-col-left {
    background: #333a46;
    background-image: url(../i/ShwetaShubham/img3566.jpg);   
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.shubh-text-p{color: #fff;font-size: 16px;/*width: 450px;*/
    line-height: 1.7;font-family: "Roboto", sans-serif;
    padding: 85px 0px 0px 0px;text-align: justify;}

.sgh{color: #333a46;font-size: 32px;text-transform: uppercase;
    padding: 15px 0px;font-family: "Lusitana",serif;position: relative;}

.sgh:after{position: absolute;content: url(../i/splend/underline-gold.png);
            width: 100%;height: auto;left: 0px;top: 60px;}

.swiper-slide-active .hm2-col-right {
    -webkit-transition: all .6s .3s;
    -moz-transition: all .6s .3s;
    -ms-transition: all .6s .3s;
    -o-transition: all .6s .3s;
    transition: all .6s .3s;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.swiper-slide-active .hm2-house {
    -webkit-transform: rotateX(0deg) scale(1);
    -moz-transform: rotateX(0deg) scale(1);
    -ms-transform: rotateX(0deg) scale(1);
    -o-transform: rotateX(0deg) scale(1);
    transform: rotateX(0deg) scale(1);
    -webkit-transition: all 1s .3s;
    -moz-transition: all 1s .3s;
    -ms-transition: all 1s .3s;
    -o-transition: all 1s .3s;
    transition: all 1s .3s
}

.hm2-house {
    width: 80%;
    position: absolute;
    left: 9%;
    bottom: 0;
    opacity: .4;
    z-index: 2;
    -webkit-transform: rotateX(-90deg) scale(2);
    -moz-transform: rotateX(-90deg) scale(2);
    -ms-transform: rotateX(-90deg) scale(2);
    -o-transform: rotateX(-90deg) scale(2);
    transform: rotateX(-90deg) scale(2);
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.hm2-bld-a,
.hm2-bld-z {
    position: absolute;
    left: 25%;
    top: 50%;
    width: 58px;
    height: 58px;
    margin: 116px 0 0 -29px;
    background: #693a53;
    color: #fff;
    font-size: 28px;
    text-align: center;
    line-height: 58px;
    z-index: 10;
    opacity: 0;
    -webkit-transform: translateY(300px);
    -moz-transform: translateY(300px);
    -ms-transform: translateY(300px);
    -o-transform: translateY(300px);
    transform: translateY(300px);
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.hm2-bld-z {
    left: 75%;
    background: #254f6b
}

.swiper-slide-active .hm2-bld-a,
.swiper-slide-active .hm2-bld-z {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .6s .4s;
    -moz-transition: all .6s .4s;
    -ms-transition: all .6s .4s;
    -o-transition: all .6s .4s;
    transition: all .6s .4s
}

.hm2-t {
    position: absolute;
    font-size: 16px;
    text-align: center;
    width: 260px;
    margin-left: -130px;
    top: 50%;
    z-index: 10;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px)
}

.hm2-t.tl1_,
.hm2-t.tl2_ {
    left: 25%
}

.hm2-t.tr1_,
.hm2-t.tr2_ {
    left: 75%;
    color: #333a46
}

.hm2-t.tl1_,
.hm2-t.tr1_ {
    margin-top: -148px
}

.hm2-t.tl2_,
.hm2-t.tr2_ {
    margin-top: 77px
}

.swiper-slide-active .hm2-t {
    -webkit-transition: all .4s .8s;
    -moz-transition: all .4s .8s;
    -ms-transition: all .4s .8s;
    -o-transition: all .4s .8s;
    transition: all .4s .8s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.swiper-slide-active .hm2-t.tl2_,
.swiper-slide-active .hm2-t.tr2_ {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    -ms-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.hm2-digits {
    position: absolute;
    top: 40%;
    left: 20%;
    /*width: 260px;*/
    width: 400px;
    text-align: center;
    height: 154px;
    margin: -110px 0 0 -130px;
    z-index: 10
}

/*.hm2-digits.dr_ {
    left: 75%
}*/

.hm2-digits.dr_ {
    left: 68%;
}

#hm2-digits-l0,
#hm2-digits-r0,
#hm2-digits-l2,
#hm2-digits-r2 {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

#hm2-digits-l2,
#hm2-digits-r2 {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px)
}

#hm2-digits-l0,
#hm2-digits-r0 {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px)
}

.swiper-slide-active #hm2-digits-l0,
.swiper-slide-active #hm2-digits-r0,
.swiper-slide-active #hm2-digits-l2,
.swiper-slide-active #hm2-digits-r2 {
    -webkit-transition: all .8s 1s;
    -moz-transition: all .8s 1s;
    -ms-transition: all .8s 1s;
    -o-transition: all .8s 1s;
    transition: all .8s 1s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.hm3-lt,
.hm3-rt,
.hm3-lb,
.hm3-rb {
    position: absolute;
    height: 50%;
    overflow: hidden
}

.hm3-lt div,
.hm3-rt div,
.hm3-lb div,
.hm3-rb div {
    width: 100vw;
    height: 100vw;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #FFF;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

.hm3-t,
.hm3-b {
    position: absolute;
    height: 50%;
    overflow: hidden;
    width: 100%;
    left: 0;
    top: 0
}

.hm3-t div,
.hm3-b div {
    width: 100vw;
    height: 100vw;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -25%) rotate(45deg);
    -moz-transform: translate(-50%, -25%) rotate(45deg);
    -ms-transform: translate(-50%, -25%) rotate(45deg);
    -o-transform: translate(-50%, -25%) rotate(45deg);
    transform: translate(-50%, -25%) rotate(45deg);
    background: #FFF;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.hm3-b {
    top: auto;
    bottom: 0
}

.hm3-b div {
    -webkit-transform: translate(-50%, -75%) rotate(45deg);
    -moz-transform: translate(-50%, -75%) rotate(45deg);
    -ms-transform: translate(-50%, -75%) rotate(45deg);
    -o-transform: translate(-50%, -75%) rotate(45deg);
    transform: translate(-50%, -75%) rotate(45deg)
}

.hm3-t div {
    left: 66%
}

.hm3-b div {
    left: 34%
}

.hm3-lt {
    left: 0;
    top: 0;
    width: 66%
}

.hm3-rt {
    right: 0;
    top: 0;
    width: 34%
}

.hm3-rt div {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.hm3-lb {
    left: 0;
    bottom: 0;
    width: 34%
}

.hm3-rb {
    right: 0;
    bottom: 0;
    width: 66%
}

.swiper-slide-active .hm3-lt div,
.swiper-slide-active .hm3-rt div,
.swiper-slide-active .hm3-lb div,
.swiper-slide-active .hm3-rb div {
    -webkit-transition: all 1.2s;
    -moz-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -o-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.swiper-slide-active .hm3-t div,
.swiper-slide-active .hm3-b div {
    -webkit-transition: all 1.2s;
    -moz-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -o-transition: all 1.2s;
    transition: all 1.2s
}

.swiper-slide-active .hm3-l div {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.swiper-slide-active .hm3-r div {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.swiper-slide-active .hm3-l2,
.swiper-slide-active .hm3-r2 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hm3-l,
.hm3-r {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.hm3-l div,
.hm3-r div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vw;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    background: #333a46;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

.hm3-r {
    right: 0;
    left: auto
}

.hm3-r div {
    left: auto;
    right: 0;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    background: #fff
}

.hm3-l2,
.hm3-r2 {
    position: absolute;
    width: 200%;
    height: 300%;
    top: 0;
    right: 50%;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    background: #333a46;
    z-index: 5
}

.hm3-r2 {
    right: 0;
    background: #fff;
    z-index: 4;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.homepage .gallery-item {
    height: 50%;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

.homepage .swiper-slide-active .gallery-item {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.hm4-line-up,
.hm4-line-bottom {
    width: 2px;
    height: 0;
    /*background: #333a46;*/
    background: #fff;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -1px
}

.hm4-text {
    width: 300px;
    text-align: center;
    position: absolute;
    top: 18%;
    left: 50%;
    margin-left: -150px;
    color: #333a46;
    font-family: "PT Serif";
    font-size: 114px;
    letter-spacing: -5px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0
}

.hm4-text span {
    font-size: 80px
}

.hm4-text span sup {
    font-size: 50px
}

.hm4-text div {
    font-size: 24px;
    font-family: lt;
    letter-spacing: 0
}

.hm4-line-bottom {
    top: 18%;
    margin-top: 300px
}

.hm4-line-up,
.hm4-line-bottom,
.hm4-text {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.swiper-slide-active .hm4-line-up,
.swiper-slide-active .hm4-line-bottom {
    /*height: 15%;*/
    height: 10%;
    -webkit-transition: all .6s .6s;
    -moz-transition: all .6s .6s;
    -ms-transition: all .6s .6s;
    -o-transition: all .6s .6s;
    transition: all .6s .6s
}

.swiper-slide-active .hm4-line-bottom {
    -webkit-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
    -ms-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.swiper-slide-active .hm4-text {
    -webkit-transition: all .6s 1.2s;
    -moz-transition: all .6s 1.2s;
    -ms-transition: all .6s 1.2s;
    -o-transition: all .6s 1.2s;
    transition: all .6s 1.2s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.bt{clear: both;z-index: 999999;overflow: hidden;}

.about-buy-controls a.bt-white2 {
    width: 50px;
    height: 50px;
    overflow: hidden;
    -webkit-transform: rotate(45deg) translateY(250px);
    -moz-transform: rotate(45deg) translateY(250px);
    -ms-transform: rotate(45deg) translateY(250px);
    -o-transform: rotate(45deg) translateY(250px);
    transform: rotate(45deg) translateY(250px);
    padding: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.about-buy-controls a.bt-white2 span {
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.bt{position: relative;transition: all 0.5s ease;color: #333a46;
    background: #fff;border: 1px solid #FFF;line-height: 48px;}

.bt:hover{color: #fff;}

.bt:before{position: absolute;content: '';top: 0;left: 0;width: 50%;
                height: 100%;background-color: #333a46;z-index: -1;
                transition: transform 0.5s;transform: scaleX(0);
                transform-origin: left;}

.bt:hover:before{transition: transform 0.5s;transform: scaleX(1);
                transform-origin: right;}


.bt:after{position: absolute;content: '';top: 0;right: 0;width: 50%;
                height: 100%;background-color: #333a46;z-index: -1;
                transition: transform 0.5s;transform: scaleX(0);
                transform-origin: right;}

.bt:hover:after{transition: transform 0.5s;transform: scaleX(1);
                transform-origin: left;}


.swiper-slide-active .about-buy-controls a.bt-white2 {
    width: 200px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.8s 1.5s, width 0.8s 1.5s, background 0.3s;
    -moz-transition: -moz-transform 0.8s 1.5s, width 0.8s 1.5s, background 0.3s;
    -ms-transition: -ms-transform 0.8s 1.5s, width 0.8s 1.5s, background 0.3s;
    -o-transition: -o-transform 0.8s 1.5s, width 0.8s 1.5s, background 0.3s;
    transition: transform .8s 1.5s, width .8s 1.5s, background .3s
}

.swiper-slide-active .about-buy-controls a.bt-white2:nth-child(2) {
    transition: transform .8s 1.7s, width .8s 1.7s, background .3s;
    -webkit-transition: transform .8s 1.7s, width .8s 1.7s, background .3s;
    -moz-transition: transform .8s 1.7s, width .8s 1.7s, background .3s;
    -ms-transition: transform .8s 1.7s, width .8s 1.7s, background .3s;
    -o-transition: transform .8s 1.7s, width .8s 1.7s, background .3s
}

.swiper-slide-active .about-buy-controls a.bt-white2:nth-child(2) span {
    -webkit-transition-delay: 1.7s;
    -moz-transition-delay: 1.7s;
    -ms-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.swiper-slide-active .about-buy-controls a.bt-white2:nth-child(3) {
    transition: transform .8s 1.9s, width .8s 1.9s, background .3s;
    -webkit-transition: transform .8s 1.9s, width .8s 1.9s, background .3s;
    -moz-transition: transform .8s 1.9s, width .8s 1.9s, background .3s;
    -ms-transition: transform .8s 1.9s, width .8s 1.9s, background .3s;
    -o-transition: transform .8s 1.9s, width .8s 1.9s, background .3s
}

.swiper-slide-active .about-buy-controls a.bt-white2:nth-child(3) span {
    -webkit-transition-delay: 1.9s;
    -moz-transition-delay: 1.9s;
    -ms-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.swiper-slide-active .about-buy-controls a.bt-white2 span {
    -webkit-transition: opacity 2s 1.5s;
    -moz-transition: opacity 2s 1.5s;
    -ms-transition: opacity 2s 1.5s;
    -o-transition: opacity 2s 1.5s;
    transition: opacity 2s 1.5s;
    opacity: 1
}

.hm4-text-small {
    width: 600px;
    text-align: center;
    position: absolute;
    top: 18%;
    margin-top: 190px;
    left: 50%;
    margin-left: -300px;
   /* color: #333a46;*/
    color: #fff;
    font-size: 19px;
    /*letter-spacing: 3px;*/
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.spg-text-p{color: #fff;line-height: 1.7;font-family: "Roboto", sans-serif;
            transform: translateY(-20px); font-size:16px;}

.swiper-slide-active .hm4-text-small {
    opacity: 1;
    transition: 1.1s 1.4s;
    -webkit-transition: 1.1s 1.4s;
    -moz-transition: 1.1s 1.4s;
    -ms-transition: 1.1s 1.4s;
    -o-transition: 1.1s 1.4s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.label-only-two-flats {
    position: absolute;
    display: block;
    right: 20px;
    top: 70px;
    width: 250px;
    height: 250px;
    z-index: 10
}

.label-only-two-flats svg {
    width: 100%;
    height: 100%
}

.flats.list .label-only-two-flats,
body.en .label-only-two-flats {
    display: none
}

@font-face {
    font-family: 'lt-b';
    src: url('/bitrix/templates/2020/fonts/lt-Bold.eot');
    src: url('/bitrix/templates/2020/fonts/lt-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/2020/fonts/lt-Bold.woff2') format('woff2'), url('/bitrix/templates/2020/fonts/lt-Bold.woff') format('woff'), url('/bitrix/templates/2020/fonts/lt-Bold.ttf') format('truetype'), url('/bitrix/templates/2020/fonts/lt-Bold.svg#Lato-Bold') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'lt';
    src: url('/bitrix/templates/2020/fonts/lt-Regular.eot');
    src: url('/bitrix/templates/2020/fonts/lt-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/2020/fonts/lt-Regular.woff2') format('woff2'), url('/bitrix/templates/2020/fonts/lt-Regular.woff') format('woff'), url('/bitrix/templates/2020/fonts/lt-Regular.ttf') format('truetype'), url('/bitrix/templates/2020/fonts/lt-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'lt-l';
    src: url('/bitrix/templates/2020/fonts/lt-Light.eot');
    src: url('/bitrix/templates/2020/fonts/lt-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/2020/fonts/lt-Light.woff2') format('woff2'), url('/bitrix/templates/2020/fonts/lt-Light.woff') format('woff'), url('/bitrix/templates/2020/fonts/lt-Light.ttf') format('truetype'), url('/bitrix/templates/2020/fonts/lt-Light.svg#Lato-Light') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'rubl';
    src: url('/bitrix/templates/2020/fonts/rouble-webfont.eot');
    src: url('/bitrix/templates/2020/fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/2020/fonts/rouble-webfont.woff') format('woff'), url('/bitrix/templates/2020/fonts/rouble-webfont.ttf') format('truetype'), url('/bitrix/templates/2020/fonts/rouble-webfont.svg#als_rublregular') format('svg');
    font-weight: normal;
    font-style: normal
}

body {
    width: 100%;
    min-width: 960px;
    height: 100%;
    font-family: lt, sans-serif;
    color: #4d4e58;
    background: #fff;
    font-size: 13px;
    line-height: 1.2;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

.container {
    max-width: 1200px
}

.container-full {
    max-width: 1200px
}

.screen {
    width: 100%;
    height: 100%;
    position: relative
}

a {
    color: #f75a40
}

.page-h100 {
    width: 100%;
    height: 100%;
    padding-top: 80px
}

.header-padding {
    padding-top: 80px;
}
.header-padding.dg {
    padding-top: 0px;
}
.common-pagination .swiper-pagination-bullet {
    position: relative;
    width: 27px;
    height: 27px;
    background: none;
    opacity: 1;
    margin: 0
}

.common-pagination .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 4px;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: -2px 0 0 -2px;
    transition: background 0.6s;
    -webkit-transition: background 0.6s;
    -moz-transition: background 0.6s;
    -ms-transition: background 0.6s;
    -o-transition: background 0.6s
}

.common-pagination .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 2px solid #fff;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s
}

.common-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: -10px 0 0 -10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.common-pagination.dark_ .swiper-pagination-bullet:after {
    background: #333a46
}

.common-pagination.dark_ .swiper-pagination-bullet:before {
    border-color: #333a46
}

.site-developer,
.project-developer {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 12px;
    color: #FFF
}

.site-developer span,
.project-developer span {
    text-decoration: underline
}

.project-developer {
    left: 20px;
    right: auto
}

#panel {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000
}

.location-intro,
.location-map,
.location-gallery-content {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    overflow: hidden
}

.location-intro.show,
.location-map.show,
.location-gallery-content.show {
    opacity: 1;
    z-index: 10
}

.location-map {
    top: 80px
}

.location-intro-left,
.location-intro-right {
    position: absolute;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.location-intro-left .symbol-amp,
.location-intro-right .symbol-amp {
    position: absolute;
    top: 40%;
    margin-top: -95px;
    -webkit-transition: all .6s 1.5s;
    -moz-transition: all .6s 1.5s;
    -ms-transition: all .6s 1.5s;
    -o-transition: all .6s 1.5s;
    transition: all .6s 1.5s
}

.location-intro-left {
    left: 0
}

.location-intro-left .symbol-amp {
    left: 100%
}

.location-intro-right {
    right: 0
}

.location-intro-right .symbol-amp {
    right: 100%
}

.location-intro-mask-sq {
    width: 120%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #fff;
    -webkit-transition: all 1.6s ease-in;
    -moz-transition: all 1.6s ease-in;
    -ms-transition: all 1.6s ease-in;
    -o-transition: all 1.6s ease-in;
    transition: all 1.6s ease-in
}

.location-intro-mask-sq.i1,
.location-intro-mask-sq.i3 {
    top: -50%
}

.location-intro-mask-sq.i2,
.location-intro-mask-sq.i4 {
    top: 50%
}

.location-intro-mask-sq.i1,
.location-intro-mask-sq.i2 {
    left: 0
}

.location-intro-mask-sq.i3,
.location-intro-mask-sq.i4 {
    right: 0
}

.location-intro-mask-sq.i1 {
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: translateY(50%) rotateZ(-45deg);
    -moz-transform: translateY(50%) rotateZ(-45deg);
    -ms-transform: translateY(50%) rotateZ(-45deg);
    -o-transform: translateY(50%) rotateZ(-45deg);
    transform: translateY(50%) rotateZ(-45deg)
}

.location-intro-mask-sq.i2 {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: translateY(-50%) rotateZ(45deg);
    -moz-transform: translateY(-50%) rotateZ(45deg);
    -ms-transform: translateY(-50%) rotateZ(45deg);
    -o-transform: translateY(-50%) rotateZ(45deg);
    transform: translateY(-50%) rotateZ(45deg)
}

.location-intro-mask-sq.i3 {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: translateY(50%) rotateZ(45deg);
    -moz-transform: translateY(50%) rotateZ(45deg);
    -ms-transform: translateY(50%) rotateZ(45deg);
    -o-transform: translateY(50%) rotateZ(45deg);
    transform: translateY(50%) rotateZ(45deg)
}

.location-intro-mask-sq.i4 {
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: translateY(-50%) rotateZ(-45deg);
    -moz-transform: translateY(-50%) rotateZ(-45deg);
    -ms-transform: translateY(-50%) rotateZ(-45deg);
    -o-transform: translateY(-50%) rotateZ(-45deg);
    transform: translateY(-50%) rotateZ(-45deg)
}

.location-intro-left-image,
.location-intro-right-image {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden
}

.location-intro-left-image .loc-intro-inner-image,
.location-intro-right-image .loc-intro-inner-image {
    position: absolute;
    top: 0;
    width: 200%;
    height: 100%;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 1.3s ease-in-out;
    -moz-transition: all 1.3s ease-in-out;
    -ms-transition: all 1.3s ease-in-out;
    -o-transition: all 1.3s ease-in-out;
    transition: all 1.3s ease-in-out
}

.location-intro-left-image.left_,
.location-intro-right-image.left_,
.location-intro-left-image.right_,
.location-intro-right-image.right_ {
    overflow: hidden
}

.location-intro-left-image.left_ .location-intro-h,
.location-intro-right-image.left_ .location-intro-h {
    left: 50%
}

.location-intro-left-image.right_ .location-intro-h,
.location-intro-right-image.right_ .location-intro-h {
    right: 50%
}

.location-intro-left-image .loc-intro-inner-image {
    background-image: url('../i/location-bg-left.jpg')
}

.location-intro-left-image.left_ {
    left: 0;
    width: 50%
}

.location-intro-left-image.left_ .loc-intro-inner-image {
    left: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%)
}

.location-intro-left-image.right_ {
    right: 0;
    width: 50%
}

.location-intro-left-image.right_ .loc-intro-inner-image {
    right: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.location-intro-right-image .loc-intro-inner-image {
    background-image: url('../i/location-bg-right.jpg')
}

.location-intro-right-image.left_ {
    left: 0;
    width: 50%
}

.location-intro-right-image.left_ .loc-intro-inner-image {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%)
}

.location-intro-right-image.right_ {
    right: 0;
    width: 50%
}

.location-intro-right-image.right_ .loc-intro-inner-image {
    right: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.location-intro.show .location-intro-right-image.left_ .loc-intro-inner-image,
.location-intro.show .location-intro-left-image.left_ .loc-intro-inner-image {
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.location-intro.show .location-intro-right-image.left_ .location-intro-h,
.location-intro.show .location-intro-left-image.left_ .location-intro-h {
    left: 0;
    opacity: 1
}

.location-intro.show .location-intro-right-image.right_ .loc-intro-inner-image,
.location-intro.show .location-intro-left-image.right_ .loc-intro-inner-image {
    right: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.location-intro.show .location-intro-right-image.right_ .location-intro-h,
.location-intro.show .location-intro-left-image.right_ .location-intro-h {
    right: 0;
    opacity: 1
}

.location-intro.show .location-intro-mask-sq.i1 {
    -webkit-transform: translateY(-50%) rotateZ(-45deg);
    -moz-transform: translateY(-50%) rotateZ(-45deg);
    -ms-transform: translateY(-50%) rotateZ(-45deg);
    -o-transform: translateY(-50%) rotateZ(-45deg);
    transform: translateY(-50%) rotateZ(-45deg)
}

.location-intro.show .location-intro-mask-sq.i3 {
    -webkit-transform: translateY(-50%) rotateZ(45deg);
    -moz-transform: translateY(-50%) rotateZ(45deg);
    -ms-transform: translateY(-50%) rotateZ(45deg);
    -o-transform: translateY(-50%) rotateZ(45deg);
    transform: translateY(-50%) rotateZ(45deg)
}

.location-intro.show .location-intro-mask-sq.i2 {
    -webkit-transform: translateY(50%) rotateZ(45deg);
    -moz-transform: translateY(50%) rotateZ(45deg);
    -ms-transform: translateY(50%) rotateZ(45deg);
    -o-transform: translateY(50%) rotateZ(45deg);
    transform: translateY(50%) rotateZ(45deg)
}

.location-intro.show .location-intro-mask-sq.i4 {
    -webkit-transform: translateY(50%) rotateZ(-45deg);
    -moz-transform: translateY(50%) rotateZ(-45deg);
    -ms-transform: translateY(50%) rotateZ(-45deg);
    -o-transform: translateY(50%) rotateZ(-45deg);
    transform: translateY(50%) rotateZ(-45deg)
}

.location-intro.show .location-intro-left .symbol-amp {
    -webkit-transform: translateX(-71px);
    -moz-transform: translateX(-71px);
    -ms-transform: translateX(-71px);
    -o-transform: translateX(-71px);
    transform: translateX(-71px)
}

.location-intro.show .location-intro-right .symbol-amp {
    -webkit-transform: translateX(103px);
    -moz-transform: translateX(103px);
    -ms-transform: translateX(103px);
    -o-transform: translateX(103px);
    transform: translateX(103px)
}

.location-intro.show .bt-location-show-map,
.location-intro.show .location-intro-text {
    opacity: 1
}

.location-intro-h {
    position: absolute;
    width: 200%;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'PT Serif', sans-serif;
    font-size: 42px;
    color: #fff;
    text-align: center;
    padding: 0 120px;
    -webkit-transition: all .9s 1.5s, opacity 0s 1.5s;
    -moz-transition: all .9s 1.5s, opacity 0s 1.5s;
    -ms-transition: all .9s 1.5s, opacity 0s 1.5s;
    -o-transition: all .9s 1.5s, opacity 0s 1.5s;
    transition: all .9s 1.5s, opacity 0s 1.5s;
    opacity: 0
}

.bt-location-show-map {
    position: absolute;
    width: 328px;
    left: 50%;
    top: 50%;
    margin-top: 150px;
    margin-left: -164px;
    padding: 0;
    opacity: 0;
    -webkit-transition: all 1s 1.6s;
    -moz-transition: all 1s 1.6s;
    -ms-transition: all 1s 1.6s;
    -o-transition: all 1s 1.6s;
    transition: all 1s 1.6s
}

.bt-location-show-map i {
    display: inline-block;
    width: 23px;
    height: 23px;
    vertical-align: middle;
    background: url("../i/sprite.png") -400px -57px no-repeat;
    margin-right: 10px
}

.location-intro-text {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -370px;
    margin-top: 60px;
    width: 740px;
    letter-spacing: 1px;
    line-height: 1.7;
    font-family: lt;
    color: #fff;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .8s 1.6s;
    -moz-transition: all .8s 1.6s;
    -ms-transition: all .8s 1.6s;
    -o-transition: all .8s 1.6s;
    transition: all .8s 1.6s
}

.bt-location-scroll-down,
.bt-simple-scroll-down {
    position: absolute;
    left: 50%;
    bottom: 3%;
    margin-left: -20px;
    width: 41px;
    height: 40px;
    cursor: pointer
}

.bt-location-scroll-down:after,
.bt-simple-scroll-down:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    border: 1px solid #FFF;
    background: #f75a40;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bt-location-scroll-down i,
.bt-simple-scroll-down i {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 6px;
    background: url("../i/sprite.png") -434px -41px no-repeat;
    margin: -2px 0 0 -6px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 1
}

.bt-location-scroll-down:hover i,
.bt-simple-scroll-down:hover i {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px)
}

.location-gallery-content.show .location-gallery-left-mask,
.location-gallery-content.show .location-gallery-right-mask,
.location-gallery-content.show .location-gallery-left,
.location-gallery-content.show .location-gallery-right {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.location-gallery-content.show .bt-location-show-map-small {
    opacity: 1
}

.location-gallery-left-mask,
.location-gallery-right-mask,
.location-gallery-left,
.location-gallery-right {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.location-gallery-left-mask,
.location-gallery-right-mask {
    position: absolute;
    width: 50%;
    height: 100%;
    overflow: hidden;
    top: 0
}

.location-gallery-left-mask {
    left: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.location-gallery-right-mask {
    right: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.location-gallery-left,
.location-gallery-right {
    position: relative;
    width: 100%;
    height: 100%
}

/*.location-gallery-left:after,
.location-gallery-right:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -95px;
    width: 174px;
    height: 191px;
    background: url("../i/sprite.png") -488px -190px no-repeat
}*/

.location-gallery-left {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.location-gallery-left:after {
    left: 100%;
    margin-left: -71px
}

.location-gallery-right {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.location-gallery-right:after {
    right: 100%;
    margin-right: -103px
}

.location-gallery-left {
    background: #b2b1b7
}

.location-gallery-right {
    background: #333a46
}

.location-gallery-image {
    width: 380px;
    height: 405px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -202px 0 0 -190px;
    padding-top: 12px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    transition: 1s 0.5s;
    -webkit-transition: 1s 0.5s;
    -moz-transition: 1s 0.5s;
    -ms-transition: 1s 0.5s;
    -o-transition: 1s 0.5s
}

.swiper-slide-active .location-gallery-image,
.swiper-slide-duplicate-active .location-gallery-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: 1s 0.5s;
    -webkit-transition: 1s 0.5s;
    -moz-transition: 1s 0.5s;
    -ms-transition: 1s 0.5s;
    -o-transition: 1s 0.5s;
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.4)
}

.location-gallery-image:hover .preview-plus {
    opacity: 1
}

.location-gallery-image:hover .location-gallery-image-fade {
    opacity: .3
}

.location-gallery-image img {
    display: block;
    margin: 0 auto
}

.preview-plus {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #fff;
    background: #f75a40;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.preview-plus:before,
.preview-plus:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 14px;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -1px;
    background: #fff
}

.preview-plus:after {
    width: 14px;
    height: 2px;
    margin: -1px 0 0 -7px
}

.location-gallery-image-fade {
    position: absolute;
    top: 12px;
    width: 356px;
    height: 356px;
    left: 50%;
    margin-left: -178px;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.loc-gallery-wnd {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none
}

.loc-gallery-wnd.open_:before {
    opacity: .5;
    transition: 0.4s 0.2s;
    -webkit-transition: 0.4s 0.2s;
    -moz-transition: 0.4s 0.2s;
    -ms-transition: 0.4s 0.2s;
    -o-transition: 0.4s 0.2s
}

.loc-gallery-wnd:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s
}

.loc-gallery-wnd-image {
    position: absolute;
    left: 25%;
    width: 50%;
    top: 22px;
    bottom: 22px;
    background: #fff;
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.4)
}

.loc-gallery-wnd-image .img_ {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 76px;
    background: url("../i/location/im1_big.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.loc-gallery-wnd-prev,
.loc-gallery-wnd-next {
    width: 33px;
    height: 33px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    background: none
}

.loc-gallery-wnd-prev {
    left: 20%
}

.loc-gallery-wnd-next {
    right: 20%
}

.bt-location-show-map-small {
    height: 52px;
    width: 52px;
    position: absolute;
    left: 50%;
    top: 10%;
    margin: -26px 0 0 -26px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.bt-location-show-map-small i {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 22px;
    margin: -11px 0 0 -11px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: url("../i/sprite.png") -401px -57px no-repeat;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.bt-location-show-map-small:hover {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.bt-location-show-map-small:hover i {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.location-gallery-range {
    position: absolute;
    top: 45px;
    left: 45px;
    padding-right: 20px;
    color: #fff
}

.location-gallery-time span,
.location-gallery-range span {
    display: inline-block;
    height: 16px;
    width: 18px;
    overflow: hidden;
    vertical-align: bottom;
    text-align: right
}

.location-gallery-time span span,
.location-gallery-range span span {
    position: relative;
    width: 100%;
    height: 100%;
    transition: 0.6s 0.6s;
    -webkit-transition: 0.6s 0.6s;
    -moz-transition: 0.6s 0.6s;
    -ms-transition: 0.6s 0.6s;
    -o-transition: 0.6s 0.6s
}

.swiper-slide-duplicate-active .location-gallery-time span span,
.swiper-slide-duplicate-active .location-gallery-range span span,
.swiper-slide-active .location-gallery-time span span,
.swiper-slide-active .location-gallery-range span span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.location-gallery-time span {
    text-align: center
}

.location-gallery-time span:nth-child(2) span {
    transition: 0.6s 0.8s;
    -webkit-transition: 0.6s 0.8s;
    -moz-transition: 0.6s 0.8s;
    -ms-transition: 0.6s 0.8s;
    -o-transition: 0.6s 0.8s
}

.location-gallery-range:after {
    content: '';
    position: absolute;
    right: 0;
    top: -3px;
    width: 11px;
    height: 18px;
    background: url("/bitrix/templates/2020/i/sprite.png") -434px -58px no-repeat
}

.location-gallery-name {
    position: absolute;
    left: 26px;
    right: 50px;
    bottom: 29px;
    height: 19px;
    line-height: 19px;
    color: #333a46;
    padding-left: 23px;
    overflow: hidden
}

.location-gallery-name span {
    display: block;
    height: 100%;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    transition: 0.6s 0.6s;
    -webkit-transition: 0.6s 0.6s;
    -moz-transition: 0.6s 0.6s;
    -ms-transition: 0.6s 0.6s;
    -o-transition: 0.6s 0.6s
}

.swiper-slide-active .location-gallery-name span,
.swiper-slide-duplicate-active .location-gallery-name span {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)
}

.location-gallery-name:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 19px;
    background: url("/bitrix/templates/2020/i/sprite.png") -433px -81px no-repeat
}

.location-gallery-image .location-gallery-range {
    top: 26px;
    left: 26px
}

.location-gallery-image .location-gallery-name {
    left: 10px;
    bottom: 10px
}

.location-gallery-image .location-gallery-time {
    bottom: 10px;
    right: 10px
}

.location-gallery-time {
    position: absolute;
    right: 22px;
    bottom: 29px;
    color: #999ca2
}

.location-paths-controls {
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 277px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    overflow: hidden
}

.location-paths-controls.open {
    width: 625px
}

.bt-location-paths-open {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 277px;
    height: 100%;
    background: #fff;
    color: #333a46;
    font-family: lt-b;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.bt-location-paths-open:hover {
    color: #f75a40
}

.bt-location-paths-open i {
    display: inline-block;
    margin-left: 12px;
    height: 12px;
    width: 12px;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.bt-location-paths-open i:before,
.bt-location-paths-open i:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    width: 2px;
    height: 100%;
    background: #333a46
}

.bt-location-paths-open i:after {
    width: 100%;
    height: 2px;
    left: 0;
    top: 5px
}

.location-paths-controls.open .bt-location-paths-open i {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.loc-paths-list {
    width: 100%
}

.loc-paths-list li {
    float: right
}

.bt-paths {
    display: block;
    width: 180px;
    height: 100%;
    line-height: 50px;
    color: #adb0b5;
    font-family: lt-b;
    text-align: center;
    cursor: pointer
}

.bt-paths:hover,
.bt-paths.selected {
    color: #f75a40
}

.news-year-filter {
    position: absolute;
    top: 120px;
    right: 42px
}

.news-year-filter a {
    display: inline-block;
    width: 55px;
    text-align: center;
    font-family: lt-b;
    color: #333a46
}

.news-year-filter a.active,
.news-year-filter a:hover {
    color: #f75a40
}

.news-list {
    margin-left: 15%;
    border-left: 1px solid #eaebec;
    padding-top: 39px
}

.news-list-item {
    position: relative;
    width: 700px;
    padding-bottom: 86px;
    padding-left: 130px;
    color: #484f59;
    letter-spacing: 1px
}

.news-list-h {
    padding-bottom: 26px;
    font-size: 18px;
    cursor: pointer
}

.news-list-h:hover {
    color: #f75a40
}

.news-list-announce,
.news-list-text {
    line-height: 1.6
}

.news-list-announce {
    letter-spacing: 2px
}

.news-list-text {
    display: none;
    padding-top: 20px
}

.news-list-date {
    position: absolute;
    left: -41px;
    top: 0;
    width: 80px;
    height: 80px;
    border: 1px solid #eaebec;
    background: #fff;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.news-list-date div {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.news-list-item:hover .news-list-date {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.news-list-item:hover .news-list-date div {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg)
}

.news-list-image {
    margin-bottom: 20px
}

.js-popup {
    display: none;
    background: #fff
}

#simplemodal-overlay {
    background: none repeat scroll 0 0 #000
}

.modalCloseImg {
    cursor: pointer;
    position: absolute;
    right: 27px;
    top: 27px;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.modalCloseImg:before,
.modalCloseImg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #333a46;
    margin-top: -1px
}

.modalCloseImg:after {
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    margin: 0 0 0 -1px
}

.modalCloseImg:hover {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.inner-half{width: 100%;display: flex;height: 100%;overflow: hidden;}

.visi{transform: translate(18%,20%);}

.inner-first{width: 50%;background-image: url(../i/ShwetaShubham/img3566.jpg);
    background-position: center;background-repeat: no-repeat;
    background-size: cover;height: 100%;}

.inner-second{width: 50%;background-image: url(../i/white-bg.png);
    background-position: center;background-repeat: no-repeat;
    background-size: cover;height: 100%;}

.img-shub{text-align: left;transform: translateY(60px);width: 90%;margin: auto;}

.shubh{width: 100%;display: block;}

.spimg{transform: translateY(40px);}
.spii{width: 25%;height: auto;}

.mappi{height: 575px;width: 100%;border: 0;}

.vision{color:#d49e3c;font-size: 40px;position: relative;
    text-align: left;text-transform: uppercase;
    font-family: lt-b;margin: 0px;}

.vision-text{color: #fff;text-align: justify;font-size: 20px;
    width: 72%;line-height: 30px;font-family: lt, sans-serif;padding: 20px 0px;}

.mision-text{color: #333a46;text-align: justify;font-size: 18px;
    width: 72%;line-height: 30px;font-family: lt, sans-serif;padding: 20px 0px;}

.foo{display: block;width: 100%;background-color:  #333a46;
    border-top: 1px solid #ccc;padding: 15px 50px 40px 50px;height: 30%;}

.foot-copy{color: #fff;text-align: left;font-size: 16px;
    font-family: "lt",sans-serif;margin: 0px;}

.bg1{color: #000;font-size:32px; font-family: "Lusitana",serif;position: relative;
            margin: 0px 0px 30px 0px;}

.bg1:after{position: absolute;content: url(../i/splend/underline-gold.png);
            width: 100%;height: auto;top:40px;left: 0;}

.bg11{color: #000;font-size:32px; font-family: lt-b;position: relative;
            margin: 0px 0px 68px 0px;}

.bg11:after {position: absolute;content: url(../i/splend/underline-gold.png);
    width: 100%;height: auto;left: 0;margin-top: 46px;}

.form-horizontal{padding: 35px 30px;background-color: #fff;
    box-shadow:  0px 12px 36px 10px rgba(0,0,0,0.05);
    background-image: url(../i/white-bg.png);background-size: cover;
    background-position: center;background-repeat: no-repeat;}

.form-control,.form-control:hover,.form-control:active,.form-control:focus{border: none!important;border-bottom: 1px solid #000 !important;
    width: 40%;margin: 20px 20px;outline: 0;font-size: 17px;
    background-color: transparent !important;}

.form-control-text,.form-control-text:hover,.form-control-text:active,.form-control-text:focus{border: none!important;border-bottom: 1px solid #000 !important;
    width: 86%;margin: 20px 25px;outline: 0;font-size: 16px;
    background-color: transparent !important;}

.input-group{width: 100%;margin: 15px 0px;}

.submit-group{text-align: center;padding: 35px 0px 35px 0px;}

.frm-btn{padding: 13px 70px;background-color: transparent;border: 1px solid #d5a041;
    font-size: 16px;box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;outline: 0;font-family: "Lusitana",serif;position: relative;
    z-index: 0;display: inline-block;transition: all 0.5s ease-in-out;}

.frm-btn:hover{color: #fff;z-index: 1;}

.frm-btn:before{position: absolute;content: '';top: 0;left: 0;width: 50%;
                height: 100%;background-color: #333a46;z-index: -1;
                transition: transform 0.5s;transform: scaleX(0);
                transform-origin: left;}

.frm-btn:hover:before{transition: transform 0.5s;transform: scaleX(1);
                transform-origin: right;}


.frm-btn:after{position: absolute;content: '';top: 0;right: 0;width: 51%;
                height: 100%;background-color: #333a46;z-index: -1;
                transition: transform 0.5s;transform: scaleX(0);
                transform-origin: right;}

.frm-btn:hover:after{transition: transform 0.5s;transform: scaleX(1);
                transform-origin: left;}

.rmore{color:#333a46;transition: 0.5s ease-in-out;}
.rmore:hover{color: #fff;}

.footer-one{text-align: left;}
.footer-one:nth-child(1){width: 33%;}
.footer-one:nth-child(2){width: 33%;padding-left: 110px;}
.footer-one:nth-child(3){width: 33%;}

.footer-group{font-size:16px;padding: 75px 40px;display: flex;
    background-color: #333a46;width: 100%;height: 70%;}

.img-res{width: 50%;float: left;margin-left: 20px;}

.foot-p{color: #fff;display: table;clear: both;text-align: left;
    font-family: "Roboto",sans-serif;line-height: 1.7;font-size: 16px;}

.ql-ul{text-align: left;}

.ql-li {list-style-type: none;padding: 5px 5px;position: relative;
    transition: all 0.5s ease-in-out;margin: 10px 0px;}

.ql-li a{text-decoration: none;color: #fff;font-size: 16px;
    transition: all 0.5s ease-in-out;font-family: "Roboto",sans-serif;}

.ql{color: #fff;text-align: left;position: relative;display: inline-block;}

.ql:before{position: absolute;content: '';width: 100%;height: 2px;
    background-color: #fff;border-bottom: 2px solid #fff;top: 30px;}

.ql-li:hover{padding-left: 10px;}

.ad-li{text-align: left;list-style-type: none;position: relative;
        font-size: 16px;padding: 8px 10px;color: #fff;line-height: 30px;
    font-family: "Roboto",sans-serif;}

.ad-li:nth-child(1):before{position: absolute;content:"\f041";font-family: FontAwesome;
        font-style: normal;font-weight: normal;text-decoration: inherit;
            color: #fcba41;font-size: 17px;left: -15px;}

.ad-li:nth-child(2):before{position: absolute;content:"\f095";font-family: FontAwesome;
        font-style: normal;font-weight: normal;text-decoration: inherit;
            color: #fcba41;font-size: 17px;left: -15px;}

.ad-li:nth-child(3):before{position: absolute;content:"\f003";font-family: FontAwesome;
        font-style: normal;font-weight: normal;text-decoration: inherit;
            color: #fcba41;font-size: 17px;left: -15px;}


.ql-li:before{position: absolute;left: -15px;content:"\f063";top: 6px;
            font-family: FontAwesome;font-style: normal;
    font-weight: normal;text-decoration: inherit;color: #fcba41;
    font-size: 12px;transition: 0.5s ease-in-out;}

.ql-li:hover:before{position: absolute;left: -15px;content:"\f061";top: 6px;
            font-family: FontAwesome;font-style: normal;
    font-weight: normal;text-decoration: inherit;color: #fcba41;
    font-size: 12px;}

.que-sec{width: 100%;padding: 20px 0px;background-color: #37475a;}
.con-but{text-align: center;}
.que{font-size: 30px;color: #485064;font-family: lt-b;text-transform: uppercase;}

.forany{padding: 16px 35px;margin: 0px 20px;color: #fff;
        background-color: transparent;border: 1px solid #d49e3c;
        font-family: "Lusitana",serif;box-shadow: none !important;font-size: 18px;}

.listi{width: 450;display: flex;}

.first-list{width: 50%;}

.liti{padding: 0 0px;margin: 0;text-align: left !important;
        transform: translate(43px,-35px);}

.litili{list-style-type: none;position: relative;font-size: 16px;
    margin: 20px 20px;     font-weight: 600;}

.litili:before{position: absolute;content: url("../i/splend/flower2.png");
                left: -40px; }


.abut-cont{text-align: center;padding-top: 120px;}

.abut-h{color: #fff;font-size: 50px;text-transform: uppercase;
    margin: 0;font-family: "Lusitana",serif;}

.abut-hp{color: #fff;font-size: 22px;padding: 10px 300px;
    line-height: 35px;}

.form-about{width: 100%;text-align: center;}

.form-control-text-abt, .form-control-text-abt:hover, 
.form-control-text-abt:active, .form-control-text-abt:focus {
    border: none!important;border-bottom: 1px solid #000 !important;
    width: 84%;margin: 25px 20px;outline: 0;font-size: 16px;
    background-color: transparent !important;}

.form-horizontal-abt {padding: 35px 30px;
    box-shadow: 0px 12px 36px 10px rgba(0,0,0,0.05);}

.gad{padding: 16px 35px;margin: 20px 20px 0px;background-color: transparent;
    border: 1px solid #d49e3c;color: #fff;font-family: lt-b;
    box-shadow: none !important;font-size: 18px;}

.first-section-gallery{width: 100%;overflow: hidden;}

.w-50{width: 50%;}
.dfl{display: flex;}


.testimonials {overflow: hidden;position: relative;height: 100%;}

/*.testimonial-section{margin: 11% auto;color: #fff;text-align: center;}*/
.testimonial-section {margin: 8% 10%;color: #fff;
    text-align: center;transform: translateY(-50px);}
.pt-2{font-family: "Lusitana",serif;text-transform: uppercase;padding: 22px 0px;
    display: inline-block;position: relative;}

.pt-2::after{position: absolute;content: url(../i/splend/underline-gold.png);
        left: 30%;top: 70%;}

/*.testimonials {background-image: url(../i/ShwetaShubham/img3566.jpg);
    background-size: cover;background-position: center;
    background-repeat: no-repeat;}*/

.below-abt{background: #fff;overflow: hidden;padding: 100px 0px; }
.below-abt2{overflow: hidden;padding: 100px 0px;background: #f8f8f8;}

.spgrp{color: #333a46;font-size: 32px;text-transform: uppercase;
    padding-bottom: 35px;font-family: "Lusitana",serif;position: relative;
    text-align: center;}

.spgrp:after{position: absolute;content: url(../i/splend/underline-gold.png);
            width: 100%;left: 50%;top: 40px;margin-left: -590px;}

.below-abt-p {color: #333a46;font-size: 16px;font-family: "Roboto",sans-serif;
        text-align: center;line-height: 1.7;}

.single-box {position: relative;min-height: 225px;background: #fff;
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1);}
.icon-vision{text-align: right;}
.vis-i{font-size: 40px!important;color: #fff;position: absolute;content: "";
    right: 15%;width: 82px;padding: 20px 20px;border-radius: 50%;
    background: #d49e3c;bottom: -35px;text-align: center;}
.box1{width: 100%;padding: 40px 30px;}
.box1h{text-transform: uppercase;font-family: "Lusitana",serif;font-weight: 550;
    font-size: 30px;padding-bottom: 10px;color: #d49e3c;}
.box1p{margin: 0;line-height: 28px;font-size: 16px;padding: 0px 10px;
    font-family: "Roboto",sans-serif;color: #333a46;}

.below-abt3{background-image: url(../i/white-bg.png);
    background-size: cover;background-repeat: no-repeat;
    background-position: center;}
.bgab{overflow: hidden;}
.below-career{background: #fff;overflow: hidden;}
.bgcareer{overflow: hidden;}

.mai, .sendus {
    font-size: 18px;
    font-family: "Roboto",sans-serif;
    text-align: center;
}



.one-slide, .testimonial, .message {
    border: none !important;
    outline: none !important;
    padding: 10px 14px;
    line-height: 28px;
    font-size: 16px;
    font-family: "Roboto",sans-serif;
}

.icon-overlay {
  position: absolute;
  opacity: 0.3;
  right: 10%;
  top: 0;
  height: auto;
  width: 100%;
  max-width: 400px;
}


.carousel-controls .control {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 1;
    bottom: -40%;
    transition: all 0.5s ease-in-out;
}

.carousel-controls .control:hover {
    border: 2px solid #d5a041;
    background: #d5a041;
    color: #e9543f;
}

.prev {
  left: 50px;cursor: pointer;
}

.next {
  right: 50px;cursor: pointer;
}

.pr{margin-top: 8px;font-size: 26px!important;margin-left: -4px!important;
    cursor: pointer;}
.nr{margin-top: 8px;font-size: 26px!important;margin-right: -4px !important;
cursor: pointer;}

.blockquote-footer{float: right;text-align: right;padding: 0px 20px;}

@media screen and (max-width: 768px) {
  .testimonials {
    max-height: 700px;
  }
  .icon-overlay {
    height: 300px;
    top: calc(50% - 150px);
  }
  .carousel-controls .control {
    width: 25px;
    height: 25px;
    top: inherit;
  }
  .prev {
    left: 0;
  }
  .next {
    right: 0;
  }
  .control i {
    font-size: .7rem;
  }
  .testimonials .message {
    font-size: 1rem;
  }
  .testimonials h2 {
    font-size: 1.5rem;
  }
}
.expertise {color: #dbac58;box-shadow: 0 0 black;
    text-shadow: 0 0 11px black;font-weight: 550;}
.bgs{background: #fff;}

.clearfix{clear: both;display: table;content: " ";}
.clearfix::after{clear: both;display: table;content: " ";}


.s-section{background: #fff;padding: 40px 0px;}
.bgabt{background-image: url(../i/white-bg.png);
    background-position: center;background-repeat: no-repeat;
    background-size: cover;}

.breadcrumb{position: relative;overflow: hidden;}
.breadcrumb-ul{text-align: center;display: flex;position: relative;
    left: 50%;margin-left: -100px;}
.breadcrumb-li {padding: 10px;list-style: none;color: #d5a041;
    font-size: 19px;transition: all 0.5s ease-in-out;font-family: "Lusitana",serif;}
.breadcrumb-li a{position: relative;color: #fbada0;
    transition: all 0.5s ease-in-out;}

.breadcrumb-li a::after{position: absolute;color: #fbada0;content: ">";
    margin-left: 6px;margin-top: 1px;}

.topre{overflow: hidden;}
.treasons {margin: 0;padding-bottom: 50px;font-family: lt-b;
    text-transform: uppercase;color: #333a46;font-weight: 500;
    text-align: center;position: relative;}

.treasons:after {position: absolute;content: url(../i/splend/underline-gold.png);
    width: 100%;height: auto;left: 0;margin-top: 46px;}

.blck-fleft{margin: 13px 0px;box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
        padding-top: 30px;padding-left: 10px;min-height: 170px;
        transition: box-shadow 1s ease;}

.blck-fleft:hover{box-shadow: 0px 12px 36px 10px rgba(0,0,0,0.05);}
.blck-fright{padding: 7px 0px;padding-right: 52px;}
.blck-fleft img{float: left;width: 15%;}
.blck-fright p{text-align: left;line-height: 24px;font-size: 16px;
    font-family: "lt",sans-serif;padding-left: 83px;}
.beyou{font-weight: bold;text-transform: capitalize;font-size: 20px;
    font-family: lt-b;}

.addr-loc-section{background: #fff;overflow: hidden;padding: 100px 0px;}
.ifri{width: 100%;height: 450px;border: 0;}
.sb {float: left;font-size: 40px !important;color: #d49e3c;padding: 15px 20px;}
.help-box p {margin: 0;padding-left: 50px;color: #fff;
    font-family: "Roboto",sans-serif;line-height: 34px;font-size: 20px;}
.help-box{background: #333a46;border-radius: 5px;padding: 15px 30px;}
.support-box {padding: 5px 60px 5px 5px;margin: 10px 0px;}
.addr-loc-box{background: #eee;margin-right: 58px;margin-left: 7px;
    padding: 20px 0px;}
.addr-loc-li {
    list-style-type: none;
    padding: 10px 5px;
    line-height: 28px;
    display: table-cell;
    font-size: 16px;
    font-family: "Roboto",sans-serif;
    /*font-weight: 900;*/
}
.ill{    padding: 10px 10px;
    color: #d49e3c;
    float: left;
    font-size: 25px !important;}
.addr-loc-ul{display: inline-block;}
.bod{background: #f8f8f8 !important;}
.dg{padding: 50px 10px !important;background: #f8f8f8!important;}
.gali{padding-top: 50px;}
.bdab{background: url(../i/info-bg.jpg) no-repeat fixed 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;}

.div-img{position: relative;}
.div-text {position: absolute;margin-left: -150px;background: #333a46;
    margin-top: 100px;padding: 50px 50px;}
.div-text-h{margin: 0;padding-bottom: 20px;text-transform: uppercase;
    font-family: "Lusitana",serif;color: #d49e3c;}
.landbg {
    background: #fff;
    padding: 10px 0px;
    padding-bottom: 50px;
}
.div-text-p{margin-bottom: 30px;font-size: 16px;line-height: 30px;
    font-family: "Roboto",sans-serif;color: #f8f8f8;padding: 0px 20px;}
.landnor{background: #fff;padding: 0px 0px;}
.div-txt-h{margin: 0;padding-bottom: 10px;text-transform: uppercase;
    font-family: "Lusitana",serif;color: #d49e3c;font-size: 30px;}
.div-txt-p{margin: 10px 0px;font-size: 16px;line-height: 30px;
    font-family: "Roboto",sans-serif;text-align: justify;}
.div-txt{padding: 50px 10px;}
.abut-proj{color: #fff;padding-top: 120px;}
.abut-proj1{background-color: rgba(255, 255, 255, 0.18);padding: 20px 25px;
    border-left: 3px solid #d49e3c;transform: translateX(40px);}
.abut-proj-h2{text-transform: uppercase;font-family: "lt-b";
    font-weight: 550;font-size: 32px;color: #d49e3c;}
.abut-proj-h3{line-height: 40px;}
.abut-proj-h4{line-height: 35px;font-size: 16px;}
.ban-form{background-color: rgba(255, 255, 255, 0.18);text-align: center;
    transform: translate(-50px,-70px);padding: 50px 40px;border-top: 3px solid #d49e3c;}
.form-contro, .form-contro-text{border: none!important;border-bottom: 1px solid #ccc !important;
    margin: 15px 0px;outline: 0;font-size: 16px;width: 90%;padding: 0px 5px;
    background-color: transparent !important;}
/*.suam{color: #d49e3c;font-size: 30px;font-family: "lt",sans-serif;margin: 0;
padding-bottom: 10px;line-height: 30px;font-weight: 550;}*/
.suam{line-height: 40px;color: #f8f8f8;position: relative;display: inline-block;
        padding-bottom: 20px;}
.suam::after{position: absolute;content: "";background: #d49e3c;
    height: 3px;width: 65%;top: 50px;left: 50px;}
.submi{text-align: center;}

.submi-btn{padding: 13px 70px;background-color: transparent;border: 1px solid #d5a041;
    font-size: 16px;box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);margin-top :30px; 
    text-transform: uppercase;outline: 0;font-family: lt-b;position: relative;
    z-index: 0;display: inline-block;transition: all 0.5s ease-in-out;color: #f8f8f8;}

 .form-contro::-webkit-input-placeholder { /* Edge */
  color: #f8f8f8;
}

.form-contro:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #f8f8f8;
}

.form-contro::placeholder {
  color: #f8f8f8;
} 

 .form-contro-text::-webkit-input-placeholder { /* Edge */
  color: #f8f8f8;
}

.form-contro-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #f8f8f8;
}

.form-contro-text::placeholder {
  color: #f8f8f8;
}   

.submi-btn:hover{color: #fff;z-index: 1;}

.submi-btn:before{position: absolute;content: '';top: 0;left: 0;width: 50%;
                height: 100%;background-color: #333a46;z-index: -1;
                transition: transform 0.5s;transform: scaleX(0);
                transform-origin: left;}

.submi-btn:hover:before{transition: transform 0.5s;transform: scaleX(1);
                transform-origin: right;}


.submi-btn:after{position: absolute;content: '';top: 0;right: 0;width: 51%;
                height: 100%;background-color: #333a46;z-index: -1;
                transition: transform 0.5s;transform: scaleX(0);
                transform-origin: right;}

.submi-btn:hover:after{transition: transform 0.5s;transform: scaleX(1);
                transform-origin: left;}

/*.landpa{background-image: url(../i/info-bg.jpg);background-repeat: no-repeat;
    background-size: cover;background-position: center;background-attachment: fixed;}
*/
.landpa{padding: 50px 0px;background-color: #fff;}

.sectionClass {
  /*padding: 20px 0px 50px 0px;*/
  position: relative;
  display: block;
}

.fullWidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}


.sectiontitle {
  background-position: center;
  margin: 10px 0 0px;
  text-align: center;
  min-height: 20px;
}

.sectiontitle h2 {
    font-size: 30px;
    color: #333a46;
    margin-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    font-family: "lt-b";
    font-weight: 550;
}


.headerLine {
  width: 160px;
  height: 3px;
  display: inline-block;
  background: #d49e3c;
}


.projectFactsWrap{
    display: flex;
  margin-top: 0px;
  flex-direction: row;
  flex-wrap: wrap;
}


#projectFacts .fullWidth{
  padding: 0;
}

.projectFactsWrap .item{
  width: 25%;
  height: 100%;
  padding: 50px 0px;
  text-align: center;
  border-right: 1px dashed #f8f8f842;
}

.projectFactsWrap .item:nth-child(1){
  background: rgb(16, 31, 46);
}

.projectFactsWrap .item:nth-child(2){
  background: rgb(18, 34, 51);
}

.projectFactsWrap .item:nth-child(3){
  background: rgb(21, 38, 56);
}

.projectFactsWrap .item:nth-child(4){
  background: rgb(23, 44, 66);
  border-right: none;
}

.projectFactsWrap .item p.number{
  font-size: 40px;
  padding: 0;
  font-weight: bold;
}

.projectFactsWrap .item p{
  /*color: rgba(255, 255, 255, 0.8);*/
  color: rgb(212, 158, 60);
  font-size: 18px;
  margin: 0;
  padding: 10px;
  font-family: 'Lusitana',serif;
}


.projectFactsWrap .item span{
  width: 60px;
  background: rgba(255, 255, 255, 0.8);
  height: 2px;
  display: block;
  margin: 0 auto;
}


.projectFactsWrap .item i{
  vertical-align: middle;
  font-size: 50px;
  /*color: rgba(255, 255, 255, 0.8);*/
  color: rgb(212, 158, 60);
}


.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{
  color: white;
}

.projectFactsWrap .item:hover span{
  background: white;
}

@media (max-width: 786px){
  .projectFactsWrap .item {
     flex: 0 0 50%;
  }
}

.master-plan{padding: 50px 0px;background: #fff;
    /*background-image: url(../i/ShwetaShubham/pattern.png);*/
    background-size: cover;background-repeat: no-repeat;
    background-position: center;overflow: hidden;}
.faci{padding-bottom: 30px;}
.mp{text-align: center;}
.master-plan-h2{font-size: 30px;text-transform: uppercase;
    font-family: "Lusitana",serif;font-weight: 550;color: #333a46;margin: 0;} 
.kp-h{font-size: 26px;text-transform: uppercase;font-family: "lt",sans-serif;
    font-weight: 550;color: #d49e3c;text-align: center;padding: 20px 0px;}

.caption-title{color: #d49e3c;font-size: 25px;font-family: "Lusitana",serif;
    text-align: center;}

/*------------------------------------*\
    MATERIAL PHOTO GALLERY
\*------------------------------------*/
.m-p-g {
  max-width: 100%;
  margin: 0 auto;
}
.m-p-g__thumbs-img {
  margin: 0;
  float: left;
  vertical-align: bottom;
  cursor: pointer;
  z-index: 1;
  position: relative;
  opacity: 0;
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: opacity, transform;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.m-p-g__thumbs-img.active {
  z-index: 50;
}
.m-p-g__thumbs-img.layout-completed {
  opacity: 1;
}
.m-p-g__thumbs-img.hide {
  opacity: 0;
}
.m-p-g__thumbs-img:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}
.m-p-g__fullscreen {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
  visibility: hidden;
  transition: background 0.25s ease-out, visibility 0.01s 0.5s linear;
  will-change: background, visibility;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.m-p-g__fullscreen.active {
  transition: background .25s ease-out, visibility .01s 0s linear;
  visibility: visible;
  background: rgba(0, 0, 0, 0.95);
  z-index: 999;
}
.m-p-g__fullscreen-img {
  pointer-events: none;
  position: absolute;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  top: 50%;
  left: 50%;
  max-height: 100vh;
  max-width: 100%;
  visibility: hidden;
  will-change: visibility;
  transition: opacity 0.5s ease-out;
}
.m-p-g__fullscreen-img.active {
  visibility: visible;
  opacity: 1 !important;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s ease-out;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.m-p-g__fullscreen-img.almost-active {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}
.m-p-g__controls {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  height: 20vh;
  background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.55) 100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.m-p-g__controls.active {
  opacity: 1;
  visibility: visible;
  z-index: 999;
}
.m-p-g__controls-close, .m-p-g__controls-arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
}
.m-p-g__controls-close:focus, .m-p-g__controls-arrow:focus {
  outline: none;
}
.m-p-g__controls-arrow {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 20%;
  height: 100vh;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  display: none;
}
.m-p-g__controls-arrow:hover {
  opacity: 1;
}
.m-p-g__controls-arrow--prev {
  left: 0;
  padding-left: 3vw;
  justify-content: flex-start;
}
.m-p-g__controls-arrow--next {
  right: 0;
  padding-right: 3vw;
  justify-content: flex-end;
}
.m-p-g__controls-close {
  position: absolute;
  top: 3vh;
  right: 3vw;
  z-index: 5;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.m-p-g__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  /*background-color: rgba(0,0,0,0.6);*/
  transition: all .25s ease-out;
}
.m-p-g__btn:hover {
  /*background: rgba(255, 255, 255, 0.15);*/
  background: rgba(0,0,0,0.5);
}
.m-p-g__alertBox {
  position: fixed;
  z-index: 999;
  max-width: 700px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: white;
  padding: 25px;
  border-radius: 3px;
  text-align: center;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
  color: grey;
}
.m-p-g__alertBox h2 {
  color: red;
}
.key{width: 100% !important;height: auto !important;margin: 10px 0px;}

.demo-btn {
  display: inline-block;
  margin: 0 2.5px 4vh 2.5px;
  text-decoration: none;
  color: grey;
  padding: 15px;
  line-height: 1;
  min-width: 140px;
  background: rgba(0, 0, 0, 0.07);
  border-radius: 6px;
}

.demo-btn:hover {
  background: rgba(0, 0, 0, 0.12);
}

@media (max-width: 640px) {
  .demo-btn {
    min-width: 0;
    font-size: 14px;
  }
}

.landta{padding: 50px 0px 200px 0px;background-color: #f8f8f8;}

.slides {
  position: relative;padding: 50px 0px 670px 0px;
}
.slides .slide {
  position: absolute;
  top: 0;
  width: calc(16% - 1em);
  max-height: 4.5em;
  margin: 0.5em;
  padding: 1.5em;
  /*background: #333a46;*/
  background-image: url(../i/white-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;
  color: #333a46;
  float: left;
  overflow: hidden;
  transition: max-height 0.25s ease-in-out, width 0.25s 0.25s ease-in-out, left 0.25s 0.5s ease-in-out, top 0.25s 0.75s ease-in-out;
}
.slides .slide:nth-child(1) {
  left: 0%;
}
.slides .slide:nth-child(2) {
  left: 16.66666667%;
}
.slides .slide:nth-child(3) {
  left: 33.33333334%;
}
.slides .slide:nth-child(4) {
  left: 50.00000001%;
}
.slides .slide:nth-child(5) {
  left: 66.66666668%;
}
.slides .slide:nth-child(6) {
  left: 83.33333335%;
}
.slides .slide > a {
  display: block;
  padding-bottom: 2em;
  font-family: 'Roboto',sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #d49e3c;
  transition: color 2s;
  font-size: 17px;
  text-align: center;
  font-weight: 900;
}
.sere{font-family: "Lusitana",serif;font-size: 15px;}
.slides .slide.active {
  position: absolute;
  top: 6.5em;
  left: 0;
  width: 100%;
  max-height: 70em;
  float: none;
  transition: top 0.25s 1s ease-in-out, left 0.25s 1.25s ease-in-out, width 0.25s 1.5s  ease-in-out, max-height 0.25s 1.75s ease-in-out;
}
.slides .slide.active a {
  color: white;display: none;
}
.asti{font-size: 30px;text-align: left;text-transform: uppercase;
    font-family: "Roboto",sans-serif;color: #d49e3c;font-weight: 900;}
.content{font-size: 17px;font-family: "lt",sans-serif;line-height: 28px;}
.content-p{font-size: 17px;font-family: "lt",sans-serif;line-height: 28px;
        text-align: justify;}

.cf:before, .slides:before,
.cf:after,
.slides:after {
  content: " ";
  display: table;
}

.cf:after, .slides:after {
  clear: both;
}
.cf, .slides {
  *zoom: 1;
}

.content-imgg{float: left;width: 10%;}
.custo {font-family: "Roboto",sans-serif;border-collapse: collapse;width: 60%;}
.table-responsive{margin-left: 10%;}
.tbarea{padding: 15px 10px;text-transform: uppercase;font-size: 22px;}
.custo td, .custo th {border: 1px solid #f8f8f8;}
.custo td{padding-left: 15px;}
.custo th {background-color: #d49e3c;color: white;border: 1px solid #f8f8f8;}

.landame{padding: 50px 0px;background-image: url(../i/GENERAL/slide12.png);
    background-size: cover;background-repeat: no-repeat;background-position: center;
    overflow: hidden;background-attachment: fixed;}

.hvvr .iimg {transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;transition-property: transform;}

.hvvr .iimg:hover{transform: translateY(-5px);}

.hvvr{text-align: center;}
.h22{color: #fff;text-align: center;padding-bottom: 35px;}
.h22h{margin: 0;font-family:"Lusitana",serif;}
.hvvr p{font-size: 15px;font-family: "Roboto",sans-serif;}

.landfloor{background-color: #fff;padding: 50px 0px;overflow: hidden;}
.fp{color: #333a46;font-weight: 550;font-family: "Lusitana",serif;
    text-transform: uppercase;margin: 0;}
.ast-h{text-align: center;font-size: 28px;text-transform: uppercase;
    color: #d49e3c;}

.spec{background-color: #fff;padding: 50px 0px;overflow: hidden;}
.fps{margin: 0;}
.accordion {
  /*background-color: #2c3e50;
  color: #d49e3c;*/
  background-color: #333a46;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin: 10px 0px;
  font-weight: 550;
  text-transform: uppercase;
  font-family: "Roboto",sans-serif;
  transition: all 0.5s ease-in-out;
}

.accordion.active, .accordion:hover {
  background-color: #333a46;
}

.accordion:after {
  content: "\276F";
  color: #d49e3c;
  font-weight: bold;
  float: right;
  /*margin-left: 5px;*/
  border: 2px solid currentColor;
  padding: 0px 6px;
  border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

.accordion.active:after {
  /*content: "\276F";*/
  -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel p{font-size: 16px;line-height: 26px;margin: 0;padding: 4px 0px;
    font-family: "Roboto",sans-serif;}
.panel ul li{font-size: 15px;line-height: 22px;font-family: "Roboto",sans-serif;}

.loca{padding: 50px 0px;background-color: #fff;overflow: hidden;padding-top: 0px;}

.loc-text p{font-size: 16px;font-family: "Roboto",sans-serif;margin: 0 0 15px 0;
    line-height: 26px;text-align: justify;font-weight: 500;}

.loc-text ul li {font-size: 16px;font-weight: 550;color: #333a46;
    font-family: "Roboto",sans-serif;list-style-type: none;}
.loc-text ul{margin: 0;}
.fa-check{padding: 5px 10px;font-size: 20px !important;color: #d49e3c;}
.loc-text{padding: 0px 10px;}

.proj-map{width: 100%;height: 400px;border: 0;}
.proo{overflow: hidden;background-color: #fff;}
.plr{padding-left: 0!important;padding-right: 0 !important;}
.popo{width: 84% !important;}

.shu h2,.shu p{transform: translateY(72px);}
.shu h2{text-align: center;text-transform: uppercase;
    font-size: 50px;font-family: "Lusitana",serif;}
.shu p{text-align: center;text-transform: uppercase;
    font-size: 18px;font-family: "Lusitana",serif;}

.fac-amen{background-image: url(../i/ShwetaShubham/land1.png);
    background-size: cover;background-repeat: no-repeat;
    background-position: center;overflow: hidden;}
.pd-50{padding: 50px 0px;}
.bgf{background-image: url(../i/white-bg.png);background-size: cover;
            padding: 117.5px 0px;background-repeat: no-repeat;background-position: center;}

.club-sec{padding: 50px 0px;overflow: hidden;background: #fff;}
.ii-club{float: left !important;padding-right: 20px !important;}
.h-club{color: #d49e3c;font-size: 28px;font-family: "Lusitana",serif;
        text-transform: uppercase;}
.text-club-p{line-height: 26px;font-size: 16px;
    font-family: "Roboto",sans-serif;text-align: justify;}
.c-house{padding: 0px 0px;overflow: hidden;background: #f9f9f9;}
.text-club{transform: translateY(80px);}
.p0{padding: 0 !important;}
.reju{padding: 0px 35px;}


/*----------Modal Css--------*/
.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    /*-webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);*/
}

@media (min-width: 992px)
{
.modal-lg {
    max-width: 800px;
}
}
@media (min-width: 576px)
.modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}
.modal-dialog {
   /* position: relative;*/
    width: auto;
    margin: .5rem;
    pointer-events: none;
}
.modal-content {
    border-radius: 1px;
}

.modal-content {
    position: relative;
    left: 20%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 60%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
button.close {
    min-width: 0;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-content [class*="col-"]:last-child {
    margin-bottom: 0;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.5rem;
    margin: 0.5rem;
    border: 1px solid black;
}
.ovrflw {
    overflow-y: scroll;
    width: 100%;
    height: 360px;
    line-height: 25px;
    font-size: 16px;
    margin: 0;
    font-family: "Roboto",sans-serif;
    padding: 0px 10px;
}
.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}




/*-----Feedback Button---------*/

#popup-container {
  position: fixed;
  z-index: 9990;
  margin: 0 auto;
  top: 15%;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 990px;
  display: none;
}

#popup-container.open {
  display: block;
}

.modall-content {
  background-color: rgba(38, 38, 40, 0.92);
  color: #fff;
  padding: 20px 100px;
}

.modall-content input {
  height: 57px;
  border-radius: 0px;
  width: 100%;
  margin: 10px 0px;
  font-size: 16px;
  padding: 0px 5px;
  font-family: "Roboto",sans-serif;
}

.modall-content textarea{width: 100%;margin: 10px 0px;font-size: 16px;
    font-family: "Roboto",sans-serif;padding: 0px 5px;}

.modall-content .btn-primary {
  width: 175px;
  background-color: #ef9919;
  border: 0px;
}

.modall-content .btn-primary:hover {
  background-color: #0073b7;
  border: 0px;
}

.modall-content .logorow {
  text-align: center;
}

.close {
  margin-right: 10px;
  margin-top: 5px;
  color: #fff;
  opacity: .8;
}

.close:hover {
  color: #efefef;
}
/* Side Widget */
.side-widget.open {
    margin-right: 0;
}
.side-widget {
    z-index: 999;
    position: fixed;
    right: -58px;
    top: 50%;
    cursor: pointer;
    text-align: center;
    margin-right: -45px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fibtn.btn-blue:hover {
    background-color: #1f6fa6;
}
.fibtn.btn-blue {
    background-color: #0082ca;
}
.fibtn.btn-blue {
    background-color: #2483c3;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gobtn{background: #ef9919;color: #fff!important;font-family: "Roboto",sans-serif;
    padding: 15px 25px;margin-top: 20px;font-size: 16px;text-transform: uppercase;}

.fill{font-size: 16px;font-family: "Roboto",sans-serif;margin: 0;}
.fibtn {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 0 0 10px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.widget-close:hover {
    color: #ccc;
}
.widget-close {
    color: #636363;
}
.widget-close {
    position: absolute;
    left: 3px;
    top: 0;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
    z-index: 1;
}
.single-foo{background: #333a46;overflow: hidden;display: flex;
    color: #fff;font-family: "Roboto",sans-serif;}
.single-foo ul li{list-style-type: none;display: flex;margin: 0px 10px;
    font-size: 16px;font-family: "Roboto",sans-serif;}
.single-foo ul li a{font-size: 16px;color: #fff;font-family: "Roboto",sans-serif;
        font-weight: 550;}
.single-foo ul li a:hover{color: #d49e3c;}
.single-foo ul{display: flex;}
.single-foo-copy{font-size: 16px;margin: 0;line-height: 25px;position: relative;
    top: 10px;left: 10px;}
.spa a{color: #fff;font-family: "Roboto",sans-serif;}
.spa:hover a{color: #d49e3c;}

.phone_alloka{font-family: "Lusitana",serif;}

.w-050{width: 100%;}
.gali{overflow: hidden;padding: 50px 0px;background: #fff;}

/*.grid-item img {border-radius: 5px;width: 235px;height: 190px;}*/
.grid-item img {border-radius: 5px;width: 260px;height: 200px;}
.grid{margin-left: 115px;margin-top: 40px;}

.grid-item {
  padding: 5px 5px;
}
/*  buttons */

.button:hover {
  background-color: #8CF;
  color: #fff;
}

.button.is-checked {
  color: #fff;
  background: #d49e3c;
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.t-c{text-align: center;}
.button-group .button {
    /*float: left;*/
    border-radius: 0;
    margin-left: 0;
    margin-right: 0px;
    font-size: 15px;
    text-transform: uppercase;
    /*transform: translateX(140px);*/
    background: #2483c3 !important;
}

.funds p{font-size: 18px;padding:20px 0px 0px 0px; }
.fund-img-div img{margin-right: 15px;margin-bottom: 15px;}

.button:hover {background-color: #f43f3f !important;color: #fff;
    text-shadow: none;box-shadow: none;}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/*.core-values-div{position: relative;left: -150px;top:-60px;width: 630px;}*/
.core-values-div h2{color: #fff;/*width: 650px;position: relative;
    left: -150px;top:-125px;*/font-family: "Lusitana",serif;
    text-transform: uppercase;font-size: 32px;padding-bottom: 50px;}

.ico-round{color: #fff;float: left;margin: 35px 10px;text-align: center;}
.icr{font-size: 45px !important;padding: 30px 30px;border: 1px solid #f8f8f8;
    border-radius: 50%;transition: all 150ms ease-in-out;}
.icr-title{text-align: center;font-size: 16px;margin: 10px 0px;
    text-transform: uppercase;line-height: 25px;font-family: "Roboto",sans-serif;
    font-weight: 600;}

.cvd{font-family: "Lusitana",serif;text-transform: uppercase;color: #fff;
    font-size: 40px;/*width: 630px;*/position: relative;top: 250px;left: 50px;
    z-index: 1;overflow: visible;font-weight: 900;}

.cvd span{color: #d49e3c;}
/*.shubh-text::after{position: absolute;width: 100%;height:auto;content: "";
    border: 5px solid #d49e3c;padding: 100px;z-index: 0;overflow: hidden;
    left: 110px;top: 180px;background: transparent;}*/

.ico-round:hover .icr{transform: translateY(-5px);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);background: #fff;color: #dbac58;}

.tds{background: #333a46;
    background-image: url(../i/ShwetaShubham/img3566.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}

.hof{font-weight: 550;font-size: 25px;text-align: center;text-decoration: underline;
        margin: 0;}

.wd-60{width: 60%;}

.fat{font-size: 85px !important;color: #fff !important;}
.typ {font-size: 22px;line-height: 40px;font-family: "Roboto",sans-serif;
    font-weight: 500;letter-spacing: 1px;color: #fff;text-align: center;}
.va{padding: 10px 20px;font-size: 18px;border: 1px solid #f75a40;
    text-align: center;text-transform: uppercase;background: #f75a40;color: #fff;}
.va-div{text-align: center;margin-top: 25px;}



@media(min-width: 240px) and (max-width: 1199px){
    .spgrp:after { margin-left: -480px;}
}

@media (min-width: 851px) and (max-width: 1024px){
    .menu-top .menu-top-item, .menu-sub .menu-sub-item {
    font-size: 14px;margin: 0 8px;}
    .gaqbtn {top: 23px;right: 15px;font-size: 17px;}
    .phone-header-display {display: block;height: 88px;line-height: 88px;/*left: 60px;*/}
    .phone-header {top: 30px;/*left: 20px;*/}
    a.logo-top {width: 160px;}
    .phone-header-display a {font-size: 15px;}
    .center-height-trf {top: 10%!important;}
    .hm-intro-slogan {height: 220px;}
    .hm0-house {top: 0;}
    .hm1-house {top: 250px;}
    .hm2-digits {top: 15%;left: 18%;}
    .shubh-text-p {font-size: 15px;width: 390px;}
    .hm4-text-small {top: 4%;}
    .about-buy-controls {bottom: 66% !important;}
    .input-group {margin: 0px 0px;}
    .footer-group {padding: 32px 40px;}   
    body.en .hm-intro-slogan {font-size: 40px!important;}

    }

    @media (min-width: 1050px) and (max-width: 1100px){
        a.logo-top {margin: 0 100px 0 25px;}
    }

    @media (min-width: 1101px) and (max-width: 1250px){
        a.logo-top {margin: 0 150px 0 25px;}
    }

@media (min-width: 1050px) and (max-width: 1300px){
    .menu-top .menu-top-item, .menu-sub .menu-sub-item {
    font-size: 12px;margin: 0 25px;}
    .gaqbtn {top: 26px;right: 35px;font-size: 14px;}
    .phone-header-display {display: block;}
    .phone-header-display a {font-size: 14px;}
    .hm1-slogan-container {top: 21% !important;}
    .sgh {font-size: 30px;padding: 0px 0px;}
    .hm1-slogan, .hm1-subslogan {font-size: 12px;line-height: 22px;}
    .shubh-text-p {font-size: 15px;width: 90%;line-height: 25px;
        padding: 10px 0px;margin: 0;}
    .ico-round {margin: 35px 0px;}
    .icr-title {font-size: 13px;}
    .cvd {top: 200px;}
    .tdo {top: 30% !important;}
    body.en .hm-intro-slogan {font-size: 45px;}
    .spg-text-p {transform: translateY(-60px);}
    .que {font-size: 24px;}
    .footer-group {padding: 40px 40px;}
    .ql-li {margin: 5px 0px;}
    .ad-li {font-size: 13px;padding: 8px 10px;line-height: 22px;}
    .foot-p {line-height: 24px;font-size: 13px;}
    .foo {padding: 13px 50px;}
    .ql-li a {font-size: 13px;}
    .foot-copy {font-size: 13px;}
    .form-control-text, .form-control-text:hover,
    .form-control-text:active, .form-control-text:focus {
              width: 89%;margin: 10px 20px;}
    .form-control, .form-control:hover, .form-control:active, 
    .form-control:focus {width: 40%;margin: 7px 20px;}
    .sgh::after {top: 40px;}
    .suam {font-size: 22px;margin: 0;}
    .form-contro, .form-contro-text {font-size: 13px;}
    .abut-proj-h2 {font-size: 25px;}
    .abut-proj-h3 {line-height: 33px;font-size: 20px;}
    .abut-proj-h4 {line-height: 28px;font-size: 18px;}
    .div-txt-h {font-size: 25px;}
    .div-txt-p {font-size: 13px;line-height: 22px;}
    .sectiontitle h2 {font-size: 25px;}
    .master-plan-h2 {font-size: 26px;}
    .div-text-h {font-size: 22px;}
    .div-text-p {font-size: 13px;line-height: 24px;}
    .div-text {top: -50px;}
    .slides .slide > a {font-size: 15px;}
    .slides .slide {max-height: 3.5em;padding: 1.2em;}
    .asti {font-size: 25px;}
    .content-p {font-size: 14px;}
    .tbarea {font-size: 20px;}
    .custo td, .custo th {font-size: 14px;}
    .h22h {font-size: 26px;}
    .hvvr p {font-size: 13px;}
    .gfp {font-size: 23px;}
    .accordion {font-size: 13px;}
    .panel p {font-size: 14px;}
    .loc-text p {font-size: 14px;}
    .loc-text ul li {font-size: 14px;}
    .proj-map{width: 100%;height: 429px;border: 0;}
    .bg1 {font-size: 20px;margin: 5px 0px;}
    .bg1:after {top: 25px;}
    .one-slide, .testimonial, .message {padding: 10px 14px;
    line-height: 22px;font-size: 14px;}
    .forany {font-size: 14px;}
    .form-control, .form-control:hover, 
    .form-control:active, .form-control:focus {
    font-size: 15px;}
    .form-control-text-abt, .form-control-text-abt:hover,
     .form-control-text-abt:active, .form-control-text-abt:focus {
    font-size: 15px;}
    .frm-btn {font-size: 13px;padding: 10px 60px;}
    .popo {width: 90% !important;}
    #feedback-wnd, .popup-wnd {padding: 10px 20px;width: 770px;}
    .ovrflw {line-height: 20px;font-size: 13px;height: 320px;
    margin: 0;padding: 0px 10px;}
    .popup-header {font-size: 20px;}
    .popup-wnd .popup-header {margin-bottom: 10px;margin-left: 12px;}
    .simplemodal-container{top: 20px !important;}
    .modalCloseImg {top: 13px;width: 20px;height: 20px;}
    .pt-2 {padding: 0px 0px;font-size: 20px;}
    .pt-2::after {top: 100%;}
    .submit-group {padding: 25px 0px 25px 0px;}
    .pr,.nr {font-size: 20px!important;margin-top: 6px;}
    .carousel-controls .control {width: 35px;height: 35px;}
    .single-foo ul li{font-size: 13px;}
    .single-foo ul li a{font-size: 13px;}
    .single-foo-copy{font-size: 13px;}
    .abut-h {font-size: 40px;}
    .breadcrumb-ul { top: -10px;}
    .spgrp {font-size: 25px;}
    .below-abt-p {font-size: 13px;line-height: 22px;}
    .box1h {font-size: 25px;}
    .box1p {font-size: 13px;line-height: 22px; padding: 0px 10px;
        text-align: justify;}
    .single-box {min-height: 240px;}
    .shu h2 {font-size: 45px;}
    .shu h2, .shu p {transform: translateY(50px);}
    .fibtn {font-size: 14px;}
    .modall-content input {height: 40px;margin: 10px 0px;
             font-size: 14px;padding: 0px 5px;}
    .gobtn {padding: 12px 12px;margin-top: 15px;font-size: 15px;}
    .modall-content {padding: 5px 100px;}
    #popup-container {top: 17%;}
    .h-club {font-size: 22px;}
    .text-club-p {line-height: 21px;font-size: 13px;}
    .text-club {transform: translateY(40px);}
    .help-box {padding: 5px 0px;}
    .help-box p {line-height: 30px;font-size: 16px;}
    .addr-loc-li {padding: 12px 0px;line-height: 20px;font-size: 13px;}
    .ill {padding: 9px 5px;}
    
}

@media (min-width:1366px)
{
    
.hm1-slogan, .hm1-subslogan {
    color: #333a46;
    font-size: 18px!important;
     font-family: "Roboto",sans-serif;
    text-align: center;
    line-height: 1.7;
    font-weight: 500;
    padding-bottom: 50px;
}
.shubh-text-p {
    color: #fff;font-size: 18px!important;/*width: 450px;*/
    line-height: 1.7;font-family: "Roboto", sans-serif;
    padding: 85px 0px 0px 0px;text-align: justify;
    
}
.loc-text p{font-size: 17px;font-family: "Roboto",sans-serif;margin: 0 0 15px 0;
    line-height: 26px;text-align: justify;font-weight: 500;}
    .one-slide, .testimonial, .message {
    border: none !important;
    outline: none !important;
    padding: 10px 14px;
    line-height: 28px;
    font-size: 18px!important;
    font-family: "Roboto",sans-serif;
}
.below-abt-p {color: #333a46;font-size: 18px!important;font-family: "Roboto",sans-serif;
        text-align: center;line-height: 1.7;}
        .box1p{margin: 0;line-height: 28px;font-size: 18px!important;padding: 0px 10px;
    font-family: "Roboto",sans-serif;color: #333a46;}
    .div-txt-p{margin: 10px 0px;font-size: 18px!important;line-height: 30px;
    font-family: "Roboto",sans-serif;text-align: justify;}
    .div-text-p{margin-bottom: 30px;font-size: 16px;line-height: 30px;
    font-family: "Roboto",sans-serif;color: #f8f8f8;padding: 0px 20px;}
    .addr-loc-li {
    list-style-type: none;
    padding: 10px 5px;
    line-height: 28px;
    display: table-cell;
    font-size: 16px;
    font-family: "Roboto",sans-serif;
}

}
@media (min-width:750px) and (max-width:800px) {
    .menu-top .menu-top-item,
    .menu-sub .menu-sub-item {
        font-size: 14px;
        margin: 0 5px!important;
    }
    a.logo-top {
    display: inline-block;
    vertical-align: top;
    width: 150px!important;
    height: 100%;
    margin: 0 100px 0 25px!important;
    padding: 0px 0 0px;
    text-align: center;
}



}


.frm-btn{padding: 13px 70px;background-color: transparent;border: 1px solid #d5a041;
    font-size: 16px;box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;outline: 0;font-family: "Lusitana",serif;position: relative;
    z-index: 0;display: inline-block;transition: all 0.5s ease-in-out;}

.frm-btn:hover{color: #fff;z-index: 1;}

.frm-btn:before{position: absolute;content: '';top: 0;left: 0;width: 50%;
                height: 100%;background-color: #333a46;z-index: -1;
                transition: transform 0.5s;transform: scaleX(0);
                transform-origin: left;}

.frm-btn:hover:before{transition: transform 0.5s;transform: scaleX(1);
                transform-origin: right;}


.frm-btn:after{position: absolute;content: '';top: 0;right: 0;width: 51%;
                height: 100%;background-color: #333a46;z-index: -1;
                transition: transform 0.5s;transform: scaleX(0);
                transform-origin: right;}

.frm-btn:hover:after{transition: transform 0.5s;transform: scaleX(1);
                transform-origin: left;}
.hj{background-color: transparent!important;border:none !important;
border-bottom: 1px solid #000!important;box-shadow: none;outline: none;
width: 100%;margin: 15px 0px;}


.img-shweta{text-align:center;}
.img-shweta img{width:35%;}

    @media (min-width:1381px) and (max-width:2000px){
        a.logo-top {width: 17%;margin: 0 15% 0 25px;}
        .menu-top .menu-top-item, .menu-sub .menu-top-item, .menu-top .menu-sub-item, .menu-sub .menu-sub-item {
          margin: 0 2%;}
    }
    
    @media (min-width:2001px) and (max-width:3000px){
        a.logo-top {width: 17%;margin: 0 15% 0 25px;}
        .menu-top .menu-top-item, .menu-sub .menu-top-item, .menu-top .menu-sub-item, .menu-sub .menu-sub-item {
          margin: 0 2%;}
    }