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

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

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

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

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.remodal, [data-remodal-id] {
    display: none
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: ""
}

.remodal-overlay, .remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-bg.remodal-is-opened, .remodal-bg.remodal-is-opening {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.remodal-overlay {
    background: rgba(43, 46, 56, .9)
}

.remodal-overlay.remodal-is-closing, .remodal-overlay.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes
}

.remodal-wrapper {
    padding: 10px 10px 0
}

.remodal {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff
}

.remodal.remodal-is-closing, .remodal.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes
}

.remodal, .remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: 0 0
}

.remodal-close:focus, .remodal-close:hover {
    color: #2b2e38
}

.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center
}

.remodal-cancel, .remodal-confirm {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0
}

.remodal-confirm {
    color: #fff;
    background: #81c784
}

.remodal-confirm:focus, .remodal-confirm:hover {
    background: #66bb6a
}

.remodal-cancel {
    color: #fff;
    background: #e57373
}

.remodal-cancel:focus, .remodal-cancel:hover {
    background: #ef5350
}

.remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner, .remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0
}

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -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 remodal-opening-keyframes {
    from {
        -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 remodal-closing-keyframes {
    from {
        -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 remodal-closing-keyframes {
    from {
        -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)
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 700px
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div, .owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

[data-aos][data-aos][data-aos-duration='50'], body[data-aos-duration='50'] [data-aos] {
    -webkit-transition-duration: 50ms;
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay='50'], body[data-aos-delay='50'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='50'].aos-animate, body[data-aos-delay='50'] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration='100'], body[data-aos-duration='100'] [data-aos] {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay='100'], body[data-aos-delay='100'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='100'].aos-animate, body[data-aos-delay='100'] [data-aos].aos-animate {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration='150'], body[data-aos-duration='150'] [data-aos] {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay='150'], body[data-aos-delay='150'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='150'].aos-animate, body[data-aos-delay='150'] [data-aos].aos-animate {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration='200'], body[data-aos-duration='200'] [data-aos] {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay='200'], body[data-aos-delay='200'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='200'].aos-animate, body[data-aos-delay='200'] [data-aos].aos-animate {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration='250'], body[data-aos-duration='250'] [data-aos] {
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay='250'], body[data-aos-delay='250'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='250'].aos-animate, body[data-aos-delay='250'] [data-aos].aos-animate {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration='300'], body[data-aos-duration='300'] [data-aos] {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay='300'], body[data-aos-delay='300'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='300'].aos-animate, body[data-aos-delay='300'] [data-aos].aos-animate {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration='350'], body[data-aos-duration='350'] [data-aos] {
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay='350'], body[data-aos-delay='350'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='350'].aos-animate, body[data-aos-delay='350'] [data-aos].aos-animate {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration='400'], body[data-aos-duration='400'] [data-aos] {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay='400'], body[data-aos-delay='400'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration='450'], body[data-aos-duration='450'] [data-aos] {
    -webkit-transition-duration: .45s;
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay='450'], body[data-aos-delay='450'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='450'].aos-animate, body[data-aos-delay='450'] [data-aos].aos-animate {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration='500'], body[data-aos-duration='500'] [data-aos] {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay='500'], body[data-aos-delay='500'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='500'].aos-animate, body[data-aos-delay='500'] [data-aos].aos-animate {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration='550'], body[data-aos-duration='550'] [data-aos] {
    -webkit-transition-duration: .55s;
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay='550'], body[data-aos-delay='550'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='550'].aos-animate, body[data-aos-delay='550'] [data-aos].aos-animate {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration='600'], body[data-aos-duration='600'] [data-aos] {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay='600'], body[data-aos-delay='600'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='600'].aos-animate, body[data-aos-delay='600'] [data-aos].aos-animate {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration='650'], body[data-aos-duration='650'] [data-aos] {
    -webkit-transition-duration: .65s;
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay='650'], body[data-aos-delay='650'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='650'].aos-animate, body[data-aos-delay='650'] [data-aos].aos-animate {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration='700'], body[data-aos-duration='700'] [data-aos] {
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay='700'], body[data-aos-delay='700'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='700'].aos-animate, body[data-aos-delay='700'] [data-aos].aos-animate {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration='750'], body[data-aos-duration='750'] [data-aos] {
    -webkit-transition-duration: .75s;
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay='750'], body[data-aos-delay='750'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='750'].aos-animate, body[data-aos-delay='750'] [data-aos].aos-animate {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration='800'], body[data-aos-duration='800'] [data-aos] {
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay='800'], body[data-aos-delay='800'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration='850'], body[data-aos-duration='850'] [data-aos] {
    -webkit-transition-duration: .85s;
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay='850'], body[data-aos-delay='850'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='850'].aos-animate, body[data-aos-delay='850'] [data-aos].aos-animate {
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration='900'], body[data-aos-duration='900'] [data-aos] {
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay='900'], body[data-aos-delay='900'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='900'].aos-animate, body[data-aos-delay='900'] [data-aos].aos-animate {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration='950'], body[data-aos-duration='950'] [data-aos] {
    -webkit-transition-duration: .95s;
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay='950'], body[data-aos-delay='950'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='950'].aos-animate, body[data-aos-delay='950'] [data-aos].aos-animate {
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration='1000'], body[data-aos-duration='1000'] [data-aos] {
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay='1000'], body[data-aos-delay='1000'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1000'].aos-animate, body[data-aos-delay='1000'] [data-aos].aos-animate {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration='1050'], body[data-aos-duration='1050'] [data-aos] {
    -webkit-transition-duration: 1.05s;
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay='1050'], body[data-aos-delay='1050'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1050'].aos-animate, body[data-aos-delay='1050'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration='1100'], body[data-aos-duration='1100'] [data-aos] {
    -webkit-transition-duration: 1.1s;
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay='1100'], body[data-aos-delay='1100'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1100'].aos-animate, body[data-aos-delay='1100'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration='1150'], body[data-aos-duration='1150'] [data-aos] {
    -webkit-transition-duration: 1.15s;
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay='1150'], body[data-aos-delay='1150'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1150'].aos-animate, body[data-aos-delay='1150'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration='1200'], body[data-aos-duration='1200'] [data-aos] {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay='1200'], body[data-aos-delay='1200'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1200'].aos-animate, body[data-aos-delay='1200'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration='1250'], body[data-aos-duration='1250'] [data-aos] {
    -webkit-transition-duration: 1.25s;
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay='1250'], body[data-aos-delay='1250'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1250'].aos-animate, body[data-aos-delay='1250'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration='1300'], body[data-aos-duration='1300'] [data-aos] {
    -webkit-transition-duration: 1.3s;
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay='1300'], body[data-aos-delay='1300'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1300'].aos-animate, body[data-aos-delay='1300'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration='1350'], body[data-aos-duration='1350'] [data-aos] {
    -webkit-transition-duration: 1.35s;
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay='1350'], body[data-aos-delay='1350'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1350'].aos-animate, body[data-aos-delay='1350'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration='1400'], body[data-aos-duration='1400'] [data-aos] {
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay='1400'], body[data-aos-delay='1400'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1400'].aos-animate, body[data-aos-delay='1400'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration='1450'], body[data-aos-duration='1450'] [data-aos] {
    -webkit-transition-duration: 1.45s;
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay='1450'], body[data-aos-delay='1450'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1450'].aos-animate, body[data-aos-delay='1450'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration='1500'], body[data-aos-duration='1500'] [data-aos] {
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay='1500'], body[data-aos-delay='1500'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1500'].aos-animate, body[data-aos-delay='1500'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration='1550'], body[data-aos-duration='1550'] [data-aos] {
    -webkit-transition-duration: 1.55s;
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay='1550'], body[data-aos-delay='1550'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1550'].aos-animate, body[data-aos-delay='1550'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration='1600'], body[data-aos-duration='1600'] [data-aos] {
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay='1600'], body[data-aos-delay='1600'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1600'].aos-animate, body[data-aos-delay='1600'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration='1650'], body[data-aos-duration='1650'] [data-aos] {
    -webkit-transition-duration: 1.65s;
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay='1650'], body[data-aos-delay='1650'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1650'].aos-animate, body[data-aos-delay='1650'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration='1700'], body[data-aos-duration='1700'] [data-aos] {
    -webkit-transition-duration: 1.7s;
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay='1700'], body[data-aos-delay='1700'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1700'].aos-animate, body[data-aos-delay='1700'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration='1750'], body[data-aos-duration='1750'] [data-aos] {
    -webkit-transition-duration: 1.75s;
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay='1750'], body[data-aos-delay='1750'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1750'].aos-animate, body[data-aos-delay='1750'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration='1800'], body[data-aos-duration='1800'] [data-aos] {
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay='1800'], body[data-aos-delay='1800'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1800'].aos-animate, body[data-aos-delay='1800'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration='1850'], body[data-aos-duration='1850'] [data-aos] {
    -webkit-transition-duration: 1.85s;
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay='1850'], body[data-aos-delay='1850'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1850'].aos-animate, body[data-aos-delay='1850'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration='1900'], body[data-aos-duration='1900'] [data-aos] {
    -webkit-transition-duration: 1.9s;
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay='1900'], body[data-aos-delay='1900'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1900'].aos-animate, body[data-aos-delay='1900'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration='1950'], body[data-aos-duration='1950'] [data-aos] {
    -webkit-transition-duration: 1.95s;
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay='1950'], body[data-aos-delay='1950'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1950'].aos-animate, body[data-aos-delay='1950'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration='2000'], body[data-aos-duration='2000'] [data-aos] {
    -webkit-transition-duration: 2s;
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay='2000'], body[data-aos-delay='2000'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration='2050'], body[data-aos-duration='2050'] [data-aos] {
    -webkit-transition-duration: 2.05s;
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay='2050'], body[data-aos-delay='2050'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2050'].aos-animate, body[data-aos-delay='2050'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration='2100'], body[data-aos-duration='2100'] [data-aos] {
    -webkit-transition-duration: 2.1s;
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay='2100'], body[data-aos-delay='2100'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2100'].aos-animate, body[data-aos-delay='2100'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration='2150'], body[data-aos-duration='2150'] [data-aos] {
    -webkit-transition-duration: 2.15s;
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay='2150'], body[data-aos-delay='2150'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2150'].aos-animate, body[data-aos-delay='2150'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration='2200'], body[data-aos-duration='2200'] [data-aos] {
    -webkit-transition-duration: 2.2s;
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay='2200'], body[data-aos-delay='2200'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2200'].aos-animate, body[data-aos-delay='2200'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration='2250'], body[data-aos-duration='2250'] [data-aos] {
    -webkit-transition-duration: 2.25s;
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay='2250'], body[data-aos-delay='2250'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2250'].aos-animate, body[data-aos-delay='2250'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration='2300'], body[data-aos-duration='2300'] [data-aos] {
    -webkit-transition-duration: 2.3s;
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay='2300'], body[data-aos-delay='2300'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2300'].aos-animate, body[data-aos-delay='2300'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration='2350'], body[data-aos-duration='2350'] [data-aos] {
    -webkit-transition-duration: 2.35s;
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay='2350'], body[data-aos-delay='2350'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2350'].aos-animate, body[data-aos-delay='2350'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration='2400'], body[data-aos-duration='2400'] [data-aos] {
    -webkit-transition-duration: 2.4s;
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay='2400'], body[data-aos-delay='2400'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2400'].aos-animate, body[data-aos-delay='2400'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration='2450'], body[data-aos-duration='2450'] [data-aos] {
    -webkit-transition-duration: 2.45s;
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay='2450'], body[data-aos-delay='2450'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2450'].aos-animate, body[data-aos-delay='2450'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration='2500'], body[data-aos-duration='2500'] [data-aos] {
    -webkit-transition-duration: 2.5s;
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay='2500'], body[data-aos-delay='2500'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2500'].aos-animate, body[data-aos-delay='2500'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration='2550'], body[data-aos-duration='2550'] [data-aos] {
    -webkit-transition-duration: 2.55s;
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay='2550'], body[data-aos-delay='2550'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2550'].aos-animate, body[data-aos-delay='2550'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.55s;
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration='2600'], body[data-aos-duration='2600'] [data-aos] {
    -webkit-transition-duration: 2.6s;
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay='2600'], body[data-aos-delay='2600'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2600'].aos-animate, body[data-aos-delay='2600'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration='2650'], body[data-aos-duration='2650'] [data-aos] {
    -webkit-transition-duration: 2.65s;
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay='2650'], body[data-aos-delay='2650'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2650'].aos-animate, body[data-aos-delay='2650'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.65s;
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration='2700'], body[data-aos-duration='2700'] [data-aos] {
    -webkit-transition-duration: 2.7s;
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay='2700'], body[data-aos-delay='2700'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2700'].aos-animate, body[data-aos-delay='2700'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration='2750'], body[data-aos-duration='2750'] [data-aos] {
    -webkit-transition-duration: 2.75s;
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay='2750'], body[data-aos-delay='2750'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2750'].aos-animate, body[data-aos-delay='2750'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration='2800'], body[data-aos-duration='2800'] [data-aos] {
    -webkit-transition-duration: 2.8s;
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay='2800'], body[data-aos-delay='2800'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2800'].aos-animate, body[data-aos-delay='2800'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration='2850'], body[data-aos-duration='2850'] [data-aos] {
    -webkit-transition-duration: 2.85s;
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay='2850'], body[data-aos-delay='2850'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2850'].aos-animate, body[data-aos-delay='2850'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.85s;
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration='2900'], body[data-aos-duration='2900'] [data-aos] {
    -webkit-transition-duration: 2.9s;
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay='2900'], body[data-aos-delay='2900'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2900'].aos-animate, body[data-aos-delay='2900'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration='2950'], body[data-aos-duration='2950'] [data-aos] {
    -webkit-transition-duration: 2.95s;
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay='2950'], body[data-aos-delay='2950'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2950'].aos-animate, body[data-aos-delay='2950'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.95s;
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration='3000'], body[data-aos-duration='3000'] [data-aos] {
    -webkit-transition-duration: 3s;
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay='3000'], body[data-aos-delay='3000'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='3000'].aos-animate, body[data-aos-delay='3000'] [data-aos].aos-animate {
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

[data-aos=fade-up] {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

[data-aos=fade-down] {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

[data-aos=fade-right] {
    -webkit-transform: translate(-100px);
    -ms-transform: translate(-100px);
    transform: translate(-100px)
}

[data-aos=fade-left] {
    -webkit-transform: translate(100px);
    -ms-transform: translate(100px);
    transform: translate(100px)
}

[data-aos=fade-up-right] {
    -webkit-transform: translate(-100px, 100px);
    -ms-transform: translate(-100px, 100px);
    transform: translate(-100px, 100px)
}

[data-aos=fade-up-left] {
    -webkit-transform: translate(100px, 100px);
    -ms-transform: translate(100px, 100px);
    transform: translate(100px, 100px)
}

[data-aos=fade-down-right] {
    -webkit-transform: translate(-100px, -100px);
    -ms-transform: translate(-100px, -100px);
    transform: translate(-100px, -100px)
}

[data-aos=fade-down-left] {
    -webkit-transform: translate(100px, -100px);
    -ms-transform: translate(100px, -100px);
    transform: translate(100px, -100px)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0) scale(1);
    -ms-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

[data-aos=zoom-in] {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    -webkit-transform: translateY(100px) scale(.6);
    -ms-transform: translateY(100px) scale(.6);
    transform: translateY(100px) scale(.6)
}

[data-aos=zoom-in-down] {
    -webkit-transform: translateY(-100px) scale(.6);
    -ms-transform: translateY(-100px) scale(.6);
    transform: translateY(-100px) scale(.6)
}

[data-aos=zoom-in-right] {
    -webkit-transform: translate(-100px) scale(.6);
    -ms-transform: translate(-100px) scale(.6);
    transform: translate(-100px) scale(.6)
}

[data-aos=zoom-in-left] {
    -webkit-transform: translate(100px) scale(.6);
    -ms-transform: translate(100px) scale(.6);
    transform: translate(100px) scale(.6)
}

[data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    -webkit-transform: translateY(100px) scale(1.2);
    -ms-transform: translateY(100px) scale(1.2);
    transform: translateY(100px) scale(1.2)
}

[data-aos=zoom-out-down] {
    -webkit-transform: translateY(-100px) scale(1.2);
    -ms-transform: translateY(-100px) scale(1.2);
    transform: translateY(-100px) scale(1.2)
}

[data-aos=zoom-out-right] {
    -webkit-transform: translate(-100px) scale(1.2);
    -ms-transform: translate(-100px) scale(1.2);
    transform: translate(-100px) scale(1.2)
}

[data-aos=zoom-out-left] {
    -webkit-transform: translate(100px) scale(1.2);
    -ms-transform: translate(100px) scale(1.2);
    transform: translate(100px) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

[data-aos=slide-up] {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

[data-aos=slide-down] {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

[data-aos=slide-right] {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

[data-aos=slide-left] {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

[data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

@font-face {
    font-family: GilroyMedium;
    src: url(../fonts/Gilroy/Gilroy-Medium.ttf)

}

@font-face {
    font-family: GilroyLight;
    src: url(../fonts/Gilroy/Gilroy-Light.ttf)
}

@font-face {
    font-family: GilroyThin;
    src: url(../fonts/Gilroy/Gilroy-Thin.ttf)
}

@font-face {
    font-family: GilroyBold;
    src: url(../fonts/Gilroy/Gilroy-Bold.ttf)

}

@font-face {
    font-family: GilroyRegular;
    src: url(../fonts/Gilroy/Gilroy-Regular.ttf)
}

@font-face {
    font-family: GilroyBlack;
    src: url(../fonts/Gilroy/Gilroy-Black.ttf)
}

@font-face {
    font-family: GilroyBoldItalic;
    src: url(../fonts/Gilroy/Gilroy-BoldItalic.ttf)
}

@font-face {
    font-family: GilroyLightItalic;
    src: url(../fonts/Gilroy/Gilroy-LightItalic.ttf)
}

@font-face {
    font-family: GilroyMedium;
    src: url("../fonts/VAGWorld Bold/9887.ttf")
}

@font-face {
    font-family: GothamProBlack;
    src: url(../fonts/GothamPro/ofont.ru_GothamProBlack.ttf)
}

@font-face {
    font-family: MinionProBoldCond;
    src: url(../fonts/MinionProBoldCond/minion-pro-bold-cond-58ef52be66a8b.ttf)
}

.home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media only screen and (max-width: 991px) {
    .home {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.home:before {
    content: '';
    display: block;
    position: absolute;
    height: 170px;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(../img/cloud.png);
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 4
}

.home__item {
    width: -webkit-calc(100% / 5);
    width: calc(100% / 5);
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 130px;
    min-height: 100vh
}

@media only screen and (min-width: 991px){
.home2 .home__item {
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
}
.home3 .home__item {
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
}
.home4 .home__item {
    width: -webkit-calc(100% / 4);
    width: calc(100% / 4);
}

}

@media only screen and (max-width: 991px) {
    .home__item {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 850px
    }

}


.home__item:hover .home__item-hover {
    opacity: 1
}

.home__item:hover .home__nav {
    opacity: 1
}

.home__item:hover .home__inner:before {
    opacity: 1;
    height: 100%
}

.home__item:hover .home__caption:before {
    opacity: 0
}

.home__item:hover .home__caption:after {
    opacity: 0
}

.home__item:hover .home__caption-wrap:before {
    opacity: 1
}

.home__item:hover .home__caption-wrap:after {
    opacity: 1
}

.home__item:hover .home__plus-ico {
    opacity: 1
}

.home__item:hover .home__desc {
    background-color: #443733
}

.home__item--city-lake {
    background-image: url(../img/home-bg1.jpg)
}

.home__item--center {
    background-image: url(../img/home-bg2.svg)
}

.home__item--doma {
    background-image: url(../img/home-bg3.jpg)
}

.home__item--doma .home__caption:before {
    bottom: -53px
}

.home__item--doma .home__caption:after {
    bottom: -53px
}

.home__item-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    background-color: rgba(0, 0, 0, .5)
}

.home__inner {
    width: 420px;
    position: relative;
    max-width: 100%
}

@media only screen and (min-width: 1440px){
.home__inner {
    width: 420px;
    position: relative;
    max-width: 100%;
    margin-bottom: -70px;
}

}

.home__inner:before {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 1px;
    background-color: rgba(255, 255, 255, .5);
    left: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.home__desc {
    width: 100%;
    padding: 40px 40px 25px;
    min-height: 150px;
    background-color: rgba(17, 30, 57, .47);
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: 140px
}

.home__desc-kg {
    width: 100%;
    padding: 40px 40px 25px;
    min-height: 150px;
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: 140px
}


@media only screen and (min-width: 1920px){
    .home__desc-kg {
        padding: 0;
	margin-left: -27px;
    }

}

@media only screen and (max-width: 1440px){
    .home__desc-kg {
	padding: 0;
    }

}




@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .home__desc {
        padding: 20px 20px 0 20px
    }
    .home__desc-kg {
        padding: 20px 20px 0 20px
    }

}

@media only screen and (max-width: 768px){
    .home__desc-kg {
    width: 100%;
    min-height: 150px;
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: 140px;
    margin-left: -175px;

    }

}

@media only screen and (max-width: 480px) {
    .home__desc {
        margin-bottom: 50px
    }
    .home__desc-kg {
        margin-left: 0px;
    }

}

@media only screen and (max-width: 380px) {
    .home__desc {
        padding: 20px 20px 0 20px
    }
    .home__desc-kg {
        margin-left: 0px;
    }

}

.home__subcaption {
    text-transform: uppercase;
    font-family: GilroyMedium;
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 1px
}

.home__subcaption-kg {
    text-transform: uppercase;
    font-family: GilroyMedium;
    color: #fff;
    font-size: 22px;
    line-height: 1.6;
    letter-spacing: 1px;

}

@media only screen and (max-width: 1920px){
.home__subcaption-kg {
    text-align: center
	}

}


@media only screen and (max-width: 1440px){
.home__subcaption-kg {
    text-align: center
	}

}

@media only screen and (max-width: 768px){
.home__subcaption-kg {
    text-align: center
	}

}



.home__price {
    margin: 20px 0;
    font-family: GilroyMedium;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px
}

.home__list-item {
    font-family: GilroyLight;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.7
}

.home__nav {
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.home__nav-item {
    margin: 15px 0 35px 0
}

.home__nav-link {
    text-transform: uppercase;
    font-family: GilroyLight;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    padding-left: 20px;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    letter-spacing: 1px
}

.home__nav-link:before {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 18px;
    top: -webkit-calc(50% - 9px);
    top: calc(50% - 9px);
    left: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.home__nav-link:hover:before {
    opacity: 1
}

.home__caption-wrap {
    z-index: 2;
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 0 auto 100px auto
}

.home__caption-wrap-main {
    z-index: 2;
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 0 auto 100px auto
}


@media only screen and (max-width: 1440px) {
    .home__caption-wrap-main {
        margin: 0 auto 50px auto
    }
    .home__caption-wrap {
    z-index: 2;
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 0 auto 180px auto
    }

}

@media only screen and (max-width: 991px) {
    .home__caption-wrap {
        margin: 0 auto 50px auto
    }
    .home__caption-wrap-main {
        margin: 0 80px 25px 0
    }

}

@media only screen and (max-width: 480px) {
    .home__caption-wrap {
        margin: 0 auto 80px auto
    }
    .home__caption-wrap-main {
        margin: 0 auto 100px auto
    }

}

.home__caption-wrap:before {
    content: '';
    display: block;
    position: absolute;
    height: -webkit-calc(100% + 40px);
    height: calc(100% + 40px);
    width: 100%;
    border: 2px solid #fff;
    border-left: none;
    top: -24px;
    right: -20px;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.home__caption-wrap:after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 36px;
    background-color: #fff;
    top: -24px;
    left: -16px;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.home__caption {
    font-size: 34px;
    font-family: GilroyMedium;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    display: inline-block;
    position: relative;
    text-decoration: none
}

.home__caption:before {
    content: '';
    position: absolute;
    display: block;
    width: 160px;
    height: 2px;
    background-color: #fff;
    bottom: -15px;
    right: -webkit-calc(50% - 90px);
    right: calc(50% - 90px);
    -webkit-transition: .2s;
    transition: .2s
}

.home__caption:after {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background-color: #58b6ff;
    bottom: -15px;
    left: -webkit-calc(50% - 100px);
    left: calc(50% - 100px);
    -webkit-transition: .2s;
    transition: .2s
}

.home__caption--sub {
    font-family: GilroyThin;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-top: 250px;
    display: inline-block;
    position: relative;
    display: block;
    font-size: 20px;
    margin-top: 15px
}

.home__plus-ico {
    width: 68px;
    height: 68px;
    display: block;
    position: absolute;
    left: -55px;
    bottom: -53px;
    background-image: url(../img/plus_ico.png);
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.home__caption-link {
    text-decoration: none
}

.logo {
    width: 100%
}

.logo__wrap {
    width: 70px;
    position: absolute;
    top: 10px;
    right: calc(50%);
    z-index: 5;
    display: block
}

@media only screen and (max-width: 1440px){
.logo {
    width: 100%;
    margin-left: 36px;
}

.logo__wrap {
    width: 70px;
    position: absolute;
    top: 10px;
    right: calc(50%);
    z-index: 5;
    display: block
}

}

.copy {
    color: #fff;
    font-size: 9px;
    text-transform: uppercase;
    font-family: GilroyLight;
    position: relative;
    top: -20px;
    left: 0;
    padding-left: 15px;
    letter-spacing: 1px
}
@media only screen and (max-width: 768px){
.copy {
    display:none;
}

}


.home__new{
    position: relative;
    width: 100%;
    /*height: 820px;*/
    background-color: #ffffff;
    overflow: hidden;
}
.home__new-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100vh;
    -moz-transform: unset;
    /*height: 820px;*/
    background-position: center center;
    background-attachment: scroll;
    background-image: url(https://static.tildacdn.com/tild3562-3434-4264-a634-316634383537/bsh_web_backgr.svg);
    background-size: cover;
    background-repeat: no-repeat;
}
.home__new-header {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 0 15%;
    position: relative;
}
.home__new-header .tn-atom {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.home__new-header img {
    width: 100%;
    display: block;
}

.home__new-text {
    position: absolute;
    box-sizing: border-box;
    display: table;
    color: #281010;
    text-align: center;
    z-index: 4;
    top: 196px;
    left: 0;
    right: 0;
    width: 100%;
}
.home__new-text .tn-atom {
    display: table-cell;
    vertical-align: middle;
    width: 260px;
    /*width: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;*/
    color: #281010;
    font-size: 27px;
    font-family: 'Gilroy',Arial,sans-serif;
    line-height: 1.2;
    font-weight: 600;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.home__new-left-img {
    position: absolute;
    box-sizing: border-box;
    display: table;
    z-index: 5;
    left: 280.5px;
    top: 306px;
    width: 500px;
}
.home__new-right-img {
    position: absolute;
    box-sizing: border-box;
    display: table;
    z-index: 5;
    left: 820.5px;
    top: 306px;
    width: 500px;
}
.home__new-left-button,
.home__new-right-button {
    position: absolute;
    box-sizing: border-box;
    display: table;
    color: #ffffff;
    text-align: center;
    z-index: 7;
    height: 55px;
}
.home__new-left-button {
    top: 624px;
    left: 390.5px;
    width: 280px;
}
.home__new-right-button {
    top: 625px;
    left: 930.5px;
    width: 280px;
}
.home__new-left-button a,
.home__new-right-button a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-decoration: none;
    color: #ffffff;
    font-size: 23px;
    font-family: 'Gilroy',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 600;
    border-width: 1px;
    border-radius: 0;
    background-color: #281010;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    box-shadow: 0 0 10px 5px rgba(40,16,16,0.5);
}

.home {
    height: 100%;
}

@media only screen and (max-width:1199px){
    .home__new-header {
        padding: 0 12%;
    }
    .home__new {
        min-height: 1200px;
    }
    .home__new-right-img {
        left: 280.5px;
        top: 723px;
    }
    .home__new-right-button {
        top: 1040px;
        left: 390.5px;
    }
}
@media only screen and (max-width:768px){
    .home__new-header {
        padding: 0 5%;
    }
    .home__new-left-img,
    .home__new-right-img {
        left: 10px;
        width: 350px;
    }
    .home__new-left-button,
    .home__new-right-button{
        left: 46px;
    }
}


.news {
    padding: 105px 0 105px 0
}

.news__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    background-color: #fff;
    padding: 80px 100px;
    text-align: center
}

@media only screen and (max-width: 1199px) {
    .news__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .news__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .news__inner {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .news__inner {
        padding: 80px 40px
    }
}

@media only screen and (max-width: 650px) {
    .news__inner {
        padding: 50px 15px
    }
}

.news__caption {
    text-transform: uppercase;
    border-top: 1px dashed #ccc;
    position: relative;
    padding-top: 15px;
    font-family: GilroyThin;
    color: #5e5e65;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 40px;
    text-align: left
}

.news__caption:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #518acd;
    width: 154px;
    height: 1px;
    top: -1px;
    left: 0
}

.news__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 580px) {
    .news__list {
        width: 100%;
        max-width: 460px;
        margin: 0 auto
    }
}

.news__btn {
    width: 300px;
    height: 52px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 60px auto 0 auto;
    border: 1px solid #e4e4e4;
    background-color: transparent;
    font-size: 13px;
    color: #c1c1c1;
    font-family: GilroyRegular;
    letter-spacing: 1px;
    cursor: pointer;
    outline: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.news__btn:hover {
    color: #aca2a3;
    border-color: #aca2a3
}

@media only screen and (max-width: 380px) {
    .news__btn {
        width: 100%;
        margin-top: 30px
    }
}

.news-item {
    padding: 5px 5px 25px 5px;
    border: 1px solid #ddd;
    width: -webkit-calc(100% / 3 - 20px);
    width: calc(100% / 3 - 20px);
    margin-bottom: 25px;
    text-align: left
}

@media only screen and (max-width: 991px) {
    .news-item {
        width: -webkit-calc(50% - 15px);
        width: calc(50% - 15px)
    }
}

@media only screen and (max-width: 580px) {
    .news-item {
        width: 100%
    }
}

.news-item__hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #285a95;
    background-image: url(../img/white-plus_ico.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    display: block
}

.news-item__hover:hover {
    opacity: 1
}

.news-item__pic {
    width: 100%;
    vertical-align: top
}

.news-item__pic-wrap {
    width: 100%;
    position: relative
}

.news-item__caption {
    font-family: GilroyRegular;
    font-size: 18px;
    color: #5e5e5e;
    line-height: 1.4;
    margin: 25px 10px 0 10px
}

.news-item__delimiter {
    height: 1px;
    width: 80px;
    border: none;
    padding: 0;
    margin: 12px 0 12px 10px;
    background-color: #518acd
}

.news-item__desc {
    font-family: GilroyRegular;
    font-size: 12px;
    color: #6d6d6d;
    line-height: 1.8;
    margin: 0 10px
}

.news-item__date {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 9px 12px;
    color: #fff;
    font-size: 14px;
    font-family: GilroyBold;
    background-color: #518acd;
    letter-spacing: 3px;
    position: absolute;
    left: 15px;
    bottom: 0
}

.news-item__date-day {
    font-size: 9px;
    vertical-align: top;
    letter-spacing: 1px
}

.news-page .content {
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover
}

.footer {
    background-color: #5c2926
}

.footer__inner {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 1200px) {
    .footer__inner {
        width: 892px
    }
}

@media only screen and (max-width: 992px) {
    .footer__inner {
        width: 768px;
        padding: 15px
    }
}

@media only screen and (max-width: 768px) {
    .footer__inner {
        width: 100%
    }
}

.footer__left-logo {
    max-width: 150px
}
.footer__right-logo{
    max-width: 100px
}

.footer__left {
    width: 250px;
    border-right: 1px solid #736553;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 1200px) {
    .footer__left {
        width: 196px
    }
}

@media only screen and (max-width: 460px) {
    .footer__left {
        width: 100%
    }
}

.footer__center {
    0width: 470px;
    0padding: 0 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 1200px) {
    .footer__center {
        width: 570px;
        padding: 0 20px
    }
}

@media only screen and (max-width: 992px) {
    .footer__left {
        border: none
    }

    .footer__center {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        margin-top: 40px
    }
}

.footer__right {
    width: 250px;
    border-left: 1px solid #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 1200px) {
    .footer__right {
        width: 196px
    }
}

@media only screen and (max-width: 992px) {
    .footer__right {
        border: none
    }
}

@media only screen and (max-width: 460px) {
    .footer__right {
        width: 100%;
        margin-top: 30px
    }
}

.footer__bottom {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer__social {
    margin-left: auto
}

@media only screen and (max-width: 580px) {
    .footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer__social {
        margin-left: 0;
        margin-top: 20px
    }
}

.footer__social-item {
    display: inline-block;
    margin-left: 5px
}

.footer__social-link {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
}

.footer__copy, .footer__made-in {
    font-size: 8px;
    color: #fff;
    margin-right: 15px;
}

@media only screen and (max-width: 580px) {
    .footer__copy, .footer__made-in {
        margin: 15px 0 0
    }
}

.footer__made-in {
    padding-left: 10px;
    border-left: 1px solid #736553
}

.footer__social-link--vk {
    background-image: url(../img/vk-icon.svg)
}

.footer__social-link--fb {
    background-image: url(../img/f-facebook.png);
}

.footer__social-link--inst {
    background-image: url(../img/vill_inst_icon.png)
}

.footer__social-link--yu {
    background-image: url(../img/f-youtube.png)
}

.footer__social-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.footer__social-hover:hover {
    opacity: 1
}

.footer__nav-wrap {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__nav {
    margin-right: 25px
}

.footer__nav:last-child {
    margin-right: 0
}

.footer__nav-item {
    margin: 5px 0
}

.footer__nav-link {
    color: #fff;
    font-size: 11px;
    text-decoration: none
}

.footer__copy, .footer__made-in, .footer__nav-link {
    font-family: GilroyRegular;
    letter-spacing: 1px;
    text-transform: uppercase
}

.post {
    padding: 105px 0 105px 0
}

.post__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    /*background-color: #fff;*/
    background-image: url(../img/bg2.svg);
    padding: 80px 100px;
    text-align: center
}

@media only screen and (max-width: 1199px) {
    .post__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .post__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .post__inner {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .post__inner {
        padding: 80px 40px
    }
}

@media only screen and (max-width: 650px) {
    .post__inner {
        padding: 50px 15px
    }
}

.post__caption {
    text-transform: uppercase;
    border-top: 1px dashed #ccc;
    position: relative;
    padding-top: 15px;
    font-family: GilroyRegular;
    color: #5e5e65;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 40px;
    text-align: left
}

.post__caption:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #518acd;
    width: 154px;
    height: 1px;
    top: -1px;
    left: 0
}

.post__pic {
    width: 100%
}

.post__title {
    font-family: GilroyRegular;
    text-align: left;
    color: #615d5e;
    font-size: 36px;
    line-height: 1.3;
    margin: 40px 0 30px 0;
    padding-left: 30px;
    border-left: 6px solid #518acd
}

@media only screen and (max-width: 991px) {
    .post__title {
        font-size: 28px
    }
}

@media only screen and (max-width: 480px) {
    .post__title {
        font-size: 20px;
        padding-left: 15px
    }
}

.post__text {
    margin: 25px 0;
    font-family: GilroyRegular;
    font-size: 14px;
    color: #615d5e;
    text-align: left;
    line-height: 1.6
}

.post__gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.post__gallery-item {
    width: -webkit-calc(20% - 24px);
    width: calc(20% - 24px);
    position: relative;
    outline: 0;
    margin: 12px
}

@media only screen and (max-width: 991px) {
    .post__gallery-item {
        width: -webkit-calc(100% / 3 - 24px);
        width: calc(100% / 3 - 24px)
    }
}

@media only screen and (max-width: 520px) {
    .post__gallery-item {
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px);
        margin: 10px
    }
}

@media only screen and (max-width: 380px) {
    .post__gallery-item {
        width: 100%;
        max-width: 300px;
        margin: 10px auto
    }
}

.post__gallery-item:before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    background-color: rgba(0, 0, 0, .5);
    background-image: url(../img/gallery-hover.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.post__gallery-item:hover:before {
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.post__gallery-pic {
    width: 100%;
    vertical-align: top
}

.post__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 32px
}

@media only screen and (max-width: 620px) {
    .post__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.post__back {
    height: 52px;
    width: 300px;
    border: 1px solid #d3d4d5;
    -webkit-transition: .2s;
    transition: .2s;
    text-decoration: none
}

.post__back:hover {
    border-color: #aca2a3
}

.post__back:hover .post__back-text {
    color: #aca2a3
}

.post__back:hover .post__back-text:after {
    opacity: 1
}

@media only screen and (max-width: 620px) {
    .post__back {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 360px) {
    .post__back {
        width: 100%
    }
}

.post__back-text {
    line-height: 50px;
    color: #d3d4d5;
    -webkit-transition: .2s;
    transition: .2s;
    font-size: 13px;
    font-family: GilroyRegular;
    letter-spacing: 1px;
    position: relative
}

.post__back-text:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 12px;
    background-image: url(../img/back_ico.png);
    background-repeat: no-repeat;
    background-position: center center;
    top: -webkit-calc(50% - 6px);
    top: calc(50% - 6px);
    left: -20px;
    -webkit-transition: .2s;
    transition: .2s
}

.post__back-text:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 12px;
    background-image: url(../img/back_ico-active.png);
    background-repeat: no-repeat;
    background-position: center center;
    top: -webkit-calc(50% - 6px);
    top: calc(50% - 6px);
    left: -20px;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0
}

.post__social {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.post__social-icon {
    display: block;
    width: 52px;
    height: 52px;
    border: 1px solid #d3d4d5;
    -webkit-transition: .2s;
    transition: .2s;
    text-decoration: none;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative
}

.post__social-icon:before {
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.post__social-icon--fb {
    background-image: url(../img/fb_ico.png)
}

.post__social-icon--fb:before {
    background-image: url(../img/fb_ico-active.png)
}

.post__social-icon--vk {
    background-image: url(../img/vk_ico.png)
}

.post__social-icon--vk:before {
    background-image: url(../img/vk_ico-active.png)
}

.post__social-icon--inst {
    background-image: url(../img/inst_ico.png)
}

.post__social-icon--inst:before {
    background-image: url(../img/inst_ico-active.png)
}

.post__social-icon:hover {
    border-color: #aca2a3
}

.post__social-icon:hover:before {
    opacity: 1
}

.post__date-wrap {
    text-align: right;
    border-bottom: 1px dashed #d3d4d5
}

.post__date {
    display: inline-block;
    background-color: #d3d4d5;
    padding: 8px 12px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: GilroyBold;
    margin-bottom: -1px
}

.post__date-day {
    font-size: 9px;
    vertical-align: top
}

.post-page .content {
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover
}

.building {
    padding: 105px 0 105px 0
}

.building__btn {
    width: 300px;
    height: 52px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 40px auto;
    border: 1px solid #e4e4e4;
    background-color: transparent;
    font-size: 13px;
    color: #c1c1c1;
    font-family: GilroyRegular;
    letter-spacing: 1px;
    cursor: pointer;
    outline: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.building__btn:hover {
    color: #aca2a3;
    border-color: #aca2a3
}

@media only screen and (max-width: 380px) {
    .building__btn {
        width: 100%;
        margin-top: 30px
    }
}

.building__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    background-image: url(../img/bg2.svg);
    padding: 80px 100px 65px 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 1199px) {
    .building__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .building__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .building__inner {
        width: 100%
    }
}

@media only screen and (max-width: 991px) {
    .building__inner {
        padding: 80px 20px 20px 20px
    }
}

@media only screen and (max-width: 767px) {
    .building__inner {
        padding: 80px 15px 20px 15px
    }
}

.building__caption {
    text-transform: uppercase;
    border-top: 1px dashed #ccc;
    position: relative;
    padding-top: 15px;
    font-family: GilroyThin;
    color: #5e5e65;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 70px;
    text-align: left;
    width: 100%
}

.building__caption:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #518acd;
    width: 154px;
    height: 1px;
    top: -1px;
    left: 0
}

.building__list {
    width: 660px;
    text-align: center
}

@media only screen and (max-width: 1199px) {
    .building__list {
        width: 100%
    }
}

.building__nav-wrap {
    width: 280px
}

@media only screen and (max-width: 1199px) {
    .building__nav-wrap {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        width: 222px;
        margin-bottom: 60px
    }
}

.building__delimiter {
    margin: 0 0 75px 0;
    height: 0;
    width: 100%;
    border: none;
    border-bottom: 1px dashed #ccc
}

.building-item {
    margin-bottom: 75px;
    text-align: left
}

.building-item__caption {
    font-size: 20px;
    color: #615d5e;
    font-family: GilroyMedium;
    margin-left: 20px;
    position: relative
}

.building-item__caption:before {
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    width: 6px;
    background-color: #518acd;
    margin-left: -20px
}

.building-item__desc {
    font-size: 13px;
    color: #615d5e;
    font-family: GilroyRegular;
    line-height: 1.7;
    margin: 15px 0 0 20px
}

.building-item__photos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

@media only screen and (max-width: 680px) {
    .building-item__photos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.building-item__photos-preview-wrap {
    width: 110px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 680px) {
    .building-item__photos-preview-wrap {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        height: 110px
    }
}

@media only screen and (max-width: 420px) {
    .building-item__photos-preview-wrap {
        height: 80px
    }
}

.building-item__photo-preview-inner {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

@media only screen and (max-width: 680px) {
    .building-item__photo-preview-inner {
        top: inherit;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.building-item__photo-preview {
    width: 100%;
    margin-bottom: 20px;
    cursor: pointer
}

@media only screen and (max-width: 680px) {
    .building-item__photo-preview {
        width: auto;
        height: 100px;
        margin-bottom: 0;
        margin-top: 10px;
        margin-right: 20px
    }
}

@media only screen and (max-width: 420px) {
    .building-item__photo-preview {
        height: 70px
    }
}

.building-item__big-photo-wrap {
    width: 530px;
    outline: 0
}

@media only screen and (max-width: 680px) {
    .building-item__big-photo-wrap {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

.building-item__big-photo {
    width: 100%;
    vertical-align: top
}

.building-item__btn-wrap {
    background-color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 20px
}

@media only screen and (max-width: 680px) {
    .building-item__btn-wrap {
        width: 60px;
        left: inherit;
        right: 0;
        height: 100px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (max-width: 420px) {
    .building-item__btn-wrap {
        height: 70px;
        width: 50px
    }
}

.building-item__btn-prev {
    background-color: transparent;
    border: 1px solid #d3d4d5;
    width: 46px;
    height: 46px;
    padding: 0;
    cursor: pointer;
    background-image: url(../img/vertical-arr-prev.png);
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative
}

.building-item__btn-prev:hover {
    border-color: #b2aeae
}

.building-item__btn-prev:hover:before {
    opacity: 1
}

.building-item__btn-prev:before {
    opacity: 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/vertical-arr-prev_active.png);
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 680px) {
    .building-item__btn-prev {
        background-image: url(../img/gorizontal-arr-prev.png)
    }
}

@media only screen and (max-width: 420px) {
    .building-item__btn-prev {
        height: 30px;
        width: 30px
    }
}

.building-item__btn-next {
    background-color: transparent;
    border: 1px solid #d3d4d5;
    width: 46px;
    height: 46px;
    padding: 0;
    cursor: pointer;
    background-image: url(../img/vertical-arr-next.png);
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative
}

.building-item__btn-next:hover {
    border-color: #b2aeae
}

.building-item__btn-next:hover:before {
    opacity: 1
}

.building-item__btn-next:before {
    opacity: 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/vertical-arr-next_active.png);
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 680px) {
    .building-item__btn-next {
        background-image: url(../img/gorizontal-arr-next.png)
    }
}

@media only screen and (max-width: 420px) {
    .building-item__btn-next {
        height: 30px;
        width: 30px
    }
}

.building-nav {
    border: 2px solid #518acd;
    padding-left: 42px;
    width: 200px;
    float: right
}

.building-nav__item:last-child .building-nav__caption {
    border-bottom: none
}

.building-nav__item.active .building-nav__caption {
    border-bottom: 1px solid #a8c4e6;
    color: #4b8ad4
}

.building-nav__item.active .building-nav__caption:before {
    background-image: url(../img/minus-ico.png)
}

.building-nav__item.active .building-nav__list {
    display: block
}

.building-nav__caption {
    line-height: 92px;
    font-family: GilroyBold;
    color: #aca2a3;
    font-size: 49px;
    border-bottom: 1px solid #518acd;
    padding-left: 5px;
    cursor: pointer;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s
}

.building-nav__caption:before {
    display: block;
    content: '';
    position: absolute;
    width: 44px;
    height: 44px;
    top: -webkit-calc(50% - 22px);
    top: calc(50% - 22px);
    left: -67px;
    border: 2px solid #aca2a3;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/plus-ico.png)
}

.building-nav__caption:hover {
    color: #4b8ad4
}

.building-nav__list {
    display: none;
    padding: 5px 0 25px 5px
}

.building-nav__list-item {
    font-size: 16px;
    color: #aca2a3;
    font-family: GilroyLight;
    text-decoration: none;
    margin-top: 20px;
    display: block;
    -webkit-transition: .2s;
    transition: .2s
}

.building-nav__list-item.active {
    color: #518acd
}

.building-nav__list-item:hover {
    color: #518acd
}

.building-page .content {
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover
}

.building-gallery {
    width: 660px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 1199px) {
    .building-gallery {
        width: 100%
    }
}

.building-gallery__item {
    width: -webkit-calc(100% / 3 - 22px);
    width: calc(100% / 3 - 22px);
    margin-right: 33px
}

@media only screen and (min-width: 691px) {
    .building-gallery__item:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 481px) and (max-width: 690px) {
    .building-gallery__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 690px) {
    .building-gallery__item {
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px)
    }
}

@media only screen and (max-width: 480px) {
    .building-gallery__item {
        margin: 0 auto;
        width: 100%;
        max-width: 400px
    }
}

.building-gallery__pic-wrap {
    position: relative
}

.building-gallery__pic {
    width: 100%;
    vertical-align: top
}

.building-gallery__title {
    color: #615d5e;
    font-size: 13px;
    font-family: GilroyRegular;
    margin: 20px 0 32px 0
}

.building-gallery__hover {
    background-color: #8c8585;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/plus_ico_60.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0
}

.building-gallery__hover:hover {
    opacity: 1
}

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

.contacts {
    padding: 105px 0 105px 0
}

.contacts__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    background-image: url(../img/bg2.svg);
    padding: 80px 100px;
    font-size: 0
}

@media only screen and (max-width: 1199px) {
    .contacts__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .contacts__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .contacts__inner {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .contacts__inner {
        padding: 80px 40px
    }
}

@media only screen and (max-width: 650px) {
    .contacts__inner {
        padding: 50px 15px
    }
}

.contacts__caption {
    text-transform: uppercase;
    border-top: 1px dashed #ccc;
    position: relative;
    padding-top: 15px;
    font-family: GilroyThin;
    color: #5e5e65;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 75px;
    text-align: left
}

.contacts__caption:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #518acd;
    width: 154px;
    height: 1px;
    top: -1px;
    left: 0
}

.contacts__info {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

@media only screen and (max-width: 1199px) {
    .contacts__info {
        padding-right: 25px
    }
}

@media only screen and (max-width: 991px) {
    .contacts__info {
        width: 100%;
        margin: 0 auto;
        padding-right: 0
    }
}

.contacts__info-item {
    margin-bottom: 40px;
    width: 415px;
    max-width: 100%
}

.contacts__info-phone {
    font-family: GilroyRegular;
    font-size: 16px;
    color: #615d5e;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-left: 55px;
    position: relative;
    line-height: 1.2
}

.contacts__info-phone:before {
    display: block;
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(../img/phone_ico.png);
    background-repeat: no-repeat;
    background-position: center center;
    left: -30px
}

.contacts__info-additionaly {
    font-family: GilroyRegular;
    font-size: 13px;
    color: #615d5e;
    margin-top: 5px;
    display: block
}

.contacts__info-location {
    font-family: GilroyRegular;
    font-size: 16px;
    color: #615d5e;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-left: 55px;
    position: relative;
    line-height: 1.2
}

.contacts__info-location:before {
    display: block;
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(../img/location_ico.png);
    background-repeat: no-repeat;
    background-position: center center;
    left: -30px
}

.contacts__info-mail {
    font-family: GilroyRegular;
    font-size: 16px;
    color: #615d5e;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-left: 55px;
    position: relative;
    line-height: 1.2
}

.contacts__info-mail:before {
    display: block;
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(../img/mail_ico.png);
    background-repeat: no-repeat;
    background-position: center center;
    left: -30px
}

.contacts__info-time {
    font-family: GilroyRegular;
    font-size: 16px;
    color: #615d5e;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-left: 55px;
    position: relative;
    line-height: 1.2
}

.contacts__info-time:before {
    display: block;
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(../img/time_ico.png);
    background-repeat: no-repeat;
    background-position: center center;
    left: -30px
}

.contacts__info-days {
    font-size: 13px;
    margin-top: 15px
}

.contacts__info-times {
    font-size: 16px;
    margin-top: 5px
}

.contacts__form-wrap {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

@media only screen and (max-width: 991px) {
    .contacts__form-wrap {
        width: 100%
    }
}

.contacts__subcaption {
    font-family: GilroyBold;
    font-size: 20px;
    color: #615d5e;
    margin: 0 0 25px 25px;
    position: relative;
    line-height: 1.4
}

@media only screen and (max-width: 480px) {
    .contacts__subcaption {
        font-size: 17px
    }
}

.contacts__subcaption:before {
    content: '';
    display: block;
    position: absolute;
    height: 20px;
    width: 6px;
    background-color: #5c2926;
    left: -13px;
    top: 2px
}

.contacts__map {
    width: 100%;
    height: 445px;
    vertical-align: top
}

.contacts__map-wrap {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    padding: 0
}

@media only screen and (max-width: 1199px) {
    .contacts__map-wrap {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .contacts__map-wrap {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .contacts__map-wrap {
        width: 100%
    }
}

.contacts__form {
    background-color: #645555;
    width: 415px;
    max-width: 100%
}

@media only screen and (max-width: 991px) {
    .contacts__form {
        margin: 0 auto
    }
}

.accii__form {
    background-color: #645555;
    width: 100%;
    max-width: 100%
}

@media only screen and (max-width: 991px) {
    .accii__form {
        margin: 0 auto
    }
}

.contacts__form-caption-wrap {
    background-image: url(../img/forma_vopros_Center.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 170px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts__form-caption-wrap:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(64, 45, 47, .42);
    z-index: 1
}

.contacts__form-caption {
    margin-left: 85px;
    color: #fff;
    font-family: GilroyLight;
    font-size: 22px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    line-height: 1.2;
    letter-spacing: 2px
}

.contacts__form-caption:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 6px;
    background-color: #5c2926;
    left: -19px;
    top: 0
}

.contacts__form-inner {
    padding: 0 65px 40px 65px
}

@media only screen and (max-width: 480px) {
    .contacts__form-inner {
        padding: 0 15px 30px 15px
    }
}

.accii__form-inner {
    padding: 0 65px 40px 65px
}

@media only screen and (max-width: 480px) {
    .accii__form-inner {
        padding: 0 15px 30px 15px
    }
}

.contacts__form-btn {
    background-color: transparent;
    border: 1px solid #fff;
    text-transform: uppercase;
    width: 100%;
    line-height: 50px;
    color: #fff;
    cursor: pointer;
    font-family: GilroyLight;
    letter-spacing: 1px;
    margin-top: 39px;
    -webkit-transition: .2s;
    transition: .2s;
    outline: 1px solid transparent
}

.contacts__form-btn:hover {
    outline: 1px solid #fff
}

.contacts__form-input {
    width: 100%;
    background-color: transparent;
    outline: 0;
    border: none;
    border-bottom: 1px solid #aca2a3;
    font-size: 14px;
    font-family: GilroyRegular;
    color: #fff;
    letter-spacing: 1px;
    -webkit-transition: .2s;
    transition: .2s;
    line-height: 25px;
    padding-left: 14px
}

.contacts__form-input:focus {
    border-bottom: 1px solid #fff
}

.contacts__form-textarea {
    height: 70px;
    width: 100%;
    background-color: transparent;
    outline: 0;
    border: 1px solid #aca2a3;
    border-top: none;
    font-size: 14px;
    font-family: GilroyRegular;
    color: #fff;
    letter-spacing: 1px;
    -webkit-transition: .2s;
    transition: .2s;
    padding-left: 14px
}

.contacts__form-textarea:focus {
    border-color: #fff
}

.contacts__form-title {
    margin: 35px 0 7px 0;
    font-family: GilroyRegular;
    color: #aca2a3;
    font-size: 12px;
    letter-spacing: 1px
}

.contacts__route-list {
    padding-left: 25px
}

.contacts__route-caption {
    font-size: 18px;
    color: #518acd;
    font-family: GilroyBold;
    letter-spacing: 1px;
    position: relative
}

.contacts__route-caption:before {
    display: block;
    position: absolute;
    content: '';
    width: -webkit-calc(100% - 210px);
    width: calc(100% - 210px);
    height: 0;
    border-top: 1px dashed #ccc;
    left: 210px;
    top: -webkit-calc(50% - 2px);
    top: calc(50% - 2px)
}

.contacts__route-item {
    margin: 15px 0;
    display: inline-block;
    width: 325px
}

@media only screen and (max-width: 991px) {
    .contacts__route-item {
        width: 300px
    }
}

@media only screen and (max-width: 720px) {
    .contacts__route-item {
        width: 100%;
        margin: 10px 0
    }
}

.contacts__route-text {
    font-family: GilroyRegular;
    font-size: 14px;
    color: #615d5e;
    line-height: 1.6
}

.contacts-page .content {
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover
}

.contacts2 .contacts__info {
    display: flex;
    width: auto
}

.contacts2 .capture_form_section {
    background: transparent;
}

.contacts2 .capture_form-input {
    color: #443733;
    border-color: #443733;
}

.contacts2 .capture_form-input:focus {
    border-color: #443733;
}

.contacts2 .contacts__form-wrap {
    display: block;
    width: auto
}

.contacts2 .contacts__form {
    width: auto;
    background: transparent;
}

.contacts2 .contacts__form-inner {
    width: 415px;
    margin: 0 auto;
    padding: 0 0 65px;
}

.contacts2 .contacts__form-caption-wrap,
.contacts2 .contacts__form-caption-wrap:after {
    background: transparent;
}

.contacts2 .contacts__form-caption {
    margin: 0 auto;
}

.contacts2 .contacts__form-caption,
.contacts2 .contacts__form-title {
    color: #443733;
}

.contacts2 .contacts__form-textarea,
.contacts2 .contacts__form-input,
.contacts2 .contacts__form-btn {
    color: #443733;
}

.contacts2 .contacts__form-textarea:focus,
.contacts2 .contacts__form-input:focus {
    border-color: #443733;
}

.contacts2 .contacts__form-btn {
    border-color: #443733;
}

.contacts__form-btn:hover {
    outline-color: #333;
}

.catalog {
    padding: 105px 0 105px 0
}

.catalog__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    background-color: #fff;
    padding: 80px 100px
}

@media only screen and (max-width: 1199px) {
    .catalog__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .catalog__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .catalog__inner {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .catalog__inner {
        padding: 80px 40px
    }
}

@media only screen and (max-width: 650px) {
    .catalog__inner {
        padding: 50px 15px
    }
}

.catalog__caption {
    text-transform: uppercase;
    border-top: 1px dashed #ccc;
    position: relative;
    padding-top: 15px;
    font-family: GilroyThin;
    color: #5e5e65;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: left
}

.catalog__caption:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #518acd;
    width: 154px;
    height: 1px;
    top: -1px;
    left: 0
}

.catalog__subcaption {
    position: relative;
}

.catalog-vr-tour {
    text-transform: uppercase;
    text-align: center;
    font-family: GilroyRegular;
    transition: .2s;
    font-size: 23px;
    line-height: 35px;
    text-decoration: none;
    letter-spacing: 1px;
    background: linear-gradient(45deg, #FF6251, #7146DC);
    padding: 25px 45px;
    display: inline-block;
    width: 440px;
    color: #fff;
    border: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

.catalog-vr-tour:hover {
    opacity: .85;
}

@media only screen and (max-width: 1199px) {
    .catalog-vr-tour {
        width: 400px;
    }
}

@media only screen and (max-width: 991px) {
    .catalog-vr-tour {
        width: 100%;
        position: relative;
    }
}

.catalog__subcaption {
    margin: 60px 0 25px 0;
    font-size: 24px;
    font-family: GilroyLight;
    color: #615d5e
}

@media only screen and (max-width: 480px) {
    .catalog__subcaption {
        font-size: 20px
    }
}

.catalog__desc {
    margin-top: 30px;
    line-height: 1.8;
    font-size: 13px;
    color: #615d5e;
    font-family: GilroyRegular
}

.catalog-slider__inner {
    padding-right: 100px
}

.catalog-slider__item {
    position: relative;
    cursor: pointer;
    display: block;
    width: 155px;
    height: 155px;
    overflow: hidden
}

.catalog-slider__item:hover .catalog-slider__item-hover {
    opacity: 1
}

.catalog-slider__item-pic {
    width: 100%;
    vertical-align: top
}

.catalog-slider__item-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(63, 52, 52, .8);
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0
}

.catalog-slider__item-text {
    font-size: 30px;
    font-family: GilroyMedium;
    color: #fff;
    margin-top: 35px
}

.catalog-slider__item-text .m2 {
    font-size: 18px;
    vertical-align: top
}

.catalog-slider__item-text .m2 i {
    font-weight: 400;
    font-size: 9px;
    vertical-align: top
}

.catalog-slider .owl-controls {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 80px;
    background-color: #fff;
    margin: 0
}

.catalog-slider .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    width: 70px;
    height: 48px;
    background-image: url(../img/prev-arr.png);
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #d3d4d5;
    cursor: pointer;
    outline: 0;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 0;
    opacity: 1;
    margin: 0;
    padding: 0
}

.catalog-slider .owl-controls .owl-buttons .owl-prev:hover {
    border: 1px solid #b2aeae;
    background-image: url(../img/prev_arr_active.png)
}

.catalog-slider .owl-controls .owl-buttons .owl-next {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: transparent;
    width: 70px;
    height: 48px;
    background-image: url(../img/next-arr.png);
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #d3d4d5;
    cursor: pointer;
    outline: 0;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 0;
    opacity: 1;
    margin: 0;
    padding: 0
}

.catalog-slider .owl-controls .owl-buttons .owl-next:hover {
    border: 1px solid #b2aeae;
    background-image: url(../img/next_arr_active.png)
}

.catalog-slider__menu {
    background-color: transparent;
    width: 70px;
    height: 48px;
    background-image: url(../img/menu-ico.png);
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #d3d4d5;
    cursor: pointer;
    outline: 0;
    -webkit-transition: .2s;
    transition: .2s;
    right: 0;
    top: -webkit-calc(50% - 24px);
    top: calc(50% - 24px);
    position: absolute
}

.catalog-slider__menu:hover {
    border: 1px solid #b2aeae;
    background-image: url(../img/menu_ico_active.png)
}

.catalog-houseroom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 1199px) {
    .catalog-houseroom__left {
        width: 50%;
        padding-right: 30px
    }
}

@media only screen and (max-width: 991px) {
    .catalog-houseroom__left {
        width: 100%;
        padding: 0
    }
}

@media only screen and (max-width: 1199px) {
    .catalog-houseroom__right {
        width: 50%;
        padding-left: 30px
    }
}

@media only screen and (max-width: 991px) {
    .catalog-houseroom__right {
        width: 100%;
        padding: 0
    }
}

.catalog-houseroom__photos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 470px;
    max-width: 100%
}

@media only screen and (max-width: 991px) {
    .catalog-houseroom__photos {
        margin: 0 auto
    }
}

@media only screen and (max-width: 680px) {
    .catalog-houseroom__photos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.catalog-houseroom__photos-preview-wrap {
    width: 100px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 680px) {
    .catalog-houseroom__photos-preview-wrap {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        height: 110px
    }
}

@media only screen and (max-width: 420px) {
    .catalog-houseroom__photos-preview-wrap {
        height: 80px
    }
}

.catalog-houseroom__photo-preview-inner {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

@media only screen and (max-width: 680px) {
    .catalog-houseroom__photo-preview-inner {
        top: inherit;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.catalog-houseroom__photo-preview {
    width: 100%;
    margin-bottom: 20px;
    cursor: pointer
}

@media only screen and (max-width: 680px) {
    .catalog-houseroom__photo-preview {
        width: auto;
        height: 100px;
        margin-bottom: 0;
        margin-top: 10px;
        margin-right: 20px
    }
}

@media only screen and (max-width: 420px) {
    .catalog-houseroom__photo-preview {
        height: 70px
    }
}

.catalog-houseroom__btn-wrap {
    background-color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 20px
}

@media only screen and (max-width: 680px) {
    .catalog-houseroom__btn-wrap {
        width: 60px;
        left: inherit;
        right: 0;
        height: 100px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (max-width: 420px) {
    .catalog-houseroom__btn-wrap {
        height: 70px;
        width: 50px
    }
}

.catalog-houseroom__btn-prev {
    background-color: transparent;
    border: 1px solid #d3d4d5;
    width: 46px;
    height: 46px;
    padding: 0;
    cursor: pointer;
    background-image: url(../img/vertical-arr-prev.png);
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative
}

.catalog-houseroom__btn-prev:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    background-image: url(../img/vertical-arr-prev_active.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.catalog-houseroom__btn-prev:hover {
    border-color: #b2aeae
}

.catalog-houseroom__btn-prev:hover:before {
    opacity: 1
}

@media only screen and (max-width: 680px) {
    .catalog-houseroom__btn-prev {
        background-image: url(../img/gorizontal-arr-prev.png)
    }
}

@media only screen and (max-width: 420px) {
    .catalog-houseroom__btn-prev {
        height: 30px;
        width: 30px
    }
}

.catalog-houseroom__btn-next {
    background-color: transparent;
    border: 1px solid #d3d4d5;
    width: 46px;
    height: 46px;
    padding: 0;
    cursor: pointer;
    background-image: url(../img/vertical-arr-next.png);
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative
}

.catalog-houseroom__btn-next:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    background-image: url(../img/vertical-arr-next_active.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.catalog-houseroom__btn-next:hover {
    border-color: #b2aeae
}

.catalog-houseroom__btn-next:hover:before {
    opacity: 1
}

@media only screen and (max-width: 680px) {
    .catalog-houseroom__btn-next {
        background-image: url(../img/gorizontal-arr-next.png)
    }
}

@media only screen and (max-width: 420px) {
    .catalog-houseroom__btn-next {
        height: 30px;
        width: 30px
    }
}

.catalog-houseroom__big-photo {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    top: 50%
}

.catalog-houseroom__big-photo-wrap {
    width: 360px;
    height: 360px;
    overflow: hidden;
    position: relative;
    outline: 0;
    background: #fff;
    text-align: center;
    vertical-align: -webkit-baseline-middle;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog-houseroom__big-photo-wrap:before {
    display: block;
    position: absolute;
    content: '';
    width: 21px;
    height: 21px;
    background-image: url(../img/size_ico.png);
    bottom: 12px;
    left: 12px
}

.catalog-houseroom__big-photo-wrap:after {
    display: block;
    position: absolute;
    content: '';
    width: 21px;
    height: 21px;
    background-image: url(../img/size_ico_active.png);
    opacity: 0;
    bottom: 12px;
    left: 12px;
    -webkit-transition: .2s;
    transition: .2s
}

.catalog-houseroom__big-photo-wrap:hover:after {
    opacity: 1
}

@media only screen and (max-width: 1199px) {
    .catalog-houseroom__big-photo-wrap {
        width: 285px
    }
}

@media only screen and (max-width: 991px) {
    .catalog-houseroom__big-photo-wrap {
        width: 350px
    }
}

@media only screen and (max-width: 680px) {
    .catalog-houseroom__big-photo-wrap {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

.catalog-houseroom__btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 360px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 18px
}

@media only screen and (max-width: 1199px) {
    .catalog-houseroom__btns {
        width: 100%
    }
}

@media only screen and (max-width: 991px) {
    .catalog-houseroom__btns {
        width: 470px;
        margin: 30px auto 0 auto;
        max-width: 100%
    }
}

.catalog-houseroom__action {
    height: 52px;
    width: 112px;
    border: 1px solid #f84744;
    background-image: url(../img/action.png);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: .2s;
    transition: .2s;
    outline: 0
}

.catalog-houseroom__action:hover {
    border: 2px solid #f84744
}

@media only screen and (max-width: 360px) {
    .catalog-houseroom__action {
        width: 90px
    }
}

.catalog-houseroom__action.hidden {
    display: none
}

.catalog-houseroom__submit {
    height: 52px;
    width: 226px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 2px solid #b2aeae;
    color: #b2aeae;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: GilroyRegular;
    -webkit-transition: .2s;
    transition: .2s;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 1px
}

.catalog-houseroom2__submit {
    height: 52px;
    width: 226px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 2px solid #b2aeae;
    color: #b2aeae;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: GilroyRegular;
    -webkit-transition: .2s;
    transition: .2s;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 1px;
    background: #fefcea;
    background: linear-gradient(45deg, #01ad8b, #518acd);
    color: #fff;
    border: none
}

.catalog-houseroom2__submit:hover {
    opacity: .85
}

@media only screen and (max-width: 420px) {
    .catalog-houseroom__submit {
        width: 200px
    }
}

@media only screen and (max-width: 360px) {
    .catalog-houseroom__submit {
        width: 180px
    }
}

.catalog-houseroom__submit:hover {
    background-color: #b2aeae;
    color: #fff
}

.catalog-houseroom__table {
    width: 440px;
    max-width: 100%
}

@media only screen and (max-width: 991px) {
    .catalog-houseroom__table {
        margin: 0 auto;
        margin-top: 60px;
        width: 470px
    }
}

.catalog-houseroom__thead {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.catalog-houseroom__thead-title-wrap {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%
}

.catalog-houseroom__thead-title {
    width: 50%;
    color: #6a6a6a;
    font-family: GilroyRegular;
    letter-spacing: 1px;
    font-size: 13px;
    margin-bottom: 5px
}

.catalog-houseroom__thead-left {
    width: 50%;
    border: 2px solid #b2aeae;
    border-right: 1px solid #b2aeae;
    font-family: GilroyBold;
    font-size: 26px;
    color: #9f9999;
    line-height: 50px;
    text-align: center;
    letter-spacing: 3px;
    position: relative
}

.catalog-houseroom__thead-right {
    width: 50%;
    border: 2px solid #b2aeae;
    border-left: 1px solid #b2aeae;
    font-family: GilroyBold;
    font-size: 26px;
    color: #9f9999;
    line-height: 50px;
    text-align: center;
    letter-spacing: 3px;
    position: relative
}

.catalog-houseroom__thead-btn {
    height: 34px;
    width: 34px;
    border: 1px solid #d3d4d5;
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    -webkit-transition: .2s;
    transition: .2s;
    background-image: url(../img/plus_ico2.png);
    background-repeat: no-repeat;
    background-position: center center
}

.catalog-houseroom__thead-btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/plus_ico2-active.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.catalog-houseroom__thead-btn:hover {
    border-color: #b2aeae
}

.catalog-houseroom__thead-btn:hover:before {
    opacity: 1
}

.catalog-houseroom__tbody {
    width: 100%;
    border: 2px solid #518acd;
    margin-top: 7px;
    padding: 23px 30px;
    font-size: 0
}

@media only screen and (max-width: 420px) {
    .catalog-houseroom__tbody {
        padding: 15px
    }
}

.catalog-houseroom__space-left {
    height: 92px;
    border-right: 1px solid #518acd;
    width: 50%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 20px;
    color: #518acd;
    font-size: 50px;
    font-family: GilroyBold;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 1199px) {
    .catalog-houseroom__space-left {
        padding-right: 10px;
        font-size: 46px
    }
}

@media only screen and (max-width: 480px) {
    .catalog-houseroom__space-left {
        font-size: 30px;
        text-align: center;
        padding-right: 5px
    }
}

.catalog-houseroom__space-right {
    height: 92px;
    border-left: 1px solid #518acd;
    width: 50%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 20px;
    color: #518acd;
    font-size: 50px;
    font-family: GilroyBold;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 1199px) {
    .catalog-houseroom__space-right {
        padding-left: 10px;
        font-size: 46px
    }
}

@media only screen and (max-width: 480px) {
    .catalog-houseroom__space-right {
        font-size: 30px;
        text-align: center;
        padding-left: 5px
    }
}

.catalog-houseroom__space-title {
    font-size: 14px;
    color: #6a6a6a;
    font-family: GilroyRegular;
    letter-spacing: 1px;
    font-size: 13px;
    text-align: left;
    width: 100%
}

.catalog-houseroom__m2 {
    font-size: 24px;
    line-height: 1;
    vertical-align: top
}

.catalog-houseroom__m2 i {
    font-style: normal;
    font-size: 12px;
    vertical-align: top;
    line-height: 1
}

.catalog-houseroom__space-num {
    width: 100%;
    text-align: left
}

.catalog-houseroom__space-delimiter {
    margin: 25px 0 10px 0;
    height: 1px;
    width: 100%;
    background-color: #b2aeae;
    padding: 0;
    border: none
}

.catalog-houseroom__space-item {
    line-height: 50px;
    padding: 0 20px 0 25px;
    border-bottom: 1px dashed #ccc;
    color: #767474;
    font-size: 14px;
    font-family: GilroyRegular
}

.catalog-houseroom__space-item:last-child {
    border-bottom: none
}

.catalog-houseroom__space-item-value {
    float: right;
    color: #767474;
    font-size: 22px;
    font-family: GilroyMedium
}

.catalog-houseroom__space-item-value .m2 {
    font-size: 18px;
    vertical-align: top;
    line-height: 38px
}

.catalog-houseroom__space-item-value .m2 i {
    font-style: normal;
    font-size: 9px;
    vertical-align: top;
    line-height: 34px
}

.catalog-page .content {
    background-image: url(../img/catalog-bg.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover
}

.content-RS {
    background-image: url(../img/content/residence/Myronovka_floors.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover
}

.header {
    background-color: #5c2926
}

.header__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    height: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media only screen and (max-width: 1199px) {
    .header__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .header__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .header__inner {
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .header__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 150px;
        padding-bottom: 5px
    }
}

.header__nav-item-wrap {
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header__nav-item-wrap:hover {
    background-color: #5c2926
}

.header__nav-item-wrap--home-ico {
    margin-right: auto
}

.header__nav-item-wrap--home-ico .header__nav-item {
    width: 44px;
    height: 44px;
    background-image: url(../img/home-ico.png);
    background-repeat: no-repeat;
    background-position: center center
}

.header__nav-item {
    font-family: GilroyMedium;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    padding: 0 5px;
    line-height: 45px;
    display: inline-block;
    -webkit-transition: .2s;
    transition: .2s;
    outline: 0
}

@media only screen and (max-width: 1199px) {
    .header__nav-item {
        padding: 0 5px
    }
}

@media only screen and (max-width: 991px) {
    .header__nav-item {
        display: none
    }
}

.header__left {
    width: 450px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 5px
}

@media only screen and (max-width: 1199px) {
    .header__left {
        width: 380px
    }
}

@media only screen and (max-width: 991px) {
    .header__left {
        display: none
    }
}

.header__right {
    width: 450px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 5px
}

@media only screen and (max-width: 1199px) {
    .header__right {
        width: 380px
    }
}

@media only screen and (max-width: 991px) {
    .header__right {
        width: auto
    }
}

@media only screen and (max-width: 480px) {
    .header__right {
        margin-top: 25px
    }
}

.header__logo {
    width: 240px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 65px;
    background-color: #421d1c;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
}

@media only screen and (max-width: 1199px) {
    .header__logo {
        width: 180px
    }
}

.header__logo:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -137px;
    left: 0;
    border: 117px solid transparent;
    border-top: 20px solid #421d1c;
    z-index: 10
}

@media only screen and (max-width: 1199px) {
    .header__logo:before {
        bottom: -108px;
        border: 88px solid transparent;
        border-top: 20px solid #26201e
    }
}

.header__logo-delimiter {
    width: 46px;
    height: 2px;
    background-color: #8c8585;
    border: none;
    padding: 0;
    margin: 8px auto
}

.header__logo-pic {
    max-width: 100%
}

.header__logo-caption {
    text-transform: uppercase;
    color: #fff;
    font-family: GilroyLight;
    font-size: 18px;
    letter-spacing: 1px
}

.header__call-back {
    margin: 0 14px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: auto
}

@media only screen and (max-width: 1199px) {
    .header__call-back {
        margin: 0 5px
    }
}

.header__call-back-text {
    font-family: GilroyMedium;
    text-transform: uppercase;
    font-size: 9px;
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
    display: inline-block;
    padding-right: 26px;
    position: relative;
    vertical-align: top;
    margin-top: 5px
}

.header__call-back-text:before {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 12px;
    background-image: url(../img/call-back_ico.png);
    top: -2px;
    right: 0
}

@media only screen and (max-width: 1199px) {
    .header__call-back-text {
        padding-right: 14px;
        margin: 8px 0
    }
}

@media only screen and (max-width: 991px) {
    .header__call-back-text {
        padding-right: 24px
    }
}

.header__call-back-phone {
    font-family: GilroyMedium;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    vertical-align: top
}

@media only screen and (max-width: 1199px) {
    .header__call-back-phone {
        letter-spacing: normal;
        font-size: 14px
    }
}

.header__mb-menu-ico {
    margin-left: 25px;
    background-image: url(../img/menu.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 11
}

.header__mb-menu-ico:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/close-menu.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75% 75%;
    opacity: 0
}

.header__mb-menu-ico--open {
    background-image: none
}

.header__mb-menu-ico--open:before {
    opacity: 1
}

@media only screen and (min-width: 992px) {
    .header__mb-menu-ico {
        display: none
    }
}

.header__mb-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #5c2926;
    border-top: 2px solid #26201e;
    z-index: 4;
    padding-bottom: 25px;
    display: none
}

@media only screen and (min-width: 992px) {
    .header__mb-menu {
        display: none !important
    }
}

.header__mb-menu-item-wrap {
    display: block;
    text-align: center
}

.header__mb-menu-item {
    font-family: GilroyRegular;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    line-height: 45px;
    display: block
}

.header__sub-nav {
    position: absolute;
    top: 100%;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 300px;
    display: none;
    z-index: 11
}

.header__sub-nav-link {
    line-height: 45px;
    text-decoration: none;
    background-color: #5c2926;
    -webkit-transition: .2s;
    transition: .2s;
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-family: GilroyRegular;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 0 10px
}

.header__sub-nav-link:hover {
    background-color: #443733
}

.header__mb-sub-nav {
    background-color: #26201e;
    display: none
}

.header__mb-sub-nav-link {
    line-height: 45px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-family: GilroyRegular;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 0 10px;
    -webkit-transition: .2s;
    transition: .2s
}

.header__mb-sub-nav-link:hover {
    background-color: #443733
}

.layout-modal {
    padding: 30px 0 85px 0;
    max-width: 980px
}

.layout-modal__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layout-modal__close {
    border: 1px solid #d3d4d5;
    height: 110px;
    width: 160px;
    background-image: url(../img/modal-close.png);
    background-repeat: no-repeat;
    background-position: 35px center;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative
}

.layout-modal__close:before {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/modal-close-active.png);
    background-repeat: no-repeat;
    background-position: 35px center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.layout-modal__close:hover {
    border-color: #b2aeae
}

.layout-modal__close:hover:before {
    opacity: 1
}

@media only screen and (max-width: 640px) {
    .layout-modal__close {
        width: 110px;
        background-position: center center
    }

    .layout-modal__close:before {
        background-position: center center
    }
}

@media only screen and (max-width: 480px) {
    .layout-modal__close {
        height: 90px;
        width: 90px
    }
}

.layout-modal__caption-wrap {
    background-image: url(../img/modal-bg.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    height: 110px;
    width: 680px;
    text-align: left
}

@media only screen and (max-width: 991px) {
    .layout-modal__caption-wrap {
        width: 400px
    }
}

@media only screen and (max-width: 640px) {
    .layout-modal__caption-wrap {
        width: 220px
    }
}

@media only screen and (max-width: 480px) {
    .layout-modal__caption-wrap {
        width: 190px;
        height: 90px
    }
}

.layout-modal__caption {
    background-color: #3f3434;
    height: 100%;
    width: 50%;
    padding-left: 95px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 991px) {
    .layout-modal__caption {
        width: 100%
    }
}

@media only screen and (max-width: 640px) {
    .layout-modal__caption {
        padding-left: 35px
    }
}

@media only screen and (max-width: 480px) {
    .layout-modal__caption {
        padding-left: 15px
    }
}

.layout-modal__caption-text {
    font-family: GilroyRegular;
    color: #fff;
    font-size: 16px;
    padding-right: 15px
}

.layout-modal__room-count {
    color: #fff;
    font-size: 60px;
    font-family: GilroyBlack;
    position: relative;
    margin-right: 32px
}

.layout-modal__room-count:after {
    height: 46px;
    width: 2px;
    background-color: #fff;
    display: block;
    content: '';
    position: absolute;
    right: -15px;
    top: 2px
}

.layout-modal__list {
    padding: 80px 95px 0 95px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 640px) {
    .layout-modal__list {
        padding: 80px 45px 0 45px
    }
}

@media only screen and (max-width: 480px) {
    .layout-modal__list {
        padding: 80px 15px 0 15px
    }
}

.layout-modal__item {
    width: -webkit-calc(25% - 12px);
    width: calc(25% - 12px);
    margin-right: 16px;
    border: 1px solid #e9e9ea;
    margin-bottom: 16px
}

@media only screen and (min-width: 992px) {
    .layout-modal__item:nth-child(4n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .layout-modal__item:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .layout-modal__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 991px) {
    .layout-modal__item {
        width: -webkit-calc(100% / 3 - 12px);
        width: calc(100% / 3 - 12px);
        margin-right: 18px;
        margin-bottom: 18px
    }
}

@media only screen and (max-width: 767px) {
    .layout-modal__item {
        width: -webkit-calc(50% - 9px);
        width: calc(50% - 9px)
    }
}

@media only screen and (max-width: 480px) {
    .layout-modal__item {
        width: 100%;
        max-width: 380px;
        margin: 0 auto 15px auto
    }
}

.layout-modal__pic-wrap {
    position: relative
}

.layout-modal__pic-wrap:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #8c8585;
    background-image: url(../img/plus_ico_60.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.layout-modal__pic-wrap:hover:before {
    opacity: 1
}

.layout-modal__pic {
    width: 100%;
    vertical-align: top
}

.layout-modal__title {
    text-align: left;
    font-size: 12px;
    font-family: GilroyLight;
    color: #9f9999;
    margin: 20px 0 0 20px;
    letter-spacing: 1px
}

.layout-modal__space {
    margin: 5px 0 25px 20px;
    font-family: GilroyBold;
    color: #aca2a3;
    font-size: 27px;
    text-align: left;
    letter-spacing: 2px
}

.layout-modal__space .m2 {
    font-size: 14px;
    vertical-align: top
}

.layout-modal__space .m2 i {
    font-size: 7px;
    font-style: normal;
    vertical-align: top
}

.roomhouse-modal {
    padding: 30px 0 85px 0;
    max-width: 980px
}

.roomhouse-modal__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.roomhouse-modal__close {
    border: 1px solid #d3d4d5;
    height: 110px;
    width: 160px;
    background-image: url(../img/modal-close.png);
    background-repeat: no-repeat;
    background-position: 35px center;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative
}

.roomhouse-modal__close:before {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/modal-close-active.png);
    background-repeat: no-repeat;
    background-position: 35px center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.roomhouse-modal__close:hover {
    border-color: #b2aeae
}

.roomhouse-modal__close:hover:before {
    opacity: 1
}

@media only screen and (max-width: 640px) {
    .roomhouse-modal__close {
        width: 110px;
        background-position: center center
    }

    .roomhouse-modal__close:before {
        background-position: center center
    }
}

@media only screen and (max-width: 480px) {
    .roomhouse-modal__close {
        height: 90px;
        width: 90px
    }
}

.roomhouse-modal__caption-wrap {
    background-image: url(../img/modal-bg.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    height: 110px;
    width: 680px;
    text-align: left
}

@media only screen and (max-width: 991px) {
    .roomhouse-modal__caption-wrap {
        width: 400px
    }
}

@media only screen and (max-width: 640px) {
    .roomhouse-modal__caption-wrap {
        width: 220px
    }
}

@media only screen and (max-width: 480px) {
    .roomhouse-modal__caption-wrap {
        width: 190px;
        height: 90px
    }
}

.roomhouse-modal__caption {
    background-color: #3f3434;
    height: 100%;
    width: 50%;
    padding-left: 95px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 991px) {
    .roomhouse-modal__caption {
        width: 100%
    }
}

@media only screen and (max-width: 640px) {
    .roomhouse-modal__caption {
        padding-left: 35px
    }
}

@media only screen and (max-width: 480px) {
    .roomhouse-modal__caption {
        padding-left: 15px
    }
}

.roomhouse-modal__caption-text {
    font-family: GilroyRegular;
    color: #fff;
    font-size: 16px;
    padding-right: 15px
}

.roomhouse-modal__room-count {
    color: #fff;
    font-size: 30px;
    font-family: GilroyBlack;
    position: relative;
    margin-right: 32px;
    text-transform: uppercase;
    line-height: 60px;
    letter-spacing: 2px
}

.roomhouse-modal__room-count:after {
    height: 46px;
    width: 2px;
    background-color: #fff;
    display: block;
    content: '';
    position: absolute;
    right: -15px;
    top: 2px
}

.roomhouse-modal__list {
    padding: 80px 95px 0 95px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 640px) {
    .roomhouse-modal__list {
        padding: 80px 45px 0 45px
    }
}

@media only screen and (max-width: 480px) {
    .roomhouse-modal__list {
        padding: 80px 15px 0 15px
    }
}

.roomhouse-modal__item {
    width: -webkit-calc(25% - 12px);
    width: calc(25% - 12px);
    margin-right: 16px;
    border: 1px solid #e9e9ea;
    margin-bottom: 16px;
    display: block;
    text-decoration: none
}

.roomhouse-modal__item--no-image:hover {
    border-color: #518acd;
    -webkit-transition: .2s;
    transition: .2s
}

.roomhouse-modal__item--no-image:hover .roomhouse-modal__desc {
    background-color: #518acd;
    -webkit-transition: .2s;
    transition: .2s
}

.roomhouse-modal__item--no-image:hover .roomhouse-modal__desc .roomhouse-modal__item-room-count {
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.roomhouse-modal__item--no-image:hover .roomhouse-modal__desc .roomhouse-modal__item-room-count:before {
    background-color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.roomhouse-modal__item--no-image:hover .roomhouse-modal__desc .roomhouse-modal__item-text {
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

@media only screen and (min-width: 992px) {
    .roomhouse-modal__item:nth-child(4n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .roomhouse-modal__item:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .roomhouse-modal__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 991px) {
    .roomhouse-modal__item {
        width: -webkit-calc(100% / 3 - 12px);
        width: calc(100% / 3 - 12px);
        margin-right: 18px;
        margin-bottom: 18px
    }
}

@media only screen and (max-width: 767px) {
    .roomhouse-modal__item {
        width: -webkit-calc(50% - 9px);
        width: calc(50% - 9px)
    }
}

@media only screen and (max-width: 480px) {
    .roomhouse-modal__item {
        width: 100%;
        max-width: 380px;
        margin: 0 auto 15px auto
    }
}

.roomhouse-modal__pic-wrap {
    position: relative
}

.roomhouse-modal__pic-wrap:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #8c8585;
    background-image: url(../img/plus_ico_60.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.roomhouse-modal__pic-wrap:hover:before {
    opacity: 1
}

.roomhouse-modal__pic {
    width: 100%;
    vertical-align: top
}

.roomhouse-modal__desc {
    padding: 25px 0 25px 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.roomhouse-modal__item-room-count {
    font-size: 50px;
    color: #9f9999;
    font-family: GilroyBold;
    position: relative;
    margin-right: 20px
}

.roomhouse-modal__item-room-count:before {
    position: absolute;
    display: block;
    content: '';
    height: 36px;
    width: 1px;
    background-color: #9f9999;
    right: -10px;
    top: 4px
}

.roomhouse-modal__item-room-count--all {
    font-size: 28px;
    text-transform: uppercase;
    line-height: 50px
}

.roomhouse-modal__item-text {
    font-size: 14px;
    color: #9f9999;
    font-family: GilroyRegular;
    text-align: left
}

.documents {
    padding: 105px 0 105px 0
}

.documents__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    background-color: #fff;
    padding: 80px 100px;
    text-align: center
}

@media only screen and (max-width: 1199px) {
    .documents__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .documents__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .documents__inner {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .documents__inner {
        padding: 80px 40px
    }
}

@media only screen and (max-width: 650px) {
    .documents__inner {
        padding: 50px 15px
    }
}

.documents__caption {
    text-transform: uppercase;
    border-top: 1px dashed #ccc;
    position: relative;
    padding-top: 15px;
    font-family: GilroyThin;
    color: #5e5e65;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 40px;
    text-align: left
}

.documents__caption:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #518acd;
    width: 154px;
    height: 1px;
    top: -1px;
    left: 0
}

.documents__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 580px) {
    .documents__list {
        width: 100%;
        max-width: 460px;
        margin: 0 auto
    }
}

.documents__item {
    width: -webkit-calc(100% / 3 - 20px);
    width: calc(100% / 3 - 20px);
    margin-right: 30px;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 30px
}

@media only screen and (min-width: 992px) {
    .documents__item:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 581px) and (max-width: 991px) {
    .documents__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 991px) {
    .documents__item {
        width: -webkit-calc(50% - 15px);
        width: calc(50% - 15px);
        margin-right: 30px
    }
}

@media only screen and (max-width: 580px) {
    .documents__item {
        width: 100%;
        margin-right: 0
    }
}

.documents__pic-wrap {
    position: relative
}

.documents__hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #8c8585;
    background-image: url(../img/plus_ico_60.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    outline: 0
}

.documents__hover:hover {
    opacity: 1
}

.documents__pic {
    width: 100%;
    vertical-align: top
}

.documents__desc {
    font-family: GilroyRegular;
    font-size: 14px;
    color: #615d5e;
    text-align: left;
    line-height: 1.4;
    margin: 30px 0 0 15px
}

.documents__delimiter {
    border: none;
    height: 1px;
    width: 80px;
    background-color: #518acd;
    margin: 15px 0 18px 15px
}

.documents__date {
    margin: 0 0 25px 15px;
    font-size: 12px;
    color: #615d5e;
    font-family: GilroyRegular;
    text-align: left;
    letter-spacing: 1px
}

.documents-page .content {
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover
}

.aeropanorama {
    padding: 105px 0 105px 0
}

.aeropanorama__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    background-color: #fff;
    padding: 80px 100px;
    text-align: center
}

@media only screen and (max-width: 1199px) {
    .aeropanorama__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .aeropanorama__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .aeropanorama__inner {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .aeropanorama__inner {
        padding: 80px 40px
    }
}

@media only screen and (max-width: 650px) {
    .aeropanorama__inner {
        padding: 50px 15px
    }
}

.aeropanorama__caption {
    text-transform: uppercase;
    border-top: 1px dashed #ccc;
    position: relative;
    padding-top: 15px;
    font-family: GilroyThin;
    color: #5e5e65;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 40px;
    text-align: left
}

.aeropanorama__caption:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #518acd;
    width: 154px;
    height: 1px;
    top: -1px;
    left: 0
}

.aeropanorama__pic {
    width: 100%
}

.aeropanorama-page .content {
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover
}

.online-camera {
    padding: 105px 0 105px 0
}

.online-camera__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    background-color: #fff;
    padding: 80px 100px;
    text-align: center
}

@media only screen and (max-width: 1199px) {
    .online-camera__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .online-camera__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .online-camera__inner {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .online-camera__inner {
        padding: 80px 40px
    }
}

@media only screen and (max-width: 650px) {
    .online-camera__inner {
        padding: 50px 15px
    }
}

.online-camera__caption {
    text-transform: uppercase;
    border-top: 1px dashed #ccc;
    position: relative;
    padding-top: 15px;
    font-family: GilroyThin;
    color: #5e5e65;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 60px;
    text-align: left
}

.online-camera__caption:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #518acd;
    width: 154px;
    height: 1px;
    top: -1px;
    left: 0
}

.online-camera__desc {
    font-family: GilroyRegular;
    font-size: 14px;
    color: #615d5e;
    text-align: left;
    line-height: 1.6;
    margin-bottom: 5px
}

.online-camera__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 580px) {
    .online-camera__list {
        width: 100%;
        max-width: 460px;
        margin: 0 auto
    }
}

.online-camera__item {
    margin-top: 30px;
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-right: 30px
}

@media only screen and (min-width: 681px) {
    .online-camera__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 680px) {
    .online-camera__item {
        width: 100%;
        margin: 40px auto 0 auto;
        max-width: 480px
    }
}

.online-camera__pic-wrap {
    position: relative
}

.online-camera__pic {
    width: 100%;
    vertical-align: top
}

.online-camera__blackout {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    background-image: url(../img/video_ico.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: .2s;
    transition: .2s
}

.online-camera__blackout:hover {
    background-image: url(../img/video_pause_ico.png)
}

.online-camera__camera-caption {
    font-family: GilroyRegular;
    font-size: 16px;
    color: #615d5e;
    text-align: left;
    line-height: 20px;
    margin-top: 20px;
    padding-left: 14px;
    border-left: 6px solid #518acd
}

.online-camera-page .content {
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover
}

.participants {
    padding: 105px 0 105px 0
}

.participants__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    background-color: #fff;
    padding: 80px 100px;
    text-align: center
}

@media only screen and (max-width: 1199px) {
    .participants__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .participants__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .participants__inner {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .participants__inner {
        padding: 80px 40px
    }
}

@media only screen and (max-width: 650px) {
    .participants__inner {
        padding: 50px 15px
    }
}

.participants__caption {
    text-transform: uppercase;
    border-top: 1px dashed #ccc;
    position: relative;
    padding-top: 15px;
    font-family: GilroyThin;
    color: #5e5e65;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 55px;
    text-align: left
}

.participants__caption:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #518acd;
    width: 154px;
    height: 1px;
    top: -1px;
    left: 0
}

.participants__desc {
    font-family: GilroyRegular;
    font-size: 14px;
    color: #615d5e;
    text-align: left;
    line-height: 1.6;
    margin-bottom: 5px
}

.participants__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 20px
}

@media only screen and (max-width: 580px) {
    .participants__list {
        width: 100%
    }
}

.participants__item {
    width: -webkit-calc(25% - 15px);
    width: calc(25% - 15px);
    margin-right: 20px
}

@media only screen and (min-width: 992px) {
    .participants__item:nth-child(4n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 741px) and (max-width: 991px) {
    .participants__item:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 481px) and (max-width: 740px) {
    .participants__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 991px) {
    .participants__item {
        width: -webkit-calc(100% / 3 - 10px);
        width: calc(100% / 3 - 10px);
        margin-right: 15px
    }
}

@media only screen and (max-width: 740px) {
    .participants__item {
        width: -webkit-calc(50% - 7px);
        width: calc(50% - 7px);
        margin-right: 14px
    }
}

@media only screen and (max-width: 480px) {
    .participants__item {
        width: 100%;
        margin: 0 auto;
        max-width: 400px
    }
}

.participants__pic-wrap {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 190px;
    border: 1px solid #ddd;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.participants__title {
    font-family: GilroyRegular;
    font-size: 14px;
    color: #615d5e;
    margin: 20px 0;
    text-align: left
}

.participants-page .content {
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover
}

.gallery {
    padding: 105px 0 105px 0
}

.gallery__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    background-color: #fff;
    padding: 80px 100px;
    text-align: center
}

@media only screen and (max-width: 1199px) {
    .gallery__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .gallery__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .gallery__inner {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .gallery__inner {
        padding: 80px 40px
    }
}

@media only screen and (max-width: 650px) {
    .gallery__inner {
        padding: 50px 15px
    }
}

.gallery__caption {
    text-transform: uppercase;
    border-top: 1px dashed #ccc;
    position: relative;
    padding-top: 15px;
    font-family: GilroyThin;
    color: #5e5e65;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 40px;
    text-align: left
}

.gallery__caption:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #518acd;
    width: 154px;
    height: 1px;
    top: -1px;
    left: 0
}

.gallery__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 580px) {
    .gallery__list {
        width: 100%;
        max-width: 460px;
        margin: 0 auto
    }
}

.gallery__item {
    width: -webkit-calc(100% / 3 - 6px);
    width: calc(100% / 3 - 6px);
    margin-right: 9px;
    position: relative;
    margin-bottom: 9px
}

@media only screen and (min-width: 761px) {
    .gallery__item:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 581px) and (max-width: 760px) {
    .gallery__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 760px) {
    .gallery__item {
        width: -webkit-calc(50% - 5px);
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 580px) {
    .gallery__item {
        width: 100%;
        margin-right: 0
    }
}

.gallery__pic {
    width: 100%;
    vertical-align: top
}

.gallery__hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #8c8585;
    background-image: url(../img/plus_ico_60.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    outline: 0
}

.gallery__hover:hover {
    opacity: 1
}

.gallery-page .content {
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover
}

.gallery-modal .mfp-bottom-bar {
    display: none
}

.gallery-modal .mfp-close {
    width: 60px;
    height: 60px;
    padding: 0;
    right: 100px;
    top: 10px;
    font-size: 40px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #686868;
    border: 1px solid #686868;
    opacity: 1;
    -webkit-transition: .2s;
    transition: .2s
}

.gallery-modal .mfp-close:hover {
    color: #fff;
    border-color: #fff
}

@media only screen and (max-width: 767px) {
    .gallery-modal .mfp-close {
        right: 80px
    }
}

.gallery-modal .mfp-img {
    padding: 100px 100px 0 100px;
    background-color: transparent
}

@media only screen and (max-width: 767px) {
    .gallery-modal .mfp-img {
        padding: 100px 80px 0 80px
    }
}

.gallery-modal .mfp-figure:after {
    display: none
}

.gallery-modal .mfp-arrow {
    top: -webkit-calc(50%);
    top: calc(50%);
    height: 100px;
    width: 62px;
    border: 1px solid #fff;
    opacity: .5;
    margin: 0;
    padding: 0;
    -webkit-transition: .2s;
    transition: .2s;
    background-repeat: no-repeat;
    background-position: center center
}

.gallery-modal .mfp-arrow:hover {
    opacity: 1
}

.gallery-modal .mfp-arrow:after, .gallery-modal .mfp-arrow:before {
    display: none
}

.gallery-modal .mfp-arrow-left {
    background-image: url(../img/gallery-modal/gallery_modal_prev.png);
    left: 50px
}

@media only screen and (max-width: 767px) {
    .gallery-modal .mfp-arrow-left {
        left: 20px
    }
}

.gallery-modal .mfp-arrow-right {
    background-image: url(../img/gallery-modal/gallery_modal_next.png);
    right: 50px
}

@media only screen and (max-width: 767px) {
    .gallery-modal .mfp-arrow-right {
        right: 20px
    }
}

.review-request-modal {
    max-width: 630px;
    padding: 30px 0 120px 0
}

.review-request-modal__inner {
    padding: 0 146px
}

@media only screen and (max-width: 610px) {
    .review-request-modal__inner {
        padding: 0 40px
    }
}

@media only screen and (max-width: 360px) {
    .review-request-modal__inner {
        padding: 0 15px
    }
}

.review-request-modal__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.review-request-modal__close {
    border: 1px solid #d3d4d5;
    height: 110px;
    width: 95px;
    background-image: url(../img/modal-close.png);
    background-repeat: no-repeat;
    background-position: 35px center;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative
}

.review-request-modal__close:before {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/modal-close-active.png);
    background-repeat: no-repeat;
    background-position: 35px center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.review-request-modal__close:hover {
    border-color: #b2aeae
}

.review-request-modal__close:hover:before {
    opacity: 1
}

@media only screen and (max-width: 640px) {
    .review-request-modal__close {
        width: 110px;
        background-position: center center
    }

    .review-request-modal__close:before {
        background-position: center center
    }
}

@media only screen and (max-width: 480px) {
    .review-request-modal__close {
        height: 90px;
        width: 90px
    }
}

.review-request-modal__header-inner {
    background-image: url(../img/modal-bg.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    height: 110px;
    width: 446px;
    text-align: left;
    border-left: 65px solid #3f3434
}

@media only screen and (max-width: 991px) {
    .review-request-modal__header-inner {
        width: 400px
    }
}

@media only screen and (max-width: 640px) {
    .review-request-modal__header-inner {
        width: 220px
    }
}

@media only screen and (max-width: 480px) {
    .review-request-modal__header-inner {
        width: 190px;
        height: 90px
    }
}

.review-request-modal__caption {
    font-size: 22px;
    text-transform: uppercase;
    color: #615d5e;
    font-family: GilroyThin;
    padding-left: 20px;
    border-left: 6px solid #8c8585;
    text-align: left;
    line-height: 1.2;
    margin-top: 74px;
    letter-spacing: 1px
}

.review-request-modal__form {
    text-align: left
}

.review-request-modal__form-btn {
    background-color: transparent;
    border: 2px solid #8c8585;
    text-transform: uppercase;
    width: 100%;
    line-height: 50px;
    color: #8c8585;
    cursor: pointer;
    font-family: GilroyLight;
    letter-spacing: 1px;
    margin-top: 39px;
    -webkit-transition: .2s;
    transition: .2s;
    outline: 1px solid transparent
}

.review-request-modal__form-btn:hover {
    background-color: #8c8585;
    color: #fff
}

.review-request-modal__form-input {
    width: 100%;
    background-color: transparent;
    outline: 0;
    border: none;
    border-bottom: 2px solid #b2aeae;
    font-size: 14px;
    font-family: GilroyRegular;
    color: #615d5e;
    letter-spacing: 1px;
    -webkit-transition: .2s;
    transition: .2s;
    line-height: 25px;
    padding-left: 14px
}

.review-request-modal__form-input:focus {
    border-bottom: 2px solid #8c8585
}

.review-request-modal__form-textarea {
    height: 70px;
    width: 100%;
    background-color: transparent;
    outline: 0;
    border: 2px solid #b2aeae;
    border-top: none;
    font-size: 14px;
    font-family: GilroyRegular;
    color: #615d5e;
    letter-spacing: 1px;
    -webkit-transition: .2s;
    transition: .2s;
    padding-left: 14px
}

.review-request-modal__form-textarea:focus {
    border-color: #8c8585
}

.review-request-modal__form-title {
    margin: 35px 0 7px 0;
    font-family: GilroyThin;
    color: #aca2a3;
    font-size: 12px;
    letter-spacing: 1px
}

.carousel__slide {
    height: 100vh;
    position: relative
}

@media only screen and (max-width: 1200px) {
    .carousel__slide {
        height: 700px
    }
}

@media only screen and (max-width: 991px) {
    .carousel__slide {
        height: 500px
    }
}

.carousel__inner {
    position: absolute;
    background-color: rgba(68, 55, 51, .6);
    padding: 20px 70px 20px 240px;
    left: 0;
    top: -webkit-calc(50% - 75px);
    top: calc(50% - 75px)
}

@media only screen and (max-width: 1400px) {
    .carousel__inner {
        padding: 20px 70px 20px 40px
    }


}

@media only screen and (max-width: 767px) {
    .carousel__inner {
        padding: 20px
    }
}

@media only screen and (max-width: 560px) {
    .carousel__inner {
        width: 100%
    }

    .carousel__inner br {
        display: inline-block
    }
}

.carousel__caption {
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    font-family: GilroyRegular;
    letter-spacing: 3px
}

@media only screen and (max-width: 1200px) {
    .carousel__caption {
        font-size: 36px
    }
}

@media only screen and (max-width: 991px) {
    .carousel__caption {
        font-size: 28px
    }
}

@media only screen and (max-width: 767px) {
    .carousel__caption {
        font-size: 24px
    }
}

@media only screen and (max-width: 480px) {
    .carousel__caption {
        font-size: 18px
    }
}

.carousel__price-wrap {
    font-family: GilroyMedium;
    color: #fff;
    margin-top: 20px;
    letter-spacing: 1px;
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    .carousel__price-wrap {
        font-size: 16px;
        margin-top: 10px
    }
}

.carousel__price {
    font-family: GilroyMedium;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 1px
}

@media only screen and (max-width: 767px) {
    .carousel__price {
        font-size: 18px
    }
}

.carousel__price-m2 {
    font-family: GilroyMedium;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    vertical-align: top
}

.carousel .owl-controls {
    position: absolute;
    top: -webkit-calc(50% - 79px);
    top: calc(50% - 79px);
    right: 390px;
    margin-top: 0
}

@media only screen and (max-width: 1700px) {
    .carousel .owl-controls {
        right: 90px
    }
}

@media only screen and (max-width: 767px) {
    .carousel .owl-controls {
        right: 40px
    }
}

@media only screen and (max-width: 560px) {
    .carousel .owl-controls {
        top: inherit;
        bottom: 20px;
        right: -webkit-calc(50% - 59px);
        right: calc(50% - 59px)
    }
}

.carousel .owl-controls .owl-page {
    display: block;
    margin-bottom: 40px
}

@media only screen and (max-width: 560px) {
    .carousel .owl-controls .owl-page {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 20px
    }
}

.carousel .owl-controls .owl-page:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.carousel .owl-controls .owl-page span {
    opacity: 1;
    border-radius: 0;
    margin: 0;
    background: 0 0;
    width: 26px;
    height: 26px;
    border: 2px solid #fff
}

.carousel .owl-controls .owl-page.active span {
    border: 4px solid #fff;
    background: 0 0
}

.map {
    text-align: center;
    background-image: url(../img/map-wrap-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 90px;
    padding-top: 90px
}

@media only screen and (max-width: 767px) {
    .map {
        padding-top: 60px
    }
}

.map__btn {
    display: block;
    height: 80px;
    width: 80px;
    border: 2px solid #fff;
    background-color: transparent;
    background-image: url(../img/map-plus_ico.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 60px;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    background-color: rgba(68, 55, 51, .7)
}

.map__btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/map-plus-active_ico.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    background-color: #443733;
    -webkit-transition: .2s;
    transition: .2s
}

.map__btn:hover:before {
    opacity: 1
}

@media only screen and (max-width: 767px) {
    .map__btn {
        margin-left: auto
    }
}

@media only screen and (max-width: 580px) {
    .map__btn {
        height: 50px;
        width: 50px
    }
}

.map__info {
    left: 60px;
    bottom: 25px;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.map__info.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 767px) {
    .map__info {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 200px;
        background-color: #443733;
        padding: 0 45px
    }
}

@media only screen and (max-width: 580px) {
    .map__info {
        padding: 0 15px
    }
}

.map__delimiter {
    height: 75px;
    width: 3px;
    background-color: #d94b40;
    border: none;
    margin: 0 15px
}

@media only screen and (max-width: 580px) {
    .map__delimiter {
        height: 60px;
        margin: 0 8px
    }
}

.map__number {
    font-size: 60px;
    color: #fff;
    font-family: GilroyBlack
}

@media only screen and (max-width: 580px) {
    .map__number {
        font-size: 40px
    }
}

.map__param {
    font-size: 18px;
    color: #fff;
    font-family: GilroyRegular;
    text-align: left;
    line-height: 1.2;
    letter-spacing: 1px
}

.map__param--value {
    font-family: GilroyBold
}

@media only screen and (max-width: 580px) {
    .map__param {
        font-size: 12px
    }
}

.map:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(4, 4, 4, .8)
}

.map__inner {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    padding: 0
}

@media only screen and (max-width: 1199px) {
    .map__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .map__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .map__inner {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .map__inner {
        padding-bottom: 200px
    }
}

.map__bg-pic {
    vertical-align: top;
    max-width: 100%
}

.map__head {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    margin: 0 auto 90px auto
}

@media only screen and (max-width: 1199px) {
    .map__head {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .map__head {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .map__head {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .map__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 auto 60px auto
    }
}

.map__caption-wrap {
    text-align: left;
    border-left: 6px solid #8c8585;
    padding-left: 36px;
    text-transform: uppercase
}

@media only screen and (max-width: 767px) {
    .map__caption-wrap {
        margin-bottom: 44px
    }
}

@media only screen and (max-width: 350px) {
    .map__caption-wrap {
        padding-left: 10px
    }
}

.map__caption {
    font-size: 37px;
    color: #fff;
    font-family: GilroyThin;
    line-height: 1.2;
    letter-spacing: 1px
}

.map__subcaption {
    font-size: 20px;
    font-family: GilroyThin;
    line-height: 1.2;
    color: #fff;
    letter-spacing: 1px
}

.map__desc {
    font-size: 14px;
    color: #fff;
    font-family: GilroyLight;
    text-align: left;
    width: 50%;
    line-height: 1.6;
    letter-spacing: 1px
}

@media only screen and (max-width: 767px) {
    .map__desc {
        width: 100%
    }
}

.map .layout2 {
    position: absolute;
    top: 0;
    left: 0
}

.map .layout2__area {
    opacity: 0;
    fill: #77b97e;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.map .layout2__areagreen {
    opacity: 0;
    fill: #77b97e;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}


.map .layout2__area:hover {
    opacity: .9
}

.map .layout2__areagreen:hover {
    opacity: .9
}


.map .layout2__circle {
    fill: #d84845;
    opacity: 0.6;
}

.map .layout2__circlegreen {
    fill: #77b97e;
    opacity: 0.6;
}

.map .layout2__circleyellow {
    fill: #fdb47f;
    opacity: 0.6;
}



.map .layout2__circle-text {
    font-size: 18px;
    fill: #fff;
    font-family: GilroyMedium;
    text-anchor: middle;
    alignment-baseline: middle;
}

.city-lake-page .map .layout2__area {
    fill: #5cb7fd
}

.city-lake-page .map .layout2__circle {
    fill: #5cb7fd
}

.city-lake-page .map__delimiter {
    background-color: #58b6ff
}

.city-lake-page .map__caption-wrap {
    border-left: 6px solid #58b6ff
}

.center .map .layout2__circle-text {
    font-size: 31px;
}

.action-carousel__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px
}

@media only screen and (max-width: 1199px) {
    .action-carousel__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .action-carousel__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .action-carousel__inner {
        width: 100%
    }
}

.action-carousel__slide {
    position: relative;
    padding: 70px 100px 80px 100px
}

@media only screen and (max-width: 1199px) {
    .action-carousel__slide {
        padding: 50px 0
    }
}

.action-carousel__caption {
    margin: 115px 0 0 0;
    text-transform: uppercase;
    font-family: GothamProBlack;
    font-size: 48px;
    color: #bba08b;
    letter-spacing: 4px;
    z-index: 2;
    position: relative
}

@media only screen and (max-width: 680px) {
    .action-carousel__caption {
        font-size: 32px;
        letter-spacing: normal
    }
}

@media only screen and (max-width: 480px) {
    .action-carousel__caption {
        font-size: 22px;
        margin-top: 60px
    }
}

.action-carousel__caption--translate {
    margin-left: 90px;
    margin-top: 0
}

@media only screen and (max-width: 480px) {
    .action-carousel__caption--translate {
        margin-top: 0
    }
}

.action-carousel__subcaption {
    font-family: GothamProMedium;
    font-size: 14px;
    vertical-align: top;
    margin-top: 6px;
    display: inline-block;
    letter-spacing: normal;
    z-index: 2;
    position: relative
}

@media only screen and (max-width: 680px) {
    .action-carousel__subcaption {
        font-size: 12px
    }
}

.action-carousel__desc {
    text-transform: uppercase;
    font-family: GothamProBlack;
    margin-top: 20px;
    font-size: 18px;
    color: #ec625b;
    z-index: 2;
    position: relative
}

@media only screen and (max-width: 680px) {
    .action-carousel__desc {
        font-size: 14px
    }
}

@media only screen and (max-width: 480px) {
    .action-carousel__desc {
        font-size: 12px
    }
}

.action-carousel__btn {
    margin-top: 50px;
    text-transform: uppercase;
    display: inline-block;
    font-family: GilroyLight;
    font-size: 12px;
    color: #baa08b;
    text-decoration: none;
    letter-spacing: 2px;
    line-height: 40px;
    border: 2px solid #baa08b;
    padding: 0 40px;
    z-index: 2;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s
}

.action-carousel__btn:hover {
    background-color: #baa08b;
    color: #fff
}

.action-carousel__pic {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    max-width: 625px
}

@media only screen and (max-width: 1199px) {
    .action-carousel__pic {
        max-width: 450px
    }
}

@media only screen and (max-width: 991px) {
    .action-carousel__pic {
        display: none
    }
}

.action-carousel .owl-controls {
    position: absolute;
    left: 115px;
    top: 70px;
    margin-top: 0
}

@media only screen and (max-width: 1199px) {
    .action-carousel .owl-controls {
        left: 15px
    }
}

@media only screen and (max-width: 480px) {
    .action-carousel .owl-controls {
        top: 35px
    }
}

.action-carousel .owl-controls .owl-pagination .owl-page span {
    border-radius: 0;
    opacity: 1;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 2px solid #d1cdcd;
    -webkit-transition: .2s;
    transition: .2s;
    margin: 0 30px 0 0
}

.action-carousel .owl-controls .owl-pagination .owl-page.active span {
    border: 2px solid #979191
}

.about-complex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about-complex__left {
    width: 50%;
    background-image: url(../img/about-complex.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover
}

.about-complex__right {
    width: 50%;
    background-image: url(../img/background-image-centre.svg)
}

@media only screen and (max-width: 991px) {
    .about-complex__right {
        width: 100%
    }
}

.about-complex__inner {
    float: left;
    width: 570px;
    padding-left: 60px
}

@media only screen and (max-width: 1199px) {
    .about-complex__inner {
        padding: 0 15px;
        width: 470px
    }
}

@media only screen and (max-width: 991px) {
    .about-complex__inner {
        width: 100%
    }
}

.about-complex__caption-wrap {
    padding: 10px 0 10px 30px;
    border-left: 6px solid #421d1c;
    margin: 90px 0 50px 0
}

@media only screen and (max-width: 350px) {
    .about-complex__caption-wrap {
        padding: 10px 0 10px 10px
    }
}

.about-complex__caption {
    text-transform: uppercase;
    font-size: 37px;
    color: #615d5e;
    font-family: GilroyMedium;
    letter-spacing: 1px
}

.about-complex__subcaption {
    text-transform: uppercase;
    font-family: GilroyRegular;
    font-size: 23px;
    color: #615d5e;
    margin-top: 10px;
    letter-spacing: 1px
}

.about-complex__desc {
    margin-top: 25px;
    font-size: 13px;
    color: #421d1c;
    font-family: GilroyLight;
    line-height: 2
}

.about-complex__btn {
    font-size: 12px;
    font-family: GilroyLight;
    color: #421d1c;
    margin: 50px 0 90px 0;
    line-height: 50px;
    padding: 0 30px;
    border: 1px solid #421d1c;
    text-decoration: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: .2s;
    transition: .2s
}

.about-complex__btn:hover {
    background-color: #8c8585;
    color: #ccc8c8
}

.about-complex__plus {
    margin-bottom: 96px
}

@media only screen and (max-width: 479px) {
    .about-complex__plus {
        margin-bottom: 0
    }
}

.about-complex__plus-item {
    display: inline-block;
    margin-right: 30px;
    width: 100px;
    vertical-align: top
}

@media only screen and (max-width: 1199px) {
    .about-complex__plus-item {
        width: 95px
    }
}

.about-complex__plus-item:last-child {
    margin-right: 0
}

@media only screen and (max-width: 479px) {
    .about-complex__plus-item:last-child {
        margin-right: auto
    }
}

@media only screen and (max-width: 1199px) {
    .about-complex__plus-item {
        margin-right: 15px
    }
}

@media only screen and (max-width: 479px) {
    .about-complex__plus-item {
        display: block;
        text-align: center;
        margin: 0 auto 40px auto
    }
}

.about-complex__title {
    font-family: GilroyRegular;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 13px;
    color: #421d1c;
    letter-spacing: 1px;
    text-align: center;
    line-height: 1.2
}

.about-complex__plus-ico {
    width: 100px;
    height: 100px;
    background-color: #421d1c;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 479px) {
    .about-complex__plus-ico {
        margin: 0 auto
    }
}

@media only screen and (max-width: 1199px) {
    .about-complex__plus-ico {
        width: 95px;
        height: 95px
    }
}

.about-complex__plus-ico--availability {
    background-image: url(../img/plus-ico1.png)
}

.about-complex__plus-ico--comfort {
    background-image: url(../img/plus-ico2.png)
}

.about-complex__plus-ico--quality {
    background-image: url(../img/plus-ico3.png)
}

.about-complex__plus-ico--design {
    background-image: url(../img/plus-ico4.png)
}

.city-lake-page .about-complex__left {
    background-image: url(../img/about-complex2.jpg)
}

.city-lake-page .about-complex__right {
    background-color: #247cbf
}

.city-lake-page .about-complex__caption-wrap {
    border-left: 6px solid #58b6ff
}

.city-lake-page .about-complex__btn, .city-lake-page .about-complex__caption, .city-lake-page .about-complex__desc, .city-lake-page .about-complex__subcaption {
    color: #fff
}

.city-lake-page .about-complex__btn {
    border-color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.city-lake-page .about-complex__btn:hover {
    background-color: #fff;
    color: #247cbf
}

.city-lake-page .about-complex__title {
    color: #58b6ff
}

.city-lake-page .about-complex__plus-ico {
    background-color: #58b6ff
}

.city-lake-page .about-complex__plus-ico--ecology {
    background-image: url(../img/CL_plus_ico1.png)
}

.city-lake-page .about-complex__plus-ico--comfort {
    background-image: url(../img/CL_plus_ico2.png)
}

.city-lake-page .about-complex__plus-ico--quality {
    background-image: url(../img/CL_plus_ico3.png)
}

.city-lake-page .about-complex__plus-ico--design {
    background-image: url(../img/CL_plus_ico4.png)
}

.infrastructure {
    background-image: url(../img/infrastructure.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 90px 0 70px 0;
    position: relative
}

.infrastructure:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    background-color: rgba(38, 32, 30, .9)
}

.infrastructure__head {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    margin: 0 auto 90px auto
}

@media only screen and (max-width: 1199px) {
    .infrastructure__head {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .infrastructure__head {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .infrastructure__head {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .infrastructure__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 auto 60px auto
    }
}

.infrastructure__caption-wrap {
    text-align: left;
    border-left: 6px solid #8c8585;
    padding-left: 36px;
    text-transform: uppercase
}

@media only screen and (max-width: 767px) {
    .infrastructure__caption-wrap {
        margin-bottom: 44px
    }
}

@media only screen and (max-width: 350px) {
    .infrastructure__caption-wrap {
        padding-left: 10px
    }
}

.infrastructure__caption {
    font-size: 37px;
    color: #fff;
    font-family: GilroyThin;
    line-height: 1.2;
    letter-spacing: 1px
}

@media only screen and (max-width: 991px) {
    .infrastructure__caption {
        font-size: 30px
    }
}

.infrastructure__subcaption {
    font-size: 23px;
    font-family: GilroyThin;
    line-height: 1.2;
    color: #fff
}

.infrastructure__desc {
    font-size: 14px;
    color: #fff;
    font-family: GilroyLight;
    text-align: left;
    width: 50%;
    line-height: 1.6;
    letter-spacing: 1px
}

@media only screen and (max-width: 767px) {
    .infrastructure__desc {
        width: 100%
    }
}

.infrastructure__list {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 1199px) {
    .infrastructure__list {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .infrastructure__list {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .infrastructure__list {
        width: 100%
    }
}

@media only screen and (max-width: 550px) {
    .infrastructure__list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.infrastructure__item {
    width: -webkit-calc(25% - 22px);
    width: calc(25% - 22px);
    margin-bottom: 29px;
    position: relative
}

@media only screen and (max-width: 1199px) {
    .infrastructure__item {
        width: -webkit-calc(100% / 3 - 14px);
        width: calc(100% / 3 - 14px);
        margin-bottom: 21px
    }
}

@media only screen and (max-width: 991px) {
    .infrastructure__item {
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 550px) {
    .infrastructure__item {
        width: 100%;
        max-width: 360px;
        margin-bottom: 25px
    }
}

.infrastructure__pic {
    vertical-align: top;
    width: 100%
}

.infrastructure__hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #8c8585;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    padding: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.infrastructure__hover:hover {
    opacity: 1;
    cursor: pointer
}

.infrastructure__hover:hover .infrastructure__link {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.infrastructure__title {
    text-transform: uppercase;
    color: #fff;
    font-family: GilroyThin;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.8
}

.infrastructure__link {
    width: 46px;
    height: 46px;
    display: block;
    border: 1px solid #c6c2c2;
    background-image: url(../img/white-plus-ico.png);
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0
}

.city-lake-page .infrastructure {
    background-image: url(../img/infrastructure2.jpg)
}

.city-lake-page .infrastructure__caption-wrap {
    border-left: 6px solid #58b6ff
}

.about-developer {
    background-image: url(../img/background-about-developer.svg)
}

.about-developer__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    padding: 100px 15px 115px 15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 1199px) {
    .about-developer__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .about-developer__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .about-developer__inner {
        width: 100%
    }
}

.about-developer__left {
    width: 50%
}

@media only screen and (max-width: 991px) {
    .about-developer__left {
        width: 100%;
        margin-bottom: 50px
    }
}

.about-developer__right {
    width: 50%
}

@media only screen and (max-width: 991px) {
    .about-developer__right {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .about-developer-text {
        padding-left: 15px
    }
}

@media only screen and (max-width: 991px) {
    .about-developer-text {
        padding-left: 0
    }
}

.about-developer-text__caption-wrap {
    padding: 10px 0 10px 30px;
    border-left: 6px solid #fccda2;
    margin-bottom: 80px
}

@media only screen and (max-width: 350px) {
    .about-developer-text__caption-wrap {
        padding: 10px 0 10px 10px
    }
}

.about-developer-text__caption {
    text-transform: uppercase;
    font-size: 37px;
    color: #fccda2;
    font-family: GilroyMedium;
    letter-spacing: 1px
}

@media only screen and (max-width: 450px) {
    .about-developer-text__caption {
        font-size: 30px
    }
}

.about-developer-text__subcaption {
    text-transform: uppercase;
    font-family: GilroyRegular;
    font-size: 23px;
    color: #fccda2;
    margin-top: 10px;
    letter-spacing: 1px
}

.about-developer-text__desc {
    font-family: GilroyLight;
    font-size: 13px;
    color: #fccda2;
    margin-bottom: 25px;
    letter-spacing: 1px;
    line-height: 1.8
}

.about-developer-text__btn {
    font-family: GilroyLight;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid #fff;
    line-height: 52px;
    padding: 0 34px;
    display: inline-block;
    letter-spacing: 1px;
    margin-top: 20px;
    -webkit-transition: .2s;
    transition: .2s
}

.about-developer-text__btn:hover {
    color: #fff;
    border-color: #fff
}

.about-developer-photo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 80px
}

@media only screen and (max-width: 1199px) {
    .about-developer-photo {
        padding-right: 15px
    }
}

@media only screen and (max-width: 991px) {
    .about-developer-photo {
        padding-right: 0
    }
}

.about-developer-photo__item {
    margin-top: 50px;
    width: 200px
}

@media only screen and (max-width: 991px) {
    .about-developer-photo__item {
        width: 160px
    }
}

@media only screen and (max-width: 767px) {
    .about-developer-photo__item {
        margin: 0 25px 25px 25px;
        width: 34%
    }
}

@media only screen and (max-width: 460px) {
    .about-developer-photo__item {
        margin: 0 0 45px 0;
        width: 100%
    }
}

.about-developer-photo__title {
    margin-top: 25px;
    font-size: 14px;
    color: #fccda2;
    font-family: GilroyRegular;
    line-height: 1.2;
    letter-spacing: 1px;
    text-align: center
}

@media only screen and (max-width: 991px) {
    .about-developer-photo__title {
        text-align: center
    }
}

.about-developer-photo__pic {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: relative
}

@media only screen and (max-width: 991px) {
    .about-developer-photo__pic {
        width: 160px;
        height: 160px
    }
}

@media only screen and (max-width: 767px) {
    .about-developer-photo__pic {
        margin: 0 auto
    }
}

.about-developer-photo__pic:before {
    content: '';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    top: -webkit-calc(50% - 65px);
    top: calc(50% - 65px);
    right: -webkit-calc(50% - 65px);
    right: calc(50% - 65px);
    background-color: rgba(30, 35, 53, .8);
    border-radius: 50%;
    width: 130px;
    height: 130px
}

.about-developer-photo__pic--rocket {
    background-image: url(../img/about-developer4.jpg)
}

.about-developer-photo__pic--rocket:before {
    background-image: url(../img/rocket_ico.png)
}

.about-developer-photo__pic--key {
    background-image: url(../img/about-developer2.jpg)
}

.about-developer-photo__pic--key:before {
    background-image: url(../img/key_ico.png)
}

.about-developer-photo__pic--position {
    background-image: url(../img/about-developer3.jpg)
}

.about-developer-photo__pic--position:before {
    background-image: url(../img/position_ico.png)
}

.about-developer-photo__pic--math {
    background-image: url(../img/about-developer1.jpg)
}

.about-developer-photo__pic--math:before {
    background-image: url(../img/math_ico.png)
}

.city-lake-page .about-developer-text__caption-wrap {
    border-left: 6px solid #fff
}

.rewards-reviews {
    background-color: #ccc8c8;
    padding: 100px 0
}

.rewards-reviews__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px
}

@media only screen and (max-width: 1199px) {
    .rewards-reviews__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .rewards-reviews__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .rewards-reviews__inner {
        width: 100%
    }
}

.rewards-reviews__head {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    margin: 0 auto 65px 0
}

@media only screen and (max-width: 1199px) {
    .rewards-reviews__head {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .rewards-reviews__head {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .rewards-reviews__head {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .rewards-reviews__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.rewards-reviews__caption-wrap {
    text-align: left;
    border-left: 6px solid #8c8585;
    padding-left: 36px;
    text-transform: uppercase
}

@media only screen and (max-width: 767px) {
    .rewards-reviews__caption-wrap {
        margin-bottom: 44px
    }
}

@media only screen and (max-width: 350px) {
    .rewards-reviews__caption-wrap {
        padding-left: 10px
    }
}

.rewards-reviews__caption {
    font-size: 37px;
    color: #615d5e;
    font-family: HelveticaNeueThin;
    line-height: 1.2;
    letter-spacing: 1px
}

@media only screen and (max-width: 991px) {
    .rewards-reviews__caption {
        font-size: 30px
    }
}

.rewards-reviews__subcaption {
    font-size: 23px;
    font-family: HelveticaNeueThin;
    line-height: 1.2;
    color: #615d5e
}

.rewards-reviews__carousel-wrap {
    padding: 0 100px
}

@media only screen and (max-width: 420px) {
    .rewards-reviews__carousel-wrap {
        padding: 0 60px
    }
}

.rewards-reviews__carousel-item {
    padding: 5px;
    width: 170px;
    background-color: #fff;
    position: relative;
    margin: 0 auto
}

.rewards-reviews__carousel-pic {
    width: 100%;
    vertical-align: top
}

.rewards-reviews__carousel-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #8c8585;
    background-image: url(../img/white-plus_ico.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.rewards-reviews__carousel-hover:hover {
    opacity: 1
}

.rewards-reviews .owl-controls {
    margin: 0
}

.rewards-reviews .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: -100px;
    margin: 0;
    padding: 0;
    top: -webkit-calc(50% - 50px);
    top: calc(50% - 50px);
    border-radius: 0;
    opacity: .5;
    background: 0 0;
    background-image: url(../img/carousel_prev.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100px;
    width: 70px;
    border: 1px solid #fff;
    -webkit-transition: .2s;
    transition: .2s;
    width: 50px
}

.rewards-reviews .owl-controls .owl-buttons .owl-prev:hover {
    opacity: 1
}

@media only screen and (max-width: 420px) {
    .rewards-reviews .owl-controls .owl-buttons .owl-prev {
        left: -60px
    }
}

.rewards-reviews .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: -100px;
    margin: 0;
    padding: 0;
    top: -webkit-calc(50% - 50px);
    top: calc(50% - 50px);
    border-radius: 0;
    opacity: .5;
    background: 0 0;
    background-image: url(../img/carousel_next.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100px;
    width: 70px;
    border: 1px solid #fff;
    -webkit-transition: .2s;
    transition: .2s;
    width: 50px
}

.rewards-reviews .owl-controls .owl-buttons .owl-next:hover {
    opacity: 1
}

@media only screen and (max-width: 420px) {
    .rewards-reviews .owl-controls .owl-buttons .owl-next {
        right: -60px
    }
}

.city-lake-page .rewards-reviews {
    background-color: #247cbf
}

.city-lake-page .rewards-reviews__caption-wrap {
    border-left: 6px solid #58b6ff
}

.city-lake-page .rewards-reviews__caption, .city-lake-page .rewards-reviews__subcaption {
    color: #fff
}

.city-lake-page .rewards-reviews__carousel-hover {
    background-color: #58b6ff
}

.google-map {
    position: relative;
    background-color: #ccc8c8
}

.google-map__inner {
    width: 410px;
    height: 410px;
    border-radius: 50%;
    background-image: url(../img/infrastructure.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -webkit-calc(50% - 205px);
    top: calc(50% - 205px);
    left: -webkit-calc(50% - 570px);
    left: calc(50% - 570px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 1199px) {
    .google-map__inner {
        left: -webkit-calc(50% - 470px);
        left: calc(50% - 470px)
    }
}

@media only screen and (max-width: 991px) {
    .google-map__inner {
        left: -webkit-calc(50% - 360px);
        left: calc(50% - 360px)
    }
}

@media only screen and (max-width: 767px) {
    .google-map__inner {
        position: relative;
        margin: 40px auto;
        left: 0;
        top: 0
    }
}

@media only screen and (max-width: 480px) {
    .google-map__inner {
        width: 300px;
        height: 300px
    }
}

.google-map__inner:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(64, 45, 47, .55);
    z-index: 1
}

.google-map__iframe {
    width: 100%;
    height: 560px;
    vertical-align: top
}

.google-map__position-ico {
    z-index: 2
}

.google-map__address {
    font-family: GilroyBoldItalic;
    font-size: 16px;
    color: #fff;
    z-index: 2;
    text-align: center;
    line-height: 1.6;
    margin-top: 12px
}

.google-map__btn {
    margin-top: 28px;
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 0 15px;
    background-color: transparent;
    z-index: 2;
    line-height: 50px;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    font-family: GilroyLight;
    letter-spacing: 1px;
    outline: 0;
    -webkit-transition: .2s;
    transition: .2s;
    text-decoration: none
}

.google-map__btn:hover {
    color: #00b7ff;
    border-color: #00b7ff
}

@media only screen and (max-width: 480px) {
    .google-map__btn {
        letter-spacing: normal;
        padding: 0 7px;
        margin-top: 12px;
        line-height: 40px
    }
}

.other-projects {
    padding: 100px 0 100px 0
}

.other-projects__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 1199px) {
    .other-projects__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .other-projects__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .other-projects__inner {
        width: 100%
    }
}

.other-projects__head {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    margin: 30 auto 65px auto
}

@media only screen and (max-width: 1199px) {
    .other-projects__head {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .other-projects__head {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .other-projects__head {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .other-projects__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.other-projects__caption-wrap {
    text-align: left;
    border-left: 6px solid #8c8585;
    padding-left: 36px;
    text-transform: uppercase
}

@media only screen and (max-width: 767px) {
    .other-projects__caption-wrap {
        margin-bottom: 44px
    }
}

@media only screen and (max-width: 350px) {
    .other-projects__caption-wrap {
        padding-left: 10px
    }
}

.other-projects__caption {
    font-size: 37px;
    color: #615d5e;
    font-family: GilroyRegular;
    line-height: 1.2;
    letter-spacing: 1px
}

@media only screen and (max-width: 991px) {
    .other-projects__caption {
        font-size: 30px
    }
}

.other-projects__subcaption {
    font-size: 23px;
    font-family: GilroyRegular;
    line-height: 1.2;
    color: #615d5e
}

.other-projects__item {
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
    position: relative
}

@media only screen and (max-width: 991px) {
    .other-projects__item {
        width: 100%;
        margin-bottom: 60px
    }
}

@media only screen and (max-width: 991px) {
    .other-projects__item:last-child {
        margin-bottom: 0
    }
}

.other-projects__pic {
    vertical-align: top;
    width: 100%
}

.other-projects__hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .5);
    padding: 0 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
}

@media only screen and (max-width: 480px) {
    .other-projects__hover {
        padding: 0 40px
    }
}

.other-projects__hover:hover {
    opacity: 1
}

.other-projects__item-caption {
    text-transform: uppercase;
    color: #fff;
    font-family: GilroyRegular;
    font-size: 40px;
    margin-bottom: 50px;
    position: relative
}

.other-projects__item-caption:before {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 32px;
    left: 0;
    bottom: -15px;
    background-color: #58b6ff
}

@media only screen and (max-width: 480px) {
    .other-projects__item-caption:before {
        bottom: -8px
    }
}

.other-projects__item-caption:after {
    content: '';
    display: block;
    position: absolute;
    left: 37px;
    bottom: -15px;
    width: 162px;
    height: 2px;
    background-color: #fff
}

@media only screen and (max-width: 480px) {
    .other-projects__item-caption:after {
        bottom: -8px
    }
}

@media only screen and (max-width: 480px) {
    .other-projects__item-caption {
        font-size: 32px;
        margin-bottom: 20px
    }
}

.other-projects__item-desc {
    font-family: GilroyRegular;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.6;
    font-size: 12px;
    letter-spacing: 1px
}

.city-lake-page .other-projects__caption-wrap {
    border-left: 6px solid #58b6ff
}

.call-back-modal {
    max-width: 630px;
    padding: 30px 0 120px 0
}

.call-back-modal__inner {
    padding: 0 146px
}

@media only screen and (max-width: 610px) {
    .call-back-modal__inner {
        padding: 0 40px
    }
}

@media only screen and (max-width: 360px) {
    .call-back-modal__inner {
        padding: 0 15px
    }
}

.call-back-modal__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.call-back-modal__close {
    border: 1px solid #d3d4d5;
    height: 110px;
    width: 95px;
    background-image: url(../img/modal-close.png);
    background-repeat: no-repeat;
    background-position: 35px center;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative
}

.call-back-modal__close:before {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/modal-close-active.png);
    background-repeat: no-repeat;
    background-position: 35px center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.call-back-modal__close:hover {
    border-color: #b2aeae
}

.call-back-modal__close:hover:before {
    opacity: 1
}

@media only screen and (max-width: 640px) {
    .call-back-modal__close {
        width: 110px;
        background-position: center center
    }

    .call-back-modal__close:before {
        background-position: center center
    }
}

@media only screen and (max-width: 480px) {
    .call-back-modal__close {
        height: 90px;
        width: 90px
    }
}

.call-back-modal__header-inner {
    background-image: url(../img/modal-bg.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    height: 110px;
    width: 446px;
    text-align: left;
    border-left: 65px solid #3f3434
}

@media only screen and (max-width: 991px) {
    .call-back-modal__header-inner {
        width: 400px
    }
}

@media only screen and (max-width: 640px) {
    .call-back-modal__header-inner {
        width: 220px
    }
}

@media only screen and (max-width: 480px) {
    .call-back-modal__header-inner {
        width: 190px;
        height: 90px
    }
}

.call-back-modal__caption {
    font-size: 22px;
    text-transform: uppercase;
    color: #615d5e;
    font-family: HelveticaNeueThin;
    padding-left: 20px;
    border-left: 6px solid #8c8585;
    text-align: left;
    line-height: 1.2;
    margin-top: 74px;
    letter-spacing: 1px
}

.call-back-modal__form {
    text-align: left
}

.call-back-modal__form-btn {
    background-color: transparent;
    border: 2px solid #8c8585;
    text-transform: uppercase;
    width: 100%;
    line-height: 50px;
    color: #8c8585;
    cursor: pointer;
    font-family: GilroyLight;
    letter-spacing: 1px;
    margin-top: 39px;
    -webkit-transition: .2s;
    transition: .2s;
    outline: 1px solid transparent
}

.call-back-modal__form-btn:hover {
    background-color: #8c8585;
    color: #fff
}

.call-back-modal__form-input {
    width: 100%;
    background-color: transparent;
    outline: 0;
    border: none;
    border-bottom: 2px solid #b2aeae;
    font-size: 14px;
    font-family: GilroyRegular;
    color: #615d5e;
    letter-spacing: 1px;
    -webkit-transition: .2s;
    transition: .2s;
    line-height: 25px;
    padding-left: 14px
}

.call-back-modal__form-input:focus {
    border-bottom: 2px solid #8c8585
}

.call-back-modal__form-input.erorr {
    border-bottom: 2px solid #f14545
}

.call-back-modal__form-input.erorr + .erorr__text {
    display: block;
    opacity: 1
}

.call-back-modal .erorr__text {
    opacity: 0;
    color: #f14545;
    font-size: 10px;
    margin: 10px 0 15px 10px;
    font-family: GilroyLightItalic;
    letter-spacing: .5px
}

.call-back-modal__form-textarea {
    height: 70px;
    width: 100%;
    background-color: transparent;
    outline: 0;
    border: 2px solid #b2aeae;
    border-top: none;
    font-size: 14px;
    font-family: GilroyRegular;
    color: #615d5e;
    letter-spacing: 1px;
    -webkit-transition: .2s;
    transition: .2s;
    padding-left: 14px
}

.call-back-modal__form-textarea:focus {
    border-color: #8c8585
}

.call-back-modal__form-title {
    margin: 0 0 7px 0;
    font-family: HelveticaNeueThin;
    color: #aca2a3;
    font-size: 12px;
    letter-spacing: 1px
}

.call-back-modal__form-title:first-child {
    margin-top: 35px
}

.infrastructure-modal {
    position: relative;
    padding: 100px 100px 50px 100px;
    width: auto;
    width: 1340px;
    margin: 0 auto
}

@media only screen and (max-width: 1400px) {
    .infrastructure-modal {
        width: 100%;
        padding: 100px 150px 50px 150px
    }
}

@media only screen and (max-width: 1199px) {
    .infrastructure-modal {
        max-width: 900px
    }
}

@media only screen and (max-width: 767px) {
    .infrastructure-modal {
        padding: 100px 70px 50px 70px
    }
}

@media only screen and (max-width: 1400px) {
    .infrastructure-modal .mfp-close {
        right: 150px
    }
}

@media only screen and (max-width: 767px) {
    .infrastructure-modal .mfp-close {
        right: 70px
    }
}

.infrastructure-modal__inner {
    background: #fff;
    width: 100%;
    font-size: 0
}

.infrastructure-modal__left {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    padding-right: 45px
}

@media only screen and (max-width: 1199px) {
    .infrastructure-modal__left {
        width: 100%;
        padding-right: 0
    }
}

.infrastructure-modal__right {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    padding-right: 35px
}

@media only screen and (max-width: 1199px) {
    .infrastructure-modal__right {
        width: 100%;
        padding-right: 0;
        padding: 0 15px 35px 35px
    }
}

@media only screen and (max-width: 767px) {
    .infrastructure-modal__right {
        padding: 0 15px 25px 15px
    }
}

.infrastructure-modal__pic {
    width: 100%;
    vertical-align: top
}

.infrastructure-modal__caption-wrap {
    border-left: 6px solid #8c8585;
    margin-top: 70px;
    padding: 5px 0 5px 35px
}

@media only screen and (max-width: 767px) {
    .infrastructure-modal__caption-wrap {
        padding: 5px 0 5px 15px;
        margin-top: 25px
    }
}

.infrastructure-modal__caption {
    font-family: HelveticaNeueThin;
    color: #615d5e;
    font-size: 36px;
    text-transform: uppercase
}

@media only screen and (max-width: 480px) {
    .infrastructure-modal__caption {
        font-size: 22px
    }
}

.infrastructure-modal__subcaption {
    font-family: HelveticaNeueThin;
    color: #615d5e;
    font-size: 22px;
    text-transform: uppercase;
    margin: 5px 0 0 0
}

@media only screen and (max-width: 480px) {
    .infrastructure-modal__subcaption {
        font-size: 18px
    }
}

.infrastructure-modal__desc {
    font-family: GilroyLight;
    font-size: 13px;
    color: #615d5e;
    line-height: 1.8;
    margin-top: 35px
}

.page404 .content {
    background-image: url(../img/404.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.page404 .content:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(64, 45, 47, .4)
}

.page404__inner {
    position: absolute;
    left: -webkit-calc(50vw - 235px);
    left: calc(50vw - 235px);
    top: -webkit-calc(50vh - 168px);
    top: calc(50vh - 168px);
    width: 470px;
    text-align: center
}

@media only screen and (max-width: 1199px) {
    .page404__inner {
        position: relative;
        left: 0;
        top: 0;
        margin: 0 auto;
        padding: 150px 0
    }
}

@media only screen and (max-width: 480px) {
    .page404__inner {
        width: 300px
    }
}

.page404__caption {
    font-family: GilroyBlack;
    font-size: 170px;
    color: #fff
}

@media only screen and (max-width: 480px) {
    .page404__caption {
        font-size: 100px
    }
}

.page404__subcaption {
    font-family: GilroyMedium;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    padding-top: 16px;
    border-top: 2px solid #443733;
    margin-top: 20px
}

@media only screen and (max-width: 480px) {
    .page404__subcaption {
        font-size: 16px;
        letter-spacing: normal
    }
}

.page404__vertical-text {
    font-family: GilroyBlack;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    position: absolute;
    letter-spacing: 2px;
    top: 23px;
    right: 15px
}

@media only screen and (max-width: 1199px) {
    .page404__vertical-text {
        top: 173px
    }
}

@media only screen and (max-width: 480px) {
    .page404__vertical-text {
        font-size: 15px;
        letter-spacing: normal;
        top: 155px
    }
}

.collective {
    padding: 105px 0 50px 0
}

.collective__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    background-color: #fff;
    padding: 80px 100px;
    text-align: center
}

@media only screen and (max-width: 1199px) {
    .collective__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .collective__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .collective__inner {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .collective__inner {
        padding: 80px 40px
    }
}

@media only screen and (max-width: 650px) {
    .collective__inner {
        padding: 50px 15px
    }
}

.collective__caption {
    text-transform: uppercase;
    border-top: 1px dashed #ccc;
    position: relative;
    padding-top: 15px;
    font-family: HelveticaNeueThin;
    color: #5e5e65;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 55px;
    text-align: left
}

.collective__caption:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #443733;
    width: 154px;
    height: 1px;
    top: -1px;
    left: 0
}

.collective__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 20px
}

@media only screen and (max-width: 580px) {
    .collective__list {
        width: 100%
    }
}

.collective__item {
    width: -webkit-calc(25% - 30px);
    width: calc(25% - 30px);
    margin-right: 40px;
    margin-bottom: 40px
}

@media only screen and (min-width: 992px) {
    .collective__item:nth-child(4n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 741px) and (max-width: 991px) {
    .collective__item:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 481px) and (max-width: 740px) {
    .collective__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 991px) {
    .collective__item {
        width: -webkit-calc(100% / 3 - 10px);
        width: calc(100% / 3 - 10px);
        margin-right: 15px
    }
}

@media only screen and (max-width: 740px) {
    .collective__item {
        width: -webkit-calc(50% - 7px);
        width: calc(50% - 7px);
        margin-right: 14px
    }
}

@media only screen and (max-width: 480px) {
    .collective__item {
        width: 100%;
        margin: 0 auto 40px auto;
        max-width: 400px
    }
}

.collective__pic {
    width: 100%;
    border-radius: 50%;
    border: 1px solid #e0e0e0
}

.collective__first-name {
    font-size: 18px;
    font-family: GilroyLight;
    color: #5e5e5e;
    margin-top: 12px
}

.collective__last-name {
    font-size: 18px;
    font-family: GilroyLight;
    color: #5e5e5e;
    margin-top: 5px
}

.collective__position {
    font-family: GilroyLightItalic;
    font-size: 14px;
    color: #5e5e5e;
    margin-top: 10px
}

.collective-page .content {
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover
}

.action-modal {
    position: relative;
    padding: 100px 100px 50px 100px;
    width: auto;
    width: 1340px;
    margin: 0 auto
}

@media only screen and (max-width: 1399px) {
    .action-modal {
        width: 100%;
        padding: 100px 150px 50px 150px
    }
}

@media only screen and (max-width: 1199px) {
    .action-modal {
        max-width: 900px
    }
}

@media only screen and (max-width: 767px) {
    .action-modal {
        padding: 100px 70px 50px 70px
    }
}

@media only screen and (max-width: 1399px) {
    .action-modal .mfp-close {
        right: 150px
    }
}

@media only screen and (max-width: 991px) {
    .action-modal .mfp-close {
        right: 70px
    }
}

.action-modal__inner {
    background: #fff;
    width: 100%;
    font-size: 0;
    padding: 70px 100px 80px 100px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .action-modal__inner {
        padding: 5px 30px 30px 30px
    }
}

@media only screen and (max-width: 767px) {
    .action-modal__inner {
        padding: 5px
    }
}

.action-modal__caption {
    margin: 115px 0 0 0;
    text-transform: uppercase;
    font-family: GothamProBlack;
    font-size: 48px;
    color: #bba08b;
    letter-spacing: 4px;
    z-index: 2;
    position: relative
}

@media only screen and (max-width: 1199px) {
    .action-modal__caption {
        font-size: 32px;
        letter-spacing: normal
    }
}

@media only screen and (max-width: 580px) {
    .action-modal__caption {
        font-size: 22px;
        margin-top: 60px
    }
}

@media only screen and (max-width: 460px) {
    .action-modal__caption {
        font-size: 18px
    }
}

.action-modal__caption--translate {
    margin-left: 90px;
    margin-top: 0
}

@media only screen and (max-width: 991px) {
    .action-modal__caption--translate {
        margin-top: 0
    }
}

@media only screen and (max-width: 460px) {
    .action-modal__caption--translate {
        margin-left: 0
    }
}

.action-modal__subcaption {
    font-family: GothamProMedium;
    font-size: 14px;
    vertical-align: top;
    margin-top: 6px;
    display: inline-block;
    letter-spacing: normal;
    z-index: 2;
    position: relative
}

@media only screen and (max-width: 1199px) {
    .action-modal__subcaption {
        font-size: 12px
    }
}

.action-modal__desc {
    text-transform: uppercase;
    font-family: GothamProBlack;
    margin-top: 20px;
    font-size: 18px;
    color: #ec625b;
    z-index: 2;
    position: relative
}

@media only screen and (max-width: 1199px) {
    .action-modal__desc {
        font-size: 14px
    }
}

@media only screen and (max-width: 991px) {
    .action-modal__desc {
        font-size: 12px
    }
}

.action-modal__btn {
    margin-top: 50px;
    text-transform: uppercase;
    display: inline-block;
    font-family: GilroyLight;
    font-size: 12px;
    color: #baa08b;
    text-decoration: none;
    letter-spacing: 2px;
    line-height: 40px;
    border: 2px solid #baa08b;
    padding: 0 40px;
    z-index: 2;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s
}

.action-modal__btn:hover {
    color: #fff;
    background-color: #baa08b
}

.action-modal__pic {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    max-width: 625px
}

@media only screen and (max-width: 1399px) {
    .action-modal__pic {
        max-width: 450px
    }
}

@media only screen and (max-width: 1199px) {
    .action-modal__pic {
        display: none
    }
}

.video {
    padding: 100px 0 100px 0;
    background-image: url(../img/video-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative
}

.video:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(38, 32, 30, .7)
}

.video__inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px
}

@media only screen and (max-width: 1199px) {
    .video__inner {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .video__inner {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .video__inner {
        width: 100%
    }
}

.video__head {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 15px;
    width: 1140px;
    margin: 0 auto 55px 0
}

@media only screen and (max-width: 1199px) {
    .video__head {
        width: 940px
    }
}

@media only screen and (max-width: 991px) {
    .video__head {
        width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .video__head {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .video__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.video__caption-wrap {
    text-align: left;
    border-left: 6px solid #8c8585;
    padding-left: 36px;
    text-transform: uppercase
}

@media only screen and (max-width: 767px) {
    .video__caption-wrap {
        margin-bottom: 44px
    }
}

@media only screen and (max-width: 350px) {
    .video__caption-wrap {
        padding-left: 10px
    }
}

.video__caption {
    font-size: 37px;
    color: #fff;
    font-family: GilroyMedium;
    line-height: 1.2;
    letter-spacing: 1px
}

@media only screen and (max-width: 991px) {
    .video__caption {
        font-size: 30px
    }
}

.video__subcaption {
    font-size: 23px;
    font-family: GilroyRegular;
    line-height: 1.2;
    color: #fff
}

.video__big {
    position: relative;
    z-index: 1;
    width: 896px;
    height: 504px
}

@media only screen and (max-width: 1199px) {
    .video__big {
        width: 784px;
        height: 441px
    }
}

@media only screen and (max-width: 991px) {
    .video__big {
        width: 560px;
        height: 315px
    }
}

@media only screen and (max-width: 660px) {
    .video__big {
        width: 448px;
        height: 252px
    }
}

@media only screen and (max-width: 540px) {
    .video__big {
        width: 224px;
        height: 126px
    }
}

.video__big-wrap {
    background-color: #1a1a1a;
    padding: 30px 0;
    position: relative;
    z-index: 1;
    text-align: center
}

.video__little-wrap {
    position: relative;
    z-index: 1;
    background-color: #1a1a1a;
    padding: 30px 0
}

.video__carousel {
    width: 896px;
    margin: 0 auto;
    padding: 0 105px 0 15px
}

@media only screen and (max-width: 1199px) {
    .video__carousel {
        width: 784px;
        padding: 0 110px 0 15px
    }
}

@media only screen and (max-width: 991px) {
    .video__carousel {
        width: 560px
    }
}

@media only screen and (max-width: 660px) {
    .video__carousel {
        width: 448px
    }
}

@media only screen and (max-width: 520px) {
    .video__carousel {
        width: 100%
    }
}

@media only screen and (max-width: 360px) {
    .video__carousel {
        padding: 0 80px 0 15px
    }
}

.video__little {
    width: 246px;
    vertical-align: top;
    cursor: pointer
}

@media only screen and (max-width: 1199px) {
    .video__little {
        width: 210px
    }
}

@media only screen and (max-width: 360px) {
    .video__little {
        width: 180px
    }
}

.video .owl-controls {
    margin: 0
}

.video .owl-controls .owl-buttons .owl-prev {
    background-color: transparent;
    border: 1px solid #fff;
    opacity: .5;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 0;
    height: 56px;
    width: 68px;
    background-image: url(../img/carousel_prev.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0
}

@media only screen and (max-width: 520px) {
    .video .owl-controls .owl-buttons .owl-prev {
        right: 15px
    }
}

@media only screen and (max-width: 360px) {
    .video .owl-controls .owl-buttons .owl-prev {
        width: 55px;
        height: 45px
    }
}

.video .owl-controls .owl-buttons .owl-prev:hover {
    opacity: 1
}

.video .owl-controls .owl-buttons .owl-next {
    background-color: transparent;
    border: 1px solid #fff;
    opacity: .5;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 0;
    height: 56px;
    width: 68px;
    background-image: url(../img/carousel_next.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (max-width: 520px) {
    .video .owl-controls .owl-buttons .owl-next {
        right: 15px
    }
}

@media only screen and (max-width: 360px) {
    .video .owl-controls .owl-buttons .owl-next {
        width: 55px;
        height: 45px
    }
}

.video .owl-controls .owl-buttons .owl-next:hover {
    opacity: 1
}

.city-lake-page .video {
    background-image: url(../img/video-bg2.svg)
}

.city-lake-page .video__caption-wrap {
    border-left: 6px solid #58b6ff
}

@media only screen and (max-width: 1199px) {
    .residence {
        text-align: center
    }
}

@media only screen and (max-width: 1199px) {
    .residence__bgs {
        height: 629px;
        min-height: 100vh
    }
}

@media only screen and (max-width: 860px) {
    .residence__bgs {
        height: 555px
    }
}

@media only screen and (max-width: 540px) {
    .residence__bgs {
        height: 513px
    }
}

@media only screen and (max-width: 380px) {
    .residence__bgs {
        height: 495px
    }
}

.residence__bgs .owl-controls {
    position: absolute;
    top: -webkit-calc(50% - 32px);
    top: calc(50% - 32px);
    right: -webkit-calc(50% - 400px);
    right: calc(50% - 400px);
    margin: 0
}

@media only screen and (max-width: 860px) {
    .residence__bgs .owl-controls {
        right: 40px;
        top: 246px
    }
}

@media only screen and (max-width: 640px) {
    .residence__bgs .owl-controls {
        right: 20px
    }
}

@media only screen and (max-width: 540px) {
    .residence__bgs .owl-controls {
        top: 210px
    }
}

.residence__bgs .owl-controls .owl-pagination .owl-page {
    display: block
}

.residence__bgs .owl-controls .owl-pagination .owl-page span {
    opacity: 1;
    margin: 10px auto;
    width: 12px;
    height: 12px;
    background-color: #d3b184
}

.residence__bgs .owl-controls .owl-pagination .owl-page.active span {
    width: 20px;
    height: 20px;
    background-color: #fff
}

.residence__bg {
    height: 100vh;
    background-image: url(../img/residence1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1199px) {
    .residence__bg {
        height: 629px;
        min-height: 100vh
    }
}

@media only screen and (max-width: 860px) {
    .residence__bg {
        height: 555px
    }
}

@media only screen and (max-width: 540px) {
    .residence__bg {
        height: 513px
    }
}

.residence__inner {
    background-color: rgba(255, 255, 255, .95);
    position: absolute;
    left: -webkit-calc(50% - 340px);
    left: calc(50% - 340px);
    top: -webkit-calc(50% - 165px);
    top: calc(50% - 165px);
    padding: 55px 90px
}

@media only screen and (max-width: 1199px) {
    .residence__inner {
        top: 150px;
        margin-bottom: 150px;
        display: inline-block;
        text-align: left
    }
}

@media only screen and (max-width: 860px) {
    .residence__inner {
        padding: 35px 40px;
        left: -webkit-calc(50% - 237px);
        left: calc(50% - 237px)
    }
}

@media only screen and (max-width: 640px) {
    .residence__inner {
        left: 0
    }
}

@media only screen and (max-width: 540px) {
    .residence__inner {
        padding: 25px 20px
    }
}

.residence__inner:before {
    background-image: url(../img/residence-border.png);
    width: 636px;
    height: 382px;
    content: '';
    display: block;
    position: absolute;
    left: 22px;
    top: -26px;
    z-index: 1
}

@media only screen and (max-width: 860px) {
    .residence__inner:before {
        display: none
    }
}

.residence__caption {
    font-family: MinionProBoldCond;
    font-size: 60px;
    text-transform: uppercase;
    color: #c19767;
    margin-bottom: 20px;
    letter-spacing: 3px;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 860px) {
    .residence__caption {
        font-size: 46px
    }
}

@media only screen and (max-width: 540px) {
    .residence__caption {
        font-size: 36px;
        letter-spacing: normal
    }
}

@media only screen and (max-width: 380px) {
    .residence__caption {
        font-size: 28px
    }
}

.residence__subcaption {
    font-family: MinionProBoldCond;
    font-size: 24px;
    text-transform: uppercase;
    color: #c19767;
    margin-bottom: 15px;
    letter-spacing: 3px;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 860px) {
    .residence__subcaption {
        font-size: 18px
    }
}

@media only screen and (max-width: 540px) {
    .residence__subcaption {
        font-size: 16px;
        letter-spacing: normal
    }
}

@media only screen and (max-width: 380px) {
    .residence__subcaption {
        font-size: 14px
    }
}

.residence__btn {
    font-family: MinionProBoldCond;
    font-size: 16px;
    text-transform: uppercase;
    color: #c19767;
    line-height: 36px;
    padding: 0 40px;
    border: 2px solid #b28f64;
    -webkit-transition: .2s;
    transition: .2s;
    background-color: transparent;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    display: inline-block;
    text-decoration: none
}

@media only screen and (max-width: 380px) {
    .residence__btn {
        letter-spacing: normal;
        font-size: 14px;
        text-align: center;
        display: block
    }
}

.residence__btn:hover {
    color: #fff;
    background-color: #b28f64
}

.residence-modal {
    max-width: 526px;
    padding: 65px 85px 70px 85px;
    text-align: left;
    position: relative
}

@media only screen and (max-width: 480px) {
    .residence-modal {
        padding: 35px 15px
    }
}

.residence-modal:before {
    background-image: url(../img/residence-modal-border.png);
    width: 486px;
    height: 522px;
    content: '';
    display: block;
    position: absolute;
    left: 22px;
    top: -32px;
    z-index: 1
}

@media only screen and (max-width: 860px) {
    .residence-modal:before {
        display: none
    }
}

.residence-modal .modal-close {
    background-image: url(../img/residence-modal-close.png);
    width: 25px;
    height: 25px;
    position: absolute;
    top: 70px;
    right: 90px;
    cursor: pointer;
    z-index: 2
}

@media only screen and (max-width: 480px) {
    .residence-modal .modal-close {
        top: 35px;
        right: 15px
    }
}

.residence-modal .modal-close:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/residence-modal-close-active.png);
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.residence-modal .modal-close:hover:before {
    opacity: 1
}

.residence-modal__caption {
    text-transform: uppercase;
    font-family: MinionProBoldCond;
    color: #9b774e;
    font-size: 32px;
    letter-spacing: 3px;
    line-height: 1.2
}

.residence-modal__form {
    width: 100%;
    margin: 45px 0 0 0;
    position: relative;
    z-index: 2
}

.residence-modal__input {
    width: 100%;
    border: none;
    border-bottom: 4px solid #d3b184;
    outline: 0;
    margin-bottom: 30px;
    padding-left: 12px;
    color: #d3b184;
    font-size: 14px;
    font-family: GilroyMedium;
    letter-spacing: 1px;
    padding-bottom: 8px;
    -webkit-transition: .2s;
    transition: .2s
}

.residence-modal__input:focus {
    border-color: #9b774e
}

.residence-modal__input::-webkit-input-placeholder {
    color: #d3b184;
    font-size: 14px;
    font-family: GilroyMedium
}

.residence-modal__input::-moz-placeholder {
    color: #d3b184;
    font-size: 14px;
    font-family: GilroyMedium
}

.residence-modal__input:-moz-placeholder {
    color: #d3b184;
    font-size: 14px;
    font-family: GilroyMedium
}

.residence-modal__input:-ms-input-placeholder {
    color: #d3b184;
    font-size: 14px;
    font-family: GilroyMedium
}

.residence-modal__btn {
    width: 100%;
    margin-top: 30px;
    border: none;
    line-height: 48px;
    background-color: #d3b184;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    color: #fff;
    font-size: 18px;
    font-family: MinionProBoldCond;
    letter-spacing: 2px;
    text-transform: uppercase
}

.residence-modal__btn:hover {
    background-color: #9b774e
}

.queuehouse-modal {
    padding: 30px 0 85px 0;
    max-width: 980px
}

.queuehouse-modal__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.queuehouse-modal__close {
    border: 1px solid #d3d4d5;
    height: 110px;
    width: 160px;
    background-image: url(../img/modal-close.png);
    background-repeat: no-repeat;
    background-position: 35px center;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative
}

.queuehouse-modal__close:before {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/modal-close-active.png);
    background-repeat: no-repeat;
    background-position: 35px center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.queuehouse-modal__close:hover {
    border-color: #b2aeae
}

.queuehouse-modal__close:hover:before {
    opacity: 1
}

@media only screen and (max-width: 640px) {
    .queuehouse-modal__close {
        width: 110px;
        background-position: center center
    }

    .queuehouse-modal__close:before {
        background-position: center center
    }
}

@media only screen and (max-width: 480px) {
    .queuehouse-modal__close {
        height: 90px;
        width: 90px
    }
}

.queuehouse-modal__caption-wrap {
    background-image: url(../img/modal-bg.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    height: 110px;
    width: 680px;
    text-align: left
}

@media only screen and (max-width: 991px) {
    .queuehouse-modal__caption-wrap {
        width: 400px
    }
}

@media only screen and (max-width: 640px) {
    .queuehouse-modal__caption-wrap {
        width: 220px
    }
}

@media only screen and (max-width: 480px) {
    .queuehouse-modal__caption-wrap {
        width: 190px;
        height: 90px
    }
}

.queuehouse-modal__caption {
    background-color: #3f3434;
    height: 100%;
    width: 50%;
    padding-left: 95px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 991px) {
    .queuehouse-modal__caption {
        width: 100%
    }
}

@media only screen and (max-width: 640px) {
    .queuehouse-modal__caption {
        padding-left: 35px
    }
}

@media only screen and (max-width: 480px) {
    .queuehouse-modal__caption {
        padding-left: 15px
    }
}

.queuehouse-modal__caption-text {
    font-family: GilroyRegular;
    color: #fff;
    font-size: 16px;
    padding-right: 15px
}

.queuehouse-modal__room-count {
    color: #fff;
    font-size: 30px;
    font-family: GilroyBlack;
    position: relative;
    margin-right: 32px;
    text-transform: uppercase;
    line-height: 60px;
    letter-spacing: 2px
}

.queuehouse-modal__room-count:after {
    height: 46px;
    width: 2px;
    background-color: #fff;
    display: block;
    content: '';
    position: absolute;
    right: -15px;
    top: 2px
}

.queuehouse-modal__list {
    padding: 80px 95px 0 95px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 640px) {
    .queuehouse-modal__list {
        padding: 80px 45px 0 45px
    }
}

@media only screen and (max-width: 480px) {
    .queuehouse-modal__list {
        padding: 80px 15px 0 15px
    }
}

.queuehouse-modal__item {
    width: -webkit-calc(25% - 12px);
    width: calc(25% - 12px);
    margin-right: 16px;
    border: 1px solid #e9e9ea;
    margin-bottom: 16px;
    display: block;
    text-decoration: none
}

.queuehouse-modal__item--no-image:hover {
    border-color: #518acd;
    -webkit-transition: .2s;
    transition: .2s
}

.queuehouse-modal__item--no-image:hover .roomhouse-modal__desc {
    background-color: #518acd;
    -webkit-transition: .2s;
    transition: .2s
}

.queuehouse-modal__item--no-image:hover .roomhouse-modal__desc .roomhouse-modal__item-room-count {
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.queuehouse-modal__item--no-image:hover .roomhouse-modal__desc .roomhouse-modal__item-room-count:before {
    background-color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.queuehouse-modal__item--no-image:hover .roomhouse-modal__desc .roomhouse-modal__item-text {
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

@media only screen and (min-width: 992px) {
    .queuehouse-modal__item:nth-child(4n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .queuehouse-modal__item:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .queuehouse-modal__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 991px) {
    .queuehouse-modal__item {
        width: -webkit-calc(100% / 3 - 12px);
        width: calc(100% / 3 - 12px);
        margin-right: 18px;
        margin-bottom: 18px
    }
}

@media only screen and (max-width: 767px) {
    .queuehouse-modal__item {
        width: -webkit-calc(50% - 9px);
        width: calc(50% - 9px)
    }
}

@media only screen and (max-width: 480px) {
    .queuehouse-modal__item {
        width: 100%;
        max-width: 380px;
        margin: 0 auto 15px auto
    }
}

.queuehouse-modal__pic-wrap {
    position: relative
}

.queuehouse-modal__pic-wrap:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #8c8585;
    background-image: url(../img/plus_ico_60.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.queuehouse-modal__pic-wrap:hover:before {
    opacity: 1
}

.queuehouse-modal__pic {
    width: 100%;
    vertical-align: top
}

.queuehouse-modal__desc {
    padding: 25px 0 25px 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.queuehouse-modal__item-room-count {
    font-size: 50px;
    color: #9f9999;
    font-family: GilroyBold;
    position: relative;
    margin-right: 20px
}

.queuehouse-modal__item-room-count:before {
    position: absolute;
    display: block;
    content: '';
    height: 36px;
    width: 1px;
    background-color: #9f9999;
    right: -10px;
    top: 4px
}

.queuehouse-modal__item-room-count--all {
    font-size: 28px;
    text-transform: uppercase;
    line-height: 50px
}

.queuehouse-modal__item-text {
    font-size: 14px;
    color: #9f9999;
    font-family: GilroyRegular;
    text-align: left
}

.content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    overflow: hidden
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}


.arrow-down {
    margin-top: 350px;
    margin-left: 70px;
    position: fixed;
}
.arrow-down span {
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: rotate(45deg);
    margin: -16px;
    animation: arrow-down 2s infinite;
}
.arrow-down span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow-down span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes arrow-down {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}

@media only screen and (min-width: 2560px){
.arrow-down {
	display:none
}

}
@media only screen and (min-width: 1440px){
.arrow-down {
	display:none
	}

}
@media only screen and (min-width: 1024px){
.arrow-down {
	display:none
	}

}
@media only screen and (min-width: 768px){
.arrow-down {
	display:none
	}

}
@media only screen and (max-width: 425px){
.arrow-down {
    margin-top: 350px;
    margin-left: 70px;
    position: fixed;
	}

}





.welcome {
    width: 100%;
    height: 100vh;
    margin-top: -65px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000
}
.welcome:after, .welcome__sound {
    position: absolute
}
@media only screen and (max-width: 1200px) {
    .welcome {
        display: none
    }
}
.welcome:after {
    display: block;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}
.welcome__video {
    z-index: 1;
    width: 100%;
    height: auto;
    max-height: 100%
}
.welcome__sound {
    z-index: 5;
    outline: 0;
    width: 50px;
    height: 50px;
    top: 110px;
    left: 50px;
    background-image: url(../img/icon_welcome_unmuted.svg);
    background-position: center center;
    background-color: transparent;
    border: none;
    cursor: pointer
}

.welcome__sound.off {
    background-image: url(../img/icon_welcome_muted.svg)
}

.welcome__scroll {
    position: absolute;
    display: block;
    z-index: 5;
    outline: 0;
    bottom: 18pt;
    left:0;
    right: 0;
    margin: auto;
    cursor: default;
}

.welcome__scroll {
    background: #4e5559 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
    width: 52px;
    height: 88px;
    border-radius: 100px;
    background-size: 100% 200%;
    -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
    animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}
.welcome__scroll:before, .welcome__scroll:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.welcome__scroll:before {
    width: 46px;
    height: 82px;
    background-color: #222a30;
    border-radius: 100px;
}
.welcome__scroll:after {
    background-color: #ffffff;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    -webkit-animation: trackBallSlide 5s linear infinite;
    animation: trackBallSlide 5s linear infinite;
}

@-webkit-keyframes colorSlide {
    0% {
        background-position: 0% 100%;
    }
    20% {
        background-position: 0% 0%;
    }
    21% {
        background-color: #4e5559;
    }
    29.99% {
        background-color: #ffffff;
        background-position: 0% 0%;
    }
    30% {
        background-color: #4e5559;
        background-position: 0% 100%;
    }
    50% {
        background-position: 0% 0%;
    }
    51% {
        background-color: #4e5559;
    }
    59% {
        background-color: #ffffff;
        background-position: 0% 0%;
    }
    60% {
        background-color: #4e5559;
        background-position: 0% 100%;
    }
    80% {
        background-position: 0% 0%;
    }
    81% {
        background-color: #4e5559;
    }
    90%, 100% {
        background-color: #ffffff;
    }
}

@keyframes colorSlide {
    0% {
        background-position: 0% 100%;
    }
    20% {
        background-position: 0% 0%;
    }
    21% {
        background-color: #4e5559;
    }
    29.99% {
        background-color: #ffffff;
        background-position: 0% 0%;
    }
    30% {
        background-color: #4e5559;
        background-position: 0% 100%;
    }
    50% {
        background-position: 0% 0%;
    }
    51% {
        background-color: #4e5559;
    }
    59% {
        background-color: #ffffff;
        background-position: 0% 0%;
    }
    60% {
        background-color: #4e5559;
        background-position: 0% 100%;
    }
    80% {
        background-position: 0% 0%;
    }
    81% {
        background-color: #4e5559;
    }
    90%, 100% {
        background-color: #ffffff;
    }
}
@-webkit-keyframes trackBallSlide {
    0% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    6% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    14% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    15%, 19% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    28%, 29.99% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    30% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    36% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    44% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    45%, 49% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    58%, 59.99% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    60% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    66% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    74% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    75%, 79% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    88%, 100% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
}
@keyframes trackBallSlide {
    0% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    6% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    14% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    15%, 19% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    28%, 29.99% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    30% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    36% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    44% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    45%, 49% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    58%, 59.99% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    60% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    66% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    74% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    75%, 79% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    88%, 100% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
}
@-webkit-keyframes nudgeMouse {
    0% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(8px);
    }
    30% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(8px);
    }
    60% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(8px);
    }
    90% {
        transform: translateY(0);
    }
}
@keyframes nudgeMouse {
    0% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(8px);
    }
    30% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(8px);
    }
    60% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(8px);
    }
    90% {
        transform: translateY(0);
    }
}
@-webkit-keyframes nudgeText {
    0% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(2px);
    }
    30% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(2px);
    }
    60% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(2px);
    }
    90% {
        transform: translateY(0);
    }
}
@keyframes nudgeText {
    0% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(2px);
    }
    30% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(2px);
    }
    60% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(2px);
    }
    90% {
        transform: translateY(0);
    }
}
@-webkit-keyframes colorText {
    21% {
        color: #4e5559;
    }
    30% {
        color: #ffffff;
    }
    51% {
        color: #4e5559;
    }
    60% {
        color: #ffffff;
    }
    81% {
        color: #4e5559;
    }
    90% {
        color: #ffffff;
    }
}
@keyframes colorText {
    21% {
        color: #4e5559;
    }
    30% {
        color: #ffffff;
    }
    51% {
        color: #4e5559;
    }
    60% {
        color: #ffffff;
    }
    81% {
        color: #4e5559;
    }
    90% {
        color: #ffffff;
    }
}