/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/*.wrap.header__wrap {
    z-index: 2 !important;
}*/

/*.slick-arrow {
    text-indent: -9999px;
}*/
/*.slick-prev:after {
    content: '←';
    color: #333;
    font-size: 30px;
}

.slick-next:before {
    content: '→';
    color:  #333;
    font-size: 30px;
}*/
/*
.news-btn_next{
    content: '←';
    color: #333;
    display: inline-block;
    right: -100px;
    position: absolute;
    top: 0
}

.slick-next {
    content: '→';
    color:  #333;
    display: inline-block;
    left: -100px;
    top: 0
}
 */
 @media only screen and (max-width: 1200px) {
    /*.footer__social {*/
    /*    max-width: none !important;*/
    /*    justify-content: center !important;*/
    /*}*/

    /*.footer__button {*/
    /*    width: 100% !important;*/
    /*}*/

    .wrap.wrap_mobile_full.shares__wrap .shares__list {
        overflow: hidden;
        height: 319px;
        /*max-height: 319px;*/
    }

    /*.shares__wrap .active {
        max-height: 4000px !important;
        min-height: 319px !important;
    }*/
}

.props_phone {
    height: 100%;

}

.card .shares__card {
    height: auto !important;

}


.wrap.wrap_mobile_full.shares__wrap .shares__list {
	overflow: hidden;
	height: 465px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.props_phone {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.btn-apple {
    width: 151px;
}

.btn-google {
    width: 151px;

}


#smartbanner.ios {
    border-color: #212228;
    background: #3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7");
    border-top: 5px solid #88B131;
    box-shadow: none
}

#smartbanner.ios .sb-close {
    border: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #b1b1b3;
    background: #1c1e21;
    text-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3)
}

#smartbanner.ios .sb-close:active {
    color: #eee
}

#smartbanner.ios .sb-info {
    color: #ccc;
    text-shadow: 0 1px 2px #000
}

#smartbanner.ios .sb-info {
     color: #fff
}

#smartbanner.ios .sb-info strong {
    color: #fff;
}

#smartbanner.ios .sb-button {
    min-width: 12%;
    border: 1px solid #DDDCDC;
    padding: 1px;
    color: #d1d1d1;
    background: none;
    border-radius: 0;
    box-shadow: none;
    min-height: 28px
}
#smartbanner.ios .sb-button span {
    text-align: center;
    display: block;
    padding: 0 10px;
    background-color: #42B6C9;
    background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB);
    text-transform: none;
    text-shadow: none;
    box-shadow: none
}
#smartbanner.ios .sb-button span {
    text-align: center;
    display: block;
    padding: 0 10px;
    background-color: #42B6C9;
    background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB);
    text-transform: none;
    text-shadow: none;
    box-shadow: none
}

#smartbanner.ios .sb-button:active,
#smartbanner.ios .sb-button:hover {
    background: none
}

#smartbanner.ios .sb-button:active span,
#smartbanner.ios .sb-button:hover span {
    background: #2AC7E1
}

@media only screen and (max-width: 1200px) {
    .footer__social {
        max-width: none !important;
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {
    .footer__social {
        max-width: none !important;
        justify-content: center;
    }
}

.shares .card__blur {
    display: flex !important;
    justify-content: flex-end;
    position: relative;
    z-index: 100;
    height: 50px;
    width: 100%;

}

.shares {
    padding-bottom: 20px;
}

@media (max-width: 768px) {

    .shares .card__btn.js-btn-more {
        display: none !important;
    }

}

.how-to-buy-c .calc__block_v2 {
    padding-bottom: 0px !important;
}

.how-to-buy-c {
    max-height: 1000px;
    min-height: 676px;
}

.shares .card__btn:hover {
    color: #343434;


}

.shares .card__btn:before {
    content: '';
    width: 40px;
    height: 1px;
    background-color: #41AA37;
    display: block;
    transition: all .5s ease;

}

.shares .card__btn:hover:before {
    width: 77%;
    background-color: #343434;
    position: relative;
    top: 30px;
}

.shares .card__btn:before {
    position: relative;
    top: 30px;

}

.wrap {
    position: relative;
   /* z-index: 1;*/

}

.shares .card__btn:hover:after {
    border-right: 1px solid #343434;
    border-bottom: 1px solid #343434;

}

.shares .card__btn {
    margin-top: 60px;
    margin-bottom: 0px;
    outline: none;
    background-color: transparent;
    border: none;
    padding: 0 15px 0 0px;
    font: 500 10px/1 'Northern', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    display: inline-block;
    text-align: left;
    height: 27px;
    position: relative;
    z-index: 2;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 0.9px;
    margin-left: auto;
    color: #41AA37;
    z-index: 2;
    width: 250px;
    position: absolute;
    top: 50%;
    transform: translateY(38%);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 30px;
    background: #fff;
    transition: .2s all ease;


}
#about-good__block-desc_chars4 + .card__blur.wow.fadeInLeft > .card__btn.js-btn-more {
    width: 233px;
}
#about-good__block-desc_chars4 + .card__blur.wow.fadeInLeft > .card__btn.js-btn-more.trigger {
    width: auto;
}

.shares .trigger.card__btn:after {
    top: 12px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.shares .trigger.card__btn:hover:before {
    width: 100% !important;
}

.shares .card__btn.trigger {
    width: auto;
    padding-right: 45px !important;
}

.shares .card__btn:after {
    content: '';
    position: absolute;
    top: 9px;
    right: 18px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #41AA37;
    border-bottom: 1px solid #41AA37;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.shares .card__blur.card__blur_show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    left: 0 !important;
    transform: translate(0, 0) !important;
    width: 100%;
    height: 50px;

}

.calc__fieldset--left .filters__section.checkbox-section {
    display: none;

}

/*.shares__wrap .active {
    max-height: 4000px !important;
    min-height: 465px !important;
}*/


.nav-center li a:hover {
    color: #41AA37;

}

.nav-center li a:hover:after {
    webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.nav-center li a {
    position: relative;
}

.nav-center li a:after {
    background-color: #41AA37;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -3px;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.nav-center {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 612px;
}

.menu-footer-2 {
    margin-top: 20px;
}

.footer__nav .nav-link {
    pointer-events: none !important;

}

.left-nav {
    flex-grow: .6;

}

.left-nav a {
    font: 700 12px/1 'Northern', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 1px;
    color: #363636;
    transition: all ease .5s;
    pointer-events: none;
}

img,
legend {
    border: 0
}

legend,
td,
th {
    padding: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

/*button,*/
/*input,*/
/*optgroup,*/
/*select,*/
/*textarea {*/
/*    color: inherit;*/
/*    font: inherit;*/
/*    margin: 0*/
/*}*/

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

dir,
h1,
menu,
ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: inline-block
}

/*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: top .3s, right .3s, bottom .3s, left .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base,
.noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

.noUi-connect {
    background: #3FB8AF;
    border-radius: 4px;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
    transition: background 450ms
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    from,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    from,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

@keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-45px, 0, 0);
        transform: translate3d(-45px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-45px, 0, 0);
        transform: translate3d(-45px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(45px, 0, 0);
        transform: translate3d(45px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(45px, 0, 0);
        transform: translate3d(45px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 45px, 0);
        transform: translate3d(0, 45px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 45px, 0);
        transform: translate3d(0, 45px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 45px, 0);
        transform: translate3d(0, 45px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 45px, 0);
        transform: translate3d(0, 45px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

/*!
 * fullPage 2.9.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
.fp-enabled body,
html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

.fp-section {
    position: relative;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: hidden;
    position: relative
}

.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0 !important
}

.fp-notransition {
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0)
}

#fp-nav.right {
    right: 17px
}

#fp-nav.left {
    left: 17px
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important
}

.fp-slidesNav.bottom {
    bottom: 17px
}

.fp-slidesNav.top {
    top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}

.fp-slidesNav ul li {
    display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    transition: all .1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
    height: auto !important
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto !important
}

body.fancybox-active {
    overflow: hidden
}

body.fancybox-iosfix {
    position: fixed;
    left: 0;
    right: 0
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99992;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.87;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s
}

.fancybox-infobar {
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 0 10px;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    color: #ccc;
    text-align: center;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: exclusion
}

.fancybox-toolbar {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translate3d(0, 0, 0)
}

.fancybox-is-closing .fancybox-stage {
    overflow: visible
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block
}

.fancybox-slide--image {
    overflow: visible
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
    background: #000
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #E5E3DF
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide>* {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0 44px;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide>title,
.fancybox-slide>style,
.fancybox-slide>meta,
.fancybox-slide>link,
.fancybox-slide>script,
.fancybox-slide>base {
    display: none
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff
}

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.fancybox-error {
    margin: 0;
    padding: 40px;
    width: 100%;
    max-width: 380px;
    background: #fff;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 16px;
    line-height: 20px
}

.fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, 0.6);
    transition: color .3s ease;
    cursor: pointer;
    outline: none
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc
}

.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff
}

.fancybox-button[disabled] {
    color: #ccc;
    cursor: default;
    opacity: 0.6
}

.fancybox-button svg {
    display: block;
    position: relative;
    overflow: visible;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: currentColor;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--pause svg path:nth-child(1) {
    display: none
}

.fancybox-button--zoom svg path {
    fill: transparent
}

.fancybox-navigation {
    display: none
}

.fancybox-show-nav .fancybox-navigation {
    display: block
}

.fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0 0;
    z-index: 99997;
    background: transparent;
    width: 60px;
    height: 100px;
    padding: 17px
}

.fancybox-navigation button:before {
    content: "";
    position: absolute;
    top: 30px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: rgba(30, 30, 30, 0.6)
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: '×';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background-color: transparent;
    transition: background-color .25s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus {
    outline: none
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
    top: 0;
    right: -44px
}

.fancybox-slide--image .fancybox-close-small:after,
.fancybox-slide--iframe .fancybox-close-small:after {
    font-size: 35px;
    color: #aaa
}

.fancybox-slide--image .fancybox-close-small:hover:after,
.fancybox-slide--iframe .fancybox-close-small:hover:after {
    color: #fff;
    background: transparent
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2vw 0 2vw;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
    pointer-events: all;
    position: relative
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-slide>.fancybox-loading {
    border: 6px solid rgba(100, 100, 100, 0.4);
    border-top: 6px solid rgba(255, 255, 255, 0.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: fancybox-rotate .8s infinite linear;
    animation: fancybox-rotate .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.fancybox-share {
    padding: 30px;
    border-radius: 3px;
    background: #f4f4f4;
    max-width: 90%
}

.fancybox-share h1 {
    color: #222;
    margin: 0 0 20px 0;
    font-size: 33px;
    font-weight: 700;
    text-align: center
}

.fancybox-share p {
    margin: 0;
    padding: 0;
    text-align: center
}

.fancybox-share p:first-of-type {
    margin-right: -10px
}

.fancybox-share_button {
    display: inline-block;
    text-decoration: none;
    margin: 0 10px 10px 0;
    padding: 10px 20px;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
    background: #fff;
    white-space: nowrap;
    font-size: 16px;
    line-height: 23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 140px;
    color: #707070;
    transition: all .2s
}

.fancybox-share_button:focus,
.fancybox-share_button:hover {
    text-decoration: none;
    color: #333;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3)
}

.fancybox-share_button svg {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom
}

.fancybox-share input {
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 10px 15px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    background: #ebebeb;
    color: #5d5b5b;
    font-size: 14px;
    outline: none
}

.fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px 2px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-y: hidden;
    overflow-x: auto
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    white-space: nowrap
}

.fancybox-thumbs-x>ul {
    overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 2px;
    width: 100px;
    height: 75px;
    max-width: calc(50% - 4px);
    max-height: calc(100% - 8px);
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box
}

li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1)
}

.fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs>ul>li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1
}

#smartbanner {
    position: absolute;
    left: 0;
    top: -82px;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    height: 78px;
    font-family: 'Helvetica Neue', sans-serif;
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none
}

#smartbanner,
html.sb-animation {
    -webkit-transition: all .3s ease
}

#smartbanner .sb-container {
    margin: 0 auto
}

#smartbanner .sb-close {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
    font-family: 'ArialRoundedMTBold', Arial;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: #070707;
    text-decoration: none;
    text-shadow: none;
    border-radius: 14px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    -webkit-font-smoothing: subpixel-antialiased
}

#smartbanner .sb-close:active {
    font-size: 13px;
    color: #aaa
}

#smartbanner .sb-icon {
    position: absolute;
    left: 30px;
    top: 10px;
    display: block;
    width: 57px;
    height: 57px;
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}

#smartbanner.no-icon .sb-icon {
    display: none
}

#smartbanner .sb-info {
    position: absolute;
    left: 98px;
    top: 18px;
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: bold;
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8)
}

#smartbanner #smartbanner.no-icon .sb-info {
    left: 34px
}

#smartbanner .sb-info strong {
    display: block;
    font-size: 13px;
    color: #4d4d4d;
    line-height: 18px
}

#smartbanner .sb-info>span {
    display: block
}

#smartbanner .sb-info em {
    font-style: normal;
    text-transform: uppercase
}

#smartbanner .sb-button {
    position: absolute;
    right: 20px;
    top: 24px;
    border: 1px solid #bfbfbf;
    padding: 0 10px;
    min-width: 10%;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    color: #6a6a6a;
    background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset
}

#smartbanner .sb-button:active,
#smartbanner .sb-button:hover {
    background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%)
}

#smartbanner .sb-icon.gloss:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
    border-radius: 10px 10px 12px 12px
}

#smartbanner.android {
    border-color: #212228;
    background: #3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7");
    border-top: 5px solid #88B131;
    box-shadow: none
}

#smartbanner.android .sb-close {
    border: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #b1b1b3;
    background: #1c1e21;
    text-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3)
}

#smartbanner.android .sb-close:active {
    color: #eee
}

#smartbanner.android .sb-info {
    color: #ccc;
    text-shadow: 0 1px 2px #000
}

#smartbanner.android .sb-info strong {
    color: #fff
}

#smartbanner.android .sb-button {
    min-width: 12%;
    border: 1px solid #DDDCDC;
    padding: 1px;
    color: #d1d1d1;
    background: none;
    border-radius: 0;
    box-shadow: none;
    min-height: 28px
}

#smartbanner.android .sb-button span {
    text-align: center;
    display: block;
    padding: 0 10px;
    background-color: #42B6C9;
    background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB);
    text-transform: none;
    text-shadow: none;
    box-shadow: none
}

#smartbanner.android .sb-button:active,
#smartbanner.android .sb-button:hover {
    background: none
}

#smartbanner.android .sb-button:active span,
#smartbanner.android .sb-button:hover span {
    background: #2AC7E1
}

#smartbanner.windows .sb-icon {
    border-radius: 0px
}

@font-face {
    font-family: 'Northern';
    src: url("../fonts/TheNorthernBlockLtd/TheNorthernBlockLtd-Stolzl-Book.woff") format("woff"), url("../fonts/TheNorthernBlockLtd/TheNorthernBlockLtd-Stolzl-Book.woff2") format("woff2"), url("../fonts/TheNorthernBlockLtd/TheNorthernBlockLtd-Stolzl-Book.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Northern';
    src: url("../fonts/TheNorthernBlockLtd/TheNorthernBlockLtd-Stolzl-Bold.woff") format("woff"), url("../fonts/TheNorthernBlockLtd/TheNorthernBlockLtd-Stolzl-Bold.woff2") format("woff2"), url("../fonts/TheNorthernBlockLtd/TheNorthernBlockLtd-Stolzl-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Northern';
    src: url("../fonts/TheNorthernBlockLtd/TheNorthernBlockLtd-Stolzl-Medium.woff") format("woff"), url("../fonts/TheNorthernBlockLtd/TheNorthernBlockLtd-Stolzl-Medium.woff2") format("woff2"), url("../fonts/TheNorthernBlockLtd/TheNorthernBlockLtd-Stolzl-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Socicon';
    src: url("../fonts/socicon/Socicon.eot");
    src: url("../fonts/socicon/Socicon.eot#iefix") format("embedded-opentype"), url("../fonts/socicon/Socicon.woff2") format("woff2"), url("../fonts/socicon/Socicon.ttf") format("truetype"), url("../fonts/socicon/Socicon.woff") format("woff"), url("../fonts/socicon/Socicon.svg#Socicon") format("svg");
    font-weight: normal;
    font-style: normal
}

@-webkit-keyframes down-to-top {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    50% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes down-to-top {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    50% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

.down-to-top {
    -webkit-animation: down-to-top 2s infinite;
    animation: down-to-top 2s infinite
}

.icon-big-family {
    width: 0.91em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-logo_header_white {
    width: 1.12em;
    height: 1em;
    fill: #FFF;
    stroke: initial
}

.icon-logo_new {
    width: 1.12em;
    height: 1em;
    fill: #22AB6B;
    stroke: initial
}

.icon-logo_talan_short {
    width: 0.88em;
    height: 1em;
    fill: #00954A;
    stroke: initial
}

.icon-man {
    width: 0.4em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-map-object-0 {
    width: 0.77em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-map-object-1 {
    width: 1.5em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-map-object-2 {
    width: 1.03em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-map-object-3 {
    width: 1em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-map-object-4 {
    width: 1.17em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-map-object-5 {
    width: 1.07em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-map-object-6 {
    width: 1em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-map-object-7 {
    width: 0.72em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-old {
    width: 0.64em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-phone {
    width: 0.96em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-search {
    width: 1em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-vintage-logo {
    width: 0.73em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

.icon-young-family {
    width: 0.81em;
    height: 1em;
    fill: currentColor;
    stroke: initial
}

[class^="socicon-"],
[class*=" socicon-"] {
    font-family: 'Socicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    box-sizing: border-box
}

body {
    -webkit-tap-highlight-color: transparent
}

.tabs {
    opacity: 0;
    transition: opacity .2s ease-in
}

.tabs_initialized {
    opacity: 1
}

.tabs__tab {
    display: none
}

.tabs__tab_active {
    display: block
}

input {
    border-radius: 0
}

/*body {*/
/*    font: 400 14px/24px 'Northern', Arial, Helvetica, sans-serif;*/
/*    color: #6a6a6a;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    overflow-x: hidden*/
/*}*/

a {
    color: inherit;
    text-decoration: none
}

ul {
    list-style: none
}

.clearfix::after {
    content: "";
    display: table;
    clear: both
}

.download_link {
    position: relative;
    font-size: 10px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #41AA37;
    letter-spacing: .1em
}

.download_link:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 40px;
    height: 1px;
    background-color: #41AA37;
    transition: .5s
}

h1,
.h1 {
    font: 500 72px/1 'Northern', Arial, Helvetica, sans-serif
}

h2,
.h2 {
    font: 500 48px/1 'Northern', Arial, Helvetica, sans-serif
}

h3,
.h3 {
    font: 500 30px/1 'Northern', Arial, Helvetica, sans-serif
}

h4,
.h4 {
    font: 700 30px/1 'Northern', Arial, Helvetica, sans-serif
}

h5,
.h5 {
    font: 500 20px/24px 'Northern', Arial, Helvetica, sans-serif
}

h6,
.h6 {
    font: 700 10px/16px 'Northern', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em
}

.text {
    font: 400 14px/24px 'Northern', Arial, Helvetica, sans-serif;
    color: #6a6a6a
}

/*p {*/
/*    font: 400 14px/24px 'Northern', Arial, Helvetica, sans-serif;*/
/*    margin: 15px 0;*/
/*    letter-spacing: 0.1px*/
/*}*/

/*p a {*/
/*    color: #41AA37;*/
/*    transition: color .5s ease*/
/*}*/

/*p a:hover {*/
/*    color: inherit*/
/*}*/

strong,
b {
    font-weight: 500
}

button {
    outline: none;
    box-sizing: border-box;
    border-radius: 0;
    cursor: pointer;
    border: none;
    background: none
}

section {
    overflow: hidden
}

.button {
    display: block;
    padding: 17px 0;
    text-align: center;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 24px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all .5s ease
}

.button__text {
    position: relative;
    z-index: 1
}

.button__blip {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all .5s ease;
    z-index: -1;
    -webkit-transform: scale(0) translateY(-50%) translateY(34px);
    -ms-transform: scale(0) translateY(-50%) translateY(34px);
    transform: scale(0) translateY(-50%) translateY(34px);
    -webkit-transform-origin: 50% 30px;
    -ms-transform-origin: 50% 30px;
    transform-origin: 50% 30px;
    width: 100%
}

.button__blip:before {
    content: "";
    display: block;
    padding-top: 100%
}

.button__bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0s linear 0s
}

.button_transparent {
    width: 263px;
    background-color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #343434
}

.button_transparent .button__bg {
    background-color: #41AA37
}

.button_transparent .button__blip_hover {
    background: #fff
}

.button_transparent .button__blip_hover {
    background: #41AA37
}

.button_transparent .button__blip_click {
    background: #41AA37
}

.button_green {
    border: 1px solid rgba(30, 155, 87, 0.6);
    color: #159751;
    background-color: transparent;
    width: 262px
}

.button_green .button__blip_hover {
    background-color: #41AA37
}

.button_green .button__blip_click {
    background: #41AA37
}

.button_green .button__bg {
    background-color: #41AA37
}

.button_white {
    width: 236px;
    background-color: #fff;
    color: #41AA37;
    padding: 18px 39px 18px 0;
    letter-spacing: 1px
}

.button_white .button__bg {
    background-color: #41AA37
}

.button_white .button__blip_hover {
    background: #41AA37
}

.button_white:after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #41AA37;
    border-right: 1px solid #41AA37;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 26px;
    right: 32px;
    transition: all .5s ease
}

.button_gk {
    width: 209px
}

@-webkit-keyframes background-white {

    0%,
    100% {
        background-color: #FFF
    }
}

@keyframes background-white {

    0%,
    100% {
        background-color: #FFF
    }
}

@-webkit-keyframes background-green {

    0%,
    100% {
        background-color: #41AA37
    }
}

@keyframes background-green {

    0%,
    100% {
        background-color: #41AA37
    }
}

.wrap {
    width: 100%;
    max-width: 1140px;
    margin: auto;
    position: relative
}

.wrap_large {
    max-width: 1280px
}

.wrap_small {
    max-width: 750px
}

.more {
    color: #41AA37;
    text-transform: uppercase;
    transition: all .5s ease;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    display: inline-block;
    letter-spacing: 0.9px
}

.more:after {
    content: '';
    width: 40px;
    height: 1px;
    background-color: #41AA37;
    display: block;
    transition: all .5s ease
}

.play {
    width: 120px;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    padding: 0;
    transition: all .5s ease;
    background: none
}

.play__blip {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all .5s ease;
    z-index: -1;
    width: 100%;
    -webkit-transform: scale(0) translateZ(1px);
    transform: scale(0) translateZ(1px);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden
}

.play__blip:before {
    content: "";
    display: block;
    padding-top: 100%
}

.play__blip_hover {
    background: #fff
}

.play__blip_click {
    background: #41AA37
}

.play:before {
    content: "";
    display: block;
    padding-top: 100%
}

.play:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 1px);
    transform: translate3d(-50%, -50%, 1px);
    margin-left: 2px;
    transition: border-color .5s ease
}

.slick-slide {
    outline: none
}

.arrow {
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 7px
}

.arrow:before {
    content: "";
    display: block;
    width: 61px;
    height: 1px;
    background-color: #343434;
    margin-top: 3px;
    transition: background-color .5s ease
}

.arrow:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-left: 1px solid #343434;
    border-top: 1px solid #343434;
    position: absolute;
    top: 1px;
    transition: border-color .5s ease
}

.arrow_left:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 0
}

.arrow_right:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 0
}

.divider {
    width: 60px;
    height: 1px;
    background-color: #343434
}

.divider_white {
    background-color: #FFF
}

.view-all {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.view-all__line {
    height: 1px;
    background: #eaeaea;
    margin-right: 30px;
    -webkit-flex-basis: 1030px;
    -ms-flex-preferred-size: 1030px;
    flex-basis: 1030px;
    -webkit-flex-shrink: 2;
    -ms-flex-negative: 2;
    flex-shrink: 2
}

.view-all_full .view-all__line {
    margin-right: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%
}

.view-all_full .view-all__more {
    display: none
}

.view-all__more {
    white-space: nowrap;
    padding: 0
}

.input {
    background: none;
    outline: none;
    border: none;
    border-radius: 0
}

.checkbox {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.checkbox__label {
    font: 400 14px/24px 'Northern', Arial, Helvetica, sans-serif;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 26px);
    padding-left: 8px;
    letter-spacing: .2px
}

.checkbox__label a {
    transition: opacity .3s ease;
    border-bottom: 1px solid #6a6a6a
}

.checkbox__label a:hover {
    opacity: .7
}

.checkbox__mask {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-top: 3px;
    position: relative;
    transition: border-color .5s ease
}

.checkbox__mask:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 8px;
    height: 3px;
    border-bottom: 1px solid currentColor;
    border-left: 1px solid currentColor
}

.checkbox__checkbox {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.checkbox__checkbox:not(:checked)+.checkbox__mask {
    color: transparent
}

.checkbox__checkbox:checked+.checkbox__mask {
    background: #fff
}

.form__label {
    font: 400 14px/24px 'Northern', Arial, Helvetica, sans-serif;
    color: #fff;
    position: absolute;
    top: 8px;
    left: 0px;
    padding: 0 9px;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: all .5s ease;
    letter-spacing: .2px
}

.form__input {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #fff;
    font: 400 14px/24px 'Northern', Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 0 9px;
    position: relative;
    z-index: 1;
    transition: all .5s ease
}

.form__input::-webkit-input-placeholder {
    color: #fff
}

.form__input::-moz-placeholder {
    color: #fff
}

.form__input:-ms-input-placeholder {
    color: #fff
}

.form__input:-moz-placeholder {
    color: #fff
}

.form__input:focus {
    border-color: #343434
}

.form__input:focus+.form__label {
    -webkit-transform: scale(0.7) translate3d(5px, -22px, 1px);
    transform: scale(0.7) translate3d(5px, -22px, 1px)
}

.form__button {
    width: 150px;
    background: #fff;
    color: #41AA37;
    margin-top: -6px
}

.form__button .button__blip_hover {
    background: #41AA37
}

.form__button .button__blip_click {
    background: #fff
}

.form__field {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative
}

.form__field_has_content .form__label {
    -webkit-transform: scale(0.7) translate3d(5px, -22px, 1px);
    transform: scale(0.7) translate3d(5px, -22px, 1px)
}

.form__field_has_content .form__input {
    border-color: #fff
}

.form__field_has_content .form__input:focus {
    border-color: #343434
}

.form__row {
    font-size: 0;
    width: 100%;
    display: block;
    margin-bottom: 26px
}

.form__row_split_2 .form__field {
    width: 50%
}

.form__row_split_2 .form__field:nth-of-type(1) {
    width: calc(50% - 15px);
    margin-right: 15px
}

.form__row_split_2 .form__field:nth-of-type(2) {
    width: calc(50% - 15px);
    margin-left: 15px
}

.circle-progress__outer {
    width: 165px;
    height: 165px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.circle-progress__label {
    display: inline-block;
    vertical-align: top;
    font: 500 14px/1.8 'Northern', Arial, Helvetica, sans-serif;
    color: #f9b851;
    margin-top: 51px;
    letter-spacing: .1px;
    padding-left: 16px;
    max-width: calc(100% - 170px)
}

.circle-progress__progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0
}

.circle-progress__progress_10 {
    background-image: url(../img/progress/10.png)
}

.circle-progress__progress_20 {
    background-image: url(../img/progress/20.png)
}

.circle-progress__progress_30 {
    background-image: url(../img/progress/30.png)
}

.circle-progress__progress_40 {
    background-image: url(../img/progress/40.png)
}

.circle-progress__progress_50 {
    background-image: url(../img/progress/50.png)
}

.circle-progress__progress_60 {
    background-image: url(../img/progress/60.png)
}

.circle-progress__progress_70 {
    background-image: url(../img/progress/70.png)
}

.circle-progress__progress_80 {
    background-image: url(../img/progress/80.png)
}

.circle-progress__progress_90 {
    background-image: url(../img/progress/90.png)
}

.circle-progress__progress_100 {
    background-image: url(../img/progress/100.png)
}

.circle-progress__progress_active {
    opacity: 1
}

.circle-progress__value {
    font: 500 48px/1 'Northern', Arial, Helvetica, sans-serif;
    color: #f9b851;
    margin-top: 50px;
    padding-left: 9px
}

.circle-progress__percent {
    font: 500 30px/1 'Northern', Arial, Helvetica, sans-serif;
    color: #f9b851;
    margin-top: -3px;
    padding-left: 6px
}

.custom-select {
    position: relative;
    z-index: 2
}

.custom-select__outer {
    position: relative;
    z-index: 3
}

.custom-select__head {
    width: 100%;
    background: none;
    box-sizing: border-box;
    padding: 19px 9px;
    outline: none;
    transition: border-color .5s ease;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    font: 500 10px 'Northern', Arial, Helvetica, sans-serif;
    border: none;
    border-bottom: 1px solid #fff;
    height: 45px;
    text-align: left;
    z-index: 1
}

.custom-select__head:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    position: absolute;
    top: 21px;
    right: 10px
}

.custom-select__body {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 15px 15px;
    display: none;
    z-index: 5;
    -webkit-transform: translate3d(0, 0, 0)
}

.custom-select__value {
    color: #fff;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    box-sizing: border-box
}

.custom-select__item {
    display: block;
    color: #343434;
    text-transform: uppercase;
    margin-bottom: 10px;
    transition: color .5s ease;
    width: 100%;
    text-align: left;
    font: 500 10px 'Northern', Arial, Helvetica, sans-serif
}

.custom-select__item:last-of-type {
    margin-bottom: 0
}

.custom-select__item:hover {
    color: #22a662
}

.custom-select select {
    display: none
}

.custom-select_accomplishment {
    display: none
}

.socicon-gitlab:before {
    content: "\e945"
}

.socicon-instructables:before {
    content: "\e944"
}

.socicon-portfolio:before {
    content: "\e943"
}

.socicon-codered:before {
    content: "\e940"
}

.socicon-origin:before {
    content: "\e941"
}

.socicon-nextdoor:before {
    content: "\e942"
}

.socicon-udemy:before {
    content: "\e93f"
}

.socicon-livemaster:before {
    content: "\e93e"
}

.socicon-crunchbase:before {
    content: "\e93b"
}

.socicon-homefy:before {
    content: "\e93c"
}

.socicon-calendly:before {
    content: "\e93d"
}

.socicon-realtor:before {
    content: "\e90f"
}

.socicon-tidal:before {
    content: "\e910"
}

.socicon-qobuz:before {
    content: "\e911"
}

.socicon-natgeo:before {
    content: "\e912"
}

.socicon-mastodon:before {
    content: "\e913"
}

.socicon-unsplash:before {
    content: "\e914"
}

.socicon-homeadvisor:before {
    content: "\e915"
}

.socicon-angieslist:before {
    content: "\e916"
}

.socicon-codepen:before {
    content: "\e917"
}

.socicon-slack:before {
    content: "\e918"
}

.socicon-openaigym:before {
    content: "\e919"
}

.socicon-logmein:before {
    content: "\e91a"
}

.socicon-fiverr:before {
    content: "\e91b"
}

.socicon-gotomeeting:before {
    content: "\e91c"
}

.socicon-aliexpress:before {
    content: "\e91d"
}

.socicon-guru:before {
    content: "\e91e"
}

.socicon-appstore:before {
    content: "\e91f"
}

.socicon-homes:before {
    content: "\e920"
}

.socicon-zoom:before {
    content: "\e921"
}

.socicon-alibaba:before {
    content: "\e922"
}

.socicon-craigslist:before {
    content: "\e923"
}

.socicon-wix:before {
    content: "\e924"
}

.socicon-redfin:before {
    content: "\e925"
}

.socicon-googlecalendar:before {
    content: "\e926"
}

.socicon-shopify:before {
    content: "\e927"
}

.socicon-freelancer:before {
    content: "\e928"
}

.socicon-seedrs:before {
    content: "\e929"
}

.socicon-bing:before {
    content: "\e92a"
}

.socicon-doodle:before {
    content: "\e92b"
}

.socicon-bonanza:before {
    content: "\e92c"
}

.socicon-squarespace:before {
    content: "\e92d"
}

.socicon-toptal:before {
    content: "\e92e"
}

.socicon-gust:before {
    content: "\e92f"
}

.socicon-ask:before {
    content: "\e930"
}

.socicon-trulia:before {
    content: "\e931"
}

.socicon-loomly:before {
    content: "\e932"
}

.socicon-ghost:before {
    content: "\e933"
}

.socicon-upwork:before {
    content: "\e934"
}

.socicon-fundable:before {
    content: "\e935"
}

.socicon-booking:before {
    content: "\e936"
}

.socicon-googlemaps:before {
    content: "\e937"
}

.socicon-zillow:before {
    content: "\e938"
}

.socicon-niconico:before {
    content: "\e939"
}

.socicon-toneden:before {
    content: "\e93a"
}

.socicon-augment:before {
    content: "\e908"
}

.socicon-bitbucket:before {
    content: "\e909"
}

.socicon-fyuse:before {
    content: "\e90a"
}

.socicon-yt-gaming:before {
    content: "\e90b"
}

.socicon-sketchfab:before {
    content: "\e90c"
}

.socicon-mobcrush:before {
    content: "\e90d"
}

.socicon-microsoft:before {
    content: "\e90e"
}

.socicon-pandora:before {
    content: "\e907"
}

.socicon-messenger:before {
    content: "\e906"
}

.socicon-gamewisp:before {
    content: "\e905"
}

.socicon-bloglovin:before {
    content: "\e904"
}

.socicon-tunein:before {
    content: "\e903"
}

.socicon-gamejolt:before {
    content: "\e901"
}

.socicon-trello:before {
    content: "\e902"
}

.socicon-spreadshirt:before {
    content: "\e900"
}

.socicon-500px:before {
    content: "\e000"
}

.socicon-8tracks:before {
    content: "\e001"
}

.socicon-airbnb:before {
    content: "\e002"
}

.socicon-alliance:before {
    content: "\e003"
}

.socicon-amazon:before {
    content: "\e004"
}

.socicon-amplement:before {
    content: "\e005"
}

.socicon-android:before {
    content: "\e006"
}

.socicon-angellist:before {
    content: "\e007"
}

.socicon-apple:before {
    content: "\e008"
}

.socicon-appnet:before {
    content: "\e009"
}

.socicon-baidu:before {
    content: "\e00a"
}

.socicon-bandcamp:before {
    content: "\e00b"
}

.socicon-battlenet:before {
    content: "\e00c"
}

.socicon-mixer:before {
    content: "\e00d"
}

.socicon-bebee:before {
    content: "\e00e"
}

.socicon-bebo:before {
    content: "\e00f"
}

.socicon-behance:before {
    content: "\e010"
}

.socicon-blizzard:before {
    content: "\e011"
}

.socicon-blogger:before {
    content: "\e012"
}

.socicon-buffer:before {
    content: "\e013"
}

.socicon-chrome:before {
    content: "\e014"
}

.socicon-coderwall:before {
    content: "\e015"
}

.socicon-curse:before {
    content: "\e016"
}

.socicon-dailymotion:before {
    content: "\e017"
}

.socicon-deezer:before {
    content: "\e018"
}

.socicon-delicious:before {
    content: "\e019"
}

.socicon-deviantart:before {
    content: "\e01a"
}

.socicon-diablo:before {
    content: "\e01b"
}

.socicon-digg:before {
    content: "\e01c"
}

.socicon-discord:before {
    content: "\e01d"
}

.socicon-disqus:before {
    content: "\e01e"
}

.socicon-douban:before {
    content: "\e01f"
}

.socicon-draugiem:before {
    content: "\e020"
}

.socicon-dribbble:before {
    content: "\e021"
}

.socicon-drupal:before {
    content: "\e022"
}

.socicon-ebay:before {
    content: "\e023"
}

.socicon-ello:before {
    content: "\e024"
}

.socicon-endomodo:before {
    content: "\e025"
}

.socicon-envato:before {
    content: "\e026"
}

.socicon-etsy:before {
    content: "\e027"
}

.socicon-facebook:before {
    content: "\e028"
}

.socicon-feedburner:before {
    content: "\e029"
}

.socicon-filmweb:before {
    content: "\e02a"
}

.socicon-firefox:before {
    content: "\e02b"
}

.socicon-flattr:before {
    content: "\e02c"
}

.socicon-flickr:before {
    content: "\e02d"
}

.socicon-formulr:before {
    content: "\e02e"
}

.socicon-forrst:before {
    content: "\e02f"
}

.socicon-foursquare:before {
    content: "\e030"
}

.socicon-friendfeed:before {
    content: "\e031"
}

.socicon-github:before {
    content: "\e032"
}

.socicon-goodreads:before {
    content: "\e033"
}

.socicon-google:before {
    content: "\e034"
}

.socicon-googlescholar:before {
    content: "\e035"
}

.socicon-googlegroups:before {
    content: "\e036"
}

.socicon-googlephotos:before {
    content: "\e037"
}

.socicon-googleplus:before {
    content: "\e038"
}

.socicon-grooveshark:before {
    content: "\e039"
}

.socicon-hackerrank:before {
    content: "\e03a"
}

.socicon-hearthstone:before {
    content: "\e03b"
}

.socicon-hellocoton:before {
    content: "\e03c"
}

.socicon-heroes:before {
    content: "\e03d"
}

.socicon-smashcast:before {
    content: "\e03e"
}

.socicon-horde:before {
    content: "\e03f"
}

.socicon-houzz:before {
    content: "\e040"
}

.socicon-icq:before {
    content: "\e041"
}

.socicon-identica:before {
    content: "\e042"
}

.socicon-imdb:before {
    content: "\e043"
}

.socicon-instagram:before {
    content: "\e044"
}

.socicon-issuu:before {
    content: "\e045"
}

.socicon-istock:before {
    content: "\e046"
}

.socicon-itunes:before {
    content: "\e047"
}

.socicon-keybase:before {
    content: "\e048"
}

.socicon-lanyrd:before {
    content: "\e049"
}

.socicon-lastfm:before {
    content: "\e04a"
}

.socicon-line:before {
    content: "\e04b"
}

.socicon-linkedin:before {
    content: "\e04c"
}

.socicon-livejournal:before {
    content: "\e04d"
}

.socicon-lyft:before {
    content: "\e04e"
}

.socicon-macos:before {
    content: "\e04f"
}

.socicon-mail:before {
    content: "\e050"
}

.socicon-medium:before {
    content: "\e051"
}

.socicon-meetup:before {
    content: "\e052"
}

.socicon-mixcloud:before {
    content: "\e053"
}

.socicon-modelmayhem:before {
    content: "\e054"
}

.socicon-mumble:before {
    content: "\e055"
}

.socicon-myspace:before {
    content: "\e056"
}

.socicon-newsvine:before {
    content: "\e057"
}

.socicon-nintendo:before {
    content: "\e058"
}

.socicon-npm:before {
    content: "\e059"
}

.socicon-odnoklassniki:before {
    content: "\e05a"
}

.socicon-openid:before {
    content: "\e05b"
}

.socicon-opera:before {
    content: "\e05c"
}

.socicon-outlook:before {
    content: "\e05d"
}

.socicon-overwatch:before {
    content: "\e05e"
}

.socicon-patreon:before {
    content: "\e05f"
}

.socicon-paypal:before {
    content: "\e060"
}

.socicon-periscope:before {
    content: "\e061"
}

.socicon-persona:before {
    content: "\e062"
}

.socicon-pinterest:before {
    content: "\e063"
}

.socicon-play:before {
    content: "\e064"
}

.socicon-player:before {
    content: "\e065"
}

.socicon-playstation:before {
    content: "\e066"
}

.socicon-pocket:before {
    content: "\e067"
}

.socicon-qq:before {
    content: "\e068"
}

.socicon-quora:before {
    content: "\e069"
}

.socicon-raidcall:before {
    content: "\e06a"
}

.socicon-ravelry:before {
    content: "\e06b"
}

.socicon-reddit:before {
    content: "\e06c"
}

.socicon-renren:before {
    content: "\e06d"
}

.socicon-researchgate:before {
    content: "\e06e"
}

.socicon-residentadvisor:before {
    content: "\e06f"
}

.socicon-reverbnation:before {
    content: "\e070"
}

.socicon-rss:before {
    content: "\e071"
}

.socicon-sharethis:before {
    content: "\e072"
}

.socicon-skype:before {
    content: "\e073"
}

.socicon-slideshare:before {
    content: "\e074"
}

.socicon-smugmug:before {
    content: "\e075"
}

.socicon-snapchat:before {
    content: "\e076"
}

.socicon-songkick:before {
    content: "\e077"
}

.socicon-soundcloud:before {
    content: "\e078"
}

.socicon-spotify:before {
    content: "\e079"
}

.socicon-stackexchange:before {
    content: "\e07a"
}

.socicon-stackoverflow:before {
    content: "\e07b"
}

.socicon-starcraft:before {
    content: "\e07c"
}

.socicon-stayfriends:before {
    content: "\e07d"
}

.socicon-steam:before {
    content: "\e07e"
}

.socicon-storehouse:before {
    content: "\e07f"
}

.socicon-strava:before {
    content: "\e080"
}

.socicon-streamjar:before {
    content: "\e081"
}

.socicon-stumbleupon:before {
    content: "\e082"
}

.socicon-swarm:before {
    content: "\e083"
}

.socicon-teamspeak:before {
    content: "\e084"
}

.socicon-teamviewer:before {
    content: "\e085"
}

.socicon-technorati:before {
    content: "\e086"
}

.socicon-telegram:before {
    content: "\e087"
}

.socicon-tripadvisor:before {
    content: "\e088"
}

.socicon-tripit:before {
    content: "\e089"
}

.socicon-triplej:before {
    content: "\e08a"
}

.socicon-tumblr:before {
    content: "\e08b"
}

.socicon-twitch:before {
    content: "\e08c"
}

.socicon-twitter:before {
    content: "\e08d"
}

.socicon-uber:before {
    content: "\e08e"
}

.socicon-ventrilo:before {
    content: "\e08f"
}

.socicon-viadeo:before {
    content: "\e090"
}

.socicon-viber:before {
    content: "\e091"
}

.socicon-viewbug:before {
    content: "\e092"
}

.socicon-vimeo:before {
    content: "\e093"
}

.socicon-vine:before {
    content: "\e094"
}

.socicon-vkontakte:before {
    content: "\e095"
}

.socicon-warcraft:before {
    content: "\e096"
}

.socicon-wechat:before {
    content: "\e097"
}

.socicon-weibo:before {
    content: "\e098"
}

.socicon-whatsapp:before {
    content: "\e099"
}

.socicon-wikipedia:before {
    content: "\e09a"
}

.socicon-windows:before {
    content: "\e09b"
}

.socicon-wordpress:before {
    content: "\e09c"
}

.socicon-wykop:before {
    content: "\e09d"
}

.socicon-xbox:before {
    content: "\e09e"
}

.socicon-xing:before {
    content: "\e09f"
}

.socicon-yahoo:before {
    content: "\e0a0"
}

.socicon-yammer:before {
    content: "\e0a1"
}

.socicon-yandex:before {
    content: "\e0a2"
}

.socicon-yelp:before {
    content: "\e0a3"
}

.socicon-younow:before {
    content: "\e0a4"
}

.socicon-youtube:before {
    content: "\e0a5"
}

.socicon-zapier:before {
    content: "\e0a6"
}

.socicon-zerply:before {
    content: "\e0a7"
}

.socicon-zomato:before {
    content: "\e0a8"
}

.socicon-zynga:before {
    content: "\e0a9"
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    font-size: 0;
    text-align: center;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.preloader:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.preloader__logo {
    width: 70px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    transition: opacity .3s ease
}

.preloader_done {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: opacity 1s ease .5s, -webkit-transform 0s linear 1.5s;
    transition: opacity 1s ease .5s, transform 0s linear 1.5s;
    transition: opacity 1s ease .5s, transform 0s linear 1.5s, -webkit-transform 0s linear 1.5s
}

.preloader_ajax {
    -webkit-animation: fadeIn 150ms ease-in-out;
    animation: fadeIn 150ms ease-in-out;
    background: rgba(255, 255, 255, 0.75)
}

.logo {
    display: inline-block;
    vertical-align: top;
    transition: opacity .5s ease
}

.logo__svg {
    width: 100%;
    height: 100%
}

.call {
    width: 16px;
    height: 16px;
    margin-top: 21px;
    transition: all .5s ease
}

.call__svg {
    width: 16px;
    height: 16px;
    fill: #FFFFFF;
    transition: fill .5s ease
}

.nav__link {
    font: 700 12px/1 'Northern', Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 1px;
    position: relative;
    -webkit-backface-visibility: hidden;
    transition: color .5s ease;
    margin: 0 24px
}

.nav__link:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    transition: all .5s ease;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.nav__wrap {
    max-width: 700px;
    margin: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.choose-city select {
    opacity: 0
}

.btn-menu {
    padding: 0;
    position: relative;
    z-index: 1
}

.btn-menu__element {
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin-top: 5px
}

.btn-menu__element:first-of-type {
    margin-top: 0
}

.submenu {
    padding: 14px 0
}

.submenu__item {
    font: 700 10px/1 'Northern', Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 1px;
    position: relative;
    -webkit-backface-visibility: hidden;
    transition: color .5s ease;
    margin-right: 24px
}

.submenu__item:after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -9px;
    transition: all .5s ease;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.submenu__item_active:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.bread-crumbs {
    font: 400 14px/1 'Northern', Arial, Helvetica, sans-serif;
    color: #fff
}

.bread-crumbs__link:after {
    content: "\2015";
    color: #fff;
    display: inline-block;
    margin: 0 5px 0 10px
}

.bread-crumbs__link:last-child:after {
    display: none
}

.bread-crumbs a.bread-crumbs__link {
    transition: color .3s ease
}

.bread-crumbs a.bread-crumbs__link:hover {
    color: #41AA37
}

.bread-crumbs span {
    opacity: .7
}

.bread-crumbs_grey {
    margin-top: 4px !important
}

.bread-crumbs_grey .bread-crumbs__link {
    color: #6a6a6a
}

.bread-crumbs_grey .bread-crumbs__link:after {
    color: #6a6a6a
}

/*.header {*/
/*    box-sizing: border-box;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    z-index: 12*/
/*}*/

/*.header__btn-menu {*/
/*    display: none;*/
/*    width: 30px;*/
/*    height: 21px;*/
/*    float: right;*/
/*    margin-top: 21px;*/
/*    margin-left: 26px*/
/*}*/

/*.header:before {*/
/*    content: "";*/
/*    display: table*/
/*}*/

/*.header:after {*/
/*    content: "";*/
/*    display: table;*/
/*    clear: both*/
/*}*/

/*.header__wrap:after {*/
/*    content: "";*/
/*    display: table;*/
/*    clear: both*/
/*}*/

/*.header__logo {*/
/*    width: 70px;*/
/*    height: 70px;*/
/*    margin-top: 0;*/
/*    margin-bottom: 0;*/
/*    float: left;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*    margin-bottom: 15px*/
/*}*/

/*.header__call {*/
/*    float: right;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*    margin-top: 27px;*/
/*    padding: 0*/
/*}*/

/*.header__nav {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*    margin-top: 31px;*/
/*    box-sizing: border-box*/
/*}*/

/*.header__phone {*/
/*    display: inline-block;*/
/*    vertical-align: top;*/
/*    font: 700 12px/1 'Northern', Arial, Helvetica, sans-serif;*/
/*    color: #fff;*/
/*    text-transform: uppercase;*/
/*    float: right;*/
/*    margin-top: 30px;*/
/*    margin-right: 34px;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*    letter-spacing: 1px;*/
/*    -webkit-backface-visibility: hidden*/
/*}*/

/*.header__phone:after {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    background: #fff;*/
/*    position: absolute;*/
/*    bottom: -10px;*/
/*    transition: -webkit-transform .5s ease;*/
/*    transition: transform .5s ease;*/
/*    transition: transform .5s ease, -webkit-transform .5s ease;*/
/*    -webkit-transform: scaleX(0);*/
/*    -ms-transform: scaleX(0);*/
/*    transform: scaleX(0);*/
/*    -webkit-transform-origin: 0 0;*/
/*    -ms-transform-origin: 0 0;*/
/*    transform-origin: 0 0*/
/*}*/

/*.header__phone:hover:after {*/
/*    -webkit-transform: scaleX(1);*/
/*    -ms-transform: scaleX(1);*/
/*    transform: scaleX(1)*/
/*}*/

/*.header__line {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    background: #eaeaea;*/
/*    margin: auto;*/
/*    display: none*/
/*}*/

/*.header__choose-city {*/
/*    float: left;*/
/*    margin-left: 20px;*/
/*    margin-top: 16px;*/
/*    position: relative;*/
/*    z-index: 1*/
/*}*/

/*.header__select {*/
/*    float: left;*/
/*    margin-left: 19px;*/
/*    margin-top: 23px*/
/*}*/

/*.header__submenu {*/
/*    float: left*/
/*}*/

/*.header__bread-crumbs {*/
/*    float: right;*/
/*    padding-top: 10px;*/
/*    padding-bottom: 17px*/
/*}*/

/*.header__btn {*/
/*    text-transform: uppercase;*/
/*    float: right;*/
/*    font: 700 12px/1 'Northern', Arial, Helvetica, sans-serif;*/
/*    color: #fff;*/
/*    margin-top: 14px;*/
/*    margin-bottom: 13px;*/
/*    position: relative;*/
/*    letter-spacing: 1px;*/
/*    transition: all 0.5 ease*/
/*}*/

/*.header__btn:after {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 40px;*/
/*    height: 1px;*/
/*    background: #fff;*/
/*    position: absolute;*/
/*    bottom: -9px;*/
/*    transition: all .5s ease;*/
/*    -webkit-transform: scaleX(0);*/
/*    -ms-transform: scaleX(0);*/
/*    transform: scaleX(0);*/
/*    -webkit-transform-origin: 0 0;*/
/*    -ms-transform-origin: 0 0;*/
/*    transform-origin: 0 0*/
/*}*/

/*.header__row .header__line {*/
/*    display: block;*/
/*    background: rgba(255, 255, 255, 0.4)*/
/*}*/

/*.header__row:after {*/
/*    content: "";*/
/*    display: table;*/
/*    clear: both*/
/*}*/

/*.header__row_article {*/
/*    margin-top: 76px*/
/*}*/

/*!*.header__row_apartment {*!*/
/*!*    margin-top: 113px*!*/
/*!*}*!*/

/*.header .popup {*/
/*    position: absolute;*/
/*    top: 70px;*/
/*    left: 95px;*/
/*    z-index: 100;*/
/*    background-color: transparent;*/
/*    padding: 0;*/
/*    width: auto*/
/*}*/

/*.header .popup__inner {*/
/*    background-color: #FFF;*/
/*    width: 333px;*/
/*    border-radius: 28px;*/
/*    padding: 25px 15px 30px 30px*/
/*}*/

/*.header .popup__question {*/
/*    font-size: 14px;*/
/*    line-height: 24px;*/
/*    text-transform: none;*/
/*    letter-spacing: 0.1px;*/
/*    margin-bottom: 4px*/
/*}*/

/*.header .popup__overlay {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 0;*/
/*    background-color: transparent*/
/*}*/

/*.header .popup .view-all {*/
/*    display: inline-block;*/
/*    vertical-align: top*/
/*}*/

/*.header .popup .view-all__more {*/
/*    letter-spacing: 2px*/
/*}*/

/*.header .popup .view-all:first-child {*/
/*    margin-right: 22px*/
/*}*/

/*.header .popup:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: -4px;*/
/*    left: 37px;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background-color: #FFF;*/
/*    -webkit-transform: rotate(45deg);*/
/*    -ms-transform: rotate(45deg);*/
/*    transform: rotate(45deg)*/
/*}*/

/*.header_black {*/
/*    height: auto;*/
/*    background: #fff;*/
/*    top: 0;*/
/*    -webkit-transform: translate3d(0, -100%, 1px) translateY(-1px);*/
/*    transform: translate3d(0, -100%, 1px) translateY(-1px);*/
/*    transition: opacity 0s linear .5s, -webkit-transform .5s ease;*/
/*    transition: transform .5s ease, opacity 0s linear .5s;*/
/*    transition: transform .5s ease, opacity 0s linear .5s, -webkit-transform .5s ease;*/
/*    opacity: 0*/
/*}*/

/*.header_black .header__btn-menu .btn-menu__element {*/
/*    background: #41AA37*/
/*}*/

/*.header_black .header__row .header__line {*/
/*    display: block;*/
/*    background: #eaeaea*/
/*}*/

/*.header_black .header__btn {*/
/*    color: #41AA37;*/
/*    transition: all 0.5s ease;*/
/*    padding-left: 10px*/
/*}*/

/*.header_black .header__btn:hover {*/
/*    color: #363636*/
/*}*/

/*.header_black .header__submenu {*/
/*    margin-bottom: -3px;*/
/*    padding: 14px 0 0*/
/*}*/

/*.header_black .header__submenu .submenu__item {*/
/*    color: #343434*/
/*}*/

/*.header_black .header__submenu .submenu__item:after {*/
/*    display: none;*/
/*    background: #343434*/
/*}*/

/*.header_black .header__submenu .submenu__item_active {*/
/*    color: #41AA37*/
/*}*/

/*.header_black .header__nav {*/
/*    padding-left: 0*/
/*}*/

/*.header_black .header__nav .nav__link {*/
/*    color: #363636*/
/*}*/

/*.header_black .header__nav .nav__link:after {*/
/*    background: #363636*/
/*}*/

/*.header_black .header__nav .nav__link:hover {*/
/*    color: #41AA37*/
/*}*/

/*.header_black .header__nav .nav__link:hover:after {*/
/*    background: #41AA37*/
/*}*/

/*.header_black .header__choose-city .select2-container--default .select2-selection--single .select2-selection__rendered {*/
/*    color: #41AA37*/
/*}*/

/*.header_black .header__choose-city .select2-container--default .select2-selection--single .select2-selection__rendered:after {*/
/*    border-color: #41AA37*/
/*}*/

/*.header_black .header__phone {*/
/*    color: #363636;*/
/*    letter-spacing: .5px;*/
/*    margin-right: 41px*/
/*}*/

/*.header_black .header__phone:after {*/
/*    background: #363636*/
/*}*/

/*.header_black .header__call {*/
/*    border: none;*/
/*    background: none;*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    padding: 0;*/
/*    margin-top: 27px*/
/*}*/

/*.header_black .header__call .call__svg {*/
/*    fill: #41AA37;*/
/*    margin: 0*/
/*}*/

/*.header_black .header__call .call__svg:hover {*/
/*    fill: #363636*/
/*}*/

/*.header_black .header__logo {*/
/*    width: 70px;*/
/*    height: 70px;*/
/*    margin-top: 0;*/
/*    margin-bottom: 0*/
/*}*/

/*.header_black .header__wrap {*/
/*    max-width: 1140px;*/
/*    height: 100%*/
/*}*/

/*.header_black .header__line {*/
/*    display: block*/
/*}*/

/*.header_fixed {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    -webkit-transform: translate3d(0, 0, 0) translateY(-1px);*/
/*    transform: translate3d(0, 0, 0) translateY(-1px);*/
/*    opacity: 1;*/
/*    transition: opacity 0s ease 0s, -webkit-transform .5s ease;*/
/*    transition: transform .5s ease, opacity 0s ease 0s;*/
/*    transition: transform .5s ease, opacity 0s ease 0s, -webkit-transform .5s ease*/
/*}*/

.panel-menu {
    z-index: 100;
    top: 0;
    right: 0;
    display: none
}

.panel-menu .social__item {
    margin-right: 20px;
    color: #363636
}

.panel-menu__overlay {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
    transition: opacity .3s ease 0s, -webkit-transform 0s linear .3s;
    transition: transform 0s linear .3s, opacity .3s ease 0s;
    transition: transform 0s linear .3s, opacity .3s ease 0s, -webkit-transform 0s linear .3s;
    z-index: 100
}

.panel-menu__inner {
    padding-top: 60px;
    padding-left: 29px;
    padding-bottom: 50px;
    position: fixed;
    width: 280px;
    height: 100%;
    background: #fff;
    right: 0;
    top: 0;
    z-index: 200;
    -webkit-transform: translate3d(100%, 0, 1px);
    transform: translate3d(100%, 0, 1px);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    overflow-y: auto
}

.panel-menu__close {
    position: absolute;
    top: 45px;
    right: 33px;
    width: 23px;
    height: 23px
}

.panel-menu__close:before,
.panel-menu__close:after {
    content: "";
    display: block;
    width: 31px;
    height: 1px;
    background: #41AA37;
    position: absolute;
    top: 0;
    left: 0
}

.panel-menu__close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.panel-menu__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    top: 22px
}

.panel-menu__select .select__btn {
    color: #41AA37
}

.panel-menu__select .select__btn:after {
    border-right: 1px solid #41AA37;
    border-bottom: 1px solid #41AA37
}

.panel-menu__nav {
    padding-top: 39px;
    padding-left: 21px
}

.panel-menu__nav .nav__wrap {
    display: block
}

.panel-menu__nav .nav__link {
    color: #363636;
    display: block;
    padding-bottom: 27px
}

.panel-menu_opened .panel-menu__inner {
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px)
}

.panel-menu_opened .panel-menu__overlay {
    transition: opacity .3s ease 0s, -webkit-transform 0s linear 0s;
    transition: transform 0s linear 0s, opacity .3s ease 0s;
    transition: transform 0s linear 0s, opacity .3s ease 0s, -webkit-transform 0s linear 0s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1
}

.select {
    width: 160px;
    display: inline-block;
    padding: 0px 0px 0;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    position: relative;
    z-index: 20
}

.select__btn {
    outline: none;
    background-color: transparent;
    border: none;
    padding: 0 0 0 20px;
    font: 700 12px/1 'Northern', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    display: block;
    text-align: left;
    height: 27px;
    position: relative;
    padding-right: 30px;
    z-index: 10;
    max-width: 180px
}

.select__btn:after {
    content: '';
    position: absolute;
    top: 9px;
    right: 18px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.select__btn_show:after {
    -webkit-transform: translate3d(0px, 3px, 1px) rotate(-135deg);
    transform: translate3d(0px, 3px, 1px) rotate(-135deg)
}

.select__options {
    background-color: #FFF;
    padding: 21px 20px 17px;
    display: none;
    -webkit-backface-visibility: hidden;
    max-height: 50vh;
    overflow-y: auto;
    width: 190px;
    position: absolute
}

.select__option {
    display: block;
    font: 700 10px/1 'Northern', Arial, Helvetica, sans-serif;
    color: #363636;
    padding: 7px 0 10px;
    letter-spacing: 1px;
    transition: color 0.5s ease;
    padding-left: 10px
}

.select__option:hover {
    color: #41AA37
}

.select_header-top .select__btn {
    color: #fff
}

.select_header-top .select__btn:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.select_header-top .select__options {
    position: absolute
}

.select_header-fix .select__btn {
    color: #41AA37
}

.select_header-fix .select__btn:after {
    border-right: 1px solid #41AA37;
    border-bottom: 1px solid #41AA37
}

.select_header-fix .select__options {
    border-top: 1px solid #41AA37;
    position: absolute;
    left: 0;
    top: 43px;
    padding-top: 20px
}

.select_menu {
    display: block
}

.select_menu .select__btn {
    color: #41AA37
}

.select_menu .select__btn:after {
    border-right: 1px solid #41AA37;
    border-bottom: 1px solid #41AA37
}

.select_complexes {
    width: auto;
    z-index: 1
}

.select_complexes .select__btn {
    color: #41AA37;
    font-size: 48px;
    text-transform: none;
    padding: 0;
    height: auto;
    font-weight: 500;
    letter-spacing: -0.5px;
    padding-right: 40px
}

.select_complexes .select__btn:after {
    border-right: 1px solid #41AA37;
    border-bottom: 1px solid #41AA37;
    top: 17px;
    right: 5px;
    width: 12px;
    height: 12px
}

.select_complexes .select__options {
    position: absolute;
    width: 323px;
    text-align: left;
    top: 71px;
    z-index: 10
}

.select_submenu-fix {
    margin-left: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    position: static
}

.select_submenu-fix:not(.select_always-visible) {
    display: none
}

.select_submenu-fix .select__btn {
    padding-left: 0;
    color: #fff
}

.select_submenu-fix .select__btn:after {
    right: 12px
}

.select_submenu-fix .select__options {
    padding: 10px 20px 5px 0
}

.select_submenu-top {
    margin-left: 0;
    margin-top: 4px;
    margin-bottom: 4px
}

.select_submenu-top:not(.select_always-visible) {
    display: none
}

.select_submenu-top .select__btn {
    padding-left: 0;
    color: #fff
}

.select_submenu-top .select__btn:after {
    right: 12px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.select_submenu-top .select__options {
    position: absolute
}

.poster {
    width: 100%;
    height: calc(100vh - 1px);
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow: hidden
}

.poster__sale-block {
    display: inline-block;
    background-color: #41AA37;
    min-width: 200px;
    height: 60px;
    border-bottom-right-radius: 30px;
    margin-top: 33px;
    text-align: center;
    padding: 0 20px
}

.poster__sale-text {
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 60px
}

.poster__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.poster__bg_video {
    display: block;
    z-index: -1;
    object-fit: cover;
    background-size: cover;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: 100%;
    object-fit: cover
}

.poster__bg_photo {
    z-index: -2
}

.poster__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2)
}

.poster__inner {
    width: 600px;
    height: calc(100% - 60px);
    margin: 60px auto 0;
    font-size: 0;
    padding-right: 10px;
    position: relative
}

.poster__inner:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.poster__content {
    margin-top: -12px;
    display: inline-block;
    vertical-align: middle
}

.poster__h1 {
    color: #fff;
    padding-bottom: 15px;
    margin-bottom: 18px
}

.poster__h5 {
    margin: 0;
    padding: 0 60px 0 5px;
    color: #fff;
    font-weight: 500
}

.poster__button {
    margin-top: 33px;
    width: 283px
}

.poster__down {
    position: absolute;
    bottom: 34px;
    right: 40px
}

.poster:after {
    content: '';
    display: block;
    overflow: hidden
}

.down__button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    outline: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
    background-color: transparent;
    transition: all 0.5s ease;
    -webkit-backface-visibility: hidden
}

.down__label {
    position: absolute;
    bottom: 73px;
    right: 30px;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: translate(0px, 0px) rotate(-90deg);
    -ms-transform: translate(0px, 0px) rotate(-90deg);
    transform: translate(0px, 0px) rotate(-90deg);
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    pointer-events: none;
    transition: all 0.5s ease;
    -webkit-backface-visibility: hidden
}

.down__label:before {
    content: '';
    position: absolute;
    top: 8px;
    left: -17px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all 0.5s ease;
    -webkit-backface-visibility: hidden
}

.down:hover .down__button {
    border: 1px solid #fff;
    background-color: #fff
}

.down:hover .down__label {
    color: #41AA37;
    -webkit-transform: translate(0px, 10px) rotate(-90deg);
    -ms-transform: translate(0px, 10px) rotate(-90deg);
    transform: translate(0px, 10px) rotate(-90deg)
}

.down:hover .down__label:before {
    border-top: 1px solid #41AA37;
    border-left: 1px solid #41AA37
}

.field__error {
    display: none;
    font: 400 10px/1 'Northern', Arial, Helvetica, sans-serif;
    color: #f83636;
    padding: 0 10px;
    position: absolute;
    top: calc(100% - -8px)
}

.field.has-error .form__input {
    border-width: 2px;
    border-color: #f83636
}

.field.has-error .field__error {
    display: block
}

.field.has-error .checkbox__mask {
    border-color: #f83636 !important
}

.field.has-error .checkbox__label {
    color: #f83636 !important
}

.form-success {
    font-size: 0
}

.form-success_hidden {
    opacity: 0
}

.form-success .form__button {
    margin-top: 30px
}

.form-content_hidden {
    opacity: 0
}

.questions {
    background: #41AA37;
    padding: 113px 0 93px;
    position: relative
}

.questions__form-success {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.questions__form-success:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.questions__form-success .form-success__content {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.questions__form-success.form-success_hidden {
    z-index: 0
}

.questions__text_tab {
    display: none
}

.questions__form-content {
    position: relative;
    z-index: 1
}

.questions__form-content.form-content_hidden {
    z-index: 0
}

.questions .checkbox__label a {
    border-color: #1e1e1e;
    color: #fff
}

.questions .checkbox__mask:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 8px;
    height: 3px;
    border-bottom: 1px solid #41AA37;
    border-left: 1px solid #41AA37
}

.questions_request {
    padding: 104px 0 95px
}

.questions_request .form__button {
    margin-top: 0
}

.questions_request .checkbox__label a {
    border-color: #fff
}

.questions__columns:after {
    content: "";
    display: table;
    clear: both
}

.questions__column {
    float: left;
    width: 50%
}

.questions__h2 {
    color: #fff;
    margin: 0
}

.questions__h2 strong {
    color: #343434
}

.questions__text {
    color: #fff;
    max-width: 310px;
    margin-top: 27px
}

.questions__form {
    width: 100%;
    max-width: 470px;
    float: right;
    margin-top: 1px
}

.questions__form .form__checkbox {
    width: 100%
}

.questions__form .form__button {
    border: 1px solid #fff
}

.questions_article {
    background-color: #fff;
    padding: 36px 0 0px;
    margin-bottom: -6px
}

.questions_article .checkbox__label a {
    border-color: #22a662;
    color: #22a662;
    transition: .3s
}

.questions_article .checkbox__label a:hover {
    border-color: #6a6a6a;
    color: #6a6a6a;
    transition: .3s
}

.questions_article .questions__h2 {
    color: #343434
}

.questions_article .questions__form {
    margin-top: 49px;
    max-width: 100%
}

.questions_article .questions__text {
    margin-top: 7px;
    color: #6a6a6a;
    max-width: 100%
}

.questions_article .questions__text p {
    margin-top: 0
}

.questions_article .questions__text_tab {
    margin-top: 0
}

.questions_article .questions__column:nth-child(2) {
    padding-left: 100px
}

.questions_article .form__input {
    border-bottom: 1px solid #41AA37;
    color: #343434
}

.questions_article .form__label {
    color: #6a6a6a
}

.questions_article .form__button {
    border: 1px solid #41AA37
}

.questions_article .checkbox__label {
    color: #6a6a6a
}

.questions_article .checkbox__mask {
    border: 1px solid #41AA37
}

.questions_article .checkbox__mask:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 8px;
    height: 3px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff
}

.questions_article .checkbox__checkbox:checked+.checkbox__mask {
    background: #41AA37
}

.questions_request .checkbox__label a {
    border-color: #fff
}

.questions_gk {
    background-color: #fff;
    padding: 16px 0 0
}

.questions_gk .checkbox__label a {
    border-color: #6a6a6a
}

.questions_gk .questions__h2 {
    color: #343434
}

.questions_gk .questions__form {
    margin-top: 49px;
    max-width: 100%
}

.questions_gk .questions__text {
    margin-top: 7px;
    color: #6a6a6a;
    max-width: 100%
}

.questions_gk .questions__text p {
    margin-top: 0
}

.questions_gk .questions__column:nth-child(2) {
    padding-left: 100px
}

.questions_gk .form__input {
    border-bottom: 1px solid #41AA37;
    color: #343434
}

.questions_gk .form__label {
    color: #6a6a6a
}

.questions_gk .form__button {
    border: 1px solid #41AA37
}

.questions_gk .checkbox__label {
    color: #6a6a6a
}

.questions_gk .checkbox__mask {
    border: 1px solid #41AA37
}

.questions_gk .checkbox__mask:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 8px;
    height: 3px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff
}

.questions_gk .checkbox__checkbox:checked+.checkbox__mask {
    background: #41AA37
}

.manager {
    margin-top: 128px;
    padding: 36px 40px;
    width: 100%;
    height: 294px;
    position: relative;
    color: #fff;
    z-index: 0
}

.manager__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2
}

.manager__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: -1
}

.manager__h5 {
    margin-bottom: 24px
}

.manager__text p {
    margin-bottom: 5px
}

.footer {
    margin-top: 100px
}

.footer_no_margin {
    margin-top: 0
}

.footer_tablet {
    display: none
}

.footer_mobile {
    display: none
}

.footer__wrap {
    margin-top: 52px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.footer__wrap:last-child {
    margin-top: 35px;
    margin-bottom: 50px
}

.footer__advertising {
    font-size: 11px;
    line-height: 1.2;
    padding: 30px 0
}

.footer__line {
    width: 100%;
    height: 1px;
    background: #eaeaea;
    max-width: 1140px;
    margin: auto
}

.footer__nav {
    width: 100%;
    margin-right: 7px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer__nav .nav__link {
    color: #363636;
    pointer-events: none;
    transition: all ease .5s;
    margin: 0 48px 0 0
}

/*.footer__nav .nav__link:last-child {*/
/*    margin-right: 0*/
/*}*/

/*.footer__button {*/
/*    font: 500 12px/1 'Northern', Arial, Helvetica, sans-serif;*/
/*    letter-spacing: 0.8px;*/
/*    color: #41AA37;*/
/*    padding: 0;*/
/*    text-transform: uppercase;*/
/*    cursor: pointer;*/
/*    position: relative;*/
/*    -webkit-backface-visibility: hidden;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.footer__button:after {*/
/*    background-color: #41AA37;*/
/*    content: "";*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    position: absolute;*/
/*    bottom: -10px;*/
/*    transition: -webkit-transform .5s ease;*/
/*    transition: transform .5s ease;*/
/*    transition: transform .5s ease, -webkit-transform .5s ease;*/
/*    -webkit-transform: scaleX(0);*/
/*    -ms-transform: scaleX(0);*/
/*    transform: scaleX(0);*/
/*    -webkit-transform-origin: 0 0;*/
/*    -ms-transform-origin: 0 0;*/
/*    transform-origin: 0 0*/
/*}*/

/*.footer__social {*/
/*    width: auto;*/
/*    display: flex;*/
/*    max-width: 183px;*/
/*    flex-wrap: wrap;*/
/*    justify-content: center;*/
/*}*/

/*.footer__social p {*/
/*    width: 100%;*/
/*}*/

/*.footer__social .social__item {*/
/*    font-size: 15px;*/
/*    color: #363636;*/
/*    margin-right: 30px;*/
/*    transition: color ease .5s;*/
/*    vertical-align: middle;*/
/*    margin-bottom: 11px;*/
/*}*/

/*.footer__social .social__item:last-child {*/
/*    margin-right: 0 !important;*/
/*}*/

/*.footer__copyright {*/
/*    font: 300 10px/1 'Northern', Arial, Helvetica, sans-serif;*/
/*    color: #6a6a6a;*/
/*    letter-spacing: 0.1px;*/
/*    margin-right: 7px*/
/*}*/

/*.footer__copyright .copy {*/
/*    position: relative;*/
/*    top: 3px;*/
/*    font-size: 14px*/
/*}*/

/*.footer__submenu {*/
/*    width: 663px;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-justify-content: space-between;*/
/*    -ms-flex-pack: justify;*/
/*    justify-content: space-between*/
/*}*/

/*.footer__submenu .submenu__link {*/
/*    color: #41AA37;*/
/*    text-transform: uppercase;*/
/*    font: 300 10px/1 'Northern', Arial, Helvetica, sans-serif;*/
/*    letter-spacing: 0.1px;*/
/*    transition: color ease .5s*/
/*}*/

/*.footer__developers {*/
/*    margin-left: 13px*/
/*}*/

/*.footer__developers .developers__link {*/
/*    margin-right: 1px*/
/*}*/

/*.footer__developers .developers__logo {*/
/*    width: 12px;*/
/*    height: 15px;*/
/*    transition: fill .5s ease;*/
/*    cursor: pointer*/
/*}*/

/*.footer__developers .developers__by {*/
/*    top: -0.96em;*/
/*    margin-right: 2px;*/
/*    font: 300 10px/1 'Northern', Arial, Helvetica, sans-serif*/
/*}*/

/*.footer:after {*/
/*    content: '';*/
/*    display: table*/
/*}*/

/*.modal.hide_popup {*/
/*    display: none !important*/
/*}*/

/*.modal {*/
/*    -webkit-transform: translateX(100%);*/
/*    -ms-transform: translateX(100%);*/
/*    transform: translateX(100%);*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    opacity: 0;*/
/*    transition: opacity .5s ease 0s, -webkit-transform 0s linear .5s;*/
/*    transition: opacity .5s ease 0s, transform 0s linear .5s;*/
/*    transition: opacity .5s ease 0s, transform 0s linear .5s, -webkit-transform 0s linear .5s;*/
/*    z-index: 101*/
/*}*/

/*.modal__outer {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    font-size: 0;*/
/*    text-align: center;*/
/*    overflow-y: auto;*/
/*    padding: 50px 0;*/
/*    box-sizing: border-box;*/
/*    background: rgba(0, 0, 0, 0.4)*/
/*}*/

/*.modal__outer:before {*/
/*    content: "";*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    height: 100%*/
/*}*/

/*.modal__overlay {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    -webkit-transform: translateX(100%);*/
/*    -ms-transform: translateX(100%);*/
/*    transform: translateX(100%)*/
/*}*/

/*.modal__inner {*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    text-align: left;*/
/*    position: relative;*/
/*    max-width: calc(100% - 90px)*/
/*}*/

/*.modal__content {*/
/*    max-width: 100%;*/
/*    text-align: center*/
/*}*/

/*.modal__close {*/
/*    position: absolute;*/
/*    background: none;*/
/*    outline: none;*/
/*    cursor: pointer;*/
/*    top: 10px;*/
/*    right: 11px;*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    transition: opacity .3s ease*/
/*}*/

/*.modal__close:before,*/
/*.modal__close:after {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 29px;*/
/*    height: 1px;*/
/*    background: #41AA37;*/
/*    position: absolute;*/
/*    top: 10px*/
/*}*/

/*.modal__close:before {*/
/*    -webkit-transform: rotate(45deg);*/
/*    -ms-transform: rotate(45deg);*/
/*    transform: rotate(45deg);*/
/*    -webkit-transform-origin: 0 0;*/
/*    -ms-transform-origin: 0 0;*/
/*    transform-origin: 0 0;*/
/*    left: 10px*/
/*}*/

/*.modal__close:after {*/
/*    -webkit-transform: rotate(-45deg);*/
/*    -ms-transform: rotate(-45deg);*/
/*    transform: rotate(-45deg);*/
/*    -webkit-transform-origin: 100% 0;*/
/*    -ms-transform-origin: 100% 0;*/
/*    transform-origin: 100% 0;*/
/*    right: 10px*/
/*}*/

/*.modal .form .help-block {*/
/*    color: red;*/
/*    position: absolute;*/
/*    top: 35px*/
/*}*/

/*.modal .form__input {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 40px;*/
/*    border-top: none;*/
/*    border-right: none;*/
/*    border-bottom: 1px solid #41AA37;*/
/*    border-left: none;*/
/*    outline: none;*/
/*    margin-bottom: 27px;*/
/*    font-size: 14px;*/
/*    line-height: 2;*/
/*    padding: 0 9px;*/
/*    color: #343434*/
/*}*/

/*.modal .form__input::-webkit-input-placeholder {*/
/*    color: #6a6a6a*/
/*}*/

/*.modal .form__input::-moz-placeholder {*/
/*    color: #6a6a6a*/
/*}*/

/*.modal .form__input:-moz-placeholder {*/
/*    color: #6a6a6a*/
/*}*/

/*.modal .form__input:-ms-input-placeholder {*/
/*    color: #6a6a6a*/
/*}*/

/*.modal .form input[type="password"] {*/
/*    margin-bottom: 47px*/
/*}*/

/*.modal .form__checkbox {*/
/*    text-align: left*/
/*}*/

/*.modal .form__checkbox .checkbox__mask {*/
/*    color: #fff;*/
/*    border-color: #343434*/
/*}*/

/*.modal .form__checkbox .checkbox__label {*/
/*    color: #343434*/
/*}*/

/*.modal .form__checkbox .checkbox__checkbox:checked+.checkbox__mask {*/
/*    background-color: rgba(52, 52, 52, 0.75)*/
/*}*/

/*.modal .form_validating .form__checkbox .checkbox__checkbox:not(:valid)+.checkbox__mask {*/
/*    border-color: red*/
/*}*/

/*.modal .form__button {*/
/*    margin: 40px auto 0;*/
/*    width: 150px*/
/*}*/

/*.modal_active {*/
/*    -webkit-transform: translateX(0);*/
/*    -ms-transform: translateX(0);*/
/*    transform: translateX(0);*/
/*    opacity: 1;*/
/*    transition: opacity .5s ease 0s, -webkit-transform 0s linear 0s;*/
/*    transition: opacity .5s ease 0s, transform 0s linear 0s;*/
/*    transition: opacity .5s ease 0s, transform 0s linear 0s, -webkit-transform 0s linear 0s*/
/*}*/

/*.modal_active .modal__overlay {*/
/*    -webkit-transform: translateX(0);*/
/*    -ms-transform: translateX(0);*/
/*    transform: translateX(0)*/
/*}*/

/*.modal__file .popup__form {*/
/*    text-align: left;*/
/*    position: relative*/
/*}*/

/*.modal__file .popup__form .form__input {*/
/*    width: 200px;*/
/*    border-bottom: 1px solid #fff;*/
/*    background-color: transparent;*/
/*    display: inline-block;*/
/*    margin-right: 20px;*/
/*    color: #fff*/
/*}*/

/*.modal__file .popup__form .form__input::-webkit-input-placeholder {*/
/*    color: #fff*/
/*}*/

/*.modal__file .popup__form .form__input::-moz-placeholder {*/
/*    color: #fff*/
/*}*/

/*.modal__file .popup__form .form__input:-moz-placeholder {*/
/*    color: #fff*/
/*}*/

/*.modal__file .popup__form .form__input:-ms-input-placeholder {*/
/*    color: #fff*/
/*}*/

/*.modal__file .popup__form .form__button {*/
/*    margin: 0*/
/*}*/

/*.modal__file .modal__close:before,*/
/*.modal__file .modal__close:after {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 29px;*/
/*    height: 1px;*/
/*    background: #000;*/
/*    position: absolute;*/
/*    top: 10px*/
/*}*/

/*.modal__file .popup {*/
/*    width: 749px;*/
/*    background-color: #22a662;*/
/*    padding: 37px 30px 40px*/
/*}*/

/*.modal__file .popup__h5 {*/
/*    color: #ffffff;*/
/*    font-size: 30px;*/
/*    font-weight: 500;*/
/*    line-height: 36px;*/
/*    color: #fff;*/
/*    text-align: left;*/
/*    max-width: 70%;*/
/*    margin-bottom: 10px*/
/*}*/

/*.modal__file .popup__h5 span {*/
/*    color: #343434*/
/*}*/

/*.modal__file .popup__text p {*/
/*    color: #ffffff;*/
/*    font-size: 14px;*/
/*    font-weight: 400;*/
/*    line-height: 24px;*/
/*    letter-spacing: 0.14px;*/
/*    max-width: 60%;*/
/*    text-align: le
.modal.hide_popup {
    display: none !important
}

.modal {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s ease 0s, -webkit-transform 0s linear .5s;
    transition: opacity .5s ease 0s, transform 0s linear .5s;
    transition: opacity .5s ease 0s, transform 0s linear .5s, -webkit-transform 0s linear .5s;
    z-index: 101
}

.modal__outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    overflow-y: auto;
    padding: 50px 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.4)
}

.modal__outer:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.modal__inner {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    position: relative;
    max-width: calc(100% - 90px)
}

.modal__content {
    max-width: 100%;
    text-align: center
}

.modal__close {
    position: absolute;
    background: none;
    outline: none;
    cursor: pointer;
    top: 10px;
    right: 11px;
    width: 40px;
    height: 40px;
    transition: opacity .3s ease
}

.modal__close:before,
.modal__close:after {
    content: "";
    display: block;
    width: 29px;
    height: 1px;
    background: #41AA37;
    position: absolute;
    top: 10px
}

.modal__close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    left: 10px
}

.modal__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    right: 10px
}

.modal .form .help-block {
    color: red;
    position: absolute;
    top: 35px
}

.modal .form__input {
    display: block;
    width: 100%;
    height: 40px;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #41AA37;
    border-left: none;
    outline: none;
    margin-bottom: 27px;
    font-size: 14px;
    line-height: 2;
    padding: 0 9px;
    color: #343434
}

.modal .form__input::-webkit-input-placeholder {
    color: #6a6a6a
}

.modal .form__input::-moz-placeholder {
    color: #6a6a6a
}

.modal .form__input:-moz-placeholder {
    color: #6a6a6a
}

.modal .form__input:-ms-input-placeholder {
    color: #6a6a6a
}

.modal .form input[type="password"] {
    margin-bottom: 47px
}

.modal .form__checkbox {
    text-align: left
}

.modal .form__checkbox .checkbox__mask {
    color: #fff;
    border-color: #343434
}

.modal .form__checkbox .checkbox__label {
    color: #343434
}

.modal .form__checkbox .checkbox__checkbox:checked+.checkbox__mask {
    background-color: rgba(52, 52, 52, 0.75)
}

.modal .form_validating .form__checkbox .checkbox__checkbox:not(:valid)+.checkbox__mask {
    border-color: red
}

.modal .form__button {
    margin: 40px auto 0;
    width: 150px
}

.modal_active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition: opacity .5s ease 0s, -webkit-transform 0s linear 0s;
    transition: opacity .5s ease 0s, transform 0s linear 0s;
    transition: opacity .5s ease 0s, transform 0s linear 0s, -webkit-transform 0s linear 0s
}

.modal_active .modal__overlay {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.modal__file .popup__form {
    text-align: left;
    position: relative
}

.modal__file .popup__form .form__input {
    width: 200px;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    display: inline-block;
    margin-right: 20px;
    color: #fff
}

.modal__file .popup__form .form__input::-webkit-input-placeholder {
    color: #fff
}

.modal__file .popup__form .form__input::-moz-placeholder {
    color: #fff
}

.modal__file .popup__form .form__input:-moz-placeholder {
    color: #fff
}

.modal__file .popup__form .form__input:-ms-input-placeholder {
    color: #fff
}

.modal__file .popup__form .form__button {
    margin: 0
}

.modal__file .modal__close:before,
.modal__file .modal__close:after {
    content: "";
    display: block;
    width: 29px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 10px
}

.modal__file .popup {
    width: 749px;
    background-color: #22a662;
    padding: 37px 30px 40px
}

.modal__file .popup__h5 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
    color: #fff;
    text-align: left;
    max-width: 70%;
    margin-bottom: 10px
}

.modal__file .popup__h5 span {
    color: #343434
}

.modal__file .popup__text p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.14px;
    max-width: 60%;
    text-align: left
}ft*/
/*}*/

.popup {
    width: 528px;
    background-color: #FFF;
    padding: 57px 50px 60px
}

.popup__h5 {
    margin-top: 0;
    margin-bottom: 18px
}

.popup__text {
    padding-top: 8px;
    padding-bottom: 17px
}

.popup__text p {
    margin-top: 0
}

.popup__button {
    margin: 0 auto;
    width: 134px !important
}

.subscribe__form .form__checkbox {
    width: 100%
}

.popup_presentation__wrap {
    background-color: #41AA37;
    padding: 40px 30px 50px 30px
}

.popup_presentation .input {
    color: #fff
}

.popup_presentation .modal__close:after,
.popup_presentation .modal__close:before {
    background-color: #000
}

.popup_presentation h3 {
    margin: 0;
    padding: 0;
    text-align: left
}

.popup_presentation__title {
    color: #fff;
    font-size: 30px;
    line-height: 46px
}

.popup_presentation__title-sec {
    color: #343434
}

.popup_presentation__subtitle {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #fff;
    padding: 15px 0 30px 0;
    margin: 0;
    width: 60%;
    text-align: left
}

.popup_presentation__label-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.popup_presentation .form__field {
    width: auto
}

.popup_presentation .form__input {
    border-bottom: 1px solid #fff;
    margin-bottom: 18px
}

.popup_presentation .form__checkbox .checkbox__mask {
    color: transparent;
    border-color: #fff
}

.popup_presentation .form__checkbox .checkbox__checkbox:checked+.checkbox__mask {
    background-color: #fff;
    color: #41AA37
}

.popup_presentation .checkbox__label {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 10px
}

.popup_presentation .checkbox__label a {
    border-color: #fff
}

.popup_presentation__checkbox-wrap {
    padding: 0 0 15px 0;
    display: block
}

.popup_presentation__checkbox-wrap .checkbox {
    display: block
}

.popup_presentation__inner {
    max-width: 708px;
    width: 100%
}

.popup_presentation .form__button {
    margin: 0
}

.lock {
    overflow: hidden
}

.vue-app-flat {
    position: relative;
    min-height: 350px
}

.vue-app-flat h1 {
    color: red;
    font-size: 16px
}

.vue-app-flat ul {
    padding: 0;
    margin: 0;
    position: relative
}

.vue-app-flat li {
    position: relative;
    z-index: 1
}

.vue-app-flat-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: white
}

.vue-app-flat-preloader__img {
    max-height: 100px;
    width: auto
}

.vue-app-flat-tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
    overflow-x: auto
}

.vue-app-flat-tabs::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.vue-app-flat-tabs::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 20px
}

.vue-app-flat-tabs::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5)
}

.vue-app-flat-tabs::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.8)
}

.vue-app-flat-tabs__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.vue-app-flat-tabs__items {
    padding: 16px 30px 14px;
    cursor: pointer;
    transition: 0.3s
}

.vue-app-flat-tabs__items_active {
    color: #41AA37;
    border-bottom: 1px solid #41AA37
}

.vue-app-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 550px;
    margin-bottom: 20px
}

.vue-app-body__imgBuilder {
    min-width: 65%;
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    background: #eaeaea
}

.vue-app-body__aside {
    min-width: 35%;
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    background: #41AA37;
    overflow: hidden
}

.vue-app-body__forms {
    height: 160px;
    display: none
}

.vue-app-body__filters {
    height: 550px;
    overflow-y: auto
}

.vue-app-body__filters::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.vue-app-body__filters::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 20px
}

.vue-app-body__filters::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5)
}

.vue-app-body__filters::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.8)
}

.vue-filter {
    position: relative
}

.vue-filter__item {
    position: relative;
    padding: 24px 30px 22px 30px;
    color: white;
    font-size: 14px;
    font-family: inherit;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: 0.3s;
    background: #41AA37
}

.vue-filter__pointer {
    position: absolute;
    height: 6px;
    width: 6px;
    top: calc(50% - 5px);
    right: 30px;
    border: 1px solid white;
    border-top: none;
    border-left: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.5s
}

.vue-filter__pointer_active {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.vue-filter-list_active {
    position: absolute !important;
    top: 0;
    width: 100%;
    z-index: 9 !important
}

.vue-filter-items {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -160px;
    background: #eaeaea;
    z-index: 5;
    transition: 0.5s;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    overflow-y: auto
}

.vue-filter-items::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.vue-filter-items::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 20px
}

.vue-filter-items::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5)
}

.vue-filter-items::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.8)
}

.vue-filter-items_active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vue-filter-items__currentItem {
    position: relative;
    padding: 24px 30px 22px 30px;
    color: white;
    font-size: 14px;
    font-family: inherit;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    background: #41AA37
}

.vue-filter-items__img {
    display: block;
    width: 100%;
    height: 60px;
    object-fit: cover;
    background: grey
}

.vue-filter-items__title {
    font-family: inherit;
    color: #343434;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 12px;
    text-align: center;
    min-height: 50px;
    padding: 15px 15px 0
}

.vue-filter-items__content {
    padding: 0 0 10px
}

.vue-filter-items__about {
    font-family: inherit;
    color: #41AA37;
    font-weight: bold;
    font-size: 10px;
    line-height: 11px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    transition: 0.3s;
    z-index: 500
}

.vue-close {
    position: absolute;
    height: 18px;
    width: 18px;
    top: 24px;
    right: 10px;
    cursor: pointer
}

.vue-close span {
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #000000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.vue-close span:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.vue-filter-popup {
    position: absolute;
    height: 380px;
    width: 95%;
    background-color: white;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    margin: auto;
    top: 110px;
    padding: 30px
}

.vue-filter-popup::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.vue-filter-popup::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 20px
}

.vue-filter-popup::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5)
}

.vue-filter-popup::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.8)
}

.vue-filter-popup .vue-close {
    top: 10px;
    right: 10px
}

.vue-filter-popup h6 {
    font-family: inherit;
    color: #343434;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 12px
}

.vue-filter-popup p {
    font-family: inherit;
    color: #6a6a6a;
    font-size: 14px;
    line-height: 24px
}

.vue-filter-row {
    padding: 0 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    transition: max-height 0.5s;
    transition: opacity 0.3s;
    max-height: 0px;
    height: 0;
    visibility: hidden;
    opacity: 0
}

.vue-filter-row_active {
    opacity: 1;
    padding: 25px;
    height: auto;
    max-height: 40000px;
    visibility: visible;
    background: #eaeaea
}

.vue-filter-row__col {
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    background: white;
    margin-bottom: 20px;
    cursor: pointer;
    margin-right: 17px
}

.vue-filter-row__col:nth-child(3n) {
    margin-right: 0
}

.vue-filter-row__col_active {
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4)
}

.vue-image-wraper {
    position: relative;
    width: 100%;
    height: 100%
}

.vue-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.vue-image-flor {
    z-index: 1
}

.vue-image-doors {
    z-index: 2
}

.vue-image-additionals {
    z-index: 3
}

.vue-app-footer {
    position: relative;
    background: white;
    padding: 18px 0 25px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px
}

.vue-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card-items {
    min-width: 65%;
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    overflow-y: hidden;
    overflow-x: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.card-items__title {
    font-family: inherit;
    color: #6a6a6a;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 16px
}

.card-items::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.card-items::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 20px
}

.card-items::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5)
}

.card-items::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.8)
}

.card-items__col {
    -webkit-flex: 0 0 17%;
    -ms-flex: 0 0 17%;
    flex: 0 0 17%;
    margin-right: 40px;
    position: relative
}

.card-items__col .vue-close {
    right: -12px;
    top: 20px
}

.card-items__img-wrapper img {
    max-width: 90%;
    height: auto;
    border: 1px solid #6a6a6a
}

.card-result {
    min-width: 35%;
    max-width: 35%;
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    padding-top: 10px;
    padding-left: 7%
}

.card-result .button_green {
    width: 300px
}

.card-result__fillprice {
    font-family: inherit;
    color: #6a6a6a;
    font-weight: normal;
    font-size: 18px;
    line-height: 16px;
    margin-bottom: 20px
}

.vue-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    color: black;
    z-index: 9999;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vue-modal__title {
    padding: 0 20px 30px;
    font-family: inherit;
    color: white;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    padding: 15px 0;
    margin: 0;
    text-transform: none;
    letter-spacing: 0;
    text-align: center
}

.vue-modal__form {
    position: relative;
    padding-top: 50px;
    width: 320px;
    max-height: 550px;
    min-height: 300px;
    background: #41AA37
}

.vue-modal__form .vue-close {
    top: -20px;
    right: -25px;
    width: 22px;
    height: 22px
}

.vue-modal__form .form__button {
    display: block;
    margin: 25px auto;
    min-width: 200px
}

.vue-modal__form input {
    max-width: 80%;
    display: block;
    margin: 15px auto
}

.vue-modal__form input::-webkit-input-placeholder {
    font-size: 16px
}

.vue-modal__form input::-moz-placeholder {
    font-size: 16px
}

.vue-modal__form input:-ms-input-placeholder {
    font-size: 16px
}

.vue-modal__form input:-moz-placeholder {
    font-size: 16px
}

.vue-modal-button-close {
    margin-bottom: 5px
}

.vue-modal-enter {
    opacity: 0
}

.vue-modal-leave-active {
    opacity: 0
}

.vue-modal-enter .modal-container,
.vue-modal-leave-active .modal-container {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.vue-additionalForms {
    padding: 0 30px 10px
}

.vue-additionalForms h6 {
    font-family: inherit;
    color: white;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    padding: 15px 0;
    margin: 0;
    text-transform: none;
    letter-spacing: 0
}

.vue-additionalForms__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.vue-additionalForms__link {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.vue-additionalForms__btn {
    font-family: inherit;
    color: white;
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    padding: 15px 0;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .1em
}

.popup-img {
    position: fixed;
    z-index: 13;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    text-align: center
}

.popup-img__bg {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%
}

.popup-img__large {
    position: absolute;
    z-index: 2;
    max-height: 90%;
    max-width: 90%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.popup-img__close {
    position: absolute;
    cursor: pointer;
    z-index: 15;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    padding: 15px;
    right: 40px;
    top: 40px
}

.popup-img__close::before,
.popup-img__close::after {
    width: 20px;
    height: 2px;
    left: 5px;
    top: 14px;
    content: '';
    background-color: #41AA37;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popup-img__close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.tal-section__journal.home__journal {
    padding-top: 0;
    padding-bottom: 60px
}

.tal-section__journal.home__journal .tal-section__journal-title {
    margin-bottom: 40px
}

.choose-appart {
    padding-top: 70px
}

.choose-appart__h2 {
    color: #343434;
    font-size: 48px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 45px
}

.choose-appart__body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -70px
}

.choose-appart__item {
    width: 16.4%;
    margin-right: 50px;
    margin-bottom: 80px;
    position: relative
}

.choose-appart__item:nth-child(5n) {
    margin-right: 0
}

.choose-appart__img {
    height: 130px;
    margin-bottom: 30px;
    overflow: hidden
}

.choose-appart__img img {
    height: 100%;
    width: 100%;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.choose-appart__desc {
    transition: color .3s;
    text-transform: uppercase;
    color: #363636;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    position: relative
}

.choose-appart__desc span {
    width: 10px;
    height: 1px;
    background-color: #343434;
    margin-top: -1px;
    position: relative;
    right: 0;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    transition: background .3s
}

.choose-appart__desc span:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-right: 1px solid #363636;
    border-bottom: 1px solid #363636;
    right: 0;
    top: -2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: border-color .3s
}

.choose-appart__link {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%
}

.about {
    box-sizing: border-box;
    height: 600px;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 60px
}

.about .wrap {
    position: static
}

.about__inner {
    height: 100%;
    width: 370px;
    margin-left: 770px;
    font-size: 0;
    height: 480px
}

.about__inner:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.about__content {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 55px
}

.about__text {
    overflow: hidden;
    margin-bottom: 15px;
    max-height: none
}

.about__text p:first-child {
    margin-top: 0
}

.about__h2 {
    margin-bottom: 67px;
    color: #343434
}

.about__more {
    margin-top: 6px
}

.about__img {
    width: calc(100% - 370px - ((100% - 1140px) / 2));
    max-width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-100%) translateX(200px);
    -ms-transform: translateY(-50%) translateX(-100%) translateX(200px);
    transform: translateY(-50%) translateX(-100%) translateX(200px)
}

.about__img img {
    max-width: 100%;
    height: auto
}

.rules {
    padding: 54px 0 0;
    width: 100%;
    overflow: hidden
}

.rules__h2 {
    text-align: center;
    margin: 0 0 75px;
    color: #343434
}

.rules .card {
    margin: 0;
    height: 455px;
    position: relative;
    width: 100%;
    margin-bottom: 80px
}

.rules .card .wrap {
    position: static
}

.rules .card__inner {
    height: 100%;
    width: 370px;
    font-size: 0;
    height: 455px;
    position: relative
}

.rules .card__inner:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.rules .card__content {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding-bottom: 5px;
    font-size: 0
}

.rules .card__h3 {
    margin: 0 0 23px;
    color: #343434
}

.rules .card__number {
    font-weight: 700;
    font-size: 10px;
    line-height: 30px;
    color: #343434;
    display: inline-block;
    vertical-align: middle;
    width: 28px
}

.rules .card__divider {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 1px;
    background-color: #343434
}

.rules .card__text {
    overflow: hidden;
    margin-top: 24px
}

.rules .card__text p:first-child {
    margin: 0
}

.rules .card__img {
    height: 100%;
    width: calc(100% - 370px - ((100% - 1140px) / 2));
    max-width: 1000px;
    position: absolute;
    top: 0;
    left: 50%
}

.rules .card_left .card__content {
    padding-right: 100px
}

.rules .card_left .card__img {
    -webkit-transform: translate(-200px, 0);
    -ms-transform: translate(-200px, 0);
    transform: translate(-200px, 0)
}

.rules .card_right .card__inner {
    margin-left: 770px
}

.rules .card_right .card__content {
    padding-left: 100px
}

.rules .card_right .card__img {
    -webkit-transform: translateX(-100%) translateX(200px);
    -ms-transform: translateX(-100%) translateX(200px);
    transform: translateX(-100%) translateX(200px)
}

.complexes {
    padding: 0 0 50px;
    width: 100%
}

.complexes .select__btn {
    max-width: none
}

.complexes__h2 {
    text-align: center;
    margin: 0 0 63px;
    color: #343434;
    letter-spacing: -0.5px
}

.complexes__h2 span {
    color: #41AA37
}

.complexes__h2 br {
    display: none
}

.complexes__list {
    font-size: 0;
    padding-bottom: 46px
}

.complexes__list .card {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    height: 450px;
    position: relative;
    width: 50%;
    padding: 36px 38px;
    color: #fff
}

.complexes__list .card__h4 {
    margin: 0 0 27px;
    font-weight: 500
}

.complexes__list .card__number {
    font-weight: 700;
    font-size: 10px;
    line-height: 30px;
    color: #343434;
    display: inline-block;
    vertical-align: middle;
    width: 28px
}

.complexes__list .card__divider {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 1px;
    background-color: #343434
}

.complexes__list .card__text {
    overflow: hidden;
    margin-top: 32px;
    padding-right: 60px;
    padding-left: 2px
}

.complexes__list .card__text p {
    font-size: 12px;
    letter-spacing: -0.46px
}

.complexes__list .card__text p:first-child {
    margin: 0
}

.complexes__list .card__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.complexes__list .card__button {
    position: absolute;
    bottom: 39px;
    left: 40px
}

.complexes__list .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: -1
}

.complexes__list .stub {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    height: 450px;
    width: 50%;
    font-size: 0
}

.complexes__list .stub__content {
    display: inline-block;
    vertical-align: middle;
    padding: 11px 100px 0 50px
}

.complexes__list .stub__h2 {
    color: #343434;
    margin-bottom: 27px;
    margin-top: 0
}

.complexes__list .stub__text {
    padding-right: 100px
}

.complexes__list .stub:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.complexes .wrap:first-child {
    z-index: 2
}

.progress {
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: 0px;
    padding-left: 2px
}

.progress__diagram {
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3)
}

.progress__scale {
    height: 100%;
    width: 60%;
    background-color: #fff
}

.shares {
    padding-top: 47px;
    margin-bottom: 86px
}

.shares__h2 {
    margin-top: 0;
    margin-bottom: 60px;
    color: #343434
}

.shares__list {
    margin: 0 -15px;
    margin-bottom: 20px
}

.shares__list:after {
    content: "";
    display: table;
    clear: both
}

.shares__list .card {
    transition: all ease .5s;
    float: left;
    width: 33.33%;
    padding: 0 15px
}

.shares__list .card:nth-child(3n+3) {
    margin-right: 0
}

.shares__list .card__img {
    overflow: hidden
}

.shares__list .card__background {
    min-height: 363px;
    transition: all ease .5s
}

.shares__list .card__title {
    color: #343434;
    transition: all ease .5s;
    margin: 32px 0 20px
}

.shares__navigation {
    margin-bottom: 40px;
    display: none;
    text-align: center
}

.navigation {
    font-size: 0
}

.navigation__line {
    width: calc(100% - 360px);
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background: #eaeaea
}

.navigation__content {
    display: inline-block;
    vertical-align: middle;
    width: 360px;
    padding-left: 40px
}

.navigation__btn {
    width: 61px;
    height: 61px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: border-color .5s ease
}

.navigation__btn_prev .navigation__arrow {
    left: 28px
}

.navigation__btn_next .navigation__arrow {
    right: 28px
}

.navigation__status {
    width: 198px;
    display: inline-block;
    vertical-align: middle;
    font: 700 12px/1 'Northern', Arial, Helvetica, sans-serif;
    color: #343434;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 1px
}

.navigation__arrow {
    position: absolute;
    top: 26px
}

.navigation__total {
    color: #41AA37
}

.navigation {
    font-size: 0
}

.navigation__line {
    width: calc(100% - 360px);
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background: #eaeaea
}

.navigation__content {
    display: inline-block;
    vertical-align: middle;
    width: 360px;
    padding-left: 40px
}

.navigation__btn {
    width: 61px;
    height: 61px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: border-color .5s ease
}

.navigation__btn_prev .navigation__arrow {
    left: 28px
}

.navigation__btn_next .navigation__arrow {
    right: 28px
}

.navigation__status {
    width: 198px;
    display: inline-block;
    vertical-align: middle;
    font: 700 12px/1 'Northern', Arial, Helvetica, sans-serif;
    color: #343434;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 1px
}

.navigation__arrow {
    position: absolute;
    top: 26px
}

.navigation__total {
    color: #41AA37
}

.testimonials {
    padding: 14px 0 60px;
    width: 100%;
    overflow: hidden
}

.testimonials__h2 {
    text-align: center;
    margin: 0 0 69px;
    color: #343434
}

.testimonials .wrap {
    position: static
}

.testimonials__list {
    margin-bottom: 59px
}

.testimonials__list .card {
    margin: 0;
    height: 455px;
    position: relative;
    width: 100%;
    margin: 0
}

.testimonials__list .card__h5 {
    color: #343434;
    margin: 0
}

.testimonials__list .card__excerpt {
    color: #6a6a6a;
    font: 400 10px/16px 'Northern', Arial, Helvetica, sans-serif;
    margin-top: 10px;
    letter-spacing: .1px
}

.testimonials__list .card__inner {
    height: 100%;
    width: 370px;
    font-size: 0;
    height: 480px
}

.testimonials__list .card__inner:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.testimonials__list .card__content {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding-bottom: 5px;
    font-size: 0;
    padding-right: 101px
}

.testimonials__list .card__h3 {
    margin: 0 0 23px;
    color: #343434
}

.testimonials__list .card__divider {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 1px;
    background-color: #343434;
    margin-top: 35px
}

.testimonials__list .card__text {
    overflow: hidden;
    margin-top: 14px
}

.testimonials__list .card__text p:first-child {
    margin: 0
}

.testimonials__list .card__img {
    height: 455px;
    width: calc(100% - 370px - ((100% - 1140px) / 2));
    max-width: 1000px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-200px, 0);
    -ms-transform: translate(-200px, 0);
    transform: translate(-200px, 0);
    cursor: default
}

.testimonials__list .card__img:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    transition: opacity .5s ease;
    display: none
}

.testimonials__list .card__img[data-youtube] {
    cursor: pointer
}

.testimonials__list .card__img[data-youtube]:before {
    display: block
}

.testimonials__list .card__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.testimonials__list .card__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 2
}

.text-block {
    margin-top: 30px;
    padding: 20px 0
}

.text-block__wrap {
    font-size: 0;
    line-height: 0
}

.text-block__title {
    margin: 0;
    color: #343434
}

.text-block__left-col {
    width: 50%;
    padding-right: 50px;
    display: inline-block;
    vertical-align: top
}

.text-block__right-col {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.text-block__right-col p {
    max-width: 440px
}

.text-block__right-col p:first-child {
    margin-top: 6px
}

.text-block__right-col .button {
    margin-top: 32px
}

.statistics {
    width: 100%;
    background-color: #fff;
    padding-top: 207px;
    padding-bottom: 120px
}

.statistics__list {
    width: calc(100% + 90px);
    font-size: 0;
    margin-left: -45px;
    padding-bottom: 96px;
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.statistics .card {
    width: 320px;
    margin: 0 45px;
    display: inline-block;
    vertical-align: top
}

.statistics .card__h3 {
    color: #41AA37;
    font-size: 48px;
    margin: 0;
    max-width: 320px;
    display: inline-block
}

.statistics .card__span {
    max-width: 100%
}

.statistics .card__h5 {
    margin-top: 15px;
    margin-bottom: 24px;
    color: #343434
}

.statistics .map {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    z-index: 0
}

.statistics .map__wrap {
    overflow-x: auto;
    width: 100%
}

.statistics .map__img {
    margin: 0 auto;
    width: 914px;
    height: 540px
}

.statistics .map__prompt {
    display: none;
    position: absolute;
    bottom: -3px;
    right: 31px;
    font-size: 10px;
    line-height: 16px;
    z-index: 1
}

.mission {
    width: 100%;
    background-color: #fdb941;
    padding-top: 105px;
    padding-bottom: 103px
}

.mission__h2 {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    line-height: 1.35;
    font-weight: 500;
    letter-spacing: -0.5px
}

.mission__h2 span {
    color: #ea861c
}

.values {
    width: 100%;
    background-color: #fff;
    padding-top: 76px;
    padding-bottom: 0px
}

.values__h2 {
    color: #383838;
    letter-spacing: -0.5px
}

.values__list {
    width: calc(100% + 90px);
    padding-top: 25px;
    margin-left: -45px;
    font-size: 0
}

.values .card {
    width: 320px;
    display: inline-block;
    vertical-align: top;
    margin: 0 45px 56px
}

.values .card__img {
    height: 190px;
    width: 100%
}

.values .card__h5 {
    margin-top: 26px;
    margin-bottom: 24px;
    color: #343434
}

.values .card__text {
    font-size: 14px
}

.director {
    width: 100%;
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 120px
}

/*.director .wrap {*/
/*    font-size: 0*/
/*}*/

.director__img {
    width: 750px;
    height: 455px;
    display: inline-block;
    vertical-align: middle
}

.director__img_tab {
    display: none
}

.director__content {
    width: calc(100% - 756px);
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 13px 70px
}

.director__h5 {
    margin-bottom: 0px;
    color: #343434
}

.director__h6 {
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 35px;
    color: #888888;
    font-weight: 400;
    letter-spacing: 0.1px
}

.article {
    width: 100%;
    background-color: #fff;
    padding-top: 39px;
    padding-bottom: 52px;
}

.article__title {
    margin: 30px 0;
    font-size: 30px;
    line-height: 1
}

.article__date {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 16px;
    display: inline-block;
    position: relative
}

.article__date:after {
    content: '';
    position: absolute;
    right: -72px;
    top: 7px;
    width: 60px;
    height: 1px;
    background-color: #343434
}

.article .tags {
    padding-top: 0;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 101px);
    margin-bottom: -3px;
    margin-top: 0;
    padding-left: 0
}

.article .tags .item {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0
}

.article .tags .item__link {
    text-decoration: none;
    color: #41AA37;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.1px;
    transition: color .5s ease
}

.article .tags .item__link:hover {
    color: #343434
}

.article .tags .item:before {
    display: none
}

.article .views {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    text-align: right
}

.article .views__wrap {
    display: inline-block;
    vertical-align: middle;
    color: #6a6a6a;
    font-size: 10px;
    line-height: 16px
}

.article .views:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 10px;
    background-image: url("../img/eye_icon.png");
    margin-right: 4px
}

.article blockquote {
    border-left: 1px solid #343434;
    padding-left: 49px;
    margin: 45px 0 50px;
    color: #343434;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0
}

.article blockquote br {
    margin-bottom: 14px;
    display: block;
    content: ''
}

.article ul {
    padding-left: 60px;
    margin-top: 36px;
    margin-bottom: 50px
}

.article ul li {
    font-size: 14px;
    line-height: 24px;
    margin: 16px 0;
    letter-spacing: 0.14px;
    position: relative
}

.article ul li:before {
    content: '';
    position: absolute;
    left: -60px;
    top: 11px;
    width: 40px;
    height: 1px;
    background-color: #41AA37
}

.article ol {
    margin-bottom: 50px;
    margin-top: 28px;
    padding-left: 107px;
    list-style: none
}

.article ol li {
    font-size: 14px;
    line-height: 24px;
    margin: 16px 0;
    letter-spacing: 0.14px;
    position: relative
}

.article ol li:after {
    position: absolute;
    top: 3px;
    left: -107px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    color: #343434
}

.article ol li:before {
    left: -79px;
    top: 10px;
    width: 60px;
    background-color: #343434;
    content: '';
    position: absolute;
    height: 1px
}

.article ol li:nth-child(1):after {
    content: "01"
}

.article ol li:nth-child(2):after {
    content: "02"
}

.article ol li:nth-child(3):after {
    content: "03"
}

.article ol li:nth-child(4):after {
    content: "04"
}

.article ol li:nth-child(5):after {
    content: "05"
}

.article ol li:nth-child(6):after {
    content: "06"
}

.article ol li:nth-child(7):after {
    content: "07"
}

.article ol li:nth-child(8):after {
    content: "08"
}

.article ol li:nth-child(9):after {
    content: "09"
}

.article ol li:nth-child(10):after {
    content: "10"
}

.article ol li:nth-child(11):after {
    content: "11"
}

.article ol li:nth-child(12):after {
    content: "12"
}

.article ol li:nth-child(13):after {
    content: "13"
}

.article ol li:nth-child(14):after {
    content: "14"
}

.article ol li:nth-child(15):after {
    content: "15"
}

.article ol li:nth-child(16):after {
    content: "16"
}

.article ol li:nth-child(17):after {
    content: "17"
}

.article ol li:nth-child(18):after {
    content: "18"
}

.article ol li:nth-child(19):after {
    content: "19"
}

.article ol li:nth-child(20):after {
    content: "20"
}

.article ol li:nth-child(21):after {
    content: "21"
}

.article ol li:nth-child(22):after {
    content: "22"
}

.article ol li:nth-child(23):after {
    content: "23"
}

.article ol li:nth-child(24):after {
    content: "24"
}

.article ol li:nth-child(25):after {
    content: "25"
}

.article ol li:nth-child(26):after {
    content: "26"
}

.article ol li:nth-child(27):after {
    content: "27"
}

.article ol li:nth-child(28):after {
    content: "28"
}

.article ol li:nth-child(29):after {
    content: "29"
}

.article ol li:nth-child(30):after {
    content: "30"
}

.article ol li:nth-child(31):after {
    content: "31"
}

.article ol li:nth-child(32):after {
    content: "32"
}

.article ol li:nth-child(33):after {
    content: "33"
}

.article ol li:nth-child(34):after {
    content: "34"
}

.article ol li:nth-child(35):after {
    content: "35"
}

.article ol li:nth-child(36):after {
    content: "36"
}

.article ol li:nth-child(37):after {
    content: "37"
}

.article ol li:nth-child(38):after {
    content: "38"
}

.article ol li:nth-child(39):after {
    content: "39"
}

.article ol li:nth-child(40):after {
    content: "40"
}

.article ol li:nth-child(41):after {
    content: "41"
}

.article ol li:nth-child(42):after {
    content: "42"
}

.article ol li:nth-child(43):after {
    content: "43"
}

.article ol li:nth-child(44):after {
    content: "44"
}

.article ol li:nth-child(45):after {
    content: "45"
}

.article ol li:nth-child(46):after {
    content: "46"
}

.article ol li:nth-child(47):after {
    content: "47"
}

.article ol li:nth-child(48):after {
    content: "48"
}

.article ol li:nth-child(49):after {
    content: "49"
}

.article ol li:nth-child(50):after {
    content: "50"
}

.article .imgs {
    margin-bottom: -9px
}

.article .imgs table {
    width: calc(100% + 60px);
    margin-left: -30px;
    border-collapse: separate;
    border-spacing: 30px 30px
}

.article .imgs img {
    width: 360px;
    height: 260px;
    margin: 0
}

.article .video {
    margin-top: 52px;
    margin-bottom: 58px
}

.article .video>div {
    height: 0;
    padding-bottom: 56.25%;
    cursor: pointer;
    position: relative
}

.article .video>div:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    transition: opacity .5s ease
}

.article .video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.article .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 2
}

.article .table {
    padding-top: 7px;
    margin-bottom: 56px
}

.article .table table {
    width: 100%
}

.article .table thead {
    font-size: 10px;
    line-height: 30px;
    font-weight: 700;
    color: #343434;
    text-transform: uppercase;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #41AA37
}

.article .table thead th {
    padding: 9px 0 8px
}

.article .table tbody {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.16px
}

.article .table tbody tr {
    border-bottom: 1px solid #eaeaea
}

.article .table tbody td {
    padding: 24px 0 22px;
    vertical-align: top
}

.article .table td:not(:first-child),
.article .table th:not(:first-child) {
    padding-left: 12px
}

.article .table td:not(:last-child),
.article .table th:not(:last-child) {
    padding-right: 12px
}

.article .sliders {
    margin-top: 42px;
    margin-bottom: 57px;
    overflow: hidden
}

.article .slider-main {
    position: relative
}

.article .slider-main__wrap>div>div>div {
    width: 100%;
    height: 455px
}

.article .slider-main__zoom-icon {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 24px;
    height: 24px;
    margin: 0
}

.article .slider-main .slick-slide {
    pointer-events: none
}

.article .slider-nav {
    margin-top: 13px;
    width: calc(100% + 8px);
    margin-left: -5px
}

.article .slider-nav .slick-current {
    position: relative
}

.article .slider-nav .slick-current:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1
}

.article .slider-nav>div>div>div>div {
    width: 143px;
    height: 88px;
    margin: 0 auto
}

.article .slider-description {
    margin-top: 13px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 11px
}

.article .img-description {
    margin-top: 21px;
    margin-bottom: 50px
}

.article .img-description img {
    margin-bottom: 0
}

.article .img-description p {
    margin-top: 12px
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    color: #343434
}

.article h1:not(.article__title) {
    margin-top: 47px;
    margin-bottom: 23px
}

.article h2 {
    margin-top: 12px;
    margin-bottom: 27px
}

.article h4 {
    margin-bottom: 29px
}

.article h5 {
    margin-top: 38px;
    margin-bottom: 27px
}

.article h6 {
    margin-bottom: 19px
}

.article p {
    margin: 11px 0;
    letter-spacing: 0.14px
}

.article a {
    transition: all .3s ease;
    border-bottom: 1px solid #41AA37
}

.article a:hover {
    border-color: #6a6a6a
}

.article sup,
.article sub {
    font-size: 8px
}

.article img {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: auto
}

.share__line {
    height: 1px;
    background: #eaeaea;
    margin-right: 24px;
    -webkit-flex-basis: 1030px;
    -ms-flex-preferred-size: 1030px;
    flex-basis: 1030px;
    -webkit-flex-shrink: 2;
    -ms-flex-negative: 2;
    flex-shrink: 2
}

.share__text {
    margin-left: 9px;
    padding-left: 70px;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    color: #6a6a6a;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    position: relative
}

.share__text:before {
    content: '';
    width: 60px;
    height: 1px;
    background-color: #343434;
    position: absolute;
    top: 7px;
    left: 0px
}

.share__social {
    margin-top: -2px
}

.share__social .social__item {
    font-size: 18px;
    line-height: 2.5;
    color: #343434;
    transition: color 0.5s ease
}

.share__social .social__item:hover {
    color: #41AA37
}

.share_vertical {
    position: absolute;
    top: 324px;
    right: 63px;
    width: 16px
}

.share_vertical .share__text {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.share_horizontal {
    padding-top: 50px;
    height: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 85px;
    overflow: inherit
}

.share_horizontal .share__text {
    margin-left: 7px;
    padding-left: 82px
}

.share_horizontal .share__text:before {
    width: 64px
}

.share_horizontal .share__social {
    margin-top: 0px
}

.share_horizontal .social__item {
    font-size: 18px;
    display: table-cell;
    width: 80px;
    text-align: center
}

.articles_journal.articles {
    padding-top: 0;
    padding-bottom: 40px;
    margin-top: 122px
}

.articles_journal.articles .articles_journal__title {
    margin-bottom: 72px
}

.articles_journal.articles .card {
    margin-bottom: 36px
}

.articles_journal.articles .card__h5 {
    margin-bottom: 16px
}

.tour__body {
    position: relative
}

.tour__body-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer
}

.tour__body-overlay span {
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.tour__iframe {
    width: 100%;
    min-height: 500px;
    outline: 0;
    border: 0
}

.apartment-head {
    padding-top: 0px;
    font-size: 0;
    position: relative
}

.apartment-head__h2 {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    color: #343434;
    margin: 0;
    padding: 0px 0 42px
}

.apartment-head__diagram {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 170px;
    padding-left: 16px
}

.apartment-head_fullwidth .apartment-head__h2 {
    width: 100%
}

.apartment-head_single {
    padding-top: 45px
}

.apartment-head_single .apartment-head__back {
    font: 700 10px/1 'Northern', Arial, Helvetica, sans-serif;
    letter-spacing: .8px;
    color: #41AA37;
    display: block;
    text-transform: uppercase;
    transition: color .5s ease
}

.apartment-head_single .apartment-head__back:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 1px solid #41AA37;
    border-left: 1px solid #41AA37;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -2px;
    margin-right: 5px;
    transition: border-color .5s ease
}

.gallery {
    padding: 58px 0 66px;
    width: 100%
}

.gallery .wrap {
    font-size: 0
}

.gallery__wrap {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 520px);
    border: 1px solid #eaeaea;
    position: relative
}

.gallery__slider {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 11px;
    position: relative;
    padding: 77px 15px 42px 15px
}

.gallery__slider .slick-slide img {
    max-width: 100%;
    height: auto;
    display: block
}

.gallery__slider .slick-track {
    max-height: 464px
}

.gallery__photo {
    margin: 0;
    height: 485px;
    width: 100%;
    margin: 0
}

.gallery__nav {
    padding: 0 7px 11px
}

.gallery .slick-current .gallery__img {
    position: relative
}

.gallery .slick-current .gallery__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1
}

.gallery__img {
    height: 90px;
    width: 145px;
    border: 1px solid #eaeaea;
    margin: 0 auto
}

.gallery__content {
    width: 520px;
    display: inline-block;
    vertical-align: top;
    padding-left: 47px
}

.gallery__content_mob {
    display: none
}

.gallery__diagram {
    height: 182px
}

.gallery__diagram_desk {
    display: block
}

.gallery__diagram_tab {
    display: none;
    margin-bottom: 48px
}

.gallery__h3 {
    padding-left: 3px;
    color: #343434
}

.gallery__h3 br {
    display: none
}

.gallery__text {
    padding-left: 3px;
    margin-bottom: 31px
}

.gallery__text p {
    margin-top: 0;
    margin-bottom: 6px
}

.gallery__text span {
    display: inline-block;
    width: 170px
}

.gallery__button {
    margin-left: 3px;
    width: 276px
}

.gallery__zoom {
    padding: 0;
    position: absolute;
    right: 30px;
    bottom: 110px
}

.gallery__zoom svg {
    width: 24px;
    height: 24px;
    max-height: 24px
}

.gallery__zoom svg>* {
    fill: #41AA37
}

.apartment-description {
    height: 470px;
    margin-top: 60px;
    padding-top: 20px;
    position: relative;
    width: 100%;
    margin-bottom: 50px
}

.apartment-description .wrap {
    position: static
}

.apartment-description__inner {
    height: 100%;
    width: 390px;
    font-size: 0;
    height: 470px
}

.apartment-description__inner:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.apartment-description__content {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding-bottom: 0px;
    padding-top: 4px;
    font-size: 0
}

.apartment-description__h3 {
    margin: 0 0 20px;
    color: #343434
}

.apartment-description__number {
    font-weight: 700;
    font-size: 10px;
    line-height: 30px;
    color: #343434;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    margin-right: 12px;
    margin-top: 1px
}

.apartment-description__divider {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 1px;
    background-color: #343434
}

.apartment-description__text {
    overflow: hidden;
    margin-top: 19px
}

.apartment-description__text p:first-child {
    margin: 0
}

.apartment-description__img {
    height: 100%;
    width: 750px;
    max-width: 1000px;
    position: absolute;
    top: 20px;
    left: 50%
}

.apartment-description__img .card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer
}

.apartment-description_left .apartment-description__content {
    padding-right: 70px
}

.apartment-description_left .apartment-description__img {
    -webkit-transform: translate(-180px, 0);
    -ms-transform: translate(-180px, 0);
    transform: translate(-180px, 0)
}

.apartment-description_right .apartment-description__inner {
    margin-left: 770px
}

.apartment-description_right .apartment-description__content {
    padding-left: 100px
}

.apartment-description_right .apartment-description__img {
    -webkit-transform: translateX(-100%) translateX(200px);
    -ms-transform: translateX(-100%) translateX(200px);
    transform: translateX(-100%) translateX(200px)
}

.floor-plan {
    padding-top: 35px;
    padding-bottom: 30px
}

.floor-plan__h2 {
    margin-top: 0;
    color: #343434;
    text-align: center;
    margin-bottom: 53px;
    letter-spacing: -0.5px
}

.floor-plan__img {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    height: 350px
}

.how-to-buy {
    padding-top: 45px;
    font-size: 0;
    overflow: hidden
}

.how-to-buy__h2 {
    color: #343434
}

.how-to-buy__list {
    padding-top: 23px;
    width: calc(100% + 60px);
    margin-left: -30px;
    font-size: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.how-to-buy .card {
    display: inline-block;
    vertical-align: top;
    width: 540px;
    background-color: #41AA37;
    border-radius: 0 0 60px 0;
    padding: 50px 52px 62px 50px;
    color: #fff;
    margin-bottom: 80px;
    margin-right: 30px
}

.how-to-buy .card__h3 {
    margin-top: 8px
}

.how-to-buy .card__text p {
    font-weight: 500;
    margin-bottom: 11px
}

.how-to-buy .card__more {
    color: #fff;
    text-transform: uppercase;
    transition: all .5s ease;
    font-size: 10px;
    line-height: 30px;
    font-weight: 700;
    display: inline-block;
    letter-spacing: 0.9px
}

.how-to-buy .card__more:after {
    background-color: #FFF;
    content: '';
    width: 40px;
    height: 1px;
    display: block;
    transition: all .5s ease
}

.how-to-buy .card:nth-child(4n+2) {
    background-color: #f9b851
}

.how-to-buy .card:nth-child(4n+3) {
    background-color: #d0a379
}

.how-to-buy .card:nth-child(4n+4) {
    background-color: #5c9637
}

.how-to-buy .card:hover .card__more:after {
    width: 100%
}

.apartaments.apartaments_related {
    display: block;
    width: 100%;
    padding-top: 33px;
    padding-bottom: 62px;
    margin-bottom: 0
}

.apartaments.apartaments_related .apartaments__list {
    padding-top: 23px
}

.apartaments.apartaments_related .card {
    margin: 0 15px 36px;
    width: 360px
}

.apartaments.apartaments_related .card__img {
    height: 260px
}

.apartaments.apartaments_related .card__bg {
    height: 180px;
    top: 40px;
    bottom: 40px;
    left: 30px;
    width: calc(100% - 60px)
}

.apartaments.apartaments_related .view-all_apartaments_related .more:hover:after {
    width: 100%
}

.temporary {
    font-size: 0
}

.buffer {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 847px)
}

.pagination {
    font-size: 10px;
    white-space: nowrap
}

.pagination .first,
.pagination .last,
.pagination .prev,
.pagination .next {
    display: none
}

.pagination li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font: 700 10px/42px 'Northen', Arial, Helvetica, sans-serif;
    color: #41AA37;
    margin-left: 7px
}

.pagination a {
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #82cda6;
    color: inherit;
    transition: all .5s ease
}

.pagination a:hover {
    background: #41AA37;
    color: #fff;
    border-color: #41AA37
}

.pagination li.active a {
    background: #41AA37;
    color: #fff;
    border-color: #41AA37
}

.apartaments {
    display: inline-block;
    vertical-align: top;
    width: 847px;
    padding-top: 95px;
    margin-bottom: 80px
}

.apartaments__recommended {
    margin-bottom: 50px
}

.apartaments__recommended-desc {
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.14px;
    margin-bottom: 50px;
    max-width: 440px
}

.apartaments__recommended-title {
    color: #343434;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 55px
}

.apartaments__line {
    width: 100%;
    height: 1px;
    background: #eaeaea
}

.apartaments__cell {
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.apartaments__cell:nth-of-type(2) {
    white-space: nowrap;
    padding-left: 35px
}

.apartaments__bottom {
    display: table
}

.apartaments__h2 {
    margin-top: 0;
    text-align: center;
    color: #343434
}

.apartaments__h2 span {
    color: #41AA37
}

.apartaments__list {
    font-size: 0;
    width: calc(100% + 30px);
    margin-left: -15px
}

.apartaments .card {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 52px;
    height: auto;
    width: 262px
}

.apartaments .card__img {
    height: 195px;
    width: 100%;
    border: 1px solid #eaeaea;
    position: relative;
    overflow: hidden
}

.apartaments .card__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    z-index: 1
}

.apartaments .card__content {
    box-sizing: border-box;
    height: auto;
    width: 100%
}

.apartaments .card__h5 {
    margin-top: 25px;
    margin-bottom: 12px;
    color: #343434;
    transition: color 0.5s ease
}

.apartaments .card__divider {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 1px;
    background-color: #343434
}

.apartaments .card__text {
    margin-top: 3px
}

.apartaments .card__text p {
    margin: 0
}

.apartaments .card_stub {
    cursor: default;
    pointer-events: none
}

.apartaments .card_stub .card__img {
    border: none
}

[data-pages="apartments-page"] .apartaments {
    margin-bottom: 0
}

[data-pages="apartments-page"] .filters {
    margin-bottom: 0
}

[data-pages="apartments-page"] .temporary {
    margin-bottom: 90px
}

[data-pages="apartments-page"] .buffer {
    margin-top: 30px
}

.radio {
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.radio__mask {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 0;
    left: 0;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    font: 700 10px/1 'Northern', Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    transition: all .5s ease
}

.radio__mask:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.radio__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0
}

.radio__input:checked+.radio__mask {
    background: #fff;
    color: #22a662
}

.radio__input:checked+.radio__mask .radio__svg {
    fill: #22a662
}

.radio__input[disabled]+.radio__mask {
    border-color: rgba(255, 255, 255, 0.2)
}

.radio__label {
    margin-left: 60px;
    position: relative;
    top: 16px
}

.radio__svg {
    display: inline-block;
    vertical-align: middle;
    max-height: 23px;
    max-width: 22px;
    margin-left: -2px;
    transition: fill .5s ease;
    fill: #fff
}

.nouislider .noUi-handle {
    outline: none;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: none;
    box-shadow: none;
    cursor: pointer;
    top: -9px
}

.nouislider .noUi-handle:before,
.nouislider .noUi-handle:after {
    display: none
}

.nouislider .noUi-handle-upper,
.nouislider .noUi-handle-lower {
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px)
}

.nouislider .noUi-target {
    border: none;
    box-shadow: none;
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0
}

.nouislider .noUi-connect {
    background: #fff;
    border-radius: 0;
    box-shadow: none
}

.nouislider__ranges {
    margin-top: 19px
}

.ranges {
    font-size: 0;
    white-space: nowrap
}

.ranges__input {
    background: none;
    outline: none;
    border: none;
    border-bottom: 1px solid #fff;
    height: 42px;
    font: 400 14px 'Northern', Arial, Helvetica, sans-serif;
    text-align: center;
    padding-left: 10px;
    -webkit-appearance: none;
    -moz-appearance: textfield
}

.ranges__input::-webkit-outer-spin-button,
.ranges__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ranges__input[data-no-ui-input-min] {
    width: 80px;
    margin-right: 2px
}

.ranges__input[data-no-ui-input-max] {
    width: 90px;
    margin-right: 17px;
    margin-left: 2px
}

.ranges__input_no_padding {
    padding: 0
}

.ranges__label {
    font: 400 10px/1 'Northern', Arial, Helvetica, sans-serif;
    position: relative;
    top: -2px
}

.filters {
    background: #22a662;
    color: #fff;
    padding: 0 30px;
    width: 292px;
    font: 400 14px/1 'Northern', Arial, Helvetica, sans-serif;
    margin-left: -30px;
    margin-top: 70px;
    margin-bottom: 90px
}

.filters__section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 29px 0 40px;
    margin-bottom: 10px
}

.filters__section:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.filters__section:after {
    content: "";
    display: table;
    clear: both
}

.filters__heading {
    font: 400 14px/1 'Northern', Arial, Helvetica, sans-serif;
    margin-bottom: 17px
}

.filters__heading_side_left {
    float: left;
    margin-bottom: 13px
}

.filters__inner_side_right {
    float: left;
    margin-left: 45px
}

.filters__radio {
    margin-right: 6px
}

.filters__radio-column {
    margin-top: 27px
}

.filters__nouislider {
    margin-top: 38px
}

.filters__radio-column .radio {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.filters:after {
    content: "";
    display: table
}

.filters__custom-select {
    width: 80px;
    margin-top: -17px
}

.fancybox-navigation button:before,
.fancybox-toolbar button {
    border-radius: 50%;
    transition: .2s;
    background: #fff
}

.fancybox-navigation button:hover:before,
.fancybox-toolbar button:hover {
    background: rgba(255, 255, 255, 0.8)
}

.fancybox-navigation button svg,
.fancybox-toolbar button svg {
    transition: .2s;
    color: #41AA37
}

.commercial-question .manager {
    padding: 0;
    background: transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.commercial-question .manager__bg {
    position: relative;
    max-width: 50%;
    width: 50%
}

.commercial-question .manager__text-wrapper {
    padding-left: 40px;
    color: #343434
}

.gallery_commercial {
    padding-bottom: 0
}

.gallery_commercial .gallery__slider .slick-slide {
    pointer-events: none
}

.gallery_commercial .gallery__slider .slick-slide img {
    pointer-events: none;
    max-width: 100%
}

.gallery_commercial .wrap:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 600px
}

.gallery_commercial .wrap .gallery__content_desk {
    vertical-align: middle
}

.gallery_commercial .gallery__slider {
    padding: 77px 15px 42px 15px
}

.gallery_commercial .gallery__h3 {
    margin-top: 0
}

.gallery_commercial .gallery__wrap {
    position: relative
}

.invest-calculator {
    margin-top: 72px;
    padding: 105px 0 94px;
    background: #41AA37
}

.invest-calculator__columns:before,
.invest-calculator__columns:after {
    display: block;
    content: '';
    clear: both
}

.invest-calculator__column {
    float: left;
    width: 50%
}

.invest-calculator__h2 {
    color: #3b3b3b;
    margin-top: 0
}

.invest-calculator__h2 strong {
    color: #fff
}

.invest-calculator__form {
    max-width: 390px;
    margin-left: 100px
}

.invest-calculator__form strong {
    font-weight: 500
}

.invest-calculator__form .label {
    display: inline-block;
    position: static
}

.invest-calculator__form .form__row:not(:last-of-type) {
    padding-bottom: 20px;
    margin-bottom: 32px
}

.invest-calculator__form .form__input {
    padding-left: 49px;
    font-weight: 500;
    max-width: calc(100% - 30px)
}

.invest-calculator__form .form__row_split_2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.invest-calculator__form .form__row_split_2>*:nth-of-type(2n+1) {
    width: 46%;
    margin-left: -9px;
    margin-right: 0
}

.invest-calculator__form .form__row_split_2>*:nth-of-type(2n) {
    width: 54%;
    margin-right: 0;
    margin-left: 9px
}

.invest-calculator__form .form__row_split_2>*:nth-of-type(2n)>.label {
    margin-left: 40px
}

.invest-calculator__form .form__row_split_2.last {
    border-bottom: 0
}

.invest-calculator__form .form__button {
    border: 1px solid #fff;
    width: 274px
}

.invest-calculator__form_currency {
    font-size: 10px;
    line-height: 1;
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px
}

.values_commercial .values__h2 {
    text-align: center;
    max-width: 610px;
    margin-left: auto;
    margin-right: auto
}

.values_commercial .card__number {
    font-size: 10px;
    width: 23px;
    font-weight: 700;
    line-height: 20px;
    color: #343434;
    display: inline-block
}

.values_commercial .card__divider {
    display: inline-block;
    margin-bottom: 3px
}

.how-to-buy_commercial {
    padding-top: 0;
    margin-top: -40px
}

.how-to-buy_commercial .view-all {
    margin-top: -34px;
    margin-bottom: 62px
}

.vidjet {
    width: 95px;
    border-radius: 70px;
    background-color: #41AA37;
    position: fixed;
    z-index: 999999;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.vidjet__body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 10px;
    text-align: center
}

.vidjet__img {
    margin-bottom: 5px
}

.vidjet__img img {
    max-width: 27px
}

.vidjet__desc {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 1px;
    color: #fff
}

.vidjet__item {
    margin-bottom: 30px;
    position: relative;
    transition: opacity .1s ease
}

.vidjet__item:last-child {
    margin-bottom: 0
}

.vidjet__item:hover {
    opacity: .7
}

.vidjet__link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.readiness {
    padding: 138px 0 120px;
    width: 100%;
    overflow: hidden
}

.readiness .wrap {
    position: static
}

.readiness .wrap_large {
    font-size: 0
}

.readiness .card__blur {
    display: none;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, white 100%)
}

.readiness .card__blur_show {
    display: block
}

.readiness .card__btn {
    margin-top: 7px;
    outline: none;
    background-color: transparent;
    border: none;
    padding: 0 35px 0 0px;
    font: 500 10px/1 'Northern', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    display: block;
    text-align: left;
    height: 27px;
    position: relative;
    z-index: 2;
    color: #41AA37;
    width: 108px
}

.readiness .card__btn:after {
    content: '';
    position: absolute;
    top: 9px;
    right: 18px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #41AA37;
    border-bottom: 1px solid #41AA37;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.readiness .card__btn_show:after {
    -webkit-transform: translate3d(0px, 3px, 1px) rotate(-135deg);
    transform: translate3d(0px, 3px, 1px) rotate(-135deg)
}

.readiness__wrapp {
    height: auto;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-bottom: 8px
}

.readiness__navigation__content {
    padding-right: 40px;
    padding-left: 0
}

.readiness__navigation_tab {
    display: none
}

.readiness .navigation__content {
    padding-left: 0
}

.readiness__list {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 430px);
    margin-bottom: 59px
}

.readiness .card {
    margin: 0;
    height: 455px;
    width: 100%;
    margin: 0
}

.readiness .card .video {
    width: 100%;
    height: 100%
}

.readiness .card .video div {
    width: 100%;
    height: 100%;
    position: relative
}

.readiness .card .video iframe {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute
}

.readiness__content {
    width: 430px;
    display: inline-block;
    vertical-align: top;
    padding-left: 39px
}

.readiness__diagram {
    height: 203px
}

.readiness__button {
    width: 212px;
    display: none
}

.readiness__text {
    padding-left: 3px;
    margin-bottom: 42px;
    vertical-align: middle;
    box-sizing: border-box;
    height: auto;
    position: relative;
    height: 280px;
    overflow: hidden
}

.readiness__text p {
    margin-top: 0;
    margin-bottom: 6px
}

.readiness__more {
    margin-bottom: 22px
}

.readiness__subscribe {
    padding-left: 3px;
    font-size: 0
}

.readiness__subscribe p {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 38px 0 0
}

.readiness__icon {
    padding: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1;
    color: #41AA37;
    border: 1px solid #41AA37;
    border-radius: 50%;
    margin-right: 10px;
    transition: all 0.5s ease
}

.readiness__icon:hover {
    background-color: #41AA37;
    color: #fff
}

.slick-prev,
.slick-next {
    display: inline-block;
}

.new-quality {
    padding-top: 116px;
    margin-bottom: -3px;
    overflow: hidden
}

.new-quality .card__blur {
    display: none;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, white 100%)
}

.new-quality .card__blur_show {
    display: block
}

.new-quality .card__btn {
    margin-top: 7px;
    outline: none;
    background-color: transparent;
    border: none;
    padding: 0 35px 0 0px;
    font: 500 10px/1 'Northern', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    display: block;
    text-align: left;
    height: 27px;
    position: relative;
    z-index: 2;
    color: #41AA37;
    width: 108px
}

.new-quality .card__btn:after {
    content: '';
    position: absolute;
    top: 9px;
    right: 18px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #41AA37;
    border-bottom: 1px solid #41AA37;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.new-quality .card__btn_show:after {
    -webkit-transform: translate3d(0px, 3px, 1px) rotate(-135deg);
    transform: translate3d(0px, 3px, 1px) rotate(-135deg)
}

.new-quality__h2 {
    margin-top: 0;
    text-align: center;
    color: #343434
}

.new-quality__h2 span {
    color: #41AA37
}

.new-quality__list {
    font-size: 0;
    width: calc(100% + 60px);
    margin-left: -30px;
    padding-top: 23px
}

.new-quality .card {
    display: inline-block;
    vertical-align: top;
    margin: 0 30px 74px;
    height: auto;
    width: 540px
}

.new-quality .card__content {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: auto;
    width: 100%;
    padding-right: 2px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.new-quality .card__h3 {
    margin: 0 0 20px;
    color: #343434
}

.new-quality .card__number {
    font-weight: 700;
    font-size: 10px;
    line-height: 30px;
    color: #343434;
    display: inline-block;
    vertical-align: middle;
    width: 28px
}

.new-quality .card__divider {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 1px;
    background-color: #343434
}

.new-quality .card__text {
    overflow: hidden;
    margin-top: 18px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: auto;
    position: relative;
    height: 140px
}

.new-quality .card__text.without_height {
    height: auto;
    margin-bottom: 30px;
    padding-bottom: 0
}

.new-quality .card__text.without_height p:last-child {
    padding-bottom: 0
}

.new-quality .card__text p {
    margin: 0
}

.new-quality .card__text p:last-child {
    padding-bottom: 50px
}

.new-quality .card__text span {
    font-weight: 500
}

.new-quality .card__img_desk {
    display: inline-block;
    vertical-align: middle;
    height: 305px;
    width: 100%;
    margin-bottom: 48px
}

.new-quality .card__img_desk_mob {
    display: none
}

.new-quality .card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer
}

.new-quality .card__img.card__img_desk {
    pointer-events: none;
    height: 305px
}

.new-quality .card_large {
    width: 1140px;
    height: 455px;
    margin-bottom: 80px
}

.new-quality .card_large .card__content {
    padding-top: 4px;
    padding-right: 75px;
    width: 390px;
    height: 570px;
    height: auto;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.new-quality .card_large .card__img_desk {
    margin-bottom: 0;
    height: 455px;
    width: calc(100% - 390px)
}

.infrastructure-objects__h5 {
    color: #343434
}

.infrastructure-objects__list .card {
    padding: 0;
    text-align: left
}

.infrastructure-objects__list .card__icon {
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    transition: border-color .5s ease;
    text-align: center
}

.infrastructure-objects__list .card__icon:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.infrastructure-objects__list .card__text {
    font: 400 14px/24px 'Northern', Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    display: inline-block;
    vertical-align: top;
    padding-top: 11px;
    padding-left: 15px;
    width: calc(100% - 45px);
    padding-right: 40px
}

.infrastructure-objects__list .card__svg {
    max-height: 25px;
    max-width: 25px;
    vertical-align: middle;
    display: inline-block;
    fill: #cccccc;
    transition: fill .5s ease
}

.infrastructure-objects__list .card_active .card__icon {
    border-color: #fbd497
}

.infrastructure-objects__list .card_active .card__svg {
    fill: #f9b851
}

.infrastructure-objects__card {
    display: inline-block;
    vertical-align: top;
    width: 195px;
    margin-bottom: 30px
}

.map .card__blur {
    display: none;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, white 100%)
}

.map .card__blur_show {
    display: block
}

.map .card__btn {
    margin-top: 7px;
    outline: none;
    background-color: transparent;
    border: none;
    padding: 0 35px 0 0px;
    font: 500 10px/1 'Northern', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    display: block;
    text-align: left;
    height: 27px;
    position: relative;
    z-index: 2;
    color: #41AA37;
    width: 108px
}

.map .card__btn:after {
    content: '';
    position: absolute;
    top: 9px;
    right: 18px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #41AA37;
    border-bottom: 1px solid #41AA37;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.map .card__btn_show:after {
    -webkit-transform: translate3d(0px, 3px, 1px) rotate(-135deg);
    transform: translate3d(0px, 3px, 1px) rotate(-135deg)
}

.map__h2 {
    color: #343434;
    text-align: center
}

.map__h5 {
    color: #343434;
    margin-bottom: 23px
}

.map__map {
    height: 550px;
    width: 100%;
    background: #fff;
    margin-top: 53px
}

.map__text {
    height: 141px;
    height: auto;
    overflow: hidden;
    padding-bottom: 50px
}

.map__content {
    margin-top: 26px;
    font-size: 0
}

.map__content-text {
    position: relative;
    height: 150px;
    overflow: hidden
}

.map__description {
    width: 360px;
    display: inline-block;
    vertical-align: top;
    padding-left: 40px
}

.map__infrastructure-objects {
    width: 780px;
    display: inline-block;
    vertical-align: top
}

.infowindow {
    width: 400px;
    background: #fff;
    padding: 20px 60px 54px
}

.infowindow p span {
    color: #f9b851
}

.infowindow p span.home {
    color: #41AA37
}

.infowindow__h5 {
    color: #343434;
    margin-bottom: 24px
}

.infowindow__close {
    padding: 0;
    position: absolute;
    width: 22px;
    height: 22px;
    top: -55% !important;
    right: 20px !important
}

.infowindow__close:before,
.infowindow__close:after {
    content: "";
    display: block;
    width: 31px;
    height: 1px;
    background: #41AA37;
    position: absolute;
    top: 0;
    left: 0
}

.infowindow__close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.infowindow__close:after {
    left: auto;
    right: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.infowindow__divider {
    width: 60px;
    background: #343434;
    height: 1px;
    margin-bottom: 19px
}

.infowindow__tel {
    font: 700 18px/1 'Northern', Arial, Helvetica, sans-serif;
    color: #41AA37;
    letter-spacing: .4px;
    transition: color .5s ease
}

.infowindow__tel:hover {
    color: #343434
}

.infowindow__text {
    margin-top: 11px
}

.infowindow__text p:first-child {
    margin-top: 0
}

._ibani_1 {
    margin-top: 42px;
    position: relative;
    height: 0
}

._ibani_1>div:nth-child(2) {
    overflow: visible !important
}

._ibani_1 .phoney {
    -webkit-transform: translateY(-50%) translateY(-35px);
    -ms-transform: translateY(-50%) translateY(-35px);
    transform: translateY(-50%) translateY(-35px)
}

.accomplishment {
    margin-top: 72px
}

.accomplishment__h2 {
    color: #343434
}

.accomplishment__tabs .tabs__btn {
    font: 700 10px/1 'Northern', Arial, Helvetica, sans-serif;
    color: #343434;
    text-transform: uppercase;
    transition: color .5s ease;
    letter-spacing: .9px;
    padding: 0
}

.accomplishment__tabs .tabs__btn_active {
    color: #41AA37
}

.accomplishment__tabs .tabs__btn:hover {
    color: #41AA37
}

.accomplishment__tabs .tabs__head {
    margin-top: 62px
}

.accomplishment__tabs .tabs__head .wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.accomplishment .custom-select__head {
    text-transform: uppercase;
    padding: 20px
}

.accomplishment .custom-select__head:after {
    border-top: 1px solid #41AA37;
    border-left: 1px solid #41AA37;
    width: 5px;
    height: 5px;
    top: 22px;
    right: 23px
}

.accomplishment .custom-select__value {
    color: #41AA37;
    padding-right: 0;
    letter-spacing: 1px
}

.accomplishment__content {
    height: 525px;
    width: 100%;
    position: relative;
    margin-top: 29px
}

.accomplishment__content:before {
    content: "";
    display: table
}

.accomplishment__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #555
}

.accomplishment__bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
    opacity: .7
}

.accomplishment__text {
    color: #fff;
    position: relative;
    z-index: 1;
    margin-top: 114px;
    max-width: 330px
}

.accomplishment__text p {
    font-weight: 500
}

.architect {
    padding: 50px 0;
    margin-top: 66px
}

.architect__card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.architect__h2 {
    margin-top: 0;
    margin-bottom: 76px;
    color: #343434;
    letter-spacing: -0.6px
}

.architect .card {
    margin: 0;
    font-size: 0
}

.architect .card__content {
    display: inline-block;
    vertical-align: bottom;
    height: auto;
    min-height: 470px;
    width: 390px;
    overflow: hidden;
    padding-right: 75px;
    position: relative;
    margin-bottom: 0
}

.architect .card__h5 {
    margin: 0 0 12px;
    color: #343434;
    line-height: 1
}

.architect .card__label {
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    margin-bottom: 23px
}

.architect .card__divider {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 1px;
    background-color: #343434
}

.architect .card__text {
    padding-bottom: 50px
}

.architect .card__text p {
    margin: 3px 0 11px
}

.architect .card__blur {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, #fff 100%)
}

.architect .card__blur_show {
    display: block
}

.architect .card__btn {
    margin-top: 7px;
    outline: none;
    background-color: transparent;
    border: none;
    padding: 0 35px 0 0px;
    font: 500 10px/1 'Northern', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    display: block;
    text-align: left;
    height: 27px;
    position: relative;
    z-index: 2;
    color: #41AA37;
    width: 108px
}

.architect .card__btn:after {
    content: '';
    position: absolute;
    top: 9px;
    right: 18px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #41AA37;
    border-bottom: 1px solid #41AA37;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.architect .card__btn_show:after {
    -webkit-transform: translate3d(0px, 3px, 1px) rotate(-135deg);
    transform: translate3d(0px, 3px, 1px) rotate(-135deg)
}

.architect .card__img {
    display: inline-block;
    vertical-align: middle;
    height: 470px;
    width: calc(100% - 390px)
}

.image-block {
    margin: 70px 0 67px
}

.image-block__image {
    width: 100%;
    height: auto
}

.articles {
    background-color: #fff;
    padding-bottom: 90px;
    padding-top: 155px;
    width: 100%
}

.articles__h2 {
    color: #343434;
    margin-bottom: 50px
}

.articles__list {
    font-size: 0;
    margin-left: -15px;
    width: calc(100% + 30px)
}

.articles .years-select {
    display: block;
    float: none
}

.articles .years-select__title {
    font-size: 20px;
    color: #41AA37
}

.articles .years-select .filters__section {
    padding-top: 10px
}

.articles .years-select .filters__inner_side_right {
    margin-left: 0
}

.articles .years-select .custom-select {
    width: 100px
}

.articles .card {
    width: 360px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 56px
}

.articles .card__img {
    height: 260px;
    width: 100%;
    position: relative
}

.articles .card__img a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.articles .card__date {
    font-size: 10px;
    line-height: 9px;
    margin-right: 14px;
    vertical-align: middle
}

.articles .card__divider {
    display: inline-block;
    margin: 4px 0;
    vertical-align: middle
}

.articles .card__tags {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 2;
    vertical-align: middle;
    padding-left: 0;
    margin: 5px 0
}

.articles .card__tags>li {
    display: inline-block;
    margin-right: 6px
}

.articles .card__tags>li>a {
    color: #41AA37;
    transition: opacity .3s ease
}

.articles .card__tags>li>a:hover {
    opacity: .7
}

.articles .card__h5 {
    margin-top: 26px;
    margin-bottom: 24px;
    color: #343434;
    transition: color .5s ease
}

.articles .card__h5:hover {
    color: #41AA37
}

.articles .card__text {
    font-size: 14px
}

.without-top-space {
    padding-top: 0px
}

.poster .subscribe__form .checkbox__checkbox:checked+.checkbox__mask:after {
    color: #6a6a6a
}

.catalogue-head {
    padding-top: 30px
}

.complecs {
    width: 100%;
    background-color: #fff;
    padding-bottom: 0px;
    position: relative;
    z-index: 0
}

.complecs.complecs__home .divider_ajax .line {
    width: calc(100% - 290px)
}

.complecs .diagram {
    opacity: 0;
    transition: .3s;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    position: relative;
    z-index: 1
}

.complecs .divider_ajax {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.complecs .divider_ajax .line {
    width: calc(100% - 128px);
    height: 1px;
    background-color: #1e1e1e
}

/*.complecs .divider_ajax .footer__button {*/
/*    display: block;*/
/*    margin-left: 25px*/
/*}*/

/*.complecs .divider_ajax .footer__button:hover:after {*/
/*    -webkit-transform: scaleX(1);*/
/*    -ms-transform: scaleX(1);*/
/*    transform: scaleX(1)*/
/*}*/

.complecs .apartment-head__diagram {
    width: 95%;
    padding-top: 20px
}

.complecs .circle-progress__outer {
    width: 110px;
    height: 110px
}

.complecs .circle-progress__value {
    margin-top: 35px;
    font-size: 32px;
    color: #fff
}

.complecs .circle-progress__percent {
    font-size: 20px;
    color: #fff
}

.complecs .circle-progress__label {
    margin-top: 18px;
    color: #fff;
    max-width: calc(100% - 150px);
    padding-left: 12px
}

.complecs__h2 {
    color: #383838;
    letter-spacing: -0.5px
}

.complecs .footer__button:after {
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5)
}

.complecs__list {
    width: calc(100% + 90px);
    padding-top: 25px;
    margin-left: -45px;
    font-size: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 45px;
    padding-bottom: 0
}

.complecs__card-links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 7
}

.complecs__card-links .button_green {
    width: 184px;
    font-size: 10px
}

.complecs__card-links .view-all__more {
    font-size: 10px
}

.complecs__list_hidden {
    width: 100%
}

.complecs .card {
    width: calc(32% - 20px);
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 40px 40px 0
}

.complecs .card:nth-child(3n) {
    margin-right: 0
}

.complecs .card__img {
    height: 260px;
    width: 100%;
    position: relative
}

.complecs .card__img:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s;
    z-index: 0
}

.complecs .card__img-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 7
}

.complecs .card__h5 {
    margin-top: 26px;
    margin-bottom: 24px;
    color: #343434;
    font-size: 18px
}

.complecs .card__text {
    font-size: 14px
}

.complecs .card:hover .card__img:after {
    opacity: 1;
    transition: .3s
}

.complecs .card:hover .diagram {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.complecs .complecs__card_stub {
    height: 405px;
    margin-bottom: 0
}

.complecs .complecs__card_stub:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.complecs .complecs__card_stub .complecs__card_stub__content {
    display: inline-block;
    vertical-align: middle;
    padding: 11px 50px 0 0
}

.done_projects {
    padding-top: 0
}

.done_projects__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.done_projects__title>* {
    width: 50%
}

.done_projects__title .values__p {
    padding-top: 30px;
    width: 410px;
    max-width: 100%
}

.done_projects .values__list {
    padding: 35px 0;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.done_projects .card {
    width: calc(33% - 45px);
    margin: 0 30px 0 0;
    margin-bottom: 30px
}

.done_projects .card .card__h5 {
    transition: color .3s
}

.done_projects .card .card__divider {
    transition: background-color .5s, width .5s
}

.done_projects .card__img {
    height: 260px
}

.done_projects .divider_ajax {
    padding-top: 38px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.done_projects .divider_ajax .line {
    width: calc(100% - 215px);
    height: 1px;
    background-color: #1e1e1e
}

/*.done_projects .divider_ajax .footer__button {*/
/*    margin-left: 45px*/
/*}*/

/*.done_projects .divider_ajax .footer__button:after {*/
/*    -webkit-transform: scaleX(0.5);*/
/*    -ms-transform: scaleX(0.5);*/
/*    transform: scaleX(0.5)*/
/*}*/

/*.done_projects .divider_ajax .footer__button:hover:after {*/
/*    -webkit-transform: scaleX(1);*/
/*    -ms-transform: scaleX(1);*/
/*    transform: scaleX(1)*/
/*}*/

/*.footer__button.js-state-show .footer__button-hide-text {*/
/*    display: none*/
/*}*/

/*.footer__button:not(.js-state-show) .footer__button-show-text {*/
/*    display: none*/
/*}*/

.catalogue_question {
    padding-top: 72px
}

.catalogue_question .manager {
    margin-top: 75px
}

.catalogue-commercial-head {
    padding-top: 200px
}

.text-align-center {
    text-align: center;
    width: 590px;
    margin: 0 auto;
    max-width: 100%
}

.profit {
    padding-top: 100px
}

.profit .values__list {
    padding-top: 60px
}

.profit .card .h5 {
    margin-bottom: 30px
}

.profit .card .divider {
    position: relative;
    left: 25px;
    counter-reset: div
}

.profit .card .divider span {
    position: absolute;
    left: -25px;
    display: block;
    width: 25px;
    top: -12px;
    color: #000;
    font-size: 10px;
    font-weight: 900;
    z-index: 2
}

.complecs_filter {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.complecs_filter .checkbox {
    width: 100%
}

.complecs_filter .checkbox__mask:after {
    color: #41AA37
}

.complecs_filter .checkbox__label {
    font-size: 10px;
    text-transform: uppercase
}

.filter_commercial {
    padding-top: 50px
}

[data-pages="team-page"] .bread-crumbs__link {
    position: relative
}

.intro {
    padding: 0;
    height: auto
}

.intro .wrap,
.intro .about__inner {
    height: 100%
}

.intro__block {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.intro__item-left {
    width: 29%;
    position: relative;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-left: 20px
}

.intro__item-right {
    width: 75%;
    margin-left: -68px;
    overflow: hidden;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.intro .h2 {
    margin-top: 45px;
    margin-bottom: 65px
}

.intro .director__content {
    padding-left: 40px
}

.advantage .h2 {
    text-align: left;
    max-width: 50%
}

.zayavka {
    padding-top: 0;
    padding-bottom: 0
}

.zayavka .h2 {
    margin-top: 60px;
    text-align: center;
    margin-bottom: 50px
}

.zayavka .card__h5 {
    margin-top: 19px
}

.questions_article {
    padding: 0
}

.questions__columns {
    margin-top: -7px
}

.calc {
    background-color: #22a662;
    margin: 80px 0 40px 0
}

.calc .calc__calculated-block {
    background-color: rgba(255, 255, 255, 0.1);
    padding-left: 40px
}

.calc .wrap {
    border: 1px solid transparent
}

.calc .title {
    background-color: #3fb276;
    color: #fff;
    text-align: center
}

.calc .title h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 48px;
    border: 1px solid transparent
}

.calc_form {
    padding-bottom: 30px;
    position: relative
}

.calc_form .filters__section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0;
    padding-top: 42px
}

.calc_form .filters__section:last-child {
    padding-bottom: 29px
}

.calc_form .filters__section .filters__heading {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    float: left
}

.calc_form .filters__section .filters__inner {
    float: right;
    width: 200px
}

.calc_form .filters__section .filters__nouislider {
    margin: 0
}

.calc_form .filters__section .nouislider__ranges {
    margin: 0
}

.calc_form .filters__section .ranges__input {
    width: 200px;
    height: 40px;
    text-align: center;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1)
}

.calc__fieldset--left,
.calc__fieldset--right {
    position: relative;
    width: 50%;
    border: none;
    float: left;
    padding: 0
}

.calc__fieldset--left legend,
.calc__fieldset--right legend {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 30px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.43);
    line-height: 100px
}

.calc__fieldset--left .nouislider__slider {
    margin-top: 20px
}

.calc__fieldset--right {
    width: 45.5%;
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.calc__calculated-block {
    position: relative;
    padding: 10px 40px;
    background-color: rgba(255, 255, 255, 0.1)
}

.calc__calculated--row {
    padding: 30px 0;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.calc__month-payment,
.calc__month-payment--price,
.calc__month-payment--price2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    color: #fff;
    letter-spacing: 0.3px;
    width: 50%;
    display: inline-block
}

.calc__last-payment,
.last-payment--price {
    font-size: 18px;
    width: 50%;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.18px
}

.calc__month-payment--price,
.last-payment--price {
    vertical-align: top;
    text-align: left;
    width: auto;
    margin-left: 30px
}

.calc__letter {
    vertical-align: top
}

.calc__letter.big-letter {
    font-size: 30px
}

.send-request {
    border-radius: 30px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #22a662;
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 17px 34px;
    display: inline-block;
    margin: 40px 0 40px;
    transition: .5s;
    cursor: pointer
}

.send-request:hover {
    background-color: transparent;
    color: #fff;
    transition: .5s
}

::-webkit-input-placeholder {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.18px
}

:-moz-placeholder {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.18px
}

.desk-hidden {
    display: none
}

.rules.econom .card__text {
    width: 260px
}

.advantage.values.ipot-advantages h2 {
    text-align: center;
    max-width: 100%
}

.zayavka.statistics.ipot-zayavka {
    padding-top: 0
}

.zayavka.statistics.ipot-zayavka h2 {
    max-width: 50%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.zayavka.statistics.ipot-zayavka .card__img {
    height: 300px
}

.ipot-form-content h2 {
    margin-bottom: 56px
}

.ipot-form-content .questions__link {
    color: #22a662;
    border-bottom: 1px solid #22a662;
    transition: .3s
}

.ipot-form-content .questions__link:hover {
    border-color: #6a6a6a;
    color: #6a6a6a;
    transition: .3s
}

.questions_article .questions__form.ipot-questions {
    margin-top: 26px
}

.questions_article .questions__form.ipot-questions .add-file {
    cursor: pointer;
    margin-bottom: 30px
}

.questions_article .questions__form.ipot-questions .add-file .form__label {
    padding: 0
}

.questions_article .questions__form.ipot-questions .add-file .form__label img {
    margin-right: 13px
}

.questions_article .questions__form.ipot-questions input[type="file"] {
    display: none
}

.calc.stavka {
    margin-top: 100px
}

.calc.stavka .calc__fieldset--right,
.calc.stavka .calc__fieldset--left {
    width: 44%
}

.calc.stavka .calc__fieldset--right {
    position: relative;
    float: left;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
    margin-left: 11%
}

.calc.stavka .arrow:before {
    background-color: #fff
}

.calc.stavka .arrow:after {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff
}

.calc.stavka .navigation__content {
    padding-left: 0;
    margin-top: 20px
}

.calc.stavka .navigation__status,
.calc.stavka .navigation__total {
    color: #fff
}

.calc.stavka .navigation__btn {
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: .3s
}

.calc.stavka .navigation__btn:hover {
    border: 1px solid #fff;
    transition: .3s
}

.calc.stavka .navigation__btn:hover .navigation__arrow:before {
    background-color: #fff
}

.calc.stavka .navigation__btn:hover .navigation__arrow:after {
    border-color: #fff
}

.slick-arrow.slick-hidden {
    display: inline-block
}

.bank-section {
    margin: 0 -2px;
    margin-top: 40px;
    overflow: hidden
}

.bank-section__item {
    height: 85px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    position: relative;
    transition: .2s;
    margin: 0 4px;
    cursor: pointer
}

.bank-section__item svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90px;
    height: 40px
}

.bank-section__item:hover {
    background-color: #fff
}

.bank-section__item:hover svg * {
    fill: #405e38
}

.bank-section__item:hover svg rect {
    fill: #fff
}

.bank-section__item svg * {
    fill: white;
    width: 50px;
    height: 30px
}

.bank-section__item svg rect {
    fill: transparent
}

.bank-section__item.active {
    background-color: #fff
}

.bank-section__item.active svg * {
    fill: #405e38
}

.bank-section__item.active svg rect {
    fill: #fff
}

.calc_form-bottom.clearfix {
    background-color: rgba(255, 255, 255, 0.1)
}

.calc__fieldset--bottom {
    border: none;
    width: 100%;
    padding: 0
}

.calc__fieldset--bottom .calc__calculated--row {
    display: inline-block;
    width: 57%;
    border-bottom: none
}

.calc__month-payment {
    width: auto
}

.calc__month-payment--price {
    margin-left: 10px
}

.calc__calculated-block.wbg {
    background-color: transparent;
    padding-left: 0
}

.bank-names {
    width: 57%;
    height: auto;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.18px;
    margin-top: 30px
}

.bank-names .bank-name {
    margin-left: 5px
}

.vtor-calc {
    position: relative
}

.vtor-calc .calc__fieldset--left,
.vtor-calc .calc__fieldset--right {
    width: 45%
}

.vtor-calc .calc__fieldset--right {
    width: 45%;
    float: right;
    position: relative;
    right: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.vtor-calc .filters__custom-select {
    width: auto
}

.vtor-calc .checkbox__label {
    width: auto
}

.vtor-calc .form__checkbox--top {
    margin-top: 20px
}

.vtor-calc .calc__your-flat {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    display: inline-block;
    width: 47%;
    vertical-align: top
}

.vtor-calc .calc__from-to {
    display: inline-block;
    width: 48%;
    font-size: 18px;
    font-weight: 700
}

.vtor-calc .custom-select__head {
    font: 400 16px 'Northern', Arial, Helvetica, sans-serif
}

.vtor-expectation h2.h2 {
    max-width: 55%;
    text-align: center;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.vtor-expectation h2.h2 span {
    display: block
}

.vacancy__cities,
.vacancy__prof {
    display: inline-block;
    margin-top: 25px;
    float: left
}

.vacancy__cities .filters__custom-select,
.vacancy__prof .filters__custom-select {
    width: 200px
}

.vacancy__cities .custom-select__value,
.vacancy__prof .custom-select__value {
    color: #22a662;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.14px
}

.vacancy__cities .custom-select__head,
.vacancy__prof .custom-select__head {
    border-bottom: 1px solid #383838
}

.vacancy__cities .custom-select__head:after,
.vacancy__prof .custom-select__head:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-top: 1px solid #383838;
    border-left: 1px solid #383838;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    position: absolute;
    top: 21px;
    right: 10px
}

.vacancy__prof .filters__custom-select {
    width: 350px
}

.vacancy {
    color: #343434;
    overflow: initial
}

.vacancy__h2 {
    display: inline-block;
    width: 43%;
    float: left
}

.vacancy__top-row {
    padding: 20px 0;
    position: relative;
    z-index: 5
}

.vacancy__card-block {
    margin-bottom: 50px;
    position: relative;
    z-index: 1
}

.vacancy__card {
    padding: 40px 0;
    border-top: 1px solid rgba(56, 56, 56, 0.1);
    display: block;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.vacancy__card:last-child {
    border-bottom: 1px solid rgba(56, 56, 56, 0.1)
}

.vacancy__left-block {
    float: left;
    width: 45%
}

.vacancy__right-block {
    float: right;
    width: 55%;
    position: relative;
    z-index: 1
}

.vacancy__card-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px
}

.vacancy__card-title--similar {
    margin-bottom: 0
}

.vacancy__card-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.vacancy__card-department,
.vacancy__card-city,
.vacancy__card-link {
    float: right;
    margin-left: 100px
}

.vacancy__card-department {
    color: #6a6a6a;
    float: left
}

.vacancy__card-city {
    color: #22a662;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 20px;
    top: -20px;
    z-index: 10;
    transition: .3s
}

.vacancy__card-city:hover {
    color: #6a6a6a;
    text-decoration: underline;
    transition: .3s
}

.vacancy__card-link {
    font-size: 0;
    margin-top: 8px
}

.apartaments__bottom--vacancy {
    margin-bottom: 100px
}

.vac-about__wrap {
    padding: 0 200px
}

.vac-about__h3 {
    color: #343434
}

.vac-about__description {
    line-height: 24px;
    margin-bottom: 40px
}

.vac-about__block {
    margin-bottom: 50px
}

.vac-about__block strong {
    color: #343434;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 30px;
    display: block
}

.vac-about__block li {
    padding-left: 60px;
    margin-bottom: 15px;
    display: block;
    position: relative
}

.vac-about__block li::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 1px;
    background-color: #41AA37;
    left: 0;
    top: 10px
}

.vac-about__block ol {
    padding-left: 0
}

.vac-about__block ol li:nth-child(1):after {
    content: "01"
}

.vac-about__block ol li:nth-child(2):after {
    content: "02"
}

.vac-about__block ol li:nth-child(3):after {
    content: "03"
}

.vac-about__block ol li:nth-child(4):after {
    content: "04"
}

.vac-about__block ol li:nth-child(5):after {
    content: "05"
}

.vac-about__block ol li:nth-child(6):after {
    content: "06"
}

.vac-about__block ol li:nth-child(7):after {
    content: "07"
}

.vac-about__block ol li:nth-child(8):after {
    content: "08"
}

.vac-about__block ol li:nth-child(9):after {
    content: "09"
}

.vac-about__block ol li:nth-child(10):after {
    content: "10"
}

.vac-about__block ol li:nth-child(11):after {
    content: "11"
}

.vac-about__block ol li:nth-child(12):after {
    content: "12"
}

.vac-about__block ol li:nth-child(13):after {
    content: "13"
}

.vac-about__block ol li:nth-child(14):after {
    content: "14"
}

.vac-about__block ol li:nth-child(15):after {
    content: "15"
}

.vac-about__block ol li:nth-child(16):after {
    content: "16"
}

.vac-about__block ol li:nth-child(17):after {
    content: "17"
}

.vac-about__block ol li:nth-child(18):after {
    content: "18"
}

.vac-about__block ol li:nth-child(19):after {
    content: "19"
}

.vac-about__block ol li:nth-child(20):after {
    content: "20"
}

.vac-about__block ol li:nth-child(21):after {
    content: "21"
}

.vac-about__block ol li:nth-child(22):after {
    content: "22"
}

.vac-about__block ol li:nth-child(23):after {
    content: "23"
}

.vac-about__block ol li:nth-child(24):after {
    content: "24"
}

.vac-about__block ol li:nth-child(25):after {
    content: "25"
}

.vac-about__block ol li:nth-child(26):after {
    content: "26"
}

.vac-about__block ol li:nth-child(27):after {
    content: "27"
}

.vac-about__block ol li:nth-child(28):after {
    content: "28"
}

.vac-about__block ol li:nth-child(29):after {
    content: "29"
}

.vac-about__block ol li:nth-child(30):after {
    content: "30"
}

.vac-about__block ol li:nth-child(31):after {
    content: "31"
}

.vac-about__block ol li:nth-child(32):after {
    content: "32"
}

.vac-about__block ol li:nth-child(33):after {
    content: "33"
}

.vac-about__block ol li:nth-child(34):after {
    content: "34"
}

.vac-about__block ol li:nth-child(35):after {
    content: "35"
}

.vac-about__block ol li:nth-child(36):after {
    content: "36"
}

.vac-about__block ol li:nth-child(37):after {
    content: "37"
}

.vac-about__block ol li:nth-child(38):after {
    content: "38"
}

.vac-about__block ol li:nth-child(39):after {
    content: "39"
}

.vac-about__block ol li:nth-child(40):after {
    content: "40"
}

.vac-about__block ol li:nth-child(41):after {
    content: "41"
}

.vac-about__block ol li:nth-child(42):after {
    content: "42"
}

.vac-about__block ol li:nth-child(43):after {
    content: "43"
}

.vac-about__block ol li:nth-child(44):after {
    content: "44"
}

.vac-about__block ol li:nth-child(45):after {
    content: "45"
}

.vac-about__block ol li:nth-child(46):after {
    content: "46"
}

.vac-about__block ol li:nth-child(47):after {
    content: "47"
}

.vac-about__block ol li:nth-child(48):after {
    content: "48"
}

.vac-about__block ol li:nth-child(49):after {
    content: "49"
}

.vac-about__block ol li:nth-child(50):after {
    content: "50"
}

.vac-about__block ol li {
    padding-left: 105px
}

.vac-about__block ol li::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 1px;
    background-color: #343434;
    left: 30px
}

.vac-about__block ol li::after {
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    color: #343434
}

.vac-about b {
    font-weight: 700
}

.vac-faq .wrap {
    padding: 0 200px
}

.vac-faq__h3 {
    color: #343434;
    margin-bottom: 50px
}

.vac-faq__block-questions {
    margin-bottom: 50px
}

.vac-faq__question {
    border-top: 1px solid rgba(56, 56, 56, 0.1);
    padding: 15px 0
}

.vac-faq__question:last-child {
    border-bottom: 1px solid rgba(56, 56, 56, 0.1)
}

.vac-faq__link {
    color: #343434;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    position: relative;
    display: block;
    padding: 20px 0;
    transition: .5s
}

.vac-faq__link.active {
    color: #22a662;
    transition: .5s
}

.vac-faq__link.active:after {
    border-left: 1px solid #22a662;
    border-top: 1px solid #22a662;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .5s
}

.vac-faq__link:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-left: 1px solid #343434;
    border-top: 1px solid #343434;
    position: absolute;
    top: 30px;
    right: 0;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    transition: .5s
}

.vac-faq__textblock {
    display: none;
    height: 100%;
    padding-right: 30px
}

.vac-values {
    padding-top: 20px
}

.zayavka.statistics.ipot-zayavka h2 {
    text-align: left;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.vtor-steps__text {
    position: absolute;
    width: 40%;
    top: 0;
    right: 0;
    margin-bottom: 50px
}

.vtor-steps__link {
    padding-top: 7%
}

.vtor-details__articles {
    color: #383838;
    font-size: 48px;
    font-weight: 500;
    line-height: 48px;
    padding: 0
}

.vtor-details__text-block {
    text-align: center
}

.vtor-details__text-block h2 {
    max-width: 60%;
    display: inline-block
}

.vtor-details__apartments-h2.h2 {
    max-width: 50%;
    color: #383838;
    font-size: 48px;
    font-weight: 500;
    line-height: 48px;
    margin-top: 120px;
    margin-bottom: 0
}

.vtor-details__buffer .filters {
    padding-bottom: 50px
}

.career__inner {
    width: 700px
}

.career__h2 {
    width: 40%;
    float: left;
    margin: 40px 0;
    color: #343434
}

.career__block-text {
    position: relative
}

.career__title-description {
    float: right;
    width: 40%;
    margin: 40px 0
}

.career__gallery {
    padding-top: 0
}

.career__gallery .wrap:before {
    height: 0
}

.gallery__wrap.career__gallery-wrap {
    width: calc(100% - 390px);
    border: none
}

.career__gallery-content {
    width: 360px
}

.career__card {
    height: 470px
}

.career__gallery-wrap .gallery__slider {
    padding: 7px;
    border: none;
    margin: 0
}

.employeers__list .card__img {
    width: 65%;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.employeers__list .card__img .video {
    width: 100%;
    height: 100%
}

.employeers__list .card__img .video div,
.employeers__list .card__img .video iframe {
    height: 100%;
    width: 100%
}

.employeers__list .card__inner {
    position: absolute;
    right: 0
}

.employeers__list .card__content {
    padding-right: 0;
    vertical-align: top;
    padding-left: 50px
}

.employeers .wrap {
    position: relative;
    overflow: hidden
}

.career__navigation .navigation__content {
    padding-left: 0
}

.career__navigation .navigation__line {
    width: calc(100% - 360px)
}

.career__zoom {
    bottom: 100px
}

.career__zoom svg>* {
    fill: #fff
}

.career__nav .slick-track {
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.career__nav .gallery__img {
    width: 100px;
    height: 63px
}

.career__gallery-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.career__social {
    width: 35%;
    position: absolute;
    right: 0;
    top: 40px
}

.career__vacancy .view-all {
    margin-bottom: 70px
}

.arrow.arrow_right.navigation__arrow {
    right: 28px
}

.career__build-navigation .navigation__content {
    padding-left: 0
}

.partners .card__title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.partners .how-to-buy__list {
    margin: 0;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.partners .card {
    width: 31.5%;
    margin-bottom: 80px;
    margin-right: 30px
}

.partners .card:nth-child(3n) {
    margin-right: 0
}

.car-details__journal {
    margin-bottom: 71px
}

.car-details__journal .card {
    margin-bottom: 10px
}

.car-details__director-content {
    padding: 0 70px 13px 0
}

.car-details__director-img {
    float: right
}

.specialization {
    padding-top: 100px
}

.specialization__h2 {
    text-align: center;
    color: #383838;
    font-size: 48px;
    font-weight: 500;
    line-height: 48px
}

.specialization__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px;
    margin: 0 -30px
}

.specialization__link {
    margin: auto;
    margin-bottom: 80px
}

.specialization__card {
    width: 320px;
    height: 157px;
    border-radius: 0 0 60px 0;
    position: relative;
    overflow: hidden
}

.specialization__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.2
}

.specialization__title {
    color: #ffffff;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.choose-ap__switch {
    position: absolute;
    margin: 0;
    bottom: -40px;
    z-index: 5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.choose-ap__btn {
    width: 205px;
    cursor: pointer;
    height: 50px;
    border: 1px solid #41AA37;
    text-align: center;
    line-height: 48px;
    position: relative;
    font-size: 10px;
    font-weight: 700;
    color: #383838;
    transition: .3s;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.1em
}

.choose-ap__btn-a {
    pointer-events: none;
    background-color: #41AA37;
    color: #fff
}

.choose-aphouse {
    padding-top: 70px;
    padding-bottom: 100px;
    overflow: visible
}

.choose-aphouse__legend {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px
}

.choose-aphouse__flat-box {
    display: inline-block;
    margin-right: 30px
}

.choose-aphouse__flat {
    width: 20px;
    height: 20px;
    border: 1px solid #22a662;
    display: inline-block
}

.choose-aphouse__flat-booked {
    background-color: #f9b851;
    border: 1px solid #f9b851
}

.choose-aphouse__flat-sold {
    background-color: #22a662
}

.choose-aphouse__info-text {
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px
}

.choose-aphouse__section-img span {
    margin-right: 10px;
    color: #22a662;
    font-size: 10px;
    font-weight: 700;
    display: inline-block !important;
    vertical-align: top;
    text-transform: uppercase
}

.choose-aphouse__complex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-right: -54px;
    border-bottom: 1px solid rgba(52, 52, 52, 0.1)
}

.choose-aphouse__section {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 21px 21px 29px;
    border: 1px solid #22a662;
    position: relative;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 20px;
    margin-left: 30px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: 54px;
    margin-bottom: 50px
}

.choose-aphouse__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    transition: .2s linear
}

.choose-aphouse__numbers {
    display: inline-block;
    position: absolute;
    left: -30px
}

.choose-aphouse__section-title {
    position: absolute;
    top: -30px;
    left: 0;
    color: #6a6a6a;
    font-size: 10px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.5px
}

.choose-aphouse__link {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #41AA37;
    margin-right: 10px;
    cursor: pointer;
    color: #41AA37;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    pointer-events: auto;
    position: relative;
    transition: .3s linear
}

.choose-aphouse__link:last-child {
    margin: 0
}

.choose-aphouse__link-sold {
    background-color: #41AA37;
    pointer-events: none
}

.choose-aphouse__link-booked {
    border-color: #f9b851;
    background-color: #f9b851;
    pointer-events: none
}

.choose-aphouse__flats {
    width: 240px;
    height: auto;
    background-color: #fff;
    position: absolute;
    z-index: 5;
    text-transform: none;
    text-align: left;
    padding: 20px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
    left: 10px;
    top: 10px;
    pointer-events: none;
    cursor: auto;
    opacity: 0
}

.choose-aphouse__flats-img {
    border: 1px solid #eaeaea;
    text-align: center;
    margin-bottom: 15px
}

.choose-aphouse__flats-img img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.choose-aphouse__flats-img:hover {
    opacity: 1
}

.choose-aphouse__flats-title {
    color: #343434;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 20px
}

.choose-aphouse__flats-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 1px;
    background-color: #343434
}

.choose-aphouse__flats-price,
.choose-aphouse__flats-area {
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.14px
}

.choose-aphouse__flats-area {
    margin-top: 10px;
    display: inline-block
}

.choose-aphouse__flats-status {
    color: #41AA37;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.14px;
    position: absolute;
    right: 20px;
    bottom: 20px
}

.tal-section {
    padding-bottom: 0
}

.tal-section__content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tal-section__rules-btn {
    margin-top: 30px;
    width: auto;
    display: inline-block;
    padding: 17px 37px
}

.tal-section__filters-form {
    margin-left: 0;
    float: none
}

.tal-section__filters-form .filters__custom-select {
    width: 100%
}

.tal-section__filters-form .custom-select__head {
    font: 400 14px/24px 'Northern', Arial, Helvetica, sans-serif;
    color: #fff
}

.tal-section__journal {
    padding-top: 90px
}

.tal-section__journal-title {
    color: #343434;
    margin-bottom: 0
}

.tal-section__done-projects {
    padding-bottom: 90px
}

.rules__h2 {
    color: #41AA37
}

.rules__h2 span {
    color: #343434
}

body[data-page="contacts"] .infowindow {
    width: 100%;
    padding: 10px
}

body[data-page="contacts"] .infowindow h3 {
    color: #343434;
    margin: 5px 0
}

body[data-page="contacts"] .infowindow p {
    margin: 5px 0;
    color: #343434
}

body[data-page="contacts"] .infowindow__tel {
    font-size: 14px;
    position: relative;
    color: #343434;
    font-weight: 700;
    transition: .5s;
    text-transform: uppercase
}

body[data-page="contacts"] .infowindow__tel:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #343434;
    transition: .5s
}

.title-section {
    overflow: inherit
}

[data-pages="constructor-page"] section {
    overflow: inherit;
    margin-left: 25px
}

.h2_title {
    color: #343434;
    font-weight: 500
}

.constructor__bread-crumbs {
    color: #6a6a6a
}

.article_constructor video {
    width: 100%;
    display: block;
    position: relative
}

.table__wrap_img table {
    width: calc(100% + 60px);
    margin-left: -30px;
    border-collapse: separate;
    border-spacing: 30px 30px
}

.table__wrap_img img {
    width: 360px;
    height: 260px;
    margin: 0
}

.table__wrap table {
    width: 100%
}

.table__wrap tr {
    border-bottom: 1px solid rgba(52, 52, 52, 0.1)
}

.table__wrap tr:first-child {
    border-bottom: 1px solid #159751
}

.table__wrap tr:first-child td {
    text-align: left;
    color: #343434;
    font-size: 10px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase
}

.table__wrap td {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.16px;
    padding: 24px 10px 22px;
    vertical-align: top;
    white-space: nowrap
}

.table__wrap td a {
    color: #22a662;
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 0
}

.article_constructor .video__wrap {
    position: relative;
    width: 100%;
    height: auto
}

.article_constructor .video__wrap::before {
    content: '';
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.6);
    position: absolute;
    z-index: 10
}

.article_constructor .video__wrap:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 1px);
    transform: translate3d(-50%, -50%, 1px);
    margin-left: 2px;
    transition: border-color .5s ease
}

.random-table table {
    margin: 30px 0;
    width: 100%;
    border-top: 1px solid rgba(52, 52, 52, 0.1)
}

.random-table tr {
    border-bottom: 1px solid rgba(52, 52, 52, 0.1)
}

.random-table td {
    padding: 30px 0;
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.14px;
    white-space: nowrap;
    padding-right: 25px
}

.random-table tr:first-child {
    border-bottom: 1px solid #159751
}

.random-table tr:first-child td {
    text-align: left;
    color: #343434;
    font-size: 10px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    padding: 20px 0
}

.sales__row {
    width: 171px;
    overflow: inherit;
    float: left
}

.sales {
    padding-bottom: 80px;
    margin-left: 25px;
    overflow: inherit
}

.sales__h1 {
    color: #343434;
    padding-top: 150px
}

.sales__h3 {
    color: #343434;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px
}

.sales__category-btn {
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0;
    width: 100%;
    text-align: left;
    display: block;
    position: relative;
    padding: 22px 25px 22px 19px;
    cursor: pointer;
    background-color: #22a662;
    display: none
}

.sales__category-btn::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    position: absolute;
    top: 25px;
    right: 25px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    transition: .5s
}

.sales__category-btn.active::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .5s
}

.sales__table-block table {
    border-top: 1px solid rgba(52, 52, 52, 0.1);
    width: 100%;
    margin-bottom: 30px
}

.sales__table-block table tr:first-child {
    border-bottom: 1px solid #159751
}

.sales__table-block table tr:first-child td {
    text-align: left;
    color: #343434;
    font-size: 10px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    padding: 20px 0
}

.sales__table-block table tr {
    border-bottom: 1px solid rgba(52, 52, 52, 0.1)
}

.sales__table-block table td {
    padding: 30px 0;
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.14px
}

.sales__table-block table td:last-child {
    padding-right: 10px
}

.sales__table-block table tr:first-child th {
    text-align: left;
    color: #343434;
    font-size: 10px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    padding: 20px 0
}

.sales__block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.sales__select-block {
    width: 171px;
    background-color: #22a662;
    transition: top .3s;
    float: left
}

.sales__select-block.to-top {
    top: 150px;
    transition: top .3s
}

.sales__block-description {
    margin-top: -30px;
    width: 100%
}

.sales__block-description .vacancy__cities {
    margin-top: 0;
    margin-bottom: 20px;
    float: none;
    position: relative;
    z-index: 5
}

.sales__block-description .filters__section {
    padding-top: 0
}

.sales__block-description .filters__inner {
    margin-left: 0
}

.sales__select-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 171px
}

.sales__select-btn {
    padding: 0;
    width: 100%;
    text-align: left;
    display: block;
    position: relative;
    padding: 22px 25px 22px 19px;
    cursor: pointer
}

.sales__select-btn_text {
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    pointer-events: none
}

.sales__select-btn_text::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    transition: all .5s ease;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.sales__select-btn:hover .sales__select-btn_text::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.sales__select-btn::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    position: absolute;
    top: 25px;
    right: 25px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    transition: .5s
}

.sales__select-btn.active {
    background-color: rgba(255, 255, 255, 0.1)
}

.sales__select-btn.active::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .5s
}

.sales__select-btn.deactive::after {
    display: none
}

.sales__lists {
    display: none;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 0;
    margin: 0
}

.sales__lists li {
    padding-bottom: 20px
}

.sales__lists li a {
    display: block;
    position: relative;
    padding-left: 40px;
    padding-right: 20px;
    cursor: pointer
}

.sales__lists li a.active>.sales__select-btn_text::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.sales__lists li a:hover .sales__select-btn_text::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.sales__lists li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    transition: all .5s ease;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.sales__lists li a::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 1px;
    top: 7px;
    left: 20px;
    background-color: #fff
}

.sales__paragraf {
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.14px;
    margin-bottom: 40px
}

.sales__button {
    margin: 0 auto
}

.quantity {
    overflow: inherit;
    padding-bottom: 80px
}

.quantity .vacancy__cities {
    margin-bottom: 20px;
    float: none;
    margin-top: 0;
    margin-right: 45px;
    position: relative;
    z-index: 5
}

.quantity .vacancy__cities .filters__inner {
    margin-left: 0
}

.quantity .vacancy__cities .filters__section {
    padding-top: 0
}

.service__assessment {
    position: relative;
    margin-bottom: 40px
}

.service__table-block {
    padding-bottom: 80px
}

.service__label {
    width: 166px;
    height: 166px;
    background-color: rgba(52, 52, 52, 0.1);
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #41AA37;
    font-size: 72px;
    font-weight: 500;
    line-height: 166px
}

.service__descr {
    display: inline-block;
    margin-left: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.service__descr-title {
    color: #343434;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    max-width: 200px;
    position: relative;
    padding-bottom: 26px;
    margin-bottom: 13px
}

.service__descr-title::after {
    content: '';
    position: absolute;
    width: 60px;
    height: 1px;
    background-color: #343434;
    bottom: 0;
    left: 0
}

.service__descr-text {
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.14px
}

.service__arrow {
    width: 1px;
    height: 17px;
    background-color: #343434;
    display: inline-block;
    position: absolute;
    margin-left: 0;
    left: 44%;
    vertical-align: middle
}

.service__arrow::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-left: 1px solid #343434;
    border-top: 1px solid #343434;
    left: -2px;
    bottom: 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.service__arrow-up {
    width: 1px;
    height: 17px;
    background-color: #343434;
    display: inline-block;
    position: absolute;
    margin-left: 0;
    left: 44%;
    vertical-align: middle
}

.service__arrow-up::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-left: 1px solid #343434;
    border-top: 1px solid #343434;
    left: -2px;
    bottom: auto;
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.service__table {
    width: 100%
}

.service__table tr {
    border-bottom: 1px solid rgba(52, 52, 52, 0.1)
}

.service__table td:first-child {
    width: 40px
}

.service__table td {
    padding: 30px 0;
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.14px;
    position: relative
}

.service__table td:nth-child(2) {
    min-width: 200px
}

.service__table th:nth-child(2) {
    min-width: 300px
}

.service__btn {
    position: absolute;
    width: auto;
    display: inline-block;
    cursor: pointer;
    right: 0;
    top: -55px
}

.service__btn::before {
    position: relative;
    color: #22a662;
    font-size: 10px;
    font-weight: 700;
    width: 100%;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    content: 'подробнее'
}

.service__btn.active::before {
    content: 'закрыть'
}

.service__table-head tr:first-child {
    border-bottom: 1px solid #159751
}

.service__table-head th:first-child {
    width: 40px
}

.service__table-head th {
    text-align: left;
    color: #343434;
    font-size: 10px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    padding: 20px 0
}

.service__table th:last-child,
.service__table td:last-child {
    width: 200px;
    text-align: left;
    position: relative
}

.service__diagramm {
    padding-bottom: 80px
}

.service__diagramm .chart-block.chart-block-pie {
    max-height: 1000px;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
}

.service__chart {
    position: relative
}

.service .chart-block {
    max-height: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    transition: .5s
}

.service .chart-block.active {
    max-height: 1000px;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.securities__table {
    width: 100%;
    border-top: 1px solid rgba(52, 52, 52, 0.1)
}

.securities__table .securities__tables-row:first-child {
    border-bottom: 1px solid #159751
}

.securities__table th:first-child {
    width: 40px
}

.securities__table th:last-child,
.securities__table td:last-child {
    text-align: right
}

.securities__table th {
    text-align: left;
    color: #343434;
    font-size: 10px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    padding: 20px 0
}

.securities__table tr {
    border-bottom: 1px solid rgba(52, 52, 52, 0.1)
}

.securities__table td {
    padding: 30px 0;
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.14px
}

.securities__table td a {
    color: #22a662;
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 0
}

.file {
    padding-bottom: 80px
}

.file__link {
    display: inline-block;
    margin-bottom: 20px
}

.file__link img {
    width: 45px;
    height: 45px;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s
}

.file__link span {
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    color: #159751;
    font-size: 10px;
    font-weight: 700;
    line-height: 34px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative
}

.file__link span::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #41AA37;
    transition: width 0.5s
}

.letter {
    padding-bottom: 20px
}

.letter .wrap {
    overflow: inherit
}

.letter__block {
    color: #22a662;
    font-size: 72px;
    font-weight: 500;
    line-height: 72px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.letter__descr {
    color: #343434;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px
}

.schedule {
    padding-bottom: 40px
}

.schedule .vacancy__cities {
    margin-bottom: 20px;
    float: none;
    margin-top: 0;
    margin-right: 45px;
    position: relative;
    z-index: 5
}

.schedule .filters__inner_side_right {
    margin-left: 0
}

.progress-block__lists {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none
}

.progress-block__lists .progress-title {
    color: #343434;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.progress-block {
    width: 355px;
    padding-bottom: 20px;
    display: inline-block;
    margin-bottom: 50px;
    margin-right: 15px
}

.progress {
    width: 100%;
    height: 3px;
    background-color: rgba(52, 52, 52, 0.1);
    position: relative;
    z-index: 1
}

.progress-title {
    color: #343434;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 10px
}

.progress-bar-ready {
    background-color: #22a662;
    height: 3px;
    position: absolute;
    z-index: 3;
    left: 0
}

.progress-bar-ready::after {
    content: '';
    position: absolute;
    z-index: 3;
    width: 2px;
    height: 6px;
    background-color: #22a662;
    top: -6px;
    right: 0
}

.progress-bar-ready a,
.progress-bar-ready span {
    color: #22a662;
    font-size: 10px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    display: inline-block;
    left: 0px;
    top: 5px;
    position: absolute;
    cursor: pointer
}

.progress-bar-ready span {
    cursor: inherit
}

.progress-bar-plan {
    height: 3px;
    background-color: #d0a379;
    position: absolute;
    z-index: 2;
    left: 0
}

.progress-bar-plan::after {
    content: '';
    position: absolute;
    z-index: 2;
    width: 2px;
    height: 6px;
    background-color: #d0a379;
    top: 3px;
    right: 0
}

.progress-bar-plan a,
.progress-bar-plan span {
    color: #d0a379;
    font-size: 10px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    display: inline-block;
    left: 90px;
    top: 5px;
    position: absolute;
    cursor: pointer
}

.progress-bar-plan span {
    cursor: inherit
}

.disclosure .service__diagramm {
    padding-bottom: 0px;
    margin-top: -1px;
    position: relative;
    border-bottom: 1px solid rgba(52, 52, 52, 0.1)
}

.disclosure .chart-pie {
    padding-top: 40px;
    padding-bottom: 40px
}

.disclosure__btn {
    position: absolute;
    width: auto;
    display: inline-block;
    cursor: pointer;
    right: 0;
    top: -55px
}

.disclosure__btn::before {
    position: relative;
    color: #22a662;
    font-size: 10px;
    font-weight: 700;
    width: 100%;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    content: 'подробнее'
}

.disclosure__btn.active::before {
    content: 'закрыть'
}

.disclosure .chart-block {
    max-height: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    transition: .5s
}

.disclosure .chart-block.active {
    max-height: 1000px;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.poster .button_inline {
    display: inline-block
}

.poster .download-file-link {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Northern';
    font-weight: 500;
    letter-spacing: 2px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 33px;
    margin-left: 50px;
    position: relative
}

.poster .download-file-link:before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #fff;
    -webkit-transform: scaleX(0.2);
    -ms-transform: scaleX(0.2);
    transform: scaleX(0.2);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    transition: .5s
}

.poster .download-file-link:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.poster .btns-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.land_purchase .statistics {
    padding-top: 120px
}

.land_purchase .statistics__list {
    padding-bottom: 0
}

.land_purchase .statistics__title {
    text-align: center;
    margin-top: 0;
    color: #343434
}

.land_purchase .statistics__desc {
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
    width: 730px;
    max-width: 100%
}

.land_purchase .purchase_wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.land_purchase .purchase_wrapper .col {
    width: 40%
}

.land_purchase .purchase_wrapper .col h2 {
    color: #343434;
    margin-top: 0
}

.land_purchase .purchase_wrapper p {
    font-size: 14px;
    font-weight: 900;
    font-family: 'Northern'
}

.land_purchase .purchase_wrapper ul li {
    position: relative;
    padding-left: 15px
}

.land_purchase .purchase_wrapper ul li:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 10px;
    height: 1px;
    background-color: #7e7e7e
}

.land_purchase #map_land_purchase {
    width: 100%;
    height: 600px
}

.land_purchase .contacts__wrap {
    width: 100%;
    height: 600px;
    position: relative
}

.land_purchase .marker-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 0
}

.land_purchase .marker-wrapper .col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.land_purchase .marker-wrapper .col img {
    width: 31px;
    height: 41px;
    margin-right: 15px
}

.land_purchase .marker-wrapper .col p {
    margin-right: 50px
}

.land_purchase .director {
    padding-top: 0
}

.land_purchase .director__img {
    height: auto
}

.land_purchase .director .main-title {
    text-align: center
}

.land_purchase .director .main-title h2 {
    margin-top: 0;
    color: #343434
}

.land_purchase .director .video {
    height: 100%;
    width: 100%
}

.land_purchase .director .video>div {
    height: 0;
    padding-bottom: 56.25%;
    cursor: pointer;
    position: relative
}

.land_purchase .director .video>div:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    transition: opacity .5s ease
}

.land_purchase .director .video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.land_purchase .director .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 2
}

.land_purchase .questions .questions__columns {
    width: 700px;
    margin: 0 auto;
    max-width: 100%;
    text-align: center
}

.land_purchase .questions .questions__columns h2 {
    font-size: 72px;
    line-height: 58px
}

.land_purchase .questions .questions__columns h2 strong {
    font-size: 48px
}

.land_purchase .questions .download-file-link {
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Northern';
    font-weight: 500;
    letter-spacing: 2px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 33px;
    margin-left: 50px;
    position: relative
}

.land_purchase .questions .download-file-link:after {
    content: '';
    width: 45px;
    height: 45px;
    position: absolute;
    left: -60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("../img/file-ico.png")
}

.land_purchase .questions .download-file-link:before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #fff;
    -webkit-transform: scaleX(0.2);
    -ms-transform: scaleX(0.2);
    transform: scaleX(0.2);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    transition: .5s
}

.land_purchase .questions .download-file-link:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.land_purchase .rules__h2 {
    max-width: 570px;
    text-align: left
}

.land_purchase .rules .card {
    margin-bottom: 0
}

.land_purchase .branch_team__title {
    max-width: 470px;
    margin: 40px auto;
    margin-top: 0
}

body[data-page="realtors"] .values {
    padding: 0
}

body[data-page="realtors"] .values__title_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body[data-page="realtors"] .values__h2 {
    max-width: 520px;
    margin: 0
}

body[data-page="realtors"] .values__description {
    max-width: 470px;
    margin: 0
}

body[data-page="realtors"] .statistics {
    padding: 0 0 100px 0
}

body[data-page="realtors"] .statistics__h2 {
    text-align: center;
    color: #343434
}

body[data-page="realtors"] .statistics__description {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 55px auto
}

body[data-page="realtors"] .statistics__list {
    padding: 0
}

body[data-page="realtors"] .manager__bg {
    background-position: 75% 0 !important
}

body[data-page="realtors"] .questions {
    margin-bottom: 120px;
    padding-top: 0
}

.commercial__h2 {
    color: #343434;
    font-size: 48px;
    font-weight: 500;
    line-height: 48px;
    max-width: 60%;
    margin-bottom: 0
}

.commercial__house {
    padding-bottom: 0
}

.commercial__gallery {
    padding-top: 0
}

.commercial__gallery .slick-current .commercial__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1
}

.commercial__gallery .wrap {
    border-bottom: 1px solid rgba(52, 52, 52, 0.1);
    padding-bottom: 30px
}

.commercial__wrap {
    width: calc(100% - 390px);
    border: none;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.commercial__slider {
    padding: 7px;
    border: none;
    margin: 0
}

.commercial__nav {
    padding: 0 7px 11px
}

.commercial__nav .slick-track {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important
}

.commercial__item {
    cursor: pointer;
    position: relative
}

.commercial__item .slick-current::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1
}

.commercial__mask {
    position: absolute;
    z-index: 1000;
    top: 39px;
    left: 275px;
    width: 163px;
    height: 320px;
    opacity: 0;
    transition: opacity 0.3s
}

.commercial__mask:hover {
    opacity: 1;
    transition: opacity 0.3s
}

.commercial__mask-link {
    width: 100%;
    height: 100%;
    position: absolute;
    outline: 0
}

.commercial__mask-img {
    position: absolute;
    bottom: 0;
    left: 0
}

.commercial__img {
    width: 100px;
    height: 63px;
    border: 1px solid #eaeaea;
    margin: 0 auto;
    position: relative
}

.commercial__descr {
    color: #343434;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.1px;
    margin-top: 15px;
    padding-left: 7px
}

.commercial__navigation {
    position: absolute;
    width: 100%;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.commercial__navigation .navigation__content {
    padding-left: 0;
    position: absolute;
    width: 100%
}

.commercial__navigation .navigation__content .arrow.arrow_left.navigation__arrow {
    left: 25px
}

.commercial__navigation .navigation__content .arrow__desk {
    position: absolute;
    z-index: 100;
    min-width: 100px;
    bottom: -30px;
    left: -10px;
    color: #343434;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.1px
}

.commercial__navigation .navigation__content .navigation__build-btn_next .arrow__desk {
    left: auto;
    right: -10px
}

.commercial__navigation .navigation__content .navigation__status {
    display: none
}

.commercial__navigation .navigation__content .navigation__build-btn_prev {
    position: absolute;
    left: -100px;
    top: 0
}

.commercial__navigation .navigation__content .navigation__build-btn_next {
    display: inline-block;
    right: -100px;
    position: absolute;
    top: 0
}

.how_to_buy {
    padding-bottom: 0
}

.calc {
    overflow: initial
}

.calc__block_v2 {
    padding-bottom: 100px;
}

.calc__block_v2 .calc_form .filters__section {
    padding-top: 20px;
    padding-bottom: 20px
}

.calc__block_v2 .calc__form-row {
    padding-top: 20px;
    padding-bottom: 20px
}

.calc__form-row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0;
    padding: 40px 0
}

.calc__form-input {
    width: 200px;
    float: right
}

.calc__form-span {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    float: left
}

.calc .filters__heading_side_left {
    max-width: 250px
}

.calc__right-block_form {
    padding-top: 20px
}

.calc__right-block_form .form__field {
    width: 100% !important
}

.calc__right-block_form .checkbox__label {
    width: calc(100% - 26px) !important
}

.filters__inner.filters__inner_side_left.calc__checkbox-row {
    width: 100%;
    float: none
}

.filters__section.checkbox-section {
    padding: 0 !important;
    border-bottom: none
}

.warranty_obligations {
    padding-top: 160px
}

.warranty_obligations .form__row:nth-child(3) {
    margin-bottom: 40px
}

.warranty_obligations .form__textarea {
    width: 100%;
    height: 100px;
    resize: vertical;
    border: 1px solid #41AA37;
    font: 400 14px/24px 'Northern', Arial, Helvetica, sans-serif;
    color: #343434;
    padding: 10px
}

.warranty_obligations .form__textarea:focus+.form__label {
    -webkit-transform: scale(0.7) translate3d(5px, -35px, 1px);
    transform: scale(0.7) translate3d(5px, -35px, 1px)
}

.warranty_obligations .form__row_split_3 .form__field {
    width: calc(33% - 15px);
    margin-right: 25px
}

.warranty_obligations .form__row_split_3 .form__field:last-child {
    margin-right: 0
}

.warranty_obligations .form__row_split_3 .filters__inner_side_right {
    width: calc(33% - 15px);
    margin-right: 25px;
    margin-left: 0
}

.warranty_obligations .form__field_has_content .form__label {
    -webkit-transform: scale(0.7) translate3d(5px, -35px, 1px);
    transform: scale(0.7) translate3d(5px, -35px, 1px)
}

.warranty_obligations .filters__inner_side_right {
    float: none;
    position: relative;
    margin: 0;
    margin-left: 15px;
    width: calc(50% - 15px);
    display: inline-block;
    border-bottom: 1px solid #41AA37
}

.warranty_obligations .filters__custom-select {
    width: auto;
    margin: 0;
    padding: 0
}

.warranty_obligations .custom-select__head {
    padding: 0;
    height: 40px
}

.warranty_obligations .custom-select__head:after {
    border-top: 1px solid #41AA37;
    border-left: 1px solid #41AA37
}

.warranty_obligations .custom-select__value {
    color: #6a6a6a;
    font: 400 14px/24px 'Northern', Arial, Helvetica, sans-serif;
    top: 8px;
    left: 0px;
    padding: 0 9px;
    letter-spacing: .2px
}

.warranty_obligations .questions_article .questions__form.ipot-questions .add-file {
    margin-bottom: 26px
}

.questions__top-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.questions__top-row .questions__h2 {
    width: calc(50% - 15px)
}

.questions__top-row .questions__text {
    width: calc(50% - 15px)
}

.form-columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-left-column {
    width: calc(50% - 15px)
}

.form-right-column {
    width: calc(50% - 15px)
}

.form-right-column .form__textarea {
    height: 175px
}

.secondary-list .card__img {
    border: 1px solid lightgrey
}

.secondary-list .button_green {
    width: 232px
}

.estate-catalog__h2 {
    color: #383838;
    letter-spacing: -0.5px
}

.take_apartments {
    background-color: #41AA37;
    padding: 109px 0 120px 0
}

.take_apartments__wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.take_apartments__h2 {
    margin: 0;
    color: #343434;
    width: 50%
}

.take_apartments__h2 span {
    color: #fff
}

.take_apartments__content {
    width: 40%
}

.take_apartments__content .form__button {
    width: 205px;
    border: 1px solid #fff
}

.take_apartments__content-text {
    color: #fff;
    margin-top: 5px;
    margin-bottom: 43px
}

main[data-pages="complex-page"] .shares {
    padding: 110px 0 39px 0;
    margin: 0
}

.construction-timeline-actual,
.construction-timeline-planned {
    background-color: #f9b851;
    height: 3px;
    display: block;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out;
    position: absolute;
    width: 100%;
    left: 2px;
    top: 2px;
    z-index: 10
}

.construction-timeline-planned {
    background-color: #41AA37;
    top: 5px
}

.course_of_construction {
    padding: 75px 0 85px 0;
    overflow: hidden
}

.course_of_construction__h2 {
    color: #343434;
    margin: 0;
    padding-bottom: 59px
}

.course_of_construction__legend_container {
    display: block;
    text-align: center;
}

.course_of_construction__legend {
    width: auto;
    display: inline-block;
    text-align: left;
}

.course_of_construction__legend-item {
    color: #6a6a6a;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 0.1px;
    display: inline-block;
    margin-bottom: 25px
}

.course_of_construction__legend-item span {
    width: 80px;
    height: 2px;
    border-radius: 1px;
    background-color: #f9b851;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 23px
}

.course_of_construction__legend-item span:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f9b851;
    top: -3px;
    right: -7px
}

.course_of_construction__legend-item:last-child span,
.course_of_construction__legend-item:last-child span:after {
    background-color: #41AA37
}

.construction-nav-years {
    position: relative;
    padding: 0;
    display: inline-block
}

.construction-nav-years:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eaeaea
}

.construction-nav-years__btn {
    display: inline-block;
    margin-right: 56px;
    position: relative;
    cursor: pointer;
    transition: .5s;
    font-size: 14px
}

.construction-nav-years__btn:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 1px;
    z-index: 1;
    background-color: #41AA37;
    transition: .5s
}

.construction-nav-years__btn:last-child {
    margin-right: 0
}

.construction-nav-years__btn-a {
    color: #41AA37;
    transition: .5s
}

.construction-nav-years__btn-a:after {
    width: 100%;
    transition: .5s
}

.construction-timeline-overflow {
    position: relative
}

.construction-timeline {
    padding: 0;
    margin: 50px 0 113px 0;
    border: 1px solid transparent;
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.construction-timeline:before {
    content: '';
    display: block;
    position: absolute;
    top: -30px;
    height: 145px;
    width: 100%;
    background: #fff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), #fff 10%, #fff);
    z-index: 5
}

.construction-timeline.is-ready:before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out
}

.construction-timeline:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #41AA37;
    opacity: .2
}

.construction-timeline__item {
    position: relative;
    cursor: pointer;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.construction-timeline__item:nth-last-child(2):before {
    width: 100%
}

.construction-timeline__item:last-child {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.construction-timeline__item:last-child>.construction-timeline__content-wrap {
    right: 0;
    left: auto
}

.construction-timeline__item:last-child:after {
    right: 0;
    left: auto
}

.construction-timeline__item:last-child span {
    display: none;
    width: 100%
}

.construction-timeline__item:after {
    content: '';
    background-color: #41AA37;
    position: absolute;
    transition: .5s;
    width: 12px;
    z-index: 11;
    height: 12px;
    border-radius: 50%;
    left: 0;
    top: -1px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.construction-timeline__item span {
    height: 2px;
    width: 100%;
    top: 3px;
    left: 0;
    background-color: #41AA37;
    position: absolute
}

.construction-timeline__item-a {
    pointer-events: none
}

.construction-timeline__item-a:after {
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7)
}

.construction-timeline__item-a span {
    display: none
}

.construction-timeline__item-disable {
    pointer-events: none
}

.construction-timeline__item-hidden:not(.construction-timeline__item-a):before {
    display: none
}

.construction-timeline__item-hidden.construction-timeline__item-disable:after {
    display: none
}

.construction-timeline__item-hidden.construction-timeline__item-a:before {
    display: none
}

.construction-timeline__item-hidden.construction-timeline__item-a .construction-timeline__percent-actual,
.construction-timeline__item-hidden.construction-timeline__item-a .construction-timeline__percent-planned {
    display: block
}

.construction-timeline__content-wrap {
    position: absolute;
    top: 27px;
    left: 0
}

.construction-timeline__title {
    margin: 0;
    padding: 0;
    font-size: 10px
}

.construction-timeline__subtitle {
    margin: 0;
    font-size: 10px;
    line-height: 16px
}

.construction-timeline__percent-actual,
.construction-timeline__percent-planned {
    display: none;
    position: absolute;
    top: -24px;
    left: -4px;
    font-size: 10px;
    font-weight: 700;
    color: #41AA37
}

.construction-timeline__percent-actual {
    color: #f9b851;
    top: -37px
}

.construction-content__date {
    display: inline-block;
    width: calc(100% - 780px);
    vertical-align: top;
    overflow: hidden;
    height: auto;
    height: 400px;
    position: relative
}

.construction-content__date-title {
    color: #343434;
    margin: 0;
    position: relative;
    padding-bottom: 45px
}

.construction-content__date-title:after {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    height: 1px;
    width: 60px;
    background-color: #343434
}

.construction-content__date-desc {
    margin: 0;
    padding: 14px 0 27px 0;
    padding-bottom: 50px
}

.construction-content__date-btn {
    width: 205px;
    position: relative;
    bottom: 50px
}

.construction-content__date_mobile {
    display: none
}

.construction-content .card__blur {
    display: none;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, white 100%)
}

.construction-content .card__blur_show {
    display: block
}

.construction-content .card__btn {
    margin-top: 7px;
    outline: none;
    background-color: transparent;
    border: none;
    padding: 0 35px 0 0px;
    font: 500 10px/1 'Northern', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    display: block;
    text-align: left;
    height: 27px;
    position: relative;
    z-index: 2;
    color: #41AA37;
    width: 108px
}

.construction-content .card__btn:after {
    content: '';
    position: absolute;
    top: 9px;
    right: 18px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #41AA37;
    border-bottom: 1px solid #41AA37;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.construction-content .card__btn_show:after {
    -webkit-transform: translate3d(0px, 3px, 1px) rotate(-135deg);
    transform: translate3d(0px, 3px, 1px) rotate(-135deg)
}

.main-slider-wrap {
    position: relative
}

.main-slider-wrap .construction_zoom {
    position: absolute;
    right: 22px;
    bottom: 22px
}

.main-slider-wrap .construction_zoom svg {
    width: 24px;
    height: 24px;
    fill: #fff
}

.construction-slider-wrap {
    display: inline-block;
    width: calc(100% - 390px);
    position: relative;
    left: 28px
}

.construction-slider {
    padding: 0
}

.construction-slider__slide {
    height: 470px;
    pointer-events: none
}

.construction-slider__slide img {
    max-width: 100%;
    width: 100%;
    height: 100%
}

.construction-slider-nav {
    margin: 10px 0 20px 0
}

.construction-slider-nav .slick-current {
    position: relative
}

.construction-slider-nav .slick-current:before {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%
}

.construction-slider-nav__slide {
    height: 63px;
    margin-right: 10px;
    position: relative;
    cursor: pointer
}

.construction-slider-nav__slide:last-child {
    margin-right: 0
}

.construction-slider-nav__slide:after {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .5s
}

.construction-slider-nav__slide:hover:after {
    opacity: 1;
    transition: .5s
}

.construction-slider-nav__slide:last-child {
    margin: 0
}

.construction-slider-nav__slide img {
    max-width: 100%;
    width: 100%;
    height: 100%
}

.construction-arrows__line {
    width: calc(100% - 360px);
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background: #eaeaea
}

.construction-arrows__wrap {
    margin-left: 33px;
    display: inline-block
}

.construction-arrows__wrap .navigation__status {
    width: 192px
}

.construction-arrows__btn_next .arrow_right {
    right: 28px
}

.branch_team {
    padding: 167px 0 0 0
}

.branch_team__title {
    text-align: center;
    color: #383838
}

.branch_team__wrap-btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 70px
}

.branch_team__btn {
    width: 300px;
    height: 50px;
    border: 1px solid #41AA37;
    text-align: center;
    line-height: 48px;
    position: relative;
    font-size: 10px;
    font-weight: 700;
    color: #383838;
    transition: .3s;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.1em
}

.branch_team__btn-a {
    color: #fff;
    background-color: #41AA37
}

.branch_team__tab {
    display: none
}

.branch_team__tab-active {
    display: block
}

.branch_team__players {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.branch_team__players-player {
    max-width: 320px;
    margin: 0 90px 60px 0
}

.branch_team__players-player:nth-of-type(3n+3) {
    margin: 0 0 60px 0
}

.branch_team__players-player__img {
    width: 320px;
    height: 295px;
    overflow: hidden
}

.branch_team__players-player__img img {
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 100%;
    max-width: 100%;
    object-position: top;
    height: 100%;
    transition: 1s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.branch_team__players-player__name {
    color: #343434;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: normal;
    margin: 33px 0 26px 0
}

.branch_team__players-player__line {
    width: 60px;
    background-color: #383838;
    border: 0;
    height: 1px;
    display: block;
    margin: 0
}

.branch_team__players-player__btn {
    width: 144px !important
}

.contacts__title {
    color: #343434;
    margin: 0;
    padding-bottom: 65px;
    padding-top: 55px
}

.contacts__map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.contacts__wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts__wrap-map {
    position: relative;
    width: 65%;
    height: 520px
}

.contacts__wrap-tel {
    padding-bottom: 35px
}

.contacts__wrap-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 25px;
    padding-bottom: 35px
}

.contacts__wrap-item:last-child {
    padding-bottom: 0
}

.contacts__wrap-contacts {
    padding: 0 0 0 40px;
    max-width: 420px
}

.contacts__wrap-contacts p {
    margin: 0
}

.contacts__wrap-contacts .text {
    color: #6a6a6a;
    max-width: 80px;
    margin-right: 90px;
    width: 100%
}

.contacts__wrap-group {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #6a6a6a
}

.contacts__wrap-phone_number {
    color: #343434;
    transition: .3s;
    position: relative
}

.contacts__wrap-phone_number:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 2px;
    border-bottom: 2px solid #343434;
    transition: .5s ease
}

.contacts__wrap-email a {
    position: relative
}

.contacts__wrap-email a:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 0;
    transition: .5s ease;
    border-bottom: 1px solid #343434
}

.get_in_touch__title {
    color: #343434;
    margin: 0;
    padding-bottom: 60px
}

.get_in_touch__tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.get_in_touch__tabs-col {
    max-width: 293px;
    width: 100%
}

.get_in_touch__tabs-col:last-child {
    max-width: none
}

.get_in_touch__tabs-menu {
    width: 200px;
    padding: 0 0 100px 0
}

.get_in_touch__tabs-btn {
    background-color: #41AA37;
    padding: 25px 20px;
    margin: 0;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 2px;
    font-weight: 700;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    transition: .3s
}

.get_in_touch__tabs-btn:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #41AA37;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    right: 7px;
    top: 50%;
    transition: .3s
}

.get_in_touch__tabs-btn-active {
    background-color: #43b379
}

.get_in_touch__tabs-btn-active:after {
    right: -2px;
    background-color: #43b379
}

.get_in_touch__tabs-tabs {
    position: relative;
    width: 100%
}

.get_in_touch__tabs-tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    transition: 1s opacity
}

.get_in_touch__tabs-tab-active {
    display: block;
    opacity: 0
}

.get_in_touch__tabs-tab-visible {
    opacity: 1
}

.get_in_touch__tabs-title_block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.get_in_touch__tabs-title_block p {
    max-width: 470px;
    margin: 0;
    width: 100%;
    padding-left: 40px
}

.get_in_touch__tabs-form_title {
    color: #343434;
    margin: 0;
    padding: 0 0 35px 0;
    max-width: 293px
}

.get_in_touch__tabs-form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.get_in_touch__tabs-form .form {
    float: none;
    margin: 0;
    max-width: 377px;
    width: 100%
}

.get_in_touch__tabs-form .form__row .add-file {
    cursor: pointer;
    padding-top: 5px
}

.get_in_touch__tabs-form .form__row .add-file .form__label {
    position: static;
    padding: 0
}

.get_in_touch__tabs-form .form__row .add-file .form__label img {
    margin-right: 10px;
    vertical-align: middle
}

.get_in_touch__tabs-form .form__row_split_2 .form__field {
    margin-right: 0;
    margin-left: 0;
    width: 100%
}

.get_in_touch__tabs-form .form__row_split_2 .form__field:first-child {
    margin-bottom: 26px
}

.get_in_touch__tabs-form .form__field {
    display: block
}

.get_in_touch__tabs-form .form__label {
    color: #343434
}

.get_in_touch__tabs-form .form__input {
    border-bottom: 1px solid #41AA37;
    color: #343434
}

.get_in_touch__tabs-form .form__checkbox .checkbox__checkbox:checked+.checkbox__mask {
    background-color: #41AA37
}

.get_in_touch__tabs-form .form__checkbox .checkbox__mask {
    border: 1px solid #41AA37
}

.get_in_touch__tabs-form .form__checkbox .checkbox__mask:after {
    border-color: #fff
}

.get_in_touch__tabs-form .form__checkbox .checkbox__label {
    color: #343434
}

.get_in_touch__tabs-form .form__checkbox .checkbox__label a {
    color: #41AA37;
    border-bottom: 1px solid #41AA37
}

.get_in_touch__tabs-form .form__button {
    border: 1px solid #41AA37
}

.get_in_touch__tabs-form .manager {
    margin-top: 0;
    max-width: 470px;
    width: 100%;
    height: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 40px;
    padding-right: 0;
    padding-bottom: 0
}

.get_in_touch__tabs-form .manager__bg {
    position: static;
    max-width: 235px;
    width: 100%;
    height: 295px
}

.get_in_touch__tabs-form .manager__text-wrapper {
    width: 50%;
    padding-left: 40px;
    height: auto
}

.get_in_touch__tabs-form .manager__h5 {
    color: #343434
}

.get_in_touch__tabs-form .manager__text {
    color: #343434
}

.get_in_touch__tabs-form .manager__tel {
    color: #343434;
    position: relative;
    overflow: hidden;
    display: inline-block
}

.get_in_touch__tabs-form .manager__tel:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #343434;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: .5s ease
}

.get_to_us {
    padding: 120px 0 90px 0
}

.get_to_us__title {
    margin: 0;
    color: #343434;
    padding-bottom: 60px
}

.get_to_us__steps {
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.get_to_us__item {
    max-width: 320px;
    width: 100%;
    margin: 0 90px 50px 0
}

.get_to_us__item h5 {
    color: #343434;
    font-size: 18px;
    margin: 0
}

.get_to_us__item-number {
    padding: 25px 0;
    position: relative;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #343434
}

.get_to_us__item-number:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 23px;
    width: 60px;
    height: 1px;
    background-color: #343434
}

.get_to_us__item-description {
    margin: 0;
    padding-bottom: 35px
}

.dropdown_item {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: none
}

.dropdown_item__text {
    display: block;
    background-color: #41AA37;
    width: 100%;
    padding: 25px 20px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.dropdown_item__text:after {
    content: '';
    position: absolute;
    right: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fff
}

.dropdown_item__text-active {
    background-color: #43b379
}

.dropdown_item__menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #41AA37;
    box-sizing: border-box;
    z-index: 5;
    overflow: hidden;
    visibility: visible;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    transition: 0.5s
}

.dropdown_item__menu-active {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

.dropdown_item__link {
    padding: 25px 20px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.dropdown_item__link:last-child {
    border: 0
}

.intro_realtors {
    margin-bottom: 113px
}

.intro_realtors__title {
    color: #343434;
    margin-bottom: 50px
}

.intro_realtors__items {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.intro_realtors__items-left {
    position: relative;
    height: 450px
}

.intro_realtors__items-left img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.intro_realtors__items-right {
    padding-left: 40px;
    max-width: 365px
}

.intro_realtors__items-download {
    margin-bottom: 54px
}

.intro_realtors__btn {
    width: 200px
}

.partners__title {
    color: #343434;
    text-align: center;
    margin-top: 0;
    margin-bottom: 60px
}

.partners__slider {
    margin-bottom: 20px
}

.partners__slider .slick-slide>div {
    height: 195px
}

.partners__slide {
    position: relative;
    height: 195px;
    border: 1px solid #eaeaea
}

.partners__slide:hover .partners__slide-info {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.partners__slide:hover .partners__slide-info>div {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.partners__slide:hover .partners__slide-info>p {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.partners__slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.partners__slide-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    background-color: #41AA37;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: .3s;
    overflow: hidden
}

.partners__slide-info>div {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    transition: .3s;
    transition-delay: .2s
}

.partners__slide-info>p {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    transition: .3s;
    transition-delay: .25s
}

.partners__slide-info__text {
    color: #fff;
    margin: 0
}

.partners__slide-info__link {
    margin-top: 30px;
    display: inline-block;
    color: #fff;
    position: relative
}

.partners__slide-info__link:active,
.partners__slide-info__link:focus {
    outline: none
}

.partners__slide-info__link:after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    transition: .5s
}

.partners .navigation__content .navigation__status {
    width: 188px
}

.partners__navigation {
    margin-bottom: 115px
}

.download_app {
    margin-bottom: 70px
}

.download_app__title {
    color: #343434;
    text-align: center;
    margin: 0 0 50px 0
}

.download_app__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.download_app__content-iphone {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.download_app__content-info {
    max-width: 480px;
    width: 100%
}

.download_app__content-info>p:first-child {
    margin: 0 0 35px 0
}

.download_app__content-info>p:nth-child(2) {
    margin-bottom: 70px
}

.download_app__content-download {
    margin: 0 0 55px 0
}

.download_app__content-btns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.download_app__btn {
    width: 200px;
    margin-right: 20px
}

.download_presentation__title {
    margin: 0 0 120px 0;
    color: #343434;
    text-align: center
}

.download_presentation__documents {
    max-width: 560px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.download_presentation__documents-item {
    margin: 0 100px 0 0
}

.download_presentation__documents-item:nth-of-type(2n) {
    margin: 0
}

@media (min-width: 768px) {

    .articles .card.articles__card_left,
    .articles .card.articles__card_right {
        width: calc(100% - 31px)
    }

    .articles .card.articles__card_left .card__img,
    .articles .card.articles__card_right .card__img {
        height: 320px
    }

    .articles .card.articles__card_left .card__h5,
    .articles .card.articles__card_right .card__h5 {
        font-size: 30px;
        line-height: 1
    }
}

@media only screen and (min-width: 768px) {
    .choose-aphouse__row:hover>.choose-aphouse__numbers {
        color: #22a662;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        transition: .2s linear
    }

    .get_to_us__item:nth-of-type(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 769px) {
    .done_projects .card:hover .card__h5 {
        color: #41AA37
    }

    .done_projects .card:hover .card__divider {
        background-color: #41AA37;
        width: 100%
    }
}

@media only screen and (min-width: 1200px) {
    .download_link:hover:after {
        width: 100%
    }

    .choose-appart__item:hover .choose-appart__img img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .choose-appart__item:hover .choose-appart__desc {
        color: #41AA37
    }

    .choose-appart__item:hover .choose-appart__desc span {
        background: #41AA37
    }

    .choose-appart__item:hover .choose-appart__desc span:after {
        border-color: #41AA37
    }

    body[data-page="contacts"] .infowindow__tel:hover {
        color: #41AA37
    }

    body[data-page="contacts"] .infowindow__tel:hover:after {
        width: 100%;
        background-color: #41AA37
    }

    .file__link:hover>span::after {
        width: 100%;
        transition: width 0.5s
    }

    .file__link:hover>img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s
    }

    .branch_team__players-player:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .contacts__wrap-phone_number:hover {
        color: #41AA37
    }

    .contacts__wrap-phone_number:hover:after {
        width: 100%;
        border-bottom: 2px solid #41AA37
    }

    .contacts__wrap-email a:hover {
        color: #41AA37
    }

    .contacts__wrap-email a:hover:after {
        width: 100%;
        border-bottom: 1px solid #41AA37
    }

    .get_in_touch__tabs-btn:hover {
        background-color: #43b379
    }

    .get_in_touch__tabs-btn:hover:after {
        right: -2px;
        background-color: #43b379
    }

    .get_in_touch__tabs-form .manager__tel:hover {
        color: #41AA37
    }

    .get_in_touch__tabs-form .manager__tel:hover:after {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        background-color: #41AA37
    }

    .partners__slide-info__link:hover:after {
        width: 0
    }
}

@media (min-width: 1200px) {
    .popup_presentation .form__button:hover {
        border-color: #fff
    }

    .construction-nav-years__btn:hover {
        color: #41AA37;
        transition: .5s
    }

    .construction-nav-years__btn:hover:after {
        width: 100%;
        transition: .5s
    }

    .construction-timeline__item:hover:after {
        transition: .5s;
        -webkit-transform: scale(1.7);
        -ms-transform: scale(1.7);
        transform: scale(1.7);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

@media (min-width: 1201px) {
    .architect .card__img {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .articles .card.articles__card_left,
    .articles .card.articles__card_right {
        width: calc(100% - 30px)
    }

    .articles .card.articles__card_left .card__img,
    .articles .card.articles__card_right .card__img {
        height: 540px;
        width: 750px
    }

    .articles .card.articles__card_left .card__h5,
    .articles .card.articles__card_right .card__h5 {
        margin-top: 0
    }

    .articles .card.articles__card_left .card__img {
        float: left;
        margin-right: 45px
    }

    .articles .card.articles__card_right .card__img {
        float: right;
        margin-left: 45px
    }

    .journal_questions {
        margin-top: 20px
    }

    .journal_questions .questions__column:last-child {
        padding-left: 100px
    }

    .journal_questions .form__button {
        border: 1px solid #fff
    }
}

@media screen and (min-width: 1201px) {
    .button_transparent:hover {
        border-color: #41AA37;
        color: #ffffff;
        background-color: #41AA37
    }

    .button_transparent:hover .button__bg {
        opacity: 1;
        transition: opacity 0s linear .5s;
        border-color: #41AA37
    }

    .button_transparent:focus {
        color: #fff;
        border-color: #41AA37
    }

    .button_transparent:focus .button__bg {
        -webkit-animation-name: background-green;
        animation-name: background-green;
        -webkit-animation-duration: 9999s;
        animation-duration: 9999s;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s
    }

    .button_green:hover {
        color: #fff;
        border-color: #41AA37
    }

    .button_green:hover .button__blip_hover {
        -webkit-transform: scale(1) translateY(-50%) translateY(34px);
        -ms-transform: scale(1) translateY(-50%) translateY(34px);
        transform: scale(1) translateY(-50%) translateY(34px)
    }

    .button_green:hover .button__bg {
        opacity: 1;
        transition: opacity 0s linear .5s;
        border-color: #41AA37
    }

    .button_green:focus {
        color: #fff
    }

    .button_green:focus .button__bg {
        opacity: 0
    }

    .button_white:hover {
        color: #fff
    }

    .button_white:hover .button__bg {
        opacity: 1;
        transition: opacity 0s linear .5s
    }

    .button_white:hover:after {
        border-top: 1px solid #fff;
        border-right: 1px solid #fff
    }

    .button:hover .button__blip_hover {
        -webkit-transform: scale(1) translateY(-50%) translateY(34px);
        -ms-transform: scale(1) translateY(-50%) translateY(34px);
        transform: scale(1) translateY(-50%) translateY(34px)
    }

    .button:focus .button__blip_click {
        -webkit-transform: scale(1) translateY(-50%) translateY(34px);
        -ms-transform: scale(1) translateY(-50%) translateY(34px);
        transform: scale(1) translateY(-50%) translateY(34px)
    }

    .more:hover {
        color: #343434
    }

    .more:hover:after {
        width: 100%;
        background-color: #343434
    }

    .form__button:hover {
        color: #fff
    }

    .form__button:focus {
        color: #41AA37
    }

    .logo:hover {
        opacity: .7
    }

    .call:hover .call__svg {
        fill: #41AA37
    }

    .nav__link:hover:after {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .submenu__item:hover:after {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .header__btn:hover:after {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .header_black .header__submenu .submenu__item:hover {
        color: #41AA37
    }

    .navigation__btn:hover {
        border-color: #41AA37
    }

    .navigation__btn:hover .navigation__arrow:before {
        background-color: #41AA37
    }

    .navigation__btn:hover .navigation__arrow:after {
        border-color: #41AA37
    }

    .navigation__btn:hover {
        border-color: #41AA37
    }

    .navigation__btn:hover .navigation__arrow:before {
        background-color: #41AA37
    }

    .navigation__btn:hover .navigation__arrow:after {
        border-color: #41AA37
    }

    .testimonials__list .card__img:hover:before {
        opacity: 0
    }

    .testimonials__list .card__img:hover .card__play {
        border-color: #fff
    }

    .testimonials__list .card__img:hover .card__play .play__blip_hover {
        -webkit-transform: scale(1) translateZ(1px);
        transform: scale(1) translateZ(1px)
    }

    .testimonials__list .card__img:hover .card__play:after {
        border-color: transparent transparent transparent #41AA37
    }

    .testimonials__list .card__img:focus .card__play {
        border-color: #41AA37
    }

    .testimonials__list .card__img:focus .card__play .play__blip_click {
        -webkit-transform: scale(1) translateZ(1px);
        transform: scale(1) translateZ(1px)
    }

    .testimonials__list .card__img:focus .card__play:after {
        border-color: transparent transparent transparent #fff
    }

    .article .video:hover>div:before {
        opacity: 0
    }

    .article .video:hover:before {
        opacity: 0
    }

    .article .video:hover .video__play {
        border-color: #fff
    }

    .article .video:hover .video__play .play__blip_hover {
        -webkit-transform: scale(1) translateZ(1px);
        transform: scale(1) translateZ(1px)
    }

    .article .video:hover .video__play:after {
        border-color: transparent transparent transparent #41AA37
    }

    .article .video:focus .video__play {
        border-color: #41AA37
    }

    .article .video:focus .video__play .play__blip_click {
        -webkit-transform: scale(1) translateZ(1px);
        transform: scale(1) translateZ(1px)
    }

    .article .video:focus .video__play:after {
        border-color: transparent transparent transparent #fff
    }

    .apartment-head_single .apartment-head__back:hover {
        color: #343434
    }

    .apartment-head_single .apartment-head__back:hover:before {
        border-color: #343434
    }

    .land_purchase .director .video:hover>div:before {
        opacity: 0
    }

    .land_purchase .director .video:hover:before {
        opacity: 0
    }

    .land_purchase .director .video:hover .video__play {
        border-color: #fff
    }

    .land_purchase .director .video:hover .video__play .play__blip_hover {
        -webkit-transform: scale(1) translateZ(1px);
        transform: scale(1) translateZ(1px)
    }

    .land_purchase .director .video:hover .video__play:after {
        border-color: transparent transparent transparent #41AA37
    }

    .land_purchase .director .video:focus .video__play {
        border-color: #41AA37
    }

    .land_purchase .director .video:focus .video__play .play__blip_click {
        -webkit-transform: scale(1) translateZ(1px);
        transform: scale(1) translateZ(1px)
    }

    .land_purchase .director .video:focus .video__play:after {
        border-color: transparent transparent transparent #fff
    }
}

@media only screen and (min-width: 1201px) {
    .footer__nav .nav__link:after {
        background-color: #363636
    }

    /*.footer__nav .nav__link:hover:after {*/
    /*    -webkit-transform: scaleX(1);*/
    /*    -ms-transform: scaleX(1);*/
    /*    transform: scaleX(1);*/
    /*    background-color: #41AA37*/
    /*}*/

    /*.footer__button:hover:after {*/
    /*    -webkit-transform: scaleX(1);*/
    /*    -ms-transform: scaleX(1);*/
    /*    transform: scaleX(1)*/
    /*}*/

    /*.footer__social .social__item:hover {*/
    /*    color: #41AA37*/
    /*}*/

    /*.footer__submenu .submenu__link:hover {*/
    /*    color: #6a6a6a*/
    /*}*/

    /*.footer__developers .developers__logo:hover {*/
    /*    fill: #41AA37*/
    /*}*/

    .vue-app-flat-tabs__items:hover {
        background: #eaeaea
    }

    .vue-filter__item:hover {
        background: #106d3a
    }

    .vue-filter-items__about:hover {
        opacity: 0.75
    }

    .shares__list .card:hover .card__background {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .shares__list .card:hover .card__title {
        color: #41AA37
    }

    .apartaments .card:hover .card__bg {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .apartaments .card:hover .card__h5 {
        color: #41AA37
    }

    .choose-aphouse__link:hover {
        background-color: rgba(34, 166, 98, 0.2);
        border: 1px solid rgba(34, 166, 98, 0);
        transition: .3s linear
    }

    .choose-aphouse__link:hover>.choose-aphouse__flats {
        opacity: 1;
        pointer-events: auto
    }
}

@media only screen and (min-width: 1500px) {
    .intro_realtors__items-left {
        max-width: 1000px;
        width: 100%;
        height: 480px
    }
}

@media only screen and (min-width: 1600px) {
    .contacts__wrap-map {
        width: 60%
    }

    .intro_realtors__items {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1680px) {
    .intro_realtors__items {
        max-width: 95%
    }
}

@media only screen and (min-width: 1918px) {
    .intro_realtors__items {
        max-width: 84%
    }
}

@media only screen and (min-width: 1930px) {
    .intro_realtors__items {
        max-width: 63%
    }
}

@media only screen and (max-width: 1280px) {
    .partners .navigation__content {
        max-width: 350px;
        padding: 0 0 0 40px;
        width: 100%
    }
}

@media only screen and (max-width: 1201px) {
    .intro__item-right img {
        display: block;
        max-width: 100%;
        height: auto
    }

    .choose-ap {
        padding-bottom: 50px
    }

    .choose-ap h2 {
        width: 60%
    }

    .choose-ap .apartment-head__diagram {
        padding-left: 0;
        width: 40%;
        padding-top: 60px;
        display: none
    }

    .choose-ap__switch {
        width: auto
    }

    .choose-ap__btn {
        width: 292px;
        cursor: pointer
    }

    .choose-aphouse__flat-box {
        display: inline-block;
        margin-right: 20px
    }

    .choose-aphouse__complex {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .choose-aphouse__close-btn {
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        padding: 20px;
        cursor: pointer
    }

    .choose-aphouse__close-btn::before,
    .choose-aphouse__close-btn::after {
        content: '';
        position: absolute;
        background-color: #343434;
        width: 15px;
        height: 2px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 20px;
        top: 12px
    }

    .choose-aphouse__close-btn::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .choose-aphouse__flats.active {
        opacity: 1;
        pointer-events: auto
    }

    .tal-section {
        padding-bottom: 90px
    }

    .tal-section__chess {
        padding-bottom: 0
    }

    .tal-section__journal .articles__card_left,
    .tal-section__journal .articles__card_right {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tal-section__journal .articles__card_left .card__content,
    .tal-section__journal .articles__card_right .card__content {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .shares__list .card {
        width: 33.33%;
        display: inline-block
    }

    [data-pages="constructor-page"] section {
        margin-left: 0px
    }

    .sales__row {
        float: none;
        width: 100%
    }

    .sales {
        padding-bottom: 80px;
        float: none;
        margin-left: 0;
        width: 100%
    }

    .table__wrap_img table {
        width: calc(100% + 132px);
        margin-left: -68px;
        border-spacing: 68px 30px
    }

    .table__wrap_img img {
        width: 230px;
        height: 166px
    }

    .sales__select-block {
        display: none;
        width: 100%;
        margin-left: 0;
        margin-top: -29px;
        margin-bottom: 30px;
        position: relative;
        z-index: 1;
        left: 0
    }

    .sales__category-btn {
        display: block;
        margin-bottom: 30px
    }

    .sales__select-block {
        left: 0;
        top: 0;
        overflow-y: hidden;
        max-height: none
    }

    .sales__h2 {
        margin-left: 0
    }

    .sales__select-item {
        width: 100%
    }

    .sales__block-description {
        padding-right: 0;
        padding-left: 0px
    }

    .progress-block {
        width: 47%
    }

    .progress-block:nth-child(2n+1) {
        margin-right: 20px
    }

    .sales__block-info .get_to_us__item-btn {
        width: 262px
    }

    .modal__file .popup {
        width: 670px
    }

    .choose-ap {
        padding-bottom: 0
    }
}

@media screen and (max-width: 1201px) {
    .vacancy__h2 {
        width: 100%
    }

    .vacancy__prof,
    .vacancy__cities {
        float: none
    }

    .vacancy__cities {
        float: left;
        margin-right: 40px
    }

    .vacancy .filters__inner_side_right {
        margin-left: 0
    }

    .vacancy__card-department,
    .vacancy__card-city,
    .vacancy__card-link {
        margin-left: 20px
    }

    .vacancy__card-department {
        width: 40%
    }

    .vac-about__wrap {
        padding: 0
    }

    .vac-faq .wrap {
        padding: 0
    }

    .h2.values__h2.vtor-steps__h2 {
        max-width: 90%
    }

    .vtor-steps__text {
        width: 65%;
        position: relative
    }

    .vtor-steps__link {
        padding-top: 12%
    }

    .vtor-details__text-block h2 {
        max-width: 100%
    }

    .vtor-details__apartments-h2.h2 {
        max-width: 80%
    }
}

@media only screen and (max-width: 1200px) {
    .wrap {
        max-width: 708px
    }

    .wrap_large {
        max-width: 768px
    }

    .circle-progress__label {
        padding-left: 14px
    }

    .view-all__line {
        display: none
    }

    .custom-select_accomplishment {
        width: 320px;
        display: inline-block;
        margin-left: -21px
    }

    .header__btn-menu {
        display: block;
        margin-left: 60px;
        margin-top: 25px
    }

    .header__call {
        margin-top: 27px
    }

    .header__wrap {
        max-width: 708px
    }

    .header__logo {
        margin-bottom: 13px
    }

    .header__nav {
        display: none
    }

    .header__bread-crumbs {
        margin-top: 16px;
        float: right
    }

    .header .popup {
        left: 65px
    }

    .header .popup:before {
        left: 67px
    }

    .header_black .select__btn {
        color: #343434
    }

    .header_black .select__btn::after {
        border-right: 1px solid #343434;
        border-bottom: 1px solid #343434
    }

    .header_black .header__wrap {
        max-width: 708px
    }

    .header_black .header__logo {
        margin-top: 0px
    }

    .header_black .header__btn-menu {
        margin-top: 24px
    }

    .bread-crumbs_many {
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden
    }

    .bread-crumbs_many .bread-crumbs__link {
        display: none
    }

    .bread-crumbs_many .bread-crumbs__link:first-child,
    .bread-crumbs_many .bread-crumbs__link:nth-child(2),
    .bread-crumbs_many .bread-crumbs__link:nth-child(3),
    .bread-crumbs_many .bread-crumbs__link:last-child {
        display: inline-block
    }

    .bread-crumbs_many .bread-crumbs__link:last-child:before {
        content: "... \00A0 \2015";
        color: #fff;
        display: inline-block;
        margin: 0 10px 0 0px
    }

    .bread-crumbs_grey {
        margin-right: -10px
    }

    .bread-crumbs_many.bread-crumbs_grey .bread-crumbs__link:last-child:before {
        color: #6a6a6a
    }

    .panel-menu {
        display: block
    }

    .panel-menu__nav {
        padding-left: 0
    }

    .panel-menu__nav .nav__link {
        margin: 0 20px
    }

    .header__submenu {
        display: none
    }

    .select_submenu-fix:not(.select_always-visible) {
        display: block
    }

    .select_submenu-top:not(.select_always-visible) {
        display: block
    }

    .poster {
        min-height: 100vh
    }

    .poster__bg_video {
        display: none
    }

    .poster__inner {
        width: 580px;
        min-height: calc(100% - 60px);
        margin: 60px auto 0;
        font-size: 0;
        padding: 20px 0 20px
    }

    .poster__down {
        bottom: 65px;
        right: 30px
    }

    .poster_padding .poster__inner {
        padding-top: 90px
    }

    .questions {
        padding-bottom: 25px
    }

    .questions .wrap {
        max-width: 530px
    }

    .questions__column {
        float: none;
        width: 100%
    }

    .questions__text {
        max-width: none
    }

    .questions__text_desk {
        display: none
    }

    .questions__text_tab {
        display: block
    }

    .questions__form {
        max-width: none;
        float: none;
        padding-top: 24px
    }

    .questions_article {
        padding-top: 56px;
        padding-bottom: 20px;
        margin-bottom: 0
    }

    .questions_article .questions__column:nth-child(2) {
        padding-left: 0
    }

    .questions_article .questions__text {
        margin-top: 27px
    }

    .questions_article .form {
        margin-top: 15px
    }

    .questions_article .manager {
        margin-top: 69px;
        padding: 36px 42px
    }

    .questions_request {
        padding-top: 113px
    }

    .questions_request .form__row:last-child {
        margin-top: -7px
    }

    .questions_gk {
        padding-bottom: 20px
    }

    .questions_gk .questions__text {
        margin-top: 27px
    }

    .questions_gk .questions__column:nth-child(2) {
        padding-left: 0
    }

    .questions_gk .manager {
        margin-top: 70px
    }

    .questions_gk .form {
        margin-top: 15px
    }

    .questions_gk .form__row:last-child {
        margin-top: -7px
    }

    .footer {
        display: none
    }

    .footer_tablet {
        display: block
    }

    .footer__line {
        width: 100%;
        max-width: 708px
    }

    .footer__wrap {
        margin-top: 50px;
        display: block;
        width: 100%;
        text-align: center
    }

    /*.footer__wrap:last-child {*/
    /*    margin-top: 10px;*/
    /*    margin-bottom: 30px*/
    /*}*/

    /*.footer__button {*/
    /*    margin-bottom: 41px;*/
    /*    letter-spacing: 1px*/
    /*}*/

    /*.footer__social {*/
    /*    width: 100%;*/
    /*    margin-bottom: 45px*/
    /*}*/

    /*.footer__social .social__item {*/
    /*    margin-right: 34px*/
    /*}*/

    /*.footer__nav {*/
    /*    margin: auto;*/
    /*    display: block;*/
    /*    width: auto*/
    /*}*/

    /*.footer__nav .nav__link {*/
    /*    margin-right: 44px*/
    /*}*/

    /*.footer__nav .nav__link:last-child {*/
    /*    margin-right: 0*/
    /*}*/

    /*.footer__submenu {*/
    /*    display: block;*/
    /*    width: auto;*/
    /*    margin: auto;*/
    /*    margin-bottom: 24px*/
    /*}*/

    /*.footer__submenu .submenu__link {*/
    /*    margin-right: 20px*/
    /*}*/

    /*.footer__submenu .submenu__link:last-child {*/
    /*    margin-right: 0*/
    /*}*/

    /*.footer__copyright {*/
    /*    margin-bottom: 46px*/
    /*}*/

    /*.footer__copyright .copy {*/
    /*    margin-left: 11px*/
    /*}*/

    /*.footer__developers {*/
    /*    margin-left: 0*/
    /*}*/

    /*.footer__developers .developers__by {*/
    /*    margin-right: 1px*/
    /*}*/

    .vue-filter-row__col {
        -webkit-flex: 0 0 23%;
        -ms-flex: 0 0 23%;
        flex: 0 0 23%
    }

    .vue-filter-row__col:nth-child(3n) {
        margin-right: 17px
    }

    .vue-filter-row__col:nth-child(4n) {
        margin-right: 0px
    }

    .about {
        height: 400px
    }

    .about .wrap {
        position: relative
    }

    .about__inner {
        height: auto
    }

    .about__inner {
        margin-left: 354px;
        width: 354px;
        padding-left: 34px
    }

    .about__content {
        padding-left: 0
    }

    .about__img {
        width: calc(100% - 354px - ((100% - 708px) / 2));
        -webkit-transform: translateX(-100%) translateX(-34px) translateY(-50%);
        -ms-transform: translateX(-100%) translateX(-34px) translateY(-50%);
        transform: translateX(-100%) translateX(-34px) translateY(-50%)
    }

    .choose-appart__item {
        width: 30.5%;
        margin-right: 30px
    }

    .choose-appart__item:nth-child(5n) {
        margin-right: 30px
    }

    .choose-appart__item:nth-child(3n) {
        margin-right: 0px
    }

    .rules__list .card {
        height: auto;
        margin-bottom: 55px
    }

    .rules__list .card__img {
        width: 50%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 456px
    }

    .rules__list .card_left .card__img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 50%
    }

    .rules__list .card_left .card__content {
        padding-right: 34px
    }

    .rules__list .card__inner {
        width: 354px
    }

    .rules__list .card_right .card__img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0
    }

    .rules__list .card_right .card__inner {
        margin-left: 50%
    }

    .rules__list .card_right .card__content {
        padding-left: 34px;
        padding-right: 0
    }

    .complexes__list {
        padding-bottom: 12px
    }

    .complexes__list .card {
        width: 100%;
        padding: 36px 120px 40px;
        height: auto
    }

    .complexes__list .card__h4 br {
        display: none
    }

    .complexes__list .card__text {
        margin-top: 33px;
        padding-right: 0px;
        padding-left: 0px
    }

    .complexes__list .card__text p {
        letter-spacing: 0;
        line-height: 22px
    }

    .complexes__list .card__button {
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 33px
    }

    .complexes__list .stub {
        width: 100%;
        height: auto;
        display: block
    }

    .complexes__list .stub__h2 br {
        display: none
    }

    .complexes__list .stub__content {
        display: block;
        padding: 67px 120px 0
    }

    .complexes__list .stub__text {
        padding-right: 0
    }

    .complexes__list .stub__text p {
        letter-spacing: 0.15px
    }

    .complexes__view-all {
        margin: 0 auto;
        max-width: 528px
    }

    .progress {
        padding-left: 0px
    }

    .shares__h2 {
        margin-bottom: 59px
    }

    .shares__list {
        margin: 0 -15px 43px
    }

    .shares__list .card__background {
        min-height: 222px;
        max-width: 222px
    }

    .shares__list .card__title {
        margin: 24px 0 0 0
    }

    .testimonials__h2 {
        margin-bottom: 65px
    }

    .testimonials__list {
        max-width: 528px;
        margin: 0 auto 59px
    }

    .testimonials__list .card {
        height: auto
    }

    .testimonials__list .card__inner {
        height: auto;
        width: 100%
    }

    .testimonials__list .card__content {
        padding: 0;
        display: block
    }

    .testimonials__list .card__img {
        width: 100%;
        display: block;
        height: 286px;
        position: relative;
        max-width: none;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-top: 18px
    }

    .testimonials__navigation {
        text-align: center
    }

    .testimonials__navigation .navigation__line {
        display: none
    }

    .testimonials__navigation .navigation__content {
        padding-left: 0
    }

    .text-block__wrap {
        max-width: 528px
    }

    .text-block__left-col {
        width: 100%;
        display: block;
        padding-right: 0
    }

    .text-block__right-col {
        width: 100%;
        display: block;
        margin-top: 27px
    }

    .text-block__right-col .button {
        margin-top: 31px
    }

    .text-block__right-col p {
        max-width: none
    }

    .statistics {
        padding-top: 100px
    }

    .statistics__list {
        width: calc(100% + 46px);
        font-size: 0;
        margin-left: -23px;
        padding-bottom: 39px
    }

    .statistics .card {
        width: 200px;
        margin: 0 23px
    }

    .statistics .card__h3 {
        font-size: 28px;
        max-width: 200px
    }

    .statistics .card__text p {
        max-height: 72px;
        overflow: hidden
    }

    .statistics .map__prompt {
        display: block
    }

    .mission {
        padding-bottom: 105px
    }

    .mission__h2 {
        max-width: 720px
    }

    .values {
        padding-top: 73px;
        padding-bottom: 10px
    }

    .values__list {
        padding-top: 23px;
        width: calc(100% + 31px);
        margin-left: -16px
    }

    .values .card {
        width: 215px;
        margin: 0 16px 46px 15px
    }

    .values .card__img {
        height: 145px
    }

    .director {
        padding-top: 10px
    }

    .director .wrap {
        max-width: 528px
    }

    .director__img {
        width: 100%;
        height: 401px
    }

    .director__img_desk {
        display: none
    }

    .director__img_tab {
        display: block
    }

    .director__content {
        width: 100%;
        padding: 0 0 25px
    }

    .article {
        padding-top: 16px
    }

    .article .wrap_small {
        max-width: 528px
    }

    .article .tags {
        width: 100%
    }

    .article .views {
        display: none
    }

    .article blockquote {
        padding-left: 29px
    }

    .article .imgs img {
        width: 230px;
        height: 166px
    }

    .article .imgs table {
        width: calc(100% + 132px);
        margin-left: -68px;
        border-spacing: 68px 30px
    }

    .article ol {
        padding-left: 78px
    }

    .article ol li:before {
        width: 40px;
        left: -60px
    }

    .article ol li:after {
        left: -78px
    }

    .article .slider-main__wrap>div>div>div {
        height: 455px
    }

    .article .slider-nav {
        margin-top: 11px
    }

    .article .slider-nav>div>div>div>div {
        height: 78px;
        width: 126px
    }

    .share_vertical {
        top: 321px;
        right: 23px
    }

    .share_horizontal {
        max-width: 528px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 124px
    }

    .share_horizontal .social__item {
        width: 97px
    }

    .articles_journal.articles .wrap_small {
        max-width: 528px
    }

    .articles_journal.articles .articles_journal__title {
        margin-bottom: 50px
    }

    .articles_journal.articles .articles__list {
        margin-left: -35px;
        width: calc(100% + 72px)
    }

    .articles_journal.articles .card {
        width: 230px;
        margin: 0 35px 36px
    }

    .articles_journal.articles .card__h5 {
        margin-bottom: 10px
    }

    .tour__iframe {
        min-height: 400px
    }

    .apartment-head__h2 {
        width: 100%;
        padding: 42px 0 47px
    }

    .apartment-head__diagram {
        padding-left: 0;
        width: 100%
    }

    .gallery {
        padding-top: 33px
    }

    .gallery__wrap {
        width: calc(100% - 354px)
    }

    .gallery__diagram_desk {
        display: none
    }

    .gallery__diagram_tab {
        display: block
    }

    .gallery__content {
        width: 353px;
        padding-left: 31px
    }

    .gallery__h3 {
        margin-top: 27px
    }

    .gallery__h3 br {
        display: block
    }

    .gallery__slider {
        margin-bottom: 4px
    }

    .gallery__photo {
        height: 359px
    }

    .gallery__nav {
        padding: 0 1px 3px 0
    }

    .gallery__img {
        width: 114px;
        height: 71px
    }

    .apartment-description {
        margin-bottom: 56px
    }

    .apartment-description__img {
        width: 350px
    }

    .apartment-description_left .apartment-description__img {
        -webkit-transform: translate(34px, 0);
        -ms-transform: translate(34px, 0);
        transform: translate(34px, 0)
    }

    .floor-plan {
        padding-top: 58px
    }

    .how-to-buy {
        padding-top: 45px
    }

    .how-to-buy__list {
        width: calc(100% + 70px);
        margin-left: -34px
    }

    .how-to-buy .card {
        margin-bottom: 60px;
        margin-right: 30px;
        width: 320px;
        padding: 40px 40px 51px
    }

    .apartaments.apartaments_related {
        padding-top: 33px;
        padding-bottom: 62px
    }

    .apartaments.apartaments_related .card {
        width: 206px
    }

    .apartaments.apartaments_related .card__img {
        height: 200px
    }

    .apartaments.apartaments_related .card__bg {
        height: 170px;
        top: 15px;
        bottom: 15px;
        left: 15px;
        width: calc(100% - 30px)
    }

    .apartaments {
        width: 50%;
        padding-top: 85px
    }

    .apartaments__list {
        width: 100%;
        margin: auto
    }

    .apartaments .card {
        margin: 0 33px 51px
    }

    .apartaments .card__h5 {
        margin-top: 25px
    }

    .apartaments .card_stub {
        display: none
    }

    .apartaments__pagination li {
        margin-left: 6px
    }

    .buffer {
        width: 50%
    }

    .buffer .filters {
        margin-top: 59px
    }

    .filters {
        margin-left: 0
    }

    .commercial-question .manager {
        padding: 0
    }

    .gallery_commercial .gallery__slider {
        padding: 77px 15px 67px 15px
    }

    .gallery_commercial .wrap:before {
        height: 580px
    }

    .gallery_commercial .wrap .gallery__content_desk {
        vertical-align: top;
        padding-top: 50px
    }

    .invest-calculator__columns {
        padding-left: 92px
    }

    .invest-calculator__column {
        float: none;
        width: 100%
    }

    .invest-calculator__form {
        margin-left: 0;
        padding-top: 5px
    }

    .readiness {
        padding-top: 121px
    }

    .readiness .wrap {
        max-width: 710px;
        text-align: center
    }

    .readiness__list {
        width: 100%
    }

    .readiness .card {
        height: 433px
    }

    .readiness__navigation_desk {
        display: none
    }

    .readiness__navigation_tab {
        display: block
    }

    .readiness .navigation__line {
        display: none
    }

    .readiness__content {
        margin-top: 82px;
        width: 100%;
        text-align: left;
        padding-left: 0;
        position: relative
    }

    .readiness__button {
        display: block
    }

    .readiness__more {
        margin-top: 50px
    }

    .readiness__text {
        margin-bottom: 32px
    }

    .readiness__diagram {
        position: relative;
        top: 5px;
        right: 0;
        width: 330px
    }

    .new-quality {
        padding-top: 70px
    }

    .new-quality__list {
        width: calc(100% + 68px);
        margin-left: -34px
    }

    .new-quality .card {
        width: 320px;
        margin-left: 34px;
        margin-right: 34px
    }

    .new-quality .card__img_desk {
        height: 180px
    }

    .new-quality .card_large {
        width: 100%
    }

    .new-quality .card_large .card__img_desk {
        width: 320px
    }

    .map .wrap {
        font-size: 0
    }

    .map .infrastructure-objects {
        width: 52%
    }

    .map .infrastructure-objects__card {
        width: 50%
    }

    .map__description {
        width: 48%;
        padding-left: 20px
    }

    .accomplishment .tabs__head {
        display: none
    }

    .accomplishment__content {
        margin-top: 16px
    }

    .vidjet {
        display: none
    }

    .architect .wrap {
        max-width: 528px
    }

    .architect .card__content {
        width: 100%;
        padding-right: 0;
        min-height: auto;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 40px
    }

    .architect .card__content_margin {
        margin-bottom: 24px
    }

    .architect .card__img {
        width: 100%;
        height: 331px
    }

    .articles__list {
        margin-left: -16px;
        padding-top: 23px;
        width: calc(100% + 31px)
    }

    .articles .card {
        margin: 0 16px 46px 15px;
        width: 215px
    }

    .articles .card__img {
        height: 155px
    }

    .journal_questions .questions__column+.questions__column {
        margin-top: 18px
    }

    .complecs .divider_ajax {
        padding-top: 0
    }

    .complecs .divider_ajax .line {
        display: none
    }

    /*.complecs .divider_ajax .footer__button {*/
    /*    margin-left: 0*/
    /*}*/

    /*.complecs .footer__button {*/
    /*    display: block;*/
    /*    text-align: left*/
    /*}*/

    .complecs__list {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0
    }

    .complecs__card-links {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .complecs__card-links .button_green {
        margin-bottom: 25px
    }

    .complecs .card {
        width: calc(32% - 20px)
    }

    .complecs .card:nth-child(3n) {
        margin: 0
    }

    .complecs .card:nth-child(2n) {
        margin: 0 40px 40px 0
    }

    .complecs .card__img {
        height: 190px
    }

    .complecs .card__h5 {
        font-size: 14px
    }

    .complecs .complecs__card_stub {
        height: auto
    }

    .catalogue-head h2 {
        padding-bottom: 40px
    }

    .done_projects {
        padding-top: 20px
    }

    .done_projects__title>* {
        width: 100%
    }

    .done_projects__title .values__p {
        padding-top: 0;
        width: 100%
    }

    .done_projects__title .values__h2 {
        margin-bottom: 15px
    }

    .done_projects__title {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .done_projects .values__list {
        padding-top: 50px
    }

    .done_projects .card__img {
        height: 155px
    }

    .done_projects .card {
        margin-left: 0;
        margin-right: 30px;
        margin-bottom: 35px
    }

    .done_projects .divider_ajax {
        padding-top: 0
    }

    .done_projects .divider_ajax .line {
        display: none
    }

    /*.done_projects .divider_ajax .footer__button {*/
    /*    margin-left: 0*/
    /*}*/

    .catalogue-commercial-head {
        padding-top: 170px
    }

    .catalogue-commercial-head .h2 {
        padding-bottom: 40px
    }

    .calc.stavka {
        margin-top: 100px
    }

    .calc.stavka .tabl-hidden {
        display: none
    }

    .calc.stavka .desk-hidden {
        display: block
    }

    .calc.stavka .calc__fieldset--left,
    .calc.stavka .calc__fieldset--right {
        width: 320px
    }

    .calc.stavka .calc__fieldset--right {
        margin-left: 8%
    }

    .calc_form-ipoteka .filters__heading {
        width: 35%
    }

    .navigation__content {
        width: 320px
    }

    .navigation__content .navigation__status {
        width: 185px
    }

    .bank-section__item {
        height: 70px;
        margin: 0 4px
    }

    .bank-section__item svg {
        width: 70px;
        height: 30px
    }

    .bank-section {
        overflow: hidden
    }

    .send-request {
        float: right
    }

    .vtor-calc .calc__fieldset--left,
    .vtor-calc .vtor-calc .calc__fieldset--right {
        width: 50%
    }

    .vtor-calc .calc_form .filters__section .filters__heading {
        width: 30%
    }

    .vtor-calc .calc__fieldset--right legend {
        line-height: 50px
    }

    .vtor-calc .calc__calculated-block {
        padding: 10px 20px
    }

    .vtor-calc .send-request {
        float: left
    }

    .vtor-expectation h2.h2 {
        max-width: 100%
    }

    .partners .card {
        width: 47.8%;
        margin-bottom: 30px
    }

    .partners .card:nth-child(2n) {
        margin-right: 0
    }

    .partners .card:nth-child(3n) {
        margin-right: 30px
    }

    .car-details__director-img {
        display: block
    }

    .car-details__director {
        padding-bottom: 40px
    }

    .car-details__journal {
        margin-bottom: 0px
    }

    .poster__bg {
        background-position: 70% center !important
    }

    .land_purchase .statistics .card__h1 {
        font-size: 42px
    }

    .land_purchase .director .director__img_desk {
        display: block
    }

    .land_purchase .director__img {
        display: none
    }

    .land_purchase .new-quality {
        padding-top: 120px
    }

    .land_purchase .questions .questions__columns h2 {
        font-size: 54px;
        line-height: 48px
    }

    .commercial__wrap {
        width: calc(100% - 160px)
    }

    .commercial__wrap .career__zoom {
        bottom: 100px;
        right: 20px
    }

    .commercial__wrap .career__card img {
        width: 100%;
        height: 100%
    }

    .commercial__img {
        width: 68px;
        height: 44px
    }

    .commercial__descr {
        margin-top: 5px
    }

    .commercial__mask {
        position: absolute;
        z-index: 1000;
        top: 10%;
        left: 37%;
        width: 22%;
        height: 67%;
        opacity: 1;
        transition: opacity 0.3s
    }

    .commercial__mask-img {
        width: 62% !important;
        height: 36% !important
    }

    .commercial__navigation .navigation__content .navigation__build-btn_prev {
        left: -90px
    }

    .commercial__navigation .navigation__content .navigation__build-btn_next {
        right: -90px
    }

    .vtor-calc .calc__fieldset--right legend {
        line-height: 100px
    }

    .questions__top-row .questions__h2 {
        width: 100%;
        margin-bottom: 0
    }

    .questions__top-row .questions__text {
        width: 100%
    }

    .questions__top-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .form-columns {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .form-left-column {
        width: 100%
    }

    .form-right-column {
        width: 100%
    }

    .take_apartments__wrap {
        max-width: 528px;
        margin: 0 auto
    }

    .take_apartments__h2 {
        width: 100%
    }

    .take_apartments__content {
        width: 87%;
        margin-top: 40px
    }

    .construction-content__date {
        width: 205px;
        padding: 25px 0 0 0
    }

    .main-slider-wrap .construction_zoom {
        bottom: 9px;
        right: 9px
    }

    .construction-slider-wrap {
        width: 460px;
        left: 40px
    }

    .construction-slider__slide {
        height: 290px
    }

    .branch_team__players-player {
        max-width: 216px;
        margin: 0 30px 60px 0
    }

    .branch_team__players-player__img {
        height: 206px;
        width: 216px
    }

    .branch_team__players-player__img img {
        height: auto
    }

    .intro_realtors__items-left {
        max-width: 50%;
        width: 100%
    }

    .download_app__content {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .download_app__content-img:first-child {
        display: none
    }

    .download_app__content-info {
        max-width: 320px
    }

    .download_app__content-info>p:first-child {
        margin: 30px 0
    }

    .download_app__content-btns {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .download_app__btn {
        margin: 0 0 10px 0
    }
}

@media screen and (max-width: 1200px) {
    .vue-app-body {
        height: auto
    }

    .vue-app-body__imgBuilder {
        min-width: 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: 300px
    }

    .vue-app-body__aside {
        min-width: 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .vue-app-body__filters {
        height: 430px
    }

    .vue-filter-items__img {
        object-fit: cover;
        height: 100px
    }

    .vue-filter-items__title {
        padding: 15px 5px 0
    }

    .card-items {
        min-width: 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 50px
    }

    .card-result {
        min-width: 100%;
        max-width: 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-left: 0;
        text-align: center
    }

    .vue-btn {
        display: block;
        margin: 0 auto
    }

    .career__nav .gallery__img {
        width: 87px;
        height: 56px
    }

    .career__build-navigation {
        text-align: left
    }

    .career__build-navigation .navigation__line {
        display: inline-block;
        width: calc(100% - 320px)
    }

    .career__gallery-wrap .gallery__slider {
        padding: 0 0 10px !important
    }

    .career__zoom {
        bottom: 70px;
        right: 20px
    }

    .career__card {
        height: 290px
    }

    .career__gallery .wrap:before {
        height: 0 !important
    }

    .poster_padding .poster__inner {
        width: 90%
    }

    .career__h2 {
        width: 100%
    }

    .career__title-description {
        float: none;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        width: 65%
    }

    .gallery__wrap.career__gallery-wrap {
        width: calc(100% - 248px)
    }

    .gallery__content.gallery__content_desk.career__gallery-content {
        width: 35%;
        vertical-align: middle
    }

    .career__view-all {
        margin-bottom: 70px
    }

    .career__view-all .view-all__line {
        display: block
    }

    .employeers {
        overflow: initial
    }

    .employeers .slick-list {
        overflow: initial
    }

    .employeers__list .card__inner {
        position: relative
    }

    .employeers__list .card__img {
        position: relative;
        top: 0;
        margin-top: 0
    }

    .career__social {
        width: 50%
    }

    .career__vacancy .view-all__line {
        display: block
    }
}

@media only screen and (max-width: 1199px) {
    body[data-page="contacts"] .bread-crumbs__link:last-child:before {
        display: none
    }

    .contacts__wrap-map {
        width: 50%;
        height: 450px
    }

    .contacts__wrap-item {
        padding-right: 50px;
        padding-bottom: 30px
    }

    .contacts__wrap-contacts {
        max-width: 420px
    }

    .contacts__wrap-contacts .text {
        margin-right: 70px
    }

    .get_in_touch__tabs-menu {
        padding: 0 0 455px 0
    }

    .get_in_touch__tabs-title_block {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .get_in_touch__tabs-title_block p {
        padding: 0
    }

    .get_in_touch__tabs-form_title {
        max-width: none;
        padding: 0 0 15px 0
    }

    .get_in_touch__tabs-form {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .get_in_touch__tabs-form .form__row:last-child {
        margin-bottom: calc(90px - 26px)
    }

    .get_in_touch__tabs-form .manager {
        padding: 0
    }

    .get_to_us__item {
        max-width: 215px;
        margin: 0 30px 30px 0
    }

    .get_to_us__item-btn {
        width: 100%
    }
}

@media only screen and (max-width: 1023px) {
    body[data-page="realtors"] .values__title_wrap {
        display: block
    }

    body[data-page="realtors"] .values__h2 {
        margin-bottom: 30px
    }

    body[data-page="realtors"] .values__description {
        margin: 0 0 47px 0
    }

    .intro_realtors__items-right {
        padding-left: 30px;
        max-width: 340px
    }
}

@media screen and (max-width: 992px) {
    .vac-values {
        padding-top: 20px
    }
}

@media only screen and (max-width: 992px) {
    .advantage .h2 {
        max-width: 100%
    }

    .intro .about__content {
        padding-left: 0px
    }

    .intro__item-right {
        width: 60%
    }

    .intro__item-left {
        width: 46%
    }

    .calc {
        margin: 49px 0 40px 0
    }

    .calc_form .filters__section .filters__heading {
        width: 40%
    }

    .calc__month-payment,
    .calc__last-payment {
        width: 100%;
        margin-bottom: 10px
    }

    .calc__last-payment {
        margin-bottom: 0
    }

    .calc__month-payment--price,
    .last-payment--price {
        margin-left: 0
    }

    .desk-hidden {
        display: inline-block
    }

    .tabl-hidden {
        display: none
    }

    .calc__fieldset--right {
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: 35px
    }

    .calc_form .filters__section .filters__inner {
        float: left
    }

    .zayavka.statistics.ipot-zayavka h2 {
        max-width: 100%
    }

    .calc_form-ipoteka .filters__section .filters__heading {
        width: 37%
    }

    .calc_form .filters__section .filters__inner {
        float: right
    }
}

@media all and (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 10px)
    }
}

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

    .vacancy__right-block,
    .vacancy__left-block {
        width: 100%;
        position: relative
    }

    .vacancy__left-block {
        margin-bottom: 20px
    }

    .vacancy__card-department,
    .vacancy__card-city,
    .vacancy__card-link {
        margin-left: 0
    }

    .vacancy__card-department {
        width: 100%;
        margin-bottom: 40px
    }

    .vacancy__card-link {
        position: absolute;
        right: 0;
        top: 40px
    }

    .vacancy__card-city {
        left: 0;
        top: 20px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding-left: 0
    }

    .vacancy .filters__section {
        padding-top: 0
    }

    .vac-faq {
        margin-top: 80px
    }

    .vtor-details__apartments-h2.h2 {
        max-width: 100%;
        font-size: 32px;
        line-height: 32px
    }

    .vtor-steps__text {
        width: 100%;
        position: relative
    }

    .employeers .testimonials__h2 {
        text-align: center
    }

    .career__view-all {
        margin-bottom: 30px
    }

    .career__nav-navigation {
        padding: 0
    }

    .career__articles {
        padding-top: 41px;
        padding-bottom: 10px
    }

    .career__gallery-wrap {
        margin-top: 0
    }

    .career__nav {
        display: none
    }

    .career__card {
        height: 177px
    }

    .career__gallery-content {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        padding-top: 0 !important
    }

    .career__inner {
        width: 100%
    }

    .bread-crumbs a.bread-crumbs__link {
        line-height: 24px
    }

    .poster__inner.career__inner {
        padding-top: 110px
    }

    .career__inner .poster__h1 {
        font-size: 26px
    }

    .career__inner .poster__h5 {
        font-size: 16px;
        padding-right: 0
    }

    .career__title-description {
        width: 100%
    }

    .employeers__list .card__inner {
        position: relative;
        top: 30px
    }

    .share.share_horizontal.career__social.wow.fadeIn {
        position: relative;
        width: 100%;
        padding-top: 0
    }

    .gallery__wrap.career__gallery-wrap {
        width: 100%
    }

    .gallery__content.gallery__content_desk.career__gallery-content {
        display: block;
        width: 100%
    }
}

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

    h1,
    .h1 {
        font-size: 34px;
        line-height: 40px
    }

    h2,
    .h2 {
        font-size: 32px;
        line-height: 32px
    }

    h3,
    .h3 {
        font-size: 28px;
        line-height: 28px
    }

    h4,
    .h4 {
        font-size: 28px;
        line-height: 28px
    }

    .button_transparent {
        width: 241px
    }

    .button_white {
        width: 236px
    }

    .button_green {
        width: 274px
    }

    .play {
        width: 60px
    }

    .play:after {
        border-width: 4px 0 4px 6px
    }

    .wrap {
        max-width: 280px
    }

    .wrap_large {
        max-width: 320px
    }

    .wrap_mobile_full {
        max-width: 100% !important;
        padding: 0 15px !important
    }

    .circle-progress__value {
        margin-top: 57px;
        font-size: 32px;
        padding-left: 0
    }

    .circle-progress__percent {
        font-size: 28px;
        margin-top: 0px;
        padding-left: 0px
    }

    .circle-progress__label {
        margin-top: 55px;
        padding-left: 13px;
        max-width: 115px;
        line-height: 24px
    }

    .custom-select_accomplishment {
        margin-left: -11px
    }

    .header {
        top: 5px;
        height: 56px
    }

    .header__wrap {
        max-width: 300px
    }

    .header .wrap {
        max-width: 300px
    }

    .header__choose-city {
        display: none
    }

    .header__call {
        width: 24px;
        height: 24px;
        margin-top: 15px;
        padding: 0;
        border: none
    }

    .header__call .call__svg {
        margin-top: 2px
    }

    .header__logo {
        width: 36px;
        margin-bottom: 10px;
        width: 50px;
        height: 50px;
        margin-top: 0
    }

    .header__phone {
        margin-right: 24px;
        margin-top: 20px
    }

    .header__btn-menu {
        margin-left: 26px;
        margin-top: 14px
    }

    .header__submenu {
        display: none
    }

    .header__row_apartment {
        margin-top: 90px
    }

    .header__row_article {
        margin-top: 61px
    }

    .header__row_article .bread-crumbs {
        width: 300px
    }

    .header__bread-crumbs {
        margin-top: 3px
    }

    .header .popup {
        display: none
    }

    .header_black {
        top: 0;
        height: auto
    }

    .header_black .header__logo {
        margin-top: 0;
        width: 50px;
        height: 50px
    }

    .header_black .header__wrap {
        max-width: 300px
    }

    .header_black .header__btn-menu {
        margin-top: 15px !important;
        margin-left: 30px
    }

    .header_black .header__call {
        margin-top: 17px !important
    }

    .header_black .header__phone {
        margin-right: 28px;
        letter-spacing: 1.1px;
        margin-top: 20px !important
    }

    .header_fixed {
        top: 0
    }

    .header_article {
        margin-top: 61px
    }

    .bread-crumbs_many {
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden
    }

    .bread-crumbs_many .bread-crumbs__link {
        display: none
    }

    .bread-crumbs_many .bread-crumbs__link:nth-child(2),
    .bread-crumbs_many .bread-crumbs__link:nth-child(3) {
        display: none
    }

    .bread-crumbs_many .bread-crumbs__link:first-child,
    .bread-crumbs_many .bread-crumbs__link:last-child {
        display: inline-block
    }

    .bread-crumbs_many .bread-crumbs__link:last-child:before {
        content: "... \00A0 \2015";
        color: #fff;
        display: inline-block;
        margin: 0 10px 0 0px
    }

    .bread-crumbs_grey {
        margin-right: -10px
    }

    .bread-crumbs_many.bread-crumbs_grey .bread-crumbs__link:last-child:before {
        color: #6a6a6a
    }

    .panel-menu__inner {
        width: 260px
    }

    .panel-menu__close {
        right: 13px;
        top: 25px
    }

    .header__select {
        max-width: 155px
    }

    .select_header-fix {
        display: none
    }

    .select_header-top {
        display: none
    }

    .select_complexes .select__btn {
        font-size: 32px
    }

    .select_complexes .select__btn:after {
        top: 7px;
        right: 12px
    }

    .select_complexes .select__options {
        width: auto
    }

    .select_submenu-fix {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .select_submenu-fix .select__btn {
        padding-left: 0
    }

    .select_submenu-fix .select__options {
        padding-left: 0;
        position: absolute;
        z-index: 1
    }

    .select_submenu-top {
        margin-top: 5px;
        margin-bottom: 5px;
        width: auto
    }

    .poster__mob-text {
        display: none
    }

    .poster__h5 {
        padding-right: 0
    }

    .poster__inner {
        padding-left: 20px;
        padding-right: 20px;
        width: 320px
    }

    .poster__down {
        display: none
    }

    .poster__button {
        margin-top: 24px
    }

    .questions {
        padding-top: 68px;
        padding-bottom: 46px
    }

    .questions .wrap {
        max-width: 280px
    }

    .questions__text {
        margin-top: 18px
    }

    .questions__form {
        padding-top: 4px
    }

    .questions .form__button {
        margin-top: 0
    }

    .questions .form__row_split_2 .form__field:nth-of-type(1) {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 26px
    }

    .questions .form__row_split_2 .form__field:nth-of-type(2) {
        width: 100%;
        margin-left: 0px
    }

    .questions_article {
        padding-top: 28px;
        padding-bottom: 21px
    }

    .questions_article .questions__text {
        margin-top: 18px
    }

    .questions_request .form {
        padding-top: 14px
    }

    .questions_request .form__row:last-child {
        margin-top: 0px
    }

    .questions_gk {
        padding-bottom: 20px
    }

    .questions_gk .questions__text {
        margin-top: 18px
    }

    .questions_gk .form__row:last-child {
        margin-top: 0px
    }

    .footer {
        display: none
    }

    .footer__line {
        width: calc(100% - 20px)
    }

    .footer_mobile {
        margin-top: 80px;
        display: block
    }

    .footer_mobile.footer_no_margin {
        margin-top: 0
    }

    .footer__wrap {
        display: block;
        text-align: center
    }

    .footer__wrap:last-child {
        margin-top: 41px;
        margin-bottom: 50px
    }

    .footer__nav {
        display: block;
        width: auto;
        margin-bottom: 33px
    }

    .footer__nav .nav__link {
        margin-right: 0;
        display: block;
        margin-bottom: 27px
    }

    /*.footer__nav .nav__link:last-child {*/
    /*    margin-bottom: 0*/
    /*}*/

    /*.footer__button {*/
    /*    margin-bottom: 37px;*/
    /*    letter-spacing: 0.5px*/
    /*}*/

    /*.footer__social {*/
    /*    margin-bottom: 19px*/
    /*}*/

    /*.footer__social .social__item {*/
    /*    margin-right: 35px*/
    /*}*/

    /*.footer__submenu {*/
    /*    display: block;*/
    /*    width: auto;*/
    /*    margin-bottom: 20px*/
    /*}*/

    /*.footer__submenu .submenu__link {*/
    /*    margin-right: 0;*/
    /*    display: block;*/
    /*    margin-bottom: 27px*/
    /*}*/

    /*.footer__submenu .submenu__link:last-child {*/
    /*    margin-bottom: 0*/
    /*}*/

    /*.footer__copyright {*/
    /*    margin-bottom: 27px*/
    /*}*/

    /*.footer__developers {*/
    /*    margin-left: 0*/
    /*}*/

    /*.footer__developers .developers__by {*/
    /*    margin-right: 0px*/
    /*}*/

    .modal__inner {
        max-width: 100%
    }

    .modal__close {
        top: 0;
        right: 0
    }

    .popup {
        width: 280px;
        padding: 57px 40px 60px
    }

    .poster .subscribe__form {
        display: none
    }

    .vue-filter-row__col {
        -webkit-flex: 0 0 22%;
        -ms-flex: 0 0 22%;
        flex: 0 0 22%
    }

    .about {
        height: auto;
        margin-bottom: 14px;
        padding-top: 0;
        margin-top: 50px
    }

    .about__h2 {
        margin-bottom: 30px
    }

    .about__inner {
        margin-left: 0;
        width: 100%;
        padding-left: 0;
        height: auto
    }

    .about__content {
        padding-left: 0;
        padding-bottom: 40px
    }

    .about__img {
        position: relative;
        width: 320px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0;
        top: 0;
        width: 100%
    }

    .about__text {
        max-height: none;
        padding-right: 40px;
        margin-bottom: 0
    }

    .about__more {
        margin-top: -4px
    }

    .choose-appart__body {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .choose-appart__item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 50px
    }

    .choose-appart__img {
        height: 230px
    }

    .rules__h2 {
        margin-bottom: 43px;
        text-align: left
    }

    .rules__list .card {
        height: auto;
        margin-bottom: 68px
    }

    .rules__list .card:last-of-type {
        margin-bottom: 35px
    }

    .rules__list .card__inner {
        height: auto;
        width: 100%
    }

    .rules__list .card__h3 {
        margin-bottom: 24px
    }

    .rules__list .card__img {
        height: 151px;
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-top: 32px
    }

    .rules__list .card__text {
        margin-top: 13px
    }

    .rules__list .card_left .card__img,
    .rules__list .card_right .card__img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0
    }

    .rules__list .card_left .card__content,
    .rules__list .card_right .card__content {
        padding: 0
    }

    .rules__list .card_left .card__inner,
    .rules__list .card_right .card__inner {
        margin: 0
    }

    .complexes {
        padding-bottom: 0
    }

    .complexes__h2 {
        margin: 0 0 45px;
        text-align: left
    }

    .complexes__h2 br {
        display: block
    }

    .complexes__view-all {
        max-width: none
    }

    .complexes__list {
        padding-bottom: 22px
    }

    .complexes__list .card {
        padding: 38px 20px 40px;
        height: auto
    }

    .complexes__list .card__h4 {
        margin: 0 0 34px
    }

    .complexes__list .card__text {
        margin-top: 23px;
        max-height: 198px;
        overflow: hidden
    }

    .complexes__list .card__button {
        position: relative;
        margin-top: 40px;
        bottom: 0;
        left: 0
    }

    .complexes__list .stub__h2 {
        line-height: 35px
    }

    .complexes__list .stub__content {
        padding: 37px 20px 0
    }

    .complexes__list .stub__text p {
        margin: 0
    }

    .complexes__list .stub:after {
        display: none
    }

    .shares {
        margin-bottom: 50px;
        padding-top: 18px
    }

    .shares__h2 {
        margin-bottom: 45px
    }

    .shares__list {
        margin: 0;
        padding-bottom: 33px
    }

    .shares__list .card {
        width: 100%;
        padding: 0
    }

    .shares__list .card__background {
        max-width: 100%;
        height: 320px
    }

    .shares__list .card__title {
        margin: 32px auto 0;
        max-width: 100%
    }

    .shares__list .card__img {
        max-width: 100%;
        margin: auto
    }

    .shares .view-all__line {
        margin-right: 8px
    }

    .shares__navigation {
        display: block
    }

    .navigation__line {
        display: none
    }

    .navigation__content {
        padding-left: 0;
        width: 100%
    }

    .navigation__status {
        width: 158px
    }

    .navigation__arrow {
        top: 27px
    }

    .testimonials {
        padding-top: 30px
    }

    .testimonials__h2 {
        margin-bottom: 40px;
        text-align: left
    }

    .testimonials__list {
        margin-bottom: 40px;
        max-width: 100%
    }

    .testimonials__list .card__divider {
        margin-top: 25px
    }

    .testimonials__list .card__img {
        height: 400px;
        margin-top: 8px
    }

    .testimonials__list .card__text {
        padding-right: 4px
    }

    .testimonials__list .card__play {
        top: 50%;
        left: 50%
    }

    .text-block {
        margin-top: 0
    }

    .text-block__wrap {
        max-width: 280px
    }

    .text-block__title {
        line-height: 32px
    }

    .text-block__right-col {
        margin-top: 29px
    }

    .statistics {
        padding-top: 50px;
        padding-bottom: 51px
    }

    .statistics__list {
        width: 100%;
        margin-left: 0;
        padding-bottom: 0
    }

    .statistics .card {
        margin: 0 0 43px 0;
        width: 100%
    }

    .statistics .card__h5 {
        margin-top: 20px;
        margin-bottom: 14px
    }

    .statistics .card__h3 {
        max-width: 100%
    }

    .statistics .map {
        margin-top: -157px
    }

    .statistics .map__prompt {
        bottom: 34px;
        right: 10px
    }

    .mission {
        padding-top: 67px;
        padding-bottom: 67px
    }

    .mission__h2 {
        text-align: left;
        line-height: 1;
        padding: 0 15px;
        max-width: none
    }

    .values {
        padding-top: 41px
    }

    .values__list {
        padding-top: 19px;
        width: 100%;
        margin: 0
    }

    .values .card {
        width: 100%;
        margin: 0 0 26px
    }

    .values .card__img {
        height: 190px
    }

    .values .card__h5 {
        margin-bottom: 13px
    }

    .values .card_stub {
        display: none
    }

    .director {
        padding-bottom: 7px
    }

    .director .wrap {
        max-width: 280px
    }

    .director__img_desk {
        display: block
    }

    .director__img_tab {
        display: none
    }

    .director__content {
        padding-bottom: 0
    }

    .director__text p {
        max-height: 216px;
        overflow: hidden
    }

    .director__h5 {
        margin-top: 35px
    }

    .article {
        padding-top: -5px
    }

    .article .wrap_small {
        max-width: 300px
    }

    .article__content {
        max-width: none;
        margin-right: auto;
        margin-left: auto
    }

    .article__content>p>img {
        margin-top: 11px;
        margin-bottom: 1px
    }

    .article__content>p:first-child>img {
        margin-top: 21px
    }

    .article blockquote {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .article h1 {
        letter-spacing: -0.2px;
        margin-top: 49px;
        margin-bottom: 28px
    }

    .article h2 {
        margin-top: 35px;
        margin-bottom: 29px
    }

    .article h3 {
        margin-top: 54px;
        margin-bottom: 30px
    }

    .article__title {
        font-size: 28px;
        margin-bottom: 31px;
        margin-top: 9px !important
    }

    .article .imgs {
        margin-top: 32px
    }

    .article .imgs table {
        width: 100%;
        border-spacing: 0px 0px;
        margin-left: 0
    }

    .article .imgs td {
        display: block;
        margin-bottom: 18px
    }

    .article .imgs img {
        width: 100%;
        height: auto
    }

    .article ol {
        margin-bottom: 42px;
        padding-left: 47px
    }

    .article ol li:before {
        width: 20px;
        left: -30px
    }

    .article ol li:after {
        left: -47px
    }

    .article .video {
        margin-top: 42px
    }

    .article .table {
        margin-top: -3px;
        padding-top: 0
    }

    .article .table__wrap {
        overflow-y: scroll
    }

    .article .table table {
        width: 527px
    }

    .article .sliders {
        margin-top: 32px
    }

    .article .slider-main__wrap>div>div>div {
        height: 190px
    }

    .article .slider-main__zoom-icon {
        right: 10px;
        bottom: 10px
    }

    .article .slider-nav>div>div>div>div {
        height: 84px;
        width: 136px
    }

    .article .img-description img {
        margin-top: 11px
    }

    .share__line {
        display: none
    }

    .share_vertical {
        display: none
    }

    .share_horizontal {
        margin-bottom: 46px
    }

    .share_horizontal .social__item {
        text-align: left
    }

    .share_horizontal .share__text {
        padding-left: 0px;
        margin-left: 0
    }

    .share_horizontal .share__text:before {
        display: none
    }

    .articles_journal.articles {
        margin-top: 102px
    }

    .articles_journal.articles .articles__list {
        padding-top: 0
    }

    .articles_journal.articles .card {
        width: calc(100% - 70px);
        margin-bottom: 30px
    }

    .tour__iframe {
        min-height: 300px
    }

    .apartment-head_single {
        padding-top: 30px
    }

    .apartment-head__h2 {
        letter-spacing: 0.05px;
        padding: 8px 0 38px
    }

    .apartment-head .circle-progress__label {
        margin-top: 56px;
        padding-left: 13px
    }

    .gallery {
        padding-top: 21px
    }

    .gallery__h3 {
        margin-top: 53px;
        padding-left: 0;
        margin-bottom: 31px
    }

    .gallery__text {
        padding-left: 0
    }

    .gallery__text span {
        width: 160px
    }

    .gallery__slider {
        margin-bottom: 11px
    }

    .gallery__slider:after {
        display: none
    }

    .gallery__nav {
        padding: 0 2px 12px 1px
    }

    .gallery__content {
        width: 100%;
        padding-left: 0
    }

    .gallery__content_desk {
        display: none
    }

    .gallery__content_mob {
        display: block
    }

    .gallery__button {
        margin: 0 auto
    }

    .gallery__wrap {
        width: 100%;
        margin-top: 71px
    }

    .gallery__photo {
        height: 270px
    }

    .gallery__img {
        height: 77px;
        width: 125px
    }

    .apartment-description {
        margin-top: 6px;
        height: auto
    }

    .apartment-description__inner {
        width: 100%;
        height: auto
    }

    .apartment-description__inner:after {
        display: none
    }

    .apartment-description__h3 {
        margin-bottom: 24px
    }

    .apartment-description__img {
        margin-top: 32px;
        position: static;
        width: 100%;
        height: 175px
    }

    .apartment-description_left .apartment-description__content {
        padding: 0
    }

    .apartment-description_left .apartment-description__img {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .floor-plan {
        padding-top: 12px
    }

    .floor-plan__h2 {
        text-align: left;
        margin-bottom: 35px
    }

    .floor-plan__img {
        height: 270px
    }

    .how-to-buy {
        padding-top: 11px
    }

    .how-to-buy__list {
        padding-top: 9px;
        width: 100%;
        margin-left: 0
    }

    .how-to-buy .card {
        margin: 0 0 40px;
        width: 100%;
        height: auto;
        padding: 40px 40px 50px
    }

    .how-to-buy .card__h3 {
        margin-bottom: 20px;
        line-height: 29px
    }

    .apartaments.apartaments_related {
        padding-top: 33px;
        padding-bottom: 62px
    }

    .apartaments.apartaments_related .apartaments__list {
        margin-left: 0;
        width: 100%
    }

    .apartaments.apartaments_related .card {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .apartaments {
        width: 100%;
        padding-top: 50px
    }

    .apartaments .card {
        margin: 0 8px 51px
    }

    .apartaments .card__h5 {
        margin-top: 26px
    }

    .apartaments__recommended-desc {
        margin-bottom: 30px
    }

    .apartaments__recommended-title {
        margin-bottom: 30px
    }

    .apartaments__list {
        max-width: 556px
    }

    .apartaments__pagination li {
        display: none
    }

    .apartaments__pagination li:nth-child(3) {
        display: inline-block
    }

    .apartaments__pagination li:nth-child(5) {
        display: inline-block
    }

    .apartaments__pagination li:nth-child(6) {
        display: inline-block
    }

    .apartaments__pagination li.active {
        display: inline-block
    }

    .buffer {
        width: 100%;
        margin: 60px -5px 0
    }

    .buffer__overflow-x-mobile {
        overflow-x: hidden;
        height: 339px;
        display: block
    }

    .buffer__overflow-mobile {
        overflow: auto;
        display: block
    }

    .buffer .filters {
        margin-top: 0
    }

    .filters {
        margin-top: 0;
        width: 100%;
        padding: 0 20px;
        margin-bottom: 0
    }

    .commercial-question .manager {
        padding: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 424px
    }

    .commercial-question .manager__bg {
        max-width: 100%;
        width: 100%;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .commercial-question .manager__text-wrapper {
        padding-left: 0;
        padding-top: 25px;
        width: 100%;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 20px
    }

    .gallery_commercial .wrap:before {
        height: 0
    }

    .invest-calculator {
        padding: 71px 0 44px
    }

    .invest-calculator__columns {
        padding: 0 5px
    }

    .invest-calculator__h2 {
        font-size: 26px
    }

    .invest-calculator__form .form__input {
        padding-left: 7px;
        margin-left: 7px;
        max-width: calc(100% - 37px)
    }

    .invest-calculator__form .form__row_split_2>*:nth-of-type(2n+1) {
        width: 54%;
        margin-left: -9px
    }

    .invest-calculator__form .form__row_split_2>*:nth-of-type(2n) {
        width: 46%
    }

    .invest-calculator__form .form__row_split_2>*:nth-of-type(2n)>.label {
        margin-left: 7px
    }

    .invest-calculator__form .form__row_split_2.last>* {
        vertical-align: bottom
    }

    .how-to-buy_commercial .view-all {
        margin-top: 0
    }

    .how-to-buy_commercial .view-all__more {
        white-space: normal
    }

    .readiness {
        padding-top: 50px;
        padding-bottom: 70px
    }

    .readiness .wrap {
        max-width: 320px
    }

    .readiness .card {
        height: 211px
    }

    .readiness__list {
        margin-bottom: 39px
    }

    .readiness__content {
        margin-top: 0px
    }

    .readiness__diagram {
        position: static;
        width: 100%
    }

    .readiness__text {
        padding-left: 0;
        margin-top: -2px
    }

    .readiness__more {
        margin-top: 30px;
        margin-bottom: 21px
    }

    .readiness__subscribe {
        padding-left: 0px
    }

    .readiness__subscribe p {
        margin-right: 46px;
        display: block;
        margin-bottom: 10px
    }

    .readiness__button {
        width: 209px
    }

    .readiness__icon {
        margin-right: 8px
    }

    .readiness__icon:last-child {
        margin-right: 0
    }

    .new-quality {
        padding-top: 66px
    }

    .new-quality__h2 {
        text-align: left;
        margin-bottom: 16px
    }

    .new-quality__h2 br {
        display: none
    }

    .new-quality__list {
        width: 100%;
        margin-left: 0
    }

    .new-quality .card {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 50px;
        width: 100%
    }

    .new-quality .card:last-of-type {
        margin-bottom: 50px
    }

    .new-quality .card__h3 {
        margin-bottom: 24px
    }

    .new-quality .card__content {
        width: 100%;
        padding-right: 0
    }

    .new-quality .card__text {
        margin-top: 13px
    }

    .new-quality .card__img {
        width: 100%;
        margin-top: 32px;
        margin-bottom: 0;
        height: 211px
    }

    .new-quality .card__img_desk {
        display: none
    }

    .new-quality .card__img_mob {
        display: block
    }

    .new-quality .card_large {
        height: auto;
        margin-bottom: 67px
    }

    .new-quality .card_large .card__content {
        width: 100%;
        padding-right: 0
    }

    .new-quality .card_large .card__img {
        width: 100%;
        margin-top: 32px;
        height: 151px
    }

    .map {
        padding-bottom: 30px
    }

    .map .wrap {
        max-width: 300px
    }

    .map__map {
        margin-top: 35px;
        height: 360px
    }

    .map__h5 {
        margin-top: 45px
    }

    .map .infrastructure-objects {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px
    }

    .map .infrastructure-objects__h5 {
        margin-top: 20px
    }

    .map .infrastructure-objects__card {
        margin-bottom: 10px
    }

    .map__description {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .infowindow {
        width: 320px;
        padding-top: 25px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px
    }

    .accomplishment {
        padding-bottom: 30px;
        margin-top: 0
    }

    .accomplishment .wrap {
        max-width: 300px
    }

    .accomplishment__h2 {
        margin-bottom: 12px
    }

    .accomplishment__content {
        margin-top: 6px;
        height: 430px
    }

    .accomplishment__text {
        margin-top: 63px;
        padding-right: 10px;
        padding-left: 10px
    }

    .architect {
        margin-top: 0;
        padding-bottom: 0
    }

    .architect__h2 {
        letter-spacing: 0;
        margin-bottom: 44px
    }

    .architect .wrap {
        max-width: 280px
    }

    .architect .card__label {
        margin-bottom: 14px
    }

    .architect .card__content_margin {
        margin-bottom: 14px
    }

    .architect .card__img {
        height: auto
    }

    .architect .card__img:after {
        content: "";
        display: block;
        padding-top: 50%
    }

    .image-block {
        margin-bottom: 50px
    }

    .articles {
        padding-top: 95px;
        padding-bottom: 60px
    }

    .articles__list {
        margin: 0;
        padding-top: 19px;
        width: 100%
    }

    .articles .card {
        margin: 0 0 26px;
        width: 100%
    }

    .articles .card__img {
        height: 400px
    }

    .articles .card__tags {
        margin-bottom: 15px
    }

    .articles .card__h5 {
        margin-bottom: 13px
    }

    .articles .card.card_stub {
        display: none
    }

    .journal_questions .questions__column+.questions__column {
        margin-top: 30px
    }

    .complecs__list {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0
    }

    .complecs__card-links .button_green {
        margin-bottom: 0
    }

    .complecs .card {
        width: 100%;
        margin-bottom: 25px !important
    }

    .complecs .card__img {
        height: 215px
    }

    .catalogue-head h2 {
        padding-bottom: 20px
    }

    .done_projects {
        padding-top: 20px
    }

    [data-pages="team-page"] .bread-crumbs__link:nth-child(2) {
        display: none
    }

    [data-pages="team-page"] .bread-crumbs__link:nth-child(3)::before {
        content: "... \00A0 \2015";
        color: #fff;
        display: inline-block;
        margin: 0 10px 0 0px
    }

    [data-pages="team-page"] .poster__h5 {
        padding: 0
    }

    .intro {
        height: auto
    }

    .intro .h2 {
        margin-top: 22px;
        font-size: 26px;
        margin-bottom: 0px;
        padding-left: 10px
    }

    .intro__block {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .intro__item-left {
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
        margin-bottom: 40px
    }

    .intro__item-right {
        width: 60%;
        position: relative;
        width: 100%;
        margin-left: 0;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .calc__fieldset--left,
    .calc__fieldset--right {
        width: 100%;
        float: left;
        position: relative;
        bottom: 0
    }

    .zayavka .statistics__list {
        text-align: center
    }

    .zayavka .card__h1 {
        font-size: 72px
    }

    .zayavka .divider {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .send-request .desk-hidden {
        display: block
    }

    .send-request .tabl-hidden {
        display: none
    }

    .calc_form .filters__section .filters__inner {
        float: right
    }

    .calc.stavka {
        margin-top: 65px
    }

    .calc.stavka .calc__fieldset--right {
        margin-left: 0
    }

    .calc.stavka .calc__fieldset--left,
    .calc.stavka .calc__fieldset--right {
        width: 100%
    }

    .calc__fieldset--bottom .calc__calculated--row,
    .bank-names {
        display: inline-block;
        width: 100%;
        border-bottom: none
    }

    .send-request {
        float: left
    }

    .navigation__content .navigation__status {
        width: 43%px
    }

    .vtor-calc .calc__fieldset--left,
    .vtor-calc .calc__fieldset--right {
        width: 100%;
        float: left
    }

    .vtor-calc .calc_form .filters__section .filters__heading {
        width: 58%
    }

    .vtor-calc .filters__inner_side_right {
        margin-left: 0
    }

    .vtor-calc .calc__your-flat {
        width: 58%
    }

    .vtor-calc .calc__from-to {
        width: 34%;
        float: right
    }

    .vtor-calc .calc__your-flat {
        margin-bottom: 10px
    }

    .vtor-calc .calc__fieldset--right legend {
        line-height: 32px
    }

    .car-details__journal {
        margin-bottom: 0px
    }

    .specialization__list {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin: 0
    }

    .specialization {
        padding-top: 30px
    }

    .specialization__link {
        margin-bottom: 40px
    }

    .car-details__director,
    .employeers {
        padding-bottom: 0
    }

    .car-details__poster .poster__h5 {
        padding-right: 20px
    }

    .choose-ap {
        padding-bottom: 100px
    }

    .choose-ap .circle-progress__label {
        max-width: 95px
    }

    .choose-ap h2 {
        width: 100%
    }

    .choose-ap .apartment-head__diagram {
        padding-left: 0;
        width: 100%;
        padding-top: 0
    }

    .choose-ap__switch {
        width: 100%
    }

    .choose-ap__btn {
        width: 100%;
        cursor: pointer
    }

    .apartment-head.choose-ap {
        padding-bottom: 100px
    }

    .choose-house__text-block {
        position: absolute;
        width: auto;
        top: 50%
    }

    .choose-house__number {
        border: none;
        width: auto;
        height: auto;
        line-height: 1.2
    }

    .choose-house__items {
        line-height: 52px;
        white-space: nowrap;
        padding: 0 10px
    }

    .choose-house__item-desc {
        width: 100%
    }

    .choose-aphouse__complex {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-right: 0
    }

    .choose-aphouse__link {
        position: static
    }

    .choose-aphouse__flats {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .tal-section {
        padding-bottom: 0
    }

    .tal-section__content {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .tal-section__rules-btn {
        margin-top: 20px
    }

    .tal-section__journal {
        padding-top: 30px;
        padding-bottom: 20px
    }

    .tal-section__journal-title {
        margin-bottom: 20px
    }

    .tal-section__done-projects {
        padding-bottom: 0
    }

    .rules__h2 {
        margin-bottom: 10px
    }

    .random-table {
        overflow-x: scroll;
        max-width: 100%;
        margin-bottom: 20px
    }

    .sales__h1 {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 170px;
        margin-bottom: 30px
    }

    .service__arrow {
        left: 55%
    }

    .table__wrap_img table {
        width: 100%;
        border-spacing: 0px 0px;
        margin-left: 0
    }

    .table__wrap_img td {
        display: block;
        margin-bottom: 18px
    }

    .table__wrap_img img {
        width: 100%;
        height: auto
    }

    .modal__file .popup {
        width: 100%;
        height: auto
    }

    .modal__file .popup__h5 {
        max-width: 100%;
        font-size: 28px
    }

    .modal__file .popup__text p {
        max-width: 100%
    }

    .sales__block {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sales__lists {
        background-color: #22a662;
        position: relative;
        width: 100%
    }

    .sales__lists li {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .sales__select-item {
        min-width: 100%;
        border-right: 1px solid rgba(255, 255, 255, 0.1)
    }

    .sales__block-description {
        margin-left: 0;
        width: 100%;
        padding-left: 0
    }

    .vacancy__cities.first-select {
        z-index: 10
    }

    .securities__tables,
    .service__table-block,
    .sales__table-block {
        overflow-x: scroll;
        max-width: 100%;
        margin-bottom: 20px
    }

    .letter__block {
        font-size: 54px
    }

    .securities__table th:first-child,
    .securities__table td:first-child,
    .service__table th:first-child,
    .service__table td:first-child,
    .sales__table th:first-child,
    .sales__table td:first-child {
        min-width: 40px
    }

    .securities__table th,
    .securities__table td,
    .service__table th,
    .service__table td,
    .sales__table th,
    .sales__table td {
        min-width: 150px;
        max-width: 300px !important;
        padding: 20px;
        white-space: nowrap
    }

    .chart-block {
        width: 100%;
        overflow-x: scroll;
        display: block
    }

    .chart {
        width: 600px !important;
        margin-top: 20px
    }

    .chart-bar {
        width: 680px !important;
        margin-top: 30px
    }

    .chart-pie {
        width: 440px !important
    }

    .sales,
    .quantity,
    .service__diagramm,
    .file,
    .letter {
        padding-bottom: 40px
    }

    .file {
        margin-top: -30px
    }

    .service {
        margin-bottom: -50px
    }

    .service__table-block {
        padding-bottom: 0;
        margin-bottom: 50px
    }

    .progress-block {
        width: 100%
    }

    .schedule {
        padding-bottom: 0
    }

    .service__label {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 42px
    }

    .service__btn,
    .disclosure__btn {
        position: absolute;
        top: 0;
        z-index: 7
    }

    .service__chart {
        min-height: 30px
    }

    .service__table th:nth-child(2) {
        min-width: 160px
    }

    .disclosure .service__diagramm {
        min-height: 30px;
        border-bottom: none
    }

    .disclosure__diagramm-block {
        width: 100%;
        overflow-x: scroll;
        display: block
    }

    .poster .download-file-link {
        margin-left: 0
    }

    .poster .btns-wrapper {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .land_purchase .statistics {
        padding-top: 50px
    }

    .land_purchase .purchase_wrapper {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px
    }

    .land_purchase .purchase_wrapper .col {
        width: 100%
    }

    .land_purchase .contacts__wrap {
        height: 400px
    }

    .land_purchase .new-quality {
        padding-top: 50px
    }

    .land_purchase .questions .questions__columns h2 {
        font-size: 32px;
        line-height: 30px
    }

    .land_purchase .questions .questions__columns h2 strong {
        font-size: 32px
    }

    .land_purchase .branch_team {
        padding-top: 50px
    }

    body[data-page="realtors"] .statistics {
        padding-bottom: 10px
    }

    body[data-page="realtors"] .statistics__h2 {
        text-align: left;
        margin-bottom: 50px
    }

    body[data-page="realtors"] .statistics__description {
        display: none
    }

    body[data-page="realtors"] .manager {
        height: 424px
    }

    body[data-page="realtors"] .questions {
        margin-bottom: 50px
    }

    .commercial__gallery {
        padding-top: 100px;
        padding-bottom: 0
    }

    .commercial__navigation {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: -100px
    }

    .commercial__wrap {
        width: 100%
    }

    .commercial__navigation .navigation__content .navigation__build-btn_prev {
        left: 10px
    }

    .commercial__navigation .navigation__content .navigation__build-btn_next {
        right: 10px
    }

    .commercial__navigation .navigation__content .navigation__status {
        display: block;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 25px
    }

    .choose-ap {
        padding-bottom: 0px
    }

    .calc__fieldset--left {
        width: 100%;
        float: left;
        position: relative;
        bottom: 0;
        margin-bottom: 30px
    }

    .calc__block_v2 {
        padding-bottom: 50px
    }

    .calc__block_v2 .calc__fieldset--right legend {
        line-height: 100px
    }

    .warranty_obligations .form__row_split_3 .form__field {
        width: 100%;
        margin-right: 0;
        margin-bottom: 26px
    }

    .warranty_obligations .form__row_split_3 .filters__inner_side_right {
        width: 100%;
        margin-right: 0;
        margin-bottom: 26px
    }

    .warranty_obligations .filters__inner_side_right {
        margin-left: 0;
        width: 100%
    }

    .take_apartments {
        padding: 65px 0 70px 0
    }

    main[data-pages="complex-page"] .shares {
        padding: 58px 0 22px 0
    }

    .construction-timeline-actual,
    .construction-timeline-planned {
        top: 48px;
        min-width: 1200px
    }

    .construction-timeline-planned {
        top: 51px
    }

    .construction-timeline-wrap {
        position: relative
    }

    .construction-timeline-wrap:after,
    .construction-timeline-wrap:before {
        content: '';
        position: absolute;
        width: 30px;
        height: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .construction-timeline-wrap:after {
        left: -2px;
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.2))
    }

    .construction-timeline-wrap:before {
        right: -2px;
        background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.2));
        z-index: 1
    }

    .construction-timeline-overflow {
        overflow-x: auto;
        overflow-y: hidden
    }

    .construction-timeline {
        min-width: 1200px;
        margin: 47px 0 113px 0
    }

    .construction-content__date {
        width: 100%;
        display: none
    }

    .construction-slider-wrap {
        width: 100%;
        left: 0;
        margin-bottom: 21px
    }

    .construction-slider__slide {
        height: 177px
    }

    .construction-slider-nav {
        display: none
    }

    .construction-arrows__line {
        display: none
    }

    .construction-arrows__wrap {
        margin: 0 0 40px 0;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .construction-arrows__wrap .navigation__status {
        width: 159px
    }

    .branch_team__title {
        text-align: left
    }

    .branch_team__btn {
        width: 100%
    }

    .branch_team__players-player {
        max-width: 100%;
        width: 100%;
        margin: 0 0 50px 0
    }

    .branch_team__players-player:last-child {
        margin: 0
    }

    .branch_team__players-player__img {
        height: auto;
        width: 100%
    }

    .choose-house_tver .choose-house__item-desc {
        width: 100%
    }

    .choose-house_perm-dominant .choose-house__item-desc {
        width: 100%;
        display: inline-block
    }

    .choose-house_perm-dominant .choose-house__house--1 {
        top: 16.7%;
        right: 25.5%;
        width: 10.1%;
        height: 69%
    }

    .choose-house_perm-dominant .choose-house__house--2 {
        top: 3.2%;
        right: 35.5%;
        width: 21%;
        height: 69%
    }

    .choose-house_perm-dominant .choose-house__house--3 {
        top: 37.6%;
        right: auto;
        left: 33%;
        width: 10.6%;
        height: 48%
    }

    .choose-house_perm-dominant .choose-house__house--4 {
        top: 31.2%;
        right: auto;
        left: 18%;
        width: 18%;
        height: 55%
    }

    .choose-house_perm-hapinness .choose-house__item-desc {
        width: 100%;
        display: inline-block
    }

    .choose-house_perm-hapinness .choose-house__house--1 {
        top: 46%;
        right: 3.2%;
        width: 34.2%;
        height: 33%
    }

    .choose-house_perm-hapinness .choose-house__house--2 {
        top: 16.9%;
        right: 28.5%;
        width: 17%;
        height: 61%
    }

    .choose-house_perm-hapinness .choose-house__house--3 {
        top: 31.4%;
        right: auto;
        left: 51.5%;
        width: 4.3%;
        height: 45%
    }

    .choose-house_perm-hapinness .choose-house__house--4 {
        top: 68%;
        right: auto;
        left: 45.7%;
        width: 7.5%;
        height: 7.4%
    }

    .choose-house_perm-hapinness .choose-house__house--6 {
        top: 50.5%;
        right: auto;
        left: 8.7%;
        width: 17.5%;
        height: 26.4%
    }

    .choose-house_perm-nc .choose-house__house--1 {
        top: 46%
    }

    .choose-house_perm-nc .choose-house__house--2 {
        top: 37%
    }

    .choose-house_ufa .choose-house__item-desc {
        width: 100%;
        display: inline-block
    }

    .choose-house_ufa .choose-house__house--1 {
        top: 29.4%
    }

    .choose-house_ufa .choose-house__house--1 .choose-house__text-block {
        top: 16%;
        left: 42%
    }

    .choose-house_ufa .choose-house__house--2 {
        top: 32.3%
    }

    .choose-house_ufa .choose-house__house--2-1 {
        top: 34.8%;
        width: 12.5%
    }

    .choose-house_ufa .choose-house__house--2-1 .choose-house__text-block {
        top: 0%;
        left: 40%
    }

    .choose-house_ufa .choose-house__house--3 {
        top: 40%
    }

    .choose-house_ufa .choose-house__house--4 {
        top: 49.1%;
        width: 18.3%
    }

    .choose-house_ufa .choose-house__house--5 {
        top: 42.8%
    }

    .choose-house_ufa .choose-house__house--6 {
        top: 38.3%
    }

    .choose-house_ufa .choose-house__house--7 {
        top: 25.3%
    }

    .choose-house_ufa .choose-house__house--8 {
        top: 30.3%
    }

    .choose-house_chelny .choose-house__item-desc {
        width: 100%;
        display: inline-block
    }

    .choose-house_chelny .choose-house__house--1 {
        top: 4.3%;
        right: 77%;
        width: 20.1%;
        height: 73%
    }

    .choose-house_chelny .choose-house__house--2 {
        top: 33.7%;
        right: 67.3%;
        width: 11.6%;
        height: 30.4%
    }

    .choose-house_chelny .choose-house__house--3 {
        top: 32%;
        right: auto;
        left: 31.5%;
        width: 20.9%;
        height: 28%
    }

    .choose-house_chelny .choose-house__house--4 {
        top: 34%;
        right: auto;
        left: 51%;
        width: 20.3%;
        height: 30.1%
    }

    .choose-house_chelny .choose-house__house--5 {
        top: 36.3%;
        right: auto;
        left: 69.2%;
        width: 7.8%;
        height: 30.1%
    }

    .choose-house_chelny .choose-house__house--6 {
        top: 15.7%;
        right: auto;
        left: 75.3%;
        width: 15.9%;
        height: 55.1%
    }

    .choose-house_chelny .choose-house__house--7 {
        top: 24.4%;
        right: auto;
        left: 75.3%;
        width: 19.9%;
        height: 63.1%
    }

    .choose-house_chelny .choose-house__house--8 {
        top: 55%;
        right: auto;
        left: 32.8%;
        width: 26.6%;
        height: 39.1%
    }

    .choose-house_tumen .choose-house__item-desc {
        width: 100%;
        display: inline-block
    }

    .choose-house_tumen .choose-house__house--1 {
        top: 9.5%;
        right: 77%;
        width: 21.5%;
        height: 68.9%
    }

    .choose-house_tumen .choose-house__house--2 {
        top: 34.8%;
        right: 71.4%;
        width: 7.7%;
        height: 30.4%
    }

    .choose-house_tumen .choose-house__house--3 {
        top: 35.4%;
        right: auto;
        left: 26.4%;
        width: 13%;
        height: 22%
    }

    .choose-house_tumen .choose-house__house--4 {
        top: 22%;
        right: auto;
        left: 37.8%;
        width: 17.5%;
        height: 38.1%
    }

    .choose-house_tumen .choose-house__house--5 {
        top: 23.8%;
        right: auto;
        left: 54.3%;
        width: 21.5%;
        height: 32.1%
    }

    .choose-house_tumen .choose-house__house--6 {
        top: 7.3%;
        right: auto;
        left: 77.8%;
        width: 17.7%;
        height: 61.1%
    }

    .choose-house_tumen .choose-house__house--7 {
        top: 45%;
        right: auto;
        left: 80.3%;
        width: 18.3%;
        height: 41.1%
    }

    .choose-house_tumen .choose-house__house--8 {
        top: 50.5%;
        right: auto;
        left: 49.9%;
        width: 25.9%;
        height: 46.1%
    }

    .contacts__title {
        padding: 35px 0
    }

    .contacts__wrap {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .contacts__wrap-map {
        width: 100%;
        margin-top: 60px;
        height: 300px
    }

    .contacts__wrap-item {
        padding-right: 0
    }

    .contacts__wrap-contacts {
        max-width: none;
        width: 100%;
        padding: 0 20px
    }

    .contacts__wrap-contacts .text {
        margin-right: 20px
    }

    .get_in_touch__tabs {
        display: block
    }

    .get_in_touch__tabs-menu {
        display: none
    }

    .get_in_touch__tabs-tab {
        padding-top: 50px
    }

    .get_in_touch__tabs-title_block {
        padding-bottom: 40px
    }

    .get_in_touch__tabs-form .manager {
        max-width: none;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .get_in_touch__tabs-form .manager__bg {
        width: 100%;
        max-width: none
    }

    .get_in_touch__tabs-form .manager__text-wrapper {
        padding: 0 0 20px 0;
        width: 100%
    }

    .get_to_us {
        padding: 70px 0
    }

    .get_to_us__item:nth-child(2) .get_to_us__item-description {
        padding: 0
    }

    .get_to_us__item {
        max-width: none;
        width: 100%;
        margin-bottom: 50px
    }

    .get_to_us__item:last-child {
        margin-bottom: 0
    }

    .dropdown_item {
        display: block
    }

    .intro_realtors {
        margin-bottom: 60px
    }

    .intro_realtors__title {
        margin-bottom: 30px
    }

    .intro_realtors__items {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0 15px
    }

    .intro_realtors__items-left {
        height: 160px;
        max-width: none
    }

    .intro_realtors__items-right {
        padding: 0;
        max-width: none
    }

    .intro_realtors__items-description {
        margin: 0 0 30px 0
    }

    .intro_realtors__items-download {
        display: none
    }

    .intro_realtors__btn {
        width: 200px;
        margin: 0 0 40px 0
    }

    .partners .navigation__content {
        max-width: none;
        padding: 0
    }

    .partners .navigation__content .navigation__status {
        width: 168px
    }

    .partners__navigation {
        margin-bottom: 70px
    }

    .download_app__title {
        text-align: left;
        margin: 0 0 30px 0
    }

    .download_app__content-iphone {
        display: none
    }

    .download_app__content-info>p:first-child {
        margin: 0 0 30px 0
    }

    .download_app__content-info>p:nth-child(2) {
        margin: 0 0 40px 0
    }

    .download_app__content-btns {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .download_app__btn {
        width: 160px
    }

    .download_presentation__title {
        margin-bottom: 40px
    }

    .download_presentation__documents {
        max-width: none;
        margin: 0
    }

    .download_presentation__documents-item {
        margin: 0
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .popup {
        width: 100% !important;
        padding: 57px 40px 60px
    }

    .about__img {
        height: auto
    }

    .about__img:after {
        content: "";
        display: block;
        padding-top: 50%
    }

    .rules__list .card__img {
        height: auto
    }

    .rules__list .card__img:after {
        content: "";
        display: block;
        padding-top: 45%
    }

    .testimonials__list .card__img:after {
        content: "";
        display: block;
        padding-top: 45%
    }

    .values .card__img {
        height: auto
    }

    .values .card__img:after {
        content: "";
        display: block;
        padding-top: 45%
    }

    .director__img:after {
        content: "";
        display: block;
        padding-top: 50%
    }

    .apartment-description__img {
        height: auto
    }

    .apartment-description__img:after {
        content: "";
        display: block;
        padding-top: 50%
    }

    .readiness .card {
        height: auto
    }

    .readiness .card:after {
        content: "";
        display: block;
        padding-top: 45%
    }

    .new-quality .card__img {
        height: auto
    }

    .new-quality .card__img:after {
        content: "";
        display: block;
        padding-top: 45%
    }

    .new-quality .card_large .card__img {
        height: auto
    }

    .new-quality .card_large .card__img:after {
        content: "";
        display: block;
        padding-top: 45%
    }

    .articles .card__img:after {
        content: '';
        display: block;
        padding-top: 45%
    }
}

@media (max-width: 767px) {
    .construction-content__date_mobile {
        display: block;
        width: 280px
    }

    .construction-content__date_mobile .construction-content__date-btn {
        width: 205px
    }
}

@media screen and (max-width: 710px) {
    .popup_presentation__wrap {
        max-width: none;
        width: 95%;
        padding: 40px 10px;
        margin: 0 auto
    }

    .popup_presentation .modal__outer {
        padding: 10px 0
    }

    .popup_presentation .modal__close {
        right: 11px
    }

    .popup_presentation__title {
        line-height: 36px
    }

    .popup_presentation__subtitle {
        width: 100%;
        padding: 15px 0 20px 0
    }

    .popup_presentation__label-wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 586px) {
    .apartaments__list {
        max-width: 276px
    }
}

@media only screen and (max-width: 530px) {
    .vue-filter-row__col {
        margin-right: 0 !important;
        -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%
    }
}

@media only screen and (max-width: 500px) {
    .vue-filter-row {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .header_black {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        -ms-transform: translateY(-1px)
    }
}

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

    .vacancy__prof .filters__custom-select,
    .vacancy__cities,
    .vacancy__prof,
    .vacancy .filters__inner_side_right,
    .vacancy__cities .filters__custom-select {
        width: 100%;
        margin-right: 0
    }

    .vacancy__prof .custom-select__head {
        padding-bottom: 40px
    }

    .vacancy__prof .custom-select__value {
        width: 62%;
        word-wrap: break-word;
        overflow: inherit;
        white-space: normal
    }

    .navigation__content .navigation__status {
        width: 150px
    }

    .career__gallery {
        padding-top: 0
    }
}

@media only screen and (max-width: 480px) {
    .custom-select_accomplishment {
        width: 100%
    }

    .choose-appart__img {
        height: 150px
    }

    .testimonials__list .card__img {
        height: 240px;
        margin-top: 8px
    }

    .director__img {
        width: 100%;
        height: 251px
    }

    .commercial-question .manager {
        height: 500px
    }

    .map .infrastructure-objects__card {
        width: 100%
    }

    .articles .card__img {
        height: 260px
    }

    .intro {
        height: auto
    }

    .intro__item-right {
        width: 60%;
        width: 100%;
        margin-left: 0
    }

    .intro__item-right img {
        max-width: 100%;
        height: auto
    }

    .calc .title h3 {
        text-align: left;
        font-size: 28px
    }

    .calc__fieldset--left legend,
    .calc__month-payment,
    .calc__month-payment--price {
        font-size: 28px
    }

    .calc_form .filters__section .filters__heading {
        width: 100%
    }

    .calc_form .filters__section .filters__inner {
        float: left
    }

    .calc__calculated-block {
        padding: 10px
    }

    .desk-hidden {
        display: none
    }

    .tabl-hidden {
        display: block
    }

    .calc_form .filters__section {
        text-align: center
    }

    .calc_form .filters__section .filters__inner {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .calc .title h3,
    .calc__fieldset--left legend,
    .calc__fieldset--right legend {
        line-height: 28px;
        padding: 10px 0
    }

    .bank-section__item {
        height: 70px
    }

    .bank-section {
        overflow: hidden
    }

    .vtor-calc .calc__your-flat,
    .vtor-calc .calc__from-to {
        width: 100%
    }

    .choose-house__house--1 {
        top: 14.2%;
        right: 10.5%;
        width: 21.8%
    }

    .choose-house__house--2 {
        top: 34.5%;
        right: 34.7%;
        width: 16.4%
    }

    .choose-house__house--3 {
        top: 36.1%;
        left: 39.1%;
        width: 11.8%
    }

    .choose-house__house--4 {
        top: 36.8%;
        left: 29.2%;
        width: 11.3%
    }

    .choose-house__lists {
        overflow-x: auto;
        -webkit-justify-content: normal;
        -ms-flex-pack: normal;
        justify-content: normal
    }

    .service__diagramm {
        margin-top: 30px
    }

    .quantity .vacancy__cities .filters__inner,
    .sales__block-description .filters__inner {
        width: 100%
    }

    .schedule .filters__inner_side_right {
        margin-left: 0;
        width: 100%
    }

    .schedule .vacancy__cities {
        margin-bottom: 0
    }

    .letter__block {
        font-size: 36px;
        margin-bottom: 0
    }

    .service__table-block {
        margin-bottom: 0;
        padding-bottom: 30px
    }

    .modal__file .popup__form .form__input {
        width: 100%
    }

    .calc__block_v2 .calc_form .filters__section .filters__heading,
    .calc__block_v2 .calc__form-span {
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

    .calc__block_v2 .calc__form-input {
        float: none;
        display: inline-block;
        width: 100%;
        text-align: center
    }

    .calc__block_v2 .filters__heading_side_left {
        max-width: 100%
    }

    .calc__block_v2 .checkbox__mask {
        float: left
    }

    .calc__block_v2 .checkbox__label {
        width: auto;
        width: calc(100% - 26px) !important
    }

    .calc__block_v2 .calc__fieldset--right legend {
        line-height: 28px
    }
}

@media only screen and (max-width: 400px) {
    .intro .about__img {
        top: 180px
    }
}

@media only screen and (max-width: 380px) {
    .complecs__card-links .button_green {
        margin-bottom: 25px
    }
}

@media (max-width: 349px) {

    .navigation .wrap_mobile_full {
        padding: 0 0px !important;
    }
}

@media only screen and (max-width: 320px) {
    .branch_team__players-player__img {
        height: 202px
    }
}