/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

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

.txt-family-yh {
    font-family:"Microsoft Yahei", sans-serif,"黑体" !important;
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

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

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

.text-gold {
    color: #BF9D63!important;
}

.text-bold {
    font-weight: 600;
}

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

.mrt-4 {
    margin-top: 4rem!important;
}

.mrt-5 {
    margin-top: 5rem!important;
}

.mrb-4 {
    margin-bottom: 4rem;
}

.mr-r-2 {
    margin-right: 2rem;
}

.mr-r-6 {
    margin-right: 6rem;
}

.pdt-5 {
    padding-top: 5rem;
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

.animation--appear-image:after,
.animation--appear-image img,
.animation--appear-image video,
.animation--appear-text,
.animation--fade-in,
.animation--fade-out,
.btn--link.text--underline:after,
.form-control,
.form-control-captcha .noUi-handle,
.form-control-checkbox label span:after,
.form-control-checkbox label span:before,
.form-label--placeholder,
.header,
.header:before,
.icon,
.icon--close i,
.icon--hamburger i,
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin,
.preloader__lines,
.preloader__lines__inner,
.preloader__progress,
a,
button,
input[type=submit] {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.header {
    z-index: 9
}

.preloader {
    z-index: 10
}

.background-image-cover,
.overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.img-hidden {
    overflow: hidden;
}

.form-label:before {
    display: block;
    position: absolute;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px
}

body,
button {
    font-weight: 300;
    letter-spacing: .09em;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    color: #777c82
}

body .ui-light,
body .ui-secondary,
button .ui-light,
button .ui-secondary,
input .ui-light,
input .ui-secondary,
textarea .ui-light,
textarea .ui-secondary {
    color: #2f3338
}

.h1,
.h2,
.h3,
.h4,
.h5,
.text--heading,
h1,
h2,
h3,
h4,
h5 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 100;
    letter-spacing: .09em;
    color: #a37063;
}

h2 {
    padding-right: 4rem;
}

body,
html[lang=en] body {
    font-size: 1.3rem;
    line-height: 2em
}

.form-control-dropdown,
.form-label,
.text--extra-small {
    font-size: 1.2rem;
    line-height: 1.83333em;
    font-weight: 400;
    letter-spacing: .09em
}

html[lang=en] .form-control-dropdown,
html[lang=en] .form-label,
html[lang=en] .text--extra-small {
    font-size: 1.1rem;
    line-height: 1.8em;
    font-weight: 400;
    letter-spacing: .15em
}

.form-label--lg,
.form-label--placeholder,
.noUi-tooltip,
.primary-nav-toggle,
.text--small,
small {
    font-size: 1.3rem;
    line-height: 2em;
    letter-spacing: .09em
}

html[lang=en] .form-label--lg,
html[lang=en] .form-label--placeholder,
html[lang=en] .noUi-tooltip,
html[lang=en] .primary-nav-toggle,
html[lang=en] .text--small,
html[lang=en] small {
    font-size: 1.2rem;
    line-height: 2em;
    letter-spacing: .09em;
    text-transform: none;
}

.text--large,
html[lang=en] .text--large {
    font-size: 1.5rem;
    line-height: 1.6em;
    font-weight: 100
}

.promo--footer .promo__content,
.promo--footer html[lang=en] .promo__content,
.promo--intro .promo__content,
.promo--intro html[lang=en] .promo__content,
.text--lead,
html[lang=en] .promo--footer .promo__content,
html[lang=en] .promo--intro .promo__content,
html[lang=en] .text--lead {
    font-size: 1.2rem;
    line-height: 1.5em
}

.promo--footer .promo__content2,
.promo--footer html[lang=en] .promo__content2,
.promo--intro .promo__content2,
.promo--intro html[lang=en] .promo__content2,
html[lang=en] .promo--footer .promo__content2,
html[lang=en] .promo--intro .promo__content2 {
    font-size: 1.2rem;
    line-height: 1.5em
}

.text--lead-large,
html[lang=en] .text--lead-large {
    font-size: 2rem;
    line-height: 1.6em
}

.h1,
h1,
html[lang=en] .h1,
html[lang=en] h1 {
    font-size: 2.8rem;
    line-height: 1.28571em;
    font-weight: 200
}

.h2,
.text--h2,
h2,
html[lang=en] .h2,
html[lang=en] .text--h2,
html[lang=en] h2 {
    font-size: 3rem;
    line-height: 1.33333em;
    font-weight: 200
}

.text--h2-large,
html[lang=en] .text--h2-large {
    font-size: 3.5rem;
    line-height: 1.42857em;
    font-weight: 100
}

.text--h2-small,
html[lang=en] .text--h2-small {
    font-size: 3rem;
    line-height: 1.66667em;
    font-weight: 100
}

.h3,
h3,
html[lang=en] .h3,
html[lang=en] h3 {
    font-size: 2.4rem;
    line-height: 1.25em
}

.text--h3-large,
html[lang=en] .text--h3-large {
    font-size: 3rem;
    line-height: 1.4em;
    font-weight: 100
}

.h4,
h4,
html[lang=en] .h4,
html[lang=en] h4 {
    font-size: 1.7rem;
    line-height: 1.29412em;
    letter-spacing: .09em
}

.h5,
h5,
html[lang=en] .h5,
html[lang=en] h5 {
    font-size: 1.5rem;
    line-height: 1.6em;
    letter-spacing: .09
}

.text--extra-large,
html[lang=en] .text--extra-large {
    font-size: 8rem;
    line-height: 1em
}

.text--super-large,
html[lang=en] .text--super-large {
    font-size: 12rem;
    line-height: 1em
}

code,
html[lang=en] code,
html[lang=en] kbd,
html[lang=en] pre,
html[lang=en] samp,
kbd,
pre,
samp {
    font-size: 1.3rem;
    line-height: 1.38462em
}

@media screen and (min-width:668px) and (min-height:416px) {
    body {
        font-size: 1.5rem;
        line-height: 1.85714em
    }
    html[lang=en] body {
        font-size: 1.4rem;
        line-height: 1.85714em
    }
    .promo--footer .promo__content,
    .promo--footer html[lang=en] .promo__content,
    .promo--intro .promo__content,
    .promo--intro html[lang=en] .promo__content,
    .text--lead,
    html[lang=en] .promo--footer .promo__content,
    html[lang=en] .promo--intro .promo__content,
    html[lang=en] .text--lead {
        font-size: 2rem;
        line-height: 1.35em
    }
	.promo--footer .promo__content2,
.promo--footer html[lang=en] .promo__content2,
.promo--intro .promo__content2,
.promo--intro html[lang=en] .promo__content2,
html[lang=en] .promo--footer .promo__content2,
html[lang=en] .promo--intro .promo__content2 {
        font-size: 2rem;
        line-height: 1.35em
}
    .h1,
    h1 {
        font-size: 4rem;
        line-height: 1.5em;
        font-weight: 200
    }
    html[lang=en] .h1,
    html[lang=en] h1 {
        font-size: 6rem;
        line-height: 1.5em;
        font-weight: 200
    }
    .text--h2-large,
    html[lang=en] .text--h2-large {
        font-size: 4.5rem;
        line-height: 1.33333em
    }
}

@media screen and (min-width:980px) {
    .form-control-dropdown,
    .form-label,
    .text--extra-small {
        font-size: 1.3rem;
        line-height: 1.84615em
    }
    html[lang=en] .form-control-dropdown,
    html[lang=en] .form-label,
    html[lang=en] .text--extra-small {
        font-size: 1.2rem;
        line-height: 1.8em
    }
    .form-label--lg,
    .form-label--placeholder,
    .noUi-tooltip,
    .primary-nav-toggle,
    .text--small,
    small {
        font-size: 1.3rem;
        line-height: 1.73333em
    }
    html[lang=en] .form-label--lg,
    html[lang=en] .form-label--placeholder,
    html[lang=en] .noUi-tooltip,
    html[lang=en] .primary-nav-toggle,
    html[lang=en] .text--small,
    html[lang=en] small {
        font-size: 1.2rem;
        line-height: 2em
    }
    .text--large {
        font-size: 1.8rem;
        line-height: 1.44444em;
        font-weight: 100
    }
    html[lang=en] .text--large {
        font-size: 1.7rem;
        line-height: 1.41176em;
        font-weight: 100
    }
    .text--lead-large,
    html[lang=en] .text--lead-large {
        font-size: 3.5rem;
        line-height: 1.42857em
    }
    .h2,
    .text--h2,
    .text--h2-small,
    h2,
    html[lang=en] .h2,
    html[lang=en] .text--h2,
    html[lang=en] .text--h2-small,
    html[lang=en] h2 {
        font-size: 4rem;
        line-height: 1.25em
    }
    .text--h3-large,
    html[lang=en] .text--h3-large {
        font-size: 4.8rem;
        line-height: 1.20833em
    }
    .text--extra-large,
    html[lang=en] .text--extra-large {
        font-size: 11.2rem;
        line-height: 1em
    }
    .text--super-large,
    html[lang=en] .text--super-large {
        font-size: 18rem;
        line-height: 1em
    }
}

@media screen and (min-width:1200px) {
    .h1,
    h1 {
        font-size: 5rem;
        line-height: 1.33333em;
        font-weight: 200
    }
    html[lang=en] .h1,
    html[lang=en] h1 {
        font-size: 5rem;
        line-height: 1.25em;
        font-weight: 200
    }
    .text--h2-large,
    html[lang=en] .text--h2-large {
        font-size: 7rem;
        line-height: 1.28571em
    }
}

@media screen and (min-width:1600px) and (min-height:1000px) {
    .h1,
    h1 {
        font-size: 8rem;
        line-height: 1.25em
    }
    html[lang=en] .h1,
    html[lang=en] h1 {
        font-size: 7rem;
        line-height: 1.25em
    }
    .h2,
    .text--h2,
    h2,
    html[lang=en] .h2,
    html[lang=en] .text--h2,
    html[lang=en] h2 {
        font-size: 6rem;
        line-height: 1.33333em
    }
}

.btn,
.btn:active,
.has-hover .btn:hover,
.has-hover a:hover,
.is-active.btn,
a,
a.is-active,
a:active {
    text-decoration: none
}

a {
    color: #BF9D63
}

.form-control-dropdown a,
.has-hover a:hover,
a.is-active,
a:active {
    color: #BF9D63
}

.form-control-dropdown .has-hover a:hover,
.form-control-dropdown a.is-active,
.form-control-dropdown a:active,
.has-hover .form-control-dropdown a:hover {
    color: rgba(163, 112, 99, .4)
}

.ui-light a {
    color: #a37063
}

.has-hover .ui-light a:hover,
.ui-light .has-hover a:hover,
.ui-light a.is-active,
.ui-light a:active {
    color: #777c82
}

body,
html {
    overflow-x: hidden;
    background: #2f3338
}

body>img,
html>img {
    position: absolute;
    left: -9000px
}

section {
    position: relative
}

main {
    display: block
}

.ui-base-background {
    background-color: #2b2b2b
}

.ui-primary-background {
    background-color: #5A737D;
}

.ui-yellow-background {
    background-color: #BFB39B;
}

.ui-secondary-background {
    background-color: #3F3F3F
}

.ui-threedary-background {
    background-color: #DFDFDF!important;
}

.ui-lightdary-background {
    background-color: #C9C7C5;
}

.ui-fourdary-background {
    background-color: #D3D3D3
}

.ui-gold-background {
    background-color: #BF9D63
}

.ui-tertiary-background {
    background-color: #e0e0e0
}

.ui-dark-background {
    background-color: #2b2b2b
}

*,
:after,
:before {
    box-sizing: border-box
}

figure {
    margin: 0
}

.is-out-of-screen {
    position: absolute;
    left: -9000px
}

.overlay {
    background: #fff;
    opacity: 0
}

.disable-transitions * {
    transition: none!important
}

.disable-scrolling {
    overflow: hidden!important
}

.js .invisible {
    opacity: 0
}

html {
    font-size: 62.5%
}

b,
strong {
    color: #d3d3d3;
    font-weight: 300
}

.ui-light b,
.ui-light strong {
    color: #2f3338;
    font-weight: 500
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
    margin-top: 0
}

.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
    margin-bottom: 0
}

blockquote,
hr,
iframe,
object,
p,
pre,
table {
    margin-top: 2rem;
    margin-bottom: 2rem
}

blockquote:first-child,
hr:first-child,
iframe:first-child,
object:first-child,
p:first-child,
pre:first-child,
table:first-child {
    margin-top: 0
}

blockquote:last-child,
hr:last-child,
iframe:last-child,
object:last-child,
p:last-child,
pre:last-child,
table:last-child {
    margin-bottom: 0
}

a,
button,
input[type=submit] {
    cursor: pointer
}

a:focus,
button:focus,
input[type=submit]:focus {
    outline: none
}

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

.is-disabled,
:disabled,
[disabled] {
    pointer-events: none
}

code,
kbd,
pre,
samp {
    color: #777c82;
    font-family: Consolas, Liberation Mono, Menlo, Courier, monospace
}

code,
pre {
    display: inline-block;
    background: hsla(0, 0%, 100%, 0);
    border-radius: 2px
}

pre {
    display: block;
    padding: 10px;
    border: 1px solid hsla(0, 0%, 100%, .4);
    padding: 9.5px
}

code {
    padding: 2px 4px
}

code pre,
pre code {
    font-size: inherit;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    margin: 0
}

ol,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.text ul li {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.text ul li:first-child {
    margin-top: 0
}

.text ul li:last-child {
    margin-bottom: 0
}

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

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

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

.text--capitalize {
    text-transform: uppercase!important
}

.text--underline {
    position: relative;
    display: inline-block
}

.text--underline:after {
    content: "";
    background-color: currentColor;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 1px
}

.text-line-more {
    border-bottom: 1px solid #BF9D63;
}

.text--underline-wrap a:not(.text--underline) {
    border-bottom: 1px solid hsla(0, 0%, 100%, .4);
    padding-bottom: 2px
}

.text--underline-wrap a.text--underline span {
    border-bottom: 1px solid rgba(163, 112, 99, .4);
    padding-bottom: 2px;
    display: inline
}

.text--underline-wrap a.text--underline:after {
    display: none
}

@media screen and (max-height:680px) {
    .text--underline-wrap {
        font-size: 13px!important
    }
    .text--underline-wrap p {
        margin: 10px 0!important
    }
}

.text--line-through {
    text-decoration: line-through
}

.text--nowrap,
.text--truncate {
    white-space: nowrap!important
}

.text--truncate {
    overflow: hidden!important;
    text-overflow: ellipsis!important
}

.text--color-default {
    color: #777c82;
    -webkit-text-fill-color: currentColor
}

.text--color-primary {
    color: #a37063
}

.text--color-secondary {
    color: #d3d3d3
}

.text--color-background,
.text--color-light-text {
    color: #2f3338
}

.text--color-light {
    color: #a0a0a0
}

hr {
    border: 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .4)
}

.icon {
    display: inline-block
}

.icon,
a .icon,
button .icon {
    fill: currentColor
}

.icon--with-margins,
a .icon,
button .icon {
    transition: none
}

.icon--with-margins:not(:last-child),
a .icon:not(:last-child),
button .icon:not(:last-child) {
    margin-right: 1rem
}

.icon--with-margins:not(:first-child),
a .icon:not(:first-child),
button .icon:not(:first-child) {
    margin-left: 1em
}

.btn--vertical .icon:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1rem
}

.btn--vertical .icon:not(:first-child) {
    margin-left: 0;
    margin-top: 1rem
}

.icon--large-margins:not(:last-child),
a .icon--large-margins:not(:last-child),
button .icon--large-margins:not(:last-child) {
    margin-right: 1.4rem
}

.icon--large-margins:not(:first-child),
a .icon--large-margins:not(:first-child),
button .icon--large-margins:not(:first-child) {
    margin-left: 1.4em
}

.btn--vertical .icon--large-margins:not(:last-child) {
    margin-right: 0;
    margin-bottom: 2.4rem
}

.btn--vertical .icon--large-margins:not(:first-child) {
    margin-left: 0;
    margin-top: 2.4rem
}

.icon--no-margins:not(:first-child),
.icon--no-margins:not(:last-child),
a .icon--no-margins:not(:first-child),
a .icon--no-margins:not(:last-child),
button .icon--no-margins:not(:first-child),
button .icon--no-margins:not(:last-child) {
    margin-right: 0;
    margin-left: 0
}

.icon,
.icon--with-margins~span {
    vertical-align: middle
}

.icon--stroke,
a .icon--stroke,
button .icon--stroke {
    fill: transparent;
    stroke: currentColor
}

.icon--close,
.icon--hamburger {
    position: relative;
    width: 20px;
    height: 12px
}

.icon--close i,
.icon--hamburger i {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: currentColor;
    top: 0;
    left: 0;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: left center;
    transform-origin: left center;
    transition-property: transform, opacity
}

.icon--hamburger i:nth-child(2) {
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}

.icon--hamburger i:nth-child(3) {
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.icon--close i:first-child {
    -ms-transform: translate(3px, -2px) rotate(45deg);
    transform: translate(3px, -2px) rotate(45deg)
}

.icon--close i:nth-child(2) {
    opacity: 0
}

.icon--close i:nth-child(3) {
    -ms-transform: translate(3px, 12px) rotate(-45deg);
    transform: translate(3px, 12px) rotate(-45deg)
}

.icon--check {
    width: 20px;
    height: 15px;
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .icon-back-large {
        height: 24px
    }
}

.icon-sales {
    width: 17px;
    height: 17px;
}


.icon--arrow-next,
.icon--arrow-previous {
    width: 12px;
    height: 20px;
    background-size: 12px 20px
}


.icon--arrow-next-light {
    width: 12px;
    height: 20px;
    background-size: 12px 20px
}

.icon--arrow-previous-light {
    width: 12px;
    height: 20px;
    background-size: 12px 20px
}

.form-control-dropdown__value:after,
.icon--dropdown-arrow {
    width: 5px;
    height: 5px;
    background-size: 5px 5px
}

.btn {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn.is-disabled,
.btn:disabled,
.btn[disabled] {
    opacity: .5
}

.btn__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn {
    height: 22px;
    padding: 0 9px;
    border-radius: 3px;
    font-size: 1.2rem;
    line-height: 22px
}

@media screen and (min-width:668px) and (min-height:416px) {
    .btn {
        height: 36px;
        padding: 0 18px;
        border-radius: 3px;
        font-size: 1.8rem;
        line-height: 36px
    }
}

.btn.btn--square {
    width: 22px;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:668px) and (min-height:416px) {
    .btn.btn--square {
        width: 36px;
        padding-left: 0;
        padding-right: 0
    }
}

.btn--sm {
    height: 24px;
    padding: 0 8px;
    border-radius: 3px;
    font-size: 1.2rem;
    line-height: 24px
}

@media screen and (min-width:668px) and (min-height:416px) {
    .btn--sm {
        height: 24px;
        padding: 0 8px;
        border-radius: 3px;
        font-size: 1.2rem;
        line-height: 24px
    }
}

.btn--sm.btn--square {
    width: 24px;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:668px) and (min-height:416px) {
    .btn--sm.btn--square {
        width: 24px;
        padding-left: 0;
        padding-right: 0
    }
}

.btn--lg {
    height: 24px;
    padding: 0 8px;
    border-radius: 3px;
    font-size: 1.2rem;
    line-height: 24px
}

@media screen and (min-width:668px) and (min-height:416px) {
    .btn--lg {
        height: 48px;
        padding: 0 22px;
        border-radius: 2px;
        font-size: 2rem;
        line-height: 48px
    }
}

.btn--lg.btn--square {
    width: 24px;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:668px) and (min-height:416px) {
    .btn--lg.btn--square {
        width: 48px;
        padding-left: 0;
        padding-right: 0
    }
}

.btn--link {
    height: 24px;
    padding: 0;
    border-radius: 0;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.7em
}

@media screen and (min-width:668px) and (min-height:416px) {
    .btn--link {
        font-size: 1.4rem
    }
}

.btn--link.btn--square {
    width: 24px;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:668px) and (min-height:416px) {
    .btn--link.btn--square {
        padding-left: 0;
        padding-right: 0
    }
}

.btn--map {
    height: 40px;
    padding: 0;
    border-radius: 0;
    font-size: 1.4rem;
    line-height: 40px
}

@media screen and (min-width:1200px) {
    .btn--map {
        height: 60px;
        padding: 0;
        border-radius: 0;
        font-size: 1.4rem;
        line-height: 60px
    }
}

.btn--map.btn--square {
    width: 40px;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:1200px) {
    .btn--map.btn--square {
        width: 60px;
        padding-left: 0;
        padding-right: 0
    }
}

.btn--rounded {
    border-radius: 100px
}

.btn--square {
    border-radius: 50%
}

.btn--primary.is-active,
.btn--primary:active,
.has-hover .btn--primary:active,
.has-hover .btn--primary:focus,
.has-hover .btn--primary:hover {
    color: #2f3338;
    background-color: #bf9c93;
    border-color: transparent
}

.btn--primary,
.btn--primary.is-disabled,
.btn--primary:disabled,
.btn--primary[disabled] {
    color: #2f3338;
    background-color: #a37063;
    border-color: transparent
}

.btn--primary.loading {
    color: transparent!important
}

.btn--secondary.is-active,
.btn--secondary:active,
.has-hover .btn--secondary:active,
.has-hover .btn--secondary:focus,
.has-hover .btn--secondary:hover {
    color: #d3d3d3;
    background-color: #525962;
    border-color: transparent
}

.btn--secondary,
.btn--secondary.is-disabled,
.btn--secondary:disabled,
.btn--secondary[disabled] {
    color: #d3d3d3;
    background-color: #2f3338;
    border-color: transparent
}

.btn--secondary.loading {
    color: transparent!important
}

.btn--link.text--underline:after {
    transition-property: background-color;
    background-color: #df9e70
}

.has-hover .btn--link.text--underline:focus,
.has-hover .btn--link.text--underline:hover {
    opacity: .7
}

.has-hover .btn--link.text--underline:focus:after,
.has-hover .btn--link.text--underline:hover:after {
    background-color: #fff
}

.btn--vertical {
    height: auto
}

.btn--vertical,
.btn-group {
    -ms-flex-direction: column;
    flex-direction: column
}

.btn-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    position: relative;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: -10px 0 0 -20px
}

.btn-group .btn {
    margin: 10px 0 0 20px
}

.btn-group--end {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.block {
    margin-top: 1.45rem;
    margin-bottom: 1.45rem
}

.block:first-child {
    margin-top: 0
}

.block:last-child {
    margin-bottom: 0
}

.block-lgl {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.block-lgl:first-child {
    margin-top: 0
}

.block-lgl:last-child {
    margin-bottom: 0
}

@media screen and (min-width:668px) and (min-height:416px) {
    .block-lgl {
        margin-top: 8rem;
        margin-bottom: 8rem
    }
    .block-lgl:first-child {
        margin-top: 0
    }
    .block-lgl:last-child {
        margin-bottom: 0
    }
}

.block-lg {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.block-lg:first-child {
    margin-top: 0
}

.block-lg:last-child {
    margin-bottom: 0
}

@media screen and (min-width:668px) and (min-height:416px) {
    .block-lg {
        margin-top: 6rem;
        margin-bottom: 6rem
    }
    .block-lg:first-child {
        margin-top: 0
    }
    .block-lg:last-child {
        margin-bottom: 0
    }
}

.block-sm {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.block-sm:first-child {
    margin-top: 0
}

.block-sm:last-child {
    margin-bottom: 0
}

.block-xl {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.block-xl:first-child {
    margin-top: 0
}

.block-xl:last-child {
    margin-bottom: 0
}

@media screen and (min-width:668px) and (min-height:416px) {
    .block-xl {
        margin-top: 8rem;
        margin-bottom: 8rem
    }
    .block-xl:first-child {
        margin-top: 0
    }
    .block-xl:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width:1200px) {
    .block-xl {
        margin-top: 10rem;
        margin-bottom: 10rem
    }
    .block-xl:first-child {
        margin-top: 0
    }
    .block-xl:last-child {
        margin-bottom: 0
    }
}

.block-top {
    margin-top: 1.45rem
}

.block-top:first-child {
    margin-top: 0
}

.block-bottom {
    margin-bottom: 1.45rem
}

.block-bottom:last-child {
    margin-bottom: 0
}

.animation--appear-image:after,
.animation--appear-image img,
.animation--appear-image video,
.animation--appear-text,
.animation--fade-in,
.animation--fade-out {
    pointer-events: none
}

.animation--fade-in,
.animation--fade-out {
    will-change: opacity
}

.animation--fade-in--inactive,
.animation--fade-out--active {
    opacity: 0
}

.text-letter {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.animation--appear-text {
    transition-duration: .8s;
    will-change: left, opacity;
    left: 0;
    opacity: 1
}

.animation--appear-text--inactive {
    opacity: 0;
    left: 100px
}

.animation--appear-image {
    transition-duration: .8s;
    transition-property: border-color
}

.animation--appear-image:after {
    transition-timing-function: ease;
    transition-duration: .8s;
    will-change: transform;
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 125%;
    height: 100%;
    background: #d3d3d3;
    -ms-transform: translateX(80%);
    transform: translateX(80%)
}

.ui-secondary-background .animation--appear-image:after {
    background: #a37063
}

.animation--appear-image img,
.animation--appear-image video {
    transition-duration: 0s;
    transition-delay: .25s;
    will-change: opacity;
    opacity: 1
}

.animation--appear-image--inactive:after {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.animation--appear-image--inactive img,
.animation--appear-image--inactive video {
    opacity: 0
}

.container {
    position: relative;
    width: 100%;
    padding: 0 30px
}

@media screen and (min-width:668px) and (min-height:416px) {
    .container {
        padding: 0 4.167vw
    }
}

.container--block {
    position: relative;
    width: 100%;
    padding: 24px 30px
}

@media screen and (min-width:668px) and (min-height:416px) {
    .container--block {
        padding: 4.167vw  4.167vw 6vw
    }
}

.container--content {
    position: relative;
    width: 100%;
    padding: 100px 30px
}

@media screen and (min-width:668px) and (min-height:416px) {
    .container--content {
        padding: 140px 4.167vw
    }
}

.container--inner {
    position: relative;
    width: 100%;
    padding: 90px 30px 0
}

@media screen and (min-width:668px) and (min-height:416px) {
    .container--inner {
        padding: 110px 4.167vw 0
    }
}

@media screen and (min-width:980px) {
    .container--inner {
        padding: 200px 4.167vw 0
    }
}

.container--form {
    position: relative;
    width: 100%;
    padding: 25px
}

@media (min-width:668px) and (min-height:416px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .container--form {
        padding: 30px
    }
}

@media screen and (min-width:668px) and (min-height:416px) {
    .container--form {
        padding: 4.167vw
    }
}

.container--news {
    padding: 180px 0 280px
}

.container--news,
.container--news-inner {
    position: relative;
    width: 100%;
    max-width: 840px;
    margin-right: auto;
    margin-left: auto
}

.container--news-inner {
    padding: 60px 0 40px
}

@media screen and (min-width:980px) {
    .container--news-inner {
        padding: 180px 0 160px
    }
}

.container--news-item {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding: 100px 0 20px
}

@media screen and (min-width:980px) {
    .container--news-item {
        padding: 200px 0 60px
    }
}

.container--next-page {
    position: relative;
    width: 100%;
    padding: 80px 0
}

.container--footer {
    position: relative;
    width: 100%;
    padding: 241px 30px 50px
}

@media (min-width:668px) and (min-height:416px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .container--footer {
        padding: 20px 30px 50px
    }
}

@media screen and (min-width:668px) and (min-height:416px) {
    .container--footer {
        padding: calc(4.167vw - 10px) 4.167vw calc(4.167vw + 20px)
    }
}

.full-width {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.row--full-height {
    height: 100%
}

.row--pad {
    margin-left: -1rem;
    margin-right: -1rem
}

@media screen and (min-width:668px) and (min-height:416px) {
    .row--pad {
        margin-left: -2rem;
        margin-right: -2rem
    }
    .row--pad>.col {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.row--pad-lg {
    margin-left: -1rem;
    margin-right: -1rem
}

.row--pad-lg>.col {
    padding-left: 1rem;
    padding-right: 1rem
}

@media screen and (min-width:668px) and (min-height:416px) {
    .row--pad-lg {
        margin-left: -3rem;
        margin-right: -3rem
    }
    .row--pad-lg>.col {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.col {
    -ms-flex: 1;
    flex: 1;
    max-width: 100%
}

.col--xs-1 {
    -ms-flex: 0 1 8.33333%;
    flex: 0 1 8.33333%;
    width: 8.33333%
}

.col--xs-1 _:-ms-input-placeholder,
:root .col--xs-1 {
    min-width: 8.33333%;
    max-width: 8.33333%
}

.col--xs-1,
.col--xs-1 x:-moz-any-link {
    max-width: 8.33333%
}

.col--xs-2 {
    -ms-flex: 0 1 16.66667%;
    flex: 0 1 16.66667%;
    width: 16.66667%
}

.col--xs-2 _:-ms-input-placeholder,
:root .col--xs-2 {
    min-width: 16.66667%;
    max-width: 16.66667%
}

.col--xs-2,
.col--xs-2 x:-moz-any-link {
    max-width: 16.66667%
}

.col--xs-3 {
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    width: 25%
}

.col--xs-3 _:-ms-input-placeholder,
:root .col--xs-3 {
    min-width: 25%;
    max-width: 25%
}

.col--xs-3,
.col--xs-3 x:-moz-any-link {
    max-width: 25%
}

.col--xs-4 {
    -ms-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    width: 33.33333%
}

.col--xs-4 _:-ms-input-placeholder,
:root .col--xs-4 {
    min-width: 33.33333%;
    max-width: 33.33333%
}

.col--xs-4,
.col--xs-4 x:-moz-any-link {
    max-width: 33.33333%
}

.col--xs-5 {
    -ms-flex: 0 1 41.66667%;
    flex: 0 1 41.66667%;
    width: 41.66667%
}

.col--xs-5 _:-ms-input-placeholder,
:root .col--xs-5 {
    min-width: 41.66667%;
    max-width: 41.66667%
}

.col--xs-5,
.col--xs-5 x:-moz-any-link {
    max-width: 41.66667%
}

.col--xs-6 {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%
}

.col--xs-6 _:-ms-input-placeholder,
:root .col--xs-6 {
    min-width: 50%;
    max-width: 50%
}

.col--xs-6,
.col--xs-6 x:-moz-any-link {
    max-width: 50%
}

.col--xs-7 {
    -ms-flex: 0 1 58.33333%;
    flex: 0 1 58.33333%;
    width: 58.33333%
}

.col--xs-7 _:-ms-input-placeholder,
:root .col--xs-7 {
    min-width: 58.33333%;
    max-width: 58.33333%
}

.col--xs-7,
.col--xs-7 x:-moz-any-link {
    max-width: 58.33333%
}

.col--xs-8 {
    -ms-flex: 0 1 66.66667%;
    flex: 0 1 66.66667%;
    width: 66.66667%
}

.col--xs-8 _:-ms-input-placeholder,
:root .col--xs-8 {
    min-width: 66.66667%;
    max-width: 66.66667%
}

.col--xs-8,
.col--xs-8 x:-moz-any-link {
    max-width: 66.66667%
}

.col--xs-9 {
    -ms-flex: 0 1 75%;
    flex: 0 1 75%;
    width: 75%
}

.col--xs-9 _:-ms-input-placeholder,
:root .col--xs-9 {
    min-width: 75%;
    max-width: 75%
}

.col--xs-9,
.col--xs-9 x:-moz-any-link {
    max-width: 75%
}

.col--xs-10 {
    -ms-flex: 0 1 83.33333%;
    flex: 0 1 83.33333%;
    width: 83.33333%
}

.col--xs-10 _:-ms-input-placeholder,
:root .col--xs-10 {
    min-width: 83.33333%;
    max-width: 83.33333%
}

.col--xs-10,
.col--xs-10 x:-moz-any-link {
    max-width: 83.33333%
}

.col--xs-11 {
    -ms-flex: 0 1 91.66667%;
    flex: 0 1 91.66667%;
    width: 91.66667%
}

.col--xs-11 _:-ms-input-placeholder,
:root .col--xs-11 {
    min-width: 91.66667%;
    max-width: 91.66667%
}

.col--xs-11,
.col--xs-11 x:-moz-any-link {
    max-width: 91.66667%
}

.col--xs-12 {
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%
}

.col--xs-12 _:-ms-input-placeholder,
:root .col--xs-12 {
    min-width: 100%;
    max-width: 100%
}

.col--xs-12,
.col--xs-12 x:-moz-any-link {
    max-width: 100%
}

.col--xs-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col--xs-auto,
.col--xs-fit {
    width: auto;
    min-width: 0;
    max-width: 100%
}

.col--xs-fit {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (min-width:668px) and (min-height:416px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .col--sm-1 {
        -ms-flex: 0 1 8.33333%;
        flex: 0 1 8.33333%;
        width: 8.33333%
    }
    .col--sm-1 _:-ms-input-placeholder,
    :root .col--sm-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }
    .col--sm-1,
    .col--sm-1 x:-moz-any-link {
        max-width: 8.33333%
    }
    .col--sm-2 {
        -ms-flex: 0 1 16.66667%;
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .col--sm-2 _:-ms-input-placeholder,
    :root .col--sm-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    .col--sm-2,
    .col--sm-2 x:-moz-any-link {
        max-width: 16.66667%
    }
    .col--sm-3 {
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        width: 25%
    }
    .col--sm-3 _:-ms-input-placeholder,
    :root .col--sm-3 {
        min-width: 25%;
        max-width: 25%
    }
    .col--sm-3,
    .col--sm-3 x:-moz-any-link {
        max-width: 25%
    }
    .col--sm-4 {
        -ms-flex: 0 1 33.33333%;
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .col--sm-4 _:-ms-input-placeholder,
    :root .col--sm-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    .col--sm-4,
    .col--sm-4 x:-moz-any-link {
        max-width: 33.33333%
    }
    .col--sm-5 {
        -ms-flex: 0 1 41.66667%;
        flex: 0 1 41.66667%;
        width: 41.66667%
    }
    .col--sm-5 _:-ms-input-placeholder,
    :root .col--sm-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }
    .col--sm-5,
    .col--sm-5 x:-moz-any-link {
        max-width: 41.66667%
    }
    .col--sm-6 {
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        width: 50%
    }
    .col--sm-6 _:-ms-input-placeholder,
    :root .col--sm-6 {
        min-width: 50%;
        max-width: 50%
    }
    .col--sm-6,
    .col--sm-6 x:-moz-any-link {
        max-width: 50%
    }
    .col--sm-7 {
        -ms-flex: 0 1 58.33333%;
        flex: 0 1 58.33333%;
        width: 58.33333%
    }
    .col--sm-7 _:-ms-input-placeholder,
    :root .col--sm-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }
    .col--sm-7,
    .col--sm-7 x:-moz-any-link {
        max-width: 58.33333%
    }
    .col--sm-8 {
        -ms-flex: 0 1 66.66667%;
        flex: 0 1 66.66667%;
        width: 66.66667%
    }
    .col--sm-8 _:-ms-input-placeholder,
    :root .col--sm-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }
    .col--sm-8,
    .col--sm-8 x:-moz-any-link {
        max-width: 66.66667%
    }
    .col--sm-9 {
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
        width: 75%
    }
    .col--sm-9 _:-ms-input-placeholder,
    :root .col--sm-9 {
        min-width: 75%;
        max-width: 75%
    }
    .col--sm-9,
    .col--sm-9 x:-moz-any-link {
        max-width: 75%
    }
    .col--sm-10 {
        -ms-flex: 0 1 83.33333%;
        flex: 0 1 83.33333%;
        width: 83.33333%
    }
    .col--sm-10 _:-ms-input-placeholder,
    :root .col--sm-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }
    .col--sm-10,
    .col--sm-10 x:-moz-any-link {
        max-width: 83.33333%
    }
    .col--sm-11 {
        -ms-flex: 0 1 91.66667%;
        flex: 0 1 91.66667%;
        width: 91.66667%
    }
    .col--sm-11 _:-ms-input-placeholder,
    :root .col--sm-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }
    .col--sm-11,
    .col--sm-11 x:-moz-any-link {
        max-width: 91.66667%
    }
    .col--sm-12 {
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%
    }
    .col--sm-12 _:-ms-input-placeholder,
    :root .col--sm-12 {
        min-width: 100%;
        max-width: 100%
    }
    .col--sm-12,
    .col--sm-12 x:-moz-any-link {
        max-width: 100%
    }
    .col--sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .col--sm-auto,
    .col--sm-fit {
        width: auto;
        min-width: 0;
        max-width: 100%
    }
    .col--sm-fit {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media screen and (min-width:668px) and (min-height:416px) {
    .col--md-1 {
        -ms-flex: 0 1 8.33333%;
        flex: 0 1 8.33333%;
        width: 8.33333%
    }
    .col--md-1 _:-ms-input-placeholder,
    :root .col--md-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }
    .col--md-1,
    .col--md-1 x:-moz-any-link {
        max-width: 8.33333%
    }
    .col--md-2 {
        -ms-flex: 0 1 16.66667%;
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .col--md-2 _:-ms-input-placeholder,
    :root .col--md-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    .col--md-2,
    .col--md-2 x:-moz-any-link {
        max-width: 16.66667%
    }
    .col--md-3 {
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        width: 25%
    }
    .col--md-3 _:-ms-input-placeholder,
    :root .col--md-3 {
        min-width: 25%;
        max-width: 25%
    }
    .col--md-3,
    .col--md-3 x:-moz-any-link {
        max-width: 25%
    }
    .col--md-4 {
        -ms-flex: 0 1 33.33333%;
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .col--md-4 _:-ms-input-placeholder,
    :root .col--md-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    .col--md-4,
    .col--md-4 x:-moz-any-link {
        max-width: 33.33333%
    }
    .col--md-5 {
        -ms-flex: 0 1 41.66667%;
        flex: 0 1 41.66667%;
        width: 41.66667%
    }
    .col--md-5 _:-ms-input-placeholder,
    :root .col--md-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }
    .col--md-5,
    .col--md-5 x:-moz-any-link {
        max-width: 41.66667%
    }
    .col--md-6 {
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        width: 50%
    }
    .col--md-6 _:-ms-input-placeholder,
    :root .col--md-6 {
        min-width: 50%;
        max-width: 50%
    }
    .col--md-6,
    .col--md-6 x:-moz-any-link {
        max-width: 50%
    }
    .col--md-7 {
        -ms-flex: 0 1 58.33333%;
        flex: 0 1 58.33333%;
        width: 58.33333%
    }
    .col--md-7 _:-ms-input-placeholder,
    :root .col--md-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }
    .col--md-7,
    .col--md-7 x:-moz-any-link {
        max-width: 58.33333%
    }
    .col--md-8 {
        -ms-flex: 0 1 66.66667%;
        flex: 0 1 66.66667%;
        width: 66.66667%
    }
    .col--md-8 _:-ms-input-placeholder,
    :root .col--md-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }
    .col--md-8,
    .col--md-8 x:-moz-any-link {
        max-width: 66.66667%
    }
    .col--md-9 {
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
        width: 75%
    }
    .col--md-9 _:-ms-input-placeholder,
    :root .col--md-9 {
        min-width: 75%;
        max-width: 75%
    }
    .col--md-9,
    .col--md-9 x:-moz-any-link {
        max-width: 75%
    }
    .col--md-10 {
        -ms-flex: 0 1 83.33333%;
        flex: 0 1 83.33333%;
        width: 83.33333%
    }
    .col--md-10 _:-ms-input-placeholder,
    :root .col--md-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }
    .col--md-10,
    .col--md-10 x:-moz-any-link {
        max-width: 83.33333%
    }
    .col--md-11 {
        -ms-flex: 0 1 91.66667%;
        flex: 0 1 91.66667%;
        width: 91.66667%
    }
    .col--md-11 _:-ms-input-placeholder,
    :root .col--md-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }
    .col--md-11,
    .col--md-11 x:-moz-any-link {
        max-width: 91.66667%
    }
    .col--md-12 {
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%
    }
    .col--md-12 _:-ms-input-placeholder,
    :root .col--md-12 {
        min-width: 100%;
        max-width: 100%
    }
    .col--md-12,
    .col--md-12 x:-moz-any-link {
        max-width: 100%
    }
    .col--md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .col--md-auto,
    .col--md-fit {
        width: auto;
        min-width: 0;
        max-width: 100%
    }
    .col--md-fit {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media screen and (min-width:980px) {
    .col--lg-1 {
        -ms-flex: 0 1 8.33333%;
        flex: 0 1 8.33333%;
        width: 8.33333%
    }
    .col--lg-1 _:-ms-input-placeholder,
    :root .col--lg-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }
    .col--lg-1,
    .col--lg-1 x:-moz-any-link {
        max-width: 8.33333%
    }
    .col--lg-2 {
        -ms-flex: 0 1 16.66667%;
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .col--lg-2 _:-ms-input-placeholder,
    :root .col--lg-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    .col--lg-2,
    .col--lg-2 x:-moz-any-link {
        max-width: 16.66667%
    }
    .col--lg-3 {
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        width: 25%
    }
    .col--lg-3 _:-ms-input-placeholder,
    :root .col--lg-3 {
        min-width: 25%;
        max-width: 25%
    }
    .col--lg-3,
    .col--lg-3 x:-moz-any-link {
        max-width: 25%
    }
    .col--lg-4 {
        -ms-flex: 0 1 33.33333%;
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .col--lg-4 _:-ms-input-placeholder,
    :root .col--lg-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    .col--lg-4,
    .col--lg-4 x:-moz-any-link {
        max-width: 33.33333%
    }
    .col--lg-5 {
        -ms-flex: 0 1 41.66667%;
        flex: 0 1 41.66667%;
        width: 41.66667%
    }
    .col--lg-5 _:-ms-input-placeholder,
    :root .col--lg-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }
    .col--lg-5,
    .col--lg-5 x:-moz-any-link {
        max-width: 41.66667%
    }
    .col--lg-6 {
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        width: 50%
    }
    .col--lg-6 _:-ms-input-placeholder,
    :root .col--lg-6 {
        min-width: 50%;
        max-width: 50%
    }
    .col--lg-6,
    .col--lg-6 x:-moz-any-link {
        max-width: 50%
    }
    .col--lg-7 {
        -ms-flex: 0 1 58.33333%;
        flex: 0 1 58.33333%;
        width: 58.33333%
    }
    .col--lg-7 _:-ms-input-placeholder,
    :root .col--lg-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }
    .col--lg-7,
    .col--lg-7 x:-moz-any-link {
        max-width: 58.33333%
    }
    .col--lg-8 {
        -ms-flex: 0 1 66.66667%;
        flex: 0 1 66.66667%;
        width: 66.66667%
    }
    .col--lg-8 _:-ms-input-placeholder,
    :root .col--lg-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }
    .col--lg-8,
    .col--lg-8 x:-moz-any-link {
        max-width: 66.66667%
    }
    .col--lg-9 {
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
        width: 75%
    }
    .col--lg-9 _:-ms-input-placeholder,
    :root .col--lg-9 {
        min-width: 75%;
        max-width: 75%
    }
    .col--lg-9,
    .col--lg-9 x:-moz-any-link {
        max-width: 75%
    }
    .col--lg-10 {
        -ms-flex: 0 1 83.33333%;
        flex: 0 1 83.33333%;
        width: 83.33333%
    }
    .col--lg-10 _:-ms-input-placeholder,
    :root .col--lg-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }
    .col--lg-10,
    .col--lg-10 x:-moz-any-link {
        max-width: 83.33333%
    }
    .col--lg-11 {
        -ms-flex: 0 1 91.66667%;
        flex: 0 1 91.66667%;
        width: 91.66667%
    }
    .col--lg-11 _:-ms-input-placeholder,
    :root .col--lg-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }
    .col--lg-11,
    .col--lg-11 x:-moz-any-link {
        max-width: 91.66667%
    }
    .col--lg-12 {
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%
    }
    .col--lg-12 _:-ms-input-placeholder,
    :root .col--lg-12 {
        min-width: 100%;
        max-width: 100%
    }
    .col--lg-12,
    .col--lg-12 x:-moz-any-link {
        max-width: 100%
    }
    .col--lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .col--lg-auto,
    .col--lg-fit {
        width: auto;
        min-width: 0;
        max-width: 100%
    }
    .col--lg-fit {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media screen and (min-width:1200px) {
    .col--lgl-1 {
        -ms-flex: 0 1 8.33333%;
        flex: 0 1 8.33333%;
        width: 8.33333%
    }
    .col--lgl-1 _:-ms-input-placeholder,
    :root .col--lgl-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }
    .col--lgl-1,
    .col--lgl-1 x:-moz-any-link {
        max-width: 8.33333%
    }
    .col--lgl-2 {
        -ms-flex: 0 1 16.66667%;
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .col--lgl-2 _:-ms-input-placeholder,
    :root .col--lgl-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    .col--lgl-2,
    .col--lgl-2 x:-moz-any-link {
        max-width: 16.66667%
    }
    .col--lgl-3 {
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        width: 25%
    }
    .col--lgl-3 _:-ms-input-placeholder,
    :root .col--lgl-3 {
        min-width: 25%;
        max-width: 25%
    }
    .col--lgl-3,
    .col--lgl-3 x:-moz-any-link {
        max-width: 25%
    }
    .col--lgl-4 {
        -ms-flex: 0 1 33.33333%;
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .col--lgl-4 _:-ms-input-placeholder,
    :root .col--lgl-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    .col--lgl-4,
    .col--lgl-4 x:-moz-any-link {
        max-width: 33.33333%
    }
    .col--lgl-5 {
        -ms-flex: 0 1 41.66667%;
        flex: 0 1 41.66667%;
        width: 41.66667%
    }
    .col--lgl-5 _:-ms-input-placeholder,
    :root .col--lgl-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }
    .col--lgl-5,
    .col--lgl-5 x:-moz-any-link {
        max-width: 41.66667%
    }
    .col--lgl-6 {
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        width: 50%
    }
    .col--lgl-6 _:-ms-input-placeholder,
    :root .col--lgl-6 {
        min-width: 50%;
        max-width: 50%
    }
    .col--lgl-6,
    .col--lgl-6 x:-moz-any-link {
        max-width: 50%
    }
    .col--lgl-7 {
        -ms-flex: 0 1 58.33333%;
        flex: 0 1 58.33333%;
        width: 58.33333%
    }
    .col--lgl-7 _:-ms-input-placeholder,
    :root .col--lgl-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }
    .col--lgl-7,
    .col--lgl-7 x:-moz-any-link {
        max-width: 58.33333%
    }
    .col--lgl-8 {
        -ms-flex: 0 1 66.66667%;
        flex: 0 1 66.66667%;
        width: 66.66667%
    }
    .col--lgl-8 _:-ms-input-placeholder,
    :root .col--lgl-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }
    .col--lgl-8,
    .col--lgl-8 x:-moz-any-link {
        max-width: 66.66667%
    }
    .col--lgl-9 {
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
        width: 75%
    }
    .col--lgl-9 _:-ms-input-placeholder,
    :root .col--lgl-9 {
        min-width: 75%;
        max-width: 75%
    }
    .col--lgl-9,
    .col--lgl-9 x:-moz-any-link {
        max-width: 75%
    }
    .col--lgl-10 {
        -ms-flex: 0 1 83.33333%;
        flex: 0 1 83.33333%;
        width: 83.33333%
    }
    .col--lgl-10 _:-ms-input-placeholder,
    :root .col--lgl-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }
    .col--lgl-10,
    .col--lgl-10 x:-moz-any-link {
        max-width: 83.33333%
    }
    .col--lgl-11 {
        -ms-flex: 0 1 91.66667%;
        flex: 0 1 91.66667%;
        width: 91.66667%
    }
    .col--lgl-11 _:-ms-input-placeholder,
    :root .col--lgl-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }
    .col--lgl-11,
    .col--lgl-11 x:-moz-any-link {
        max-width: 91.66667%
    }
    .col--lgl-12 {
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%
    }
    .col--lgl-12 _:-ms-input-placeholder,
    :root .col--lgl-12 {
        min-width: 100%;
        max-width: 100%
    }
    .col--lgl-12,
    .col--lgl-12 x:-moz-any-link {
        max-width: 100%
    }
    .col--lgl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .col--lgl-auto,
    .col--lgl-fit {
        width: auto;
        min-width: 0;
        max-width: 100%
    }
    .col--lgl-fit {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media screen and (min-width:1600px) and (min-height:1000px) {
    .col--xl-1 {
        -ms-flex: 0 1 8.33333%;
        flex: 0 1 8.33333%;
        width: 8.33333%
    }
    .col--xl-1 _:-ms-input-placeholder,
    :root .col--xl-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }
    .col--xl-1,
    .col--xl-1 x:-moz-any-link {
        max-width: 8.33333%
    }
    .col--xl-2 {
        -ms-flex: 0 1 16.66667%;
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .col--xl-2 _:-ms-input-placeholder,
    :root .col--xl-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    .col--xl-2,
    .col--xl-2 x:-moz-any-link {
        max-width: 16.66667%
    }
    .col--xl-3 {
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        width: 25%
    }
    .col--xl-3 _:-ms-input-placeholder,
    :root .col--xl-3 {
        min-width: 25%;
        max-width: 25%
    }
    .col--xl-3,
    .col--xl-3 x:-moz-any-link {
        max-width: 25%
    }
    .col--xl-4 {
        -ms-flex: 0 1 33.33333%;
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .col--xl-4 _:-ms-input-placeholder,
    :root .col--xl-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    .col--xl-4,
    .col--xl-4 x:-moz-any-link {
        max-width: 33.33333%
    }
    .col--xl-5 {
        -ms-flex: 0 1 41.66667%;
        flex: 0 1 41.66667%;
        width: 41.66667%
    }
    .col--xl-5 _:-ms-input-placeholder,
    :root .col--xl-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }
    .col--xl-5,
    .col--xl-5 x:-moz-any-link {
        max-width: 41.66667%
    }
    .col--xl-6 {
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        width: 50%
    }
    .col--xl-6 _:-ms-input-placeholder,
    :root .col--xl-6 {
        min-width: 50%;
        max-width: 50%
    }
    .col--xl-6,
    .col--xl-6 x:-moz-any-link {
        max-width: 50%
    }
    .col--xl-7 {
        -ms-flex: 0 1 58.33333%;
        flex: 0 1 58.33333%;
        width: 58.33333%
    }
    .col--xl-7 _:-ms-input-placeholder,
    :root .col--xl-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }
    .col--xl-7,
    .col--xl-7 x:-moz-any-link {
        max-width: 58.33333%
    }
    .col--xl-8 {
        -ms-flex: 0 1 66.66667%;
        flex: 0 1 66.66667%;
        width: 66.66667%
    }
    .col--xl-8 _:-ms-input-placeholder,
    :root .col--xl-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }
    .col--xl-8,
    .col--xl-8 x:-moz-any-link {
        max-width: 66.66667%
    }
    .col--xl-9 {
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
        width: 75%
    }
    .col--xl-9 _:-ms-input-placeholder,
    :root .col--xl-9 {
        min-width: 75%;
        max-width: 75%
    }
    .col--xl-9,
    .col--xl-9 x:-moz-any-link {
        max-width: 75%
    }
    .col--xl-10 {
        -ms-flex: 0 1 83.33333%;
        flex: 0 1 83.33333%;
        width: 83.33333%
    }
    .col--xl-10 _:-ms-input-placeholder,
    :root .col--xl-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }
    .col--xl-10,
    .col--xl-10 x:-moz-any-link {
        max-width: 83.33333%
    }
    .col--xl-11 {
        -ms-flex: 0 1 91.66667%;
        flex: 0 1 91.66667%;
        width: 91.66667%
    }
    .col--xl-11 _:-ms-input-placeholder,
    :root .col--xl-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }
    .col--xl-11,
    .col--xl-11 x:-moz-any-link {
        max-width: 91.66667%
    }
    .col--xl-12 {
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%
    }
    .col--xl-12 _:-ms-input-placeholder,
    :root .col--xl-12 {
        min-width: 100%;
        max-width: 100%
    }
    .col--xl-12,
    .col--xl-12 x:-moz-any-link {
        max-width: 100%
    }
    .col--xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .col--xl-auto,
    .col--xl-fit {
        width: auto;
        min-width: 0;
        max-width: 100%
    }
    .col--xl-fit {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.row--pad>.col {
    padding-left: 1rem;
    padding-right: 1rem
}

@media screen and (min-width:668px) and (min-height:416px) {
    .row--pad>.col {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.row--start-xs {
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.row--center-xs {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.row--end-xs {
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.row--top-xs {
    -ms-flex-align: start;
    align-items: flex-start
}

.row--middle-xs {
    -ms-flex-align: center;
    align-items: center
}

.row--bottom-xs {
    -ms-flex-align: end;
    align-items: flex-end
}

.row--around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.row--between-xs {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.row--first-xs {
    -ms-flex-order: -1;
    order: -1
}

.row--last-xs {
    -ms-flex-order: 1;
    order: 1
}

@media (min-width:668px) and (min-height:416px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .row--start-sm {
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .row--center-sm {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .row--end-sm {
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    .row--top-sm {
        -ms-flex-align: start;
        align-items: flex-start
    }
    .row--middle-sm {
        -ms-flex-align: center;
        align-items: center
    }
    .row--bottom-sm {
        -ms-flex-align: end;
        align-items: flex-end
    }
    .row--around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .row--between-sm {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .row--first-sm {
        -ms-flex-order: -1;
        order: -1
    }
    .row--last-sm {
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width:668px) and (min-height:416px) {
    .row--start-md {
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .row--center-md {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .row--end-md {
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    .row--top-md {
        -ms-flex-align: start;
        align-items: flex-start
    }
    .row--middle-md {
        -ms-flex-align: center;
        align-items: center
    }
    .row--bottom-md {
        -ms-flex-align: end;
        align-items: flex-end
    }
    .row--around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .row--between-md {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .row--first-md {
        -ms-flex-order: -1;
        order: -1
    }
    .row--last-md {
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width:980px) {
    .row--start-lg {
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .row--center-lg {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .row--end-lg {
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    .row--top-lg {
        -ms-flex-align: start;
        align-items: flex-start
    }
    .row--middle-lg {
        -ms-flex-align: center;
        align-items: center
    }
    .row--bottom-lg {
        -ms-flex-align: end;
        align-items: flex-end
    }
    .row--around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .row--between-lg {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .row--first-lg {
        -ms-flex-order: -1;
        order: -1
    }
    .row--last-lg {
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width:1200px) {
    .row--start-lgl {
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .row--center-lgl {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .row--end-lgl {
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    .row--top-lgl {
        -ms-flex-align: start;
        align-items: flex-start
    }
    .row--middle-lgl {
        -ms-flex-align: center;
        align-items: center
    }
    .row--bottom-lgl {
        -ms-flex-align: end;
        align-items: flex-end
    }
    .row--around-lgl {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .row--between-lgl {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .row--first-lgl {
        -ms-flex-order: -1;
        order: -1
    }
    .row--last-lgl {
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width:1600px) and (min-height:1000px) {
    .row--start-xl {
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .row--center-xl {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .row--end-xl {
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    .row--top-xl {
        -ms-flex-align: start;
        align-items: flex-start
    }
    .row--middle-xl {
        -ms-flex-align: center;
        align-items: center
    }
    .row--bottom-xl {
        -ms-flex-align: end;
        align-items: flex-end
    }
    .row--around-xl {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .row--between-xl {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .row--first-xl {
        -ms-flex-order: -1;
        order: -1
    }
    .row--last-xl {
        -ms-flex-order: 1;
        order: 1
    }
}

.hidden {
    display: none;
}

.is-hidden,
.is-hidden--xl-down,
.is-hidden--xs-up {
    display: none!important
}

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

@media screen and (max-width:479px) and (orientation:portrait) {
    .is-show--xs {
        display: block!important
    }
}

.is-hidden--xs-up {
    display: none!important
}

@media screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .is-hidden--sm {
        display: none!important
    }
}

@media (min-width:668px) and (min-height:416px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .is-hidden--sm-up {
        display: none!important
    }
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .is-hidden--sm-down {
        display: none!important
    }
}

@media screen and (min-width:668px) and (max-width:979px) and (min-height:416px) {
    .is-hidden--md {
        display: none!important
    }
}

@media screen and (min-width:668px) and (min-height:416px) {
    .is-hidden--md-up {
        display: none!important
    }
}

@media screen and (max-width:979px) {
    .is-hidden--md-down {
        display: none!important
    }
}

@media (min-width:1600px) and (max-height:999px),
screen and (min-width:980px) and (max-width:1199px) {
    .is-hidden--lg {
        display: none!important
    }
}

@media screen and (min-width:980px) {
    .is-hidden--lg-up {
        display: none!important
    }
}

@media screen and (max-width:1199px) {
    .is-hidden--lg-down {
        display: none!important
    }
}

@media screen and (min-width:1200px) {
    .is-hidden--lgl-up {
        display: none!important
    }
}

@media screen and (max-width:1199px) {
    .is-hidden--lgl-down {
        display: none!important
    }
}

@media screen and (min-width:1600px) and (min-height:1000px) {
    .is-hidden--xl,
    .is-hidden--xl-up {
        display: none!important
    }
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh
}

.preloader__lines,
.preloader__lines__inner,
.preloader__progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    transition-property: transform;
    transition-duration: 1.25s;
    transition-timing-function: cubic-bezier(.46, .01, .54, 1)
}

.preloader__lines {
    width: 200vw;
    -ms-transform: translateX(100vw);
    transform: translateX(100vw);
    background: #2f3338;
    background: #BFB39B;
}

.preloader-animation-in .preloader__lines {
    -ms-transform: translateX(-200vw);
    transform: translateX(-200vw)
}

.preloader__lines__inner {
    width: 100vw;
    background: #a37063;
    background: #BF9D63;
    -ms-transform: translateX(100vw);
    transform: translateX(100vw)
}

.preloader__progress {
    width: 100vw;
    background: #797474;
    background: #3F3F3F;
    /*background: #f00;*/
    transition-property: opacity;
    transition-duration: .625s;
    transition-timing-function: step-end;
    opacity: 0
}

.preloader-animation-in .preloader__progress {
    opacity: 1
}

.preloader-animation-out .preloader__progress {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.46, .01, .54, 1);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw)
}

.preloader__progress__bar {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 180px;
    height: 36px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden
}

.preloader__progress__bar:after,
.preloader__progress__bar:before {
    content: "";
    position: absolute;
    top: 0;
    height: 36px;
    background: url(../png/preloader.png) 0 0 no-repeat;
}

.preloader__progress__bar:before {
    left: 0;
    width: 100%;
    animation: a .84s linear infinite
}

.preloader__progress__bar:after {
    right: 0;
    width: 0;
    background-position: 100% 0;
    animation: b .84s linear infinite
}

.preloader-animation-in {
    transition-duration: 1.25s
}

.preloader-animation-out {
    transition-duration: .625s
}

@keyframes a {
    0% {
        width: 100%
    }
    50% {
        width: 0
    }
    to {
        width: 0
    }
}

@keyframes b {
    0% {
        width: 0
    }
    50% {
        width: 0
    }
    to {
        width: 100%
    }
}

.with-scroller .scroller {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh
}

.with-scroller .scroller__content {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden
}

.with-scroller.with-notification .scroller {
    height: calc(100vh - 80px);
    top: 80px
}

.with-scroller.with-notification .scroller__content {
    min-height: calc(100vh - 80px)
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .scroller__content.disabled {
        height: 100vh
    }
}

.layout-height-12 {
    height: 100vh;
    position: relative
}

.layout-height-10 {
    height: 83.33333vh;
    position: relative
}

.layout-height-9 {
    height: 75vh;
    position: relative
}

.layout-height-8 {
    height: 66.66667vh;
    position: relative
}

.layout-height-7 {
    height: 58.33333vh;
    position: relative
}

.layout-height-6 {
    height: 50vh;
    position: relative
}

.layout-height-5 {
    height: 41.66667vh;
    position: relative
}

.layout-height-4 {
    height: 33.33333vh;
    position: relative
}

.layout-height-3 {
    height: 25vh;
    position: relative
}

.layout-height-2 {
    height: 16.66667vh;
    position: relative
}

@media screen and (min-width:668px) and (min-height:416px) and (orientation:portrait) {
    .layout-height-12 {
        height: 66.66667vh
    }
    .layout-height-10 {
        height: 55.55555vh
    }
    .layout-height-9 {
        height: 50vh
    }
    .layout-height-8 {
        height: 44.44445vh
    }
    .layout-height-7 {
        height: 38.88889vh
    }
    .layout-height-6 {
        height: 33.33333vh
    }
    .layout-height-5 {
        height: 27.77778vh
    }
    .layout-height-4 {
        height: 22.22222vh
    }
    .layout-height-3 {
        height: 16.66667vh
    }
    .layout-height-2 {
        height: 11.11111vh
    }
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .layout-height-auto--xs {
        height: auto
    }
    .layout-height-4--xs {
        height: 40vh
    }
    .layout-height-6--xs {
        height: 60vh
    }
    .layout-height-7--xs {
        height: 70vh
    }
    .layout-height-8--xs {
        height: 80vh
    }
    .layout-height-10--xs {
        height: 90vh
    }
    .layout-height-12--xs {
        height: 100vh
    }
}

@media screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .layout-height-auto--sm {
        height: auto
    }
    .layout-height-12--sm {
        height: 100vh
    }
    .layout-height-7--sm {
        height: 60vh
    }
    .layout-height-24--sm {
        height: 200vh
    }
}

.layout-v-space-between {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch
}

.layout-v-space-between__spacer {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
}

.layout-v-space-between__spacer .txt-line {
    width: 3rem;
    height: 1px;
    display: inline-block;
    background-color: #BF9D63;
    position: absolute;
    left: 0;
    top: 40%;
}

@media (min-width:668px) and (min-height:416px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .layout-left-space {
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }
}

.background-text,
.background-text .text-letter {
    background: #9a6345 url(../png/typt-bg.png) 50% 50% repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    transform: translateZ(0);
    letter-spacing: 1rem;
}

.background-text .text-letter {
    display: -webkit-inline-box
}

.background-text.text--underline {
    color: #BF9D63
}

.background-text--light _:-ms-input-placeholder,
.background-text .text-letter _:-ms-input-placeholder,
.background-text _:-ms-input-placeholder,
:root .background-text,
:root .background-text--light,
:root .background-text .text-letter {
    -webkit-text-fill-color: currentColor;
    background: none
}

.background-text .text-letter,
.background-text .text-letter _:-ms-lang(x),
.background-text .text-letter _:-webkit-full-screen {
    -webkit-text-fill-color: currentColor;
    background: none
}

.background-text.is-disabled {
    background: none;
    -webkit-text-fill-color: #777c82;
    color: #777c82;
    pointer-events: none
}

.background-text--will-change {
    will-change: transform
}

button.background-text,
button.background-text _::-webkit-full-page-media,
button.background-text _:future {
    -webkit-text-fill-color: currentColor;
    background: none;
    transform: none
}

button.background-text,
button.background-text _:-ms-lang(x),
button.background-text _:-webkit-full-screen {
    -webkit-text-fill-color: currentColor;
    background: none
}

.background-image-container {
    overflow: hidden
}

.background-image-container--inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.background-image-shadow img {
    z-index: 1
}

.background-image-shadow+.background-image-title,
.background-image-shadow .text--small {
    z-index: 3
}

.background-image-shadow:after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 0, hsla(0, 0%, 40%, .65));
    z-index: 2
}

.background-image,
.background-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;"
}

.background-image--center,
.background-image--center img {
    left: 50%;
    top: 50%;
    width: auto;
    height: auto;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: fill;
    z-index: 1
}

.background-image--parallax img {
    -ms-transform: scale(1.16);
    transform: scale(1.16)
}

.background-image-title {
    position: absolute;
    left: 30px;
    bottom: 30px;
    color: #d3d3d3
}

@media screen and (min-width:668px) and (min-height:416px) {
    .background-image-title {
        left: 4.176vw;
        bottom: calc(4.176vw - 10px)
    }
}

.heading-overlay {
    position: relative;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.container--block .heading-overlay {
    margin-top: -20px
}

@media screen and (min-width:668px) and (min-height:416px) {
    .container--block .heading-overlay {
        margin-top: -55px
    }
}

.heading-overlay--bottom {
    -ms-transform: translateY(.6666em);
    transform: translateY(.6666em)
}

.heading-overlay--bottom-lg {
    -ms-transform: translateY(2em);
    transform: translateY(2em)
}

@media screen and (max-width:1199px) {
    .heading-overlay--bottom-lg {
        -ms-transform: translateY(1em);
        transform: translateY(1em)
    }
}

.heading-over {
    position: relative;
    z-index: 1;
    margin: 0;
    margin-top: 20px
}

@media screen and (min-width:668px) and (min-height:416px) {
    .heading-over {
        margin-top: 55px
    }
}

.form-control {
    width: 100%;
    height: 40px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #595c63
}

.no-hover .form-control {
    -webkit-appearance: none;
    border-radius: 0
}

.readonly.form-control,
[readonly].form-control {
    pointer-events: none;
    box-shadow: none
}

.form-control {
    color: #fff;
    line-height: normal;
    outline: none;
    vertical-align: middle
}

.form-control::-ms-clear {
    display: none
}

.form-label {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-label:before {
    content: ""
}

.form-label--placeholder {
    position: absolute;
    left: 0;
    top: 8px
}

.form-label--placeholder.form-label--up {
    -ms-transform: translateY(-26px);
    transform: translateY(-26px);
    font-size: 1rem
}

.form-group {
    margin-top: 1.45rem;
    margin-bottom: 1.45rem;
    position: relative
}

.form-group:first-child {
    margin-top: 0
}

.form-group:last-child {
    margin-bottom: 0
}

.form-group-md {
    margin-top: 4.4rem;
    margin-bottom: 4.4rem;
    position: relative
}

.form-group-md:first-child {
    margin-top: 0
}

.form-group-md:last-child {
    margin-bottom: 0
}

@media screen and (min-width:668px) and (min-height:416px) {
    .form-group-md {
        margin-top: 5.4rem;
        margin-bottom: 5.4rem
    }
    .form-group-md:first-child {
        margin-top: 0
    }
    .form-group-md:last-child {
        margin-bottom: 0
    }
}

.form-group-lg {
    margin-top: 5rem;
    margin-bottom: 5rem;
    position: relative
}

.form-group-lg:first-child {
    margin-top: 0
}

.form-group-lg:last-child {
    margin-bottom: 0
}

@media screen and (min-width:668px) and (min-height:416px) {
    .form-group-lg {
        margin-top: 8rem;
        margin-bottom: 8rem
    }
    .form-group-lg:first-child {
        margin-top: 0
    }
    .form-group-lg:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width:1200px) {
    .form-group-lg {
        margin-top: 10rem;
        margin-bottom: 10rem
    }
    .form-group-lg:first-child {
        margin-top: 0
    }
    .form-group-lg:last-child {
        margin-bottom: 0
    }
}

.form-control[type=tel] {
    padding-left: 24px
}

.tel-mask {
    position: absolute;
    left: 0;
    bottom: 1px;
    line-height: 39px
}

.form-control--textarea {
    height: 235px;
    line-height: 3.45;
    background-image: linear-gradient(180deg, transparent, transparent 46px, #595c63 0);
    background-size: 100% 47px;
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
    resize: none;
    overflow: hidden
}

.form-control--select {
    -webkit-appearance: menulist-button
}

.form-control-range {
    margin-bottom: 25px
}

.form-label+.form-control-range {
    margin-top: 12px
}

.form-control-range input {
    display: none
}

@media screen and (max-width:1199px) {
    .form-control-range {
        margin-bottom: 50px
    }
}

@media screen and (max-width:979px) {
    .form-control-range {
        margin-bottom: 42px
    }
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

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

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

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

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

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

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

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    border-top: 1px solid #b5b5b5
}

.noUi-horizontal .noUi-handle {
    width: 27px;
    height: 27px;
    left: -14px;
    top: -4px
}

.noUi-connect:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    border-top: 1px solid #a37063
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-handle:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    left: 9px;
    top: 9px;
    background: #d3d3d3;
    border: 1px solid #a37063;
    border-radius: 9px
}

.noUi-active:before,
.noUi-handle:hover:before {
    border-color: #2f3338
}

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

[disabled] .noUi-connect:before,
[disabled].noUi-handle:before,
[disabled] .noUi-handle:before,
[disabled].noUi-target:before {
    border-color: #b5b5b5
}

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

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

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

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

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

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

.noUi-value-horizontal {
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

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

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

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

.noUi-tooltip {
    display: block;
    position: absolute;
    color: #a37063;
    text-align: center
}

.noUi-active .noUi-tooltip {
    color: #2f3338
}

.noUi-horizontal .noUi-tooltip {
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    left: 50%;
    top: 27px
}

.form-control-checkbox input {
    position: absolute;
    left: -9000px
}

.form-control-checkbox label {
    display: block;
    cursor: pointer;
    line-height: 15px
}

.form-control-checkbox label span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.form-control-checkbox label span:after,
.form-control-checkbox label span:before {
    cursor: pointer;
    content: "";
    display: block;
    border-radius: 15px
}

.form-control-checkbox label span:before {
    border: 1px solid #a37063;
    width: 15px;
    height: 15px;
    margin-right: 12px;
    -ms-flex: 0 0 15px;
    flex: 0 0 15px;
    max-width: 15px
}

.form-control-checkbox label span:after {
    background: #a37063;
    opacity: 0;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 3px;
    top: 0;
    bottom: 0;
    margin: auto
}

.form-control-checkbox input:checked+label span:after {
    opacity: 1
}

.form-control-checkbox input.readonly+label span {
    pointer-events: none
}

.form-control-checkbox input:focus+label span:before {
    border-color: #2f3338
}

.form-control-checkbox input:focus+label span:after {
    background-color: #2f3338
}

.form-control-dropdown {
    position: relative;
    z-index: 2
}

.form-control-dropdown .form-label {
    cursor: pointer
}

.form-control-dropdown__value {
    color: #a37063;
    cursor: pointer
}

.form-control-dropdown__value:after {
    content: "";
    position: absolute;
    right: -8px;
    top: 7px
}

.form-control-dropdown__popup {
    background: #282b2e;
    position: absolute;
    top: -26px;
    left: -32px;
    right: -38px;
    display: none;
    padding: 63px 0 23px
}

.form-control-dropdown a {
    display: block;
    padding: 1px 38px 1px 32px;
    text-align: right
}

.form-control-dropdown--open {
    color: #d3d3d3
}

.form-control-dropdown--open .form-control-dropdown__value,
.form-control-dropdown--open .form-label {
    position: relative;
    z-index: 2
}

.form-control-dropdown--open .form-control-dropdown__value:after {
    top: 4px
}

.form-control-dropdown--open .form-control-dropdown__popup {
    z-index: 1;
    display: block
}

.form-control-captcha {
    margin: 0 31px -14px;
    height: 26px
}

.form-label+.form-control-captcha {
    margin-top: 12px
}

.form-control-captcha input {
    display: none
}

.form-control-captcha:before {
    border-color: #595c63;
    margin: 0 -31px
}

.form-control-captcha .noUi-handle {
    width: 62px;
    height: 28px;
    border: 1px solid #a37063;
    border-radius: 28px;
    top: -5px;
    left: -31px;
    background-color: #282b2e
}

.form-control-captcha .noUi-handle:before {
    width: 29px;
    height: 9px;
    border: none;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2
}

.form-control-captcha .noUi-handle:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 13px;
    left: 0;
    z-index: 1
}

.form-control-captcha .noUi-connect {
    margin: 0 -31px
}

.form-control-captcha--success {
    pointer-events: none;
    margin: 0 14px -14px
}

.form-control-captcha--success:before {
    margin: 0 -14px
}

.form-control-captcha--success .noUi-handle {
    width: 28px;
    left: -14px
}

.form-control-captcha--success .noUi-handle:before {
    width: 11px;
    height: 8px;
    left: 1px
}

.form-control-captcha--success .noUi-connect {
    margin: 0 -14px
}

.form-footer {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.form-footer:first-child {
    margin-top: 0
}

.form-footer:last-child {
    margin-bottom: 0
}

@media screen and (min-width:668px) and (min-height:416px) {
    .form-footer:first-child {
        margin-top: 0
    }
}

div.error,
label.error {
    color: #a37063;
    position: absolute;
    top: 44px;
    left: 0;
    text-transform: lowercase;
    line-height: 1.2
}

div.error#message-error,
label.error#message-error {
    top: calc(100% - 3px)
}

.header {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    transition-property: height, padding
}

.header__main {
    position: relative;
    z-index: 1;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.header__main__head-title p {
    margin: 0
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .header__main__head-title {
        position: absolute;
        left: 0;
        top: 78px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.header:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 420px;
    background-color: #282b2e
}

.header--static {
    height: calc(80px + 4.167vw);
    padding-top: calc(4.167vw - 80px / 2)
}

.header--static:before {
    opacity: 0;
    -ms-transform: translateY(-340px);
    transform: translateY(-340px)
}

.header--static .header__main {
    height: 80px;
    padding-top: 4rem;
    background: transparent!important;
}

.header--static .header__main a:hover {
    color: #fff;
    opacity: .7
}

.header--static .header__main .logo img {
    height: 4rem;
}

.header--fixed-top .header__main .logo img, .header--fixed-free .header__main .logo img{
    height: 4rem!important;
}

.header--static a {
    color: #fff
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .header--static {
        height: 80px
    }
}

.header--dark-text,
.header--dark-text .header__main,
.header--dark-text a {
    color: #2f3338
}

.header--fixed-top {
    position: fixed
}

.with-scroller .header--fixed-top {
    position: absolute
}

.header--fixed-top,
.header--fixed-top .header__main,
.header--fixed-top a {
    color: #fff
}

.header--fixed-free,
.header--fixed-top {
    height: 80px;
    background: #282b2e
}

.header--fixed-free:before,
.header--fixed-top:before {
    opacity: 1;
    -ms-transform: translateY(-340px);
    transform: translateY(-340px)
}

.header--fixed-free .header__main,
.header--fixed-top .header__main {
    height: 80px
}

.nav-title {
    font-size: 1.5rem;
    margin-top: 2.4rem!important;
    color: #777c82;
}

.nav-item {
    line-height: 2.8rem;
}

.nav-item span {
    white-space: nowrap;
}

.nav-item span::after{
    content: " / ";
    display: inline-block;
    padding: 0 0.4rem 0 0.8rem;
}

.nav-item span:nth-last-child(1)::after{
    display: none;
}

.nav-item a, .nav-item a:hover {
    color: #D3D3D3;
}

.header--menu {
    height: calc(260px + 4.176vw)
}

.header--menu.header--fixed-top {
    height: 310px
}

.header--menu:before {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.header--menu__hidden {
    display: inline
}

.header--menu__visible {
    display: none
}

.header--menu .header--menu__visible {
    display: inline
}

.header--menu .header--menu__hidden {
    display: none
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .header--menu,
    .header--menu.header--fixed-top,
    .header--menu:before {
        height: 100vh
    }
}

.header--feedback {
    height: calc(520px + 4.176vw)
}

.header--feedback:before {
    opacity: 1;
    height: 100%;
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.header--feedback__hidden {
    display: inline-block
}

.header--feedback__visible {
    display: none;
    position: relative
}

.header--feedback__visible .icon {
    position: absolute;
    left: -32px;
    top: 1px
}

.header--feedback .header--feedback__visible {
    display: inline
}

.header--feedback .header--feedback__hidden {
    display: none
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .header--feedback {
        height: 100vh
    }
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .header__underlogo {
        position: absolute;
        left: 0;
        bottom: 0
    }
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .header.disabled {
        height: 100vh
    }
}

.logo {
    margin-right: 40px
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .logo {
        margin-right: 12px
    }
}

.primary-nav-toggle {
    display: inline-block;
    margin-left: -4px
}

.primary-nav {
    padding: 25px 0
}

.primary-nav a {
    color: #d3d3d3;
    display: inline-block;
    font-size: 1.2rem;
}

.primary-nav__copyright a {
    color: #d3d3d3
}

.primary-nav>.container {
    height: 170px
}

.primary-nav>.container .row {
    height: 100%
}

.primary-nav>.container .col:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (max-width:1199px) {
    .primary-nav .container .col:last-child {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .primary-nav__video img {
        max-width: 100%
    }
}

@media screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .primary-nav {
        padding: 40px 0 10px
    }
    .primary-nav__video img {
        width: 110px;
        margin-bottom: 6px
    }
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .primary-nav {
        padding-top: 0
    }
    .primary-nav>.container .row {
        -ms-flex-flow: column;
        flex-flow: column
    }
    .primary-nav>.container .row .col {
        width: 100%
    }
    .primary-nav .order-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .primary-nav .order-2 {
        -ms-flex-order: 2;
        order: 2;
        margin-top: 10px
    }
    .primary-nav .order-3 {
        -ms-flex-order: 3;
        order: 3;
        margin-top: 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column
    }
    .primary-nav .order-4 {
        -ms-flex-order: 4;
        order: 4;
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    .primary-nav__video {
        float: right
    }
    .primary-nav__video img {
        width: 110px;
        margin-bottom: 6px
    }
    .primary-nav .block-sm {
        margin: 10px 0 0
    }
}

@media screen and (max-width:340px) {
    .primary-nav {
        margin-top: -15px
    }
    .primary-nav .block-sm {
        margin: 0
    }
    .primary-nav .order-2,
    .primary-nav .order-3 {
        margin-top: 0
    }
}

.nav-secondary {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.nav-secondary__feedback {
    top: -4px
}

.nav-secondary__phone {
    font-weight: 100
}

.nav-secondary__phone,
.nav-secondary__phone _::-webkit-full-page-media,
.nav-secondary__phone _:future {
    font-weight: 300
}

.nav-secondary__phone span {
    opacity: .5
}

.nav-secondary__apartments {
    font-weight: 600;
    margin-left: 80px;
    margin-right: 22px;
    will-change: background
}

.nav-cy2 img{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .nav-secondary__apartments {
        /*-webkit-text-fill-color: #d3d3d3;*/
        margin-left: 0;
        margin-right: 2rem;
    }
    .nav-secondary__apartments.text--underline {
        color: #d3d3d3
    }
}

.feedback-form--search .form-control-captcha .noUi-handle {
    background-color: #2f3338
}

.feedback-form__error,
.feedback-form__success {
    height: 320px
}

.feedback-form__error .row,
.feedback-form__success .row {
    height: 100%
}

.feedback-form__error .icon--check,
.feedback-form__success .icon--check {
    margin-right: 16px;
    vertical-align: 1px
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .feedback-form {
        height: calc(100% - 120px)
    }
    .header .feedback-form {
        margin-top: 10px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }
    .feedback-form .container {
        padding-top: 20px
    }
    .feedback-form .col:last-child {
        margin: 4.4rem 0
    }
}

@media screen and (min-width:668px) and (max-width:979px) and (min-height:416px) {
    .feedback-form {
        height: 400px
    }
}

.footer__scrollTop {
    color: #777c82
}

.footer__scrollTop .icon {
    margin: -3px 4px 0 0
}

.footer__bottom {
    margin-top: 53px
}

.footer__socials {
    position: absolute;
    top: 23px;
    left: 23px
}

.footer__socials a {
    padding: 7px;
    color: #777c82
}

.footer__logo {
    /* margin-top: 61px */
}

.footer__logo img {
    height: 3rem;
}

.footer__logo a {
    color: #777c82
}

.footer__creator {
    position: absolute;
    right: 30px;
    bottom: 21px
}

.footer .text--extra-small,
.footer .text--small {
    line-height: 2.4rem
}

.footer p {
    margin: 2rem 0;
    font-family:"Microsoft Yahei", sans-serif,"黑体" !important;
}

.footer p:first-child {
    margin-top: 0
}

.footer a, .footer a:hover {
    color: #777B81;
}

.footer .title{
    /*color: #BBBBBB;*/
}

.footer span.txt-englist {
    margin-left: 0.4rem;
    font-size: 0.8rem;
    letter-spacing: 1px;
}

.footer .icon {
    height: 1.3rem;
    opacity: 0.8;
}

.footer .weixin {
    position: relative;
}

.footer .qr-code {
    position: absolute;
    left: 0;
    top: 2.4rem;
    width: 140px;
    display: none;
}

.footer .weixin:hover .title {
    color: #BBBBBB;
}

.footer .weixin:hover .icon {
    opacity: 1;
}

.footer .weixin:hover .qr-code{
    display: block;
}

@media screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .footer {
        padding-bottom: 60px
    }
    .footer__bottom {
        margin-top: 8px
    }
    .footer__socials {
        top: 36px;
        left: auto;
        right: 23px
    }
    .footer__creator {
        position: static
    }
}

@media screen and (min-width:668px) and (min-height:416px) {
    .footer__socials {
        position: static;
        left: auto;
        top: auto;
        margin: 69px 0 2px -7px
    }
    .footer__creator {
        position: static
    }
}

@media screen and (max-width:1199px) {
    .footer__bottom {
        margin-top: 70px
    }
}

@media screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .footer__socials {
        left: 0;
        right: 0;
        margin: auto;
        bottom: 20px;
        width: 103px;
        height: 30px;
        top: auto
    }
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .footer {
        padding-top: 120px
    }
    .footer__socials {
        top: 120px
    }
}

.promo {
    position: absolute;
    z-index: 2
}

.promo__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

.promo__content p {
    width: 100%
}

.promo__next,
.promo__previous {
    position: absolute;
    z-index: 20
}

.promo--intro {
    right: 0;
    bottom: 0;
    height: 60px;
    width: 100%;
    background-size: cover
}
.slider-padding{
    padding: 16px 20px;
}
.promo--intro .promo__content {
    padding: 0 30px;
    color: #fff;
    letter-spacing: .15em
}

.promo--intro .promo__content:hover {
    color: #fff
}

.promo--intro .promo__next~.promo__content,
.promo--intro .promo__previous~.promo__content {
    padding-right: 120px
}

.promo--intro .promo__previous {
    top: 19px;
    right: 60px
}

.promo--intro .promo__next {
    top: 19px;
    right: 30px
}

@media screen and (min-width:668px) and (min-height:416px) {
    .promo--intro .promo__content {
        padding: 0 4.167vw
    }
    .promo--intro .promo__next~.promo__content,
    .promo--intro .promo__previous~.promo__content {
        padding-right: calc(4.167vw + 40px)
    }
    .promo--intro .promo__previous {
        right: calc(4.167vw / 2 + 20px)
    }
    .promo--intro .promo__next {
        right: calc(4.167vw / 2 - 10px)
    }
}

@media screen and (min-width:1200px) {
    .promo--intro {
height: 150px;
    width: 500px;
    }
    .promo--intro .promo__next,
    .promo--intro .promo__previous {
        top: 55px
    }
.slider-padding{
padding:60px 20px;
}	
}

@media screen and (max-width:1199px) {
    .promo--intro .promo__next,
    .promo--intro .promo__previous {
        top: 11px
    }
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .promo--intro .promo__next,
    .promo--intro .promo__previous {
        width: 32px;
        height: 36px
    }
}

.promo--footer {
    right: 0;
    top: 4.176vw;
    width: 33.3%
}

.promo--footer .promo__content {
    padding: 0 4.167vw 0 0;
    margin-top: -6px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #a37063;
    text-align: right
}

.promo--footer .promo__content p {
    margin: 0
}

.promo--footer .promo__next~.promo__content,
.promo--footer .promo__previous~.promo__content {
    padding-right: calc(4.167vw + 60px)
}

.promo--footer .promo__previous {
    top: -12px;
    right: calc(4.176vw + 16px)
}

.promo--footer .promo__next {
    top: -12px;
    right: calc(4.176vw - 12px)
}

@media screen and (max-width:1199px) {
    .promo--footer {
        width: 70%
    }
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .promo--footer {
        width: calc(100% - 60px);
        overflow: hidden;
        height: 60px;
        top: 30px;
        left: 30px
    }
    .promo--footer .promo__next,
    .promo--footer .promo__previous {
        top: 0
    }
    .promo--footer .promo__content {
        text-align: left;
        margin-top: 4px
    }
}

.news.news-page {
    padding-top: 0;
}


/*Architecture.css*/

.architecture,
.next-page {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.architecture.raised {
    margin-top: -144px
}

.architecture__background__item {
    position: absolute;
    background-color: #e0e0e0;
    width: 100%
}

.architecture__background__item--1 {
    top: 14%;
    left: 50%;
    margin-left: 140px;
    height: 435px
}

.architecture__background__item--2 {
    top: 33.5%;
    right: 50%;
    height: 1060px
}

.architecture__background__item--3 {
    top: 51%;
    left: 50%;
    margin-left: 240px;
    height: 700px
}

.architecture__background__item--4 {
    bottom: 0;
    right: 50%;
    margin-right: 190px;
    height: 1190px
}

.architecture .container {
    max-width: 1200px!important;
    padding: 117px 0;
    margin: auto
}

.architecture .text--h3-large {
    font-weight: 400;
    margin-bottom: 80px
}

.architecture .text--lead-large {
    text-transform: none;
    letter-spacing: 0;
    color: #2f3338;
    width: calc(100% + 20px)
}

.architecture__logo {
    margin-bottom: 130px
}

.architecture__logo h1 {
    color: #2f3338
}

.architecture__row {
    display: -ms-flexbox;
    display: flex;
    margin-top: 130px
}

.architecture__col {
    width: 50%
}

.architecture__item {
    position: relative;
    z-index: 2;
    margin-bottom: 60px
}

.architecture__item--center {
    width: 200%;
    z-index: 1;
    padding-left: 240px;
    margin-top: -740px
}

.architecture__item--center p:first-child {
    float: right
}

.architecture__item--center--sm {
    z-index: 2;
    margin-top: -500px
}

.architecture__item--right {
    margin: 0 -60px 0 60px
}

.architecture__item--top {
    margin-top: 360px;
    position: relative;
    z-index: 0
}

.architecture__item--top-lg {
    margin-top: 920px;
    position: relative;
    z-index: 0
}

.architecture__item--top-md {
    margin-top: 570px;
    position: relative;
    z-index: 0
}

.architecture__item--top-mdm {
    margin-top: 490px;
    position: relative;
    z-index: 0
}

.architecture__item--top-sm {
    margin-top: 180px;
    position: relative;
    z-index: 0
}

@media screen and (max-width:1199px) {
    .architecture__item--top-lg,
    .architecture__item--top-md,
    .architecture__item--top-mdm {
        margin: 0
    }
}

@media screen and (max-width:1199px) {
    .architecture__item--parallax-30 {
        margin: -30% 0
    }
    .architecture__item--parallax-20 {
        margin: -20% 0
    }
    .architecture__item--parallax-15 {
        margin: -15% 0
    }
    .architecture__item--parallax-10 {
        margin: -10% 0
    }
}

.architecture__item p {
    text-transform: none;
    letter-spacing: 0
}

.architecture__item img {
    max-width: 100%
}

.architecture__item .text--width-25 {
    width: 25%
}

.architecture__item .text--width-40 {
    width: 40%
}

.architecture__item .text--width-50 {
    width: 50%
}

.architecture__item .text--width-70 {
    width: 70%
}

.architecture__item .text--width-80 {
    width: 80%
}

.architecture__item b {
    margin-bottom: 2rem;
    display: block
}

.architecture__item b,
.architecture__item span {
    font-weight: 400;
    color: #2f3338
}

.architecture__item.parallax {
    margin: -120px 0
}

@media screen and (max-width:1199px) {
    .architecture .container {
        max-width: none;
        width: 100%;
        padding: 117px 4.176vw
    }
    .architecture .text--h2-small {
        width: 100%
    }
    .architecture .text--h2-small.text--underline {
        width: auto
    }
    .architecture__col:first-child {
        padding-right: 2.088vw
    }
    .architecture__col:last-child {
        padding-left: 2.088vw
    }
    .architecture__item--right {
        margin: 0
    }
    .architecture__item--center {
        padding-left: 0;
        margin: 0;
        width: 100%
    }
    .architecture__item--center p:first-child {
        float: none
    }
    .architecture__item--top {
        margin: 0
    }
    .architecture__item .text--width-25,
    .architecture__item .text--width-40,
    .architecture__item .text--width-50 {
        width: 80%
    }
    .architecture__item.parallax {
        margin: 0
    }
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .architecture .container {
        padding-left: 30px;
        padding-right: 30px
    }
    .architecture .text--h2-small {
        font-size: 1.8rem
    }
    .architecture__logo {
        margin-bottom: 70px
    }
    .architecture__row {
        margin-top: 70px
    }
    .architecture .text--lead-large,
    .architecture .text--width-25,
    .architecture .text--width-40,
    .architecture .text--width-50,
    .architecture .text--width-70,
    .architecture .text--width-80 {
        width: 100%
    }
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .architecture__row {
        display: block
    }
    .architecture__col {
        width: 100%;
        padding: 0!important
    }
    .architecture .mobile-image-wrap {
        overflow: hidden;
        margin: 0 -30px
    }
    .architecture .mobile-image-wrap,
    .architecture .multiple-image-wrap {
        height: 300px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    .architecture .multiple-image-wrap {
        margin-bottom: 50px
    }
    .architecture .multiple-image-wrap img {
        width: 60%;
        height: 70%;
        position: relative
    }
    .architecture .multiple-image-wrap img:first-child {
        margin-top: 30%;
        z-index: 2
    }
    .architecture .multiple-image-wrap img:last-child {
        margin-left: -20%;
        z-index: 1
    }
}

.technical-solutions__info {
    display: -ms-flexbox;
    display: flex
}

.technical-solutions__info>div:last-child {
    padding: 0 70px
}

.technical-solutions__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 80px;
    margin-bottom: 30px
}

.technical-solutions .text--small {
    font-weight: 400;
    color: #2f3338
}

.technical-solutions img {
    max-width: 100%
}

.technical-solutions .col {
    margin-bottom: 60px
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .technical-solutions__info {
        -ms-flex-flow: column;
        flex-flow: column
    }
    .technical-solutions__info>div:last-child {
        padding: 0
    }
    .technical-solutions__icon img {
        max-width: 70%
    }
}

.next-page {
    height: 414px
}

.next-page.ui-secondary-background a {
    pointer-events: none;
    cursor: default;
    color: #2f3338
}

.next-page.ui-secondary-background a span {
    display: none
}


/*News-Item*/

.news__articles img {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.news__articles__info h3,
.news__articles__info html[lang=en] h3,
.offer-text html[lang=en] sup,
.offer-text sup,
html[lang=en] .news__articles__info h3,
html[lang=en] .offer-text sup {
    font-size: 1.5rem;
    line-height: 1.6em;
    font-weight: 100
}

.news__articles__info  {
    color: #ffffff;
    padding: 0 8px!important;
    font-family:"Microsoft Yahei", sans-serif,"黑体" !important;
}

.news__articles__info p {
    font-size: 4rem;
    white-space: nowrap;
}

.news__articles__info h3 {
    color: #2A2A2A!important;
    font-weight: 400!important;
    font-size: 2.2rem!important;
}

.news-item__title,
.news-next__date,
html[lang=en] .news-item__title,
html[lang=en] .news-next__date {
    font-size: 2rem;
    line-height: 1.6em
}

.news__articles__info html[lang=en] time,
.news__articles__info time,
html[lang=en] .news__articles__info time {
    font-size: 3rem;
    line-height: 1.33333em;
    font-weight: 200
}

.news-item__date,
html[lang=en] .news-item__date {
    font-size: 3rem;
    line-height: 1.66667em;
    font-weight: 100
}

@media screen and (min-width:980px) {
    .news__articles__info h3,
    .offer-text sup {
        font-size: 1.8rem;
        line-height: 1.44444em;
        font-weight: 100
    }
    .news__articles__info html[lang=en] h3,
    .offer-text html[lang=en] sup,
    html[lang=en] .news__articles__info h3,
    html[lang=en] .offer-text sup {
        font-size: 1.7rem;
        line-height: 1.41176em;
        font-weight: 100
    }
    .news-item__title,
    .news-next__date,
    html[lang=en] .news-item__title,
    html[lang=en] .news-next__date {
        font-size: 3.5rem;
        line-height: 1.42857em
    }
    .news-item__date,
    .news__articles__info html[lang=en] time,
    .news__articles__info time,
    html[lang=en] .news-item__date,
    html[lang=en] .news__articles__info time {
        font-size: 4rem;
        line-height: 1.25em
    }
}

@media screen and (min-width:1600px) and (min-height:1000px) {
    .news__articles__info html[lang=en] time,
    .news__articles__info time,
    html[lang=en] .news__articles__info time {
        font-size: 6rem;
        line-height: 1.33333em
    }
}

.breadcrumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs li {
    font-size: 10px;
    line-height: 1;
    white-space: nowrap
}

.breadcrumbs li:after {
    content: "/";
    margin: 0 10px;
    color: #777c82
}

.breadcrumbs li:last-child:after {
    display: none
}

.breadcrumbs li a {
    color: #777c82
}

@media screen and (max-width:1199px) {
    .breadcrumbs li {
        margin-top: 10px
    }
}

.text--color-secondary .breadcrumbs li:after,
.text--color-secondary .breadcrumbs li a {
    color: #d3d3d3
}

.news {
    position: relative;
    overflow: hidden;
    padding: 0 4.176vw
}

.news__articles {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.news__articles>article {
    width: 300px;
    position: relative;
    margin-bottom: 150px
}

.news__articles>article:nth-child(2n) {
    -ms-transform: translateY(170px);
    transform: translateY(170px)
}

.news__articles img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition-property: box-shadow, opacity
}

.news__articles img.image-ready {
    box-shadow: 0 50px 100px 0 rgba(0, 0, 0, .12)
}

.news__articles img.image-ready:hover {
    box-shadow: 0 50px 100px 0 rgba(0, 0, 0, .18)
}

.news__articles__info {
    padding: 0 30px;
    position: relative;
    z-index: 2;
    transform: translateY(-1.5em) translateZ(30px)
}

.news__articles__info time {
    color: #fff;
    font-weight: 100
}

.news__articles__info h3 {
    color: #2f3338;
    text-transform: none;
    font-weight: 300;
    letter-spacing: 0
}

.news__cap .hover3d__wrapper__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    border: 1px solid #a37063;
    border-image: url(../png/typt-bg.png);
}

.news__cap .hover3d__wrapper__image:before {
    content: "";
    width: 45px;
    height: 45px;
    left: 40px;
    top: 40px;
    position: absolute;
}

.news__cap .hover3d__wrapper__image:after {
    display: none
}

.news__cap .hover3d__wrapper__image .news__articles__info {
    padding: 0 40px 40px;
    -ms-transform: translate(0);
    transform: translate(0)
}

@media screen and (min-width:668px) and (max-width:979px) and (min-height:416px) {
    .news {
        padding: 60px 4.176vw
    }
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .news {
        padding: 0
    }
    .news__articles {
        padding: 60px 30px
    }
    .news__articles>article {
        width: calc(300px - 2.088vw)
    }
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .news__articles {
        -ms-flex-flow: column;
        flex-flow: column
    }
    .news__articles>article {
        margin: 0 auto 100px
    }
    .news__articles>article:nth-child(2n) {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.news-background__item {
    position: absolute;
    background: #e0e0e0
}

.news-background__item--1 {
    right: 66.66667%;
    top: 0;
    width: 100%;
    height: 858px;
    margin-right: -33.3%
}

.news-background__item--2 {
    left: 50%;
    margin-left: 180px;
    top: 58.62069%;
    width: 100%;
    height: 17.24138%
}

.news-background__item--3 {
    right: 50%;
    margin-right: 210px;
    bottom: 0;
    width: 100%;
    height: 815px
}

.news-background__item--4 {
    top: 0;
    right: 0;
    width: 40%;
    height: 150px
}

.news-item--image .news-background__item--4 {
    height: 440px
}

.news-background__item--5 {
    bottom: 0;
    left: 0;
    width: 50%;
    height: 150px
}

.hover3d {
    width: 100%;
    display: block
}

.hover3d,
.hover3d__wrapper {
    height: 100%
}

.hover3d__wrapper__image {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 400px
}

.hover3d__wrapper__image:after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 0, hsla(0, 0%, 40%, .65));
    z-index: 2
}

.news-item {
    text-transform: none;
    padding-bottom: 50px;
    min-height: 100vh
}

.news-item__image {
    max-width: 100%;
    height: 400px;
    overflow: hidden;
    display: inline-block;
    position: relative
}

.news-item__image:after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 0, hsla(0, 0%, 40%, .65));
    z-index: 2
}

.news-item__image img {
    display: block;
    max-width: 100%;
    position: relative;
    z-index: 1
}

.news-item__image+.news-item__date {
    -ms-transform: translateY(-60%);
    transform: translateY(-60%)
}

.news-item__date {
    color: #fff;
    padding-left: 4.176vw;
    position: relative;
    z-index: 3
}

.news-item__title {
    padding: 0 4.176vw
}

.news-item__text {
    padding-right: 4.176vw;
    letter-spacing: 0
}

@media (max-width:668px),
screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
    .news-item .row {
        -ms-flex-flow: column;
        flex-flow: column
    }
    .news-item .row>.col {
        width: 100%
    }
    .news-item__text {
        padding: 0 4.176vw;
        margin-top: 30px
    }
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .news-item__date,
    .news-item__text,
    .news-item__title {
        padding: 0 30px
    }
}

.offer-text {
    position: relative
}

.offer-text sup {
    position: absolute;
    left: -14px;
    top: 2px
}

.news-next {
    text-align: center;
    width: 340px;
    margin: auto
}

.news-next__date {
    color: #777c82;
    margin: 60px 0 20px
}

.news-next__title {
    margin-bottom: 6.264vw;
    color: #fff
}

.news-next__link {
    padding: 20px 10px;
    color: #777c82
}

.sample-page {
    position: relative;
    overflow: hidden;
    padding: 0 4.176vw;
}

.sample-page__container {
    position: relative;
    width: 100%;
    max-width: 840px;
    margin-right: auto;
    margin-left: auto;
    padding: 80px 0 60px;
    color: #2f3338;
}


/*test-banner-right*/

.robot {
    position: fixed;
    bottom: 50%;
    right: 0px;
    z-index: 10;
}


/*slide bottom banner*/

.bottom-banner {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bottom-banner a {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    width: 100%;
    height: 100%;
    font-weight: bold;
}

.bottom-banner a:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.bottom-banner img:hover {
    opacity: 0.9;
}

@media (max-width:668px) {
    .bottom-banner a {
        font-size: 16px !important;
    }
}

@media (max-width:590px) {
    .bottom-banner a {
        font-size: 14px !important
    }
}

@media (max-width:420px) {
    .bottom-banner a {
        font-size: 12px !important;
        line-height: 20px !important
    }
}


/*Style for floating*/

.float-left {
    float: left;
    margin-right: 10px;
    width: 48%;
}

.float-right {
    float: right;
    margin-left: 10px;
    width: 48%;
}

.clear {
    clear: both;
}

s {
    display: block;
}

.hand_action {
    position: relative;
}

.hand_action:after {
    content: attr(data-title);
    display: none;
    position: absolute;
    bottom: 130%;
    left: -200%;
    background-color: #d3d3d3;
    color: #2f3338;
    padding: 10px;
    border: 1px solid #2f3338;
    line-height: 1.3;
    width: 300px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
    font-size: 12px;
}

.hand_action:hover {
    cursor: pointer;
}

.hand_action:hover:after {
    display: flex;
    display: -webkit-flex;
}


/*Adaptive Table*/

.adaptive-table {
    width: 100%;
    border-collapse: collapse;
}

.adaptive-table th,
.adaptive-table td {
    border: 1px solid;
    padding: 10px;
    text-align: center;
}

.adaptive-table th {
    background: #d3d3d3;
}

.adaptive-table td:hover {
    background: #ffffff;
}

@media (max-width:939px) {
    .adaptive-table thead {
        display: none;
    }
    .adaptive-table td {
        display: block;
        text-align: right;
        font-size: 13px;
        border: 0;
        border-bottom: 1px dotted #a0a0a0;
        width: 100%;
    }
    .adaptive-table td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
        display: block;
        padding: 0 8px;
    }
    .adaptive-table td[data-label=Банк] {
        background: #ffffff;
    }
}

@media (max-width:450px) {
    .adaptive-table td {
        text-align: left;
    }
    .adaptive-table td:before {
        float: none;
        padding: 0;
    }
}

.sample-page__container a {
    color: #a37063;
}

.sample-page__container a:hover {
    text-decoration: underline;
}

.sample-page__container strong {
    font-weight: 600;
    color: #2f3338;
}

.main-user-consent-request {
    display: block;
    margin-bottom: 10px;
}

.main-user-consent-request input {
    vertical-align: middle;
}

.main-user-consent-request a {
    line-height: 1% !important;
    font-size: 80%;
    color: #777c82;
}

.main-user-consent-request-popup-cont {
    min-width: 320px !important;
    border-radius: 0 !important;
}

.main-user-consent-request-popup-text {
    pointer-events: auto;
}

.main-user-consent-request-popup-header {
    color: #777c82 !important;
    margin: 0 0 18px 0 !important;
    text-align: center !important;
}

.main-user-consent-request-popup-button {
    padding: 0 10px !important;
    line-height: 39px !important;
    border-radius: 0 !important;
}

.main-user-consent-request-popup-button-acc {
    background: #df9e70 !important;
}

.main-user-consent-request-popup-button-acc:hover {
    color: #ffffff !important;
}

.main-user-consent-request-popup-button-rej {
    box-shadow: none !important;
    border: 1px solid #a1a6ac !important;
}

.schedule {
    opacity: 0.8 !important;
    font-size: 13.3px;
    display: block;
    margin-top: -3px;
}

.like-a-button span {
    color: #ffffff !important;
    background: none !important;
    -webkit-text-fill-color: inherit;
    border: 1px solid #ffffff;
    padding: 5px 10px;
}

.like-a-button span:after {
    display: none;
}

.like-a-button .header--feedback__visible {
    border: none;
    padding: 0;
}

.like-a-button .header--feedback__visible span {
    border: 0;
}

#lifestyle h1 {
    font-size: 22px !important;
    margin: 0;
}

.sample-page__container.text ul {
    margin-left: 40px;
}

.text ul li {
    position: relative;
}

.text ul li:before {
    content: '—';
    position: absolute;
    left: -2rem;
}

.nav-bg-img {
    float: right;
    position: absolute;
    right: 1rem;
    bottom: -35px;
    height: calc(100% + 50px);
    pointer-events: none;
}

.banner {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner .banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.banner .banner-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.banner .banner-bg-img.active {
    width: 120%;
    height: 120%;
    opacity: 0.9;
    animation: scale-big 1.6s ease-out;
}

.banner p {
    color: #ffffff;
    font-size: 6rem;
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
    letter-spacing: 1rem;
    line-height: 1.2em;
    white-space: nowrap;
    z-index: 3;
    margin: 0;
    opacity: 0;
}

.banner p.active {
    opacity: 1;
    /*animation: fide-in 5.4s ease-in;*/
    animation: fide-in 2.4s ease-in;
}

@keyframes fide-in {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes scale-big {
    0% {
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    100% {
        width: 120%;
        height: 120%;
        opacity: 0.9;
    }
}

.pic-txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.pic-txt .txt-line{
    font-size: 2.4rem;
    width: 1em;
    height: 7px;
    background-color: #ffffff;
    display: inline-block;
    margin-left: 0.4rem;
}
.txt-capital {
    color: #ffffff;
    font-weight: bold;
    font-size: 4rem;
    line-height: 3.8rem;
    letter-spacing: 2px;
}

.structure-background {
    background-repeat: no-repeat;
    background-size: cover;
}

.background-2-b {
    background-image: url("../jpg/background-2-b.jpg");
}

@media screen and (max-width: 980px) {
    .banner p {
        font-size: 2.8rem;
        line-height: 4rem;
    }
    .layout-height-6 .pic-txt .txt-line {
        height: 3px;
    }
    .layout-height-6 .txt-capital {
        font-size: 1.8rem;
        line-height: 1rem;
        margin: 1rem 0;
    }
}


@media screen and (max-width:478px) {
    .banner {
        background-size: cover;
    }
}

.advantage-container {
    padding: 0 9%;
}

.footer__links li a:hover .title {
    color: #bbbbbb;
}



/* S 字体修改 */

    header a.nav-secondary__apartments.text-gold.text--underline.text--small.text-blod.is-hidden--xs {
        font-size: 1.3rem;
        font-weight: 600;
    }
    header a.nav-secondary__phone.text--small.is-hidden--md-down, header span.header--menu__hidden, .header--menu .header--menu__visible{
        font-size: 1.3rem;
        font-weight: 500;
    }
    .layout-v-space-between p.text--small.text-english {
        text-transform: none;
        font-size: 1.1rem;
    }
    .footer-light .address{
        font-size: 1.1rem!important;
    }
    .architecture__item p {
        font-weight: 400;
        text-align: justify;
    }
    .architecture__item p.txt-content {
        font-size: 1.24rem;
        color: #787C82;
    }
    .architecture__item p.txt-content-english {
        font-size: 1.16rem;
        color:rgba(120,124,130,0.6);
    }

    .text-gradient {
        /*background-image: -webkit-gradient(linear, left 0, right 0, from(#bf9d63), to(#f4d5a0));*/
        background: radial-gradient(circle, #f4d5a0, #bf9d63);
        -webkit-background-clip: text;
        font-weight: 400;
        -webkit-text-fill-color: transparent;
    }
    .mobile-img {
        display: none;
    }
    .mobile-txt-content {
        display: none;
    }

 /* ie样式 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .text-gradient {
        background: transparent;
    }
}
@media screen and (min-width:1200px) {
    html{
        font-size: 12px!important;
    }
}
@media (min-width:479px) and (max-width:1190px) {
    html{
        font-size: 12px!important;
    }
}
@media screen and (max-width:479px) {
    html{
        font-size: 10px!important;
    }
    html[lang=en] .news__title {
        font-size: 6rem!important;
    }
    .header--static .header__main {
        padding-top: 1rem;
    }
    .mobile-header-container {
        padding: 0 1.4rem;
    }
    .nav-secondary-link {
        opacity: 0;
    }
    .header--menu .nav-secondary-link {
        opacity: 1;
        transition-duration: .4s;
        transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    }
    .header .js-toggle{
        margin-right: 0.6rem!important;
    }
    .header .nav-secondary__apartments a {
        color: #BF9D63!important;
        -webkit-text-fill-color: #BF9D63!important;
    }
    .about .container {
        padding-bottom: 20vh!important;
    }
    .about .section-title {
        margin: 10vh auto 7.8rem!important;
    }
    .contact .section-title {
        margin: 12vh auto 6rem!important;
    }
    .about .main-content .row .mrt-4, .about .main-content .row .mrt-5 {
        margin-top: 0!important;
    }
    .about.txt-align-left, .about.txt-align-right {
        /*margin-top: 4rem;*/
    }
    .about .mobile-txt-content p.txt-title-english {
        margin-bottom: 2.4rem;
    }
    .about .txt-content-english {
        margin-bottom: 6.5rem;
    }
    .header .nav-title {
        margin-bottom: 0rem;
    }
    .header .nav-item {
        line-height: 2.4rem!important;
        margin-top: 0.4rem;
    }
    .about .mobile-txt-content .has-big-title.txt-num {
        /*margin-top: 0;*/
    }
    .about .mobile-txt-content .txt-num {
        /*margin-top: 6.5rem;*/
    }
    .about .txt-content {
        margin-top: 0;
    }
    .about .advantage-container {
        padding: 0;
    }
    .changye .main-content .section-content {
        padding-top: 0!important;
    }
    .changye .section-title h3 {
        font-size: 4rem!important;
        letter-spacing: 3px;
    }
    .changye .section-title p {
        font-size: 3.2rem!important;
    }
    .changye .container .row p {
        font-size: 1.4rem!important;
    }
    .changye .part-title-content {
        margin-bottom: 2.5rem!important;
        margin-top: 3rem;
    }
    .changye .part-title-content h3 {
        font-size: 2.2rem!important;
        font-weight: bold!important;
    }
    .changye .part-title-content .content {
        font-size: 1.6rem!important;
        margin-top: 0rem!important;
        font-weight: bold!important;
    }
    .banner p {
        /*font-size: 3.6rem;*/
        line-height: 4rem;
        letter-spacing: 5px;
        white-space: nowrap;
        font-weight: 300;
    }
    h2.h1.background-text.heading-over.txt-family-yh {
        transform: none!important;
    }
    .layout-v-space-between__spacer {
        display: none;
    }
    .news__articles__info {
        margin-top: 2rem;
    }
    .section-title {
        margin: 10vh auto 2vh!important;
    }
    .layout-height-2 {
        height: 6rem;
    }
    .structure-background {
        margin-bottom: 2.3rem;
    }
    .mobile-flex-reverse {
        flex-direction: column-reverse;
    }
    .changye-hotel-catering.changye .container .row {
         margin-bottom: 4.8rem!important;
         min-height: auto!important;
    }
    .changye .row .mrt-4 {
        margin-top: 0!important;
    }
    .changye .container .row p {
        margin-bottom: 1rem!important;
    }
    .changye .container .row .txt-align-left p.english {
        margin-top: 1rem!important;
    }
    .changye .container .row .bottom-nav-item  p {
        margin: 2px!important;
    }
    .about .main-content .row {
        min-height: auto!important;
    }
    .about .mobile-flex-reverse .txt-algin-right .txt-num {
        margin-top: 3rem;
    }
    .architecture__background__item {
        display: none;
    }
    .mobile-img {
        display: block;
    }
    .mobile-txt-content {
        display: block;
    }
    .index .structure-background {
        margin-bottom: 0!important;
    }
    .mobile-no-mrt {
        margin-top: 0!important;
    }
    .footer {
        padding-top: 6vh!important;
    }
}

/* E 字体修改 */


@media (min-width: 760px)  and (max-width: 830px) {
    .header-nav-secondary {
        min-width: 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        flex: 0 1 50% !important;
    }
}
@media (min-width: 980px) and (max-width: 1320px) {
    .header-nav-secondary {
        min-width: 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        flex: 0 1 50% !important;
    }
}

/*集团*/
.group-info h2.h1 {
    font-size: 4rem!important;
}
.group-info .container--block {
    padding: 1.6vw 4.167vw 2vw;
}
.group-info .text--small {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.group-info .more-col {
    text-align: center;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}
.group-info .group-info-text {
    transform: translateY(-8px)
}
@media screen and (max-width:479px) {
    .group-info h2.h1 {
       font-size: 2.8rem!important;
       line-height: 1.28571em;
       font-weight: 200;
   }
    .group-info .container--block{
        padding: 24px 30px;
    }
    .group-info .group-info-text {
        transform: translateY(0)
    }
    .index .group-info .more-col {
        justify-content: flex-start;
        margin-top: 0.45rem!important;
        line-height: 2em;
    }
    .group-info .text--small.text-line-more {
        margin: 0!important;
    }
}