/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

figcaption,figure {
  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;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  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 {
  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;
}

input {
  overflow: visible;
}

[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;
}

fieldset {
  padding: .35em .75em .625em;
}

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

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

textarea {
  overflow: auto;
}

details {
  display: block;
}

summary {
  display: list-item;
}

menu {
  display: block;
}

canvas {
  display: inline-block;
}

[hidden],template {
  display: none;
}

.animation--appear-text,.animation--appear-text span,.animation--fade-in,.animation--fade-out,.animation--height,.animation--menu-in,.animation--menu-in .background,.animation--menu-in .header__nav,.animation--menu-in .header__toggle,.animation--menu-in .logo,.animation--menu-in .menu__footer,.animation--menu-in .menu__nav a:first-child,.animation--menu-in .menu__nav a:nth-child(2),.animation--menu-in .menu__nav a:nth-child(3),.animation--menu-in .menu__nav a:nth-child(4),.animation--menu-in .menu__nav a:nth-child(5),.animation--menu-in .menu__sitemap>ul>li:first-child,.animation--menu-in .menu__sitemap>ul>li:nth-child(2),.animation--menu-in .menu__sitemap>ul>li:nth-child(3),.animation--menu-in .menu__sitemap>ul>li:nth-child(4),.animation--menu-in .menu__sitemap>ul>li:nth-child(5),.animation--menu-in canvas.background,.animation--menu-out,.animation--menu-out .background,.animation--menu-out .header__nav,.animation--menu-out .header__toggle,.animation--menu-out .logo,.animation--menu-out .menu__footer,.animation--menu-out .menu__nav a,.animation--menu-out .menu__sitemap,.animation--menu-out canvas.background,.animation--scale-in,.animation--scale-out,.animation--stroke,.btn,.btn--heading-alt .icon,.btn--menu .char,.btn--shaped .btn__shape path:last-child,.btn--underline span:not(.icon):after,.btn .icon-callback:after,.btn .icon-callback:before,.btn .icon-photos,.btn .icon-submit i:after,.btn .icon-submit i:before,.btn .icon-views,.form-control--float .form-label,.form-control--input input,.form-control--select select,.form-control--textarea textarea,.form-control-checkbox__icon:before,.form-control-select--large .current,.header__contacts i,.icon,.icon-arrow-back .icon__shape,.icon-arrow-back .icon__shape path:last-child,.icon-arrow-down .icon__shape,.icon-arrow-down .icon__shape path:last-child,.icon-burger:after,.icon-burger:before,.icon-burger i,.icon-dot:after,.icon-menu:after,.icon-menu:before,.icon-menu i,.icon-more .icon__shape,.icon-more .icon__shape path:last-child,.icon-page:after,.icon-page:before,.icon-page i,.icon-video .icon__shape,.icon-video .icon__shape path:last-child,.loader,.menu__footer__contacts i,.nav-apartments .btn b,.nav-apartments .btn small,.nav-side__text,.nice-select,.nice-select .list,.nice-select .option,.nice-select:after,.phone-number b,.ui-dark .btn--heading-alt .icon,a,button,input[type=submit] {
  transition-duration: .8s;
  transition-timing-function: ease;
}

.header,.nav-side,.nice-select .list {
  z-index: 5;
}

.menu,.nice-select.open {
  z-index: 6;
}

.overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.btn--extended-area:after {
  display: block;
  position: absolute;
  top: -15px;
  right: -15px;
  bottom: -15px;
  left: -15px;
}

body,button,input,select.form-control-select,textarea {
  font-family: Museo Sans,Helvetica,Arial,sans-serif;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  color: rgba(35,29,28,.6);
}

.btn--lead,.btn--menu,.footer-next__btn__title,.form-control-select--large .current,.h1,.h2,.h3,.nav-apartments .btn,.phone-number,.text--heading,h1,h2,h3 {
  font-family: Orchidea Pro,Helvetica,Arial,sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  color: #231d1c;
}

.form-control-select--large .ui-dark .current,.nav-apartments .ui-dark .btn,.ui-dark .btn--lead,.ui-dark .btn--menu,.ui-dark .footer-next__btn__title,.ui-dark .form-control-select--large .current,.ui-dark .h1,.ui-dark .h2,.ui-dark .h3,.ui-dark .nav-apartments .btn,.ui-dark .phone-number,.ui-dark .text--heading,.ui-dark h1,.ui-dark h2,.ui-dark h3 {
  color: #fff;
}

.h4,.h5,.menu__sitemap__primary,h4,h5 {
  font-family: Museo Sans,Helvetica,Arial,sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #c0845e;
}

.ui-dark .h4,.ui-dark .h5,.ui-dark .menu__sitemap__primary,.ui-dark h4,.ui-dark h5 {
  color: #c0845e;
}

.text--large {
  font-family: PT Serif,serif;
  font-weight: 400;
  color: #231d1c;
}

.ui-dark .text--large {
  color: #fff;
}

body {
  font-size: 1.4rem;
  line-height: 1.42857em;
  letter-spacing: .02em;
}

.footer p,.form-control--input input,.form-control--select select,.form-control--textarea textarea,.form-label,.loader p,.menu__sitemap ol a,.text--small,div.error,label.error,small {
  font-size: 1.2rem;
  line-height: 1.33333em;
  text-transform: uppercase;
  letter-spacing: .16em;
}

.btn-description,.btn__description,.footer p small,.form-label--small,.menu__footer p small,.nice-select,.nice-select .current input,.text--smaller,select.form-control-select {
  font-size: 1rem;
  line-height: 1.8em;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 500;
}

.form-success,.text--lead {
  font-size: 1.6rem;
  line-height: 1.875em;
  text-transform: uppercase;
  letter-spacing: .16em;
}

.text--large {
  font-size: 1.7rem;
  line-height: 1.64706em;
}

.h1,h1 {
  font-size: 5rem;
  line-height: 1.1em;
  letter-spacing: .1em;
}

.footer-next__btn__title,.h2,h2 {
  font-size: 3.6rem;
  line-height: 1.22222em;
  letter-spacing: .1em;
}

.h3,h3 {
  font-size: 2rem;
  line-height: 1.3em;
  letter-spacing: .1em;
  font-weight: 600;
}

.h3-large {
  font-size: 3rem;
  line-height: 1.26667em;
  letter-spacing: .08em;
  font-weight: 400;
}

.h4,h4 {
  font-size: 1.5rem;
  line-height: 1.66667em;
  letter-spacing: .16em;
  font-weight: 500;
}

.h5,.menu__sitemap__primary,h5 {
  font-size: 1.4rem;
  line-height: 1.71429em;
  letter-spacing: .16em;
  font-weight: 500;
}

.phone-number {
  font-size: 2rem;
  line-height: 1.7em;
}

@media screen and (min-width:980px) {
  body {
    font-size: 1.5rem;
    line-height: 1.46667em;
  }

  .form-success,.text--lead {
    font-size: 1.8rem;
    line-height: 1.77778em;
  }

  .footer-next__btn__title,.h2,h2 {
    font-size: 4.4rem;
    line-height: 1.22727em;
  }

  .h3,h3 {
    font-size: 2.4rem;
    line-height: 1.29167em;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  body {
    font-size: 1.6rem;
    line-height: 1.375em;
  }

  .form-success,.text--lead {
    font-size: 2.4rem;
    line-height: 1.5em;
  }

  .text--large {
    font-size: 2.2rem;
    line-height: 1.63636em;
  }

  .h1,h1 {
    font-size: 8.6rem;
    line-height: 1.09302em;
  }

  .footer-next__btn__title,.h2,h2 {
    font-size: 6.6rem;
    line-height: 1.13636em;
  }

  .h2-small {
    font-size: 5.6rem;
    line-height: 1.14286em;
  }

  .h3,h3 {
    font-size: 3rem;
    line-height: 1.2em;
  }

  .h3-large {
    font-size: 4rem;
    line-height: 1.25em;
  }

  .h4,h4 {
    font-size: 1.8rem;
    line-height: 1.55556em;
  }

  .phone-number {
    font-size: 2.6rem;
    line-height: 1.53846em;
  }
}

.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: #231d1c;
}

.has-hover a:hover,a.is-active,a:active {
  color: #c0845e;
}

.has-hover .phone-number:hover,.is-active.phone-number,.phone-number,.phone-number:active {
  color: #231d1c;
}

.footer .logo {
  color: #c0845e;
}

.footer .has-hover .logo:hover,.footer .is-active.logo,.footer .logo:active,.has-hover .footer .logo:hover {
  color: rgba(192,132,94,.85);
}

.has-hover .header .logo.ui-dark:hover,.has-hover .ui-dark .phone-number:hover,.has-hover .ui-dark a:hover,.header .has-hover .logo.ui-dark:hover,.header .is-active.logo.ui-dark,.header .logo.ui-dark,.header .logo.ui-dark:active,.ui-dark .has-hover .phone-number:hover,.ui-dark .has-hover a:hover,.ui-dark .is-active.phone-number,.ui-dark .phone-number,.ui-dark .phone-number:active,.ui-dark a,.ui-dark a.is-active,.ui-dark a:active {
  color: #fff;
}

.footer.ui-dark .logo {
  color: #c0845e;
}

.footer.ui-dark .has-hover .logo:hover,.footer.ui-dark .is-active.logo,.footer.ui-dark .logo:active,.has-hover .footer.ui-dark .logo:hover,.ui-dark .menu__sitemap__primary {
  color: #fff;
}

.has-hover .ui-dark .menu__sitemap__primary:hover,.ui-dark .has-hover .menu__sitemap__primary:hover,.ui-dark .is-active.menu__sitemap__primary,.ui-dark .menu__sitemap__primary:active {
  color: #c0845e;
}

.menu__sitemap ol a {
  color: #9c908c;
}

.has-hover .menu__sitemap ol a:hover,.menu__sitemap ol .has-hover a:hover {
  color: #fff;
}

.menu__sitemap ol a.is-active,.menu__sitemap ol a:active {
  color: #c0845e;
}

.footer p a {
  color: #231d1c;
}

.footer p .has-hover a:hover,.footer p a.is-active,.footer p a:active,.has-hover .footer p a:hover {
  color: rgba(35,29,28,.6);
}

.menu__footer p a,.ui-dark.footer p a {
  color: #9c908c;
}

.has-hover .menu__footer p a:hover,.has-hover .ui-dark.footer p a:hover,.menu__footer p .has-hover a:hover,.menu__footer p a.is-active,.menu__footer p a:active,.ui-dark.footer p .has-hover a:hover,.ui-dark.footer p a.is-active,.ui-dark.footer p a:active {
  color: #fff;
}

html {
  height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  min-height: 100%;
  background: #fbfbf8;
}

.ajax-page-loader-container {
  min-height: 100vh;
  background: #fbfbf8;
}

main {
  display: block;
  width: 100vw;
  overflow: hidden;
  min-height: 100vh;
}

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

figure {
  margin: 0;
}

img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.is-out-of-screen {
  position: absolute!important;
  left: -9000px;
  clip: rect(1px,1px,1px,1px);
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  width: 1px;
}

.js .is-invisible {
  opacity: 0;
}

.not-ready * {
  transition: none!important;
}

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

.disable-scrolling {
  overflow: hidden!important;
}

.disable-smooth-scrolling {
  scroll-behavior: auto;
}

.relative,.relative-top {
  position: relative;
}

.relative-top {
  z-index: 1;
}

.overflow-hidden {
  overflow: hidden;
}

.disable-interactions {
  pointer-events: none;
}

@font-face {
  font-family:Orchidea Pro;src:url(../fonts/orchidea-pro/orchideapro-light-webfont.html) format("woff2"),url(../fonts/orchidea-pro/orchideapro-light-webfont.woff) format("woff");font-weight:300;font-style:normal;
}

@font-face {
  font-family:Orchidea Pro;src:url(../fonts/orchidea-pro/orchideapro-regular-webfont.html) format("woff2"),url(../fonts/orchidea-pro/orchideapro-regular-webfont.woff) format("woff");font-weight:400;font-style:normal;
}

@font-face {
  font-family:Orchidea Pro;src:url(../fonts/orchidea-pro/orchideapro-semibold-webfont.html) format("woff2"),url(../fonts/orchidea-pro/orchideapro-semibold-webfont.woff) format("woff");font-weight:600;font-style:normal;
}

@font-face {
  font-family:Museo Sans;src:url(../fonts/museo/MuseoSansCyrl_300-webfont.html) format("woff2"),url(../fonts/museo/MuseoSansCyrl_300-webfont.woff) format("woff");font-weight:300;font-style:normal;
}

@font-face {
  font-family:Museo Sans;src:url(../fonts/museo/MuseoSansCyrl_500-webfont.html) format("woff2"),url(../fonts/museo/MuseoSansCyrl_500-webfont.woff) format("woff");font-weight:500;font-style:normal;
}

.ui-dark {
  color: hsla(0,0%,100%,.6);
}

.ui-blue-background,.ui-dark-background,.ui-gray-background,.ui-light-background {
  position: relative;
}

.background-noise,.ui-blue-background:before,.ui-dark-background:before,.ui-light-background:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/common/background-noise.png);
  opacity: .025;
  pointer-events: none;
}

.ui-dark-background {
  background-color: #061523;
}

.ui-light-background {
  background-color: #fbfbf8;
}

.ui-blue-background {
  background-color: #2f374c;
}

.ui-gray-background {
  background-color: #eeecea;
}

.ui-background-no-noise:before {
  display: none;
}

.btn-group {
  display: flex;
}

.btn-group .btn+.btn {
  margin-left: -1px;
}

.btn-group .btn.is-active,.btn-group .btn:active,.has-hover .btn-group .btn:active,.has-hover .btn-group .btn:focus,.has-hover .btn-group .btn:hover {
  z-index: 1;
}

.btn-group .btn.is-active+.btn.is-active,.btn-group .btn.is-active+.btn:active,.has-hover .btn-group .btn.is-active+.btn:active,.has-hover .btn-group .btn.is-active+.btn:focus,.has-hover .btn-group .btn.is-active+.btn:hover {
  z-index: 0;
}

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

.btn-group--vertical .btn+.btn {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group--center {
  align-items: center;
}

.icon {
  transition-property: color,transform,opacity;
  display: inline-block;
}

.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: 1rem;
}

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

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

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

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

.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-logo--full {
  width: 100%;
  height: auto;
}

@media (max-height:799px),screen and (max-width:1279px) {
  .icon-logo {
    width: 124px;
    height: 21px;
  }

  .footer .icon-logo {
    width: 147px;
    height: 24px;
  }

  .icon-logo--full {
    width: 100%;
    height: auto;
  }
}

html {
  font-size: 62.5%;
}

.h1,h1 {
  margin-top: 6.94444vw;
  margin-bottom: 6.94444vw;
}

.h1:first-child,h1:first-child {
  margin-top: 0;
}

.h1:last-child,h1:last-child {
  margin-bottom: 0;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .h1,h1 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .h1:first-child,h1:first-child {
    margin-top: 0;
  }

  .h1:last-child,h1:last-child {
    margin-bottom: 0;
  }
}

.h2,h2 {
  margin-top: 12.15278vw;
  margin-bottom: 12.15278vw;
}

.h2:first-child,h2:first-child {
  margin-top: 0;
}

.h2:last-child,h2:last-child {
  margin-bottom: 0;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .h2,h2 {
    margin-top: 175px;
    margin-bottom: 175px;
  }

  .h2:first-child,h2:first-child {
    margin-top: 0;
  }

  .h2:last-child,h2:last-child {
    margin-bottom: 0;
  }
}

.h3,h3 {
  margin-top: .83333vw;
  margin-bottom: .83333vw;
}

.h3:first-child,h3:first-child {
  margin-top: 0;
}

.h3:last-child,h3:last-child {
  margin-bottom: 0;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .h3,h3 {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .h3:first-child,h3:first-child {
    margin-top: 0;
  }

  .h3:last-child,h3:last-child {
    margin-bottom: 0;
  }
}

.h4,h4 {
  margin-top: 3.47222vw;
  margin-bottom: 3.47222vw;
}

.h4:first-child,h4:first-child {
  margin-top: 0;
}

.h4:last-child,h4:last-child {
  margin-bottom: 0;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .h4,h4 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .h4:first-child,h4:first-child {
    margin-top: 0;
  }

  .h4:last-child,h4:last-child {
    margin-bottom: 0;
  }
}

.h5,h5 {
  margin-top: 2.29167vw;
  margin-bottom: 2.29167vw;
}

.h5:first-child,h5:first-child {
  margin-top: 0;
}

.h5:last-child,h5:last-child {
  margin-bottom: 0;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .h5,h5 {
    margin-top: 33px;
    margin-bottom: 33px;
  }

  .h5:first-child,h5:first-child {
    margin-top: 0;
  }

  .h5:last-child,h5:last-child {
    margin-bottom: 0;
  }
}

.h3+.h5,.h3+h5,h3+.h5,h3+h5 {
  margin-top: 0;
}

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

blockquote:first-child,figcaption: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,figcaption: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 {
  transition-property: color,border-color,box-shadow,background-color,opacity,transform;
}

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

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

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

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--nowrap,.text--truncate {
  white-space: nowrap!important;
}

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

.text--large {
  margin-top: 3.47222vw;
  margin-bottom: 4.16667vw;
}

.text--large:first-child {
  margin-top: 0;
}

.text--large:last-child {
  margin-bottom: 0;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .text--large {
    margin-top: 50px;
    margin-bottom: 60px;
  }

  .text--large:first-child {
    margin-top: 0;
  }

  .text--large:last-child {
    margin-bottom: 0;
  }
}

.text--lead b {
  font-weight: inherit;
}

.text--color-heading,.text--lead {
  color: #231d1c;
}

.ui-dark .text--color-heading,.ui-dark .text--lead {
  color: #fff;
}

.text--color-primary,.ui-dark .text--color-primary {
  color: #c0845e;
}

hr {
  border: 0;
  border-bottom: 1px solid rgba(192,132,94,.4);
}

.btn {
  padding: 0;
  border: 0;
  box-shadow: none;
  background-color: transparent;
  position: relative;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition-property: color,border-color,background-color,opacity,transform;
}

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

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

.btn__content,.btn__content _::-webkit-full-page-media,.btn__content _:future {
  margin-left: auto;
  margin-right: auto;
}

.btn .icon {
  flex-shrink: 0;
}

.btn .icon+span {
  text-align: left;
}

.btn i {
  font-style: inherit;
}

a.btn,button.btn {
  cursor: pointer;
}

.btn__text {
  flex-shrink: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}

.btn--extended-area:after {
  content: "";
}

.btn--full {
  width: 100%;
}

.btn--vertical {
  flex-direction: column;
  height: auto!important;
}

.btn--vertical .icon+span {
  text-align: center;
}

.btn {
  font-size: 1.2rem;
  line-height: 1.5em;
  letter-spacing: .16em;
}

.btn,.btn .btn__content {
  height: 36px;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .btn {
    line-height: 1.5em;
  }

  .btn,.btn .btn__content {
    height: 40px;
  }
}

.btn.btn--square {
  width: 36px;
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .btn.btn--square {
    width: 40px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
  }
}

.btn--shaped {
  padding: 0 18px;
}

.btn--shaped .btn__content {
  margin-top: 0;
  padding-top: 0;
}

.btn--small,.btn--underline {
  height: 24px;
  line-height: 24px;
}

.btn--small .btn__content,.btn--underline .btn__content {
  height: 24px;
}

.btn--lg {
  font-size: 1.2rem;
  line-height: 1.5em;
  letter-spacing: .16em;
}

.btn--lg,.btn--lg .btn__content {
  height: 32px;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .btn--lg {
    font-size: 1.5rem;
    line-height: 1.5em;
  }
}

.btn--lg.btn--square {
  width: 32px;
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .btn--lg.btn--square {
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
  }
}

.btn--breadcrumb {
  height: 18px;
  font-size: 1rem;
  letter-spacing: .16em;
  line-height: 18px;
}

.btn--breadcrumb .btn__content {
  height: 18px;
}

.btn--menu {
  font-size: 4.3rem;
  letter-spacing: .08em;
  line-height: 75px;
}

.btn--menu,.btn--menu .btn__content {
  height: 75px;
}

@media screen and (min-width:980px) {
  .btn--menu {
    font-size: 3.4rem;
    line-height: 55px;
  }

  .btn--menu,.btn--menu .btn__content {
    height: 55px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .btn--menu {
    font-size: 5.6rem;
    line-height: 85px;
  }

  .btn--menu,.btn--menu .btn__content {
    height: 85px;
  }
}

.btn--lead {
  font-weight: 400;
  letter-spacing: .08em;
  font-size: 1.6rem;
}

@media screen and (min-width:980px) {
  .btn--lead {
    font-size: 1.8rem;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .btn--lead {
    font-size: 2.4rem;
  }
}

.btn-description,.btn__description {
  display: block;
  color: rgba(35,29,28,.5);
}

.ui-dark .btn-description,.ui-dark .btn__description {
  color: hsla(0,0%,100%,.5);
}

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

.btn--primary path+path {
  stroke: #c0845e;
}

.btn--primary,.btn--primary.is-disabled,.btn--primary:disabled,.btn--primary[disabled] {
  color: #c0845e;
  background-color: transparent;
  border-color: rgba(192,132,94,.4);
}

.btn--primary path {
  stroke: rgba(192,132,94,.4);
}

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

.has-hover .ui-dark .btn--primary:active,.has-hover .ui-dark .btn--primary:focus,.has-hover .ui-dark .btn--primary:hover,.ui-dark .btn--primary.is-active,.ui-dark .btn--primary:active {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.ui-dark .btn--primary path+path {
  stroke: #fff;
}

.ui-dark .btn--primary,.ui-dark .btn--primary.is-disabled,.ui-dark .btn--primary:disabled,.ui-dark .btn--primary[disabled] {
  color: #fff;
  background-color: transparent;
  border-color: hsla(0,0%,100%,.4);
}

.ui-dark .btn--primary path {
  stroke: hsla(0,0%,100%,.4);
}

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

.btn--primary-strict.is-active,.btn--primary-strict:active,.has-hover .btn--primary-strict:active,.has-hover .btn--primary-strict:focus,.has-hover .btn--primary-strict:hover {
  color: #c0845e;
  background-color: transparent;
  border-color: #c0845e;
}

.btn--primary-strict path+path {
  stroke: #c0845e;
}

.btn--primary-strict,.btn--primary-strict.is-disabled,.btn--primary-strict:disabled,.btn--primary-strict[disabled] {
  color: #c0845e;
  background-color: transparent;
  border-color: rgba(192,132,94,.4);
}

.btn--primary-strict path {
  stroke: rgba(192,132,94,.4);
}

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

.has-hover .ui-dark .btn--primary-strict:active,.has-hover .ui-dark .btn--primary-strict:focus,.has-hover .ui-dark .btn--primary-strict:hover,.ui-dark .btn--primary-strict.is-active,.ui-dark .btn--primary-strict:active {
  color: #c0845e;
  background-color: transparent;
  border-color: #c0845e;
}

.ui-dark .btn--primary-strict path+path {
  stroke: #c0845e;
}

.ui-dark .btn--primary-strict,.ui-dark .btn--primary-strict.is-disabled,.ui-dark .btn--primary-strict:disabled,.ui-dark .btn--primary-strict[disabled] {
  color: #c0845e;
  background-color: transparent;
  border-color: rgba(192,132,94,.4);
}

.ui-dark .btn--primary-strict path {
  stroke: rgba(192,132,94,.4);
}

.ui-dark .btn--primary-strict.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: #c0845e;
  background-color: transparent;
  border-color: #c0845e;
}

.btn--secondary path+path {
  stroke: #c0845e;
}

.btn--secondary,.btn--secondary.is-disabled,.btn--secondary:disabled,.btn--secondary[disabled] {
  color: #c0845e;
  background-color: transparent;
  border-color: rgba(192,132,94,.4);
}

.btn--secondary path {
  stroke: rgba(192,132,94,.4);
}

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

.has-hover .ui-dark .btn--secondary:active,.has-hover .ui-dark .btn--secondary:focus,.has-hover .ui-dark .btn--secondary:hover,.ui-dark .btn--secondary.is-active,.ui-dark .btn--secondary:active {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.ui-dark .btn--secondary path+path {
  stroke: #fff;
}

.ui-dark .btn--secondary,.ui-dark .btn--secondary.is-disabled,.ui-dark .btn--secondary:disabled,.ui-dark .btn--secondary[disabled] {
  color: #fff;
  background-color: transparent;
  border-color: hsla(0,0%,100%,.4);
}

.ui-dark .btn--secondary path {
  stroke: hsla(0,0%,100%,.4);
}

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

.btn--underline span:not(.icon) {
  position: relative;
}

.btn--underline span:not(.icon):after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 0;
  border-bottom: 1px solid #c0845e;
  pointer-events: none;
  transition-property: border-color,transform,opacity;
  transition-duration: .4s;
}

.btn--underline.is-active span:not(.icon):after,.btn--underline:active span:not(.icon):after,.has-hover .btn--underline:active span:not(.icon):after,.has-hover .btn--underline:focus span:not(.icon):after,.has-hover .btn--underline:hover span:not(.icon):after {
  transform: translateY(-100%);
}

.btn--underline.is-disabled span:not(.icon):after,.btn--underline:disabled span:not(.icon):after,.btn--underline[disabled] span:not(.icon):after {
  border-color: currentColor;
  opacity: .5;
}

.ui-dark .btn--underline span:not(.icon):after {
  border-color: #fff;
}

.btn--underline--alt span:not(.icon):after,.ui-dark .btn--underline--alt span:not(.icon):after {
  border-color: #c0845e;
}

.btn--breadcrumb .icon:not(:last-child) {
  margin-right: 1.4rem;
}

.btn--breadcrumb .icon:not(:first-child) {
  margin-left: 1.4rem;
}

.btn--breadcrumb.is-active,.btn--breadcrumb:active,.has-hover .btn--breadcrumb:active,.has-hover .btn--breadcrumb:focus,.has-hover .btn--breadcrumb:hover {
  color: #c0845e;
}

.btn--breadcrumb,.btn--breadcrumb.is-disabled,.btn--breadcrumb:disabled,.btn--breadcrumb[disabled] {
  color: rgba(35,29,28,.5);
}

.btn--breadcrumb.loading {
  color: transparent!important;
}

.has-hover .ui-dark .btn--breadcrumb:active,.has-hover .ui-dark .btn--breadcrumb:focus,.has-hover .ui-dark .btn--breadcrumb:hover,.ui-dark .btn--breadcrumb.is-active,.ui-dark .btn--breadcrumb:active {
  color: #fff;
}

.ui-dark .btn--breadcrumb,.ui-dark .btn--breadcrumb.is-disabled,.ui-dark .btn--breadcrumb:disabled,.ui-dark .btn--breadcrumb[disabled] {
  color: hsla(0,0%,100%,.5);
}

.ui-dark .btn--breadcrumb.loading {
  color: transparent!important;
}

.btn--heading,.btn--heading.is-active,.btn--heading.is-disabled,.btn--heading:active,.btn--heading:disabled,.btn--heading[disabled],.has-hover .btn--heading:active,.has-hover .btn--heading:focus,.has-hover .btn--heading:hover {
  color: #231d1c;
}

.btn--heading.loading {
  color: transparent!important;
}

.has-hover .ui-dark .btn--heading:active,.has-hover .ui-dark .btn--heading:focus,.has-hover .ui-dark .btn--heading:hover,.ui-dark .btn--heading,.ui-dark .btn--heading.is-active,.ui-dark .btn--heading.is-disabled,.ui-dark .btn--heading:active,.ui-dark .btn--heading:disabled,.ui-dark .btn--heading[disabled] {
  color: #fff;
}

.ui-dark .btn--heading.loading {
  color: transparent!important;
}

.btn--heading-alt.is-active,.btn--heading-alt.is-active .icon,.btn--heading-alt:active,.btn--heading-alt:active .icon,.has-hover .btn--heading-alt:active,.has-hover .btn--heading-alt:active .icon,.has-hover .btn--heading-alt:focus,.has-hover .btn--heading-alt:focus .icon,.has-hover .btn--heading-alt:hover,.has-hover .btn--heading-alt:hover .icon {
  color: #c0845e;
}

.btn--heading-alt,.btn--heading-alt.is-disabled,.btn--heading-alt:disabled,.btn--heading-alt[disabled] {
  color: #231d1c;
}

.btn--heading-alt .icon,.btn--heading-alt.is-disabled .icon,.btn--heading-alt:disabled .icon,.btn--heading-alt[disabled] .icon {
  color: #c0845e;
}

.btn--heading-alt.loading {
  color: transparent!important;
}

.has-hover .ui-dark .btn--heading-alt:active,.has-hover .ui-dark .btn--heading-alt:active .icon,.has-hover .ui-dark .btn--heading-alt:focus,.has-hover .ui-dark .btn--heading-alt:focus .icon,.has-hover .ui-dark .btn--heading-alt:hover,.has-hover .ui-dark .btn--heading-alt:hover .icon,.ui-dark .btn--heading-alt.is-active,.ui-dark .btn--heading-alt.is-active .icon,.ui-dark .btn--heading-alt:active,.ui-dark .btn--heading-alt:active .icon {
  color: #c0845e;
}

.ui-dark .btn--heading-alt,.ui-dark .btn--heading-alt.is-disabled,.ui-dark .btn--heading-alt:disabled,.ui-dark .btn--heading-alt[disabled] {
  color: #fff;
}

.ui-dark .btn--heading-alt .icon,.ui-dark .btn--heading-alt.is-disabled .icon,.ui-dark .btn--heading-alt:disabled .icon,.ui-dark .btn--heading-alt[disabled] .icon {
  color: #c0845e;
}

.ui-dark .btn--heading-alt.loading {
  color: transparent!important;
}

.btn--heading-light.is-active,.btn--heading-light:active,.has-hover .btn--heading-light:active,.has-hover .btn--heading-light:focus,.has-hover .btn--heading-light:hover {
  color: rgba(35,29,28,.7);
}

.btn--heading-light,.btn--heading-light.is-disabled,.btn--heading-light:disabled,.btn--heading-light[disabled] {
  color: rgba(35,29,28,.5);
}

.btn--heading-light.loading {
  color: transparent!important;
}

.has-hover .ui-dark .btn--heading-light:active,.has-hover .ui-dark .btn--heading-light:focus,.has-hover .ui-dark .btn--heading-light:hover,.ui-dark .btn--heading-light.is-active,.ui-dark .btn--heading-light:active {
  color: hsla(0,0%,100%,.7);
}

.ui-dark .btn--heading-light,.ui-dark .btn--heading-light.is-disabled,.ui-dark .btn--heading-light:disabled,.ui-dark .btn--heading-light[disabled] {
  color: hsla(0,0%,100%,.5);
}

.ui-dark .btn--heading-light.loading {
  color: transparent!important;
}

.btn--highlighted.is-active,.btn--highlighted:active,.has-hover .btn--highlighted:active,.has-hover .btn--highlighted:focus,.has-hover .btn--highlighted:hover {
  color: #231d1c;
  background-color: transparent;
  border-color: #231d1c;
}

.btn--highlighted path+path {
  stroke: #231d1c;
}

.btn--highlighted,.btn--highlighted.is-disabled,.btn--highlighted:disabled,.btn--highlighted[disabled] {
  color: #c0845e;
  background-color: transparent;
  border-color: #c0845e;
}

.btn--highlighted path {
  stroke: #c0845e;
}

.btn--highlighted.loading {
  color: transparent!important;
}

.has-hover .ui-dark .btn--highlighted:active,.has-hover .ui-dark .btn--highlighted:focus,.has-hover .ui-dark .btn--highlighted:hover,.ui-dark .btn--highlighted.is-active,.ui-dark .btn--highlighted:active {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.ui-dark .btn--highlighted path+path {
  stroke: #fff;
}

.ui-dark .btn--highlighted,.ui-dark .btn--highlighted.is-disabled,.ui-dark .btn--highlighted:disabled,.ui-dark .btn--highlighted[disabled] {
  color: #c0845e;
  background-color: transparent;
  border-color: #c0845e;
}

.ui-dark .btn--highlighted path {
  stroke: #c0845e;
}

.ui-dark .btn--highlighted.loading {
  color: transparent!important;
}

.btn--nav.is-active,.btn--nav:active,.has-hover .btn--nav:active,.has-hover .btn--nav:focus,.has-hover .btn--nav:hover {
  color: rgba(35,29,28,.6);
  background-color: transparent;
  border-color: #231d1c;
}

.btn--nav path+path {
  stroke: #231d1c;
}

.btn--nav,.btn--nav.is-disabled,.btn--nav:disabled,.btn--nav[disabled] {
  color: #231d1c;
  background-color: transparent;
  border-color: rgba(192,132,94,.4);
}

.btn--nav path {
  stroke: rgba(192,132,94,.4);
}

.btn--nav.loading {
  color: transparent!important;
}

.has-hover .ui-dark .btn--nav:active,.has-hover .ui-dark .btn--nav:focus,.has-hover .ui-dark .btn--nav:hover,.ui-dark .btn--nav.is-active,.ui-dark .btn--nav:active {
  color: hsla(0,0%,100%,.6);
  background-color: transparent;
  border-color: #fff;
}

.ui-dark .btn--nav path+path {
  stroke: #fff;
}

.ui-dark .btn--nav,.ui-dark .btn--nav.is-disabled,.ui-dark .btn--nav:disabled,.ui-dark .btn--nav[disabled] {
  color: #fff;
  background-color: transparent;
  border-color: hsla(0,0%,100%,.4);
}

.ui-dark .btn--nav path {
  stroke: hsla(0,0%,100%,.4);
}

.ui-dark .btn--nav.loading {
  color: transparent!important;
}

.btn--menu {
  padding-top: 10px;
  font-weight: 400;
  transition-property: border-color,background-color,opacity,transform;
}

.has-hover .btn--menu:focus,.has-hover .btn--menu:hover {
  color: #231d1c;
}

.btn--menu.is-active,.btn--menu:active,.has-hover .btn--menu:active {
  color: #c0845e;
}

.btn--menu,.btn--menu.is-disabled,.btn--menu:disabled,.btn--menu[disabled] {
  color: rgba(35,29,28,.15);
}

.btn--menu.loading {
  color: transparent!important;
}

.btn--menu .char {
  color: currentColor;
  transition-property: color;
}

.btn--menu .char-1 {
  transition-delay: .2s;
}

.btn--menu .char-2 {
  transition-delay: .1s;
}

.btn--menu .char-3 {
  transition-delay: .02679s;
}

.btn--menu .char-4 {
  transition-delay: 0s;
}

.btn--menu .char-5 {
  transition-delay: .0268s;
}

.btn--menu .char-6 {
  transition-delay: .1s;
}

.btn--menu .char-7 {
  transition-delay: .2s;
}

.btn--menu .char-8 {
  transition-delay: .3s;
}

.btn--menu .char-9 {
  transition-delay: .37321s;
}

.btn--menu .char-10 {
  transition-delay: .4s;
}

.btn--menu .char-11 {
  transition-delay: .37321s;
}

.btn--menu .char-12 {
  transition-delay: .3s;
}

.btn--menu .char-13 {
  transition-delay: .2s;
}

.btn--menu .char-14 {
  transition-delay: .1s;
}

.btn--menu .char-15 {
  transition-delay: .02679s;
}

.btn--menu .char-16 {
  transition-delay: 0s;
}

.btn--menu .char-17 {
  transition-delay: .0268s;
}

.has-hover .ui-dark .btn--menu:focus,.has-hover .ui-dark .btn--menu:hover {
  color: #fff;
}

.has-hover .ui-dark .btn--menu:active,.ui-dark .btn--menu.is-active,.ui-dark .btn--menu:active {
  color: #c0845e;
}

.ui-dark .btn--menu,.ui-dark .btn--menu.is-disabled,.ui-dark .btn--menu:disabled,.ui-dark .btn--menu[disabled] {
  color: hsla(0,0%,100%,.15);
}

.ui-dark .btn--menu.loading {
  color: transparent!important;
}

.btn--switch.is-active,.btn--switch:active,.has-hover .btn--switch:active,.has-hover .btn--switch:focus,.has-hover .btn--switch:hover {
  color: #c0845e;
  background-color: transparent;
  border-color: #c0845e;
}

.btn--switch path+path {
  stroke: #c0845e;
}

.btn--switch,.btn--switch.is-disabled,.btn--switch:disabled,.btn--switch[disabled] {
  color: #9c908c;
  background-color: transparent;
  border-color: #f3ece6;
}

.btn--switch path {
  stroke: #f3ece6;
}

.btn--switch.loading {
  color: transparent!important;
}

.btn--shaped,.btn--shaped .btn__content {
  position: relative;
}

.btn--shaped .btn__shape {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

.btn--shaped .btn__shape path {
  fill: none;
  stroke-width: 1px;
}

.btn--shaped .btn__shape path:first-child {
  stroke-dashoffset: 0!important;
}

.btn--shaped .btn__shape path:last-child {
  stroke-dasharray: 1000px 1000px;
  stroke-dashoffset: 1000px;
  transition-property: stroke-dashoffset;
}

.is-edge .btn--shaped .btn__shape path:last-child,.is-ie .btn--shaped .btn__shape path:last-child {
  stroke-dashoffset: 0px!important;
  transition-property: opacity;
  opacity: 0;
}

.btn--shaped.is-active .btn__shape path:last-child,.btn--shaped:active .btn__shape path:last-child,.has-hover .btn--shaped:active .btn__shape path:last-child,.has-hover .btn--shaped:focus .btn__shape path:last-child,.has-hover .btn--shaped:hover .btn__shape path:last-child {
  stroke-dashoffset: 0!important;
}

.is-edge .btn--shaped.is-active .btn__shape path:last-child,.is-edge .btn--shaped:active .btn__shape path:last-child,.is-edge.has-hover .btn--shaped:active .btn__shape path:last-child,.is-edge.has-hover .btn--shaped:focus .btn__shape path:last-child,.is-edge.has-hover .btn--shaped:hover .btn__shape path:last-child,.is-ie .btn--shaped.is-active .btn__shape path:last-child,.is-ie .btn--shaped:active .btn__shape path:last-child,.is-ie.has-hover .btn--shaped:active .btn__shape path:last-child,.is-ie.has-hover .btn--shaped:focus .btn__shape path:last-child,.is-ie.has-hover .btn--shaped:hover .btn__shape path:last-child {
  opacity: 1;
}

.btn--shaped--slice-left {
  padding-right: 30px;
}

.btn--shaped--slice-right {
  padding-left: 31px;
}

.btn-group .btn+.btn--shaped--slice-right {
  margin-left: -21px;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .btn--shaped--slice-left {
    padding-right: 28px;
  }

  .btn-group .btn+.btn--shaped--slice-right {
    margin-left: -23px;
  }
}

.icon-burger,.icon-menu {
  position: relative;
  width: 20px;
  height: 20px;
}

.icon-burger:after,.icon-burger:before,.icon-burger i,.icon-menu:after,.icon-menu:before,.icon-menu i {
  content: "";
  display: block;
  left: 0;
  width: 100%;
  position: absolute;
  border-top: 1px solid currentColor;
  transform-origin: 0 0;
  transition-property: transform,opacity;
}

.icon-burger:before,.icon-menu:before {
  top: 3px;
}

.icon-burger:after,.icon-menu:after {
  bottom: 4px;
}

.icon-burger i,.icon-menu i {
  top: 9px;
}

.has-hover .btn:focus .icon-burger:before,.has-hover .btn:hover .icon-burger:before {
  -webkit-animation: burger-appear-top .8s cubic-bezier(.25,.74,.22,.99);
  animation: burger-appear-top .8s cubic-bezier(.25,.74,.22,.99);
}

.has-hover .btn:focus .icon-burger i,.has-hover .btn:hover .icon-burger i {
  -webkit-animation: burger-appear-middle .8s cubic-bezier(.25,.74,.22,.99);
  animation: burger-appear-middle .8s cubic-bezier(.25,.74,.22,.99);
}

.has-hover .btn:focus .icon-burger:after,.has-hover .btn:hover .icon-burger:after {
  -webkit-animation: burger-appear-bottom .8s cubic-bezier(.25,.74,.22,.99);
  animation: burger-appear-bottom .8s cubic-bezier(.25,.74,.22,.99);
}

@-webkit-keyframes burger-appear-top {
  0% {
    transform: scaleX(0);
  }

  80% {
    transform: scaleX(1);
  }
}

@keyframes burger-appear-top {
  0% {
    transform: scaleX(0);
  }

  80% {
    transform: scaleX(1);
  }
}

@-webkit-keyframes burger-appear-middle {
  0% {
    transform: scaleX(0);
  }

  10% {
    transform: scaleX(0);
  }

  90% {
    transform: scaleX(1);
  }
}

@keyframes burger-appear-middle {
  0% {
    transform: scaleX(0);
  }

  10% {
    transform: scaleX(0);
  }

  90% {
    transform: scaleX(1);
  }
}

@-webkit-keyframes burger-appear-bottom {
  0% {
    transform: scaleX(0);
  }

  20% {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@keyframes burger-appear-bottom {
  0% {
    transform: scaleX(0);
  }

  20% {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

.icon-menu i {
  transition-duration: .2s;
  opacity: 0;
}

.icon-menu:before {
  transform-origin: 0 0;
  transform: translate(3.75px) rotate(45deg) scaleX(.95);
}

.icon-menu:after {
  transform-origin: 100% 0;
  transform: translate(-3.75px,-12px) rotate(-45deg) scaleX(.95);
}

.has-hover .btn:focus .icon-menu:before,.has-hover .btn:hover .icon-menu:before {
  -webkit-animation: burger-appear-left .8s cubic-bezier(.25,.74,.22,.99);
  animation: burger-appear-left .8s cubic-bezier(.25,.74,.22,.99);
}

.has-hover .btn:focus .icon-menu:after,.has-hover .btn:hover .icon-menu:after {
  -webkit-animation: burger-appear-right .8s cubic-bezier(.25,.74,.22,.99);
  animation: burger-appear-right .8s cubic-bezier(.25,.74,.22,.99);
}

@-webkit-keyframes burger-appear-left {
  0% {
    transform: translate(3.75px) rotate(45deg) scaleX(0);
  }

  to {
    transform: translate(3.75px) rotate(45deg) scaleX(.95);
  }
}

@keyframes burger-appear-left {
  0% {
    transform: translate(3.75px) rotate(45deg) scaleX(0);
  }

  to {
    transform: translate(3.75px) rotate(45deg) scaleX(.95);
  }
}

@-webkit-keyframes burger-appear-right {
  0% {
    transform: translate(-3.75px,-12px) rotate(-45deg) scaleX(0);
  }

  to {
    transform: translate(-3.75px,-12px) rotate(-45deg) scaleX(.95);
  }
}

@keyframes burger-appear-right {
  0% {
    transform: translate(-3.75px,-12px) rotate(-45deg) scaleX(0);
  }

  to {
    transform: translate(-3.75px,-12px) rotate(-45deg) scaleX(.95);
  }
}

.icon-arrow-left,.icon-arrow-right {
  position: relative;
  width: 20px;
  height: 20px;
}

.icon-arrow-left:after,.icon-arrow-left:before,.icon-arrow-right:after,.icon-arrow-right:before {
  content: "";
  display: block;
  width: 12px;
  position: absolute;
  border-top: 1px solid currentColor;
  transform-origin: 0 0;
}

.icon-arrow-left:before,.icon-arrow-right:before {
  left: 14px;
  top: 3px;
  transform: rotate(135deg);
}

.icon-arrow-left:after,.icon-arrow-right:after {
  left: 6px;
  top: 10px;
  transform: rotate(45deg);
}

.icon-arrow-right:before {
  left: 7px;
  top: 2px;
  transform: rotate(45deg);
}

.icon-arrow-right:after {
  left: 15px;
  top: 11px;
  transform: rotate(135deg);
}

.has-hover .btn:focus .icon-arrow-left:before,.has-hover .btn:hover .icon-arrow-left:before {
  -webkit-animation: arrow-left-top .8s cubic-bezier(.25,.74,.22,.99);
  animation: arrow-left-top .8s cubic-bezier(.25,.74,.22,.99);
}

.has-hover .btn:focus .icon-arrow-left:after,.has-hover .btn:hover .icon-arrow-left:after {
  -webkit-animation: arrow-left-bottom .8s cubic-bezier(.25,.74,.22,.99);
  animation: arrow-left-bottom .8s cubic-bezier(.25,.74,.22,.99);
}

.has-hover .btn:focus .icon-arrow-right:before,.has-hover .btn:hover .icon-arrow-right:before {
  -webkit-animation: arrow-right-top .8s cubic-bezier(.25,.74,.22,.99);
  animation: arrow-right-top .8s cubic-bezier(.25,.74,.22,.99);
}

.has-hover .btn:focus .icon-arrow-right:after,.has-hover .btn:hover .icon-arrow-right:after {
  -webkit-animation: arrow-right-bottom .8s cubic-bezier(.25,.74,.22,.99);
  animation: arrow-right-bottom .8s cubic-bezier(.25,.74,.22,.99);
}

@-webkit-keyframes arrow-left-top {
  0% {
    transform: rotate(135deg) scaleX(0);
  }

  50% {
    transform: rotate(135deg) scaleX(1);
  }
}

@keyframes arrow-left-top {
  0% {
    transform: rotate(135deg) scaleX(0);
  }

  50% {
    transform: rotate(135deg) scaleX(1);
  }
}

@-webkit-keyframes arrow-left-bottom {
  0% {
    transform: rotate(45deg) scaleX(0);
  }

  20% {
    transform: rotate(45deg) scaleX(0);
  }

  to {
    transform: rotate(45deg) scaleX(1);
  }
}

@keyframes arrow-left-bottom {
  0% {
    transform: rotate(45deg) scaleX(0);
  }

  20% {
    transform: rotate(45deg) scaleX(0);
  }

  to {
    transform: rotate(45deg) scaleX(1);
  }
}

@-webkit-keyframes arrow-right-top {
  0% {
    transform: rotate(45deg) scaleX(0);
  }

  50% {
    transform: rotate(45deg) scaleX(1);
  }
}

@keyframes arrow-right-top {
  0% {
    transform: rotate(45deg) scaleX(0);
  }

  50% {
    transform: rotate(45deg) scaleX(1);
  }
}

@-webkit-keyframes arrow-right-bottom {
  0% {
    transform: rotate(135deg) scaleX(0);
  }

  20% {
    transform: rotate(135deg) scaleX(0);
  }

  to {
    transform: rotate(135deg) scaleX(1);
  }
}

@keyframes arrow-right-bottom {
  0% {
    transform: rotate(135deg) scaleX(0);
  }

  20% {
    transform: rotate(135deg) scaleX(0);
  }

  to {
    transform: rotate(135deg) scaleX(1);
  }
}

.icon-page {
  position: relative;
  width: 26px;
  height: 26px;
}

.icon-page:before {
  content: "";
  background: currentColor;
  width: 3px;
  height: 3px;
  transform: rotate(-45deg);
  position: absolute;
  left: 13px;
  top: 13px;
  transition-property: opacity;
  will-change: opacity;
}

.icon-page:after {
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid currentColor;
  opacity: .1;
  left: 8px;
  top: 8px;
  transition-property: transform,opacity;
  transform: translate(-.5px,-.5px) rotate(45deg) scale(.1);
  will-change: transform,opacity;
}

.icon-page:after,.icon-page i {
  position: absolute;
  transition-duration: .4s;
}

.icon-page i {
  border-top: 1px solid currentColor;
  left: 14px;
  top: 14px;
  width: 28px;
  transition-property: transform;
  transform-origin: 0 0;
  transform: scaleX(0);
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .icon-page {
    width: 32px;
    height: 32px;
  }

  .icon-page:after {
    width: 18px;
    height: 18px;
    left: 8px;
    top: 8px;
  }

  .icon-page:before {
    left: 15px;
    top: 15px;
  }

  .icon-page i {
    left: 16px;
    top: 16px;
    width: 38px;
  }
}

.btn.is-active .icon-page:after {
  opacity: 1;
  transform: translate(-.5px,-.5px) rotate(45deg) scale(1);
}

.btn.is-active .icon-page i {
  transform: scaleX(1);
}

.icon-callback {
  display: flex;
  position: relative;
  width: 84px;
  height: 40px;
  justify-content: center;
  align-items: center;
}

.icon-callback:after,.icon-callback:before {
  content: "";
  border: 1px solid currentColor;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) rotate(45deg);
}

.icon-callback:before {
  width: 42px;
  height: 42px;
}

.icon-callback:after {
  width: 60px;
  height: 60px;
  opacity: .1;
}

.icon-callback--large {
  width: 124px;
}

.icon-callback--large:before {
  width: 65px;
  height: 65px;
}

.icon-callback--large:after {
  width: 86px;
  height: 86px;
}

.btn .icon-callback:after,.btn .icon-callback:before {
  transition-property: transform;
}

.btn.is-active .icon-callback:after,.btn.is-active .icon-callback:before,.btn:active .icon-callback:after,.btn:active .icon-callback:before,.has-hover .btn:active .icon-callback:after,.has-hover .btn:active .icon-callback:before,.has-hover .btn:focus .icon-callback:after,.has-hover .btn:focus .icon-callback:before,.has-hover .btn:hover .icon-callback:after,.has-hover .btn:hover .icon-callback:before {
  transform: translate(-50%,-50%) rotate(0deg);
}

.btn--vertical .icon-callback {
  height: 84px;
}

.btn--vertical .icon-callback--large {
  height: 124px;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .icon-callback {
    width: 94px;
  }

  .icon-callback:before {
    width: 48px;
    height: 48px;
  }

  .icon-callback:after {
    width: 66px;
    height: 66px;
  }

  .icon-callback--large {
    width: 124px;
  }

  .icon-callback--large:before {
    width: 65px;
    height: 65px;
  }

  .icon-callback--large:after {
    width: 86px;
    height: 86px;
  }

  .btn--vertical .icon-callback {
    height: 94px;
  }

  .btn--vertical .icon-callback--large {
    height: 124px;
  }
}

.icon-arrow-back,.icon-arrow-down,.icon-more {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 0 0 41px;
  pointer-events: none;
}

.icon-arrow-back:before,.icon-arrow-down:before,.icon-more:before {
  content: "";
  position: absolute;
  left: -40px;
  top: 20px;
  width: 57px;
  border-top: 1px solid currentColor;
}

.icon-arrow-back .icon__shape,.icon-arrow-down .icon__shape,.icon-more .icon__shape {
  transition-property: transform;
  transform: rotate(45deg) scale(.88);
}

.icon-arrow-back .icon__shape path,.icon-arrow-down .icon__shape path,.icon-more .icon__shape path {
  fill: none;
  stroke-width: 1px;
}

.icon-arrow-back .icon__shape path:first-child,.icon-arrow-down .icon__shape path:first-child,.icon-more .icon__shape path:first-child {
  stroke-dashoffset: 0!important;
}

.icon-arrow-back .icon__shape path:last-child,.icon-arrow-down .icon__shape path:last-child,.icon-more .icon__shape path:last-child {
  stroke-dasharray: 1000px 1000px;
  stroke-dashoffset: 1000px;
  transition-property: stroke-dashoffset;
}

.is-edge .icon-arrow-back .icon__shape path:last-child,.is-edge .icon-arrow-down .icon__shape path:last-child,.is-edge .icon-more .icon__shape path:last-child,.is-ie .icon-arrow-back .icon__shape path:last-child,.is-ie .icon-arrow-down .icon__shape path:last-child,.is-ie .icon-more .icon__shape path:last-child {
  transition-property: opacity;
  stroke-dashoffset: 0!important;
  opacity: 0;
}

.icon-arrow-back .icon-arrow-head,.icon-arrow-down .icon-arrow-head,.icon-more .icon-arrow-head {
  position: absolute;
  top: 16px;
  left: 17px;
  margin: 0;
}

.icon-arrow-back .icon-arrow-head:not(:last-child),.icon-arrow-down .icon-arrow-head:not(:last-child),.icon-more .icon-arrow-head:not(:last-child) {
  margin: 0;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .icon-more--large {
    width: 74px;
    height: 74px;
  }

  .icon-more--large:before {
    width: 83px;
    top: 37px;
    left: -47px;
  }

  .icon-more--large .icon__shape path {
    stroke-width: 1.5px;
  }

  .icon-more--large .icon-arrow-head {
    top: 33px;
    left: 34px;
  }
}

.icon-more--centered {
  margin-left: 0;
}

.btn .icon-more:not(:last-child) {
  margin-right: 30px;
}

.btn.is-active .icon-arrow-back .icon__shape,.btn.is-active .icon-arrow-down .icon__shape,.btn.is-active .icon-more .icon__shape,.btn.is-active .icon-video .icon__shape,.btn:active .icon-arrow-back .icon__shape,.btn:active .icon-arrow-down .icon__shape,.btn:active .icon-more .icon__shape,.btn:active .icon-video .icon__shape,.has-hover .btn:active .icon-arrow-back .icon__shape,.has-hover .btn:active .icon-arrow-down .icon__shape,.has-hover .btn:active .icon-more .icon__shape,.has-hover .btn:active .icon-video .icon__shape,.has-hover .btn:focus .icon-arrow-back .icon__shape,.has-hover .btn:focus .icon-arrow-down .icon__shape,.has-hover .btn:focus .icon-more .icon__shape,.has-hover .btn:focus .icon-video .icon__shape,.has-hover .btn:hover .icon-arrow-back .icon__shape,.has-hover .btn:hover .icon-arrow-down .icon__shape,.has-hover .btn:hover .icon-more .icon__shape,.has-hover .btn:hover .icon-video .icon__shape {
  transform: rotate(0deg) scale(1);
}

.btn.is-active .icon-arrow-back .icon__shape path:last-child,.btn.is-active .icon-arrow-down .icon__shape path:last-child,.btn.is-active .icon-more .icon__shape path:last-child,.btn.is-active .icon-video .icon__shape path:last-child,.btn:active .icon-arrow-back .icon__shape path:last-child,.btn:active .icon-arrow-down .icon__shape path:last-child,.btn:active .icon-more .icon__shape path:last-child,.btn:active .icon-video .icon__shape path:last-child,.has-hover .btn:active .icon-arrow-back .icon__shape path:last-child,.has-hover .btn:active .icon-arrow-down .icon__shape path:last-child,.has-hover .btn:active .icon-more .icon__shape path:last-child,.has-hover .btn:active .icon-video .icon__shape path:last-child,.has-hover .btn:focus .icon-arrow-back .icon__shape path:last-child,.has-hover .btn:focus .icon-arrow-down .icon__shape path:last-child,.has-hover .btn:focus .icon-more .icon__shape path:last-child,.has-hover .btn:focus .icon-video .icon__shape path:last-child,.has-hover .btn:hover .icon-arrow-back .icon__shape path:last-child,.has-hover .btn:hover .icon-arrow-down .icon__shape path:last-child,.has-hover .btn:hover .icon-more .icon__shape path:last-child,.has-hover .btn:hover .icon-video .icon__shape path:last-child {
  stroke-dashoffset: 0!important;
}

.is-edge .btn.is-active .icon-arrow-back .icon__shape path:last-child,.is-edge .btn.is-active .icon-arrow-down .icon__shape path:last-child,.is-edge .btn.is-active .icon-more .icon__shape path:last-child,.is-edge .btn.is-active .icon-video .icon__shape path:last-child,.is-edge .btn:active .icon-arrow-back .icon__shape path:last-child,.is-edge .btn:active .icon-arrow-down .icon__shape path:last-child,.is-edge .btn:active .icon-more .icon__shape path:last-child,.is-edge .btn:active .icon-video .icon__shape path:last-child,.is-edge.has-hover .btn:active .icon-arrow-back .icon__shape path:last-child,.is-edge.has-hover .btn:active .icon-arrow-down .icon__shape path:last-child,.is-edge.has-hover .btn:active .icon-more .icon__shape path:last-child,.is-edge.has-hover .btn:active .icon-video .icon__shape path:last-child,.is-edge.has-hover .btn:focus .icon-arrow-back .icon__shape path:last-child,.is-edge.has-hover .btn:focus .icon-arrow-down .icon__shape path:last-child,.is-edge.has-hover .btn:focus .icon-more .icon__shape path:last-child,.is-edge.has-hover .btn:focus .icon-video .icon__shape path:last-child,.is-edge.has-hover .btn:hover .icon-arrow-back .icon__shape path:last-child,.is-edge.has-hover .btn:hover .icon-arrow-down .icon__shape path:last-child,.is-edge.has-hover .btn:hover .icon-more .icon__shape path:last-child,.is-edge.has-hover .btn:hover .icon-video .icon__shape path:last-child,.is-ie .btn.is-active .icon-arrow-back .icon__shape path:last-child,.is-ie .btn.is-active .icon-arrow-down .icon__shape path:last-child,.is-ie .btn.is-active .icon-more .icon__shape path:last-child,.is-ie .btn.is-active .icon-video .icon__shape path:last-child,.is-ie .btn:active .icon-arrow-back .icon__shape path:last-child,.is-ie .btn:active .icon-arrow-down .icon__shape path:last-child,.is-ie .btn:active .icon-more .icon__shape path:last-child,.is-ie .btn:active .icon-video .icon__shape path:last-child,.is-ie.has-hover .btn:active .icon-arrow-back .icon__shape path:last-child,.is-ie.has-hover .btn:active .icon-arrow-down .icon__shape path:last-child,.is-ie.has-hover .btn:active .icon-more .icon__shape path:last-child,.is-ie.has-hover .btn:active .icon-video .icon__shape path:last-child,.is-ie.has-hover .btn:focus .icon-arrow-back .icon__shape path:last-child,.is-ie.has-hover .btn:focus .icon-arrow-down .icon__shape path:last-child,.is-ie.has-hover .btn:focus .icon-more .icon__shape path:last-child,.is-ie.has-hover .btn:focus .icon-video .icon__shape path:last-child,.is-ie.has-hover .btn:hover .icon-arrow-back .icon__shape path:last-child,.is-ie.has-hover .btn:hover .icon-arrow-down .icon__shape path:last-child,.is-ie.has-hover .btn:hover .icon-more .icon__shape path:last-child,.is-ie.has-hover .btn:hover .icon-video .icon__shape path:last-child {
  opacity: 1;
}

.icon-video {
  position: relative;
  width: 54px;
  height: 54px;
  pointer-events: none;
}

.icon-video .icon-play {
  position: absolute;
  top: 20px;
  left: 22px;
}

.icon-video .icon-play:not(:last-child) {
  margin: 0;
}

.icon-video .icon__shape {
  transition-property: transform;
  transform: rotate(45deg) scale(.88);
}

.icon-video .icon__shape path {
  fill: none;
  stroke-width: 1px;
}

.icon-video .icon__shape path:first-child {
  stroke-dashoffset: 0!important;
}

.icon-video .icon__shape path:last-child {
  stroke-dasharray: 1000px 1000px;
  stroke-dashoffset: 1000px;
  transition-property: stroke-dashoffset;
}

.is-edge .icon-video .icon__shape path:last-child,.is-ie .icon-video .icon__shape path:last-child {
  transition-property: opacity;
  stroke-dashoffset: 0!important;
  opacity: 0;
}

.icon-video:before {
  display: none;
}

.icon-video--large {
  width: 60px;
  height: 60px;
}

.icon-video--large .icon-play {
  top: 21px;
  left: 24px;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .icon-video--large {
    width: 74px;
    height: 74px;
  }

  .icon-video--large .icon-play {
    top: 29px;
    left: 32px;
  }
}

.btn .icon-video:not(:last-child) {
  margin-right: 1.8rem;
}

.btn .icon-video--large:not(:last-child) {
  margin-right: 1rem;
}

.btn.is-active .icon-video .icon__shape,.btn:active .icon-video .icon__shape,.has-hover .btn:active .icon-video .icon__shape,.has-hover .btn:focus .icon-video .icon__shape,.has-hover .btn:hover .icon-video .icon__shape {
  transform: rotate(0deg) scale(1);
}

.btn.is-active .icon-video .icon__shape path:last-child,.btn:active .icon-video .icon__shape path:last-child,.has-hover .btn:active .icon-video .icon__shape path:last-child,.has-hover .btn:focus .icon-video .icon__shape path:last-child,.has-hover .btn:hover .icon-video .icon__shape path:last-child {
  stroke-dashoffset: 0!important;
}

.is-edge .btn.is-active .icon-video .icon__shape path:last-child,.is-edge .btn:active .icon-video .icon__shape path:last-child,.is-edge.has-hover .btn:active .icon-video .icon__shape path:last-child,.is-edge.has-hover .btn:focus .icon-video .icon__shape path:last-child,.is-edge.has-hover .btn:hover .icon-video .icon__shape path:last-child,.is-ie .btn.is-active .icon-video .icon__shape path:last-child,.is-ie .btn:active .icon-video .icon__shape path:last-child,.is-ie.has-hover .btn:active .icon-video .icon__shape path:last-child,.is-ie.has-hover .btn:focus .icon-video .icon__shape path:last-child,.is-ie.has-hover .btn:hover .icon-video .icon__shape path:last-child {
  opacity: 1;
}

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

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

.icon-arrow-back {
  margin: 0 41px 0 0;
}

.icon-arrow-back .icon-arrow-head {
  left: 16px;
  transform-origin: 50% 50%;
  transform: rotate(180deg);
}

.icon-arrow-back:before {
  left: auto;
  right: -40px;
}

.icon-arrow-down {
  margin: 0;
}

.icon-arrow-down .icon-arrow-head {
  top: 17px;
  left: 18px;
  transform: rotate(90deg);
  transform-origin: 3px 4px;
}

.icon-arrow-down:before {
  content: "";
  position: absolute;
  left: 20px;
  top: -39px;
  width: 0;
  height: 57px;
  border-top: 0;
  border-left: 1px solid currentColor;
  transform-origin: 0 100%;
}

.btn .icon-arrow-down .icon-arrow-head,.btn .icon-arrow-down .icon__shape,.btn .icon-arrow-down:before {
  opacity: 0;
}

.btn.is-visible .icon-arrow-down {
  -webkit-animation: bounce 2s;
  animation: bounce 2s;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}

.btn.is-visible .icon-arrow-down .icon-arrow-head {
  -webkit-animation: arrow-down-head-appear;
  animation: arrow-down-head-appear;
}

.btn.is-visible .icon-arrow-down .icon__shape {
  -webkit-animation: arrow-down-shape-appear;
  animation: arrow-down-shape-appear;
}

.btn.is-visible .icon-arrow-down:before {
  -webkit-animation: arrow-down-line-appear;
  animation: arrow-down-line-appear;
}

.btn.is-visible .icon-arrow-down .icon-arrow-head,.btn.is-visible .icon-arrow-down .icon__shape,.btn.is-visible .icon-arrow-down:before {
  opacity: 1;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

@-webkit-keyframes arrow-down-head-appear {
  0% {
    transform: rotate(90deg) scale(.5);
  }

  66.666%,to {
    transform: rotate(90deg);
  }
}

@keyframes arrow-down-head-appear {
  0% {
    transform: rotate(90deg) scale(.5);
  }

  66.666%,to {
    transform: rotate(90deg);
  }
}

@-webkit-keyframes arrow-down-shape-appear {
  0% {
    transform: rotate(45deg) scale(0);
  }

  66.666%,to {
    transform: rotate(45deg) scale(.88);
  }
}

@keyframes arrow-down-shape-appear {
  0% {
    transform: rotate(45deg) scale(0);
  }

  66.666%,to {
    transform: rotate(45deg) scale(.88);
  }
}

@-webkit-keyframes arrow-down-line-appear {
  0%,33.333% {
    transform: scaleY(0);
  }

  to {
    transform: scaleY(1);
  }
}

@keyframes arrow-down-line-appear {
  0%,33.333% {
    transform: scaleY(0);
  }

  to {
    transform: scaleY(1);
  }
}

@-webkit-keyframes bounce {
  0%,20%,50%,80%,to {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%,20%,50%,80%,to {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

.icon-dot {
  position: relative;
  width: 41px;
  height: 41px;
  pointer-events: none;
}

.icon-dot:before {
  content: "";
  position: absolute;
  left: 18px;
  top: 18px;
  width: 5px;
  height: 5px;
  background: currentColor;
  transform: rotate(45deg) scale(.7);
}

.icon-dot:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid currentColor;
  transition-property: transform;
  transform: rotate(45deg) scale(.88);
}

.btn.is-active .icon-dot:after,.btn:active .icon-dot:after,.has-hover .btn:active .icon-dot:after,.has-hover .btn:focus .icon-dot:after,.has-hover .btn:hover .icon-dot:after {
  transform: rotate(0deg) scale(1);
}

.btn--vertical .icon-dot:not(:last-child) {
  margin-bottom: 3.1rem;
}

.icon-submit {
  position: relative;
  width: 70px;
  height: 70px;
  margin: 0 0 0 41px;
  pointer-events: none;
}

.icon-submit .icon-arrow-head {
  position: absolute;
  top: 31px;
  left: 33px;
  margin: 0!important;
}

.icon-submit:before {
  content: "";
  position: absolute;
  left: -50px;
  top: 35px;
  width: 83px;
  border-top: 1px solid currentColor;
}

.icon-submit i:after,.icon-submit i:before {
  content: "";
  border: 1px solid currentColor;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) rotate(45deg) scale(.97);
}

.icon-submit i:before {
  width: 52px;
  height: 52px;
}

.icon-submit i:after {
  width: 70px;
  height: 70px;
  opacity: .1;
}

.icon-submit--lg {
  height: 90px;
  width: 90px;
}

.icon-submit--lg .icon-arrow-head {
  top: 40px;
  left: 43px;
}

.icon-submit--lg:before {
  top: 44px;
  left: -39px;
}

.icon-submit--lg i:before {
  width: 68px;
  height: 68px;
}

.icon-submit--lg i:after {
  width: 90px;
  height: 90px;
}

.btn .icon-submit:not(:last-child) {
  margin-right: 22px;
}

.btn .icon-submit i:after,.btn .icon-submit i:before {
  transition-property: transform;
}

.btn.is-active .icon-submit i:after,.btn.is-active .icon-submit i:before,.btn:active .icon-submit i:after,.btn:active .icon-submit i:before,.has-hover .btn:active .icon-submit i:after,.has-hover .btn:active .icon-submit i:before,.has-hover .btn:focus .icon-submit i:after,.has-hover .btn:focus .icon-submit i:before,.has-hover .btn:hover .icon-submit i:after,.has-hover .btn:hover .icon-submit i:before {
  transform: translate(-50%,-50%) rotate(0deg) scale(1);
}

.btn--vertical .icon-submit {
  margin-left: 0;
}

.btn--vertical .icon-submit:not(:last-child) {
  margin-right: 0;
  margin-bottom: 23px;
}

.icon-photos,.icon-views {
  width: 36px;
  height: 36px;
  opacity: .8;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .icon-photos,.icon-views {
    width: 67px;
    height: 67px;
  }
}

.icon-photos-small,.icon-views-small {
  width: 28px;
  height: 28px;
  opacity: .8;
}

.btn .icon-photos,.btn .icon-views {
  transition-property: transform,opacity;
}

.btn.is-active .icon-photos,.btn.is-active .icon-views,.btn:active .icon-photos,.btn:active .icon-views,.has-hover .btn:active .icon-photos,.has-hover .btn:active .icon-views,.has-hover .btn:focus .icon-photos,.has-hover .btn:focus .icon-views,.has-hover .btn:hover .icon-photos,.has-hover .btn:hover .icon-views {
  transform: scale(1.127);
  opacity: 1;
}

.icon-views,.icon-views-small {
  background: url(../images/apartments/icon-views.png) 50% 50%;
  background-size: cover;
}

.icon-photos,.icon-photos-small {
  background: url(../images/apartments/icon-photos.png) 50% 50%;
  background-size: cover;
}

.form-label {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 0 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #231d1c;
  text-transform: uppercase;
  opacity: .7;
}

input[disabled]+.form-label,select[disabled]+.form-label,textarea[disabled]+.form-label {
  opacity: .5;
}

.ui-dark .form-label {
  color: #fff;
}

.form-control--float .form-label {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  transform-origin: 0 0;
  transition-property: transform,color,opacity;
}

.form-control--float.is-focused .form-label,.form-control--float.is-not-empty .form-label {
  color: #c0845e;
  transform: translateY(-20px) scale(.75);
  opacity: 1;
}

.form-group.has-error .form-label {
  color: #da3c21;
}

.form-label--small.text--color-primary {
  color: #c0845e;
}

.form-label--select {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: -17px;
}

.form-group {
  margin-top: 30px;
  margin-bottom: 30px;
}

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

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

.form-footer {
  margin-top: 44px;
  margin-bottom: 44px;
}

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

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

@media screen and (min-width:1280px) and (min-height:800px) {
  .form-footer {
    margin-top: 78px;
    margin-bottom: 78px;
  }

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

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

.form-footer {
  text-align: right;
}

div.error,label.error {
  display: block;
  position: relative;
  margin-top: 0;
  z-index: 4;
  border-radius: 4px;
  padding: 9px 0 6px;
  max-width: 100%;
  margin-right: -1000px;
  color: #da3c21;
}

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

.form-success:first-child {
  margin-top: 0;
}

.form-success:last-child {
  margin-bottom: 0;
}

.form-control {
  position: relative;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-control--input input,.form-control--select select,.form-control--textarea textarea {
  width: 100%;
  min-height: 40px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(35,29,28,.2);
  border-radius: 0;
  background: transparent;
  color: #231d1c;
  outline: none;
  vertical-align: middle;
  transition-property: color,border-color,box-shadow;
}

.no-hover .form-control--input input,.no-hover .form-control--select select,.no-hover .form-control--textarea textarea {
  -webkit-appearance: none;
}

.form-control--input input[readonly],.form-control--select select[readonly],.form-control--textarea textarea[readonly] {
  pointer-events: none;
  box-shadow: none;
  border-color: rgba(35,29,28,.2);
}

.form-control--input input::-webkit-input-placeholder,.form-control--select select::-webkit-input-placeholder,.form-control--textarea textarea::-webkit-input-placeholder {
  color: rgba(35,29,28,.7);
}

.form-control--input input::-moz-placeholder,.form-control--select select::-moz-placeholder,.form-control--textarea textarea::-moz-placeholder {
  color: rgba(35,29,28,.7);
}

.form-control--input input:-ms-input-placeholder,.form-control--select select:-ms-input-placeholder,.form-control--textarea textarea:-ms-input-placeholder {
  color: rgba(35,29,28,.7);
}

.form-control--input input:invalid,.form-control--select select:invalid,.form-control--textarea textarea:invalid {
  box-shadow: none;
}

.form-control--input input:hover,.form-control--select select:hover,.form-control--textarea textarea:hover {
  border-color: rgba(35,29,28,.4);
}

.form-control--input input[disabled],.form-control--select select[disabled],.form-control--textarea textarea[disabled] {
  opacity: .5;
  pointer-events: none;
}

.form-control--input input::-ms-clear,.form-control--select select::-ms-clear,.form-control--textarea textarea::-ms-clear {
  display: none;
}

.ui-dark .form-control--input input,.ui-dark .form-control--select select,.ui-dark .form-control--textarea textarea {
  border-bottom-color: hsla(0,0%,100%,.2);
  color: #fff;
}

.ui-dark .form-control--input input[readonly],.ui-dark .form-control--select select[readonly],.ui-dark .form-control--textarea textarea[readonly] {
  border-color: hsla(0,0%,100%,.2);
}

.ui-dark .form-control--input input::-webkit-input-placeholder,.ui-dark .form-control--select select::-webkit-input-placeholder,.ui-dark .form-control--textarea textarea::-webkit-input-placeholder {
  color: hsla(0,0%,100%,.7);
}

.ui-dark .form-control--input input::-moz-placeholder,.ui-dark .form-control--select select::-moz-placeholder,.ui-dark .form-control--textarea textarea::-moz-placeholder {
  color: hsla(0,0%,100%,.7);
}

.ui-dark .form-control--input input:-ms-input-placeholder,.ui-dark .form-control--select select:-ms-input-placeholder,.ui-dark .form-control--textarea textarea:-ms-input-placeholder {
  color: hsla(0,0%,100%,.7);
}

.ui-dark .form-control--input input:hover,.ui-dark .form-control--select select:hover,.ui-dark .form-control--textarea textarea:hover {
  border-color: hsla(0,0%,100%,.4);
}

.form-control--input.is-not-empty input,.form-control--select.is-not-empty select,.form-control--textarea.is-not-empty textarea {
  border-color: rgba(35,29,28,.4);
}

.ui-dark .form-control--input.is-not-empty input,.ui-dark .form-control--select.is-not-empty select,.ui-dark .form-control--textarea.is-not-empty textarea {
  border-color: hsla(0,0%,100%,.4);
}

.form-control--input input:focus,.form-control--select select:focus,.form-control--textarea textarea:focus,.ui-dark .form-control--input input:focus,.ui-dark .form-control--select select:focus,.ui-dark .form-control--textarea textarea:focus {
  border-color: #c0845e;
}

.form-control--input .form-control--error,.form-control--select .form-control--error,.form-control--textarea .form-control--error {
  border-color: #da3c21;
}

.form-control--textarea textarea {
  min-height: 120px;
  resize: vertical;
}

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

.form-control-checkbox {
  padding-top: 1rem;
  padding-bottom: .9rem;
  display: flex;
  align-items: flex-start;
}

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

.form-control-checkbox__icon {
  position: relative;
  background-color: transparent;
  top: -1px;
  border: 1px solid #c0845e;
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  cursor: pointer;
}

.form-control-checkbox__icon:before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 4px;
  top: 4px;
  background: #c0845e;
  transition-duration: .2s;
  transition-property: opacity;
  opacity: 0;
}

.form-control-checkbox__label {
  padding: 4px 0 0 19px;
  cursor: pointer;
}

.form-control-checkbox__label .btn {
  margin-top: 4px;
}

.form-control-checkbox label.error {
  position: absolute;
  left: 43px;
  bottom: -24px;
}

.form-control-checkbox small {
  color: rgba(35,29,28,.7);
  font-size: inherit;
  line-height: inherit;
}

.ui-dark .form-control-checkbox small {
  color: hsla(0,0%,100%,.7);
}

.form-control-checkbox a {
  position: relative;
  z-index: 1;
}

input:checked~.form-control-checkbox__icon:before {
  opacity: 1;
}

.form-control--range {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.form-control--range input {
  width: 100%;
}

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

.noUi-target {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 12px 0;
}

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

.noUi-connects {
  z-index: 0;
}

.noUi-connect,.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: 0 0;
}

.noUi-connect:before {
  content: "";
  position: absolute;
  left: 0;
  top: -20px;
  right: 0;
  bottom: -20px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  position: absolute;
  outline: none;
}

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
  transition: transform .3s;
}

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

.noUi-horizontal {
  height: 1px;
}

.noUi-horizontal .noUi-handle {
  width: 40px;
  height: 40px;
  left: -15px;
  top: -20px;
}

.noUi-horizontal .noUi-handle-lower {
  left: -26px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -15px;
  left: auto;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle-lower {
  right: -26px;
}

.noUi-target {
  background: rgba(35,29,28,.2);
}

.noUi-connect {
  background: #c0845e;
}

.noUi-draggable,.noUi-handle {
  cursor: ew-resize;
}

.noUi-handle:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 16px;
  width: 9px;
  height: 9px;
  background: #c0845e;
  transform: rotate(45deg);
}

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

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

.noUi-tooltip {
  display: block;
  position: absolute;
  color: #231d1c;
  text-align: center;
  white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

.noUi-rtl .noUi-value-horizontal {
  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;
}

.nice-select {
  display: inline-block;
  position: relative;
  height: 40px;
  padding-left: 15px;
  padding-right: 32px;
  color: #231d1c;
  font-weight: 500;
  line-height: 40px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.nice-select:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 17px;
  pointer-events: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 3px 0;
  border-color: currentColor transparent transparent;
  transition-property: transform;
}

.nice-select.open:after {
  transform: rotate(-180deg);
}

.nice-select.open>.list {
  pointer-events: auto;
  transform: translateY(0);
  opacity: 1;
}

.nice-select.open>.list .baron__bar {
  pointer-events: auto;
}

.nice-select.disabled {
  opacity: .5;
  pointer-events: none;
}

.nice-select .current input {
  background: none;
  border: 0;
  font-weight: 500;
  line-height: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
}

.nice-select .list {
  background-color: #fbfbf8;
  box-shadow: 0 10px 30px rgba(192,132,94,.08);
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  text-align: left;
  transition-duration: .2s;
  transition-property: transform opacity;
  transform: translateY(-20px);
  opacity: 0;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent!important;
}

.nice-select .list .baron__bar {
  pointer-events: none;
}

.nice-select .option {
  cursor: pointer;
  outline: none;
  color: #231d1c;
  line-height: 40px;
  min-height: 40px;
  padding-left: 15px;
  padding-right: 32px;
  transition-duration: .2s;
  transition-property: background-color,color;
}

.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover {
  background-color: #fff;
}

.nice-select .option.focus,.nice-select .option.selected,.nice-select .option:hover {
  color: #c0845e;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #231d1c;
  opacity: .5;
  cursor: default;
}

.ui-dark .nice-select {
  color: #fff;
}

.form-control-select--full {
  display: block;
}

select.form-control-select--full {
  width: 100%;
}

select.form-control-select {
  -webkit-appearance: button;
  height: 40px;
  padding-left: 15px;
  padding-right: 25px;
  border: 0;
  background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5'%3E%3Cpath fill='%23333' d='M2.5 5L0 0h5L2.5 5'/%3E%3C/svg%3E") no-repeat right 16px top 17px;
  border-radius: 0;
  font-weight: 500;
  line-height: 42px;
}

.form-control-select--large {
  padding-left: 0;
  padding-right: 0;
}

.form-control-select--large .current {
  display: block;
  padding-right: 20px;
  border-bottom: 1px solid currentColor;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 1.27273em;
  transition-property: border-color;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .form-control-select--large .current {
    font-size: 2.8rem;
    line-height: 1.14286em;
  }
}

.form-control-select--large:after {
  top: 11px;
  right: 1px;
}

.form-control-select--large.open .current {
  border-color: transparent;
}

.form-control-select--large .list {
  text-align: center;
  padding-bottom: 10px;
}

.block-main {
  margin-top: 18.75vw;
  margin-bottom: 18.75vw;
}

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

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

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-main {
    margin-top: 270px;
    margin-bottom: 270px;
  }

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

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

.block-main-top {
  margin-top: 18.75vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-main-top {
    margin-top: 270px;
  }
}

.block-main-bottom {
  margin-bottom: 18.75vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-main-bottom {
    margin-bottom: 270px;
  }
}

.block-h1 {
  margin-top: 6.94444vw;
  margin-bottom: 6.94444vw;
}

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

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

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-h1 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

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

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

.block-h1-top {
  margin-top: 6.94444vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-h1-top {
    margin-top: 100px;
  }
}

.block-h1-bottom {
  margin-bottom: 6.94444vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-h1-bottom {
    margin-bottom: 100px;
  }
}

.block-h2 {
  margin-top: 12.15278vw;
  margin-bottom: 12.15278vw;
}

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

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

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-h2 {
    margin-top: 175px;
    margin-bottom: 175px;
  }

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

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

.block-h2-top {
  margin-top: 12.15278vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-h2-top {
    margin-top: 175px;
  }
}

.block-h2-bottom {
  margin-bottom: 12.15278vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-h2-bottom {
    margin-bottom: 175px;
  }
}

.block-h4 {
  margin-top: 3.47222vw;
  margin-bottom: 3.47222vw;
}

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

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

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-h4 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

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

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

.block-h4-top {
  margin-top: 3.47222vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-h4-top {
    margin-top: 50px;
  }
}

.block-h4-bottom {
  margin-bottom: 3.47222vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-h4-bottom {
    margin-bottom: 50px;
  }
}

.block-h5 {
  margin-top: 2.29167vw;
  margin-bottom: 2.29167vw;
}

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

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

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-h5 {
    margin-top: 33px;
    margin-bottom: 33px;
  }

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

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

.block-h5-top {
  margin-top: 2.29167vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-h5-top {
    margin-top: 33px;
  }
}

.block-h5-bottom {
  margin-bottom: 2.29167vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-h5-bottom {
    margin-bottom: 33px;
  }
}

.block-large {
  margin-top: 17.36111vw;
  margin-bottom: 17.36111vw;
}

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

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

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-large {
    margin-top: 250px;
    margin-bottom: 250px;
  }

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

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

.block-large-top {
  margin-top: 17.36111vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-large-top {
    margin-top: 250px;
  }
}

.block-large-bottom {
  margin-bottom: 17.36111vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-large-bottom {
    margin-bottom: 250px;
  }
}

.block-medium {
  margin-top: 10.41667vw;
  margin-bottom: 10.41667vw;
}

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

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

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-medium {
    margin-top: 150px;
    margin-bottom: 150px;
  }

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

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

.block-medium-top {
  margin-top: 10.41667vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-medium-top {
    margin-top: 150px;
  }
}

.block-medium-bottom {
  margin-bottom: 10.41667vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-medium-bottom {
    margin-bottom: 150px;
  }
}

.block-small {
  margin-top: 8.33333vw;
  margin-bottom: 8.33333vw;
}

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

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

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-small {
    margin-top: 120px;
    margin-bottom: 120px;
  }

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

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

.block-small-top {
  margin-top: 8.33333vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-small-top {
    margin-top: 120px;
  }
}

.block-small-bottom {
  margin-bottom: 8.33333vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-small-bottom {
    margin-bottom: 120px;
  }
}

.block-smaller {
  margin-top: 5.20833vw;
  margin-bottom: 5.20833vw;
}

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

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

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-smaller {
    margin-top: 75px;
    margin-bottom: 75px;
  }

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

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

.block-smaller-top {
  margin-top: 5.20833vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-smaller-top {
    margin-top: 75px;
  }
}

.block-smaller-bottom {
  margin-bottom: 5.20833vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-smaller-bottom {
    margin-bottom: 75px;
  }
}

.block-none {
  margin-bottom: 0;
}

.block-none,.block-none:first-child {
  margin-top: 0;
}

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

.block-none-top {
  margin-top: 0;
}

.block-none-bottom {
  margin-bottom: 0;
}

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

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

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

.block-text-top {
  margin-top: 2rem;
}

.block-text-bottom {
  margin-bottom: 2rem;
}

.block-text-large {
  margin-top: 3.47222vw;
  margin-bottom: 4.16667vw;
}

.block-text-large:first-child {
  margin-top: 0;
}

.block-text-large:last-child {
  margin-bottom: 0;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-text-large {
    margin-top: 50px;
    margin-bottom: 60px;
  }

  .block-text-large:first-child {
    margin-top: 0;
  }

  .block-text-large:last-child {
    margin-bottom: 0;
  }
}

.block-text-large-top {
  margin-top: 3.47222vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-text-large-top {
    margin-top: 50px;
  }
}

.block-text-large-bottom {
  margin-bottom: 4.16667vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-text-large-bottom {
    margin-bottom: 60px;
  }
}

.block-footer {
  margin-top: 10.41667vw;
  margin-bottom: 10.41667vw;
}

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

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

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-footer {
    margin-top: 150px;
    margin-bottom: 150px;
  }

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

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

.block-footer-top {
  margin-top: 10.41667vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-footer-top {
    margin-top: 150px;
  }
}

.block-footer-bottom {
  margin-bottom: 10.41667vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .block-footer-bottom {
    margin-bottom: 150px;
  }
}

.animation--appear-text,.animation--appear-text span,.animation--fade-in,.animation--fade-out,.animation--height,.animation--menu-in,.animation--menu-out,.animation--scale-in,.animation--scale-out,.animation--stroke {
  pointer-events: none;
}

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

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

.animation--appear-text {
  transition-property: border-color;
}

.animation--appear-text i {
  display: block;
  font-style: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
}

.animation--appear-text span {
  letter-spacing: inherit;
  transition-property: opacity;
  will-change: opacity;
}

.animation--appear-text--inactive span {
  opacity: 0;
}

.animation--scale-in,.animation--scale-out {
  will-change: transform;
}

.animation--scale-in--inactive,.animation--scale-out--active {
  transform: scale(.9);
}

.animation--height {
  transition-property: height,opacity;
  will-change: height,opacity;
  overflow: hidden;
}

.animation-visible {
  -webkit-animation: animation-visible .1ms;
  animation: animation-visible .1ms;
}

@-webkit-keyframes animation-visible {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes animation-visible {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animation--stroke {
  transition-property: stroke-dashoffset;
  transition-timing-function: linear;
  will-change: stroke-dashoffset;
}

.is-edge .animation--stroke,.is-ie .animation--stroke {
  stroke-dashoffset: 0px!important;
  transition-property: opacity;
  will-change: opacity;
  opacity: 0;
}

.animation--stroke--active {
  stroke-dashoffset: 0px!important;
}

.is-edge .animation--stroke--active,.is-ie .animation--stroke--active {
  opacity: 1;
}

.background,.background img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  font-family: "object-fit: cover; object-position: 50% 50%";
}

.background--image-top,.background--image-top img,.background--top,.background--top img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 0;
  object-position: 50% 0;
  font-family: "object-fit: cover; object-position: 50% 0%";
}

.background--center {
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.background--fill-height {
  height: 100%;
}

.background--parallax {
  overflow: hidden;
}

.background--parallax img {
  top: auto;
  bottom: 0;
  height: 106%;
}

.background--parallax.background--fill-width img {
  top: 0;
  bottom: auto;
}

.background--parallax.background--top {
  overflow: hidden;
  padding-bottom: 6%;
}

.background--parallax.background--top img {
  top: 0;
  bottom: auto;
  position: relative;
  margin-top: -5.2%;
}

.background--parallax.background--intro img {
  top: 0;
  bottom: auto;
}

.background--fill-width {
  overflow: visible;
}

.background--fill-width,.background--fill-width img {
  height: auto;
  bottom: auto;
}

.background--fill-width img {
  position: static;
  display: block;
}

.background--fill-width.background--bottom {
  top: auto;
  bottom: 0;
  max-height: 100%;
}

.background-star {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  fill: none;
  stroke: #fff;
  stroke-width: 1px;
  fill-rule: evenodd;
}

.background-star--horizontal {
  width: 100vw;
  height: auto;
}

.background-star-1 {
  opacity: .5;
}

.ui-dark .background-star-1 {
  opacity: .06;
}

.background-star-2 {
  opacity: .08;
  stroke-width: .05px;
  stroke-linejoin: bevel;
  width: 130vw;
}

.background-star-3 {
  opacity: .06;
}

.background-star-4 {
  opacity: .3;
}

.background-star-6 {
  opacity: .16;
}

.background-star-7 {
  opacity: .15;
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: bevel;
}

.background-star-8 {
  opacity: .06;
  width: 100vw;
  height: auto;
  transform: translate(-50%,-43%);
}

.image {
  position: absolute;
}

.image,.image img {
  display: block;
}

.image--v-t-4 {
  top: 0;
  margin-top: -33.33333vw;
}

.image--v-t-3 {
  top: 0;
  margin-top: -25vw;
}

.image--v-t-2 {
  top: 0;
  margin-top: -17.36111vw;
}

.image--v-b-2 {
  bottom: 0;
  margin-bottom: -17.36111vw;
}

.image--v-b-3 {
  bottom: 0;
  margin-bottom: -25vw;
}

.image--v-t-1 {
  top: 0;
  margin-top: -8.33333vw;
}

.image--v-b-1 {
  bottom: 0;
  margin-bottom: -8.33333vw;
}

.image--v-b {
  bottom: 0;
}

.image--v-t {
  top: 0;
}

.image--v-t-01 {
  top: 0;
  margin-top: 8.33333vw;
}

.image--v-t-02 {
  top: 0;
  margin-top: 22.22222vw;
}

.image--v-t-03 {
  top: 0;
  margin-top: 25vw;
}

.image--h-l,.image--h-l-1 {
  left: 0;
}

.relative .image--h-l,.relative .image--h-l-1 {
  left: -65px;
}

.image--h-l-01 {
  left: 8.33333vw;
}

.image--h-l-2 {
  left: -180px;
}

.image--h-r,.image--h-r-1 {
  right: 0;
}

.relative .image--h-r,.relative .image--h-r-1 {
  right: -65px;
}

.image--h-r-01 {
  right: 8.33333vw;
}

.image--h-r-02 {
  right: 16.66667vw;
}

.image--h-cl,.image--h-cl-1 {
  right: 50%;
}

.image--h-cr {
  left: 50%;
}

.image--above {
  z-index: 1;
}

@media screen and (min-width:980px) {
  .relative .image--h-l,.relative .image--h-l-1 {
    left: -80px;
  }

  .image--h-l-2 {
    left: -120px;
  }

  .relative .image--h-r,.relative .image--h-r-1 {
    right: -80px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .image--v-t-4 {
    margin-top: -480px;
  }

  .image--v-t-3 {
    margin-top: -360px;
  }

  .image--v-t-2 {
    margin-top: -250px;
  }

  .image--v-b-2 {
    margin-bottom: -250px;
  }

  .image--v-b-3 {
    margin-bottom: -360px;
  }

  .image--v-t-1 {
    margin-top: -120px;
  }

  .image--v-b-1 {
    margin-bottom: -120px;
  }

  .image--v-t-01 {
    margin-top: 120px;
  }

  .image--v-t-02 {
    margin-top: 320px;
  }

  .image--v-t-03 {
    margin-top: 360px;
  }

  .image--h-l-1,.relative .image--h-l {
    left: -120px;
  }

  .relative .image--h-l-1 {
    left: -240px;
  }

  .image--h-l-01 {
    left: 120px;
  }

  .image--h-r-1,.relative .image--h-r {
    right: -120px;
  }

  .relative .image--h-r-1 {
    right: -240px;
  }

  .image--h-r-01 {
    right: 120px;
  }

  .image--h-r-02 {
    right: 240px;
  }

  .image--h-cl-1 {
    right: auto;
    left: -120px;
  }
}

.image--relative {
  position: relative;
}

.image--relative.image--h-l,.image--relative.image--h-l-1 {
  margin-right: auto;
  left: -65px;
}

.image--relative.image--h-l-0 {
  margin-right: auto;
  left: 0;
}

.image--relative.image--h-r,.image--relative.image--h-r-1 {
  margin-left: auto;
  right: -65px;
}

.image--relative.image--h-r-0 {
  margin-left: auto;
  right: 0;
}

.image--relative.image--h-c {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width:980px) {
  .image--relative.image--h-l,.image--relative.image--h-l-1 {
    left: -80px;
  }

  .image--relative.image--h-r,.image--relative.image--h-r-1 {
    right: -80px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .image--relative.image--h-l {
    left: -120px;
  }

  .image--relative.image--h-l-1 {
    left: -240px;
  }

  .image--relative.image--h-r {
    right: -120px;
  }

  .image--relative.image--h-r-1 {
    right: -240px;
  }
}

div.image--relative.image--h-r {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.image--top {
  z-index: 1;
}

.image-section {
  height: 41.66667vw;
  position: relative;
}

.image-section--large,.image-section--medium {
  height: 48.61111vw;
}

.image-section--xlarge {
  height: 62.5vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .image-section {
    height: 600px;
  }

  .image-section--medium {
    height: 700px;
  }

  .image-section--large {
    height: 800px;
  }

  .image-section--xlarge {
    height: 900px;
  }
}

.container-h-header,.container-h-large,.container-h-login,.container-h-medium,.container-h-menu,.container-h-menu-footer,.container-h-small,.container-h-smaller,.container-v-footer,.container-v-intro,.container-v-intro-large,.container-v-intro-slide,.container-v-intro-small,.container-v-large,.container-v-main,.container-v-medium,.container-v-small {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
}

.container-h-header:after,.container-h-header:before,.container-h-large:after,.container-h-large:before,.container-h-login:after,.container-h-login:before,.container-h-medium:after,.container-h-medium:before,.container-h-menu-footer:after,.container-h-menu-footer:before,.container-h-menu:after,.container-h-menu:before,.container-h-small:after,.container-h-small:before,.container-h-smaller:after,.container-h-smaller:before,.container-v-footer:after,.container-v-footer:before,.container-v-intro-large:after,.container-v-intro-large:before,.container-v-intro-slide:after,.container-v-intro-slide:before,.container-v-intro-small:after,.container-v-intro-small:before,.container-v-intro:after,.container-v-intro:before,.container-v-large:after,.container-v-large:before,.container-v-main:after,.container-v-main:before,.container-v-medium:after,.container-v-medium:before,.container-v-small:after,.container-v-small:before {
  content: " ";
  display: table;
}

.container-h-large {
  max-width: 1440px;
  padding: 0 65px;
}

@media screen and (min-width:980px) {
  .container-h-large {
    padding: 0 80px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-h-large {
    padding: 0 120px;
  }
}

.container-h-header {
  padding-right: 25px;
  padding-left: 25px;
}

@media screen and (min-width:980px) {
  .container-h-header {
    padding-right: 30px;
    padding-left: 40px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-h-header {
    padding-right: 47px;
    padding-left: 55px;
  }
}

.container-h-menu {
  max-width: 1440px;
  padding-right: 35px;
  padding-left: 130px;
}

@media screen and (min-width:980px) {
  .container-h-menu {
    padding-right: 40px;
    padding-left: 260px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-h-menu {
    padding-right: 120px;
    padding-left: 340px;
  }
}

.container-h-menu-footer {
  padding-right: 25px;
  padding-left: 130px;
}

@media screen and (min-width:980px) {
  .container-h-menu-footer {
    padding-right: 30px;
    padding-left: 260px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-h-menu-footer {
    padding-right: 47px;
    padding-left: 340px;
  }
}

.container-h-small {
  max-width: 960px;
  padding: 0 65px;
}

@media screen and (min-width:980px) {
  .container-h-small {
    padding: 0 80px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-h-small {
    padding: 0 120px;
  }
}

.container-h-smaller {
  max-width: 730px;
  padding: 0 65px;
}

@media screen and (min-width:980px) {
  .container-h-smaller {
    max-width: 760px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-h-smaller {
    max-width: 840px;
  }
}

@media screen and (min-width:980px) {
  .container-h-smaller {
    padding: 0 80px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-h-smaller {
    padding: 0 120px;
  }
}

.container-h-medium {
  max-width: 1198px;
  padding: 0 65px;
}

@media screen and (min-width:980px) {
  .container-h-medium {
    padding: 0 80px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-h-medium {
    padding: 0 120px;
  }
}

.container-h-login {
  max-width: 490px;
  padding: 0 65px;
}

@media screen and (min-width:980px) {
  .container-h-login {
    max-width: 520px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-h-login {
    max-width: 600px;
  }
}

@media screen and (min-width:980px) {
  .container-h-login {
    padding: 0 80px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-h-login {
    padding: 0 120px;
  }
}

.container-v-intro {
  padding-top: 22.22222vw;
  padding-bottom: 22.22222vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-v-intro {
    padding-top: 320px;
    padding-bottom: 320px;
  }
}

.container-v-intro-small {
  padding-top: 6.94444vw;
  padding-bottom: 6.94444vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-v-intro-small {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.container-v-intro-large {
  padding-top: 27.77778vw;
  padding-bottom: 13.88889vw;
}

@media screen and (min-width:980px) {
  .container-v-intro-large {
    padding-top: 22.22222vw;
    padding-bottom: 11.11111vw;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-v-intro-large {
    padding-top: 320px;
    padding-bottom: 320px;
  }
}

.container-v-intro-slide {
  padding-top: 31.94444vw;
  padding-bottom: 24.30556vw;
}

@media screen and (min-width:980px) {
  .container-v-intro-slide {
    padding-top: 15.27778vw;
    padding-bottom: 18.05556vw;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-v-intro-slide {
    padding-top: 320px;
    padding-bottom: 320px;
  }
}

.container-v-main {
  padding-top: 18.75vw;
  padding-bottom: 18.75vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-v-main {
    padding-top: 270px;
    padding-bottom: 270px;
  }
}

.container-v-small {
  padding-top: 8.33333vw;
  padding-bottom: 8.33333vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-v-small {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

.container-v-medium {
  padding-top: 8.33333vw;
  padding-bottom: 8.33333vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-v-medium {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

.container-v-large {
  padding-top: 17.36111vw;
  padding-bottom: 17.36111vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-v-large {
    padding-top: 250px;
    padding-bottom: 250px;
  }
}

.container-v-footer {
  padding-top: 10.41667vw;
  padding-bottom: 10.41667vw;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .container-v-footer {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

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

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

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

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

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

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

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

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xs-1{max-width: 10%;
  }
}}

.offset--xs-1 {
  margin-left: 10%;
}

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

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

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

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xs-2{max-width: 20%;
  }
}}

.offset--xs-2 {
  margin-left: 20%;
}

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

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

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

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xs-3{max-width: 30%;
  }
}}

.offset--xs-3 {
  margin-left: 30%;
}

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

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

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

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xs-4{max-width: 40%;
  }
}}

.offset--xs-4 {
  margin-left: 40%;
}

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

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

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

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xs-5{max-width: 50%;
  }
}}

.offset--xs-5 {
  margin-left: 50%;
}

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

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

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

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xs-6{max-width: 60%;
  }
}}

.offset--xs-6 {
  margin-left: 60%;
}

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

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

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

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xs-7{max-width: 70%;
  }
}}

.offset--xs-7 {
  margin-left: 70%;
}

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

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

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

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xs-8{max-width: 80%;
  }
}}

.offset--xs-8 {
  margin-left: 80%;
}

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

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

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

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xs-9{max-width: 90%;
  }
}}

.offset--xs-9 {
  margin-left: 90%;
}

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

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

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

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xs-10{max-width: 100%;
  }
}}

.offset--xs-10 {
  margin-left: 100%;
}

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

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

.col--xs-auto,.col--xs-auto x:-moz-any-link {
  max-width: none;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xs-auto{max-width: none;
  }
}}

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

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

.col--xs-fit,.col--xs-fit x:-moz-any-link {
  max-width: none;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xs-fit{max-width: none;
  }
}}

@media screen and (min-width:980px) {
  .col--lg-1 {
    flex: 0 1 10%;
    width: 10%;
  }

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

  .col--lg-1,.col--lg-1 x:-moz-any-link {
    max-width: 10%;
  }@  -moz-document url-prefix() {
    @supports ((-webkit-animation: calc(0s)) or (animation:calc(0s))){.col--lg-1{max-width:10%;
  }
}}

.offset--lg-1 {
  margin-left: 10%;
}

.col--lg-2 {
  flex: 0 1 20%;
  width: 20%;
}

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

.col--lg-2,.col--lg-2 x:-moz-any-link {
  max-width: 20%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--lg-2{max-width: 20%;
  }
}}

.offset--lg-2 {
  margin-left: 20%;
}

.col--lg-3 {
  flex: 0 1 30%;
  width: 30%;
}

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

.col--lg-3,.col--lg-3 x:-moz-any-link {
  max-width: 30%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--lg-3{max-width: 30%;
  }
}}

.offset--lg-3 {
  margin-left: 30%;
}

.col--lg-4 {
  flex: 0 1 40%;
  width: 40%;
}

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

.col--lg-4,.col--lg-4 x:-moz-any-link {
  max-width: 40%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--lg-4{max-width: 40%;
  }
}}

.offset--lg-4 {
  margin-left: 40%;
}

.col--lg-5 {
  flex: 0 1 50%;
  width: 50%;
}

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

.col--lg-5,.col--lg-5 x:-moz-any-link {
  max-width: 50%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--lg-5{max-width: 50%;
  }
}}

.offset--lg-5 {
  margin-left: 50%;
}

.col--lg-6 {
  flex: 0 1 60%;
  width: 60%;
}

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

.col--lg-6,.col--lg-6 x:-moz-any-link {
  max-width: 60%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--lg-6{max-width: 60%;
  }
}}

.offset--lg-6 {
  margin-left: 60%;
}

.col--lg-7 {
  flex: 0 1 70%;
  width: 70%;
}

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

.col--lg-7,.col--lg-7 x:-moz-any-link {
  max-width: 70%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--lg-7{max-width: 70%;
  }
}}

.offset--lg-7 {
  margin-left: 70%;
}

.col--lg-8 {
  flex: 0 1 80%;
  width: 80%;
}

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

.col--lg-8,.col--lg-8 x:-moz-any-link {
  max-width: 80%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--lg-8{max-width: 80%;
  }
}}

.offset--lg-8 {
  margin-left: 80%;
}

.col--lg-9 {
  flex: 0 1 90%;
  width: 90%;
}

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

.col--lg-9,.col--lg-9 x:-moz-any-link {
  max-width: 90%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--lg-9{max-width: 90%;
  }
}}

.offset--lg-9 {
  margin-left: 90%;
}

.col--lg-10 {
  flex: 0 1 100%;
  width: 100%;
}

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

.col--lg-10,.col--lg-10 x:-moz-any-link {
  max-width: 100%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--lg-10{max-width: 100%;
  }
}}

.offset--lg-10 {
  margin-left: 100%;
}

.col--lg-auto {
  flex: 0 0 auto;
  width: auto;
}

.col--lg-auto _:-ms-input-placeholder,:root .col--lg-auto {
  min-width: 0;
  max-width: 100%;
}

.col--lg-auto,.col--lg-auto x:-moz-any-link {
  max-width: none;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--lg-auto{max-width: none;
  }
}}

.col--lg-fit {
  flex: 1 1 auto;
  width: auto;
}

.col--lg-fit _:-ms-input-placeholder,:root .col--lg-fit {
  min-width: 0;
  max-width: 100%;
}

.col--lg-fit,.col--lg-fit x:-moz-any-link {
  max-width: none;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--lg-fit{max-width: none;
  }
}}}

@media screen and (min-width:1280px) and (min-height:800px) {
  .col--xl-1 {
    flex: 0 1 10%;
    width: 10%;
  }

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

  .col--xl-1,.col--xl-1 x:-moz-any-link {
    max-width: 10%;
  }@  -moz-document url-prefix() {
    @supports ((-webkit-animation: calc(0s)) or (animation:calc(0s))){.col--xl-1{max-width:10%;
  }
}}

.offset--xl-1 {
  margin-left: 10%;
}

.col--xl-2 {
  flex: 0 1 20%;
  width: 20%;
}

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

.col--xl-2,.col--xl-2 x:-moz-any-link {
  max-width: 20%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xl-2{max-width: 20%;
  }
}}

.offset--xl-2 {
  margin-left: 20%;
}

.col--xl-3 {
  flex: 0 1 30%;
  width: 30%;
}

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

.col--xl-3,.col--xl-3 x:-moz-any-link {
  max-width: 30%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xl-3{max-width: 30%;
  }
}}

.offset--xl-3 {
  margin-left: 30%;
}

.col--xl-4 {
  flex: 0 1 40%;
  width: 40%;
}

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

.col--xl-4,.col--xl-4 x:-moz-any-link {
  max-width: 40%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xl-4{max-width: 40%;
  }
}}

.offset--xl-4 {
  margin-left: 40%;
}

.col--xl-5 {
  flex: 0 1 50%;
  width: 50%;
}

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

.col--xl-5,.col--xl-5 x:-moz-any-link {
  max-width: 50%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xl-5{max-width: 50%;
  }
}}

.offset--xl-5 {
  margin-left: 50%;
}

.col--xl-6 {
  flex: 0 1 60%;
  width: 60%;
}

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

.col--xl-6,.col--xl-6 x:-moz-any-link {
  max-width: 60%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xl-6{max-width: 60%;
  }
}}

.offset--xl-6 {
  margin-left: 60%;
}

.col--xl-7 {
  flex: 0 1 70%;
  width: 70%;
}

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

.col--xl-7,.col--xl-7 x:-moz-any-link {
  max-width: 70%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xl-7{max-width: 70%;
  }
}}

.offset--xl-7 {
  margin-left: 70%;
}

.col--xl-8 {
  flex: 0 1 80%;
  width: 80%;
}

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

.col--xl-8,.col--xl-8 x:-moz-any-link {
  max-width: 80%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xl-8{max-width: 80%;
  }
}}

.offset--xl-8 {
  margin-left: 80%;
}

.col--xl-9 {
  flex: 0 1 90%;
  width: 90%;
}

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

.col--xl-9,.col--xl-9 x:-moz-any-link {
  max-width: 90%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xl-9{max-width: 90%;
  }
}}

.offset--xl-9 {
  margin-left: 90%;
}

.col--xl-10 {
  flex: 0 1 100%;
  width: 100%;
}

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

.col--xl-10,.col--xl-10 x:-moz-any-link {
  max-width: 100%;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xl-10{max-width: 100%;
  }
}}

.offset--xl-10 {
  margin-left: 100%;
}

.col--xl-auto {
  flex: 0 0 auto;
  width: auto;
}

.col--xl-auto _:-ms-input-placeholder,:root .col--xl-auto {
  min-width: 0;
  max-width: 100%;
}

.col--xl-auto,.col--xl-auto x:-moz-any-link {
  max-width: none;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xl-auto{max-width: none;
  }
}}

.col--xl-fit {
  flex: 1 1 auto;
  width: auto;
}

.col--xl-fit _:-ms-input-placeholder,:root .col--xl-fit {
  min-width: 0;
  max-width: 100%;
}

.col--xl-fit,.col--xl-fit x:-moz-any-link {
  max-width: none;
}

@-moz-document url-prefix() {
@  supports ((-webkit-animation:calc(0s)) or (animation:calc(0s))) {
    .col--xl-fit{max-width: none;
  }
}}}

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

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

.row--reverse {
  flex-direction: row-reverse;
}

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

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

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

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

@media (max-height:799px),screen and (max-width:1279px) {
  .is-hidden--lg-down {
    display: none!important;
  }
}

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

.is-hidden--xl-down {
  display: none!important;
}

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

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

.group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: -7px;
  margin-left: -14px;
}

.group>*,.group>:first-child {
  margin-top: 7px;
  margin-left: 14px;
  margin-bottom: 0;
}

.group--large {
  margin-top: -25px;
  margin-left: -50px;
}

.group--large>*,.group--large>:first-child {
  margin-top: 25px;
  margin-left: 50px;
  margin-bottom: 0;
}

.group--medium {
  margin-top: -18px;
  margin-left: -36px;
}

.group--medium>*,.group--medium>:first-child {
  margin-top: 18px;
  margin-left: 36px;
  margin-bottom: 0;
}

.group--none {
  margin-top: 0;
  margin-left: 0;
}

.group--none>*,.group--none>:first-child {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
}

.group--nowrap {
  flex-wrap: nowrap;
}

.group--middle {
  align-items: center;
}

.group__fill {
  flex-grow: 1;
}

.group>.group__right {
  align-self: center;
  margin-left: auto;
}

.breadcrumbs {
  color: #c0845e;
}

.breadcrumbs .icon {
  position: relative;
  top: -1px;
}

.ui-dark .breadcrumbs {
  color: #fff;
}

.loader {
  position: fixed;
  transition-property: width;
  transition-duration: .2s;
}

.loader,.loader:before {
  left: 0;
  top: 0;
  width: 100%;
}

.loader:before {
  content: "";
  position: absolute;
  height: 4px;
  background: #c0845e;
}

.loader p {
  position: absolute;
  left: 35px;
  top: 25px;
}

.nav-side {
  position: fixed;
  left: 45px;
  bottom: 78px;
  margin-top: -44px;
  width: 44px;
  overflow: hidden;
}

.nav-side__wrapper {
  display: inline-block;
}

.nav-side__list {
  padding-bottom: 100%;
  display: inline-flex;
  flex-direction: row-reverse;
  transform: translateY(100%) rotate(-90deg);
  transform-origin: 0 0;
}

.nav-side__text {
  overflow: hidden;
  transition-property: width,opacity;
}

.nav-side__text span {
  padding: 0 16px 0 37px;
  display: inline-block;
}

a:not(.is-active) .nav-side__text {
  width: 0!important;
  opacity: 0;
}

.nav-side .btn {
  transition-property: color;
}

.nav-side .icon:not(:last-child) {
  margin: 0;
}

.nav-side .icon:after,.nav-side .icon:before {
  transition-delay: .5s;
}

.nav-side .icon i {
  transition-delay: .55s;
}

.nav-side__text {
  transition-delay: .1s,0ms;
}

.nav-side .btn.is-active .icon:after,.nav-side .btn.is-active .icon:before {
  transition-delay: 0ms;
}

.nav-side .btn.is-active .icon i {
  transition-delay: .3s;
}

.nav-side .btn.is-active .nav-side__text {
  transition-delay: .1s,.7s;
}

.has-hover .nav-side .btn:hover .icon:after,.has-hover .nav-side .btn:hover .icon:before {
  transition-delay: 0ms;
}

.has-hover .nav-side .btn:hover .icon:after {
  transform: translate(-.5px,-.5px) rotate(45deg) scale(1);
}

.nav-apartments .btn {
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  height: 50px;
  transition-property: color,font-size,height,transform;
  transform: translateY(0);
  font-size: 3.6rem;
  line-height: 2.7rem;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .nav-apartments .btn {
    font-size: 4.2rem;
    line-height: 3.15rem;
  }
}

.nav-apartments .btn b {
  display: inline-block;
  width: 55px;
  font-weight: 500;
  text-align: center;
  transition-property: transform,width;
  transform: scale(.5);
}

.nav-apartments .btn small {
  font-weight: 500;
  transition-property: opacity;
  opacity: 0;
  font-size: 1.3rem;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .nav-apartments .btn small {
    font-size: 1.5rem;
  }
}

.nav-apartments__text {
  display: flex;
  align-items: center;
}

.nav-apartments .icon {
  transform: rotate(-90deg);
  transition: none;
  transition-duration: 0ms;
  transition-delay: 0ms;
  position: absolute;
  left: -2px;
  top: 50px;
}

.nav-apartments .icon:before {
  opacity: 0;
}

.nav-apartments .icon i {
  transform-origin: 100% 0;
}

.nav-apartments .icon+span {
  text-align: center;
}

.nav-apartments .btn.is-active b {
  width: 74px;
  transform: scale(1);
}

.nav-apartments .btn.is-active .icon:before,.nav-apartments .btn.is-active small {
  opacity: 1;
}

.nav-apartments .btn {
  transition-delay: 0ms,0ms,.2s,.2s;
}

.nav-apartments .icon:before {
  transition-delay: 0ms;
  transition-duration: .2s;
}

.nav-apartments .icon:after {
  transition-delay: 0ms;
}

.nav-apartments .icon i {
  transition-delay: .4s;
}

.nav-apartments small {
  transition-delay: .2s;
}

.nav-apartments .btn.is-active {
  transition-delay: 0ms,0ms,.2s,.2s;
}

.nav-apartments .btn.is-active .icon:before {
  transition-delay: .6s;
  transition-duration: .4s;
}

.nav-apartments .btn.is-active .icon:after {
  transition-delay: .6s;
}

.nav-apartments .btn.is-active .icon i {
  transition-delay: 0ms;
}

.nav-apartments .btn.is-active small {
  transition-delay: .1s;
}

@media screen and (max-width:979px) {
  .nav-apartments__list {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: center;
  }

  .nav-apartments__text,.nav-apartments__text b,.nav-apartments__text small {
    display: block;
  }

  .nav-apartments__text small {
    margin: 10px 0 0;
    padding: 0;
  }

  .nav-apartments .icon-page {
    display: none;
  }

  .nav-apartments .btn.is-active {
    transform: translateY(-4px);
  }
}

@media screen and (min-width:980px) {
  .nav-apartments {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
  }

  .nav-apartments .btn b {
    width: 32px;
  }

  .nav-apartments .btn.is-active {
    height: 100px;
    transform: translate(2px,5px);
  }

  .nav-apartments .btn.is-active b {
    width: 32px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .nav-apartments {
    left: 45px;
    transform: translateY(-50%);
  }

  .nav-apartments .btn {
    height: 57px;
  }

  .nav-apartments .btn b {
    width: 50px;
  }

  .nav-apartments .btn.is-active {
    height: 132px;
    transform: translateY(12px);
  }

  .nav-apartments .btn.is-active b {
    width: 50px;
  }

  .nav-apartments .icon {
    left: 7px;
    top: 65px;
  }
}

.tabs-contents {
  position: relative;
}

.tabs-contents__content[aria-hidden=true] {
  display: none;
}

.tabs-contents__content.animation--fade-in {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.title-right {
  justify-content: flex-end;
  text-align: right;
}

.title-center,.title-right {
  position: relative;
  display: flex;
}

.title-center {
  justify-content: center;
  text-align: center;
}

.title-top-1 {
  position: relative;
  margin-top: -1.13636em;
  top: -120px;
}

.quote {
  position: relative;
  text-align: center;
  margin: 0;
}

.quote__symbol {
  width: 78px;
  height: 67px;
  background: url(../images/common/quote-light.png);
  pointer-events: none;
  position: absolute;
  top: -35px;
  left: 50%;
  margin-left: -39px;
}

.ui-gray-background .quote__symbol {
  background: url(../images/common/quote-gray.png);
}

.ui-blue-background .quote__symbol {
  background: url(../images/common/quote-blue.png);
}

.ui-dark-background .quote__symbol {
  background: url(../images/common/quote-dark.png);
}

.quote p {
  position: relative;
  margin: 0;
}

.quote cite {
  display: block;
  font-style: normal;
  margin-top: 5.20833vw;
  margin-bottom: 5.20833vw;
}

.quote cite:first-child {
  margin-top: 0;
}

.quote cite:last-child {
  margin-bottom: 0;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .quote cite {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .quote cite:first-child {
    margin-top: 0;
  }

  .quote cite:last-child {
    margin-bottom: 0;
  }
}

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

.quote--left .quote__symbol {
  top: -20px;
  left: -52px;
  margin-left: 0;
}

.quote--simple {
  padding-left: 4.86111vw;
  text-align: left;
}

.quote--simple .quote__symbol {
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 0;
  height: auto;
  background: none;
  margin: 0;
  border-left: 1px solid #c0845e;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .quote--simple {
    padding-left: 70px;
  }
}

.phone-number {
  margin-top: 100px;
  margin-bottom: 25px;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .phone-number {
    margin-top: 100px;
    margin-bottom: 25px;
  }
}

.phone-number b,.phone-number i {
  display: inline-block;
  font-weight: 400;
  font-style: normal;
}

.phone-number b {
  transition-property: opacity;
  opacity: .3;
  padding-right: 5px;
}

.has-hover .phone-number:hover b,.phone-number.is-active b,.phone-number:active b {
  opacity: 1;
}

.section {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.section-next {
  position: absolute;
  left: 50%;
  bottom: 70px;
  margin-left: -20px;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .section-next {
    bottom: 75px;
  }
}

.section-intro {
  height: 100vh;
}

.header {
  padding: 22px 0;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
}

.header__content {
  display: flex;
  align-items: center;
}

.header__spacer {
  flex-grow: 1;
}

.header__nav {
  margin-left: 40px;
}

.header__toggle {
  position: relative;
  margin-left: 20px;
}

.header__toggle__expanded {
  display: none;
}

.header__toggle__collapsed:before,.header__toggle__expanded:before {
  content: "";
  display: block;
  position: absolute;
  top: -52px;
  right: -25px;
  bottom: -52px;
  left: -25px;
}

@media screen and (min-width:980px) {
  .header {
    padding: 27px 0;
  }
}

@media screen and (min-width:1170px) {
  .header__toggle__expanded {
    display: flex;
    margin-right: -6px;
    transition-delay: 0ms,0ms,0ms,.4s,.4s;
  }

  .header__toggle__collapsed {
    position: absolute;
    right: 0;
    top: 8px;
    transform: translateX(15px);
    pointer-events: none;
    opacity: 0;
  }

  .header.is-collapsed .nav-primary {
    pointer-events: none;
  }

  .header.is-collapsed .nav-primary a {
    transform: translateX(900px);
    opacity: .75;
  }

  .header.is-collapsed .nav-primary a:last-child {
    transition-delay: 0ms;
  }

  .header.is-collapsed .nav-primary a:nth-last-child(2) {
    transition-delay: 60ms;
  }

  .header.is-collapsed .nav-primary a:nth-last-child(3) {
    transition-delay: .12s;
  }

  .header.is-collapsed .nav-primary a:nth-last-child(4) {
    transition-delay: .18s;
  }

  .header.is-collapsed .nav-primary a:nth-last-child(5) {
    transition-delay: .24s;
  }

  .header.is-collapsed .header__toggle__expanded {
    pointer-events: none;
    opacity: 0;
    transform: translateX(15px);
    transition-delay: 0ms,0ms,0ms,.4s,.4s;
  }

  .header.is-collapsed .header__toggle__collapsed {
    pointer-events: all;
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0ms,0ms,0ms,.8s,.8s;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .header {
    padding: 47px 0;
  }

  .header__nav {
    margin-left: 70px;
  }
}

.header .logo {
  margin-right: 40px;
  height: 40px;
  position: relative;
  top: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.header .logo .icon {
  pointer-events: none;
}

@media screen and (min-width:980px) {
  .header .logo {
    margin-right: 55px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .header .logo {
    margin-right: 55px;
    top: 5px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .header--minimal .logo {
    margin-right: 0;
  }
}

.header__contacts {
  flex-shrink: 0;
  margin-right: 10px;
}

.header__contacts i {
  font-style: normal;
  font-weight: 300;
  opacity: .7;
  transition-property: opacity;
}

.header__contacts b {
  font-weight: 300;
}

.has-hover .header__contacts:hover i,.header__contacts.is-active i,.header__contacts:active i {
  opacity: 1;
}

@media screen and (min-width:980px) {
  .header__contacts {
    margin-right: 45px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .header__contacts {
    margin-right: 0;
  }
}

.nav-primary {
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
}

.nav-primary .btn:before {
  content: "";
  display: block;
  position: absolute;
  top: -60px;
  right: -25px;
  bottom: -60px;
  left: -25px;
}

@media screen and (min-width:980px) {
  .nav-primary {
    flex-direction: row;
  }
}

.header .nav-primary {
  margin-left: 20px;
  padding-right: 22px;
  overflow: hidden;
}

@media screen and (max-width:1169px) {
  .header .nav-primary {
    display: none;
  }
}

.container-h-menu {
  margin-left: 0;
}

.menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.menu .header {
  position: relative;
}

.menu__nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.menu__sitemap ul {
  -moz-columns: 3;
  columns: 3;
  -moz-column-gap: 60px;
  column-gap: 60px;
}

.menu__sitemap li {
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
}

.menu__sitemap ol a {
  display: block;
}

.menu__sitemap ul>li+li {
  margin: 72px 0 0;
}

.menu__sitemap ol {
  margin: 12px 0 0;
}

.menu__sitemap ol li a {
  padding: 6px 0 7px;
}

.menu__sitemap ol ol {
  margin: 2px 0 2px 35px;
}

.menu__sitemap ol ol li a {
  padding: 4px 0 5px;
}

.menu__footer {
  display: flex;
  align-items: center;
  color: #695e5f;
  margin-top: 44px;
  margin-bottom: 44px;
}

.menu__footer__callback {
  position: absolute;
  left: 20px;
  bottom: -1px;
}

.menu__footer__contacts {
  flex-shrink: 0;
}

.menu__footer__contacts i {
  font-style: normal;
  font-weight: 300;
  opacity: .7;
  transition-property: opacity;
}

.menu__footer__contacts b {
  font-weight: 300;
}

.has-hover .menu__footer__contacts:hover i,.menu__footer__contacts.is-active i,.menu__footer__contacts:active i {
  opacity: 1;
}

.menu__footer__spacer {
  flex-grow: 1;
}

.menu__footer p {
  margin: 0 0 0 35px;
  white-space: nowrap;
}

.menu__footer p a span {
  color: #695e5f;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .menu__footer {
    margin-top: 54px;
    margin-bottom: 54px;
  }

  .menu__footer__callback {
    left: 35px;
  }

  .menu__footer p {
    margin: 0 0 0 40px;
  }
}

.animation--menu-in {
  transition-duration: 1.75s;
  transition-property: border-color;
  border-color: transparent;
}

.animation--menu-in--inactive {
  border-color: rgba(0,0,0,.1);
}

.animation--menu-in .background {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: 0ms;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-in--inactive .background {
  opacity: 0;
}

.animation--menu-in canvas.background {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: .7s;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-in--inactive canvas.background {
  opacity: 0;
}

.animation--menu-in .logo {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: 0ms;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-in--inactive .logo {
  opacity: 0;
}

.animation--menu-in .header__nav {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: 175ms;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-in--inactive .header__nav {
  opacity: 0;
}

.animation--menu-in .header__toggle {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: .35s;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-in--inactive .header__toggle {
  opacity: 0;
}

.animation--menu-in .menu__nav a:first-child {
  opacity: 1;
  transform: translateX(0);
  transition-duration: .8s;
  transition-delay: 425ms;
  transition-property: opacity,transform;
  will-change: opacity,transform;
}

.animation--menu-in--inactive .menu__nav a:first-child {
  opacity: 0;
  transform: translateX(55px);
}

.animation--menu-in .menu__sitemap>ul>li:first-child {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: .45s;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-in--inactive .menu__sitemap>ul>li:first-child {
  opacity: 0;
}

.animation--menu-in .menu__nav a:nth-child(2) {
  opacity: 1;
  transform: translateX(0);
  transition-duration: .8s;
  transition-delay: .5s;
  transition-property: opacity,transform;
  will-change: opacity,transform;
}

.animation--menu-in--inactive .menu__nav a:nth-child(2) {
  opacity: 0;
  transform: translateX(70px);
}

.animation--menu-in .menu__sitemap>ul>li:nth-child(2) {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: .55s;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-in--inactive .menu__sitemap>ul>li:nth-child(2) {
  opacity: 0;
}

.animation--menu-in .menu__nav a:nth-child(3) {
  opacity: 1;
  transform: translateX(0);
  transition-duration: .8s;
  transition-delay: 575ms;
  transition-property: opacity,transform;
  will-change: opacity,transform;
}

.animation--menu-in--inactive .menu__nav a:nth-child(3) {
  opacity: 0;
  transform: translateX(85px);
}

.animation--menu-in .menu__sitemap>ul>li:nth-child(3) {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: .65s;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-in--inactive .menu__sitemap>ul>li:nth-child(3) {
  opacity: 0;
}

.animation--menu-in .menu__nav a:nth-child(4) {
  opacity: 1;
  transform: translateX(0);
  transition-duration: .8s;
  transition-delay: .65s;
  transition-property: opacity,transform;
  will-change: opacity,transform;
}

.animation--menu-in--inactive .menu__nav a:nth-child(4) {
  opacity: 0;
  transform: translateX(100px);
}

.animation--menu-in .menu__sitemap>ul>li:nth-child(4) {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: .75s;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-in--inactive .menu__sitemap>ul>li:nth-child(4) {
  opacity: 0;
}

.animation--menu-in .menu__nav a:nth-child(5) {
  opacity: 1;
  transform: translateX(0);
  transition-duration: .8s;
  transition-delay: 725ms;
  transition-property: opacity,transform;
  will-change: opacity,transform;
}

.animation--menu-in--inactive .menu__nav a:nth-child(5) {
  opacity: 0;
  transform: translateX(115px);
}

.animation--menu-in .menu__sitemap>ul>li:nth-child(5) {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: .85s;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-in--inactive .menu__sitemap>ul>li:nth-child(5) {
  opacity: 0;
}

.animation--menu-in .menu__footer {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: .95s;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-in--inactive .menu__footer {
  opacity: 0;
}

.animation--menu-out {
  transition-duration: 1.15s;
  transition-property: border-color;
  border-color: transparent;
}

.animation--menu-out--active {
  border-color: rgba(0,0,0,.1);
}

.animation--menu-out .menu__nav a {
  opacity: 1;
  transform: translateX(0);
  transition-duration: .8s;
  transition-delay: 0ms;
  transition-property: opacity,transform;
  will-change: opacity,transform;
}

.animation--menu-out--active .menu__nav a {
  opacity: 0;
  transform: translateX(50px);
}

.animation--menu-out .menu__sitemap {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: 0ms;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-out--active .menu__sitemap {
  opacity: 0;
}

.animation--menu-out .header__nav {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: 175ms;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-out--active .header__nav {
  opacity: 0;
}

.animation--menu-out .header__toggle {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: 0ms;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-out--active .header__toggle {
  opacity: 0;
}

.animation--menu-out .menu__footer {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: 0ms;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-out--active .menu__footer {
  opacity: 0;
}

.animation--menu-out .background {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: .35s;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-out--active .background {
  opacity: 0;
}

.animation--menu-out canvas.background {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: 0ms;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-out--active canvas.background {
  opacity: 0;
}

.animation--menu-out .logo {
  opacity: 1;
  transition-duration: .8s;
  transition-delay: .35s;
  transition-property: opacity;
  will-change: opacity;
}

.animation--menu-out--active .logo {
  opacity: 0;
}

.breadcrumbs {
  padding: 0 0 4px;
}

.breadcrumbs ol {
  display: flex;
  align-items: center;
  list-style: none;
}

.breadcrumbs li+li {
  margin-left: 1.4rem;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .breadcrumbs {
    padding: 0 0 6px;
  }
}

.footer {
  text-align: center;
}

.footer p {
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}

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

.footer p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .footer p {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
  }

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

  .footer p:last-child {
    margin-bottom: 0;
  }
}

.footer p small {
  display: inline-block;
}

.footer p small+small {
  padding-left: 16px;
  margin-left: 11px;
  position: relative;
}

.footer p small+small:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 7px;
  top: 50%;
  margin-top: -4px;
  border-left: 1px solid #695e5f;
  opacity: .5;
}

.ui-dark.footer,.ui-dark.footer p a span {
  color: #695e5f;
}

.footer .logo {
  display: inline-block;
}

.footer .logo .icon {
  pointer-events: none;
}

.footer .nav-primary {
  justify-content: center;
  padding: 50px 0 32px;
}

.footer .nav-primary .btn:before {
  display: block;
  position: absolute;
  top: -20px;
  right: -25px;
  bottom: -20px;
  left: -25px;
}

@media screen and (min-width:980px) {
  .footer .nav-primary {
    padding: 40px 0 30px;
    margin-left: 0;
  }

  .footer .nav-primary>:first-child {
    margin-left: 0;
  }
}

.footer-next {
  position: relative;
  height: 168px;
  text-align: center;
}

.footer-next .btn {
  position: absolute;
  top: -65px;
  bottom: 0;
  left: 0;
  right: 0;
  justify-content: flex-start;
}

.footer-next nav {
  height: 80%;
}

.footer-next__btn__text {
  padding: 0 0 26px;
  font-size: 13px;
  line-height: 1.333em;
  letter-spacing: .16em;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .footer-next__btn__text {
    font-size: 18px;
    line-height: 1.333em;
  }
}

.footer-next__btn__title {
  margin-bottom: 44px;
  position: relative;
  max-width: 580px;
  white-space: normal;
}

.footer-next__btn .icon-more {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  color: #c0845e;
  top: 50%;
  margin-top: 70px;
}

@media screen and (min-width:980px) {
  .footer-next__btn__text {
    padding: 0 0 20px;
  }

  .footer-next__btn__title {
    margin-bottom: 29px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .footer-next {
    height: 320px;
  }

  .footer-next .icon-callbackbtn {
    top: -103px;
  }

  .footer-next__btn__text {
    padding: 0 0 42px;
  }

  .footer-next__btn__title {
    margin-bottom: 82px;
    max-width: 720px;
  }

  .footer-next__btn .icon-more {
    top: 50%;
    margin-top: 137px;
    margin-left: -37px;
  }
}

.footer-callback {
  position: relative;
  text-align: center;
}

.footer-callback__line {
  position: absolute;
  left: 50%;
  top: -6.59722vw;
  height: 8.95833vw;
  border-left: 1px solid #c0845e;
  transform-origin: 0 100%;
}

.footer-callback__content {
  display: flex;
  flex-direction: column;
}

.footer-callback__phone {
  margin-top: 100px;
  margin-bottom: 25px;
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .footer-callback__phone {
    margin-top: 100px;
    margin-bottom: 25px;
  }
}

@media screen and (min-width:1280px) and (min-height:800px) {
  .footer-callback__line {
    top: -95px;
    height: 129px;
  }
}

@media screen and (max-width:481px) {

.form-success,.text--lead{
    font-size:1.2rem;
    line-height:1.83333em;
    text-transform:uppercase;
    letter-spacing:.16em
}
.text--large{
    font-size:1.6rem;
    line-height:1.5em
}
.h1,h1{
    font-size:2.6rem;
    line-height:1.11111em;
    letter-spacing:.1em
}
.footer-next__btn__title,.h2,h2{
    font-size:2.2rem;
    line-height:1.45455em;
    letter-spacing:.1em
}
.h2-large{
    font-size:2.8rem;
    line-height:1.14286em
}
.h2-large,.h3,h3{
    letter-spacing:.1em
}
.h3,h3{
    font-size:1.6rem;
    line-height:1.25em;
    font-weight:600
}
.h3-large{
    font-size:3rem;
    line-height:1.26667em;
    letter-spacing:.08em;
    font-weight:400
}
.h4,h4{
    font-size:1.3rem;
    line-height:1.85714em
}
.h4,.h5,h4,h5{
    letter-spacing:.16em;
    font-weight:500
}
.h5,h5{
    font-size:1rem;
    line-height:1.8em
}
.phone-number{
    font-size:1.8rem;
    line-height:1.5em
}
	.offset--xs-4{
		margin-left: 5px;
		width: 100%;
	}
	
	.offset--xs-1{
		margin-left: 0 !important;
	}
	
	.col--xs-4{
		    flex: 0 1 100%;
   			 width: 90%;
	}
	
	.offset--xs-6{
		margin-left: 0;
	}
	
	.offset--xs-2{
		margin-left: 0;
	}
	
	.col--xs-8{
		flex: 0 1 100%;
    width: 100%;
	}
	
	.container-h-large{
		max-width: 1440px;
    padding: 20px 50px;
	}
	
	.container-h-menu{
		padding-left: 45px;
	}
	
	.container-h-menu-footer{
		padding-left: 15px;
	}
	
	
}