@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Indie+Flower);
@font-face {
    font-family: "Open Sans";
    src: url(../fonts/OpenSansRegular.eot);
    src: url(../fonts/OpenSansRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSansRegular.woff) format("woff"), url(../fonts/OpenSansRegular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "OpenSans Light";
    src: url(../fonts/OpenSansLight.eot);
    src: url(../fonts/OpenSansLight.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSansLight.woff) format("woff"), url(../fonts/OpenSansLight.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "OpenSans Light Italic";
    src: url(../fonts/OpenSansLightItalic.eot);
    src: url(../fonts/OpenSansLightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSansLightItalic.woff) format("woff"), url(../fonts/OpenSansLightItalic.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "OpenSans Italic";
    src: url(../fonts/OpenSansItalic.eot);
    src: url(../fonts/OpenSansItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSansItalic.woff) format("woff"), url(../fonts/OpenSansItalic.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "OpenSans Bold";
    src: url(../fonts/OpenSansBold.eot);
    src: url(../fonts/OpenSansBold.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSansBold.woff) format("woff"), url(../fonts/OpenSansBold.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "OpenSans ExtraBold";
    src: url(../fonts/OpenSansExtraBold.eot);
    src: url(../fonts/OpenSansExtraBold.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSansExtraBold.woff) format("woff"), url(../fonts/OpenSansExtraBold.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "OpenSans RegularItalic";
    src: url(../fonts/OpenSansRegularItalic.eot);
    src: url(../fonts/OpenSansRegularItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSansRegularItalic.woff) format("woff"), url(../fonts/OpenSansRegularItalic.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "OpenSans SemiBoldItalic";
    src: url(../fonts/OpenSansSemiBoldItalic.eot);
    src: url(../fonts/OpenSansSemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSansSemiBoldItalic.woff) format("woff"), url(../fonts/OpenSansSemiBoldItalic.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}




:focus:-moz-placeholder,
:focus::-moz-placeholder {
    color: transparent!important
}

[autofocus]:-moz-placeholder:focus,
[autofocus]::-moz-placeholder:focus {
    color: graytext!important
}

:focus::-webkit-input-placeholder {
    color: transparent!important
}

[autofocus]::-webkit-input-placeholder {
    color: graytext!important
}

.irs,
.irs-line {
    position: relative;
    display: block
}

.irs {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.irs-line {
    overflow: hidden;
    outline: none!important
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    left: 0;
    width: 11%
}

.irs-line-mid {
    left: 9%;
    width: 82%
}

.irs-line-right {
    right: 0;
    width: 11%
}

.irs-bar,
.irs-bar-edge {
    position: absolute;
    display: block;
    left: 0
}

.irs-bar {
    width: 0
}

.irs-bar-edge {
    top: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1
}

.irs-slider.type_last {
    z-index: 2
}

.irs-min {
    left: 0
}

.irs-from,
.irs-max,
.irs-min,
.irs-single,
.irs-to {
    position: absolute;
    display: block;
    cursor: default
}

.irs-max {
    right: 0
}

.irs-from,
.irs-single,
.irs-to {
    top: 0;
    left: 0;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: 0 0;
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute!important;
    display: block!important;
    top: 0!important;
    left: 0!important;
    width: 0!important;
    height: 0!important;
    font-size: 0!important;
    line-height: 0!important;
    padding: 0!important;
    margin: 0!important;
    overflow: hidden;
    outline: none!important;
    z-index: -9999!important;
    background: 0 0!important;
    border-style: solid!important;
    border-color: transparent!important
}

.jspContainer {
    overflow: hidden;
    outline: none;
    position: relative
}

.jspPane {
    position: absolute;
    outline: none!important
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 100%;
    background: #eaeaea
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #e1e1e1;
    position: relative
}

.jspDrag {
    background: #80a7c4;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-transition: 200ms opacity;
    transition: 200ms opacity
}

.jspDrag:hover {
    opacity: .8
}

.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 5px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: none
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

.swiper-container,
.swiper-container_custom {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-slide,
.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#wowslider-container1 .ws_bulframe div div,
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet,
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%
}

.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: 99993;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-container~.fancybox-container {
    z-index: 99992
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.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;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

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

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

.fancybox-infobar {
    top: 0;
    left: 50%;
    margin-left: -79px
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    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
}

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

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

.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;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

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

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    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;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: 0 0;
    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
}

.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
}

.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-error,
.fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff
}

.fancybox-iframe {
    display: block;
    border: 0;
    height: 100%;
    padding: 0
}

.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: 0 0;
    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: #fff;
    -webkit-transition: background .25s;
    transition: background .25s;
    box-sizing: border-box;
    z-index: 2
}

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

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

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

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

.fancybox-slide--iframe .fancybox-close-small:hover:after {
    color: #fff
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8) 100%);
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, .4);
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

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

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

.fancybox-button {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: 0 0;
    color: #ddd;
    border-radius: 0;
    cursor: pointer;
    vertical-align: top;
    outline: none
}

.fancybox-button[disabled] {
    cursor: default;
    pointer-events: none
}

.fancybox-button,
.fancybox-infobar__body {
    background: rgba(30, 30, 30, .6)
}

.fancybox-button:hover:not([disabled]) {
    color: #fff;
    background: rgba(0, 0, 0, .8)
}

.fancybox-button::after,
.fancybox-button::before {
    content: '';
    pointer-events: none;
    position: absolute;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button[disabled]::after,
.fancybox-button[disabled]::before,
.fancybox-show-nav .fancybox-arrow[disabled] {
    opacity: .3
}

.fancybox-button--left::after,
.fancybox-button--right::after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: 0 0;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor
}

.fancybox-button--left::after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--right::after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close::after,
.fancybox-button--close::before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-arrow {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    height: 100px;
    width: 54px;
    padding: 0;
    border: 0;
    outline: none;
    background: 0 0;
    cursor: pointer;
    z-index: 99995;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.fancybox-arrow::after {
    content: '';
    position: absolute;
    top: 28px;
    width: 44px;
    height: 44px;
    background-color: rgba(30, 30, 30, .8);
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px
}

.fancybox-arrow--right {
    right: 0
}

.fancybox-arrow--left {
    left: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fancybox-arrow--left::after,
.fancybox-arrow--right::after {
    left: 0
}

.fancybox-show-nav .fancybox-arrow {
    opacity: .6
}

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

@-webkit-keyframes fancybox-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fancybox-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(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--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .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(.5, .5, .5);
    transform: scale3d(.5, .5, .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(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

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

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

@media all and (max-width:800px) {
    .fancybox-infobar {
        left: 0;
        margin-left: 0
    }
    .fancybox-button--left,
    .fancybox-button--right {
        display: none!important
    }
    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}
@media(max-width: 768px){
	.b-slider-range{
		padding-bottom: 50px;
	}
}
.fancybox-button--fullscreen::before {
    width: 15px;
    height: 11px;
    left: calc(50% - 7px);
    top: calc(50% - 6px);
    border: 2px solid;
    background: 0 0
}

.fancybox-button--pause::before,
.fancybox-button--play::before {
    top: calc(50% - 6px);
    left: calc(50% - 4px);
    background: 0 0
}

.fancybox-button--play::before {
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px
}

.fancybox-button--pause::before {
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px
}

.fancybox-button--thumbs,
.fancybox-thumbs {
    display: none
}

@media all and (min-width:800px) {
    .fancybox-button--thumbs {
        display: inline-block
    }
    .fancybox-button--thumbs span {
        font-size: 23px
    }
    .fancybox-button--thumbs::before {
        width: 3px;
        height: 3px;
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
    }
    .fancybox-thumbs,
    .fancybox-thumbs>ul>li {
        margin: 0;
        -webkit-tap-highlight-color: transparent;
        box-sizing: border-box
    }
    .fancybox-thumbs {
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        background: #fff;
        word-break: normal;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        z-index: 99995;
        position: absolute;
        width: 220px;
        padding: 5px 5px 0 0
    }
    .fancybox-show-thumbs .fancybox-thumbs {
        display: block
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 220px
    }
    .fancybox-thumbs>ul {
        list-style: none;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 0
    }
    .fancybox-thumbs>ul>li {
        float: left;
        overflow: hidden;
        max-width: 50%;
        padding: 0;
        width: 105px;
        height: 75px;
        position: relative;
        cursor: pointer;
        outline: none;
        border: 5px solid transparent;
        border-top-width: 0;
        border-right-width: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    li.fancybox-thumbs-loading {
        background: rgba(0, 0, 0, .1)
    }
    .fancybox-thumbs>ul>li>img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        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-radius: 2px;
        border: 4px solid #4ea7f9;
        z-index: 99991;
        opacity: 0;
        -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
        transition: all .2s cubic-bezier(.25, .46, .45, .94)
    }
    .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
        opacity: 1
    }
}

@font-face {
    font-family: 'ws-ctrl-dodgy';
    src: url(ws-ctrl-dodgy.eot);
    src: url(ws-ctrl-dodgy.eot#iefix) format("embedded-opentype"), url(ws-ctrl-dodgy.svg#ws-ctrl-dodgy) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ws-ctrl-dodgy';
    src: url(data:application/octet-stream;base64,d09GRgABAAAAAAtMAA4AAAAAE9AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPfBH9WNtYXAAAAGIAAAAOgAAAUrQFBm3Y3Z0IAAAAcQAAAAKAAAACgAAAABmcGdtAAAB0AAABZQAAAtwiJCQWWdhc3AAAAdkAAAACAAAAAgAAAAQZ2x5ZgAAB2wAAAEFAAABPgpdauZoZWFkAAAIdAAAADUAAAA2BKv/jWhoZWEAAAisAAAAIAAAACQGjgM/aG10eAAACMwAAAAUAAAAFAz7AABsb2NhAAAI4AAAAAwAAAAMAJ4A921heHAAAAjsAAAAHwAAACAAlQuibmFtZQAACQwAAAGWAAADCVvkkEFwb3N0AAAKpAAAAD0AAABWaEwyhHByZXAAAArkAAAAZQAAAHvdawOFeJxjYGSayTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHMHPQ/iyGKWYYhDijMCJIDAO7EC2J4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w//8PUvCCAURLMELVAwEjG8OIBwBnHgaxAAAAAAAAAAAAAAAAAAB4nK1WaXMTRxCd1WHLNj6CDxI2gVnGcox2VpjLCBDG7EoW4BzylexCjl1Ldu6LT/wG/ZpekVSRb/y0vB4d2GAnVVQoSv2m9+1M9+ueXpPQksReWI+k3HwpprY2aWTnSUg3bFqO4kPZ2QspU0z+LoiCaLXUvu04JCISgap1hSWC2PfI0iTjQ48yWrYlvWpSbulJd9kaD+qt+vbT0FGO3QklNZuhQ+uRLanCqBJFMu2RkjYtw9VfSVrh5yvMfNUMJYLoJJLGm2EMj+Rn44xWGa3GdhxFkU2WG0WKRDM8iCKPslpin1wxQUD5oBlSXvk0onyEH5EVe5TTCnHJdprf9yU/6R3OvyTieouyJQf+QHZkB3unK/ki0toK46adbEehivB0fSfEI5uT6p/sUV7TaOB2RaYnzQiWyleQWPkJZfYPyWrhfMqXPBrVkoOcCFovc2Jf8g60HkdMiWsmyILujk6IoO6XnKHYY/q4+OO9XSwXIQTIOJb1jkq4EEYpYbOaJG0EOYiSskWV1HpHTJzyOi3iLWG/Tu3oS2e0Sag7MZ6th46tnKjkeDSp00ymTu2k5tGUBlFKOhM85tcBlB/RJK+2sZrEyqNpbDNjJJFQoIVzaSqIZSeWNAXRPJrRm7thmmvXokWaPFDPPXpPb26Fmzs9p+3AP2v8Z3UqpoO9MJ2eDshKfJp2uUnRun56hn8m8UPWAiqRLTbDlMVDtn4H5eVjS47CawNs957zK+h99kTIpIH4G/AeL9UpBUyFmFVQC9201rUsy9RqVotUZOq7IU0rX9ZpAk05Dn1jX8Y4/q+ZGUtMCd/vxOnZEZeeufYlyDSH3GZdj+Z1arFdgM5sz+k0y/Z9nebYfqDTPNvzOh1ha+t0lO2HOi2w/UinY2wvaEGT7jsEchGBXMAGEoGwdRAI20sIhK1CIGwXEQjbIgJhu4RA2H6MQNguIxC2l7Wsmn4qaRw7E8sARYgDoznuyGVuKldTyaUSrotGpzbkKXKrpKJ4Vv0rA/3ikTesgbVAukTW/IpJrnxUleOPrmh508S5Ao5Vf3tzXJ8TD2W/WPhT8L/amqqkV6x5ZHIVeSPQk+NE1yYVj67p8rmqR9f/i4oOa4F+A6UQC0VZlg2+mZDwUafTUA1c5RAzGzMP1/W6Zc3P4fybGCEL6H78NxQaC9yDTllJWe1gr9XXj2W5twflsCdYkmK+zOtb4YuMzEr7RWYpez7yecAVMCqVYasNXK3gzXsS85DpTfJMELcVZYOkjceZILGBYx4wb76TICRMXbWB2imcsIG8YMwp2O+EQ1RvlOVwe6F9Ho2Uf2tX7MgZFU0Q+G32Rtjrs1DyW6yBhCe/1NdAVSFNxbipgEsj5YZq8GFcrdtGMk6gr6jYDcuyig8fR9x3So5lIPlIEatHRz+tvUKd1Ln9yihu3zv9CIJBaWL+9r6Z4qCUd7WSZVZtA1O3GpVT15rDxasO3c2j7nvH2Sdy1jTddE/c9L6mVbeDg7lZEO3bHJSlTC6o68MOG6jLzaXQ6mVckt52DzAsMKDfoRUb/1f3cfg8V6oKo+NIvZ2oH6PPYgzyDzh/R/UF6OcxTLmGlOd7lxOfbtzD2TJdxV2sn+LfwKy15mbpGnBD0w2Yh6xaHbrKDXynBjo90tyO9BDwse4K8QBgE8Bi8InuWsbzKYDxfMYcH+Bz5jBoMofBFnMYbDNnDWCHOQx2mcNgjzkMvmDOOsCXzGEQModBxBwGT5gTADxlDoOvmMPga+Yw+IY59wG+ZQ6DmDkMEuYw2Nd0ayhzixd0F6htUBXowPQTFvewONRUGbK/44Vhf28Qs38wiKk/aro9pP7EC0P92SCm/mIQU3/VdGdI/Y0Xhvq7QUz9wyCmPtMvxnKZwV9GvkuFA8ouNp/z98T7B8IaQLYAAQAB//8AD3icTc8/TsMwFAZwfw5xCFFatbiO9YIUCZAzUBaUpgNn4BocACHUjbVCbGwdqThBxQ26wRX4cwUEA0sdXlqQsGQ/f3rSz88CQjRP8k5+iI5QizTA8dGoV9UZzECrLqDcsJCV3gnD1XMxTORDSQM/7+zG/WDLzzUJXpKNpXyT36IrCrH9mPcTKdnR5hQn9bhXufJgX0XY5NFfdnSdH2Jz4p0ruU0Ic+dyuVg3V2f/Ar+F5qu5x2uwJ1KeN27nDU2kSrgx6sxEwJKIjJ9Yi6nhq59p4ooby5s75G/F2vlk5+XXSUJ2spiR9ucRVOlSnPtZS2FqrZ8woXGBy9byV2R5k/kBSHBAiAAAAHicY2BkYGAAYu83N8ri+W2+MnAzvwCKMFyMLeaF0B53/3/+v4jpPrMMkMvBwAQSBQB8Hg27AAAAeJxjYGRgYA76n8UQxfyCgeH/c6b7DEARFMAKAI6VBdID6AAAApIAAALfAAAB0QAAAdEAAAAAAAAAIgBYAHwAn3icY2BkYGBgZVBgYGIAARApwFAMJKW4C0ACAA0fAUMAeJx9kc1K60AYht/0x4MWXSi4OKsPhINyaPoDboQDxYIi7rroPjbTJGWaKZOpElycqzi3cLauvRmvxTfpIFaoCSHP9847388MgGO8IcDmueS34QCHjDbcwA9ce25Sv/PcIk89t9HBzPMe9dzzAX7j2XMHJ/jPDEFrn9ECr54D/AzOPDdwFPzx3KR+77lFVp7bOA3+et6j/s/zAabBi+cOfjXaY7MqbZakTs7HFzLsDy7loRRDKcsjLdHapcYWMpK5yZ3S2oQzs3wqujNndTc2cVJOVLLWkd3StoKpskVmchmE/S39VuXKRk7FVcXiMRk6N5e5NUu58bVkZc1CzVyYOre66vU+94AxDFYoYZEhQQoHwTnVC/6H6GPAyxE80CF0blwZDz2CphJhzR1pvVIwHvGbM8qpKjo0OeR1GSzxREeX7OjVpJhqzGwlJvQmzKSZz37j270yZYaqg6yuLew6ZO+7/bf05/WeqO40/pixwCMdQ6qOk1TT2Lp7wc2XuYTnVq0tqFQ1wvr0HNUr9PjuOId3UYeStAAAeJxjYGKAAC4G7ICVgYGRiZGZkYWRlaUgJ7GStSCxtDiVNyc1rUQ3vyA1TzcpM52vKDM9A8FlYAAAQd8OYQAAAHicY/DewXAiKGIjI2Nf5AbGnRwMHAzJBRsZWJ02MjBoQWgOFHonAwMDJzKLmcFlowpjR2DEBoeOiI3MKS4b1UC8XRwNDIwsDh3JIREgJZFAsJGBR2sH4//WDSy9G5kYXAAH0yK4AAAA) format("woff"), url(data:application/octet-stream;base64,AAEAAAAOAIAAAwBgT1MvMj3wR/UAAADsAAAAVmNtYXDQFBm3AAABRAAAAUpjdnQgAAAAAAAAB9gAAAAKZnBnbYiQkFkAAAfkAAALcGdhc3AAAAAQAAAH0AAAAAhnbHlmCl1q5gAAApAAAAE+aGVhZASr/40AAAPQAAAANmhoZWEGjgM/AAAECAAAACRobXR4DPsAAAAABCwAAAAUbG9jYQCeAPcAAARAAAAADG1heHAAlQuiAAAETAAAACBuYW1lW+SQQQAABGwAAAMJcG9zdGhMMoQAAAd4AAAAVnByZXDdawOFAAATVAAAAHsAAQKZAZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAwNS/2oAWgMcAF4AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoA///AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA/8sCkwLxAA4ABrMNAwEtKzURNDYXARYVFAYPAQEGJiwfAjQUCgUF/cwfLAsCpScaFf6jDhMJEgME/qMUGgAAAAACAAD/xALfAvgADwAfAAi1GxILAgItKzUUFjsBMjY3ETQmJyMiBgcBFBY7ATI2NRE0JicjIgYHJhp/GyQBJhp/GyQBAeAmGn8aJiYafxskAQUbJiYbArMbJAEmGv1NGyYmGwKzGyQBJhoAAAAB//T/ogHeAxwADQAGswkDAS0rBRYHBicBJjcBNhcWBwEBxBoaGhb+eBgYAYgWGhoa/poUGhYaGgGKGBoBihoaFhr+jAAAAAAB//P/ogHdAxwADQAGswsFAS0rFwkBJjc2FwEWBwEGJyYNAWb+mhoaGhYBiBgY/ngWGhoUAXIBdBoWGhr+dhoY/nYaGhYAAAABAAAAAQAAS+zYdl8PPPUACwPoAAAAANFdcw0AAAAA0V1I3f/z/6IC3wMcAAAACAACAAAAAAAAAAEAAANS/2oAWgPoAAD/5wLfAAEAAAAAAAAAAAAAAAAAAAAFA+gAAAKSAAAC3wAAAdEAAAHRAAAAAAAAACIAWAB8AJ8AAQAAAAUAIAACAAAAAAACAAAAEABzAAAAGgtwAAAAAAAAABIA3gABAAAAAAAAADUAAAABAAAAAAABAA0ANQABAAAAAAACAAcAQgABAAAAAAADAA0ASQABAAAAAAAEAA0AVgABAAAAAAAFAAsAYwABAAAAAAAGAA0AbgABAAAAAAAKACsAewABAAAAAAALABMApgADAAEECQAAAGoAuQADAAEECQABABoBIwADAAEECQACAA4BPQADAAEECQADABoBSwADAAEECQAEABoBZQADAAEECQAFABYBfwADAAEECQAGABoBlQADAAEECQAKAFYBrwADAAEECQALACYCBUNvcHlyaWdodCAoQykgMjAxNSBieSBvcmlnaW5hbCBhdXRob3JzIEAgZm9udGVsbG8uY29td3MtY3RybC1kb2RneVJlZ3VsYXJ3cy1jdHJsLWRvZGd5d3MtY3RybC1kb2RneVZlcnNpb24gMS4wd3MtY3RybC1kb2RneUdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA1ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQB3AHMALQBjAHQAcgBsAC0AZABvAGQAZwB5AFIAZQBnAHUAbABhAHIAdwBzAC0AYwB0AHIAbAAtAGQAbwBkAGcAeQB3AHMALQBjAHQAcgBsAC0AZABvAGQAZwB5AFYAZQByAHMAaQBvAG4AIAAxAC4AMAB3AHMALQBjAHQAcgBsAC0AZABvAGQAZwB5AEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAECAQMBBAEFBHBsYXkFcGF1c2UNbGVmdC1vcGVuLWJpZw5yaWdodC1vcGVuLWJpZwAAAAAAAQAB//8ADwAAAAAAAAAAAAAAALAALCCwAFVYRVkgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbkIAAgAY2MjYhshIbAAWbAAQyNEsgABAENgQi2wASywIGBmLbACLCBkILDAULAEJlqyKAEKQ0VjRVJbWCEjIRuKWCCwUFBYIbBAWRsgsDhQWCGwOFlZILEBCkNFY0VhZLAoUFghsQEKQ0VjRSCwMFBYIbAwWRsgsMBQWCBmIIqKYSCwClBYYBsgsCBQWCGwCmAbILA2UFghsDZgG2BZWVkbsAErWVkjsABQWGVZWS2wAywgRSCwBCVhZCCwBUNQWLAFI0KwBiNCGyEhWbABYC2wBCwjISMhIGSxBWJCILAGI0KxAQpDRWOxAQpDsABgRWOwAyohILAGQyCKIIqwASuxMAUlsAQmUVhgUBthUllYI1khILBAU1iwASsbIbBAWSOwAFBYZVktsAUssAdDK7IAAgBDYEItsAYssAcjQiMgsAAjQmGwAmJmsAFjsAFgsAUqLbAHLCAgRSCwC0NjuAQAYiCwAFBYsEBgWWawAWNgRLABYC2wCCyyBwsAQ0VCKiGyAAEAQ2BCLbAJLLAAQyNEsgABAENgQi2wCiwgIEUgsAErI7AAQ7AEJWAgRYojYSBkILAgUFghsAAbsDBQWLAgG7BAWVkjsABQWGVZsAMlI2FERLABYC2wCywgIEUgsAErI7AAQ7AEJWAgRYojYSBksCRQWLAAG7BAWSOwAFBYZVmwAyUjYUREsAFgLbAMLCCwACNCsgsKA0VYIRsjIVkqIS2wDSyxAgJFsGRhRC2wDiywAWAgILAMQ0qwAFBYILAMI0JZsA1DSrAAUlggsA0jQlktsA8sILAQYmawAWMguAQAY4ojYbAOQ2AgimAgsA4jQiMtsBAsS1RYsQRkRFkksA1lI3gtsBEsS1FYS1NYsQRkRFkbIVkksBNlI3gtsBIssQAPQ1VYsQ8PQ7ABYUKwDytZsABDsAIlQrEMAiVCsQ0CJUKwARYjILADJVBYsQEAQ2CwBCVCioogiiNhsA4qISOwAWEgiiNhsA4qIRuxAQBDYLACJUKwAiVhsA4qIVmwDENHsA1DR2CwAmIgsABQWLBAYFlmsAFjILALQ2O4BABiILAAUFiwQGBZZrABY2CxAAATI0SwAUOwAD6yAQEBQ2BCLbATLACxAAJFVFiwDyNCIEWwCyNCsAojsABgQiBgsAFhtRAQAQAOAEJCimCxEgYrsHIrGyJZLbAULLEAEystsBUssQETKy2wFiyxAhMrLbAXLLEDEystsBgssQQTKy2wGSyxBRMrLbAaLLEGEystsBsssQcTKy2wHCyxCBMrLbAdLLEJEystsB4sALANK7EAAkVUWLAPI0IgRbALI0KwCiOwAGBCIGCwAWG1EBABAA4AQkKKYLESBiuwcisbIlktsB8ssQAeKy2wICyxAR4rLbAhLLECHistsCIssQMeKy2wIyyxBB4rLbAkLLEFHistsCUssQYeKy2wJiyxBx4rLbAnLLEIHistsCgssQkeKy2wKSwgPLABYC2wKiwgYLAQYCBDI7ABYEOwAiVhsAFgsCkqIS2wKyywKiuwKiotsCwsICBHICCwC0NjuAQAYiCwAFBYsEBgWWawAWNgI2E4IyCKVVggRyAgsAtDY7gEAGIgsABQWLBAYFlmsAFjYCNhOBshWS2wLSwAsQACRVRYsAEWsCwqsAEVMBsiWS2wLiwAsA0rsQACRVRYsAEWsCwqsAEVMBsiWS2wLywgNbABYC2wMCwAsAFFY7gEAGIgsABQWLBAYFlmsAFjsAErsAtDY7gEAGIgsABQWLBAYFlmsAFjsAErsAAWtAAAAAAARD4jOLEvARUqLbAxLCA8IEcgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLAAQ2E4LbAyLC4XPC2wMywgPCBHILALQ2O4BABiILAAUFiwQGBZZrABY2CwAENhsAFDYzgtsDQssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIzAQEVFCotsDUssAAWsAQlsAQlRyNHI2GwCUMrZYouIyAgPIo4LbA2LLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsAJiILAAUFiwQGBZZrABY2AgsAErIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbACYiCwAFBYsEBgWWawAWNhIyAgsAQmI0ZhOBsjsAhDRrACJbAIQ0cjRyNhYCCwBEOwAmIgsABQWLBAYFlmsAFjYCMgsAErI7AEQ2CwASuwBSVhsAUlsAJiILAAUFiwQGBZZrABY7AEJmEgsAQlYGQjsAMlYGRQWCEbIyFZIyAgsAQmI0ZhOFktsDcssAAWICAgsAUmIC5HI0cjYSM8OC2wOCywABYgsAgjQiAgIEYjR7ABKyNhOC2wOSywABawAyWwAiVHI0cjYbAAVFguIDwjIRuwAiWwAiVHI0cjYSCwBSWwBCVHI0cjYbAGJbAFJUmwAiVhuQgACABjYyMgWGIbIVljuAQAYiCwAFBYsEBgWWawAWNgIy4jICA8ijgjIVktsDossAAWILAIQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbA7LCMgLkawAiVGUlggPFkusSsBFCstsDwsIyAuRrACJUZQWCA8WS6xKwEUKy2wPSwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xKwEUKy2wPiywNSsjIC5GsAIlRlJYIDxZLrErARQrLbA/LLA2K4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrErARQrsARDLrArKy2wQCywABawBCWwBCYgLkcjRyNhsAlDKyMgPCAuIzixKwEUKy2wQSyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2GwAiVGYTgjIDwjOBshICBGI0ewASsjYTghWbErARQrLbBCLLA1Ky6xKwEUKy2wQyywNishIyAgPLAEI0IjOLErARQrsARDLrArKy2wRCywABUgR7AAI0KyAAEBFRQTLrAxKi2wRSywABUgR7AAI0KyAAEBFRQTLrAxKi2wRiyxAAEUE7AyKi2wRyywNCotsEgssAAWRSMgLiBGiiNhOLErARQrLbBJLLAII0KwSCstsEossgAAQSstsEsssgABQSstsEwssgEAQSstsE0ssgEBQSstsE4ssgAAQistsE8ssgABQistsFAssgEAQistsFEssgEBQistsFIssgAAPistsFMssgABPistsFQssgEAPistsFUssgEBPistsFYssgAAQCstsFcssgABQCstsFgssgEAQCstsFkssgEBQCstsFossgAAQystsFsssgABQystsFwssgEAQystsF0ssgEBQystsF4ssgAAPystsF8ssgABPystsGAssgEAPystsGEssgEBPystsGIssDcrLrErARQrLbBjLLA3K7A7Ky2wZCywNyuwPCstsGUssAAWsDcrsD0rLbBmLLA4Ky6xKwEUKy2wZyywOCuwOystsGgssDgrsDwrLbBpLLA4K7A9Ky2waiywOSsusSsBFCstsGsssDkrsDsrLbBsLLA5K7A8Ky2wbSywOSuwPSstsG4ssDorLrErARQrLbBvLLA6K7A7Ky2wcCywOiuwPCstsHEssDorsD0rLbByLLMJBAIDRVghGyMhWUIrsAhlsAMkUHiwARUwLQBLuADIUlixAQGOWbABuQgACABjcLEABUKxAAAqsQAFQrEACCqxAAVCsQAIKrEABUK5AAAACSqxAAVCuQAAAAkqsQMARLEkAYhRWLBAiFixA2REsSYBiFFYugiAAAEEQIhjVFixAwBEWVlZWbEADCq4Af+FsASNsQIARAA=) format("truetype")
}

#wowslider-container1 {
    display: block;
    zoom: 1;
    position: relative;
    width: 100%;
    max-width: 100%;
    max-height: none;
    margin: 0 auto;
    z-index: 90;
    text-align: left;
    font-size: 10px;
    text-shadow: none;
    box-sizing: content-box
}

* html #wowslider-container1 {
    width: 1024px
}

#wowslider-container1 .ws_images ul {
    position: relative;
    width: 10000%;
    height: 100%;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    overflow: visible
}

#wowslider-container1 .ws_images ul li {
    position: relative;
    width: 1%;
    height: 100%;
    line-height: 0;
    overflow: hidden;
    float: left;
    padding: 0!important;
    margin: 0!important
}

#wowslider-container1 .ws_images {
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    max-height: none;
    max-width: 100%;
    vertical-align: top;
    border: none;
    overflow: hidden
}

#wowslider-container1 .ws_images ul a {
    width: 100%;
    height: 100%;
    max-height: none;
    display: block;
    color: transparent
}

#wowslider-container1 img {
    max-width: none!important
}

#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images>div>img {
    width: 100%;
    border: none 0;
    max-width: none;
    padding: 0;
    margin: 0
}

#wowslider-container1 .ws_images>div>img {
    max-height: none
}

#wowslider-container1 .ws_images iframe {
    position: absolute;
    z-index: -1
}

#wowslider-container1 .ws-title>div {
    display: inline-block!important
}

#wowslider-container1 a {
    text-decoration: none;
    outline: none;
    border: none
}

#wowslider-container1 .ws_bullets {
    float: left;
    position: absolute;
    z-index: 70
}

#wowslider-container1 .ws_bullets div {
    position: relative;
    float: left;
    font-size: 0
}

#wowslider-container1 .ws_bullets a {
    line-height: 0;
    position: relative;
    display: inline-block;
    width: 0;
    padding: 15px
}

#wowslider-container1 .ws_script {
    display: none
}

#wowslider-container1 object,
#wowslider-container1 sound {
    position: absolute
}

#wowslider-container1 .ws_effect {
    position: static;
    width: 100%;
    height: 100%
}

#wowslider-container1 .ws_photoItem {
    border: 2em solid #fff;
    margin-left: -2em;
    margin-top: -2em
}

#wowslider-container1 .ws_cube_side {
    background: #a6a5a9
}

#wowslider-container1.ws_gestures {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII=), move
}

#wowslider-container1.ws_gestures.ws_grabbing {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg==), move
}

#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev {
    display: none
}

#wowslider-container1 .ws_video_btn {
    position: absolute;
    display: none;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 55
}

#wowslider-container1 .ws_video_btn.ws_vimeo,
#wowslider-container1 .ws_video_btn.ws_youtube {
    display: block
}

#wowslider-container1 .ws_video_btn div {
    position: absolute;
    background-image: url(./playvideo.png);
    background-size: 200%;
    top: 50%;
    left: 50%;
    width: 7em;
    height: 5em;
    margin-left: -3.5em;
    margin-top: -2.5em
}

#wowslider-container1 .ws_video_btn.ws_youtube div {
    background-position: 0 0
}

#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
    background-position: 100% 0
}

#wowslider-container1 .ws_video_btn.ws_vimeo div {
    background-position: 0 100%
}

#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
    background-position: 100% 100%
}

#wowslider-container1 .ws_playpause.ws_hide {
    display: none!important
}

#wowslider-container1 .ws_controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

#wowslider-container1 .ws_fullscreen {
    right: auto;
    left: 0;
    top: 0;
    background: #47c9af;
    font-size: .8rem;
    padding: 8px
}

#wowslider-container1 .ws_bullets {
    padding: 0;
    max-width: 40%;
    text-align: right
}

#wowslider-container1 .ws_bullets a>span {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: #47c9af
}

#wowslider-container1 .ws_bullets a.ws_overbull>span,
#wowslider-container1 .ws_bullets a.ws_selbull>span {
    background: #40b59e
}

#wowslider-container1 .ws_playpause {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #47c9af;
    color: #fff;
    z-index: 100
}

#wowslider-container1 .ws_playpause>span:before {
    font: 1.2em "ws-ctrl-dodgy";
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin-top: 1px;
    display: block;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

:root #wowslider-container1 a.ws_next>span:before,
:root #wowslider-container1 a.ws_playpause>span:before,
:root #wowslider-container1 a.ws_prev>span:before,
_:-ms-input-placeholder {
    line-height: 3.2em
}

#wowslider-container1 .ws_play>span:before {
    content: "\e800"
}

#wowslider-container1 .ws_pause>span:before {
    content: "\e801"
}

#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev {
    position: absolute;
    top: 50%;
    color: #fff;
    margin-top: -2.4em;
    width: 6.4em;
    height: 4.8em;
    z-index: 100;
    -webkit-transition: background 200ms ease-in-out, -webkit-transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
    transition: background 200ms ease-in-out, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out, box-shadow 200ms ease-in-out
}

#wowslider-container1 a.ws_next {
    right: 0
}

#wowslider-container1 a.ws_prev {
    left: 0
}

#wowslider-container1 a.ws_next>span,
#wowslider-container1 a.ws_prev>span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #47c9af;
    border-radius: .15em;
    color: #fff;
    text-align: center;
    z-index: 2
}

#wowslider-container1 a.ws_next>span:before,
#wowslider-container1 a.ws_prev>span:before {
    margin-left: -8px
}

#wowslider-container1 a.ws_next>span:after,
#wowslider-container1 a.ws_next>span:before,
#wowslider-container1 a.ws_prev>span:after,
#wowslider-container1 a.ws_prev>span:before {
    position: absolute;
    display: block;
    font: 2.5em "ws-ctrl-dodgy";
    top: 50%;
    left: 0;
    right: 0;
    margin-top: 1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#wowslider-container1 a.ws_next>span:after,
#wowslider-container1 a.ws_next>span:before {
    content: '\e803'
}

#wowslider-container1 a.ws_prev>span:after,
#wowslider-container1 a.ws_prev>span:before {
    content: '\e802'
}

#wowslider-container1 a.ws_next>span:after,
#wowslider-container1 a.ws_prev>span:after {
    margin-left: 8px
}

#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev {
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    -webkit-transition: 300ms padding 300ms ease, 300ms margin-top 300ms ease;
    transition: 300ms padding 300ms ease, 300ms margin-top 300ms ease
}

#wowslider-container1 a.ws_next img,
#wowslider-container1 a.ws_prev img {
    position: absolute;
    top: 0;
    width: 6.4em;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    visibility: hidden;
    -webkit-transition: 300ms -webkit-transform ease, 300ms visibility ease;
    transition: 300ms transform ease, 300ms -webkit-transform ease, 300ms visibility ease
}

#wowslider-container1 a.ws_prev img {
    left: 6.4em;
    -webkit-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

#wowslider-container1 a.ws_next img {
    right: 6.4em;
    -webkit-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

#wowslider-container1 a.ws_next:hover img,
#wowslider-container1 a.ws_prev:hover img {
    visibility: visible;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

#wowslider-container1 .ws_bullets {
    bottom: 0;
    right: 0;
    margin-right: 30px
}

#wowslider-container1 .ws-title {
    font: 1.4em "Indie Flower", cursive;
    max-width: 50%;
    position: absolute;
    left: 0;
    margin-right: 10em;
    z-index: 50;
    bottom: 0;
    top: auto;
    opacity: 1
}

#wowslider-container1 .ws-title div {
    padding: .6em .8em;
    background-color: #47c9af;
    display: block;
    margin-top: .5em;
    font-size: 1em;
    color: #fff
}

#wowslider-container1 .ws-title span {
    display: inline-block;
    padding: .6em .8em;
    background-color: #47c9af;
    color: #fff;
    font-size: 1.5em
}

#wowslider-container1 .ws_images>ul {
    animation: wsBasic 8s infinite;
    -moz-animation: wsBasic 8s infinite;
    -webkit-animation: wsBasic 8s infinite
}

@keyframes wsBasic {
    0%,
    25% {
        left: 0%
    }
    50%,
    75% {
        left: -100%
    }
}

@-webkit-keyframes wsBasic {
    0%,
    25% {
        left: 0%
    }
    50%,
    75% {
        left: -100%
    }
}

@media all and (max-width:760px) {
    #wowslider-container1 .ws_fullscreen {
        display: block
    }
}

@media all and (max-width:400px) {
    #wowslider-container1 .ws_bullets,
    #wowslider-container1 .ws_controls,
    #wowslider-container1 .ws_thumbs {
        display: none
    }
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    -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.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .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 {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .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 {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    0%,
    to {
        -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)
    }
}

@keyframes pulse {
    0%,
    to {
        -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)
    }
}

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

@-webkit-keyframes rubberBand {
    0%,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {
    0%,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

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

@-webkit-keyframes shake {
    0%,
    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 {
    0%,
    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%,
    50% {
        -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)
    }
}

@keyframes headShake {
    0%,
    50% {
        -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)
    }
}

.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 {
    0%,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .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)
    }
}

@keyframes tada {
    0%,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .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)
    }
}

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

@-webkit-keyframes wobble {
    0%,
    to {
        -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)
    }
}

@keyframes wobble {
    0%,
    to {
        -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)
    }
}

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

@-webkit-keyframes jello {
    0%,
    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(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {
    0%,
    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(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

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

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .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(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .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(.97, .97, .97);
        transform: scale3d(.97, .97, .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 {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .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 {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .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 {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .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 {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .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 {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .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 bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .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
    }
}

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

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        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 {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        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(.9, .9, .9);
        transform: scale3d(.9, .9, .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(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .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(.3, .3, .3);
        transform: scale3d(.3, .3, .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 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

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

@keyframes fadeInDown {
    0% {
        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 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        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 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        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 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        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 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

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

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

@keyframes fadeOutDown {
    0% {
        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 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        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 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        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 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        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 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        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 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        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 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        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 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        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 {
    0% {
        -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(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .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 {
    0% {
        -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(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .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 {
    0% {
        -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 {
    0% {
        -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,
.flipInY,
.flipOutX,
.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -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 {
    0% {
        -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,
.flipOutX,
.flipOutY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -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 {
    0% {
        -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,
.flipOutY {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

@-webkit-keyframes flipOutY {
    0% {
        -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 {
    0% {
        -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-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 rollIn {
    0% {
        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 {
    0% {
        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 {
    0% {
        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 {
    0% {
        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 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes slideInDown {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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
}

@-webkit-keyframes fadeInSoft {
    0% {
        visibility: visible;
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes fadeInSoft {
    0% {
        visibility: visible;
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.fadeInSoft {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-animation-name: fadeInSoft;
    animation-name: fadeInSoft
}

@-webkit-keyframes fromLeft {
    0% {
        visibility: visible;
        opacity: 0;
        -webkit-transform: translate3d(-600px, 0, 0);
        transform: translate3d(-600px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fromLeft {
    0% {
        visibility: visible;
        opacity: 0;
        -webkit-transform: translate3d(-600px, 0, 0);
        transform: translate3d(-600px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.fromLeft {
    opacity: 1;
    -webkit-animation-name: fromLeft;
    animation-name: fromLeft
}

@-webkit-keyframes fromRight {
    0% {
        visibility: visible;
        opacity: 0;
        -webkit-transform: translate3d(600px, 0, 0);
        transform: translate3d(600px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fromRight {
    0% {
        visibility: visible;
        opacity: 0;
        -webkit-transform: translate3d(600px, 0, 0);
        transform: translate3d(600px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.fromRight {
    opacity: 1;
    -webkit-animation-name: fromRight;
    animation-name: fromRight
}

@-webkit-keyframes fadeInSoftBounce {
    0% {
        visibility: visible;
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
    20% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes fadeInSoftBounce {
    0% {
        visibility: visible;
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
    20% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.fadeInSoftBounce,
.swingCustom:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.fadeInSoftBounce {
    opacity: 1;
    -webkit-animation-name: fadeInSoftBounce;
    animation-name: fadeInSoftBounce
}

@-webkit-keyframes swingCustom {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes swingCustom {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.swingCustom:hover {
    -webkit-animation: swingCustom .3s ease;
    animation: swingCustom .3s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

body,
html {
    height: 100%
}

body,
button,
input {
    font-family: "Open Sans", sans-serif
}

body {
    position: relative;
    font-size: 14px;
    overflow-x: hidden
}

@media (min-width:768px) {
    body {
        min-width: 1150px
    }
    body.contact-page {
        min-width: 1220px
    }
}

@media screen and (max-width:767px) {
    body.index-p .b-header__phone {
        display: block
    }
    body.index-p .b-section:not(.section-sm):first-child {
        height: auto
    }
}

body.index-p .ws_images:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .3;
    z-index: 2;
    background: url(../images/header-shadow.png) repeat-x
}

body.gray_back {
    background: #f7f7f7
}

body.gray_back .b-event-list__item:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #f7f7f7));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f7f7f7 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f7f7f7 100%)
}

body.nav-is-open {
    overflow: hidden
}

.ie .b-wide__button.next:before,
.ie .b-wide__button.prev:before,
body.nav-is-open .b-main-nav {
    display: block
}

@media (min-width:768px) and (min-height:750px) {
    body.nav-is-open .b-main-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

*,
:after,
:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

button,
input {
    outline: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 400;
    color: inherit
}

a {
    color: inherit;
    text-decoration: none
}

a:active,
a:focus,
a:hover {
    text-decoration: none
}

li {
    list-style: none
}

.container {
    margin: 0 auto;
    padding: 0 15px
}

@media (min-width:768px) {
    .container {
        width: 1030px
    }
    .container.sm {
        width: 860px
    }
}

@media screen and (max-width:767px) {
    .container {
        width: 100%;
        padding: 0 20px
    }
}

.visible-xs {
    display: block!important
}

@media (min-width:768px) {
    .visible-xs {
        display: none!important
    }
}

@media screen and (max-width:767px) {
    .hidden-xs {
        display: none!important
    }
}

.text-center {
    text-align: center
}

.ie .b-wide__button.next,
.ie .b-wide__button.prev {
    cursor: pointer!important
}

@media (min-width:768px) {
    .ie .b-apartment__plan .b-wide__button.prev {
        left: -160px
    }
    .ie .b-apartment__plan .b-wide__button.next {
        right: -30px
    }
}

.icon-compare {
    width: 20.7px;
    height: 24.5px
}

.icon-down_arrow {
    width: 7.688px;
    height: 9.219px
}

.icon-left_arrow {
    width: 13.2px;
    height: 7.7px
}

.icon-right_arrow {
    width: 13.219px;
    height: 7.688px
}

@-webkit-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1
    }
    to {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0
    }
}

@-webkit-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1
    }
    to {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0
    }
}

@keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1
    }
    to {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0
    }
}

.uil-ripple-css {
    background: 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 200px
}

.uil-ripple-css div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    width: 0;
    height: 0;
    opacity: 0;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    -webkit-animation: uil-ripple 2s ease-out infinite;
    animation: uil-ripple 2s ease-out infinite
}

.uil-ripple-css div:nth-of-type(1) {
    border-color: #31408c;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.uil-ripple-css div:nth-of-type(2) {
    border-color: #195ccc
}

.button {
    height: 55px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    display: inline-block;
    outline: none;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition: 300ms;
    transition: 300ms
}

.button.white {
    background: #fff;
    color: #294d78
}

.button.white:hover {
    box-shadow: 4px 4px 0 #172b43
}

.button.white:active {
    -webkit-transform: translate3d(4px, 4px, 0);
    transform: translate3d(4px, 4px, 0);
    box-shadow: none
}

.button.blue-gray {
    background: #56758c;
    color: #fff
}

.button.blue-gray:hover {
    background: #6f8fa6
}

.button.blue-gray:active {
    background: #435b6c
}

.button.red {
    background: #f5563c;
    color: #fff
}

.button.red:hover {
    background: #f7806d
}

.button.red:active {
    background: #f22d0c
}

.button.blue {
    color: #fff;
    letter-spacing: 1px;
    background: #0d9bc4;
    text-transform: none
}

.button.blue:hover {
    background: #0faedc
}

.button.blue:active {
    background: #0a7594
}

.button.blue-dark {
    background: #264874
}

.button.blue-dark:hover {
    background: #2c5487
}

.button.blue-dark:active {
    background: #19304e
}

.button.blue-border,
.button.blue-dark,
.button.blue-darkest {
    color: #fff;
    letter-spacing: 1px;
    padding-left: 30px;
    padding-right: 30px
}

.button.blue-darkest {
    background: #19387f
}

.button.blue-darkest:hover {
    background: #1d4194
}

.button.blue-darkest:active {
    background: #112554
}

.button.blue-border {
    border: 3px solid #fff;
    background: #7092bb
}

.button.blue-border:hover {
    background: #819fc3
}

.button.blue-border:active {
    background: #5078a8
}

.button.sm {
    height: 44px;
    font-size: 12px;
    font-style: italic;
    text-transform: none;
    font-weight: 400
}

.button.orange,
.button.pink {
    letter-spacing: 1px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px
}

.button.orange {
    background: #ffca2d;
    color: #423648
}

.button.orange:hover {
    background: #ffd047
}

.button.orange:active {
    background: #f9ba00
}

.button.pink {
    color: #fff;
    background: #fb1445
}

.button.pink:hover {
    background: #fb2d59
}

.button.pink:active {
    background: #d80431
}

@media screen and (max-width:767px) {
    .button.pink {
        padding-top: 16px;
        padding-bottom: 16px;
        height: auto;
        margin-left: 15px;
        margin-right: 15px
    }
}

a.button {
    padding-top: 20px
}

a.button.sm {
    padding-top: 15px
}

.search-icon {
    vertical-align: middle
}

.b-fieldset {
    position: relative
}

.b-fieldset__button {
    text-align: center
}

.b-fieldset__button .button {
    min-width: 250px
}

.b-field {
    width: 100%;
    height: 55px;
    background: 0 0;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    border: 3px solid #fff;
    padding: 0 20px;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-field.focus,
.b-field:focus {
    border-color: #e6e6e6
}

.b-field.focus+.b-fieldset__label,
.b-field:focus+.b-fieldset__label {
    color: #fff;
    top: -19px
}

@media screen and (max-width:767px) {
    .b-field.focus+.b-fieldset__label,
    .b-field:focus+.b-fieldset__label {
        opacity: 0
    }
}

.b-field.is-error {
    border-color: red!important
}

.b-field.fill__field {
    color: #3a3a3a;
    background: #fff;
    border-color: #fff;
    border-radius: 2px
}

.b-field.fill__field+.b-fieldset__label {
    color: #3a3a3a
}

.b-field.fill__field.focus+.b-fieldset__label,
.b-field.fill__field:focus+.b-fieldset__label {
    color: #fff
}

textarea.b-field {
    height: 135px
}

.b-fieldset__label {
    color: #fff;
    font-size: 13px;
    position: absolute;
    top: 18px;
    left: 20px;
    pointer-events: none;
    text-transform: uppercase;
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-checkbox {
    padding-left: 35px;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 15px 10px 0;
    color: #4c768c;
    position: relative;
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

@media screen and (max-width:767px) {
    .b-checkbox {
        padding-left: 25px
    }
}

.b-checkbox:before {
    left: 0;
    top: 5px;
    width: 8px;
    height: 8px;
    border: 1px solid #a8a9a9
}

.b-checkbox span:after,
.b-checkbox span:before,
.b-checkbox:after,
.b-checkbox:before {
    content: "";
    position: absolute;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out
}

.b-checkbox:after {
    left: 1px;
    top: 7px;
    width: 6px;
    height: 3px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.b-checkbox:hover {
    color: #1b221f
}

.b-checkbox:active {
    opacity: .6
}

.b-checkbox span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-checkbox span:after,
.b-checkbox span:before {
    pointer-events: none
}

.b-checkbox span:before {
    border: 1px solid #a8a9a9;
    left: 0;
    top: 5px;
    width: 8px;
    height: 8px
}

.b-checkbox span:after {
    left: 1px;
    top: 7px;
    width: 6px;
    height: 3px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.b-checkbox input {
    display: none
}

.b-checkbox input:checked+span {
    color: #1b221f
}

.b-checkbox input:checked+span:before {
    background: #727272;
    border-color: #727272
}

.b-checkbox input:checked+span:after {
    opacity: 1
}

.js-rangeDouble {
    opacity: 0
}

.irs-bar,
.irs-line {
    height: 4px;
    top: 0
}

.irs-bar {
    background: #5c6163
}

.irs-slider {
    width: 22px;
    height: 22px;
    top: -9px;
    background: #3a5465;
    cursor: e-resize;
    border-radius: 50%;
    border: 4px solid #fff
}

@media screen and (max-width:767px) {
    .irs-slider {
        width: 25px;
        height: 25px;
        top: -11px
    }
}

.irs-max,
.irs-min {
    display: none
}

.irs-from,
.irs-single,
.irs-to {
    top: 30px;
    font-size: 14px;
    color: #272727
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    height: 3px;
    background: #b0b3b4
}

.b-slider__light .irs-slider {
    background: #80a7c4
}

.b-slider__light .irs-slider:before {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border: 1px solid #dae0e3;
    border-radius: 50%
}

.b-slider__light .irs-bar {
    background: #7098b6
}

.b-slider__light .irs-line-left,
.b-slider__light .irs-line-mid,
.b-slider__light .irs-line-right {
    background: #dedfdf
}

.jq-selectbox {
    display: block!important;
    width: 100%
}

.jq-selectbox.opened .jq-selectbox__select {
    border-bottom-color: transparent
}

.jq-selectbox.opened .jq-selectbox__trigger:before {
    top: 5px;
    left: 7px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media screen and (max-width:767px) {
    .jq-selectbox.opened {
        z-index: 5!important
    }
    .jq-selectbox.opened .jq-selectbox__select {
        border-radius: 20px 20px 0 0
    }
    .jq-selectbox {
        z-index: 3!important
    }
}

@media (min-width:768px) {
    .jq-selectbox.lg .jq-selectbox__select {
        height: 80px;
        padding: 31px 40px
    }
}

.jq-selectbox__select {
    height: 80px;
    font-size: 16px;
    background: #fff;
    color: #333;
    padding: 27px 40px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 2;
    border: 1px solid #e8e9e9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:767px) {
    .jq-selectbox__select {
        height: 40px;
        color: #294d78;
        font-size: 14px;
        border: none;
        padding: 10px 21px;
        background: #e8f8ff;
        border-radius: 20px
    }
}

.jq-selectbox__select-text.placeholder {
    color: #294d78
}

.jq-selectbox__trigger,
.jq-selectbox__trigger:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%
}

.jq-selectbox__trigger {
    border: 1px solid #e8e9e9;
    width: 24px;
    height: 24px;
    right: 20px
}

@media screen and (max-width:767px) {
    .jq-selectbox__trigger {
        background: #fff;
        right: 15px
    }
}

.jq-selectbox__trigger:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 7px;
    border: 4px solid transparent;
    border-top: 4px solid #6e95b3
}

.jq-selectbox__trigger:after {
    content: "";
    left: 0;
    right: 0;
    width: 12px;
    height: 12px;
    box-shadow: inset 3px 3px 1px rgba(0, 0, 0, .1)
}

.jq-selectbox__dropdown {
    background: #fff;
    width: 100%;
    position: relative;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .17)
}

@media screen and (max-width:767px) {
    .jq-selectbox__dropdown {
        background: #e8f8ff;
        padding-top: 10px;
        border-radius: 0 0 20px 20px
    }
}

.jq-selectbox__dropdown ul {
    max-height: 370px;
    padding: 0 0 15px
}

.jq-selectbox__dropdown li {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 7px;
    color: #4c768c;
    cursor: pointer;
    padding: 0 20px 0 40px;
    -webkit-transition: 200ms;
    transition: 200ms
}

@media screen and (max-width:767px) {
    .jq-selectbox__dropdown li {
        padding: 0 20px
    }
}

.jq-selectbox__dropdown li.selected,
.jq-selectbox__dropdown li:hover {
    color: #000
}

.b-aside-select .jq-selectbox__select {
    background: 0 0;
    border-radius: 0;
    color: #a9d0ed
}

.b-aside-select .jq-selectbox__trigger {
    background: 0 0;
    width: 16px;
    height: 16px;
    border-color: #fff
}

.b-aside-select .jq-selectbox__trigger:before {
    top: 6px;
    left: 3px;
    border: 4px solid transparent;
    border-top: 4px solid #fff
}

.b-aside-select .jq-selectbox__dropdown {
    background: #fff
}

.b-aside-select .jq-selectbox__dropdown ul {
    padding-top: 10px
}

.b-aside-select .jq-selectbox__dropdown li {
    padding-left: 20px
}

.b-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px 0;
    z-index: 10;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:767px) {
    .b-header {
        min-height: 110px;
        padding-right: 55px;
        padding-left: 15px;
        padding-bottom: 0
    }
    .b-header .b-aside-nav__mobile {
        margin-right: -30px
    }
}

.b-header[style*=background-image]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .3;
    background: url(../images/header-shadow.png) repeat-x
}

.b-header .container {
    padding: 0
}

@media (min-width:768px) {
    .b-header.wide-header .b-header__nav li.is-active:after {
        height: 80px;
        bottom: -80px;
        left: 5px;
        right: -1px
    }
    .b-header.subheader .b-header__box:before {
        width: 302px;
        z-index: 0
    }
    .b-header.subheader .b-header__box .b-header__logo,
    .b-header.subheader .b-header__box .b-header__nav {
        position: relative;
        z-index: 1
    }
    .b-header.subheader .b-header__burger {
        width: 80px;
        height: 80px;
        top: 0;
        right: 0;
        padding: 25px 0 0 25px
    }
    .b-header.subheader .b-header__burger:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, .9);
        -webkit-transform: skew(-14deg);
        -ms-transform: skew(-14deg);
        transform: skew(-14deg)
    }
    .b-header.subheader .b-burger {
        opacity: 1;
        position: relative;
        border-color: #799eb9
    }
    .b-header.subheader .b-burger__line {
        background: #799eb9
    }
    .b-header.subheader .b-header__nav {
        float: left
    }
    .b-header.subheader .b-header__nav li.is-active a {
        width: 122px
    }
    .b-header.subheader .b-header__nav li:before {
        left: 22px;
        right: -24px
    }
    .b-header.subheader .b-header__nav li:after {
        height: 85px;
        bottom: -85px;
        right: 7px;
        left: -9px
    }
}

.b-header__box {
    height: 80px;
    position: relative;
    z-index: 4;
    padding: 0 15px
}

.b-header__box:after {
    display: table;
    content: "";
    clear: both
}

.b-header__box:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: rgba(255, 255, 255, .9);
    -webkit-transform: skew(-14deg);
    -ms-transform: skew(-14deg);
    transform: skew(-14deg)
}

.b-tab__content>div,
.header__main.b-header__box li.is-active:after,
.header__main.b-header__box li.is-active:before {
    display: none
}

.b-header__logo {
    float: left;
    margin: 19px 18px 0 0
}

.b-header__logo a {
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out
}


/*.b-header__logo a:hover{opacity:.7}*/

/*.b-header__logo a:active {
    opacity: .4
}*/

@media screen and (max-width:767px) {
    .b-header__logo {
        margin: 19px 0 0
    }
}

.b-header__logo img {
    width: 123px;
    height: 46px
}

@media screen and (max-width:767px) {
    .b-header__logo img {
        width: 104px;
        height: 42px
    }
}

.b-header__nav li.is-active a,
.b-header__nav li:hover a,
.b-object-top__info .b-header__phone a {
    color: #fff
}

.b-header__phone {
    float: left;
    font-size: 16px;
    color: #406085;
    position: relative;
    margin: 27px 0 0
}

.b-header__phone a {
    color: #16509f;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.3pt;
    padding-top: 0;
    display: inline-block;
    vertical-align: top
}

@media screen and (max-width:767px) {
    .b-header__phone a {
        text-indent: -9999px;
        width: 30px;
        display: block;
        position: relative
    }
    .b-header__phone {
        width: 35px;
        height: 35px;
        float: right;
        margin: 22px 20px 0 0;
        overflow: hidden;
        white-space: nowrap;
        color: transparent
    }
    .b-header__phone:before {
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 0
    }
}

.b-header__phone:before {
    content: "";
    width: 23px;
    height: 23px;
    background: url(../images/phone.svg) no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

@media (min-width:768px) {
    .b-header__phone:before {
        margin-top: -3px
    }
}

@media screen and (max-width:767px) {
    .b-header__phone:before {
        width: 34px;
        height: 34px
    }
}

.b-header__nav {
    min-height: 78px;
    float: right;
    font-style: italic;
    font-size: 16px;
    line-height: 1;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: -20px;
    color: #6b94b4
}

@media screen and (max-width:767px) {
    .b-header__nav {
        padding-left: 0;
        font-size: 14px
    }
}

.b-header__nav li {
    float: left;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media screen and (max-width:767px) {
    .b-header__nav li {
        display: none;
        width: 110px
    }
    .b-header__nav li.is-active {
        display: block
    }
}

.b-header__nav li:after,
.b-header__nav li:before {
    content: "";
    height: 15px;
    position: absolute;
    opacity: 0;
    background: rgba(253, 90, 39, .8);
    -webkit-transform: skew(-14deg);
    -ms-transform: skew(-14deg);
    transform: skew(-14deg);
    pointer-events: none
}

.b-header__nav li:before {
    top: -15px;
    left: 24px;
    right: -24px
}

.b-header__nav li:after {
    bottom: -15px;
    left: 0;
    right: 0
}

@media screen and (max-width:767px) {
    .b-header__nav li:after {
        right: -7px
    }
}

.b-header__nav li:hover a:before {
    opacity: 1;
    -webkit-transform: skew(-14deg) translate3d(0, 0, 0);
    transform: skew(-14deg) translate3d(0, 0, 0)
}

.b-header__nav li:active a:before {
    background: #f22d0c
}

@media screen and (max-width:767px) {
    .b-header__nav li.is-active {
        display: none
    }
}

.b-header__nav li.is-active a:before {
    -webkit-transform: skew(-14deg) translate3d(0, 0, 0);
    transform: skew(-14deg) translate3d(0, 0, 0)
}

.b-header__nav a {
    height: 80px;
    padding: 30px 25px 34px;
    margin: 0 -11px;
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: 200ms;
    transition: 200ms;
    font-family: "Open Sans";
    font-weight: 600;
    font-style: italic;
    color: #16509f
}

@media screen and (max-width:767px) {
    .b-header__nav a {
        padding: 0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
}

.b-header__nav a:before {
    left: 10px;
    right: 10px;
    background: #f5563c;
    pointer-events: none;
    -webkit-transform: skew(-14deg) translate3d(0, 100%, 0);
    transform: skew(-14deg) translate3d(0, 100%, 0);
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

.b-header__subnav {
    width: 700px;
    min-height: 78px;
    float: left;
    font-style: italic;
    font-size: 16px;
    line-height: 1;
    padding-left: 40px;
    padding-right: 20px;
    margin-top: 20px;
    color: #a9d0ed;
    position: absolute;
    left: 288px
}

@media screen and (max-width:767px) {
    .b-header__subnav {
        display: none
    }
}

.b-header__nav a:before,
.b-header__subnav a:before,
.b-header__subnav:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1
}

.b-header__subnav li:before,
.b-header__subnav:before {
    -webkit-transform: skew(-14deg);
    -ms-transform: skew(-14deg);
    transform: skew(-14deg)
}

.b-header__subnav:before {
    background: rgba(23, 24, 32, .7);
    left: -4px;
    right: 0
}

.b-header__subnav li {
    float: left;
    position: relative
}

.b-header__subnav li:before {
    content: "";
    height: 35px;
    position: absolute;
    top: -35px;
    left: 26px;
    right: -26px;
    opacity: 0;
    background: rgba(112, 152, 182, .7)
}

.b-header__subnav li.is-active a,
.b-header__subnav li:hover a {
    color: #222c39
}

.b-header__nav li.is-active:after,
.b-header__nav li.is-active:before,
.b-header__subnav li.is-active:after,
.b-header__subnav li.is-active:before,
.b-header__subnav li:hover a:before,
.ws-title-wrapper .ws-title span:hover {
    opacity: 1
}

.b-header__subnav li.is-active a:before,
.b-header__subnav li:hover a:before {
    -webkit-transform: skew(-14deg) translate3d(0, 0, 0);
    transform: skew(-14deg) translate3d(0, 0, 0)
}

.b-header__subnav a {
    height: 80px;
    padding: 30px 27px 34px;
    margin: 0 -12px;
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-header__subnav a:before {
    left: 11px;
    right: 11px;
    background: #f0f0f5;
    pointer-events: none;
    -webkit-transform: skew(-14deg) translate3d(0, 100%, 0);
    transform: skew(-14deg) translate3d(0, 100%, 0);
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

.b-header__burger {
    position: absolute;
    right: -45px;
    top: 23px
}

@media screen and (max-width:767px) {
    .b-header__burger {
        top: 21px
    }
}

.b-burger {
    width: 32px;
    height: 32px;
    cursor: pointer;
    padding-top: 9px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out
}

@media (min-width:768px) {
    .b-burger {
        opacity: .8
    }
    .b-burger:hover {
        opacity: .6
    }
    .b-burger:active {
        opacity: .2
    }
}

@media screen and (max-width:767px) {
    .b-burger {
        width: 36px;
        height: 36px;
        padding-top: 11px
    }
}

.b-burger__line {
    width: 12px;
    height: 2px;
    background: #fff;
    margin: 0 auto 2px
}

.b-preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1000;
    -webkit-transition: 800ms;
    transition: 800ms;
}

.b-preloader.stop {
    opacity: 0
}

.b-loader-circle {
    position: absolute;
    width: 241px;
    height: 241px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/spinner.gif) no-repeat
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.b-section,
.b-section__wrap {
    height: 100%
}


.body__plans .b-section__wrap {
	min-height: 100%;
	height: auto;
}

.b-section:not(.section-sm):first-child {
    position: relative
}

@media (min-width:768px) {
    .b-section:not(.section-sm):first-child {
        height: 100%
    }
}

@media screen and (max-width:767px) {
    .b-section:not(.section-sm):first-child {
        height: 560px
    }
    .b-section.section-sm+.b-main--object {
        padding-top: 0!important
    }
}

.b-section.gray_back {
    background: #f7f7f7
}

@media (min-width:768px) {
    .b-section__flex {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.b-section__flex-box {
    position: relative;
    z-index: 2
}

[data-fancybox=gallery] {
    outline: none
}

[data-slide-info] .b-section__readiness {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

[data-slide-info].is-show .b-section__readiness {
    opacity: 1;
    visibility: visible
}

.b-section__slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.ws-title-wrapper {
    position: absolute;
    top: 175px;
    left: calc((100%/2) - (1000px/2))
}

.ws-title-wrapper .ws-title {
    font-family: "Open Sans", sans-serif!important
}

.ws-title-wrapper .ws-title span {
    background: 0 0!important;
    padding: 0!important;
    color: #fff;
    opacity: .5;
    font-size: 30px!important;
    text-transform: uppercase;
    font-weight: 300;
    white-space: nowrap
}

.b-section__swiper {
    z-index: 1
}

@media screen and (max-width:767px) {
    .b-section__swiper.mobile--swiper {
        position: relative;
        font-size: 0
    }
    .b-section__swiper.mobile--swiper img {
        width: 100%;
        height: auto
    }
}

.b-section__first,
.b-section__swiper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.b-wide__button {
    width: 50%;
    height: 95%;
    position: absolute;
    top: 0;
    z-index: 2
}

.b-wide__button.prev {
    left: 0
}

.b-wide__button.prev:not(.swiper-button-disabled) {
    cursor: url(../images/slider-prev.svg), e-resize;
    cursor: -webkit-image-set(url(../images/slider-prev.png) 1x, url(../images/slider-prev@2x.png) 2x), e-resize
}

.b-wide__button.prev:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100px;
    width: 17px;
    height: 33px;
    margin: auto;
    display: none;
    background: url(../images/slider-prev.svg) no-repeat;
    background: url(../images/slider-prev-dark.svg) no-repeat
}

.b-wide__button.prev.dark:not(.swiper-button-disabled) {
    cursor: url(../images/slider-prev-dark.svg), e-resize;
    cursor: -webkit-image-set(url(../images/slider-prev-dark.png) 1x, url(../images/slider-prev-dark@2x.png) 2x), e-resize
}

.b-wide__button.next {
    right: 0
}

.b-wide__button.next:not(.swiper-button-disabled) {
    cursor: url(../images/slider-next.svg), w-resize;
    cursor: -webkit-image-set(url(../images/slider-next.png) 1x, url(../images/slider-next@2x.png) 2x), w-resize
}

.b-wide__button.next:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100px;
    width: 17px;
    height: 33px;
    margin: auto;
    display: none;
    background: url(../images/slider-next.svg) no-repeat;
    background: url(../images/slider-next-dark.svg) no-repeat
}

.b-wide__button.next.dark:not(.swiper-button-disabled) {
    cursor: url(../images/slider-next-dark.svg), e-resize;
    cursor: -webkit-image-set(url(../images/slider-next-dark.png) 1x, url(../images/slider-next-dark@2x.png) 2x), e-resize
}

@media screen and (max-width:767px) {
    .b-wide__button {
        display: none
    }
}

.b-section__back,
.swiper-container {
    width: 100%;
    height: 100%
}

.b-section__plan-head .b-section__back:before {
    opacity: .4
}

.b-section__back {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden
}

.b-section__back:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    opacity: .3;
    background: url(../images/header-shadow.png) repeat-x
}

.b-section__slide-label {
    color: #fff;
    opacity: .5;
    font-size: 30px;
    margin-top: 135px;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    z-index: 2;
    display: inline-block;
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}
.b-section__slide-label h1{
	font-size: 30px;
}
.gray_back h1{
	margin-bottom: 20px;
}

@media screen and (max-width:767px) {
    .b-section__slide-label {
        position: absolute;
        top: 240px;
        left: 20px;
        font-size: 22px;
        margin: 0!important;
        float: none!important
    }
}

.b-medium__title b,
.b-section__slide-label b,
.b-section__subtitle b {
    font-weight: 900
}

.b-section__slide-label+.b-section__slide-label {
    display: block
}

.b-section__slide-label+.b-select__liter {
    margin-top: 15px
}

.b-section__slide-label.right {
    float: right;
    opacity: 1!important;
    margin-top: 100px;
    margin-right: 10px;
    z-index: 10
}

.b-city-select__dd li+li,
.b-section__slide-label.right+.b-object-top__count {
    margin-top: 5px
}

a.b-section__slide-label:not([data-slide-label]):hover {
    opacity: .8
}

[data-slide-label] {
    opacity: 0;
    position: absolute
}

[data-slide-label].is-active {
    opacity: .5
}

[data-slide-label].is-active:hover {
    opacity: .8
}

.b-main__filter {
    font-family: "Open Sans"
}
#objects_filter{
	padding: 20px 0 0; 
}
#objects_filter .b-filter__row{
	padding-left:10%;
	padding-right:10%;
}
#objects_filter .b-filter__selects{
	padding-left:10%;
	padding-right:10%;
	border: none;
	margin-right: -1px;
}
#objects_filter .b-filter__select{
	border: 1px solid #e8e9e9;
	margin-left: -1px;
}

@media (min-width:768px) {
    .b-main__filter {
        width: 100%;
        max-width: 1000px;
        height: 170px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 2;
        display: none
    }
    .b-main__filter .b-dropdown__content {
        top: 0;
        left: -30px;
        right: -30px;
        max-height: inherit;
        overflow: visible;
        padding-top: 100px
    }
}

@media screen and (max-width:767px) {
    .b-main__filter {
        position: absolute;
        top: 125px;
        left: 20px;
        right: 20px;
        z-index: 2
    }
    .b-main__filter .b-dropdown__content {
        top: -5px;
        left: 0;
        right: 0;
        padding-top: 45px
    }
}

.b-tab-mobile {
    background: rgba(253, 90, 39, .8)
}

.b-tab-mobile .jq-selectbox__select {
    color: #fff;
    padding-left: 15px;
    padding-right: 40px
}

.b-tab-mobile .jq-selectbox__select-text {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.b-tab__nav {
    width: 100%;
    display: table;
    position: relative
}

@media screen and (max-width:767px) {
    .b-tab__nav {
        display: block
    }
}

@media (min-width:768px) {
    .b-tab__item {
        display: table-cell;
        padding-right: 1px
    }
    .b-tab__item:first-child {
        width: 220px
    }
    .b-tab__item:last-child {
        padding-right: 0
    }
}

@media screen and (max-width:767px) {
    .b-tab__item {
        display: none
    }
    .b-tab__item:first-child {
        display: block
    }
}

.b-tab__link {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 25px;
    color: rgba(255, 255, 255, .5);
    background: rgba(115, 146, 158, .8);
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out
}

.b-tab__link:hover {
    color: #fff
}

.b-tab__link:active {
    color: rgba(255, 255, 255, .2)
}

.b-tab__link.is-active {
    color: #fff;
    background: rgba(253, 90, 39, .8);
    box-shadow: 0 10px 12px rgba(0, 0, 0, .1)
}

.b-tab__content>div:first-child {
    display: block
}

.b-filter__content {
    background: rgba(255, 255, 255, .8)
}

@media screen and (max-width:767px) {
    .b-filter__content {
        padding: 5px 20px 20px
    }
}

@media (min-width:768px) {
    .b-filter__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 25px
    }
}

.b-filter__item {
    position: relative;
    padding: 15px 0 0
}

@media (min-width:768px) {
    .b-filter__item {
        min-width: 180px
    }
    .b-filter__item:nth-child(2) {
        margin-left: 20px
    }
    .b-filter__item:nth-child(3) {
        min-width: 205px;
        margin-left: 50px
    }
    .b-filter__item:nth-child(3) .b-dropdown__label-text {
        max-width: 180px
    }
}

.b-filter__label {
    font-size: 14px;
    color: rgba(0,0,0,0.4);
		font-weight: bold;
		padding-left: 10px;
    position: relative;
    text-transform: uppercase;
		margin-bottom: 5px;
}

@media (min-width:768px) {
    .b-filter__label {
        z-index: 4
    }
}

@media screen and (max-width:767px) {
    .b-filter__label {
        margin: 0 0 10px;
        font-size: 14px;
        color: #294d78
    }
}

@media (min-width:768px) {
    .b-filter__range {
        width: 330px
    }
}

.b-slider-range {
    position: relative;
    padding-top: 20px
}

@media screen and (max-width:767px) {
    .b-slider-range {
        padding-top: 25px
    }
    .b-filter__submit {
        margin: 20px -20px -20px
    }
}

.button__submit {
    background: #294d78;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out
}

@media (min-width:768px) {
    .button__submit {
        width: 100px;
        height: 100px
    }
    .button__submit:hover {
        background: #325e93
    }
    .button__submit:active {
        background: #203c5d
    }
    .button__submit span {
        display: block;
        text-shadow: 0 5px 5px rgba(0, 0, 0, .17)
    }
}

@media screen and (max-width:767px) {
    .button__submit {
        width: 100%;
        height: 80px;
        font-size: 14px;
        text-transform: uppercase
    }
}

.button__submit:before {
    content: "";
    display: inline-block;
    background-image: url(../images/ico-sbb731b1b89.png);
    background-repeat: no-repeat;
    background-position: 0 -804px;
    height: 27px;
    width: 27px
}

@media screen and (max-width:767px) {
    .button__submit:before {
        vertical-align: middle;
        margin-right: 15px;
        margin-left: -20px
    }
    .b-dropdown {
        position: relative
    }
}

.b-dropdown.is-open .b-dropdown__content {
    visibility: visible;
    opacity: 1;
    z-index: 3
}

.b-dropdown.is-open .b-dropdown__label {
    z-index: 4
}

.b-dropdown.is-open .b-dropdown__label-icon:before {
    top: 1px;
    border: 4px solid transparent;
    border-bottom: 4px solid #354d5c
}

.b-dropdown.is-open .b-dropdown__select-icon:before {
    top: 5px;
    left: 7px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.b-dropdown__label {
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width:768px) {
    .b-dropdown__label {
        padding: 10px 0;
        margin-top: -10px
    }
    .b-dropdown__label .b-dropdown__label-icon {
        top: 10px
    }
}

@media screen and (max-width:767px) {
    .b-dropdown__label {
        padding: 10px 21px;
        background: rgba(255, 255, 255, .5);
        border-radius: 20px
    }
}

.search_panel_main_page .b-dropdown__select-label {
    height: 80px;
    padding-top: 30px;
    padding-bottom: 21px
}

@media screen and (max-width:767px) {
    .search_panel_main_page .b-dropdown__select-label {
        height: auto;
        padding: 10px 21px
    }
}

.search_panel_main_page .b-dropdown__select-label .b-dropdown__label-text {
    font-weight: 600;
    color: #19387f
}

@media screen and (max-width:767px) {
    .search_panel_main_page .b-dropdown__select-label .b-dropdown__label-text {
        line-height: 1;
        font-size: 12px
    }
}

.search_panel_main_page .b-slider__light .irs-bar,
.search_panel_main_page .b-slider__light .irs-slider {
    background: #88A6C1;
}

.b-dropdown__select-label {
    height: 80px;
    background: #fff;
    padding: 27px 40px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 4;
    border: 1px solid #e8e9e9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:767px) {
    .b-dropdown__select-label {
        height: auto;
        border: none;
        padding: 10px 21px;
        background: #e8f8ff;
        border-radius: 20px
    }
}

.b-dropdown__select-label .b-dropdown__label-text {
    font-size: 16px;
    color: #333;
    max-width: 100%;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .b-dropdown__select-label .b-dropdown__label-text {
        color: #294d78;
        font-size: 14px;
        max-width: 90%
    }
}

.b-dropdown__select-icon,
.b-dropdown__select-icon:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%
}

.b-dropdown__select-icon {
    border: 1px solid #e8e9e9;
    width: 24px;
    height: 24px;
    right: 20px
}

.b-dropdown__select-icon:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 7px;
    border: 4px solid transparent;
    border-top: 4px solid #6e95b3
}

.b-dropdown__select-icon:after {
    content: "";
    left: 0;
    right: 0;
    width: 12px;
    height: 12px;
    box-shadow: inset 3px 3px 1px rgba(0, 0, 0, .1)
}

@media screen and (max-width:767px) {
    .b-dropdown__select-icon {
        background: #fff;
        right: 15px
    }
}

.b-dropdown__label-text {
    font-size: 12px;
    color: #272727;
    max-width: 150px;
    display: inline-block;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media (min-width:768px) {
    .b-dropdown__label-text {
        -webkit-transition: 200ms;
        transition: 200ms
    }
    .b-dropdown__label-text:hover {
        color: #4c768c
    }
}

@media screen and (max-width:767px) {
    .b-dropdown__label-text {
        line-height: 1
    }
}

.b-dropdown__label-icon {
    width: 16px;
    height: 16px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #385162;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .1), inset 0 3px 1px rgba(0, 0, 0, .1);
    border-radius: 50%
}

@media screen and (max-width:767px) {
    .b-dropdown__label-icon {
        bottom: 0;
        right: 15px;
        margin: auto
    }
}

.b-dropdown__label-icon:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 3px;
    border: 4px solid transparent;
    border-top: 4px solid #354d5c
}

.b-dropdown__content {
    position: absolute;
    right: 0;
    left: 0;
    background: #fff;
    padding: 30px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .17);
    -webkit-transition: 100ms ease-out;
    transition: 100ms ease-out
}

@media (min-width:768px) {
    .b-dropdown__content {
        max-height: 370px;
        overflow: auto
    }
}

@media screen and (max-width:767px) {
    .b-dropdown__content {
        left: 0;
        right: 0;
        padding: 20px 20px 10px;
        border-radius: 25px;
        box-shadow: 0 12px 12px rgba(0, 0, 0, .17);
        max-height: 300px;
        overflow: auto
    }
}

@media (min-width:768px) {
    .b-section__map {
        height: 960px
    }
    .b-section__map.sm {
        height: 530px
    }
}

@media screen and (max-width:767px) {
    .b-section__map {
        height: 560px
    }
    .b-section__map.sm {
        height: 530px
    }
}

.b-object-widjet {
    width: 340px;
    position: relative;
    padding-top: 50px;
    top: 100px;
    margin-left: 5%;
    z-index: 1
}

@media screen and (max-width:767px) {
    .b-object-widjet {
        display: none
    }
}

.b-object-widjet:before {
    content: "";
    height: 30px;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    background: #00386a;
    -webkit-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg)
}

.b-object-widjet:after {
    content: "";
    position: absolute;
    top: 50px;
    bottom: 0;
    left: -1px;
    right: -1px;
    background: #00386a
}

.b-object-widjet__head {
    padding: 15px 0 0 53px;
    margin-bottom: 30px;
    position: relative;
    z-index: 3
}

.b-object-widjet__title {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 14px 12px rgba(0, 0, 0, .17)
}

.b-city-select,
.b-city-select__label {
    display: inline-block;
    position: relative
}

.b-city-select {
    margin-left: 10px
}

.b-city-select.is-open .b-city-select__dd {
    visibility: visible;
    opacity: 1
}

.b-city-select.is-open .b-city-select__title {
    color: #94bac8;
    opacity: 1;
    text-shadow: none
}

.b-city-select.is-open .b-city-select__icon {
    border-color: #486b79
}

.b-city-select.is-open .b-city-select__icon:before {
    top: 1px;
    border: 3px solid transparent;
    border-bottom: 3px solid #486b79
}

.b-city-select__label {
    cursor: pointer;
    z-index: 2
}

.b-city-select__label:hover .b-city-select__title {
    opacity: .5
}

.b-city-select__title {
    color: #53bcff;
    opacity: .6;
    font-style: italic;
    text-shadow: 0 1px 1px #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 100ms ease-out;
    transition: 100ms ease-out
}

.b-city-select__icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    border: 2px solid rgba(255, 255, 255, .3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .1), inset 0 3px 1px rgba(0, 0, 0, .1);
    border-radius: 50%
}

.b-city-select__icon:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 3px;
    border: 3px solid transparent;
    border-top: 3px solid rgba(255, 255, 255, .3)
}

.b-city-select__dd {
    min-width: 140px;
    position: absolute;
    background: #19387f;
    padding: 40px 25px 15px;
    color: #36929d;
    font-style: italic;
    left: -25px;
    top: -10px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 14px 12px rgba(0, 0, 0, .17);
    -webkit-transition: 100ms ease-out;
    transition: 100ms ease-out
}

.b-city-select__dd a,
.b-event__item p a:hover {
    text-decoration: underline
}

.b-city-select__dd a:hover {
    text-decoration: none
}

.b-object-widjet__body {
    position: relative;
    z-index: 2;
    padding-left: 55px
}

.b-object-widjet__list {
    margin-right: -1px
}

.b-object-widjet__item {
    padding: 10px 10px 10px 55px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.b-object-widjet__item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0);
    background-image: -o-linear-gradient(to right, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .2) 100%);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, .2)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .2) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .2) 100%);
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

.b-object-widjet__item.is-active:before,
.b-object-widjet__item:hover:before,
.b-section__about-main .b-about__logo img {
    opacity: 1
}

.b-object-widjet__item.is-active .b-object-widjet__status,
.b-object-widjet__item:hover .b-object-widjet__status {
    background: #53bcff;
    font-size: 9px
}

.b-object-widjet__item.new .b-object-widjet__status {
    font-size: 9px;
    background: #f6ff00
}

.b-object-widjet__item.over .b-object-widjet__status {
    font-size: 9px;
    background: #fdc800
}

.b-object-widjet__item:first-child {
    border-top: none
}

.b-object-widjet__status {
    width: 40px;
    height: 11px;
    color: #18252c;
    background: #53bcff;
    font-size: 9px;
    line-height: 10px;
    font-family: Verdana, sans-serif;
    text-align: center;
    position: absolute;
    left: 0;
    top: 15px;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out;
    text-transform: lowercase
}

.b-object-widjet__name {
    color: #deffff;
    position: relative;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #000
}

.b-object-widjet__all {
    padding: 10px 10px 15px 55px
}

.b-object-widjet__all a {
    font-style: italic;
    color: #53bcff;
    opacity: .5;
    text-decoration: underline;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out
}

.b-object-widjet__all a:hover {
    text-decoration: none;
    opacity: .8
}

.b-section__residential {
    position: relative
}

@media screen and (max-width:767px) {
    .b-section__residential {
        height: auto
    }
    .b-section__residential .b-section__content {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width:768px) {
    .b-section__residential {
        font-size: 18px
    }
}

.b-section__residential:not(.sm) {
    margin-top: -5%;
    z-index: 2
}

.b-section__residential.sm {
    height: auto;
    padding: 75px 0
}

@media screen and (max-width:767px) {
    .b-section__residential.sm {
        padding: 0
    }
}

@media (min-width:768px) {
    .b-section__residential .container {
        height: 100%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.b-section__residential .b-section__back {
    position: absolute;
    top: 0;
    box-shadow: none
}

.b-section__residential .b-section__back:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 1;
    background: rgba(41, 77, 120, .8)
}

.b-section__residential .b-section__back:after {
    z-index: 2;
    opacity: .05;
    background: url(../images/tmp/pattern_object.png);
    background-position: bottom -40px left
}

.b-section-skew {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    -webkit-transform: skew(0deg, -5deg);
    -ms-transform: skew(0deg, -5deg);
    transform: skew(0deg, -5deg)
}

.b-section-skew__back {
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: skew(0deg, 5deg);
    -ms-transform: skew(0deg, 5deg);
    transform: skew(0deg, 5deg)
}

.b-section-skew__back:after,
.b-section-skew__back:before,
.b-section__residential .b-section__back:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.b-section-skew__back:before {
    background: rgba(41, 77, 120, .8)
}

.b-section-skew__back:after {
    opacity: .05;
    background: url(../images/tmp/pattern_object.png);
    background-position: bottom -40px left
}

@media (min-width:768px) {
    .b-object-skew {
        position: absolute;
        top: -130px;
        right: 0
    }
}

@media screen and (max-width:767px) {
    .b-object-skew {
        width: auto!important;
        position: relative;
        margin: 0 -20px
    }
}

.b-object-skew__content {
    width: 380px;
    padding: 60px 40px 40px;
    color: #fff;
    position: relative;
    z-index: 2;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .b-object-skew__content {
        width: 100%;
        padding: 40px 20px;
        text-align: center
    }
}

.b-object-skew__content h2 {
    font-size: 53px;
    line-height: 1;
    font-weight: 900
}

@media screen and (max-width:767px) {
    .b-object-skew__content h2 {
        letter-spacing: -2px
    }
}

.b-object-skew__content h3 {
    font-size: 32px;
    font-weight: 700;
    margin: 30px 0;
    text-shadow: 0 5px 8px rgba(0, 0, 0, .17)
}

@media screen and (max-width:767px) {
    .b-object-skew__content h3 {
        margin: 25px 0 15px
    }
}

.b-object-skew__content h4 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: 5px
}

@media screen and (max-width:767px) {
    .b-object-skew__content h4 {
        margin-bottom: 10px
    }
}

.b-object-skew__content p {
    font-size: 19px;
    letter-spacing: 5px
}

.b-object-skew__phone {
    font-size: 40px;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .b-object-skew__phone {
        letter-spacing: -2px
    }
}

.b-object-skew__address {
    margin-top: 100px;
    letter-spacing: 5px
}

@media screen and (max-width:767px) {
    .b-object-skew__address {
        margin-top: 15px
    }
}

.b-object-skew__back {
    width: 2000px;
    position: absolute;
    top: -60px;
    bottom: 0;
    left: 0;
    background: #f5563c;
    -webkit-transform: skew(0deg, -5deg);
    -ms-transform: skew(0deg, -5deg);
    transform: skew(0deg, -5deg)
}

@media screen and (max-width:767px) {
    .b-object-skew__back {
        width: 100%;
        top: -5px
    }
}

.b-object-skew__back:before {
    content: "";
    height: 25px;
    position: absolute;
    bottom: -25px;
    left: 85px;
    right: 0;
    background: #172b43;
    overflow: hidden
}

.b-section__content {
    width: 100%;
    position: relative;
    z-index: 2
}

.b-section__content .b-info__table {
    margin: 65px 0
}

@media screen and (max-width:767px) {
    .b-section__content .b-info__table {
        margin: 25px 0
    }
    .b-section__content .b-info__table+.b-info__table {
        margin-top: -25px
    }
}

.b-section__subtitle {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 30px
}

.b-info__table,
.b-section__subtitle {
    color: #fff;
    font-weight: 300
}

@media screen and (max-width:767px) {
    .b-info__table {
        font-size: 13px
    }
}

.b-info__table td {
    padding: 2px 15px 2px 0;
    vertical-align: top
}

.b-info__table td span {
    font-weight: 400
}

.b-info__table td:first-child {
    font-style: italic;
    font-weight: 300
}

.b-info__table sup,
.obects_new_page .b-info__table tr {
    line-height: 1
}

.b-feedback__title {
    font-size: 40px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 25px
}

.b-feedback__title .small_title {
    display: none;
    font-weight: 200;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px
}

@media screen and (max-width:767px) {
    .b-feedback__title {
        text-align: center;
        font-size: 28px
    }
}

.b-feedback__success {
    color: #fff;
    font-size: 18px
}

@media (min-width:768px) {
    .b-feedback__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.b-feedback__grid .button {
    width: 100%
}

@media (min-width:768px) {
    .b-feedback__col {
        width: 24%;
        position: relative;
        z-index: 10
    }
}

@media screen and (max-width:767px) {
    .b-feedback__col {
        margin-bottom: 10px
    }
}

.b-section__promo {
    height: auto;
    background: url(../images/pattern_yellow.png) 0 70px;
    background-size: 84px 145px;
    margin-top: -90px;
    padding-top: 12%;
    padding-bottom: 90px
}

.b-section__promo .b-section__title {
    color: #fff;
    font-size: 53px;
    font-weight: 700
}

@media all and (min-width:961px) and (max-width:1600px) {
    .b-section__promo .b-section__title {
        margin: 30px 0 45px
    }
}

@media screen and (max-width:767px) {
    .b-section__promo .b-section__title {
        margin: 90px 0 30px
    }
    .b-section__promo {
        padding-top: 17%
    }
}

@media (min-width:768px) {
    .b-section__promo .container {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.b-promo__content {
    width: 100%
}

.b-section__title {
    font-size: 36px;
    color: #f5563c;
    margin: 0 0 65px;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .b-section__title {
        font-size: 30px;
        text-align: center;
        margin: 0 0 30px
    }
}

.b-medium__title {
    font-size: 24px;
    color: #264872;
    font-weight: 300;
    letter-spacing: -.5px;
    margin: 0 0 30px;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .b-medium__title {
        font-size: 20px;
        text-align: center
    }
}

.b-medium__subtitle {
    font-size: 18px;
    color: #ddd;
    font-weight: 300;
    margin: 0 0 30px;
    text-transform: uppercase
}

.b-medium__subtitle b {
    font-weight: 700
}

@media (min-width:768px) {
    .b-promo__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .b-promo__col {
        width: 24%
    }
}

@media screen and (max-width:767px) {
    .b-promo__col {
        width: 240px;
        margin: 0 auto 15px
    }
}

.b-promo__item {
    display: block;
    background: #fff;
    box-shadow: 0 5px 13px rgba(0, 0, 0, .05);
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

.b-promo__item:hover {
    box-shadow: 0 8px 17px rgba(0, 0, 0, .15)
}

.b-promo__item:active {
    box-shadow: none
}

.b-promo__cover {
    height: 235px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.b-promo__info {
    width: 100%;
    min-height: 135px;
    text-align: center;
    position: relative;
    padding: 60px 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-promo__label {
    width: 110px;
    font-size: 12px;
    font-style: italic;
    color: #fff;
    text-align: center;
    background: #f5563c;
    padding: 7px 0;
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

.b-promo__label:hover {
    background: #f7806d
}

.b-promo__label:active {
    background: #f22d0c
}

.b-promo__title {
    color: #354d5c;
    text-transform: uppercase
}

.b-promo__date {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    color: #8bc6eb;
    font-size: 12px;
    font-style: italic
}

.b-section__button {
    text-align: center;
    padding-top: 85px
}

@media screen and (max-width:767px) {
    .b-section__button {
        padding-top: 30px
    }
}

.b-section__button .button {
    min-width: 250px
}

.b-section__bottom-pattern {
    height: auto
}

.b-section__bottom-pattern .b-section__pattern {
    margin-top: -48px;
    margin-bottom: 40px
}

.b-section__pattern {
    height: 157px;
    background: url(../images/pattern_bt_.jpg) repeat-x;
    text-align: center;
    padding-top: 35px
}

.b-section__pattern .button {
    padding-left: 75px;
    padding-right: 75px
}

.b-section__object {
    height: auto
}

.b-section__object .b-section__pattern:first-child {
    margin-top: -48px;
    margin-bottom: 70px
}

@media screen and (max-width:767px) {
    .b-section__object .b-section__pattern:first-child {
        margin-bottom: 30px
    }
    .b-section__object .b-main__filter {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        padding: 0 12px 20px;
        margin-bottom: 110px
    }
    .b-section__object .b-main__filter .b-filter__content {
        background: rgba(216, 216, 216, .8)
    }
}

.b-object-tiles {
    padding: 6px 6px 30px;
    position: relative;
    background: #fff
}

.b-object-tiles:after {
    display: table;
    content: "";
    clear: both
}

@media screen and (max-width:767px) {
    .b-object-tiles {
        padding-top: 0
    }
}

.b-object-tiles:before {
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 100%;
    height: 26px;
    background: url(../images/pattern_bt_white.png) repeat-x 1px bottom
}

.b-object-tile {
    margin: 6px;
    height: 455px;
    position: relative;
    overflow: hidden
}

@media (max-width:1200px) {
    .b-object-tile {
        height: 355px
    }
}

@media (min-width:768px) {
    .b-object-tile {
        width: calc(33.3333% - 12px);
        float: left
    }
    .b-object-tile .b-object-tile__title {
        white-space: nowrap;
        letter-spacing: -.5px
    }
    .b-object-tile:hover .b-object-tile__title {
        -webkit-transition: 300ms 100ms cubic-bezier(.165, .84, .44, 1);
        transition: 300ms 100ms cubic-bezier(.165, .84, .44, 1);
        -webkit-transform: translate3d(0, -335px, 0);
        transform: translate3d(0, -335px, 0)
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .b-object-tile:hover .b-object-tile__title {
        -webkit-transform: translate3d(0, -235px, 0);
        transform: translate3d(0, -235px, 0)
    }
}

@media (min-width:768px) {
    .b-object-tile:hover .b-object-tile__info:before {
        opacity: 1;
        -webkit-transform: translate3d(0, -335px, 0);
        transform: translate3d(0, -335px, 0)
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .b-object-tile:hover .b-object-tile__info:before {
        -webkit-transform: translate3d(0, -235px, 0);
        transform: translate3d(0, -235px, 0)
    }
}

@media (min-width:768px) {
    .b-object-tile:hover .b-object-tile__info tr:not(:first-child) td {
        opacity: 1
    }
    .b-object-tile:hover .b-object-tile__info .b-info__table tr td {
        -webkit-transform: translate3d(0, -335px, 0);
        transform: translate3d(0, -335px, 0)
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .b-object-tile:hover .b-object-tile__info .b-info__table tr td {
        -webkit-transform: translate3d(0, -235px, 0);
        transform: translate3d(0, -235px, 0)
    }
}

@media (min-width:768px) {
    .b-object-tile:hover .b-object-tile__info .b-info__table tr:first-child td {
        -webkit-transition: 300ms 210ms cubic-bezier(.165, .84, .44, 1);
        transition: 300ms 210ms cubic-bezier(.165, .84, .44, 1)
    }
    .b-object-tile:hover .b-object-tile__info .b-info__table tr:nth-child(2) td {
        -webkit-transition: 300ms 240ms cubic-bezier(.165, .84, .44, 1);
        transition: 300ms 240ms cubic-bezier(.165, .84, .44, 1)
    }
    .b-object-tile:hover .b-object-tile__info .b-info__table tr:nth-child(3) td {
        -webkit-transition: 300ms 270ms cubic-bezier(.165, .84, .44, 1);
        transition: 300ms 270ms cubic-bezier(.165, .84, .44, 1)
    }
    .b-object-tile:hover .b-object-tile__info .b-info__table tr:nth-child(4) td {
        -webkit-transition: 300ms 300ms cubic-bezier(.165, .84, .44, 1);
        transition: 300ms 300ms cubic-bezier(.165, .84, .44, 1)
    }
    .b-object-tile:hover .b-object-tile__info .b-info__table tr:nth-child(5) td {
        -webkit-transition: 300ms 330ms cubic-bezier(.165, .84, .44, 1);
        transition: 300ms 330ms cubic-bezier(.165, .84, .44, 1)
    }
    .b-object-tile:hover .b-object-tile__cover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    .b-object-tile:hover .b-object-tile__cover:before {
        opacity: 1
    }
}

@media screen and (max-width:767px) {
    .b-object-tile {
        display: block;
        height: 365px
    }
}

.b-object-tile__cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.b-object-tile__cover:before,
.b-object-tile__info:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.b-object-tile__cover,
.b-object-tile__cover:before,
.b-object-tile__info {
    -webkit-transition: 400ms cubic-bezier(.165, .84, .44, 1);
    transition: 400ms cubic-bezier(.165, .84, .44, 1)
}

.b-object-tile__cover:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .65)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 100%);
    opacity: .3
}

.b-object-tile__info {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    padding: 20px;
    -webkit-transform: translate3d(0, 335px, 0);
    transform: translate3d(0, 335px, 0)
}

@media (max-width:1200px) {
    .b-object-tile__info {
        -webkit-transform: translate3d(0, 235px, 0);
        transform: translate3d(0, 235px, 0)
    }
}

@media screen and (max-width:767px) {
    .b-object-tile__info {
        padding: 20px 10px 10px 20px;
        -webkit-transform: translate3d(0, 245px, 0);
        transform: translate3d(0, 245px, 0)
    }
}

.b-object-tile__info:before {
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition: 500ms cubic-bezier(.165, .84, .44, 1);
    transition: 500ms cubic-bezier(.165, .84, .44, 1)
}

.b-object-tile__info .b-info__table {
    font-size: 18px
}

@media (max-width:1200px) {
    .b-object-tile__info .b-info__table {
        font-size: 16px
    }
}

@media screen and (max-width:767px) {
    .b-object-tile__info .b-info__table {
        font-size: 14px;
        /*white-space: nowrap*/
    }
    .b-promo__date {
        position: initial;
    }
    .b-promo__info {
        display: block;
    }
}

.b-object-tile__info .b-info__table tr:not(:first-child) td {
    opacity: 0
}

.b-object-tile__info .b-info__table tr td,
.b-object-tile__title {
    -webkit-transition: 300ms cubic-bezier(.165, .84, .44, 1);
    transition: 300ms cubic-bezier(.165, .84, .44, 1)
}

.b-object-tile__info .b-info__table tr td {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.b-object-tile__title {
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px
}

@media screen and (max-width:767px) {
    .b-object-tile__title {
        font-size: 23px;
        letter-spacing: -.7px
    }
}

.b-object-tile__title b {
    font-weight: 900
}

.b-object-tile__status {
    width: 40px;
    height: 10px;
    color: #18252c;
    background: #5f91ad;
    font-size: 8px;
    line-height: 10px;
    font-family: Verdana, sans-serif;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.b-object-tile__status.over {
    color: #18252c;
    background: #e9e802;
    font-size: 8px;
    line-height: 11px
}

.b-section__events {
    height: auto;
    padding: 70px 0
}

@media (min-width:768px) {
    .b-section__events .b-section__title {
        margin: 0 0 30px
    }
}

@media screen and (max-width:767px) {
    .b-section__events {
        padding: 40px 0
    }
}

.b-section__events .b-section__title {
    color: #8dabc1
}

.b-events {
    font-size: 0
}

.b-event__item {
    padding-right: 20px;
    font-size: 14px;
    margin: 0 0 35px
}

@media (min-width:768px) {
    .b-event__item {
        width: 33.3333%;
        display: inline-block;
        vertical-align: top
    }
}

.b-event__item p {
    color: #767c7e;
    font-size: 12px;
    line-height: 19px
}

.b-event-list__description span,
.b-event__item p a {
    color: #e84c3d;
    font-style: italic
}

.b-event__title,
.b-section__about h3 {
    font-size: 16px;
    color: #202628;
    text-transform: uppercase;
    margin: 0 0 10px
}

.b-event__title a,
.b-main-nav__list a {
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-event__title a:hover {
    color: #e84c3d
}

.b-event__date {
    font-size: 12px;
    color: #8bc6eb;
    font-style: italic;
    margin: 0 0 10px
}

.b-section__feedback {
    padding: 30px 0;
    height: auto;
    background: #005eaa;
    position: relative;
    overflow: hidden
}

@media (min-width:768px) {
    .b-section__feedback {
        min-height: 220px
    }
}

.b-section__feedback .button {
    color: #005eaa
}

.b-section__feedback .b-field {
    background: #659dee
}

.b-section__about {
    height: auto;
    padding: 90px 0 120px;
    color: #496a7f
}

@media (min-width:768px) {
    .b-section__about .container:not(.sm) {
        padding: 0 135px
    }
    .b-section__about .container.sm {
        padding: 0 50px
    }
    .b-section__about .b-scrollpane {
        height: 305px
    }
    .b-section__about .b-scrollpane .jspPane {
        padding-right: 30px!important
    }
}

@media screen and (max-width:767px) {
    .b-section__about {
        padding: 60px 0
    }
}

.b-section__about h3 {
    font-size: 40px;
    color: #496a7f;
    font-weight: 300;
    margin: 0 0 25px
}

@media screen and (max-width:767px) {
    .b-section__about h3 {
        font-size: 30px
    }
}

.b-section__about p {
    font-size: 16px
}

@media screen and (max-width:767px) {
    .b-section__about p {
        font-size: 14px
    }
}

.b-section__about p+p,
.b-section__about-main p+p {
    margin-top: 20px
}

.b-section__about-main {
    height: auto;
    padding: 160px 0 0;
    color: #496a7f;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:768px) {
    .b-section__about-main .container:not(.sm) {
        padding: 0 135px
    }
    .b-section__about-main .container.sm {
        padding: 0 50px
    }
    .b-section__about-main .b-scrollpane {
        height: 305px
    }
    .b-section__about-main .b-scrollpane .jspPane {
        padding-right: 30px!important
    }
}

@media screen and (max-width:767px) {
    .b-section__about-main {
        padding: 60px 0
    }
}

.b-section__about-main .b-about__logo {
    width: 33.33%;
    float: left
}

@media screen and (max-width:767px) {
    .b-section__about-main .b-about__logo {
        width: 100%
    }
}

.b-section__about-main .b-scrollpane {
    width: 66.66%;
    float: left
}

@media screen and (max-width:767px) {
    .b-section__about-main .b-scrollpane {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

.b-section__about-main .b-scrollpane h3 {
    font-size: 24px;
    color: #24353f
}

.b-section__about-main .b-scrollpane p {
    font-size: 18px;
    color: #24353f
}

.b-section__about-main h3 {
    font-size: 40px;
    color: #496a7f;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 25px
}

@media screen and (max-width:767px) {
    .b-section__about-main h3 {
        font-size: 30px;
        width: 100%
    }
}

.b-section__about-main p {
    font-size: 16px
}

@media screen and (max-width:767px) {
    .b-section__about-main p {
        font-size: 14px
    }
}

.b-about__logo {
    text-align: center;
    margin: 0 0 50px
}

.b-about__logo img {
    width: 332px;
    height: 124px;
    opacity: .8
}

@media screen and (max-width:767px) {
    .b-about__logo img {
        width: auto;
        height: auto;
        max-width: 100%
    }
}

.b-main-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(25, 56, 127, .9);
    z-index: 200;
    padding: 60px 0 10px;
    display: none
}

@media (min-width:768px) and (min-height:750px) {
    .b-main-nav {
        padding: 0
    }
}

@media (min-width:768px) and (max-height:751px) {
    .b-main-nav {
        overflow: auto
    }
}

@media screen and (max-width:767px) {
    .b-main-nav {
        overflow: auto;
        background: #19387f
    }
}

.b-burger__close {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 10;
    padding-top: 9px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out
}

@media screen and (max-width:767px) {
    .b-burger__close {
        left: auto;
        right: 15px;
        top: 15px!important
    }
}

.b-burger__close:hover {
    opacity: .6
}

.b-burger__close:after,
.b-burger__close:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.b-burger__close:before {
    width: 18px;
    height: 2px;
    background: #fff
}

.b-burger__close:after {
    width: 2px;
    height: 18px;
    background: #fff
}

.b-main-nav__grid {
    font-size: 0
}

.b-main-nav__col {
    font-size: 14px
}

@media (min-width:768px) {
    .b-main-nav__col {
        width: 33.3333%;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 45px
    }
    .b-main-nav__col:nth-child(2),
    .b-main-nav__col:nth-child(5) {
        padding-left: 50px
    }
    .b-main-nav__col:nth-child(3n+3) {
        padding-left: 70px
    }
}

@media screen and (max-width:767px) {
    .b-main-nav__col {
        border-bottom: 1px solid #3d596a;
        margin: 0 -20px
    }
    .b-main-nav__col:first-child {
        border-top: 1px solid #3d596a
    }
}

.b-main-nav__label {
    font-style: italic;
    color: #fff;
    display: block
}

@media (min-width:768px) {
    .b-main-nav__label {
        font-size: 32px;
        line-height: 36px;
        margin: 0 0 10px;
        max-width: 260px
    }
}

@media screen and (max-width:767px) {
    .b-main-nav__label {
        font-size: 18px;
        line-height: 1;
        padding: 12px;
        text-align: center
    }
}

@media (min-width:768px) {
    .b-main-nav__list+.b-main-nav__label {
        margin-top: 55px
    }
}

@media screen and (max-width:767px) {
    .b-main-nav__list {
        display: none
    }
    .b-main-nav__list+.b-main-nav__label {
        border-top: 1px solid #3d596a
    }
}

.b-main-nav__list li {
    margin: 0 0 5px
}

.b-main-nav__list a {
    color: #52bfda;
    font-size: 12px;
    text-transform: uppercase
}

.b-main-nav__list a:hover {
    color: #ffde03
}

.b-main {
    min-height: 100%;
    padding-top: 110px
}

.b-main .b-filter__label {
    color: #aaa
}

.b-main .b-slider-range {
    margin-bottom: 16px
}

@media (min-width:768px) {
    .b-main.b-main--object {
        height: calc(100% + 110px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .b-main.b-main--object.flex-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .b-main__left {
        min-width: 640px;
        width: 50%;
        z-index: 2;
        box-shadow: 2px 0 4px rgba(0, 0, 0, .2)
    }
}

.mobile-bar {
    display: none;
    margin: -20px -20px 20px
}

@media screen and (max-width:767px) {
    .mobile-bar {
        display: block
    }
    .bar__panel {
        width: 100%;
        display: table
    }
}

.bar__button {
    width: 50%;
    font-size: 11px;
    color: #294d78;
    cursor: pointer;
    font-style: italic;
    background: #ecedee;
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding-top: 13px;
    height: 45px
}

.bar__button.is-active {
    color: #fff;
    background: #f5563c
}

@media (min-width:768px) {
    .b-filter .b-object__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.b-filter__head {
    position: relative
}

@media (min-width:768px) {
    .b-filter__head .button__submit {
        position: absolute;
        bottom: 28px;
        left: 100%;
        z-index: 8
    }
	.section-newobjects .b-filter__head .button__submit {
        position: relative;
        bottom: 0px;
        left: auto; 
        z-index: 8;
				border-radius: 0px;
    }
		
}

@media screen and (max-width:767px) {
    .b-filter__head {
        padding: 20px
    }
    .b-filter__head .button__submit {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (min-width:768px) {
	  .b-filter__selects{
			  margin-bottom: 50px;
	  }
    .b-filter__row {
        padding: 10px 0px 80px 0px;
    }
    .b-filter__row.b-filter__half+.b-filter__half {
/*        border: 1px solid #e8e9e9;*/
        margin-left: -1px
    }
/*
    .b-filter__row.b-filter__half+.b-filter__half .b-filter__select:first-child .jq-selectbox__select {
        border-left: none
    }
*/
}

@media (min-width:768px) and (max-width:1360px) {
    .b-filter__row {
        padding-left: 20px
    }
}

@media (min-width:768px) {
    .b-filter__selects {
        border-top: 1px solid #e8e9e9
    }
    .b-filter__selects:after {
        display: table;
        content: "";
        clear: both
    }
/*
    .b-filter__selects+.b-filter__selects .b-filter__select:first-child .b-dropdown__select-label,
    .b-filter__selects+.b-filter__selects .b-filter__select:first-child .jq-selectbox__select {
        border-left: none
    }
*/
}

@media screen and (max-width:767px) {
    .b-filter__selects .b-dropdown.is-open .b-dropdown__select-label {
        border-radius: 20px 20px 0 0
    }
}

.b-filter__selects .b-dropdown__content {
    z-index: 3;
    padding-top: 0;
    padding-bottom: 20px
}

@media screen and (max-width:767px) {
    .b-filter__selects .b-dropdown__content {
        background: #e8f8ff;
        border-radius: 0 0 20px 20px
    }
}

.b-filter__select {
    position: relative
}

@media (min-width:768px) {
    .b-filter__select {
        width: 50%;
        float: left
    }
    .b-filter__select .b-dropdown {
        position: relative
    }
    .b-filter__select .b-dropdown.is-open {
        z-index: 101
    }
    .b-filter__select .b-dropdown__select-label,
    .b-filter__select .jq-selectbox__select {
/*        border-bottom: none;*/
/*        border-top: none*/
    }
    .b-filter__select .b-dropdown__select-label {
        padding-right: 60px
    }
    .b-filter__select+.b-filter__select .b-dropdown__select-label,
    .b-filter__select+.b-filter__select .jq-selectbox__select {
/*
        border-left: none;
        border-right: none
*/
    }
}

@media screen and (max-width:767px) {
    .b-filter__select {
        margin-bottom: 10px
    }
}

.b-filter__select .b-dropdown.is-open {
    z-index: 101
}

@media (min-width:768px) {
    .b-filter__select .b-dropdown__content {
        padding-left: 40px
    }
}

.b-option__hidden {
    display: none
}

@media (min-width:768px) and (max-height:768px) {
    .hidden-small-screen {
        display: none
    }
    .hidden-small-screen.is-show {
        display: block
    }
}

@media screen and (max-width:767px) {
    .hidden-small-screen {
        display: none
    }
    .hidden-small-screen.is-show {
        display: block
    }
}

.b-option__more {
    height: 28px;
    padding: 2px 0;
    background: #fafbfc;
    text-align: center;
    position: relative;
    border-top: 1px solid #e8e9e9
}

@media screen and (max-width:767px) {
    .b-option__more {
        margin: 10px -20px 0;
        border-top: none
    }
}

.b-option__more.is-active {
    background: #99b5c9
}

.b-option__more.is-active .b-option__more-link {
    color: #fff;
    text-shadow: 0 5px 5px rgba(0, 0, 0, .2)
}

.b-option__more.is-active .b-option__arrow {
    background: rgba(255, 255, 255, .5);
    border-color: rgba(231, 232, 233, .5)
}

.b-option__more.is-active .b-option__arrow:before {
    background: #83a4bd
}

.b-option__more.is-active .b-option__arrow:after {
    top: 3px;
    border: 3px solid transparent;
    border-bottom: 3px solid #fff
}

.b-option__more.is-active .b-option__reset {
    color: #fff;
    border-color: #fff
}

.b-option__more-link {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    color: #a7b1c1;
    -webkit-transition: 200ms color;
    transition: 200ms color
}

.b-option__more-link:hover {
    color: #294d78
}

.b-option__arrow {
    width: 18px;
    height: 18px;
    background: #fff;
    margin-left: 5px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e7e8e9;
    border-radius: 50%
}

.b-option__arrow:before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    background: #b4c8d7;
    border-radius: 50%
}

.b-option__arrow:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    border: 3px solid transparent;
    border-top: 3px solid #fff
}

.b-option__reset {
    position: absolute;
    right: 20px;
    top: 2px;
    font-size: 12px;
    font-style: italic;
    color: #121f22;
    opacity: .4;
    cursor: pointer;
    border-bottom: 1px dashed #121f22;
    -webkit-transition: 200ms;
    transition: 200ms
}

@media screen and (max-width:767px) {
    .b-option__reset {
        display: none
    }
}

.b-option__reset:hover {
    opacity: .7;
    border-bottom-color: transparent
}

.b-filter__result {
    background: #fafbfc
}

.b-filter__result .b-scrollpane {
    height: inherit
}

@media (min-width:768px) {
    .b-filter__result .b-object__list {
        overflow: hidden
    }
}

.b-filter__result .b-object__table {
    overflow: hidden
}

.b-filter__result .b-object__table td:last-child {
    white-space: nowrap
}

.b-filter__result .b-object__table td:last-child br {
    display: none
}

.b-object__list {
    padding: 0 20px 15px 40px
}

@media (max-width:1360px) {
    .b-object__list {
        padding-left: 20px
    }
}

@media screen and (max-width:767px) {
    .b-object__list {
        padding: 0
    }
}

.b-scrollpane {
    outline: none;
    height: inherit
}

.b-scrollpane .jspPane {
    width: 100%!important
}

.b-object__item {
    display: block;
    background: #fff;
    position: relative;
    border: 1px solid #e6e7e7
}

@media (min-width:768px) {
    .b-object__item {
        height: 242px;
        padding: 0 0 40px 240px
    }
    .b-object__item+.b-object__item {
        margin-top: 5px
    }
}

@media screen and (max-width:767px) {
    .b-object__item {
        border-right: none;
        border-left: none;
        border-top: none;
        padding-top: 10px
    }
    .b-object__item+.b-object__item {
        margin-top: 12px
    }
}

.b-object__img {
    outline: none;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .b-object__img {
        width: 240px;
        height: 240px;
        position: absolute;
        left: 0;
        top: 0;
        border-right: 1px solid #e6e7e7
    }
    .b-object__img.img--cover {
        background-size: cover!important
    }
}

@media screen and (max-width:767px) {
    .b-object__img {
        display: block;
        padding-bottom: 80%
    }
}

.b-object__info {
    padding: 15px;
    color: #0f1922
}

@media (min-width:768px) {
    .b-object__info {
        width: 100%;
        height: 100%;
        padding-top: 30px;
        padding-bottom: 0;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .b-object__info .b-object__title {
        position: absolute;
        top: 15px;
        left: 15px
    }
}

@media screen and (max-width:767px) {
    .b-object__info {
        display: block
    }
}

.b-object__title {
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 10px
}

.b-aside-nav__mobile-label b,
.b-liter__nav-list li.is-active,
.b-object__table b,
.b-object__title b {
    font-weight: 700
}

.b-object__tip {
    width: 40px;
    height: 12px;
    color: #18252c;
    font-size: 9px;
    line-height: 9px;
    background: #e9e802;
    font-family: Verdana, sans-serif;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out
}

@media screen and (max-width:767px) {
    .b-object__tip {
        top: 10px
    }
}

.b-object__table {
    font-size: 16px;
		margin-bottom: 20px;
}

@media screen and (max-width:767px) {
    .b-object__table {
        font-size: 14px
    }
}

.b-object__table td {
    padding: 0 15px 0 0;
    vertical-align: top
}

.b-object__table td:first-child {
    font-weight: 300;
    font-style: italic;
	/*	padding-left: 93px;
		width: 280px;*/
}


.body__plans .b-apartment__top .b-object__table td:first-child {
    padding-left: 93px;
    width: 280px;

}

.b-object__controls:after {
    display: table;
    content: "";
    clear: both
}

@media (min-width:768px) {
    .b-object__controls {
        position: absolute;
        bottom: 0;
        left: 240px;
        right: 0
    }
}

.b-object__button,
.b-object__button svg {
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-object__button {
    width: 50%;
    height: 40px;
    float: left;
    font-size: 12px;
    background: #fff;
    color: #294d78;
    font-style: italic;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-top: 1px solid #e6e7e7
}

@media screen and (max-width:767px) {
    .b-object__button {
        font-size: 11px;
        padding: 10px 0
    }
}

.b-object__button+.b-object__button {
    border-left: 1px solid #e6e7e7
}

.b-object__button svg {
    fill: #53b6ce;
    margin-left: 13px
}

@media (max-width:1360px) {
    .b-object__button svg {
        margin-left: 8px
    }
}

.b-object__button:hover {
    background: #ffde00
}

.b-object__button:active {
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15)
}

.b-object__button.blue {
    background: #80a7c4;
    color: #fff
}

.b-object__button.blue svg {
    fill: #fff
}

.b-object__button.blue:hover {
    background: #294d78
}

.b-object__button.blue:hover svg {
    fill: #53b6ce
}

.b-object__button.orange-clr {
    color: #f5563c
}

.b-object__button.orange-clr:hover {
    color: #fff;
    background: #294d78
}

.search-icon-sm {
    width: 13px;
    height: 13px;
    background: url(../images/search-i.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px
}

@media (max-width:1360px) {
    .search-icon-sm {
        margin-left: 8px
    }
}

@media (min-width:768px) {
    .b-main__right {
        width: 50%;
        height: 100%
    }
}

@media screen and (max-width:767px) {
    .b-main__right {
        width: 100%!important;
        height: 500px!important
    }
}

.b-main__map {
    width: 100%;
    height: 100%
}

.b-aside-nav__mobile {
    display: none;
    background: rgba(23, 24, 32, .8)
}

@media screen and (max-width:767px) {
    .b-aside-nav__mobile {
        display: block;
        position: relative;
        z-index: 10;
        margin-top: 15px
    }
}

.b-aside-nav__mobile-label {
    font-size: 20px;
    color: #fff;
    padding: 10px 15px;
    font-weight: 300;
    text-transform: uppercase
}

.b-aside-nav {
    width: 300px;
    min-height: 235px;
    padding: 35px 40px 50px;
    position: absolute;
    z-index: 11;
    margin-left: -200px
}

@media (min-width:768px) and (max-width:1400px) {
    .b-aside-nav {
        margin-left: -100px
    }
}

@media screen and (max-width:767px) {
    .b-aside-nav {
        display: none
    }
}

.b-aside-nav.pull-left {
    left: 5%;
    margin-left: 0
}

.b-aside-nav:after,
.b-aside-nav:before {
    content: "";
    width: 115px;
    height: 15px;
    position: absolute;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg)
}

.b-aside-nav:before {
    background: #f5563c;
    right: 5px;
    top: 0;
    z-index: 2
}

.b-aside-nav:after {
    right: -20px;
    top: -15px;
    z-index: 10;
    background: rgba(253, 90, 39, .8)
}

.b-aside-nav__skew {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
    -webkit-transform: skew(-10deg) rotate(-10deg);
    -ms-transform: skew(-10deg) rotate(-10deg);
    transform: skew(-10deg) rotate(-10deg)
}

.b-aside-nav__skew:before {
    content: "";
    position: absolute;
    top: -53px;
    left: 2px;
    right: 2px;
    height: 200px;
    background: #fff;
    -webkit-transform: skew(10deg) rotate(10deg);
    -ms-transform: skew(10deg) rotate(10deg);
    transform: skew(10deg) rotate(10deg)
}

.b-aside-nav__label {
    font-size: 24px;
    color: #264872;
    font-style: italic;
    position: relative;
    margin: 0 0 15px
}

.b-aside-nav__list {
    position: relative;
    padding-right: 20px
}

.b-aside-nav__item {
    margin: 0 0 15px;
    position: relative
}

.b-aside-nav__item.is-active:before {
    opacity: 1
}

.b-aside-nav__item.is-active .b-aside-nav__link {
    color: #fff
}

.b-aside-nav__item:before {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -25px;
    right: 0;
    opacity: 0;
    background: #f5563c;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg)
}

.b-aside-nav__link {
    position: relative;
    text-transform: uppercase;
    color: #264874;
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-aside-nav__link:hover {
    color: #f5563c
}

@media (min-width:768px) {
    .b-container__box {
        padding: 10px 0 0 70px
    }
}

@media (min-width:768px) and (max-width:1400px) {
    .b-container__box {
        padding: 10px 0 0 200px
    }
}

.b-leader__list {
    padding-top: 35px;
    text-align: center
}

.b-leader__item {
    cursor: pointer;
    margin: 0 0 60px
}

@media (min-width:768px) {
    .b-leader__item {
        width: 32%;
        display: inline-block;
        vertical-align: top
    }
    .b-leader__item:hover .b-leader__image:after,
    .b-leader__item:hover .b-leader__image:before {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .b-leader__item.md {
        width: 35%
    }
}

@media screen and (max-width:767px) {
    .b-leader__item {
        display: block;
        width: 200px;
        margin: 0 auto 50px
    }
}

.b-leader__item.lg .b-leader__image {
    width: 260px;
    height: 260px
}

.b-article img,
.b-leader__item.lg .b-leader__title {
    max-width: 100%
}

.b-leader__image {
    width: 151px;
    height: 151px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 15px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.b-leader__image:after,
.b-leader__image:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

.b-leader__image:before {
    background: rgba(41, 77, 120, .8);
    border-radius: 50%;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.b-leader__image:after {
    margin: auto;
    display: inline-block;
    background-image: url(../images/ico-sbb731b1b89.png);
    background-repeat: no-repeat;
    background-position: 0 -211px;
    height: 30px;
    width: 32px;
    -webkit-transform: translate3d(0, 20px, 0) scale(.8);
    transform: translate3d(0, 20px, 0) scale(.8)
}

.b-leader__title {
    max-width: 300px;
    font-size: 24px;
    line-height: 27px;
    color: #264872;
    margin: 0 auto 10px;
    letter-spacing: -1px;
    font-weight: 300
}

@media screen and (max-width:767px) {
    .b-leader__title br {
        display: none
    }
}

.b-leader__post {
    max-width: 250px;
    color: #0f1a22;
    font-weight: 700;
    margin: auto
}

@media (min-width:768px) {
    .b-event__grid:after {
        display: table;
        content: "";
        clear: both
    }
    .b-event__grid .b-event-list__item.sm {
        width: 49%;
        float: left;
        overflow: hidden
    }
    .b-event__grid .b-event-list__item.sm:nth-child(2n) {
        float: right
    }
    .b-event-list {
        padding: 0 60px 0 70px
    }
    .b-event-list:last-child {
        margin-bottom: 55px
    }
}

@media screen and (max-width:767px) {
    .b-event-list {
        padding: 10px 0
    }
}

.b-event-list__item {
    display: block;
    position: relative;
    margin: 0 0 8px;
    background: #fff;
    border: 1px solid #daeaeb;
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

@media (min-width:768px) {
    .b-event-list__item {
        height: 230px;
        padding: 10px 40px 0 240px
    }
    .b-event-list__item:before {
        content: "";
        height: 40px;
        position: absolute;
        bottom: 0;
        left: 230px;
        right: 0;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%)
    }
    .b-event-list__item:last-child {
        margin: 0
    }
    .b-event-list__item:hover {
        box-shadow: 0 8px 17px rgba(0, 0, 0, .15)
    }
    .b-event-list__item.sm .b-event-list__title {
        font-weight: 400;
        margin: 0 0 10px
    }
    .b-event-list__item.sm .b-event-list__date {
        margin: 0 0 10px
    }
}

@media screen and (max-width:767px) {
    .b-event-list__item {
        width: 230px;
        padding: 0 20px 20px;
        margin: 0 auto 10px
    }
    .b-event-list__item .b-event__promo {
        display: block
    }
}

.b-event-list__cover {
    height: 228px;
    border-right: 1px solid #daeaeb;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .b-event-list__cover {
        width: 230px;
        position: absolute;
        left: 0;
        top: 0
    }
    .b-event-list__cover+.b-event-list__title {
        margin-top: 25px
    }
}

@media screen and (max-width:767px) {
    .b-event-list__cover {
        margin: 0 -20px 20px
    }
}

.b-event-list__date {
    color: #8bc6eb;
    font-size: 12px;
    margin: 0 0 20px
}

@media screen and (max-width:767px) {
    .b-event-list__date {
        margin: 0 0 10px
    }
}

.b-event-list__title {
    font-size: 16px;
    color: #353535;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 30px
}

@media screen and (max-width:767px) {
    .b-event-list__title {
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 10px
    }
}

.b-event-list__description {
    color: #353535
}

@media (min-width:768px) {
    .b-event-list__description {
        max-height: 117px;
        overflow: hidden
    }
}

@media screen and (max-width:767px) {
    .b-event-list__description {
        font-size: 12px
    }
}

.b-event__promo {
    width: 145px;
    height: 40px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 9px;
    background: #f5563c;
    letter-spacing: 1px;
    position: absolute;
    right: -93px;
    top: 52px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (max-width:767px) {
    .b-event__promo {
        display: none;
        font-size: 12px;
        height: 28px;
        width: 90px;
        padding: 5px 10px;
        text-align: left;
        right: -58px;
        top: 31px
    }
}

.b-event__promo:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 5%;
    right: -10%;
    background: #f5563c;
    -webkit-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg)
}

.b-event__promo span {
    position: relative;
    z-index: 2
}

.b-pager,
.b-pager__link {
    font-size: 0;
    text-align: center;
    margin: 55px 0;
    position: relative
}

.b-pager__link {
    font-size: 24px;
    line-height: 1;
    color: #cbd4db;
    display: inline-block;
    vertical-align: top;
    font-weight: 300;
    margin: 0 10px;
    padding-top: 3px;
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-pager__link:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    background: #cbd4db;
    border-radius: 50%
}

.b-pager__link:first-child:before {
    display: none
}

.b-pager__link.is-active {
    font-weight: 400;
    color: #8dabc1
}

a.b-pager__link:hover {
    color: #8dabc1
}

.b-pager__prev {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border: 1px solid #878787;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-pager__next svg,
.b-pager__prev svg {
    fill: #878787;
    -webkit-transition: 200ms;
    transition: 200ms;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.b-pager__prev:not(.is-disabled):hover {
    border-color: #8dabc1
}

.b-pager__next:not(.is-disabled):hover svg,
.b-pager__prev:not(.is-disabled):hover svg {
    fill: #8dabc1
}

.b-pager__prev:not(.is-disabled):active {
    opacity: .4
}

.b-pager__next.is-disabled,
.b-pager__prev.is-disabled {
    opacity: .5;
    pointer-events: none;
    cursor: default
}

.b-pager__prev+.b-pager__link:before,
.b-popup .b-leader__item br {
    display: none
}

.b-pager__next {
    width: 30px;
    height: 30px;
    background: #fff;
    margin-left: 10px;
    border: 1px solid #878787;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-pager__next:not(.is-disabled):hover {
    border-color: #8dabc1
}

.b-pager__next:not(.is-disabled):active {
    opacity: .4
}

.b-article {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .b-article {
        padding-left: 100px;
        padding-right: 20px
    }
    .b-article .b-partners {
        padding-top: 20px
    }
}

@media (min-width:768px) and (max-width:1400px) {
    .b-article {
        padding-left: 65px
    }
}

@media screen and (max-width:767px) {
    .b-article .b-event-list__date {
        text-align: center;
        margin-top: 70px;
        margin-bottom: 10px
    }
    .b-article .b-default__title {
        text-align: center
    }
    .b-article .b-default__title .b-pager__prev {
        position: absolute;
        top: -70px;
        left: 0;
        right: 0;
        margin: auto
    }
}

.b-article .b-default__title {
    padding-left: 10px;
    margin-left: -10px
}

.b-article .b-section__title {
    color: #8dabc1;
    margin: 30px 0 35px
}

.b-article h4 {
    font-size: 16px;
    color: #353535;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase
}

.b-article ul {
    padding-left: 30px;
    margin: 0 0 20px
}

.b-article p+h4,
.b-article ul+h4 {
    margin-top: 25px
}

.b-article ul li {
    position: relative;
    padding-left: 30px
}

.b-article ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 3px;
    height: 3px;
    background: #353535;
    border-radius: 50%
}

.b-article p {
    color: #353535;
    line-height: 17px;
    margin: 0 0 15px
}

.b-article a {
    text-decoration: underline;
    color: #264874
}

.b-article .b-document__col a,
.b-article .b-document__grid a,
.b-article a:hover {
    text-decoration: none
}

.b-article .b-document__col a:hover span {
    border-bottom: 0 none
}

.mark {
    padding: 0!important
}

.mark li:before {
    width: 17px!important;
    height: 1px!important;
    border-radius: 0!important
}

.bank_partners {
    margin: 35px 0
}

.b-table {
    background: #fff;
    padding: 10px 20px;
    margin: 20px -60px 20px -20px
}

@media screen and (max-width:767px) {
    .b-table {
        overflow-x: auto;
        margin: 20px -20px
    }
}

.b-table table {
    width: 100%;
    text-align: left
}

.b-table table td,
.b-table table th {
    padding-right: 30px;
    padding-bottom: 20px
}

.b-table table th {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #353535;
    vertical-align: top
}

@media (min-width:768px) {
    .b-table table th:last-child {
        padding-right: 0
    }
}

.b-table table td {
    color: #0d9bc4;
    vertical-align: middle
}

.b-table table td:last-child {
    width: 190px
}

@media (min-width:768px) {
    .b-table table td:last-child {
        padding-right: 0
    }
}

.b-table table img {
    max-width: 150px
}

.center {
    text-align: center
}

.b-default__title {
    font-size: 16px;
    color: #353535;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 30px
}

@media (min-width:768px) {
    .b-default__title .b-pager__prev {
        position: absolute;
        left: -30px;
        top: -3px
    }
}

@media screen and (max-width:767px) {
    .b-default__title {
        margin: 0 0 20px
    }
}

.b-article__img {
    position: relative;
    margin: 0 -15px 20px
}

@media screen and (max-width:767px) {
    .b-article__img {
        margin: 0 -20px 20px
    }
}

.b-article__img img {
    width: 100%
}

.b-article__bottom {
    position: relative;
    text-align: center;
    margin: 35px 0
}

@media (min-width:768px) {
    .b-article__bottom {
        padding-left: 50px;
        padding-bottom: 60px
    }
    .b-article__bottom .button {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:768px) and (max-width:1400px) {
    .b-article__bottom {
        padding-left: 65px
    }
}

@media screen and (max-width:767px) {
    .b-article__bottom {
        padding-bottom: 60px
    }
    .b-article__bottom .button {
        width: 100%
    }
}

.b-article__bottom .b-back__link {
    position: absolute;
    left: 60px;
    top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:768px) and (max-width:1400px) {
    .b-article__bottom .b-back__link {
        left: 25px
    }
}

@media screen and (max-width:767px) {
    .b-article__bottom .b-back__link {
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.b-article__bottom .b-back__link:hover {
    color: #8dabc1
}

.b-back__link {
    font-size: 12px;
    color: #4c768c;
    text-align: left;
    text-transform: uppercase;
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-map__full {
    width: 100%;
    height: 100%;
    height: 100vh
}

@media screen and (max-width:767px) {
    .b-map__full {
        height: 500px
    }
}

.b-object__grid {
    padding: 12px 0 40px
}

.b-object__grid .container {
    max-width: 1290px;
    width: 100%
}

@media (min-width:768px) {
    .b-object__grid .b-object__item {
        width: 49%;
        float: left;
        margin: 5px 0
    }
    .b-object__grid .b-object__item:nth-child(2n) {
        float: right
    }
    .b-object__grid .b-button__box {
        padding-bottom: 30px
    }
}

@media screen and (max-width:767px) {
    .b-object__grid .container {
        padding: 0
    }
    .b-object__grid .b-button__box {
        padding-bottom: 0
    }
}

@media (min-width:768px) {
    .contact-grid .b-object__info {
        display: block!important;
        padding-top: 12px!important
    }
    .contact-grid .b-object__table {
        font-size: 14px;
        margin-right: -20px
    }
    .contact-grid .b-object__table td:first-child {
        width: 155px
    }
    .contact-grid .b-object__title {
        line-height: 1.3;
        position: static!important
    }
}

@media screen and (max-width:767px) {
    .contact-grid .b-object__img {
        background-size: cover!important
    }
}

.contact-time {
    margin-right: 15px
}

.b-object__row:after {
    display: table;
    content: "";
    clear: both
}

.b-section__readiness {
    width: 380px;
    min-height: 210px;
    background: rgba(147, 192, 31, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 40px;
    color: #fff;
    margin: 0 auto 50px;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase
}

@media (min-width:768px) and (max-height:640px) {
    .b-section__readiness {
        margin-top: 60px
    }
}

@media screen and (max-width:767px) {
    .b-section__readiness {
        width: 100%;
        font-size: 20px;
        padding: 20px
    }
}

.b-section__readiness b {
    font-size: 72px;
    line-height: 1;
    font-weight: 900;
    margin-left: 12px;
    letter-spacing: 0
}

@media screen and (max-width:767px) {
    .b-section__readiness b {
        font-size: 60px
    }
}

.b-section__readiness b sub {
    font-size: 24px;
    line-height: 1;
    position: relative;
    top: -7px;
    font-weight: 700;
    vertical-align: bottom
}

.b-virtual-tour {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.b-virtual-tour a {
    display: block
}

@media screen and (max-width:767px) {
    .b-virtual-tour {
        display: none
    }
}

.b-object-top__info {
    text-shadow: 1px 1px 1px #000;
    position: relative;
    padding: 80px 0 0
}

@media screen and (max-width:767px) {
    .b-object-top__info {
        padding-top: 110px
    }
}

.b-object-top__info .b-header__phone {
    float: none;
    color: #dfe2e5;
    z-index: 10
}

@media screen and (max-width:767px) {
    .b-object-top__info .b-header__phone {
        width: auto
    }
    .b-object-top__info .b-header__phone a {
        width: auto;
        padding-left: 37px;
        text-indent: 0
    }
}

.b-object-top__info .b-header__phone:before {
    background: url(../images/phone_white.svg) no-repeat
}

.b-object-top__info .b-header__phone+.b-object-top__count {
    margin-top: 10px
}

.b-object-top__info .b-section__slide-label {
    margin: 0;
    opacity: 1;
    z-index: 10;
    letter-spacing: -1px
}

.b-object-top__info.left {
    float: left
}

.b-object-top__count {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
    margin: 30px 0 0;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 10
}

@media screen and (max-width:767px) {
    .b-object-top__count {
        font-size: 20px;
        line-height: 22px
    }
}

.b-object-top__count b {
    font-size: 72px;
    font-weight: 900
}

@media screen and (max-width:767px) {
    .b-object-top__count b {
        font-size: 60px
    }
}

.b-object-right__count {
    position: absolute;
    right: 30px;
    top: 130px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
    z-index: 2;
    text-transform: uppercase
}

.b-object-right__count.lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-object-right__count.lg b {
    font-size: 72px
}

.b-object-right__count b {
    font-weight: 900
}

.b-widjet-residential {
    width: 370px;
    position: relative;
    margin-left: 5%;
    z-index: 2
}

@media screen and (max-width:767px) {
    .b-widjet-residential {
        display: none
    }
}

.b-widjet-residential .b-info__table {
    font-size: 18px
}

.b-widjet-residential__head {
    width: 100%;
    position: absolute;
    padding: 40px 20px 10px 35px;
    background: rgba(50, 52, 58, .8);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.b-widjet-residential__icon {
    position: absolute;
    top: -40px;
    left: 20px
}

.b-widjet-residential__body {
    overflow: hidden;
    padding: 45px 35px 25px;
    position: relative
}

.b-widjet-residential__body:before {
    content: "";
    background: #18252c;
    position: absolute;
    top: 0;
    bottom: 55px;
    left: 0;
    right: 0
}

.b-widjet-residential__body:after {
    content: "";
    display: block;
    height: 55px
}

.b-object-nav__list {
    position: relative;
    z-index: 2
}

.b-object-nav__list:before {
    content: "";
    height: 65px;
    position: absolute;
    bottom: -55px;
    left: -35px;
    right: -35px;
    background: #18252c;
    -webkit-transform: skew(-4deg) rotate(-4deg);
    -ms-transform: skew(-4deg) rotate(-4deg);
    transform: skew(-4deg) rotate(-4deg)
}

.b-object-nav__item {
    min-height: 35px;
    padding: 0 0 0 65px;
    position: relative;
    margin: 0 0 15px;
    cursor: pointer
}

.b-object-nav__item:last-child {
    margin: 0
}

.b-object-nav__item:hover .b-object-nav__title {
    color: #53bcff
}

.b-object-nav__icon {
    position: absolute;
    left: 0;
    top: -8px
}

.b-object-nav__title {
    color: #fff;
    font-size: 16px;
    -webkit-transition: 200ms;
    transition: 200ms
}

@media (min-width:768px) {
    .b-info__table-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px
    }
    .b-info__table-grid .b-info__table {
        width: 50%;
        margin: 0
    }
    .b-info__table-grid .b-info__table td:first-child {
        min-width: 170px
    }
    .b-info__table-grid+.b-info__button {
        margin-top: 40px
    }
}

@media screen and (max-width:767px) {
    .b-info__table-grid .b-info__table td:first-child {
        width: 140px
    }
}

.b-info__download {
    color: #c3f94e;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    padding: 40px 0
}

@media screen and (max-width:767px) {
    .b-info__download {
        padding: 10px 0 35px;
        font-weight: 300
    }
}

.b-link {
    text-decoration: underline
}

.b-link:hover,
.b-liter__nav-list a:hover,
.b-liter__nav-list li.is-active a {
    text-decoration: none
}

.b-info__button {
    text-align: center
}

.b-info__button .button {
    padding-left: 65px;
    padding-right: 65px
}

.b-section__search {
    min-height: 160px;
    position: relative;
		padding: 50px 0;
}

@media (min-width:768px) {
    .b-section__search {
        z-index: 20
    }
}

@media screen and (max-width:767px) {
    .b-section__search {
        z-index: 2
    }
}

.b-section__search.is-sticky {
    position: static
}
.b-section__search-form{
	padding: 30px 5%;
	box-shadow: 0 6px 8px 0 rgba(0,0,0,.15);
	border: none;
}
.b-section__search-form .b-section__title{
	color: #24353f;
	text-align: center;
}
/*
.b-section__search.is-sticky .b-section__search-form {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
*/

.b-section__search.sm .b-section__search-form {
    -webkit-transform: translate3d(0, -81px, 0);
    transform: translate3d(0, -81px, 0)
}

.b-section__search.is-hide .b-section__search-form {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

@media screen and (max-width:767px) {
    .b-section__search+.b-section__partners {
        padding-top: 40px
    }
}

.b-section__search-form {
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out;
		max-width: 1050px;
		margin: auto;
}

.b-section__search-panel {
    width: 100%;
    min-height: 102px;
    background: #fff
}

@media (min-width:768px) {
    .b-section__search-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: block;
        border-bottom: 1px solid #e8e9e9
    }
    .b-section__search-panel.sm {
        min-height: 70px
    }
}

@media screen and (max-width:767px) {
    .b-section__search-panel {
        padding: 20px
    }
    .b-section__search-panel+.b-section__search-panel {
        padding-top: 0
    }
}

.b-section__search-panel+.b-section__search-panel {
    margin-top: -1px
}

.b-section__search-panel .b-filter__row {
    padding-top: 12px
}

@media screen and (max-width:767px) {
    .b-section__search-panel .b-filter__row {
        margin-bottom: 25px
    }
}

.b-section__search-button {
    width: 100%;
    height: 52px;
    background: #19387f;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 18px;
		font-weight: normal;
		border-radius: 0px;
		letter-spacing: 1px;
}

@media (min-width:768px) {
    .b-section__search-button {
        -webkit-transition: 300ms ease-out;
        transition: 300ms ease-out;
				border-radius: 0px;
    }
    .b-section__search-button:hover {
        background: #1f459d
    }
    .b-section__search-button:active {
        background: #132b61
    }
}
.b-section__search-button:before{
	display: none;
}
@media screen and (max-width:767px) {
    .b-section__search-button {
        font-size: 18px;
        line-height: 1.2;
        text-align: center;
        position: relative
    }
    .b-section__search-button span {
        max-width: 180px;
        display: inline-block
    }
/*
    .b-section__search-button:before {
        content: "";
        display: inline-block
    }
*/
}

/*
.b-section__search-button:before {
		display: none;
    content: "";
    vertical-align: middle;
    margin-right: 15px;
    display: inline-block;
    background-image: url(../images/ico-sbb731b1b89.png);
    background-repeat: no-repeat;
    background-position: 0 -804px;
    height: 27px;
    width: 27px
}
*/

@media (min-width:768px) {
    .b-filter__half {
        width: 100%
					
    }
}

.b-section__construction {
    height: auto;
    position: relative;
    padding: 35px 0
}

@media screen and (max-width:767px) {
    .b-section__construction {
        overflow-x: hidden;
        padding-bottom: 20%
    }
    .b-section__construction .b-medium__title {
        text-align: left
    }
}

.b-section__construction:before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    bottom: -5%;
    left: 0;
    right: 0;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg)
}

@media screen and (max-width:767px) {
    .b-section__construction:before {
        bottom: 4%
    }
}

.b-section__construction .container {
    position: relative
}

@media (min-width:768px) {
    .b-section__construction .container>.b-medium__title {
        padding-left: 85px
    }
}

.b-swiper__construction {
    margin: 0 0 35px
}

.b-construction__slide {
    height: 230px;
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.b-construction__slide:not(.month-slide) {
    border: 1px solid #182026
}

.b-construction__slide:not(.month-slide):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #354d5c;
    box-shadow: inset 0 -50px 84px #000;
    opacity: .3
}

.b-construction__slide:not(.month-slide):hover .b-construction__info {
    background: rgba(0, 0, 0, .5);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.b-construction__slide:not(.month-slide):hover .b-construction__show,
.lenina_plan rect.cls-2:not(.reserve):hover,
.lenina_plan rect.cls-2:not(.sold):hover {
    opacity: 1
}

[data-fancybox] {
    outline: none;
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

[data-fancybox]:hover {
    opacity: .9
}

.fancybox-is-open .fancybox-bg {
    opacity: .8
}

@media screen and (max-width:767px) {
    .fancybox-infobar {
        right: 0;
        text-align: center
    }
}

.fancybox-button--close,
.fancybox-toolbar {
    display: none!important
}

.fancybox-button--left {
    position: fixed;
    top: 50%;
    left: 20px;
    border-radius: 50%
}

.fancybox-button--right {
    position: fixed;
    top: 50%;
    right: 20px;
    border-radius: 50%
}

.b-construction__month {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px
}

.b-construction__month .b-medium__title {
    color: #fff;
    margin: 0
}

.b-construction__info,
.b-construction__show {
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

.b-construction__info {
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .2);
    -webkit-transform: translate3d(0, 45px, 0);
    transform: translate3d(0, 45px, 0);
    padding: 15px 5px 15px 15px;
    position: absolute
}

.b-construction__info .b-medium__title {
    margin: 0 0 10px;
    color: #fff
}

.b-construction__show {
    font-weight: 300;
    position: relative;
    font-style: italic;
    font-size: 18px;
    padding: 10px 5px 5px;
    color: #fff;
    opacity: 0
}

.b-construction__show:before,
.skew_back:before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0
}

.b-construction__show:before {
    height: 1px;
    left: -5px;
    right: -5px
}

.swiper-pagination {
    position: static;
    padding: 25px 0
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #264874;
    opacity: .5
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.b-text__box {
    color: #26486e;
    font-weight: 300
}

@media (min-width:768px) {
    .b-text__box {
        font-size: 18px;
        padding: 20px 120px
    }
    .b-text__box .b-medium__title {
        margin: 0 0 45px
    }
    .b-text__box p {
        margin: 0 0 30px
    }
}

@media screen and (max-width:767px) {
    .b-text__box {
        padding-bottom: 30px
    }
    .b-text__box .b-medium__title {
        margin: 0 0 20px;
        text-align: center
    }
}

.b-section__partners {
    height: auto;
    padding: 0 0 100px;
    text-align: center
}

@media screen and (max-width:767px) {
    .b-section__partners {
        padding: 0 0 45px
    }
}

.b-section__partners .b-section__pattern {
    margin-top: 0;
    margin-bottom: 90px;
    background: url(../images/pattern_bt_yellow.png) repeat-x;
    background-position-x: -42px;
    background-size: 84px 88px
}

@media screen and (max-width:767px) {
    .b-section__partners .b-section__pattern {
        margin-bottom: 30px
    }
}

.b-section__partners p {
    font-size: 18px;
    color: #26486e;
    font-weight: 300
}

.skew_back {
    padding-top: 90px
}

.skew_back:before {
    bottom: -5%;
    left: 0;
    right: 0;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg)
}

.skew_back,
.skew_back .container {
    position: relative
}

@media (min-width:768px) {
    .b-partners {
        padding: 70px 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .b-partners ul {
        padding: 0
    }
    .b-partners li {
        width: 24%;
        display: inline-block;
        vertical-align: top;
        padding: 0!important;
        margin-bottom: 30px
    }
    .b-partners li:before {
        display: none
    }
}

@media screen and (max-width:767px) {
    .b-partners {
        padding: 40px 0 0
    }
    .b-partner__item {
        margin-bottom: 15px
    }
}

.section-sm {
    height: 180px;
    position: relative
}

@media screen and (max-width:767px) {
    .section-sm .b-section__slider>.container.hidden-xs {
        display: block!important
    }
    .section-sm .b-section__slider>.container.hidden-xs .b-header__phone,
    .section-sm .b-section__slider>.container.hidden-xs .b-object-right__count {
        display: none!important
    }
    .section-sm .b-section__slider>.container.hidden-xs .b-section__slide-label {
        top: 120px;
        left: 0
    }
}

.b-section__description {
    height: auto;
    padding-bottom: 30px
}

.b-section__description .b-section__pattern {
    margin-top: -48px;
    margin-bottom: 40px
}

.b-construction__content {
    height: auto;
    padding: 35px 0 45px
}

@media screen and (max-width:767px) {
    .b-construction__content {
        padding-bottom: 15px
    }
}

@media (min-width:768px) {
    .b-construction__row {
        margin: 0 -5px
    }
    .b-construction__row:after {
        display: table;
        content: "";
        clear: both
    }
    .b-construction__col {
        width: calc(33.3333% - 10px);
        float: left;
        margin: 0 5px 10px
    }
}

@media screen and (max-width:767px) {
    .b-construction__col {
        margin-bottom: 10px
    }
}

.b-section__text {
    height: auto;
    padding: 35px 0 0
}

@media (min-width:768px) {
    .b-section__text .b-text__box {
        font-size: 16px;
        padding: 20px 150px
    }
}

@media screen and (max-width:767px) {
    .b-section__text {
        padding: 20px 0 0
    }
}

.b-gray__content {
    background: #f7f7f7;
    padding: 80px 0
}

@media screen and (max-width:767px) {
    .b-gray__content {
        padding: 25px 0
    }
}

@media (min-width:768px) {
    .b-document__col {
        width: 49%;
        padding-right: 50px;
        display: inline-block;
        vertical-align: top
    }
}

.b-document__item {
    min-height: 60px;
    position: relative;
    padding: 0 0 0 100px;
    margin: 0 0 25px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:767px) {
    .b-document__item {
        padding-left: 80px
    }
}

.b-document__item:hover .b-document__title span {
    border-bottom-color: transparent
}

.b-document__title {
    font-weight: 700;
    text-transform: uppercase;
    color: #b3b3b3
}

@media screen and (max-width:767px) {
    .b-document__title {
        font-size: 12px
    }
}

.b-document__title span {
    color: #264874;
    border-bottom: 1px solid #264874
}

.b-document__icon {
    width: 70px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0
}

.b-document__icon img {
    max-width: 100%
}

.b-main-object__icon {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    text-align: center;
    pointer-events: none;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

@media screen and (max-width:767px) {
    .b-main-object__icon {
        display: none;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }
}

.b-section__apartments {
    background: #f7f7f7
}
.b-section__apartments .container{
	width: 100%;
	max-width: 1200px;
}
.b-build__flor:after,
.b-section__apartments:after {
    display: table;
    content: "";
    clear: both
}

@media screen and (max-width:767px) {
    .b-section__apartments {
        display: none
    }
}

.b-liter__nav {
    width: 180px;
    min-height: 654px;
    padding: 75px 70px 0 0;
    margin-top: 16px;
    text-align: right;
    float: left;
    position: relative;
    background: url(../images/shadow.png) right top no-repeat
}

@media (min-width:1500px) {
/*
    .b-liter__nav {
        margin-left: -180px
    }
*/
}

.b-liter__nav-list {
    font-size: 16px;
    color: #b5b5b5
}

.b-liter__nav-list li {
    margin: 0 0 20px
}

.b-liter__nav-list a {
    color: #662c91;
    text-decoration: underline
}

.b-liter__content {
    text-align: left;
    padding-top: 90px
}

@media (min-width:768px) {
    .b-liter__content {
        float: left;
        width: calc(100% - 180px)
    }
}

@media (min-width:1500px) {
    .b-liter__content {
        /*width: auto;*/
    }
}






.b-liter__row{
	white-space: nowrap;
	overflow-x: auto;
}
.b-liter__col {
    display: inline-block;
    padding-left: 80px;
    white-space: normal;
		vertical-align: top;
}

@media (min-width:768px) {
    .b-liter__col {
        margin-bottom: 40px;
        margin-left: 40px
    }
}

.b-build {
    display: inline-block;
    border: 1px solid #b3b3b3;
    padding: 10px
}

.b-build__flor {
    height: 24px;
    position: relative
}

.b-build__flor-number {
    position: absolute;
    top: 2px;
    color: #b3b3b3;
    font-size: 12px;
    text-align: right
}

.b-build__cell {
    float: left;
    position: relative;
    padding: 3px
}

.b-build__cell a {
    outline: none
}

.b-build__cell:last-child .b-build-modal,
.b-build__cell:nth-last-child(2) .b-build-modal {
    left: auto;
    right: 20px
}

.b-build__item {
    width: 18px;
    height: 18px;
    color: #b3b3b3;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #b3b3b3
}

.b-build__item.available,
.b-build__item.reserved {
    cursor: pointer;
    color: #fff;
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

.b-build__item.available {
    background: #662c91;
    border-color: #662c91
}

.b-build__item.available:hover {
    background: #8238b8;
    border-color: #8238b8
}

.b-build__item.available+.b-build-modal .b-object__status-text {
    color: #662c91
}

.b-build__item.reserved {
    background: #ec9e69;
    border-color: #ec9e69
}

.b-build__item.reserved:hover {
    background: #f2bb96;
    border-color: #f2bb96
}

.b-build__item.reserved+.b-build-modal .b-object__status-text {
    color: #ec9e69
}

.b-liter__legend {
    padding: 35px 0
}

.b-legend__item {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 20px 20px;
    padding-left: 30px
}

.b-build-modal__img img,
.b-legend__item .b-build__item {
    position: absolute;
    left: 0;
    top: 4px
}

.b-legend__title {
    color: #6e95b3;
    font-size: 16px
}

.b-build-modal,
.b-modal-sm {
    position: absolute;
    display: none;
    z-index: 22
}

.b-modal-sm .b-build-modal {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.b-build-modal {
    width: 240px;
    top: 20px;
    left: 20px;
    background: #fff;
    border: 1px solid #e6e7e7;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
}

.b-build-modal__img {
    height: 240px;
    position: relative;
    border-bottom: 1px solid #e6e7e7
}

.b-build-modal__img img {
    max-height: 100%;
    max-width: 90%;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.b-build-modal__info {
    padding: 12px 15px;
    text-align: left
}

.b-object__status-text {
    font-size: 15px;
    font-weight: 700;
    margin-top: 15px
}

.reserved {
    color: #ec9e69
}

.available {
    color: #662c91
}

.b-compare__panel {
    height: 60px;
    position: fixed;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 90;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ffe345;
    -webkit-transition: 200ms ease-out height, 200ms ease-out background;
    transition: 200ms ease-out height, 200ms ease-out background
}

@media (min-width:768px) {
    .b-compare__panel {
        height: 80px
    }
    .b-compare__panel:hover {
        background: #ffeb78
    }
    .b-compare__panel:hover:hover .b-compare__panel-label {
        text-decoration: none
    }
    .b-compare__panel:active {
        background: #ffdb12
    }
    .b-compare__panel:not(.sm) .b-compare__del {
        top: 28px
    }
}

.b-compare__panel.sm {
    height: 50px
}

.b-compare__panel svg {
    fill: transparent;
    stroke: #0f1a22;
    stroke-width: 2px;
    display: inline-block;
    vertical-align: middle
}

.b-compare__panel-label {
    font-size: 16px;
    color: #414141;
    margin: 0 10px 0 15px;
    text-transform: uppercase;
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .b-compare__panel-label {
        font-size: 14px
    }
}

.b-compare__panel-num {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #ffe345;
    text-align: center;
    background: #0f1a22;
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width:767px) {
    .b-compare__panel-num {
        font-size: 14px
    }
}

.b-compare__del {
    position: absolute;
    right: 30px;
    top: 15px;
    cursor: pointer;
    font-style: italic;
    text-decoration: underline
}

.b-compare__del:after {
    content: "";
    width: 10px;
    height: 10px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/close.svg) no-repeat;
    background-size: 100%
}

@media screen and (max-width:767px) {
    .b-compare__del {
        display: none
    }
}

.b-build__flor-number a:hover,
.b-compare__del:hover {
    text-decoration: none
}

.b-select__liter {
    background: #222323;
    color: #e0e4e6;
    font-size: 14px;
    line-height: 1;
    font-weight: 300;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 10px;
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out;
    position: relative;
    z-index: 100
}

.b-select__liter:hover {
    background: #2f3030
}

.b-select__liter svg {
    fill: #fff;
    margin-right: 10px
}

.b-section__compare {
    background: #fff;
    padding: 30px 0
}

@media screen and (max-width:767px) {
    .b-section__compare {
        height: auto!important
    }
}

.b-section__compare .container {
    width: 100%;
    max-width: 1330px
}

.b-compare:after {
    display: table;
    content: "";
    clear: both
}

.b-compare .b-object__button {
    float: none;
    width: auto;
    display: inline-block
}

@media (min-width:768px) {
    .b-compare .b-object__button {
        padding-left: 45px;
        padding-right: 45px;
        margin-top: -9px;
        margin-bottom: 2px
    }
}

@media screen and (max-width:767px) {
    .b-compare .b-object__button {
        width: 100%
    }
}

.b-compare__left {
    width: 250px;
    position: absolute;
    left: 0;
    z-index: 3
}

@media screen and (max-width:767px) {
    .b-compare__left {
        width: 95px
    }
}

.b-compare__left:after,
.b-compare__left:before {
    content: "";
    position: absolute;
    right: 0;
    width: 100px
}

.b-compare__left:before {
    background: #fff;
    z-index: 2;
    top: -30px;
    bottom: -170px
}

.b-compare__left:after {
    top: -15px;
    bottom: -155px;
    box-shadow: 10px 0 15px rgba(0, 0, 0, .05);
    border-radius: 30px
}

@media screen and (max-width:767px) {
    .b-compare__left:after {
        bottom: -100px
    }
}

.b-compare__left .b-compare__row:nth-child(2n-1):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 2000px;
    background: #f7f7f7
}

.b-compare__left .b-compare__row:first-child .b-compare__label {
    margin-top: 80px
}

.b-compare__left .b-compare__row:first-child:before {
    display: none
}

.b-compare__right {
    margin-left: 250px;
    white-space: nowrap
}

@media screen and (max-width:767px) {
    .b-compare__right {
        margin-left: 95px
    }
}

.b-compare__right .b-object__title {
    max-width: 160px;
    margin: 0 0 25px;
    text-align: left
}

.b-compare__container {
    font-size: 0;
    text-align: left;
    overflow-y: hidden;
    overflow-x: auto!important;
    position: relative
}

.b-compare__container:last-child {
    margin-bottom: 50px
}

@media screen and (max-width:767px) {
    .b-compare__container:last-child {
        margin-bottom: 70px
    }
}

.b-compare__col {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 330px
}

@media (min-width:768px) {
    .b-compare__col .b-compare__row {
        padding-left: 60px
    }
}

@media screen and (max-width:767px) {
    .b-compare__col {
        width: 220px;
        text-align: left
    }
    .b-compare__col .b-compare__row {
        padding-left: 15px;
        padding-right: 15px
    }
}

.b-compare__row {
    min-height: 40px;
    padding-top: 8px;
    padding-right: 20px;
    background: #fff;
    position: relative;
    text-align: left;
    z-index: 2
}

@media screen and (max-width:767px) {
    .b-compare__row {
        padding-right: 5px;
        padding-bottom: 5px
    }
}

.b-compare__row:nth-child(2n-1) {
    background: #f7f7f7
}

.b-compare__row:first-child {
    background: #fff
}

.b-compare__label {
    color: #0f1922;
    font-size: 16px;
    text-align: right
}

@media screen and (max-width:767px) {
    .b-compare__label {
        font-size: 12px
    }
}

.b-object__del {
    padding: 20px 0
}

.b-object__del-link {
    font-size: 12px;
    font-style: italic;
    color: #5d7373;
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out
}

.b-object__del-link:hover {
    color: #000;
    text-decoration: underline
}

.b-object__del-link:before {
    content: "";
    display: inline-block;
    background-image: url(../images/ico-sbb731b1b89.png);
    background-repeat: no-repeat;
    background-position: 0 -251px;
    height: 13px;
    width: 13px;
    vertical-align: middle;
    margin-right: 5px
}

.b-compare__object-img {
    height: 240px;
    margin: 15px 0;
    display: block
}

.b-compare__object-img img {
    max-width: 100%;
    max-height: 210px
}

@media (min-width:768px) {
    .b-compare__book {
        padding: 45px 0 45px 60px;
        text-align: left
    }
    .b-compare__book .button {
        padding-left: 45px;
        padding-right: 45px
    }
}

@media screen and (max-width:767px) {
    .b-compare__book {
        padding: 15px
    }
    .b-compare__book .button {
        width: 100%
    }
}

.b-compare__save {
    text-align: center
}

@media (min-width:768px) {
    .b-compare__save {
        padding: 30px 195px 60px 0
    }
    .b-compare__save .button {
        padding-left: 45px;
        padding-right: 45px
    }
}

@media screen and (max-width:767px) {
    .b-compare__save {
        margin-left: -90px;
        margin-top: 40px;
        position: relative;
        z-index: 8
    }
}

.b-apartments {
    background: #f7f7f7;
    margin-bottom: 90px
}

.b-apartments .b-section__block,
.b-apartments+.b-section__partners {
    background: #fff
}

@media screen and (max-width:767px) {
    .b-apartments {
        padding-top: 30px;
        margin-bottom: 35px
    }
}

@media (min-width:768px) {
    .b-apartment__top {
        background-color: #fff;
        *zoom: 1;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FFF7F7F7');
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
        background-size: 100%;
        background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fff), color-stop(50%, #fff), color-stop(50%, #fff), color-stop(50%, #f7f7f7), color-stop(100%, #f7f7f7));
        background-image: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #fff 50%, #f7f7f7 50%, #f7f7f7 100%);
        background-image: linear-gradient(to right, #fff 0%, #fff 50%, #fff 50%, #f7f7f7 50%, #f7f7f7 100%)
    }
    .b-apartment__top:after {
        display: table;
        content: "";
        clear: both
    }
}

@media screen and (max-width:767px) {
    .b-apartment__top {
        padding-bottom: 30px
    }
}

@media (min-width:768px) {
    .b-apartment__left {
        width: 50%;
        float: left;
        padding: 135px 0 40px
    }
}

.b-apartment__right .b-object__table td:first-child {
    font-style: normal
}

@media (min-width:768px) {
    .b-apartment__right {
        width: 50%;
        float: left;
        padding: 40px 0 40px 75px
    }
    .b-apartment__right .b-breadcrumb,
    .b-apartment__right .b-object__title {
        margin-bottom: 70px;
        padding-left: 18px
    }
    .b-apartment__right .b-object__table {
        margin-bottom: 70px;
        margin-left: -5px
    }
    .b-apartment__right .b-object__table table+table {
        margin-top: 25px
    }
    .b-apartment__right .b-object__table td {
        padding-top: 3px;
        padding-bottom: 3px
    }
    .b-apartment__right .b-object__table td:first-child {
        width: 190px;
        text-align: right;
        padding-right: 25px
    }
    .b-apartment__right .b-object__table td:last-child {
        padding-left: 25px
    }
    .b-apartment__right .b-apartment__buttons,
    .b-apartment__right .b-apartment__social {
        margin-left: -5px
    }
}

@media screen and (max-width:767px) {
    .b-apartment__right .b-object__table td {
        padding-top: 1px;
        padding-bottom: 1px
    }
    .b-apartment__right .b-object__table td:first-child {
        width: 155px;
        text-align: right;
        padding-right: 20px;
        font-style: normal
    }
    .b-apartment__right .b-object__table table+table {
        margin-top: 30px
    }
}

@media (min-width:768px) {
    .b-apartment__plan {
        width: 590px;
        height: 632px;
        font-size: 0;
        margin: -80px 0 60px -90px;
        position: relative
    }
    .b-apartment__plan img {
        max-width: 100%;
        max-height: 90%;
    }
}

@media screen and (max-width:767px) {
    .b-apartment__plan {
        padding: 40px 0 20px
    }
    .b-apartment__plan img {
        max-width: 100%
    }
    .b-apartment__plan .b-wide__button {
        display: none
    }
}

.b-view-window__link {
    font-size: 12px;
    text-transform: uppercase;
    color: #0679c1;
    font-weight: 600;
    margin-left: 105px;
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-view-window__link:hover {
    color: #0d9bc4;
    text-decoration: underline
}

.b-view-window__link:before {
    content: "";
    vertical-align: middle;
    margin-right: 13px;
    display: inline-block;
    background-image: url(../images/ico-sbb731b1b89.png);
    background-repeat: no-repeat;
    background-position: 0 -956px;
    height: 45px;
    width: 45px
}

@media screen and (max-width:767px) {
    .b-breadcrumb {
        margin-bottom: 30px
    }
}

.b-breadcrumb__item {
    color: #8d8d8d;
    text-transform: uppercase;
    text-decoration: underline;
    margin-right: 20px;
    position: relative
}

@media screen and (max-width:767px) {
    .b-breadcrumb__item {
        font-size: 12px;
        margin-right: 15px
    }
    .b-breadcrumb__item:before {
        right: -12px
    }
}

.b-breadcrumb__item:last-child:before {
    display: none
}

.b-breadcrumb__item:before {
    content: "";
    width: 12px;
    height: 1px;
    background: #8d8d8d;
    position: absolute;
    right: -17px;
    top: 0;
    bottom: 0;
    margin: auto
}

.b-apartment__social {
    text-align: center;
    margin-bottom: 25px
}

@media (min-width:768px) {
    .b-apartment__social {
        padding-right: 55px
    }
}

@media screen and (max-width:767px) {
    .b-apartment__social {
        margin-bottom: 30px
    }
}

.b-send__link {
    color: #c81fca;
    -webkit-transition: 200ms;
    transition: 200ms
}

@media screen and (max-width:767px) {
    .b-send__link {
        margin-right: 10px
    }
}

.b-apartment__share {
    display: inline-block;
    vertical-align: middle
}

@media (min-width:768px) {
    .b-apartment__share {
        margin-left: 50px
    }
}

.b-apartment__buttons:after {
    display: table;
    content: "";
    clear: both
}

@media (min-width:768px) {
    .b-apartment__buttons {
        padding-right: 35px
    }
}

@media screen and (max-width:767px) {
    .b-apartment__buttons {
        margin: 0 -5px
    }
}

.b-apartment__buttons .button {
    float: left;
    height: 44px;
    width: 50%;
    padding-top: 15px
}

@media screen and (max-width:767px) {
    .b-apartment__buttons .button {
        width: 48%;
        font-size: 12px;
        font-weight: 400;
        padding-top: 17px
    }
}

.b-apartment__buttons .b-object__button {
    height: 44px;
    padding-top: 11px;
    border-right: 1px solid #e6e7e7;
    border-bottom: 1px solid #e6e7e7
}

@media screen and (max-width:767px) {
    .b-apartment__buttons .b-object__button {
        width: 52%;
        padding-top: 14px
    }
    .b-apartment__buttons .b-object__button svg {
        margin-left: 4px
    }
}

.b-apartment__floor-plan {
    background: #fff;
    padding: 50px 0;
    text-align: center
}

.b-apartment__floor-plan .b-object__title,
.b-flor-plan__img {
    margin: 0 0 45px
}

@media (min-width:768px) {
    .b-apartment__floor-plan div.floor_plan_img {
        margin-left: -50px
    }
}

@media screen and (max-width:767px) {
    .b-apartment__floor-plan {
        display: none
    }
}

.b-apartment__download {
    display: inline-block;
    position: relative;
    z-index: 20
}

.b-apartment__photos {
    font-size: 0;
    position: relative
}

@media screen and (max-width:767px) {
    .b-apartment__photos .b-wide__button {
        display: none
    }
}

.b-photo__item img {
    width: 100%
}

.b-object--pattern {
    padding-top: 70px;
    background: #f7f7f7;
    position: relative
}

.b-object--pattern:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: url(../images/pattern_top.jpg)
}

.b-object--pattern .b-medium__title {
    text-align: center
}

.b-search-icon {
    display: inline-block;
    background-image: url(../images/ico-sbb731b1b89.png);
    background-repeat: no-repeat;
    background-position: 0 -841px;
    height: 45px;
    width: 45px;
    vertical-align: middle;
    margin-right: 5px
}

@media screen and (max-width:767px) {
    .b-search-icon {
        display: block;
        margin: 0 auto 15px
    }
}

.b-button__box {
    padding: 60px 0;
    text-align: center
}

@media screen and (max-width:767px) {
    .b-button__box {
        padding: 30px 0
    }
    .b-section__plan-head {
        height: auto
    }
}

.b-section__plan {
    height: auto;
    padding: 0 0 40px
}

@media screen and (max-width:767px) {
    .b-section__plan {
        padding: 40px 0
    }
    .b-section__plan .b-medium__title {
        text-align: left
    }
}

.b-plan__group {
    margin: 30px 0 60px;
    width: 100%;
    display: inline-block
}

.b-plan__group:last-child {
    margin-bottom: 0
}

.b-plan__group .b-medium__title {
    padding-left: 85px
}

.b-plan__group .b-medium__subtitle {
    text-align: center
}

.b-contact-spacialist {
    background: #fff;
    position: relative;
    margin-top: -60px;
    margin-bottom: -10%
}

@media (min-width:768px) {
    .b-contact-spacialist {
        padding: 160px 0 310px
    }
}

@media screen and (max-width:767px) {
    .b-contact-spacialist {
        padding: 100px 0;
        text-align: center;
        margin-bottom: -15%
    }
}

.b-contact-spacialist:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 103px;
    background: url(../images/pattern_w_bt.jpg)
}

.b-contact-spacialist .b-container__box {
    padding: 10px 0 0 150px
}

@media (min-width:768px) and (max-width:1400px) {
    .b-contact-spacialist .b-container__box {
        padding: 10px 0 0 200px
    }
}

@media screen and (max-width:767px) {
    .b-contact-spacialist .b-container__box {
        padding: 0
    }
}

.b-contact-spacialist__title {
    font-size: 40px;
    line-height: 40px;
    color: #8dabc1;
    text-transform: uppercase;
    font-weight: 300;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

@media screen and (max-width:767px) {
    .b-contact-spacialist__title {
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 30px
    }
}

.b-contact-spacialist__item {
    min-height: 150px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative
}

@media (min-width:768px) {
    .b-contact-spacialist__item {
        width: 400px;
        padding-left: 200px
    }
    .b-contact-spacialist__item:hover .b-leader__image:after,
    .b-contact-spacialist__item:hover .b-leader__image:before {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .b-contact-spacialist__item .b-leader__image {
        position: absolute;
        left: 0;
        top: 0
    }
}

.b-contact-spacialist__item p {
    color: #0f1a22
}

.b-contact-spacialist__name {
    font-size: 40px;
    line-height: 41px;
    color: #8dabc1;
    font-weight: 300;
    margin: 0 0 10px
}

@media screen and (max-width:767px) {
    .b-contact-spacialist__name {
        font-size: 30px;
        line-height: 1
    }
}

@media (min-width:768px) {
    .b-plan__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .b-plan__grid.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .b-plan__grid.top-plan {
        padding: 100px 0;
        background-color: #fff;
        *zoom: 1;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FFF7F7F7');
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
        background-size: 100%;
        background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fff), color-stop(50%, #fff), color-stop(50%, #fff), color-stop(50%, #f7f7f7), color-stop(100%, #f7f7f7));
        background-image: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #fff 50%, #f7f7f7 50%, #f7f7f7 100%);
        background-image: linear-gradient(to right, #fff 0%, #fff 50%, #fff 50%, #f7f7f7 50%, #f7f7f7 100%)
    }
    .b-plan__grid.top-plan .b-plan__content {
        padding-right: 60px
    }
    .b-plan__col {
        width: 50%
    }
    .b-plan__content {
        max-width: 600px;
        float: right;
        padding: 0 80px 0 0
    }
    .b-plan__content.left {
        float: left;
        padding: 0 0 0 80px
    }
}

@media screen and (max-width:767px) {
    .b-plan__content {
        padding: 0 20px 30px
    }
}

@media (min-width:768px) {
    .b-plan__legend {
        padding: 0 0 0 95px
    }
}

@media screen and (max-width:767px) {
    .b-plan__legend {
        padding: 30px 20px
    }
}

.b-block__elem--hutor {
    padding: 20px 20px 35px!important
}

.b-block__elem--hutor .b-block__flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b-block__elem--hutor .b-block__plan:first-child {
    margin-right: 0!important
}

.b-legend-nav__block {
    width: 320px;
    margin-left: 80px
}

.b-legend-nav__block .blue-dark {
    letter-spacing: normal;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0
}

.b-legend-nav__block .b-legend-nav__description {
    margin-bottom: 40px
}

.b-legend-nav__block .b-legend-nav__description .b-legend-nav__title {
    font-size: 25px;
    text-transform: none
}

.b-legend-nav__block .b-legend-nav__description p {
    font-weight: 300;
    font-style: italic;
    color: #0f1a22;
    font-size: 18.78px
}

.b-legend-nav__block .b-legend-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-legend-nav__block .b-legend-nav__item .b-legend-nav__title {
    color: #b1a8a0
}

.b-legend-nav__item {
    min-height: 60px;
    font-size: 16px;
    color: #0f1a22;
    padding-left: 85px;
    position: relative;
    margin-bottom: 25px
}

@media screen and (max-width:767px) {
    .b-legend-nav__item {
        font-size: 14px
    }
}

.b-legend-nav__item:last-child {
    margin-bottom: 0
}

.b-legend-nav__item p,
.b-plan__head p,
.b-plan__object-info p {
    font-weight: 300;
    font-style: italic
}

.b-legend-nav__icon img,
.b-legend-nav__item .b-legend-nav__icon,
.b-plan__object:before {
    position: absolute;
    left: 0;
    top: 0
}

.b-legend-nav__icon {
    width: 60px;
    height: 60px;
    position: relative;
    background: #fff;
    border: 1px solid #e6e7e7;
    border-radius: 50%;
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-legend-nav__icon img {
    bottom: 0;
    right: 0;
    margin: auto
}

.b-legend-nav__title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 5px;
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-plan__box {
    max-width: 600px
}

@media screen and (max-width:767px) {
    .b-plan__box {
        text-align: center;
        padding-top: 30px
    }
    .b-plan__box,
    .b-plan__box img {
        max-width: 100%
    }
}

.b-plan__object {
    height: 640px;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:767px) {
    .b-plan__object {
        height: 350px
    }
}

.b-plan__object:before {
    content: "";
    bottom: 0;
    right: 0;
    opacity: .7;
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .65)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 100%)
}

.b-plan__object-info {
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 25px;
    bottom: 15px
}

@media screen and (max-width:767px) {
    .b-plan__object-info {
        font-size: 14px
    }
}

.b-plan__head {
    width: 100%;
    max-width: 500px;
    color: #0f1a22;
    font-size: 18px;
    padding: 20px 0 15px
}

@media screen and (max-width:767px) {
    .b-plan__head {
        font-size: 14px
    }
}

.b-plan__head .b-object-tile__title {
    color: #0f1a22
}

.b-plan__head .b-legend-nav__icon {
    float: right
}

.b-plan__button {
    padding-top: 15px
}

.b-plan__button .search-icon {
    margin-right: 15px
}

.b-plan__button .button {
    font-weight: 400;
    padding-left: 20px;
    padding-right: 35px
}

.b-section__block {
    height: auto;
    background: #f7f7f7;
    padding: 20px 0
}

.b-block__list {
    margin: 0 0 35px
}

@media screen and (max-width:767px) {
    .b-block__list+.b-text__box {
        padding-top: 20px
    }
}

.b-block__elem {
    background: #fff;
    padding: 15px 25px;
    margin: 0 0 20px
}

.b-block__elem.sm {
    padding: 15px 100px
}

.b-block__elem.sm .b-block__flex {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial
}

.b-block__elem .b-block__plan:first-child,
.b-block__elem.sm .b-block__plan:first-child {
    margin-right: 35px
}

.b-block__elem .b-legend-nav__item:first-child {
    margin-right: 65px
}

.b-block__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:768px) {
    #worker-popup {
        margin-top: 80px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:767px) {
    #worker-popup {
        margin: 0!important
    }
}

.b-popup {
    width: 100%;
    max-width: 470px;
    background: #294d78;
    padding: 35px;
    border-radius: 3px;
    color: #fff;
    overflow: visible;
    display: none
}

@media screen and (max-width:767px) {
    .b-popup {
        padding: 35px 20px
    }
}

.b-popup .b-medium__title {
    color: #fff;
    text-align: center;
    margin: 0 0 40px
}

@media (min-width:768px) {
    .b-popup .fancybox-close-small {
        display: none
    }
}

.b-popup .b-fieldset {
    margin-bottom: 20px
}

.b-popup .b-field {
    height: 40px;
    padding: 0 15px
}

.b-popup textarea.b-field {
    height: 100px
}

@media screen and (max-width:767px) {
    .b-popup textarea.b-field {
        height: 85px
    }
}

.b-popup .b-fieldset__label {
    font-size: 12px;
    top: 12px;
    left: 15px
}

.b-popup .b-leader__item {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    pointer-events: none
}

@media (min-width:768px) {
    .b-popup .b-leader__item {
        margin-top: -110px
    }
}

.b-footer__nav a,
.b-popup .b-leader__title {
    color: #fff
}

.b-popup .b-leader__post {
    color: #abacae
}

@media screen and (max-width:767px) {
    .b-popup .b-leader__item {
        margin-top: -15px
    }
}

.b-popup .b-leader__item.lg .b-leader__image {
    width: 151px;
    height: 151px
}

@media screen and (max-width:767px) {
    .b-popup .b-leader__item.lg .b-leader__image {
        width: 120px;
        height: 120px
    }
}

.b-popup .b-leader__item .b-leader__image {
    margin-bottom: 10px
}

@media screen and (max-width:767px) {
    .b-popup .b-leader__item .b-leader__image {
        width: 120px;
        height: 120px
    }
}

.b-popup .b-leader__item .b-leader__title {
    font-size: 20px;
    margin-bottom: 2px
}

@media screen and (max-width:767px) {
    .b-popup .b-leader__item .b-leader__title {
        font-size: 16px;
        line-height: 1
    }
}

.b-popup .b-leader__item .b-leader__post {
    font-size: 13px
}

.about_info_page .b-leader__item:hover .b-leader__image:after,
.about_info_page .b-leader__item:hover .b-leader__image:before,
.mobile-subnav {
    display: none
}

@media screen and (max-width:767px) {
    .mobile-subnav {
        display: block;
        position: relative;
        z-index: 2;
        background: rgba(23, 24, 32, .8);
        padding: 15px 30px;
        margin-top: 110px
    }
    .mobile-subnav .b-medium__title {
        font-size: 20px;
        text-align: left;
        color: #fff;
        margin: 0 0 10px
    }
    .mobile-subnav li {
        color: #a9d0ed;
        font-size: 18px;
        font-style: italic;
        margin: 0 0 10px
    }
    .mobile-subnav li:last-child {
        margin: 0
    }
}

.b-section__infographics {
    position: relative
}

@media screen and (max-width:767px) {
    .b-section__infographics {
        display: none
    }
}

.b-section__infographics .apartment_count_block_wrapper,
.circle_column {
    position: absolute;
    top: -153px;
    width: 100%
}

.b-section__infographics .apartment_count_block_wrapper:after {
    display: block;
    content: " ";
    width: 100%;
    height: 3px;
    background: #2972c5;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.b-section__infographics .apartment_count_block_wrapper .container {
    overflow: visible;
    position: relative;
    z-index: 10
}

.b-section__infographics .apartment_count_block_wrapper .container .apartment_count_block {
    position: relative;
    width: 100%;
    padding: 18px 0 95px;
    text-align: center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxNWM5ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI5NzJjNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #215c9e), color-stop(100%, #2972c5));
    background-image: -webkit-linear-gradient(bottom, #215c9e 0%, #2972c5 100%);
    background-image: linear-gradient(to top, #215c9e 0%, #2972c5 100%);
    z-index: 1
}

.b-section__infographics .apartment_count_block_wrapper .container .apartment_count_block span {
    display: block;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 7px
}

.b-section__infographics .apartment_count_block_wrapper .container .apartment_count_block span b {
    font-weight: 800
}

.b-section__infographics .apartment_count_block_wrapper .container .apartment_count_block div {
    position: absolute;
    text-align: center;
    bottom: 23px;
    width: 100%
}

.b-section__infographics .ask_flag_block {
    background: url(../images/ask_flag.jpg) no-repeat;
    background-size: cover;
    padding-top: 45px;
    padding-bottom: 45px
}

.b-section__infographics .ask_flag_block .left_circle {
    float: left;
    width: 30%;
    text-align: center
}

.b-section__infographics .ask_flag_block .left_circle .circle_dashed {
    background: url(../images/left_circle.png) no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

.b-section__infographics .ask_flag_block .left_circle span,
.b-section__infographics .ask_flag_block .right_circle span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 10px
}

.b-section__infographics .ask_flag_block .right_circle {
    float: right;
    width: 30%;
    text-align: center
}

.b-section__infographics .ask_flag_block .right_circle .circle_dashed {
    background: url(../images/right_circle.png) no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

.b-section__infographics .ask_flag_block .circle_dashed {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    height: 140px;
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    padding-top: 90px
}

.b-section__infographics .container {
    position: relative
}

.circle_column {
    z-index: 1;
    top: -140px;
    max-width: 1000px
}

.circle_column .central_column {
    position: relative;
    margin: 0 auto;
    background: url(../images/yellow_line.png) repeat-y top center;
    width: 536px;
    height: 1517px
}

.circle_column .central_column .big_circle {
    width: 536px;
    height: 540px;
    padding-top: 176px;
    font-size: 93px;
    color: #fff;
    font-weight: 700;
    background: url(../images/big_circle.png) no-repeat;
    background-size: 536px 540px;
    background-position: 14px top;
    text-align: center;
    position: relative;
    top: -30px
}

.circle_column .central_column .big_circle .quad_meters {
    padding-left: 15px;
    font-weight: 800
}

.circle_column .central_column .big_circle .meters {
    font-size: 37px;
    color: #fff;
    font-weight: 700;
    vertical-align: baseline
}

.circle_column .central_column .big_circle .sup {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    vertical-align: super
}

.circle_column .central_column .big_circle .note {
    font-size: 30px;
    color: #fff;
    display: block;
    margin-top: -23px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1.6px
}

.circle_column .central_column .small_circle {
    width: 118px;
    height: 119px;
    background: url(../images/yellow_point.png) no-repeat;
    background-size: 118px 119px;
    background-position: 50% 50%;
    margin-left: 222px
}

.circle_column .central_column .mid_circle {
    width: 497px;
    height: 226px;
    background: url(../images/crane.png) no-repeat;
    background-size: 497px 226px;
    background-position: 50% 50%;
    margin-left: -115px;
    margin-top: 50px
}

.circle_column .central_column .small_circle:nth-child(2) {
    margin-top: -30px
}

.circle_column .central_column .small_circle:nth-child(3) {
    margin-top: 210px
}

.circle_column .central_column .small_circle:nth-child(5) {
    margin-top: 230px
}

.inner_block .years_image {
    width: 384px;
    height: 361px;
    background: url(../images/6_years_ASK.svg?123) no-repeat;
    background-size: 384px 361px;
    background-position: 50% 50%;
    margin-left: -70px;
    margin-top: 50px;
    float: left
}

.inner_block .text_item {
    width: 405px;
    float: right;
    margin-top: 225px;
    margin-right: -120px
}

.inner_block .text_item h4 {
    font-size: 23px;
    color: #24353f;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
    letter-spacing: -.6pt
}

.inner_block .text_item p {
    font-size: 14px;
    color: #24353f
}

.inner_block .happy_clients {
    position: relative
}

.inner_block .happy_clients .big_circle_img {
    width: 416px;
    height: 416px;
    background: url(../images/happy_clients.png) no-repeat;
    background-size: 416px 416px;
    background-position: 50% 50%;
    float: left;
    margin-right: -15px
}

.inner_block .happy_clients .info_clients {
    position: absolute;
    right: -75px;
    top: 160px
}

.inner_block .happy_clients .info_clients span {
    font-size: 120px;
    color: #19387f;
    font-weight: 800;
    float: left;
    font-family: "Open Sans"
}

.inner_block .happy_clients .info_clients .text_image {
    float: left;
    margin-left: -50px
}

.inner_block .happy_clients .info_clients .text_image img {
    width: 397px;
    height: 212px
}

.inner_block .buildings_count {
    position: relative;
    margin-top: 70px
}

.inner_block .buildings_count .big_circle_img {
    width: 416px;
    height: 416px;
    background: url(../images/buildings.png) no-repeat;
    background-size: 416px 416px;
    background-position: 50% 50%;
    float: right;
    margin-right: 15px
}

.inner_block .buildings_count .info_clients {
    position: absolute;
    left: -15px;
    top: 100px;
    z-index: 100
}

.complexes_block .complexes_count span,
.inner_block .buildings_count .info_clients span {
    font-size: 120px;
    color: #3073c5;
    font-weight: 800;
    float: left;
    font-family: "Open Sans"
}

.inner_block .buildings_count .info_clients .text_image {
    float: left;
    margin-left: -57px;
    position: relative
}

.inner_block .buildings_count .info_clients .text_image img {
    width: 301px;
    height: auto
}

.inner_block .buildings_count .info_clients .text_image a.button {
    position: absolute;
    left: 31px;
    bottom: -20px;
    padding-left: 15px;
    padding-right: 15px;
    width: 280px
}

.inner_block .buildings_count .info_clients .text_image a.button span {
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
    font-size: 14px;
    float: none;
    color: #fff;
    margin-left: 6px
}

.complexes_block,
.complexes_block ul li a {
    text-align: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.complexes_block {
    margin-top: 51px;
    padding-bottom: 85px
}

.complexes_block:after,
.complexes_block:before {
    display: block;
    content: " ";
    position: absolute;
    top: -380px;
    width: 140px;
    height: 304px;
    z-index: -1
}

.complexes_block:before {
    left: 0;
    background: url(../images/left_gray_line.png) no-repeat 0 0
}

.complexes_block:after {
    right: 0;
    background: url(../images/right_gray_line.png) no-repeat 0 0
}

.complexes_block .complexes_count {
    margin: 30px auto 0;
    display: inline-block;
    vertical-align: top
}

.complexes_block .complexes_count span {
    color: #fff
}

.complexes_block .complexes_count .text_image {
    float: left;
    margin-left: -44px
}

.complexes_block .complexes_count .text_image img {
    width: 402px;
    height: 207px
}

.complexes_block ul {
    width: 1130px;
    margin: 40px auto
}

.complexes_block ul li {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    text-align: center;
    margin-bottom: 60px
}

.complexes_block ul li a {
    display: block;
    color: #fff;
    font-size: 20px;
    opacity: 1;
    text-transform: uppercase
}

.complexes_block ul li a:hover,
div.floor_plan_img g:hover,
polygon:hover,
polyline:hover,
rect:hover {
    cursor: pointer
}

.complexes_block ul li a img {
    width: 83px;
    height: auto;
    display: block;
    margin: 0 auto
}

.complexes_block ul li a b {
    font-weight: 700;
    color: #fff
}

.b-section__soc_projects,
.complexes_block {
    position: relative;
    background: #19387f
}

.b-section__soc_projects:before {
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 100%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 100%)
}

.b-section__soc_projects:after {
    display: block;
    content: " ";
    background: #19387f;
    -webkit-transform: skew(4deg) rotate(4deg);
    -ms-transform: skew(4deg) rotate(4deg);
    transform: skew(4deg) rotate(4deg);
    position: absolute;
    bottom: -114px;
    height: 250px;
    left: 0;
    right: 1px;
    z-index: 1
}

.b-section__soc_projects .soc_proj_head {
    position: absolute;
    z-index: 0;
    width: 100%;
    margin-top: 70px
}

@media screen and (max-width:767px) {
    .b-section__soc_projects .soc_proj_head {
        margin-top: 40px
    }
}

.b-section__soc_projects .soc_proj_head .img_block {
    width: 729px;
    height: 551px;
    margin: 0 auto;
    background: url(../images/social_projects.png) no-repeat;
    background-size: 729px 551px;
    background-position: 50% 50%
}

@media screen and (max-width:767px) {
    .b-section__soc_projects .soc_proj_head .img_block {
        width: 300px;
        height: 227px;
        background: url(../images/social_projects.png) no-repeat;
        background-size: 300px 227px;
        background-position: 50% 50%
    }
}

.b-section__soc_projects .button_block {
    position: relative;
    z-index: 10;
    margin-top: 50px
}

.b-section__soc_projects ul {
    position: relative;
    z-index: 10;
    width: 1130px;
    margin: 0 auto
}

.b-section__soc_projects ul.fst_list {
    padding-top: 580px
}

@media screen and (max-width:767px) {
    .b-section__soc_projects ul.fst_list {
        width: 100%;
        padding-top: 280px
    }
}

.b-section__soc_projects ul.snd_list {
    width: 960px
}

@media screen and (max-width:767px) {
    .b-section__soc_projects ul.snd_list {
        width: 100%
    }
}

.b-section__soc_projects ul li {
    margin-top: -80px
}

@media screen and (max-width:767px) {
    .b-section__soc_projects ul li {
        margin-top: 0;
        float: none;
        width: 100%
    }
}

.b-section__soc_projects ul li:nth-child(odd) {
    float: left;
    width: 60%
}

@media screen and (max-width:767px) {
    .b-section__soc_projects ul li:nth-child(odd) {
        width: 100%
    }
}

.b-section__soc_projects ul li:nth-child(odd) h5:before {
    display: inline-block;
    content: "| ";
    color: #ffbb02;
    font-weight: 700;
    padding-right: 6px;
    position: relative;
    top: -2px
}

.b-section__soc_projects ul li:nth-child(even) {
    float: right;
    width: 60%;
    text-align: right
}

@media screen and (max-width:767px) {
    .b-section__soc_projects ul li:nth-child(even) {
        width: 100%
    }
}

.b-section__soc_projects ul li:nth-child(even) h5:after {
    display: inline-block;
    content: " |";
    color: #ffbb02;
    font-weight: 700;
    padding-left: 6px;
    position: relative;
    top: -2px
}

.b-section__soc_projects ul li:nth-child(even) img {
    float: right
}

@media screen and (max-width:767px) {
    .b-section__soc_projects ul li:nth-child(even) img {
        float: none
    }
}

.b-section__soc_projects ul li img {
    display: inline-block;
    vertical-align: top;
    width: 308px
}

@media screen and (max-width:767px) {
    .b-section__soc_projects ul li img {
        display: block;
        width: 100%
    }
}

.b-section__soc_projects ul li div {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 328px);
    margin-top: 100px
}

@media screen and (max-width:767px) {
    .b-section__soc_projects ul li div {
        width: 100%;
        display: block;
        margin-top: 0;
        margin-bottom: 30px;
        padding-left: 25px;
        padding-right: 25px
    }
}

.b-section__soc_projects ul li div h5 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 6px
}

.b-section__soc_projects ul li div p {
    font-size: 14px;
    color: #fff
}

.b-section__soc_projects .b-footer__light-spot {
    top: 0;
    opacity: .6
}

.b-section__box_events {
    position: relative;
    background: #005eaa;
    padding-top: 150px
}

.b-section__box_events:after {
    display: block;
    content: " ";
    background: #005eaa;
    -webkit-transform: skew(4deg) rotate(4deg);
    -ms-transform: skew(4deg) rotate(4deg);
    transform: skew(4deg) rotate(4deg);
    position: absolute;
    bottom: -140px;
    height: 276px;
    left: 0;
    right: 0;
    z-index: 1
}

@media screen and (max-width:767px) {
    .b-section__box_events:after {
        bottom: -60px;
        height: 194px;
        right: 1px
    }
}

.b-section__box_events .box_events_wrapper {
    width: 100%;
    position: relative;
    z-index: 10
}

.b-section__box_events .box_events_wrapper:before {
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    top: 110px;
    background: url(../images/left_gray_line.png) no-repeat 0 0;
    width: 140px;
    height: 304px
}

@media screen and (max-width:767px) {
    .b-section__box_events .box_events_wrapper:before {
        display: none
    }
}

.b-section__box_events .box_events_wrapper:after {
    display: block;
    content: " ";
    position: absolute;
    right: 0;
    top: 110px;
    background: url(../images/right_gray_line.png) no-repeat 0 0;
    width: 140px;
    height: 304px
}

@media screen and (max-width:767px) {
    .b-section__box_events .box_events_wrapper:after {
        display: none
    }
}

.b-section__box_events .text_block_wrapper {
    width: 1220px;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width:767px) {
    .b-section__box_events .text_block_wrapper {
        width: 100%
    }
}

.b-section__box_events .boxer {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 482px;
    height: 551px;
    background: url(../images/boxer.png) no-repeat;
    background-size: 482px 551px;
    background-position: 50% 50%;
    text-indent: -9999px
}

@media screen and (max-width:767px) {
    .b-section__box_events .boxer {
        position: static;
        background: 0;
        color: #19397f;
        font-size: 32px;
        font-weight: 700;
        width: 100%;
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
        text-transform: uppercase;
        text-indent: 0
    }
}

.b-section__box_events .text_block {
    position: relative;
    width: 720px;
    margin-left: 440px;
    z-index: 20
}

@media screen and (max-width:767px) {
    .b-section__box_events .text_block {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0;
        margin-right: 0
    }
}

.b-section__box_events .text_block h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    padding-left: 55px;
    padding-bottom: 40px;
    text-transform: uppercase;
    padding-top: 20px
}

@media screen and (max-width:767px) {
    .b-section__box_events .text_block h3 {
        padding-left: 0;
        padding-bottom: 30px
    }
}

.b-section__box_events .text_block ul li {
    width: 45%;
    float: left;
    padding-right: 30px;
    height: 125px;
    margin-bottom: 35px
}

@media screen and (max-width:767px) {
    .b-section__box_events .text_block ul li {
        width: 100%;
        float: none;
        padding-right: 0;
        height: auto;
        margin-bottom: 30px
    }
}

.b-section__box_events .text_block ul li:nth-child(1) {
    margin-left: 40px
}

@media screen and (max-width:767px) {
    .b-section__box_events .text_block ul li:nth-child(1) {
        margin-left: 0
    }
}

.b-section__box_events .text_block ul li:nth-child(2) {
    float: right
}

@media screen and (max-width:767px) {
    .b-section__box_events .text_block ul li:nth-child(2) {
        float: none
    }
}

.b-section__box_events .text_block ul li:nth-child(4) {
    float: right;
    margin-right: 40px
}

@media screen and (max-width:767px) {
    .b-section__box_events .text_block ul li:nth-child(4) {
        float: none;
        margin-right: 0
    }
}

.b-section__box_events .text_block ul li a {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 1
}

.b-section__box_events .text_block ul li a:hover {
    cursor: pointer;
    opacity: .8
}

.b-section__box_events .text_block ul li a h5 {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    position: relative;
    display: block;
    padding-bottom: 6px;
    text-transform: uppercase;
    max-height: 125px;
    overflow: hidden;
    padding-left: 15px;
    letter-spacing: -.2pt
}

.b-section__box_events .text_block ul li a h5:before {
    display: block;
    content: " ";
    background: #ffbb02;
    font-weight: 700;
    left: 0;
    top: 2px;
    position: absolute;
    width: 3px;
    height: 16px
}

.b-section__box_events .text_block ul li a p {
    color: #addef1;
    font-size: 14px;
    max-height: 60px;
    overflow: hidden;
    letter-spacing: -.2pt
}

.b-photos-news {
    height: 500px;
    margin-top: 20px
}

@media screen and (max-width:767px) {
    .b-photos-news {
        height: 300px
    }
}

.swiper-container_custom {
    width: 100%;
    height: 100%
}

.privacy_block {
    display: inline-block;
    vertical-align: top;
		position: relative;
}

@media screen and (max-width:767px) {
    .privacy_block {
        display: block;
        text-align: center;
        padding-top: 65px
    }
}

.privacy_policy {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top: 35px;
    text-decoration: underline;
    color: #fff;
    font-size: 11px
}

@media screen and (max-width:767px) {
    .privacy_policy {
        top: 0
    }
}

@-webkit-keyframes bounceOnHover {
    0% {
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20% {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
    to {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@keyframes bounceOnHover {
    0% {
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20% {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
    to {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.b-footer {
    z-index: 2;
    background: #19387f;
    margin-top: 160px;
    padding-bottom: 150px
}

@media screen and (max-width:767px) {
    .b-footer {
        padding-top: 160px;
        padding-bottom: 120px
    }
}

.b-footer,
.b-footer .container {
    position: relative
}

.b-footer__light-spot {
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    top: -170px;
    width: 1021px;
    height: 860px;
    z-index: 0;
    background: url(../images/light_spot.png) no-repeat 0 0;
    background-size: 500px auto
}

@media screen and (max-width:767px) {
    .b-footer__light-spot {
        display: none
    }
}

.b-footer__skew {
    background: #19387f;
    -webkit-transform: skew(4deg) rotate(4deg);
    -ms-transform: skew(4deg) rotate(4deg);
    transform: skew(4deg) rotate(4deg);
    position: absolute;
    top: -10%;
    bottom: 100px;
    left: 0;
    right: 0;
    z-index: -1
}

@media screen and (max-width:767px) {
    .b-footer__skew {
        right: 1px
    }
}

.b-footer__nav {
    padding-top: 15px
}

.b-footer__nav ul a {
    color: #52bfda
}

.b-footer__bottom {
    text-align: center;
    margin: 20px 0 65px
}

@media screen and (max-width:767px) {
    .b-footer__bottom {
        margin: 0;
        position: absolute;
        top: -150px;
        left: 0;
        right: 0
    }
}

.b-footer__logo,
.b-footer__phone:before {
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width:767px) {
    .b-footer__logo {
        width: 141px;
        height: 53px;
        display: block;
        margin: 0 auto 35px
    }
    .b-footer__logo img {
        max-width: 100%
    }
}

.b-footer__phone {
    display: inline-block;
    vertical-align: top;
    font-size: 23px;
    color: #deffff;
    position: relative;
    margin: 10px 0 0 20px
}

.b-footer__phone:before {
    content: "";
    width: 35px;
    height: 35px;
    background: url(../images/phone_light_blue.svg) no-repeat;
    background-size: 100%;
    margin-right: 10px
}

.b-footer__social {
    font-size: 0;
    text-align: center
}

@media screen and (max-width:767px) {
    .b-footer__social {
        padding-top: 35px
    }
}

.b-footer__developer,
.b-social__link {
    -webkit-transition: 200ms;
    transition: 200ms
}

.b-social__link {
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.b-social__link:hover {
    opacity: .8
}

.b-social__link:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.b-social__link.fb {
    background: #3b5998
}

.b-social__link.fb:before {
    height: 16px;
    width: 9px;
    background: url(../images/facebook-icon.svg) no-repeat;
    background-size: 100%!important
}

.b-social__link.vk {
    background: #507299
}

.b-social__link.vk:before {
    height: 18px;
    width: 18px;
    background: url(../images/vk.svg) no-repeat;
    background-size: 100%!important
}

.b-social__link.tw {
    background: #29c5f6
}

.b-social__link.tw:before {
    height: 13px;
    width: 16px;
    background: url(../images/tw.svg) no-repeat;
    background-size: 100%!important
}

.b-social__link.ok {
    background: #ee8208
}

.b-social__link.ok:before {
    height: 17px;
    width: 16px;
    background: url(../images/odnoklassniki-logo.svg) no-repeat;
    background-size: 100%!important
}

.b-social__link.in {
    background: #ca0707
}

.b-social__link.in:before {
    height: 16px;
    width: 16px;
    background: url(../images/insta-icon.svg) no-repeat;
    background-size: 100%!important
}

.b-footer__developer {
    position: absolute;
    right: 0;
    bottom: -30px;
    color: #0066b8;
    font-size: 11px;
    font-style: italic;
    font-family: "Times New Roman", serif;
    border-bottom: 1px solid #0066b8
}

@media screen and (max-width:767px) {
    .b-footer__developer {
        position: static;
        margin-top: 60px;
        text-align: center;
        border-bottom: none
    }
    .b-footer__developer a {
        border-bottom: 1px solid #0066b8
    }
}

.b-footer__developer:hover {
    color: #f5563c
}

.b-footer__developer:active {
    opacity: .8;
    border-color: transparent
}

.b-footer__developer b {
    font-weight: 800;
    font-style: normal;
    font-family: "Arial", sans-serif
}

div.floor_plan_img {
    width: 1100px;
    height: 555px;
    position: relative
}

div.floor_plan_img:last-child {
    height: auto!important;
    margin-left: 3px;
    min-height: 555px
}

div.floor_plan_img img,
div.floor_plan_img svg {
    width: 100%;
    height: auto;
    position: relative
}

.remodal div.floor_plan_img img,
.remodal div.floor_plan_img svg {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.stead svg,
div.floor_plan_img .svg_img {
    position: absolute;
    top: 0;
    left: 0
}

.remodal div.floor_plan_img .svg_img {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.layer_1 {
    z-index: 10
}

.layer_2,
.layer_3 {
    z-index: 20
}

div.floor_plan_img g,
polygon,
polyline,
rect {
    fill: transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

div.floor_plan_img g.active,
polygon.active,
polyline.active,
rect.active {
    fill: #d0eaf9;
    opacity: 1;
    cursor: default
}

.floor_plan_img path.cls-1 {
    fill: rgba(255, 255, 255, 0)
}

.floor_plan_img path.cls-1.sold {
    fill: #e6e6e6
}



.floor_plan_img path.cls-3 {
    fill: rgba(255, 255, 255, 0);
    opacity: 0
}

.b-build__flor-number {
    width: 55px;
    left: -80px
}

.b-build__flor-number a {
    text-decoration: underline
}

.modal_wrap {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .75);
    z-index: -100;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

@media (max-width:1025px) {
    .modal_wrap {
        cursor: pointer
    }
}

.modal_wrap,
.modal_wrap div.floor_plan_img {
    width: 100%;
    height: 100%
}

.modal_wrap.opened {
    display: block;
    z-index: 1000;
    opacity: 1
}

.remodal,
.stead {
    width: 100%;
    margin: 0 auto
}

.opened .remodal,
.remodal {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal {
    height: 690px;
    padding: 30px;
    background: #fff;
    max-width: 1160px;
    -webkit-animation-name: modal-close;
    animation-name: modal-close
}

.opened .remodal {
    -webkit-animation-name: modal-open;
    animation-name: modal-open
}

.remodal .floor_plan_img {
    display: none;
    text-align: center
}

.remodal .floor_plan_img.active {
    display: block
}

@-webkit-keyframes modal-open {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes modal-open {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes modal-close {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes modal-close {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

.stead .cls-1 {
    fill: #8511a7
}

.stead .cls-1.active {
    fill: #8511a7;
    opacity: 1;
		position: relative;
}
.cls-1.active {
	position: relative;
}
.cls-1.active:after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	content: "";
	cursor: default;
}

.cls-all.sold,
.cls-all.sold:hover,
.stead .cls-1.sold,
.stead .cls-1.sold:hover {
    opacity: .6;
    fill: #fff;
    cursor: default
}

.stead path,
.stead polygon,
.stead polyline {
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.stead path:hover,
.stead polygon:hover,
.stead polyline:hover {
    opacity: 1;
    cursor: pointer
}

.stead {
    max-width: 1105px;
    position: relative
}

.stead img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.stead svg {
    width: 833px;
    max-height: 100%;
    left: 64px;
    top: -3px;
    z-index: 10
}

.lazur_plan,
.stead {
    z-index: 1
}

.lazur_plan img,
.lazur_plan svg {
    width: 385px;
    height: auto
}

.lazur_plan svg {
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width:767px) {
    .lazur_plan img,
    .lazur_plan svg {
        width: 100%
    }
    .lazur_plan svg {
        top: 30px
    }
}

.lazur_plan .g1:hover {
    opacity: .75;
    cursor: pointer
}

.lazur_plan .g1.active {
    opacity: .4
}

.lazur_plan .cls-10,
.lazur_plan g1,
.lazur_plan path,
.lazur_plan rect,
.lenina_plan_main svg path.hover {
    opacity: 1
}

.lazur_plan .cls-10:hover,
.lazur_plan path:hover,
.lazur_plan rect:hover {
    opacity: .75
}

.lazur_plan .g1.sold,
.lazur_plan .g1.sold:hover {
    opacity: .1;
    cursor: default
}

.lazur_plan .g1.sold:hover>* {
    opacity: 1;
    cursor: default
}

.lazur_plan,
.lenina_plan {
    position: relative
}

.lenina_plan_main img {
    position: relative;
    z-index: 1
}

.lenina_plan img.abs,
.lenina_plan svg {
    position: absolute;
    width: 100%;
    height: auto;
    top: 1px;
    left: 2px;
    z-index: 10
}

.lazur_plan g1,
.lenina_plan_main svg path {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.lenina_plan img.abs {
    top: 0;
    left: 0;
    z-index: 20
}

.lenina_plan_main img.abs {
    top: 55px;
    left: 60px;
    width: auto
}

svg.over_svg {
    z-index: 100
}

.lenina_plan img {
    width: 100%
}

.lenina_plan rect,
.lenina_plan_main .g-hightlight-items {
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.lenina_plan .cls-2 {
    fill: #b2a8a1
}

.lenina_plan polygon.active,
.lenina_plan polyline.active,
.lenina_plan rect.active {
    opacity: 1;
    fill: #662d91
}

.lenina_plan rect.sold {
    opacity: 1;
    fill: #e6e6e6;
    pointer-events: none;
    cursor: default
}

.lenina_plan rect.reserve {
    fill: #ed9e69;
    opacity: 1;
    cursor: default
}

.lenina_plan_main .g-items {
    opacity: 0
}

.lenina_plan .cls-3:hover,
.lenina_plan_main .g-items:hover {
    cursor: pointer
}

.lenina_plan rect {
    opacity: 1
}

.lenina_plan rect.sold:hover {
    cursor: default;
    pointer-events: none
}

.lenina_plan .cls-3.reserve:hover,
.lenina_plan .cls-3.sold:hover,
.lenina_plan rect.cls-2.reserve:hover,
.lenina_plan rect.cls-5:hover {
    cursor: default
}

.lenina_plan_b1 svg,
.lenina_plan_b2 svg,
.lenina_plan_b3 svg,
.lenina_plan_b4 svg,
.lenina_plan_b5 svg,
.lenina_plan_b6 svg {
    left: 0;
    top: 0
}

.b-section__back img,
.b-section__back svg {
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    top: 0;
    left: 0
}

@media (max-width:767px) {
    .b-section__back img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.b-section__back svg {
    z-index: 1
}

.b-section__back .g1 {
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.b-section__back .g1:hover {
    opacity: 1;
    cursor: pointer
}

.b-section__back .active .g1,
.b-section__back .active .g1:hover,
.b-section__back .sold .g1 {
    opacity: 1
}

.b-section__back .sold .g1 .cls-1 {
    opacity: .3!important;
    fill: #000!important
}

.b-section__back .sold .g1:hover .cls-1 {
    opacity: .3;
    fill: #000;
    cursor: default
}

.b-section__back g rect {
    fill: #000
}

.b-section__back g rect,
.b-section__back g text {
    z-index: 10;
    position: relative
}

.b-apartment__floor-plan .cls-3.sold,
.remodal .cls-3.sold,
.separated_plans .cls-3.sold {
    opacity: .1!important;
    fill: #000!important;
    cursor: default
}

.layer_3 .cls-3.default_cursor {
    cursor: default
}

.about_info_page .b-leader__item,
.about_info_page .b-leader__item:hover {
    pointer-events: none;
    cursor: default
}

.about_info_page .b-leader__item-block {
    padding-left: 35px
}

.about_info_page .b-leader__item.lg {
    float: left;
    width: 260px;
    margin-bottom: 0
}

.about_info_page .b-leader__item-text {
    float: left;
    width: calc(100% - 265px);
    text-align: left;
    padding-left: 35px
}

.about_info_page .b-leader__item-text h1 {
    font-size: 30px;
    font-family: 'OpenSans Light';
    color: #353535;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 35px;
    line-height: 1.2
}

.about_info_page .b-leader__item-text h1 b,
.about_mission_page span.small_head b,
.obects_new_page .b-medium__title b {
    font-family: 'OpenSans Bold'
}
.about_mission_page .mission-page h1{
	font-family: 'OpenSans Light';
	line-height: 60px;
	padding-bottom: 8px;
	color: #353535;
	font-size: 60px;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.about_mission_page .mission-page .info_clients p{
	color: #353535;
	font-size: 20px;
	font-family: 'Open Sans';
	text-transform: uppercase;
	line-height: 1.2;
}
.about_info_page .b-leader__item-text p {
    font-family: 'OpenSans Italic';
    font-size: 16px;
    color: #353535
}

.about_info_page .b-leader__item-text .b-leader__title {
    font-family: 'OpenSans Light';
    font-size: 24px;
    margin-top: 20px;
    text-align: left;
    max-width: 320px;
    width: 100%;
    float: right;
    margin-right: 0;
    margin-bottom: 6px
}

.about_info_page .b-leader__item-text .b-leader__post {
    text-align: left;
    max-width: 320px;
    float: right;
    width: 100%;
    padding-left: 2px;
    color: #0f1a22;
    font-size: 14px;
    font-family: 'OpenSans Light Italic'
}

.about_info_page .happy_clients .info_clients {
    margin-left: 40px;
    position: relative;
    right: 0;
    top: 0
}

.about_info_page .happy_clients .info_clients span {
    font-size: 120px;
    color: #19387f;
    float: left;
    font-family: 'OpenSans ExtraBold';
    margin-top: 17px
}

.top_200 .text_image {
    float: right;
    margin-right: 75px
}

.about_info_page .text_block,
.text_dashed {
    font-family: 'Open Sans';
    line-height: 17px;
    color: #353535
}

.text_dashed {
    border: 1px dashed #19387f;
    max-width: 462px;
    width: 100%;
    padding: 12px 24px;
    margin: 25px auto 0;
    position: relative;
    z-index: 10;
    font-size: 14px
}

.about_info_page .buildings_count {
    margin-top: -17px;
    z-index: 1
}

.about_info_page .buildings_count .info_clients {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin-right: 35px
}

.about_info_page .buildings_count .info_clients span {
    font-size: 120px;
    font-family: 'OpenSans ExtraBold';
    color: #3073c5;
    margin-top: 17px
}

.about_info_page .buildings_count .info_clients .text_image {
    margin-left: -53px
}

.about_info_page .buildings_count .info_clients .text_image img {
    width: 308px;
    height: auto
}

.about_info_page .text_block {
    padding-top: 75px
}

.about_info_page .builder {
    margin-top: 65px;
    position: relative;
    z-index: 20;
    margin-bottom: 40px
}

.about_info_page .builder .info_clients .text_image {
    width: 100%;
    max-width: 406px;
    height: auto;
    float: left;
    margin-right: 20px;
    position: relative;
    z-index: 1
}

.about_info_page .builder .info_clients .text_image:before {
    display: block;
    content: ' ';
    position: absolute;
    z-index: 20;
    left: 175px;
    top: -90px;
    width: 497px;
    height: 226px;
    background: url(../images/cran_right.png) no-repeat 0 0
}

.about_info_page .builder .info_clients .text_image img {
    width: 100%;
    height: auto
}

.about_info_page .builder .text_block {
    width: calc(100% - 426px);
    float: left;
    padding-top: 0;
    position: relative;
    z-index: 30
}

.about_info_page .builder .text_block h3,
.about_info_page .text_block p {
    font-size: 24px;
    font-family: 'Open Sans';
    color: #353535;
    line-height: 1;
    margin-bottom: 12px
}

.about_info_page .text_block p {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 15px
}

.about_info_page .happy_clients {
    position: relative
}

.about_info_page .happy_clients .text_block {
    float: left;
    width: calc(100% - 436px)
}

.about_info_page .happy_clients .big_circle_img {
    float: right;
    margin-left: 20px
}

.about_info_page .happy_clients_big_img {
    position: relative;
    top: -40px;
    z-index: 10
}

.about_info_page p.left_text {
    float: left;
    width: 50%;
    text-align: left
}

.about_info_page p.left_text:nth-child(1) {
    padding-right: 15px
}

.about_info_page p.left_text:nth-child(2) {
    padding-left: 15px
}

.about_info_page .church {
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    color: #353535
}

.about_info_page .church h3 {
    font-size: 24px;
    color: #353535;
    line-height: 1;
    margin-bottom: 25px;
    padding-top: 25px
}

.about_info_page .church .note {
    color: #353535;
    font-size: 16px;
    line-height: 17px;
    font-family: 'OpenSans Italic';
    margin-bottom: 40px
}

.certificates {
    margin: 60px auto 47px
}

.certificates .slick-slide {
    padding: 36px 41px 40px 39px;
    position: relative
}

.certificates .slick-slide:after {
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 171px;
    height: 203px;
    background: url(../images/photo_frame.png) no-repeat 0 0
}

.certificates .slick-slide img {
    width: 91px;
    height: auto
}

.slick-prev {
    left: -60px
}

.slick-next {
    right: -60px
}

.slick-next,
.slick-prev {
    top: 50%;
    width: 50px;
    height: 50px
}

.slick-next:before,
.slick-prev:before {
    color: #cdcdcd;
    font-size: 50px
}

.join_us {
    color: #353535;
    font-family: 'OpenSans Light Italic';
    font-size: 24px;
    line-height: 1.1;
    text-align: center;
    margin: 0 auto
}

.yellow_block {
    background: #ffca2d;
    width: 660px;
    margin: 50px auto 160px;
    padding-top: 20px;
    padding-bottom: 20px
}

.yellow_block span {
    display: block;
    text-align: center
}

.yellow_block .central_office {
    color: #0f1a22;
    font-family: 'OpenSans Light';
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 8px
}

.yellow_block .address_city,
.yellow_block .address_street {
    color: #0f1a22;
    line-height: 1;
    font-size: 16px;
    font-family: 'OpenSans Bold';
    text-transform: uppercase
}

.yellow_block .address_street {
    font-size: 30px;
    font-family: 'OpenSans ExtraBold';
    margin-bottom: 6px
}

.yellow_block .yb_tel_text {
    color: #0f1a22;
    font-size: 16px;
    font-family: 'Open Sans'
}

.yellow_block .yb_tel {
    color: #0f1a22;
    line-height: 1;
    font-size: 30px;
    font-family: 'OpenSans ExtraBold'
}

.certificates_modal_block {
    text-align: center
}

.certificate_big_img {
    width: auto;
    max-width: 100%;
    height: 100%
}

.lb-nav a.lb-prev {
    margin-left: 20px;
    width: calc(34% - 20px)
}

.lb-nav a.lb-next {
    margin-right: 20px;
    width: calc(64% - 20px)
}

.lb-dataContainer {
    display: none!important
}

.certificates_modal_block img {
    height: 100%;
    width: auto
}

.certificates_modal .remodal {
    background: rgba(255, 255, 255, 0)
}

.swiper-button-next,
.swiper-button-prev {
    width: 50px
}

.swiper-button-next {
    background: url(../images/next.svg) no-repeat 0 0;
    right: 0
}

.swiper-button-prev {
    background: url(../images/prev.svg) no-repeat 0 0;
    left: 0
}

@media all and (min-width:1367px) {
    .about_info_page {
        padding-left: 100px
    }
}

@media all and (max-width:1366px) {
    .slick-next {
        right: -60px
    }
}

@media all and (max-width:960px) {
    .about_info_page .b-leader__item-block {
        padding-left: 0
    }
    .about_info_page .b-leader__list {
        padding-top: 0
    }
    .about_info_page .b-leader__item-text,
    .about_info_page .b-leader__item.lg {
        width: 100%
    }
    .about_info_page .b-leader__item-text h1 {
        padding-bottom: 15px
    }
    .about_info_page .b-leader__item-text .b-leader__title {
        max-width: 960px;
        float: none;
        margin-right: 0;
        margin-left: 0;
        margin-top: 15px
    }
    .about_info_page .b-leader__item-text .b-leader__post {
        float: none;
        max-width: 960px
    }
    .top_200 .text_image {
        float: none;
        margin-right: 0;
        margin-top: 30px
    }
    .top_200 .text_image img {
        width: 100%;
        max-width: 320px
    }
    .about_info_page .buildings_count .info_clients {
        float: none;
        margin-top: 50px
    }
    .about_info_page .buildings_count .info_clients span {
        font-size: 62px;
        margin-top: 10px
    }
    .about_info_page .buildings_count .info_clients .text_image {
        margin-left: -28px
    }
    .about_info_page .buildings_count .info_clients .text_image img {
        width: 168px;
        height: auto
    }
    .about_info_page .text_block {
        padding-top: 10px
    }
    .about_info_page .builder .info_clients .text_image::before {
        display: none
    }
    .text_dashed {
        max-width: 100%;
        margin-top: 15px
    }
    .about_info_page .builder .info_clients .text_image {
        float: none;
        margin-bottom: 10px
    }
    .about_info_page .builder {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .about_info_page .builder .text_block {
        width: auto
    }
    .about_info_page .happy_clients .info_clients {
        margin-left: 0
    }
    .about_info_page .happy_clients .info_clients span {
        font-size: 36px;
        color: #19387f;
        font-weight: 800;
        float: left;
        font-family: 'OpenSans ExtraBold';
        margin-top: 12px
    }
    .inner_block .happy_clients .info_clients .text_image img {
        width: 170px;
        height: auto
    }
    .inner_block .happy_clients .info_clients .text_image {
        margin-left: -18px
    }
    .about_info_page .happy_clients_big_img {
        top: 10px
    }
    .about_info_page .happy_clients .big_circle_img {
        display: none
    }
    .about_info_page .happy_clients .text_block {
        float: none;
        width: auto;
        padding-top: 0
    }
    .church {
        margin-top: 25px
    }
    .church img {
        width: 100%;
        margin-bottom: 10px
    }
    .about_info_page .church h3 {
        font-size: 18px
    }
    .about_info_page .church .note,
    .about_info_page .church h3 {
        text-align: left;
        margin-bottom: 15px
    }
    .about_info_page p.left_text:nth-child(1),
    .about_info_page p.left_text:nth-child(2) {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        padding-left: 0
    }
    .certificates {
        margin-top: 10px
    }
    .certificates_modal .remodal {
        padding: 15px
    }
    .swiper-slide {
        width: 100%!important
    }
    .certificates_modal_block img {
        width: auto;
        height: 100%
    }
    .certificates .slick-slide img {
        margin: 0 auto
    }
    .certificates .slick-slide:after {
        width: 100%;
        background-position: center center
    }
    .swiper-button-prev {
        left: 6px
    }
    .certificates {
        margin-bottom: 10px
    }
    .yellow_block {
        margin-top: 30px;
        width: 100%
    }
    .yellow_block .address_street {
        font-size: 24px;
        font-family: 'OpenSans Bold'
    }
    .yellow_block .yb_tel {
        font-family: 'OpenSans Bold'
    }
    .slick-prev {
        z-index: 100;
        left: -20px
    }
    .slick-next {
        z-index: 100;
        right: -20px
    }
}

@media all and (max-width:414px) {
    .yellow_block {
        margin-bottom: 30px
    }
}

.about_mission_page {
    padding-left: 140px
}

.about_mission_page .buildings_count {
    margin-bottom: 80px;
    margin-top: 50px
}

.about_mission_page .buildings_count .info_clients {
    position: relative;
    top: 0;
    left: 0;
    width: calc(100% - 446px);
    float: left;
    margin-top: 60px
}

.about_mission_page h1,
.company_treasures h2 {
    color: #353535;
    font-size: 60px;
    text-transform: uppercase
}

.about_mission_page h1 {
    margin-top: 0;
    margin-bottom: 7px;
    font-family: 'OpenSans ExtraBold';
    line-height: 40px
}

.about_mission_page .buildings_count span.small_head {
    display: block;
    color: #353535;
    font-size: 30px;
    font-family: 'OpenSans Light';
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 0;
    line-height: 40px;
    float: none;
    margin-bottom: 15px
}

.about_mission_page .info_clients p {
    color: #16509f;
    font-family: 'Open Sans';
    font-size: 24px;
    line-height: 1.2
}

.about_mission_page .buildings_count .big_circle_img {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    background-image: none;
    max-width: 406px
}

.about_mission_page .buildings_count .big_circle_img img {
    max-width: 100%
}

.company_treasures {
    margin-bottom: 60px
}

.company_treasures h2 {
    font-family: 'OpenSans Light';
    line-height: 1;
    padding-bottom: 8px
}

.big_letter_text h3,
.company_treasures>p {
    color: #353535;
    font-size: 20px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    line-height: 1.2
}

.big_letter {
    float: left;
    width: 169px;
    padding-top: 80px
}

.big_letter_text {
    float: left;
    width: calc(100% - 214px)
}

.big_letter_image {
    height: 58px;
    margin-bottom: 18px
}

.big_letter_text h3 {
    font-size: 30px;
    color: #19387f;
    padding-bottom: 16px;
    margin-top: 0
}

.big_letter_text p {
    color: #353535;
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 20px;
    font-family: 'Open Sans'
}

.a_svg {
    width: 66px;
    height: 50px
}

.big_letter_block {
    margin-bottom: 40px
}

.big_letter_block:last-child {
    margin-bottom: 300px
}

.big_letter_block_fst .big_letter_image {
    padding-top: 8px
}

@media all and (max-width:1366px) {
    .about_mission_page .buildings_count .info_clients {
        width: calc(100% - 336px);
        padding-right: 15px
    }
    .about_mission_page .buildings_count .big_circle_img {
        max-width: 336px;
        height: auto
    }
    .about_mission_page {
        padding-left: 230px
    }
}

@media all and (max-width:960px) {
    .about_mission_page .buildings_count .info_clients {
        width: 100%;
        float: none;
        margin-bottom: 30px
    }
    .about_mission_page .buildings_count .big_circle_img {
        width: 100%;
        float: none;
        background-size: contain;
        background-position: center center
    }
    .about_mission_page {
        padding-left: 0
    }
    .company_treasures {
        margin-bottom: 30px
    }
    .company_treasures h2 {
        font-size: 50px
    }
    .big_letter_text h3,
    .company_treasures p {
        font-size: 20px
    }
    .inner_block .buildings_count .big_circle_img {
        height: auto
    }
    .big_letter {
        width: 51px
    }
    .big_letter img {
        width: 100%
    }
    .big_letter_text {
        padding-left: 15px;
        width: calc(100% - 51px)
    }
    .big_letter_text p {
        font-size: 12px
    }
    .big_letter_image {
        margin-bottom: 8px
    }
    .big_letter {
        padding-top: 70px
    }
    .big_letter_block {
        margin-bottom: 20px
    }
    .big_letter_block:last-child {
        margin-bottom: 180px
    }
    .about_mission_page .buildings_count {
        margin-bottom: 30px
    }
}

.object_main_new_page .green_header {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'OpenSans ExtraBold';
    width: 100%;
    float: none;
    margin-bottom: 7px
}

.object_main_new_page .b-section__readiness {
    width: 640px;
    display: block;
    position: relative;
    height: auto;
    min-height: 0
}

.object_main_new_page .b-section__readiness p {
    color: #000;
    font-family: 'OpenSans Light Italic';
    font-size: 18px;
    width: 100%;
    float: none;
    text-transform: none
}

.object_main_new_page .big_family {
    width: 100%;
    max-width: 448px;
    position: absolute;
    right: -270px;
    top: -140px
}

.object_main_new_page .big_family img {
    width: 100%;
    height: auto
}

.spec_offer {
    width: 100%;
    padding-top: 29px;
    padding-bottom: 55px;
    background-position: center center
}

.spec_offer_text {
    width: 50%;
    float: right;
    margin-right: 119px
}

.spec_offer span,
.spec_offer_text_big,
.spec_offer_text_sm {
    font-family: 'OpenSans ExtraBold';
    font-size: 48px;
    text-transform: uppercase;
    color: #294d78;
    line-height: 60px
}

.spec_offer span,
.spec_offer_text_sm {
    font-size: 34px;
    line-height: 34px
}

.spec_offer span {
    font-family: 'OpenSans Light';
    color: #fff;
    font-size: 42px;
    display: block;
    line-height: 42px;
    margin-bottom: 20px;
    margin-top: 14px
}

.object_main_new_page .slick-arrow {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 44px;
    height: 44px
}

.object_main_new_page .slick-arrow:hover {
    opacity: .5
}

.object_main_new_page .slick-prev {
    left: 20px;
    z-index: 10;
    background: url(../images/prev.svg) no-repeat 0 0;
    background-size: 44px
}

.object_main_new_page .slick-next {
    right: 20px;
    background: url(../images/next.svg) no-repeat 0 0;
    background-size: 44px
}

.object_main_new_page .slick-next:before,
.object_main_new_page .slick-prev:before {
    display: none
}

.gallery_big_items_with_text .slick-prev {
    left: calc(50% - 500px)
}

.gallery_big_items_with_text .slick-next {
    right: calc(50% - 500px)
}

.gallery_items_with_text .gallery_item {
    position: relative;
    z-index: 1
}

.gallery_items_with_text .gallery_image_text {
    position: absolute;
    bottom: 0;
    width: 100%
}

.gallery_items_with_text .gallery_image_text>div {
    width: 1000px;
    margin: 0 auto;
    background: rgba(0, 0, 0, .5);
    padding: 11px 25px 15px
}

.fancybox-caption h5,
.gallery_items_with_text .gallery_image_text h5 {
    color: #fff;
    font-family: 'OpenSans ExtraBold';
    font-size: 25px;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 6px
}

.fancybox-caption p,
.gallery_items_with_text .gallery_image_text p {
    font-family: 'OpenSans Light Italic';
    font-size: 18px;
    color: #fff
}

.object_main_new_page .b-text__box {
    padding-left: 0;
    padding-right: 0
}

.object_main_new_page .text_box_items li {
    font-family: 'OpenSans Light';
    font-size: 14px;
    color: #26486e;
    float: left;
    width: calc(50% - 50px);
    margin-right: 50px;
    margin-bottom: 80px;
    height: 150px
}

.object_main_new_page .text_box_items li>div {
    float: left;
    width: calc(100% - 100px)
}

.object_main_new_page .text_box_items img {
    display: block;
    width: 70px;
    height: auto;
    float: left;
    margin-right: 20px
}

.object_main_new_page .text_box_items h5 {
    color: #264872;
    font-family: 'OpenSans Bold';
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 10px
}

.object_main_new_page .text_box_items a {
    font-family: 'OpenSans Italic';
    color: #f6744b;
    font-size: 14px
}

.gallery_big_items_with_text .gallery_item img {
    width: 100%
}

.object_main_new_page .b-section__construction {
    padding-bottom: 45px
}

.construct_new_page .swiper-container_build .swiper-slide>div>div,
.object_main_new_page .swiper-container_build .swiper-slide>div {
    width: calc(33.33% - 7px);
    float: left;
    margin-bottom: 10px
}

.construct_new_page .swiper-container_build .swiper-slide>div>div:nth-child(2),
.construct_new_page .swiper-container_build .swiper-slide>div>div:nth-child(3n+2),
.object_main_new_page .swiper-container_build .swiper-slide>div:nth-child(2),
.object_main_new_page .swiper-container_build .swiper-slide>div:nth-child(5),
.object_main_new_page .swiper-container_build .swiper-slide>div:nth-child(8) {
    margin-right: 10px;
    margin-left: 10px
}

.object_main_new_page .b-swiper__construction {
    overflow: hidden
}

.object_main_new_page .swiper-container_build .swiper-slide .first_tile {
    height: 230px;
    background: #c37d0f;
    position: relative;
    z-index: 1
}

.object_main_new_page .swiper-container_build .swiper-slide .first_tile.blue {
    background: #56758c
}

.object_main_new_page .swiper-container_build .swiper-slide .first_tile.yellow {
    background: #dcb210
}

.object_main_new_page .swiper-container_build .swiper-slide .first_tile.green {
    background: #56cd0f
}

.object_main_new_page .swiper-container_build .swiper-slide .first_tile span {
    font-family: 'OpenSans Light';
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    bottom: 10px;
    left: 16px
}

.construct_new_page .swiper-container_build .swiper-slide .first_tile span b,
.object_main_new_page .swiper-container_build .swiper-slide .first_tile span b {
    font-family: 'OpenSans Bold';
    font-size: 25px;
    color: #fff;
    text-transform: uppercase
}

.object_main_new_page .b-construction__info {
    padding: 14px 5px 5px 15px
}

.object_main_new_page .b-construction__info .b-medium__title {
    margin-bottom: 10px;
    font-family: 'OpenSans Light Italic';
    font-size: 18px;
    color: #fff;
    text-transform: uppercase
}

.object_main_new_page .b-construction__info .b-construction__show {
    font-family: 'OpenSans Light Italic';
    font-size: 18px;
    color: #fff;
    text-transform: none;
    font-style: normal;
    padding-top: 7px;
    padding-left: 0
}

.construct_new_page .b-construction__info .b-construction__show:before,
.object_main_new_page .b-construction__info .b-construction__show:before {
    left: 0
}

.object_main_new_page .swiper-container_build .percent {
    margin-top: 7px;
    padding: 0 10px
}

.object_main_new_page .swiper-container_build .percent .percent_bar {
    position: relative;
    z-index: 1;
    height: 31px;
    border-bottom: 1px solid #ffd800
}

.object_main_new_page .swiper-container_build .percent .percent_bar span {
    font-family: 'OpenSans Bold';
    font-size: 10px;
    color: #15191c;
    text-align: center;
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #ffd800;
    right: 0;
    bottom: 0;
    padding-top: 8px
}

.construct_new_page .swiper-container_build .percent>span,
.object_main_new_page .swiper-container_build .percent>span {
    font-family: 'Open Sans';
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

.video_tile a:after {
    display: block;
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(181, 116, 15, .9);
    z-index: -1
}

.video_tile a span {
    display: block;
    text-align: center;
    position: relative;
    z-index: 10;
    font-family: 'OpenSans Light Italic';
    font-size: 18px;
    color: #fff;
    text-transform: none;
    margin-top: 75px
}

.video_tile a span img {
    width: 76px;
    height: 76px;
    display: block;
    margin: 0 auto
}

.object_main_new_page .container>.b-medium__title {
    padding-left: 20px;
    font-family: 'OpenSans Light';
    font-size: 24px;
    color: #264872
}

.object_main_new_page .b-text__box .b-medium__title {
    margin-bottom: 30px
}

.object_main_new_page .b-object__grid .b-object__item,
.video_tile a {
    position: relative;
    z-index: 1
}

.object_main_new_page .b-object__grid .b-object__item.hit:before {
    display: block;
    content: ' ';
    position: absolute;
    left: -7px;
    top: 20px;
    width: 112px;
    height: 41px;
    background: url(../images/shields/shield_hit_left.png) no-repeat 0 0;
    background-size: 112px 41px;
    z-index: 2
}

.object_main_new_page .b-object__grid .b-object__button.blue {
    background: #19387f
}

.object_main_new_page .b-object__grid .b-object__button.blue:hover {
    background: #294d78
}

.object_main_new_page .b-object__grid {
    background: #f7f7f7;
    margin-bottom: 60px;
    margin-top: 60px;
    padding-top: 0
}

.object_main_new_page .b-object__grid:before {
    background: #f7f7f7;
    top: -90px;
    bottom: -90px
}

.object_main_new_page .b-object__grid .b-medium__title {
    font-family: 'OpenSans Light';
    font-size: 53px;
    color: #19387f;
    text-align: center;
    letter-spacing: 5px
}

.b-apartment__left {
    position: relative
}

.b-apartment__left .b-object-tile__shield {
    bottom: auto;
    top: 60px;
    right: -6px
}

.hidden_text_item {
    max-width: 550px;
    margin-left: 15px;
    margin-right: 15px
}

@media all and (max-width:1366px) {
    .object_main_new_page .b-section__flex-box {
        margin-top: 250px
    }
}

@media all and (max-width:960px) {
    body {
        min-width: 320px
    }
    .spec_offer {
        background-position: right center!important;
        padding-bottom: 29px
    }
    .spec_offer_text {
        width: 100%;
        float: none;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px
    }
    .spec_offer_text_big {
        font-size: 40px;
        line-height: 40px
    }
    .spec_offer_text_sm {
        font-size: 24px;
        line-height: 28px
    }
    .spec_offer span {
        font-size: 38px;
        line-height: 1
    }
    .object_main_new_page .b-section__flex {
        display: none
    }
    .object_main_new_page .b-object__grid .b-object__item,
    .object_main_new_page .container,
    .object_main_new_page .slick-slide img {
        width: 100%
    }
    .gallery_items_with_text .gallery_image_text,
    .object_main_new_page .b-object__grid::before {
        display: none
    }
    .object_main_new_page .b-text__box {
        padding-left: 15px;
        padding-right: 15px
    }
    .object_main_new_page .text_box_items li {
        margin-right: 0;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
    .object_main_new_page .b-section__construction {
        padding-bottom: 0
    }
    .gallery_big_items_with_text .slick-prev {
        left: 15px
    }
    .gallery_big_items_with_text .slick-next {
        right: 15px
    }
    .object_main_new_page .b-object__grid {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px
    }
    .object_main_new_page .b-object__grid .b-medium__title {
        margin-bottom: 0;
        font-size: 32px
    }
    .object_main_new_page .b-object__grid .b-medium__title img {
        width: 26px
    }
    .object_main_new_page .slick-prev {
        left: 10px
    }
    .object_main_new_page .slick-next {
        right: 10px
    }
    .object_main_new_page .swiper-container_build .swiper-slide>div {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0
    }
    .object_main_new_page .swiper-container_build .swiper-slide>div:nth-child(2),
    .object_main_new_page .swiper-container_build .swiper-slide>div:nth-child(5) {
        margin-left: 0;
        margin-right: 0
    }
    .object_main_new_page .container>.b-medium__title {
        padding-left: 0
    }
}

.obects_new_page .b-medium__title {
    text-align: center;
    font-family: 'OpenSans Light';
    font-size: 30px;
    color: #353535;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-top: 12px;
    letter-spacing: 1px
}

.obects_new_page .section-sm {
    height: 110px
}

.obects_new_page .b-construction__content {
    padding-top: 0;
    padding-bottom: 0
}

.obects_new_page .b-object-tile-overlay {
    margin: 0;
    padding: 6px;
    width: calc(100%/3);
    box-sizing: border-box;
    position: relative
}

.obects_new_page .b-object-tile-overlay a {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    position: absolute
}

.obects_new_page .b-object-tile__title {
    font-family: 'OpenSans Light';
    margin-bottom: 0
}

.construct_new_page .b-construction__info .b-medium__title b,
.obects_new_page .b-object-tile__title b,
.object_main_new_page .b-construction__info .b-medium__title b {
    font-size: 25px;
    font-family: 'OpenSans ExtraBold';
    color: #fff;
    text-transform: uppercase
}

.obects_new_page .b-info__table td {
    font-family: 'OpenSans Light Italic';
    font-style: normal;
    font-size: 16px;
    color: #fff
}

.obects_new_page .b-info__table td:nth-child(2) {
    font-family: 'Open Sans'
}

.obects_new_page .b-info__table td:nth-child(2) span {
    font-family: 'OpenSans Light'
}

.obects_new_page .yellow_circle {
    width: 121px;
    height: 121px;
    background: #f7d244;
    border-radius: 121px;
    box-sizing: border-box;
    margin: 44px auto 0;
    padding-top: 18px
}

.obects_new_page .blue_circle {
    width: 85px;
    height: 85px;
    background: #294d78;
    border-radius: 85px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    padding-top: 25px
}

.obects_new_page .blue_circle img {
    width: 40px;
    height: auto
}

.obects_new_page .photos_ico_cover {
    display: block;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    padding-top: 116px;
    text-align: center;
    color: #fff;
    font-family: 'OpenSans Italic';
    font-size: 18px;
    z-index: 2;
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}

.obects_new_page .b-object-tile:hover .photos_ico_cover {
    opacity: 1
}

.obects_new_page .b-object-tile .blue_circle,
.obects_new_page .b-object-tile .yellow_circle {
    opacity: 0;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: all .2s cubic-bezier(.175, .885, .32, 1.275)
}

.obects_new_page .b-object-tile:hover .yellow_circle {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-animation: yellowCircle .2s .1s both;
    animation: yellowCircle .2s .1s both
}

@-webkit-keyframes yellowCircle {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes yellowCircle {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.obects_new_page .b-object-tile .blue_circle {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.obects_new_page .b-object-tile:hover .blue_circle {
    opacity: 1;
    -webkit-animation: blueCircle .2s .3s both;
    animation: blueCircle .2s .3s both
}

@-webkit-keyframes blueCircle {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    80% {
        opacity: .9;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes blueCircle {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    80% {
        opacity: .9;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.obects_new_page .b-object-tile:hover .blue_circle,
.obects_new_page .b-object-tile:hover .photos_ico_cover>div {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.obects_new_page .photos_ico_cover span {
    display: block;
    text-align: center;
    margin-top: 10px
}

.obects_new_page .b-object-tile__info {
    padding: 10px
}

.obects_new_page .b-object-tile__info::before {
    display: none
}

.obects_new_page [data-fancybox]:hover {
    opacity: 1
}

.obects_new_page .b-section__about {
    padding-bottom: 210px;
    margin-bottom: -90px;
    padding-top: 100px
}

.obects_new_page .b-section__about .container {
    padding-left: 80px;
    padding-right: 80px
}

.obects_new_page .b-section__about h5 {
    font-size: 24px;
    font-family: 'Open Sans';
    color: #353535;
    line-height: 1;
    margin-bottom: 20px
}

.obects_new_page .b-section__about p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: #353535;
    line-height: 1.1
}

.obects_new_page .b-object-tiles {
    padding-bottom: 6px
}

@media all and (max-width:960px) {
    .obects_new_page .b-object-tile-overlay {
        width: 100%
    }
    .obects_new_page .photos_ico_cover {
        padding-top: 16px
    }
    .obects_new_page .b-object-tile-overlay a {
        margin: 0
    }
}

.construct_new_page .swiper-container_build .swiper-slide>div {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    margin-bottom: 0!important
}

.construct_new_page .b-swiper__construction {
    overflow: hidden
}

.construct_new_page .swiper-container_build .swiper-slide .first_tile {
    height: 230px;
    position: relative;
    z-index: 1;
    background: #c37d0f
}

.construct_new_page .swiper-container_build .swiper-slide .first_tile.blue {
    background: #56758c
}

.construct_new_page .swiper-container_build .swiper-slide .first_tile.yellow {
    background: #dcb210
}

.construct_new_page .swiper-container_build .swiper-slide .first_tile.green {
    background: #56cd0f
}

.construct_new_page .swiper-container_build .swiper-slide .first_tile span {
    font-family: 'OpenSans Light';
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    bottom: 10px;
    left: 16px
}

.construct_new_page .b-construction__info {
    padding: 14px 5px 5px 15px
}

.construct_new_page .b-construction__info .b-medium__title {
    margin-bottom: 10px;
    font-family: 'OpenSans Light Italic';
    font-size: 18px;
    color: #fff;
    text-transform: uppercase
}

.construct_new_page .b-construction__info .b-construction__show {
    font-family: 'OpenSans Light Italic';
    font-size: 18px;
    color: #fff;
    text-transform: none;
    font-style: normal;
    padding-top: 7px;
    padding-left: 0
}

.construct_new_page .swiper-container_build .percent {
    margin-top: 7px;
    padding: 0 10px
}

.construct_new_page .swiper-container_build .percent .percent_bar {
    position: relative;
    z-index: 1;
    height: 31px;
    border-bottom: 1px solid #ffd800
}

.construct_new_page .swiper-container_build .percent .percent_bar span {
    font-family: 'OpenSans Bold';
    font-size: 10px;
    color: #15191c;
    text-align: center;
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #ffd800;
    right: 0;
    bottom: 0;
    padding-top: 8px
}

.video_tile.blue a:after {
    background-color: rgba(86, 117, 140, .9)
}

.video_tile.yellow a:after {
    background-color: rgba(221, 177, 16, .9)
}

.video_tile.green a:after {
    background-color: rgba(86, 205, 15, .9)
}

@media all and (max-width:960px) {
    .construct_new_page .swiper-container_build .swiper-slide>div>div {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0
    }
    .construct_new_page .swiper-slide>div>div {
        margin-right: 0!important;
        margin-left: 0!important
    }
}

.pdf-section,
.pdf-section__container {
    width: 100%;
    height: 100%;
    min-height: 945px
}

.pdf-section {
    page-break-after: always;
    padding: 20px
}

.pdf-section .b-object__title {
    font-size: 26px
}

.pdf-section .b-object__table {
    font-size: 20px
}

.pdf-section__container {
    position: relative;
    border: 2px solid #000;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pdf-section__container .b-object__table {
    margin: 40px 0 0
}

.pdf-section__container .b-object__table table+table {
    margin-top: 25px
}

.pdf-section__container .b-object__table td {
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left
}

.pdf-section__container .b-object__table td:first-child {
    width: 220px;
    text-align: right;
    padding-right: 25px;
    font-style: normal
}

.pdf-section__container .b-object__table td:last-child {
    padding-left: 25px
}

.pdf-section__col {
    width: 50%;
    min-height: 845px;
    height: 100%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pdf-section__col+.pdf-section__col {
    position: relative
}

.pdf-section__col+.pdf-section__col:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: url(../images/line.svg)
}

.pdf-section__col+.pdf-section__col .pdf-section__bottom {
    padding-left: 40px
}

.pdf-section__col .pdf-section__bottom {
    bottom: 0;
    padding: 0
}

.pdf-section__info .b-object__title {
    position: absolute;
    top: 20px
}

.pdf-section__bottom {
    width: 100%;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    padding: 0 40px;
    display: table;
    text-align: left
}

.pdf-section__bottom.half {
    width: 50%
}

.pdf-section__bottom.center {
    text-align: center
}

.ask__logo {
    vertical-align: middle
}

.ask__logo,
.ask__text-label {
    margin-right: 30px
}

.pdf-section__top {
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    padding: 0 40px;
    display: table
}

.pdf-section__bottom-elem,
.pdf-section__top-elem {
    font-size: 18px;
    display: table-cell;
    vertical-align: middle
}

.pdf-section__bottom-elem .b-object__title,
.pdf-section__top-elem .b-object__title {
    margin: 0
}

.small__text {
    font-size: 14px
}

.text-right {
    text-align: right
}

.pdf-section__plan img {
    max-height: 460px
}

.pdf-section__plan-full,
.pdf-section__plan-full img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.pdf-section__plan-full img {
    max-width: 80%;
    margin: auto
}

.pdf-compare {
    padding: 0;
    page-break-after: always
}

.pdf-compare .b-compare__container {
    text-align: left;
    overflow: hidden
}

.pdf-compare .b-compare__left {
    width: 170px
}

.pdf-compare .b-compare__left:before {
    bottom: -50px
}

.pdf-compare .b-compare__left:after {
    bottom: -35px
}

.pdf-compare .b-compare__label,
ymaps[class*=-balloon][class*=-balloon__content] h3 {
    font-size: 12px
}

.pdf-compare .b-compare__col {
    width: 200px;
    font-size: 12px
}

.pdf-compare .b-compare__row {
    min-height: 30px;
    padding-top: 5px
}

.pdf-compare .b-compare__right {
    margin-left: 170px
}

.pdf-compare .b-compare__right .b-compare__row {
    padding-left: 20px
}

.pdf-compare .b-compare__right .b-object__title {
    font-size: 16px
}

ymaps[class*=-balloon][class*=-balloon__layout] {
    overflow: visible
}

ymaps[class*=-balloon][class*=-balloon__content] {
    margin: 0!important;
    padding: 0!important;
    font-family: "Roboto", "Arial", sans-serif
}

ymaps[class*=-balloon][class*=-balloon__content] a,
ymaps[class*=-balloon][class*=-balloon__content] span {
    font-size: 11px
}

ymaps[class*=-balloon][class*=-balloon__content]::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: calc(50% - 1px);
    height: 8px;
    width: 1px;
    background-color: #666
}

ymaps[class*=-balloon][class*=-balloon__close-button] {
    top: -5px!important;
    right: -5px!important;
    background: url(../images/map_icons/orange_dot.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 11px;
    height: 11px;
    opacity: 1;
    margin-right: 0;
    position: absolute
}

ymaps[class*=-balloon][class*=-balloon__tail] {
    display: none
}

ymaps[class*=-balloon] span.due_date {
    height: 38px;
    overflow: hidden
}

.b-object-tile-overlay {
    margin: 6px;
    height: 455px;
    position: relative
}

@media (max-width:1200px) {
    .b-object-tile-overlay {
        height: 355px
    }
}

@media (min-width:768px) {
    .b-object-tile-overlay {
        width: calc(33.3333% - 12px);
        float: left
    }
}

@media screen and (max-width:767px) {
    .b-object-tile-overlay {
        display: block;
        height: 365px
    }
}

@media (min-width:768px) {
    .b-object-tile-overlay>.b-object-tile {
        width: calc(100% - 6px);
        overflow: hidden;
        margin: 0
    }
}

.b-object-tile__shield {
    position: absolute;
    z-index: 10;
    right: 0
}

.b-object-tile__shield:first-child {
    bottom: 57px
}

.b-object-tile__shield:nth-child(2) {
    bottom: 100px
}

.b-object-tile__shield:nth-child(3) {
    bottom: 154px
}

.b-object-tile__shield:nth-child(4) {
    bottom: 208px
}

.b-object-tile__shield-num {
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: Roboto, Arial;
    position: absolute;
    top: 0;
    line-height: 36px;
    right: 11px;
    width: 16px
}




.b-section__map.sm{
	height: 900px!important;
}

.b-object__info .b-object__table tr td:first-child{
	padding-left: 0px;
	width: auto;
}
.copyright{
font-size: 9px;
color: #fff;
position: relative;
left: 0;
top: 45px;
}


.commercial-slick{
	position: relative;
}
.commercial-slick img{
	max-width: 90%;
}
.commercial-slick div{
	outline: none;
}
.commercial-slick div.floor_plan_img img,.commercial-slick div.floor_plan_img svg{
	width: 90%;
}
.commercial-slick .slick-prev{
	background: url(/local/templates/new/images/arrow-l.svg) no-repeat center / auto;
	width: 50px;
	height: 50px;
	font-size: 0px;
	background-color: none;
	border: none;
	box-shadow: none;
	background-color: #264872;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
	transform: translateX(-500px);
	z-index: 2;

}
.commercial-slick .slick-next{
	background: url(/local/templates/new/images/arrow-r.svg) no-repeat center / auto;
	width: 50px;
	height: 50px;
	font-size: 0px;
	background-color: none;
	border: none;
	box-shadow: none;
	background-color: #264872;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
	transform: translateX(500px);
}
#offices .container{
	width: 100%;
	margin: 0;
}
.commercial-slick .b-plan__image, .commercial-slick .b-medium__title{
	max-width: 1050px;
	margin: auto;
}