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

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

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  color: #2a2625;
  font-family: "TT Norms W01",Helvetica,sans-serif;
  font-size: 14px;
  line-height: 1;
  background: #f3f2ee;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  body {
    font-size: 18px;
  }
}

html[lang='ru'] body {
  font-family: "TT Norms W10",Helvetica,sans-serif;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

input,
textarea,
select,
button {
  font: inherit;
}


.text>*+* {
  margin-top: 2em;
}

h1,
.h1 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 200;
}

@media only screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: 50px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 1170px) {
  h1,
  .h1 {
    font-size: 60px;
    line-height: 70px;
  }
}

h2,
.h2 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  h2,
  .h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1170px) {
  h2,
  .h2 {
    font-size: 50px;
    line-height: 60px;
  }
}

h3,
.h3 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  h3,
  .h3 {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1170px) {
  h3,
  .h3 {
    font-size: 36px;
    line-height: 48px;
  }
}

p {
  line-height: 20px;
}

@media only screen and (min-width: 768px) {
  p {
    line-height: 26px;
  }
}

@media only screen and (min-width: 1024px) {
  p {
    line-height: 28px;
  }
}

blockquote {
  line-height: 28px;
}

cite {
  text-transform: uppercase;
  letter-spacing: 2.5px;
  color: #d0c3ba;
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin-top: 30px;
}

@media only screen and (min-width: 768px) {
  cite {
    font-size: 14px;
  }
}

cite strong,
cite b {
  font-weight: 700;
}

i,
em,
.italic {
  font-style: italic;
}

b,
strong,
.bold {
  font-weight: 500;
}

a {
  text-decoration: none;
}

.text a,
.link {
  color: #d0c3ba;
  text-decoration: none;
  font-weight: 500;
  position: relative;
}

.section--cararra .text a,
.section--white .text a,
.theme-light .header .text a,
.section--cararra .link,
.section--white .link,
.theme-light .header .link {
  color: #7d7369;
}

.text a:not(.button):before,
.text a:not(.button):after,
.link:not(.button):before,
.link:not(.button):after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 2px;
}

.text a:before,
.link:before {
  right: 0;
  background-color: rgba(243,242,238,0.2);
}

.section--cararra .text a:before,
.section--white .text a:before,
.theme-light .header .text a:before,
.section--cararra .link:before,
.section--white .link:before,
.theme-light .header .link:before {
  background-color: rgba(125,115,105,0.2);
}

.text a:after,
.link:after {
  right: 100%;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  background-color: rgba(243,242,238,0.6);
}

.section--cararra .text a:after,
.section--white .text a:after,
.theme-light .header .text a:after,
.section--cararra .link:after,
.section--white .link:after,
.theme-light .header .link:after {
  background-color: rgba(125,115,105,0.6);
}

.text a:hover,
.link:hover {
  text-decoration: none;
}

@media only screen and (min-width: 1170px) {
  .text a:hover:after,
  .link:hover:after {
    right: 0;
  }
}

.link--dark {
  color: #d0c3ba;
}

.link--dark:before {
  background-color: rgba(208,195,186,0.2);
}

.link--dark:after {
  background-color: #d0c3ba;
}

.text-center-align ol,
.text-center-align ul {
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.text ol li,
.text ul li {
  position: relative;
  padding-left: 18px;
  line-height: 22px;
  padding-top: 4px;
  padding-bottom: 4px;
}

@media only screen and (min-width: 768px) {
  .text ol li,
  .text ul li {
    line-height: 30px;
  }
}

@media only screen and (min-width: 1170px) {
  .text ol li,
  .text ul li {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.text ol li:before,
.text ul li:before {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #d0c3ba;
}

@media only screen and (min-width: 768px) {
  .text ol li:before,
  .text ul li:before {
    top: 17px;
  }
}

ol li a,
ul li a {
  font-weight: 400;
}

.text-center-align ol li,
.text-center-align ul li {
  text-align: left;
}

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

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

sup {
  font-size: 10px;
  vertical-align: super;
  line-height: 0;
  letter-spacing: 0;
}


.apartment-pdf__body {
  background-color: transparent;
  font-family: 'ttnorms-light';
}

.apartment-pdf__grid {
  padding-left: 177mm;
  padding-right: 25mm;
  padding-top: 25mm;
  width: 100%;
  display: table;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.apartment-pdf__grid-col {
  display: table-cell;
  position: relative;
  max-width: 35%;
  padding-top: 85mm;
}

.apartment-pdf__grid-col--side {
  align: center;
  vertical-align: middle;
  max-width: 65%;
  padding-left: 5%;
  padding-top: 25mm;
}

.apartment-pdf__sup {
  font-size: 8px;
  font-family: 'ttnorms-light';
}

.apartment-pdf__block {
  display: table;
  width: 100%;
  margin-top: 10mm;
}

.apartment-pdf__block--data {
  margin-top: 15mm;
}

.apartment-pdf__block-item {
  display: table-cell;
  padding-right: 6mm;
}

.apartment-pdf__block-item--small {
  width: 30%;
}

.apartment-pdf__block-row {
  display: table-row;
}

.apartment-pdf__title {
  font-size: 96px;
  line-height: 86px;
  white-space: nowrap;
  font-family: 'ttnorms-light';
}

.apartment-pdf__block-item--small .apartment-pdf__title {
  font-size: 32px;
  line-height: 32px;
}

.apartment-pdf__title sup {
  font-size: 24px;
}

.apartment-pdf__title--bold {
  font-family: 'ttnorms-medium';
  font-weight: 500;
}

.apartment-pdf__title--color {
  color: #b2a399;
}

.apartment-pdf__data-label {
  font-family: 'ttnorms-medium';
  font-size: 24px;
  margin-bottom: 10px;
  color: #91867f;
  text-transform: uppercase;
}

.apartment-pdf__block-row--lower .apartment-pdf__data-label {
  padding-top: 10mm;
}

.apartment-pdf__block-row--middle .apartment-pdf__data-label {
  padding-top: 10mm;
}

.apartment-pdf__apt-svg-wrapper {
  width: 250mm;
  height: auto;
  max-height: 355mm;
  text-align: right;
}

.apartment-pdf__apt-svg {
  width: 80%;
}

.apartment-pdf__apt-svg--small {
  padding-top: 15mm;
  width: 90mm;
  height: 90mm;
}

.apartment-pdf__apt-svg--small svg,
.apartment-pdf__apt-svg--small img {
  width: 90mm;
  height: 90mm;
  min-height: 90mm;
}

.apartment-pdf__sales-contacts .sales-contacts__item--label {
  font-size: 26px;
  font-family: 'ttnorms-medium' !important;
}

.apartment-pdf__sales-contacts .sales-contacts__item.sales-contacts__item--name {
  font-size: 26px !important;
  font-family: 'ttnorms-medium' !important;
  font-weight: 500 !important;
}

.apartment-pdf__sales-contacts .sales-contacts__item--phone {
  font-size: 26px !important;
  font-family: 'ttnorms-light' !important;
}

.apartment-pdf__sales-contacts .sales-contacts__item--email {
  font-size: 26px !important;
  font-family: 'ttnorms-light' !important;
}


.button {
  position: relative;
  display: inline-block;
  background-color: #d0c3ba;
  color: inherit;
  line-height: initial;
  font-size: initial;
  padding: 16px 21px 16px;
  margin: 0;
  border: none;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: background-color 800ms cubic-bezier(0.04, 0.32, 0.1, 1);
  transition: background-color 800ms cubic-bezier(0.04, 0.32, 0.1, 1);
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.button--nowrap {
  white-space: nowrap;
}

@media only screen and (min-width: 768px) {
  .button {
    padding: 18px 20px 19px;
  }
}

.button:after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  left: 0;
  background-color: #f3f2ee;
  -webkit-transition: width 800ms cubic-bezier(0.04, 0.32, 0.1, 1);
  transition: width 800ms cubic-bezier(0.04, 0.32, 0.1, 1);
  content: '';
}

.theme-light .header .button {
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 0 1px #2a2625;
          box-shadow: inset 0 0 0 1px #2a2625;
}

.button:focus,
.button:active {
  border: none;
  outline: none;
}

@media only screen and (min-width: 1170px) {
  .footer__next-link:hover .button:after,
  .button:hover:after {
    width: 100%;
  }
}

.button.is-disabled {
  pointer-events: none;
  opacity: .1;
  cursor: wait;
}

.button--block {
  display: block;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .button--block-xs {
    display: block;
    width: 100%;
    text-align: center;
  }
}

.button--light-dark,
.button--light,
.button--dark {
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 0 1px #d0c3ba;
          box-shadow: inset 0 0 0 1px #d0c3ba;
}

.button--sandstone {
  background-color: #7d7369;
  -webkit-box-shadow: inset 0 0 0 1px #7d7369;
          box-shadow: inset 0 0 0 1px #7d7369;
}

.button--sunrise {
  background-color: #f26746;
  -webkit-box-shadow: inset 0 0 0 1px #f26746;
          box-shadow: inset 0 0 0 1px #f26746;
}

.button--sunrise:after {
  background-color: #ed1c24;
}

.button--sunrise .button__text {
  color: #f3f2ee;
}

.button--cararra {
  background-color: #f3f2ee;
  -webkit-box-shadow: inset 0 0 0 1px #f3f2ee;
          box-shadow: inset 0 0 0 1px #f3f2ee;
}

.button--dune {
  background-color: #4b4441;
  -webkit-box-shadow: inset 0 0 0 1px #4b4441;
          box-shadow: inset 0 0 0 1px #4b4441;
}

.button--back {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 18px 20px 17px;
}

.button--back.button--cararra {
  background-color: rgba(243,242,238,0.8);
  -webkit-box-shadow: inset 0 0 0 1px rgba(243,242,238,0.8);
          box-shadow: inset 0 0 0 1px rgba(243,242,238,0.8);
}

.button--nav {
  padding: 0;
  width: 40px;
  height: 60px;
  background-color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.button--nav:after {
  background-color: transparent;
}

@media only screen and (min-width: 1170px) {
  .button--nav:hover {
    color: #fff;
  }
}

.button--sandstone:after,
.button--dark:after {
  background-color: #d0c3ba;
}

.button--light-dark:after {
  background-color: #7d7369;
}

.button--anchor {
  display: inline;
  padding: 0;
  background: transparent;
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.button--anchor:after {
  content: none;
}

@media only screen and (min-width: 1170px) {
  .button--anchor:hover {
    color: #fff;
  }
}

.button--social {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  background: transparent;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.button--social:after {
  content: none;
}

@media only screen and (min-width: 1170px) {
  .button--social:hover {
    color: rgba(255,255,255,0.7);
  }
}

.button--centered {
  margin: 0 auto;
}

.button--icon-only {
  padding: 20px;
  background-color: transparent;
}

.button--icon-only:after {
  background-color: transparent;
}

@media only screen and (min-width: 768px) {
  .button--icon-only {
    padding: 20px;
  }
}

.reservation-modal__close,
.reservation-modal__link {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 1.3px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition-property: color,background-color;
  transition-property: color,background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .reservation-modal__close,
  .reservation-modal__link {
    font-size: 13px;
    letter-spacing: 1.4px;
  }
}

.reservation-modal__close:before,
.reservation-modal__close:after,
.reservation-modal__link:before,
.reservation-modal__link:after {
  display: none;
}

.table__cell .reservation .button {
  color: #2a2625;
  background-color: #d0c3ba;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  width: 100%;
}

.table__cell .reservation .button .button__text {
  color: #2a2625;
}

.table__cell .reservation .button:hover {
  color: #2a2625;
}

.table__cell .reservation .button:hover:after {
  background-color: #f3f2ee;
  border-color: #f3f2ee;
}

.table__cell .reservation .button,
.button--small {
  padding: 7px 5px 8px;
}

@media only screen and (min-width: 1024px) {
  .table__cell .reservation .button,
  .button--small {
    padding: 7px 20px 8px;
  }
}

.button--medium {
  padding: 13px 20px 14px;
}

.button__text {
  font-size: 12px;
  line-height: 18px;
  color: #2a2625;
  font-weight: 500;
  letter-spacing: 1.3px;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .button__text {
    font-size: 13px;
    letter-spacing: 1.4px;
  }
}

.button--social .button__text {
  color: #fff;
}

.button--dark .button__text,
.button--dune .button__text {
  color: #fff;
}

.button--sandstone .button__text {
  color: #f3f2ee;
}

.button--back .button__text {
  line-height: 1;
}

.table__cell .reservation .button .button__text,
.button--small .button__text {
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .table__cell .reservation .button .button__text,
  .button--small .button__text {
    font-size: 12px;
    letter-spacing: 1.3px;
  }
}

.button--medium .button__text {
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: 15px;
}

@media only screen and (min-width: 1170px) {
  .footer__next-link:hover .button__text,
  .button--dark:hover .button__text,
  .button--dune:hover .button__text {
    color: #2a2625;
  }
}

@media only screen and (min-width: 1170px) {
  .button--sandstone:hover .button__text {
    color: #2a2625;
  }
}

.theme-light .header .button__text,
.button--light .button__text {
  color: #2a2625;
}

.button--anchor .button__text {
  font-weight: 500;
  text-transform: none;
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .button--anchor .button__text {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .button--anchor .button__text {
    font-size: 20px;
  }
}

.button--anchor .button__text:before,
.button--anchor .button__text:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 2px;
}

.button--anchor .button__text:before {
  right: 0;
  background-color: rgba(208,195,186,0.1);
}

.button--anchor .button__text:after {
  right: 100%;
  background-color: #d0c3ba;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1170px) {
  .button--anchor .button__text:hover:after {
    right: 0;
  }
}

.button--dark.button--anchor .button__text {
  color: #d0c3ba;
}

.button--anchor-small .button__text {
  font-weight: 400;
  padding-bottom: 2px;
}

.button--anchor-small .button__text:before {
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  content: '';
}

.button--anchor-small .button__text:after {
  position: absolute;
  bottom: 0;
  width: 0;
  left: 0;
  background-color: #d0c3ba;
  content: '';
  top: auto;
  height: 2px;
}

.button--light-dark:hover .button__text {
  color: #fff;
}

@media only screen and (min-width: 1170px) {
  .button--social:hover .button__text {
    color: #d0c3ba;
  }
}

@media only screen and (min-width: 1170px) {
  .instagram__button:hover .button__text {
    color: #7d7369;
  }
}

.button__icon.icon {
  z-index: 1;
  position: relative;
  font-size: 13px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-left: 5px;
  -webkit-transition-property: color,-webkit-transform;
  transition-property: color,-webkit-transform;
  transition-property: transform,color;
  transition-property: transform,color,-webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  -webkit-transform: tranlsate3d(0, 0, 0);
          transform: tranlsate3d(0, 0, 0);
  color: #2a2625;
}

.button--nav .button__icon.icon {
  font-size: 40px;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .button--nav .button__icon.icon {
    font-size: 50px;
  }
}

.button--back .button__icon.icon {
  font-size: 21px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin: 0 10px 0 0;
}

.button--cararra.button--back .button__icon.icon {
  color: #7d7369;
}

.button--sandstone .button__icon.icon,
.button--nav .button__icon.icon,
.button--dark .button__icon.icon,
.button--dune .button__icon.icon {
  color: #fff;
}

.button--social.button--light .button__icon.icon,
.theme-light .header .button__icon.icon,
.button--light .button__icon.icon {
  color: #2a2625;
}

.button--anchor .button__icon.icon {
  color: #d0c3ba;
}

.button--dark.button--anchor .button__icon.icon {
  color: #fff;
}

.button--social .button__icon.icon {
  width: 100%;
  font-size: 30px;
  margin-bottom: 18px;
  margin-left: 0;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .button--social .button__icon.icon {
    font-size: 40px;
    margin-bottom: 26px;
  }
}

.button--square .button__icon.icon {
  margin-left: 0;
}

.footer__button-next .button__icon.icon {
  margin-bottom: 0;
}

.button--icon-only .button__icon.icon {
  height: 2em;
  margin-left: 0;
}

.button--light-dark:hover .button__icon.icon {
  color: #fff;
}

@media only screen and (min-width: 1170px) {
  .button--sandstone:hover .button__icon.icon,
  .footer__next-link:hover .button__icon.icon,
  .button--dark:not(.button--anchor):hover .button__icon.icon,
  .button--dune:not(.button--anchor):hover .button__icon.icon {
    color: #2a2625;
  }
}

@media only screen and (min-width: 1170px) {
  .button--social:hover .button__icon.icon {
    color: #d0c3ba;
  }
}

@media only screen and (min-width: 1170px) {
  .instagram__button:hover .button__icon.icon {
    color: #7d7369;
  }
}

.reservation-modal__link {
  color: #f3f2ee;
  background-color: #7d7369;
  -webkit-box-shadow: inset 0 0 0 1px #7d7369;
          box-shadow: inset 0 0 0 1px #7d7369;
}

.reservation-modal__link:hover {
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 0 1px #7d7369;
          box-shadow: inset 0 0 0 1px #7d7369;
  color: #7d7369;
}

.reservation-modal__close {
  padding: 16px 21px 16px;
  right: auto;
  left: 0;
  background-color: #f3f2ee;
}

@media only screen and (min-width: 768px) {
  .reservation-modal__close {
    padding: 18px 30px 19px;
  }
}

.reservation-modal__close:hover {
  background-color: #7d7369;
}

.reservation-modal__close-text {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 1.3px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  color: #4b4441;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.reservation-modal__close:hover .reservation-modal__close-text {
  color: #f3f2ee;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 768px) {
  .reservation-modal__close-text {
    font-size: 13px;
    letter-spacing: 1.4px;
  }
}

.reservation-modal__close-icon {
  display: none;
}


.check {
  position: relative;
}

.check.choice-group__item {
  margin-top: -1px;
  margin-left: -1px;
}

.form .check {
  margin-top: 10px;
}

.check__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.check--button .check__input:checked ~ .check__label {
  background-color: #4b4441;
  border-color: #4b4441;
}

.check__input:checked ~ .check__label .check__icon {
  color: #2a2625;
  opacity: 1;
}

.check--button .check__input:checked ~ .check__label .check__text {
  color: #fff;
}

.check__input:disabled ~ .check__label {
  opacity: .5;
}

.check--button .check__input:disabled ~ .check__label {
  opacity: 1;
  pointer-events: none;
  background-color: transparent;
}

.check--button .check__input:disabled ~ .check__label .check__text {
  opacity: .4;
}

.check__label {
  display: block;
  padding-left: 30px;
  width: 100%;
  text-align: left;
}

.check--button .check__label {
  width: 46px;
  height: 46px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 18px;
  border: 1px solid #b1a497;
  cursor: pointer;
  -webkit-transition-property: background-color,border-color;
  transition-property: background-color,border-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.check--all.check--button .check__label {
  width: 91px;
}

.check--button .check__label:hover {
  background-color: #b1a497;
  border-color: #b1a497;
}

.check__text {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .check__text {
    font-size: 18px;
  }
}

.theme-light .header .check__text {
  color: #2a2625;
}

.check--button .check__text {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1.2px;
  color: #4b4441;
  white-space: nowrap;
}

.check__text .link {
  color: #d0c3ba;
  font-weight: 500;
}

.theme-light .header .check__text .link {
  color: #7d7369;
}

.check__text .link:before {
  background-color: rgba(243,242,238,0.2);
}

.theme-light .header .check__text .link:before {
  background-color: rgba(125,115,105,0.2);
}

.check__text .link:after {
  background-color: rgba(243,242,238,0.6);
}

.theme-light .header .check__text .link:after {
  background-color: rgba(125,115,105,0.6);
}

.check__indicator {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #d0c3ba;
  position: absolute;
  top: 1px;
  left: 0;
}

.check--button .check__indicator {
  display: none;
}

.check--border .check__indicator {
  background-color: transparent;
  border: 1px solid #d0c3ba;
}

.theme-light .header .check__indicator {
  background-color: #7d7369;
}

.check__icon {
  position: absolute;
  top: 3px;
  right: 3px;
  font-size: 11px;
  color: #2a2625;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 800ms cubic-bezier(0.04, 0.32, 0.1, 1);
  transition: 800ms cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-property: color, opacity;
  transition-property: color, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.check--border .check__icon {
  color: #d0c3ba;
}


.choice-group__label {
  margin-bottom: 5px;
  display: none;
}

.choice-group:not(.choice-group--button) .choice-group__item+.choice-group__item {
  margin-top: 5px;
}

.choice-group__error {
  margin-top: 5px;
  color: red;
}

.choice-group__description {
  margin-top: 5px;
}

.choice-group--button .choice-group__inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1px;
  margin-left: 1px;
}


@media only screen and (min-width: 1170px) {
  .columns--image-reverse,
  .columns--image-square {
    padding-right: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1680px) {
  .columns--two-col .columns__inner {
    max-width: 1306px;
    margin: 0 auto;
  }
}

.columns__grid {
  margin-bottom: -60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .columns__grid {
    margin-bottom: -80px;
  }
}

@media only screen and (min-width: 1170px) {
  .columns__grid {
    margin-bottom: -120px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.columns--image .columns__grid,
.columns--image-square .columns__grid {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media only screen and (min-width: 1170px) {
  .columns--image .columns__grid,
  .columns--image-square .columns__grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media only screen and (min-width: 1170px) {
  .columns--image-reverse .columns__grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.columns--two-col .columns__grid {
  margin-left: calc(((100vw - 90px) / 28 * -1) * 1);
  margin-right: calc(((100vw - 90px) / 28 * -1) * 1);
}

.columns__col {
  padding-bottom: 60px;
  width: 100%;
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media only screen and (min-width: 768px) {
  .columns__col {
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 1170px) {
  .columns__col {
    margin: 0;
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
    padding-bottom: 120px;
  }
}

@media only screen and (min-width: 1170px) {
  .columns--image .columns__col,
  .columns--image-square .columns__col {
    margin: 0;
  }
}

.columns--two-col .columns__col {
  padding-left: calc(((100vw - 90px) / 28 * 1) * 1);
  padding-right: calc(((100vw - 90px) / 28 * 1) * 1);
}

@media only screen and (min-width: 1170px) {
  .columns--image .columns__col--content {
    margin-left: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .columns--image-square .columns__col--content {
    margin-left: calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .columns--image-reverse .columns__col--content {
    margin-left: 0;
    padding-right: calc(((100vw - 90px) / 28 * 2) * 1);
    max-width: calc(((100vw - 90px) / 28 * 9) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 9) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 9) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .columns--image .columns__col--content,
  .columns--image-square .columns__col--content {
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
  }
}

.columns__col--image {
  padding-left: calc(((100vw - 90px) / 28 * 4) * 1);
  padding-right: calc(((100vw - 90px) / 28 * 4) * 1);
}

@media only screen and (min-width: 768px) {
  .columns__col--image {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .columns--image .columns__col--image {
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
  }
}

.columns--image-reverse .columns__col--image,
.columns--image-square .columns__col--image {
  padding-left: calc(((100vw - 90px) / 28 * 4) * 1);
  padding-right: calc(((100vw - 90px) / 28 * 4) * 1);
}

@media only screen and (min-width: 768px) {
  .columns--image-reverse .columns__col--image,
  .columns--image-square .columns__col--image {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .columns--image-reverse .columns__col--image,
  .columns--image-square .columns__col--image {
    max-width: calc(((100vw - 90px) / 28 * 8) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 8) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 8) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .columns--image-reverse .columns__col--image {
    max-width: calc(((100vw - 90px) / 28 * 10) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 10) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 10) * 1);
  }
}

.columns__content {
  font-size: 26px;
  font-weight: 300;
  line-height: 36px;
  color: #4b4441;
}

.columns__content p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.section--sandstone .columns__content,
.columns--image-reverse .columns__content,
.columns--image-square .columns__content {
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .columns__content {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1440px) {
  .columns__content {
    font-size: 36px;
    line-height: 48px;
  }
}

@media only screen and (min-width: 1680px) {
  .columns__content {
    max-width: 625px;
  }
}

.columns__button {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) {
  .columns__button {
    margin-top: calc(((100vw - 90px) / 28 * 1) * 1);
  }
}


@media only screen and (min-width: 1170px) {
  .contact-form__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.contact-form__title {
  color: #fff;
  margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
  .contact-form__title {
    margin-bottom: 2em;
  }
}

@media only screen and (min-width: 1170px) {
  .contact-form__title {
    text-align: center;
  }
}

.contact-form__address {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  margin-top: 34px;
  max-width: 100%;
}

@media only screen and (min-width: 768px) {
  .contact-form__address>* {
    line-height: 22px;
  }
}

@media only screen and (min-width: 768px) {
  .contact-form__address {
    max-width: 100%;
    line-height: 22px;
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1170px) {
  .contact-form__address {
    max-width: calc(((100vw - 90px) / 28 * 9) * 1);
    float: right;
  }
}

@media only screen and (min-width: 1440px) {
  .contact-form__address {
    max-width: calc(((100vw - 90px) / 28 * 7) * 1);
    float: right;
  }
}

.contact-form__content {
  margin-bottom: 75px;
}

@media only screen and (min-width: 1170px) {
  .contact-form__content {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    width: 100%;
    margin: 0;
    margin-top: 90px;
    text-align: right;
    padding-left: 24px;
    margin-left: -24px;
  }
}

.contact-form__secondary,
.contact-form__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 1170px) {
  .contact-form__main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media only screen and (min-width: 1170px) {
  .contact-form__secondary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media only screen and (min-width: 1440px) {
  .contact-form__secondary {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.contact-form__image-large {
  width: 100%;
}

.contact-form__main .contact-form__image-large {
  display: none;
}

@media only screen and (min-width: 768px) {
  .contact-form__main .contact-form__image-large {
    display: block;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}

@media only screen and (min-width: 1170px) {
  .contact-form__main .contact-form__image-large {
    display: none;
  }
}

.contact-form__secondary .contact-form__image-large {
  max-width: calc(((100vw) / 28 * 14) * 1);
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .contact-form__secondary .contact-form__image-large {
    display: none;
    max-width: calc(((100vw - 90px) / 28 * 14) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .contact-form__secondary .contact-form__image-large {
    display: inline-block;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
    margin: 0;
  }
}

.contact-form__image-small {
  max-width: calc(((100vw) / 28 * 14) * 1);
  width: 100%;
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .contact-form__image-small {
    max-width: calc(((100vw - 90px) / 28 * 14) * 1);
  }
}

.contact-form__main .contact-form__image-small {
  margin-bottom: 75px;
}

@media only screen and (min-width: 768px) {
  .contact-form__main .contact-form__image-small {
    margin: 0 0 60px auto;
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media only screen and (min-width: 1170px) {
  .contact-form__main .contact-form__image-small {
    margin: 0;
    margin-bottom: auto;
    margin-left: auto;
  }
}

.contact-form__form {
  margin-top: 75px;
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .contact-form__form {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .contact-form__form {
    text-align: left;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    padding-right: 0;
    margin-right: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1680px) {
  .contact-form__form {
    max-width: 540px;
  }
}

@media only screen and (min-width: 1440px) {
  .contact-form__form {
    margin-bottom: 0;
  }
}

.contact-form__form.animation {
  overflow: visible;
}

@media only screen and (min-width: 1170px) {
  .contact-form__contacts-container {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
  }
}

@media only screen and (min-width: 1170px) {
  .contact-form__contacts {
    text-align: center;
  }
}

.contact-form__contacts--second {
  margin-bottom: 75px;
}

@media only screen and (min-width: 768px) {
  .contact-form__contacts--second {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .contact-form__contacts--second {
    margin-top: 60px;
  }
}

.contact-form .noUi-target {
  background-color: rgba(243,242,238,0.1);
}

.theme-light .contact-form .noUi-target {
  background-color: rgba(125,115,105,0.1);
}


@media only screen and (min-width: 768px) {
  .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.container__header {
  position: relative;
  z-index: 99;
  top: 0;
  left: 0;
  height: 100%;
  bottom: 0;
}

.container__footer,
.container__body {
  width: 100%;
  z-index: 0;
  position: relative;
  overflow: hidden;
  -webkit-transition-property: margin-left,width;
  transition-property: margin-left,width;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .container__footer,
  .container__body {
    margin-left: 90px;
    width: calc(100% - 90px);
  }
}

body.is-fullscreen-mode .container__footer,
body.is-fullscreen-mode .container__body {
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .container__body>.container__footer {
    margin-left: 0;
    width: 100%;
  }
}


@media only screen and (min-width: 1680px) {
  .content {
    max-width: 1306px;
    margin: 0 auto;
  }
}

.content__title {
  margin-bottom: 55px;
  font-weight: 200;
}

@media only screen and (min-width: 768px) {
  .content__title {
    margin-bottom: 85px;
  }
}

@media only screen and (min-width: 1170px) {
  .content__title {
    margin-bottom: 120px;
    text-align: center;
  }
}

.content__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .content__columns {
    margin: 0 -32px 55px;
  }
}

@media only screen and (min-width: 1170px) {
  .content__columns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 45px;
  }
}

.content__columns--steps {
  margin-bottom: 60px;
}

@media only screen and (min-width: 768px) {
  .content__columns--steps {
    margin-bottom: 65px;
  }
}

@media only screen and (min-width: 1170px) {
  .content__columns--steps {
    margin-bottom: 95px;
  }
}

@media only screen and (min-width: 768px) {
  .content__column {
    padding: 0 32px;
  }
}

@media only screen and (min-width: 1170px) {
  .content__column {
    max-width: calc(100% / 3);
    margin-bottom: 0;
  }
}

.content__column:not(:last-child) {
  margin-bottom: 60px;
}

.content__column-title {
  font-size: 14px;
  color: #4b4441;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  .content__column-title {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1170px) {
  .content__column-title {
    font-size: 18px;
  }
}

.content__columns .text>*+* {
  margin-top: 1.2em;
}

.content__notice {
  font-size: 14px;
  line-height: 22px;
  color: #d0c3ba;
  font-style: italic;
}

@media only screen and (min-width: 768px) {
  .content__notice {
    font-size: 16px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1170px) {
  .content__notice {
    font-size: 18px;
    text-align: center;
  }
}


.editor img {
  max-width: 100%;
  height: auto;
}

.editor .alignnone {
  margin: 5px 20px 20px 0;
}

.editor .aligncenter,
.editor div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.editor .alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.editor .alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.editor a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.editor a img.alignnone {
  margin: 5px 20px 20px 0;
}

.editor a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.editor a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.editor .wp-caption {
  padding: 5px 3px 10px;
  text-align: center;
}

.editor .wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.editor .wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.editor .wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.editor .wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}

.editor .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}


body.is-scroll-disabled {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}

.h-container {
  width: 100%;
  margin: 0 auto;
}

.h-clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.h-pull-left {
  float: left;
}

.h-pull-right {
  float: right;
}

.h-hide {
  visibility: hidden !important;
}

.h-hidden {
  display: none !important;
}

.h-visible {
  display: block !important;
}

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

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .h-hidden-sm {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1169px) {
  .h-hidden-md {
    display: none !important;
  }
}

@media only screen and (min-width: 1170px) {
  .h-hidden-lg {
    display: none !important;
  }
}

.theme-light .header__logo .logo__path {
  color: #2a2625;
}

.reservation-modal {
  padding: 0;
}

@media only screen and (min-width: 1024px) {
  .reservation-modal {
    margin-left: 90px;
  }
}

.reservation-modal__text {
  padding: 60px 15px 0;
  color: #2a2625;
}

@media only screen and (min-width: 768px) {
  .reservation-modal__text {
    padding: 90px calc(((100vw - 90px) / 28 * 2) * 1) 0;
  }
}

@media only screen and (min-width: 1024px) {
  .reservation-modal__text {
    padding-top: 60px;
  }
}

.reservation-modal__text h2 {
  font-size: 32px;
  line-height: 32px;
  color: #2a2625;
  font-weight: 200;
}

@media only screen and (min-width: 768px) {
  .reservation-modal__text h2 {
    font-size: 46px;
    line-height: 52px;
  }
}

@media only screen and (min-width: 1024px) {
  .reservation-modal__text h2 {
    font-size: 60px;
    line-height: 70px;
  }
}

.reservation-modal__text h4 {
  color: #7d7369;
}

.reservation-modal__content {
  background-color: #fff;
  color: #2a2625;
}

.reservation-modal__link-wrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(30%, #fff), to(#fff));
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 30%, #fff 100%);
}

.reservation-modal__close {
  padding-left: 52px;
  margin: 0;
}

.reservation-modal__close-icon {
  display: block;
  width: 14px;
  height: 14px;
  border-bottom: solid #4b4441 1px;
  border-left: solid #4b4441 1px;
  position: absolute;
  left: 27px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.reservation-modal__close-icon:after,
.reservation-modal__close-icon:before {
  display: none;
}

.reservation-modal__close:hover .reservation-modal__close-icon {
  border-bottom: solid #fff 1px;
  border-left: solid #fff 1px;
}

#LeadboosterContainer {
  top: 100% !important;
}


.sequence {
  text-align: center;
  width: 100%;
  position: relative;
  -webkit-transition-property: padding;
  transition-property: padding;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  height: 375px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .sequence {
    height: 690px;
  }
}

@media only screen and (min-width: 1024px) {
  .sequence {
    padding: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .sequence {
    min-height: 100vh;
    height: 100%;
  }
}

.sequence.is-disabled {
  pointer-events: none;
}

.sequence__slider {
  width: 100%;
  height: 100%;
  margin: auto;
}

.sequence__content {
  visibility: visible;
  opacity: 1;
}

.sequence.is-special .sequence__content {
  visibility: hidden;
  opacity: 0;
}

.sequence__svg {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.sequence__apt {
  opacity: 0;
  stroke: #000;
  stroke-width: .5px;
  cursor: pointer;
  fill: #d0c3ba;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.sequence__apt.is-unavailable {
  fill: #4b4441;
  cursor: default;
}

.sequence__apt.is-available {
  opacity: .5 !important;
}

.sequence.is-highlighted .sequence__slide.is-sequence-active .sequence__apt:not(.is-unavailable):not(.is-highlighted) {
  opacity: 0;
}

.sequence.is-disabled .sequence__slide.is-sequence-active .sequence__apt:not(.is-unavailable):not(.is-highlighted) {
  opacity: 0;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
}

.sequence__slide.is-sequence-active .sequence__apt:not(.is-unavailable):not(.is-highlighted):hover {
  opacity: .9 !important;
}

.sequence.is-disabled .sequence__apt {
  visibility: hidden;
}

.sequence__apt.is-highlighted,
.sequence__apt:hover {
  opacity: .9 !important;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
}

.sequence.is-available-commercial .sequence__apt.is-highlighted:not(.is-unavailable).is-bureau,
.sequence.is-available-commercial .sequence__apt.is-highlighted:not(.is-unavailable).is-commercial,
.sequence.is-available-commercial .sequence__apt:hover:not(.is-unavailable).is-bureau,
.sequence.is-available-commercial .sequence__apt:hover:not(.is-unavailable).is-commercial {
  opacity: .9 !important;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
}

.sequence.is-available .sequence__apt:not(.is-unavailable).is-bureau,
.sequence.is-available .sequence__apt:not(.is-unavailable).is-commercial {
  opacity: 0 !important;
}

.sequence__apt:not(.is-unavailable).is-bureau.is-available.is-highlighted,
.sequence__apt:not(.is-unavailable).is-commercial.is-available.is-highlighted {
  opacity: .9 !important;
}

.sequence.is-available-commercial .sequence__apt:not(.is-unavailable).is-bureau,
.sequence.is-available-commercial .sequence__apt:not(.is-unavailable).is-commercial {
  opacity: .5 !important;
}

.sequence__container {
  position: relative;
  max-width: 2000px;
  margin: auto;
}

.sequence__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1;
}

.sequence__slide.is-sequence-loaded {
  display: block;
  z-index: 2;
}

.sequence__slide.is-sequence-active {
  display: block;
  z-index: 3;
}

.sequence__slide.is-sequence-loaded.is-sequence-active {
  display: block;
  z-index: 4;
}

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

.sequence__img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  visibility: hidden;
}

.sequence__img.show-image {
  visibility: visible;
}

.sequence__cover-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-property: visibility,opacity;
  transition-property: visibility,opacity;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.sequence__cover-image.show-cover-image {
  opacity: 1;
  visibility: visible;
  -webkit-transition-duration: 1200ms;
          transition-duration: 1200ms;
}

.sequence__cover-image--bg {
  background-color: #7d7369;
}

.sequence__cover-image .image__img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: unset;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body.is-fullscreen-pricelist .image__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sequence__title {
  position: absolute;
  z-index: 5;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  opacity: 0;
  color: #353132;
  font-size: 14px;
  -webkit-transition: opacity 350ms ease-out;
  transition: opacity 350ms ease-out;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 700;
}

@media only screen and (min-width: 1024px) {
  .sequence__title {
    bottom: 25px;
  }
}

@media only screen and (min-width: 1170px) {
  .sequence__title {
    bottom: 40px;
  }
}

.sequence__title.is-visible {
  opacity: 1;
}

.sequence.is-disabled .sequence__title {
  opacity: 0;
}

.sequence__button {
  position: absolute;
  z-index: 5;
}

.sequence__button .button__icon {
  fill: none;
}

.sequence__button .icon {
  -webkit-filter: drop-shadow(0 0 4px #4b4441);
          filter: drop-shadow(0 0 4px #4b4441);
}

.sequence__button--prev .button__icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (hover: hover) {
  .sequence__button:hover .button__icon {
    color: #2a2625;
  }
}

.sequence__button--prev {
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .sequence__button--prev {
    left: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .pricelist--all .sequence__button--prev {
    left: 60px;
  }
}

.sequence__button--next {
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .sequence__button--next {
    right: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .pricelist--all .sequence__button--next {
    right: 60px;
  }
}

.sequence__special-image {
  display: block;
  width: 100%;
}

.sequence__special-svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}


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

.floorplans--tiny .floorplans__container {
  height: auto;
}

.floorplans__controls {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  top: calc((((100vw) / 28 * 4) * -.5) - 50px);
}

@media only screen and (min-width: 768px) {
  .floorplans__controls {
    top: calc(((100vw - 90px) / 28 * 2) * -.5);
  }
}

@media only screen and (min-width: 1170px) {
  .floorplans__controls {
    top: 20px;
  }
}

.floorplans__controls-button {
  border-color: transparent;
}

.floorplans__controls-button:after {
  width: 100%;
  top: -1px;
  bottom: -1px;
}

.floorplans__controls-button:hover:after {
  width: 0;
}

.floorplans__controls-button .button__text {
  color: #7d7369;
}

.floorplans__controls-button.is-active {
  border-color: #4b4441;
}

.floorplans__controls-button.is-active:after {
  width: 0;
}

.floorplans__controls-button.is-active .button__text {
  color: #4b4441;
}

.floorplans__floor-svg {
  max-height: 100%;
  width: 100%;
  vertical-align: top;
  opacity: 0;
  display: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.floorplans__floor-svg.is-active {
  opacity: 1;
  display: block;
}

@media only screen and (min-width: 768px) {
  .floorplans:not(.floorplans--tiny) .floorplans__floor-svg {
    padding: 50px 0 50px 0;
  }
}

@media only screen and (min-width: 1024px) {
  .floorplans:not(.floorplans--tiny) .floorplans__floor-svg {
    padding: 100px 0 50px 0;
  }
}

@media only screen and (min-width: 1170px) {
  .floorplans:not(.floorplans--tiny) .floorplans__floor-svg {
    padding: 150px 0 50px 0;
  }
}

.floorplans__apt {
  opacity: 0;
  cursor: pointer;
  fill: #e8e0d8;
}

.apartment-details__floorplans .floorplans__apt {
  pointer-events: none;
}

.floorplans__apt.is-disabled {
  fill: #4b4441;
}

.floorplans__svg {
  max-height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  display: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.floorplans__svg.is-active {
  opacity: 1;
  display: block;
}

@media only screen and (min-width: 768px) {
  .floorplans:not(.floorplans--tiny) .floorplans__svg {
    padding: 50px 0 50px 0;
  }
}

@media only screen and (min-width: 1024px) {
  .floorplans:not(.floorplans--tiny) .floorplans__svg {
    padding: 100px 0 50px 0;
  }
}

@media only screen and (min-width: 1170px) {
  .floorplans:not(.floorplans--tiny) .floorplans__svg {
    padding: 150px 0 50px 0;
  }
}

.floorplans__apt.is-active,
.floorplans__apt:hover {
  opacity: .8;
}


.footer {
  background-color: rgba(42,38,37,0.9);
  height: 100vh;
  width: 100%;
}

@media only screen and (min-width: 1170px) {
  .is-animating-ajax-footer .footer {
    -webkit-transition-property: height, opacity !important;
    transition-property: height, opacity !important;
    -webkit-transition-duration: 1000ms, 500ms !important;
            transition-duration: 1000ms, 500ms !important;
    -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
            transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
    -webkit-transition-delay: 0ms, 1000ms !important;
            transition-delay: 0ms, 1000ms !important;
  }
}

@media only screen and (min-width: 1170px) {
  .is-animating-ajax-footer-two .footer {
    overflow: hidden;
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@media only screen and (min-width: 1170px) {
  .is-animating-ajax-footer-three .footer {
    height: calc(100vh - 90px);
    opacity: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .is-animating-ajax-footer-fade .footer {
    opacity: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .is-animating-ajax-footer-slide .footer {
    -webkit-transition-property: -webkit-transform !important;
    transition-property: -webkit-transform !important;
    transition-property: transform !important;
    transition-property: transform, -webkit-transform !important;
    -webkit-transition-duration: 1000ms !important;
            transition-duration: 1000ms !important;
    -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
            transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
    -webkit-transition-delay: 0ms !important;
            transition-delay: 0ms !important;
    -webkit-transform: translate3d(0, -100vh, 0);
            transform: translate3d(0, -100vh, 0);
  }
}

.footer__inner {
  height: 100%;
}

.footer__image {
  height: 100%;
  position: relative;
}

.footer__image:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 100%;
}

.footer__image>.image__picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .footer__image {
    position: relative;
  }

  .footer__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 75%;
  }

  .footer__image>.image__picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
}

@media only screen and (min-width: 1170px) {
  .footer__image {
    height: 100%;
  }
}

@media only screen and (min-width: 1170px) {
  .footer__image:before {
    content: none;
  }
}

.footer__image .image__img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100vw;
  height: 100%;
}

.footer__image .image__picture {
  height: 100%;
}

@media only screen and (min-width: 1170px) {
  .footer__image .image__picture {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 800ms;
            transition-duration: 800ms;
    -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media only screen and (min-width: 1170px) {
  .is-animating-ajax-footer .footer__image .image__picture {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@media only screen and (min-width: 1170px) {
  .is-animating-ajax-footer-three .footer__image .image__picture {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 1000ms;
            transition-duration: 1000ms;
    -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
  }
}

.footer__content-wrapper {
  position: relative;
  height: 100%;
}

.footer__content-wrapper:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 100%;
}

.footer__content-wrapper>.footer__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .footer__content-wrapper {
    position: relative;
  }

  .footer__content-wrapper:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 75%;
  }

  .footer__content-wrapper>.footer__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
}

@media only screen and (min-width: 1170px) {
  .footer__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .is-animating-ajax-footer .footer__content-wrapper {
    height: 100%;
    width: calc((100vw - 90px)/2);
  }
}

@media only screen and (min-width: 1680px) {
  .footer__content-wrapper {
    max-width: 795px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1170px) {
  .footer__content-wrapper:before {
    content: none;
  }
}

.footer__content {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 1170px) {
  .footer__content {
    padding: 0 calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

.footer__sales {
  margin-bottom: 20px;
}

.footer__next-title {
  color: #fff;
  margin-bottom: 26px;
  font-size: 30px;
}

@media only screen and (min-width: 768px) {
  .footer__next-title {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1170px) {
  .footer__next-title {
    font-size: 50px;
    margin-bottom: 46px;
  }
}

.footer__trigger-form {
  margin-bottom: 36px;
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .footer__trigger-form {
    margin-bottom: calc(((100vw - 90px) / 28 * 1.5) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .footer__trigger-form {
    margin-top: 0;
  }
}

.footer__form {
  display: none;
  width: 100%;
}

@media only screen and (min-width: 1170px) {
  .footer__form {
    display: block;
  }
}

.footer__grid {
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 1170px) {
  .is-animating-ajax-footer .footer__grid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.footer__col {
  position: relative;
  height: 50vh;
  -webkit-transition-property: max-width;
  transition-property: max-width;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}

@media only screen and (min-width: 1170px) {
  .footer__col {
    height: 100vh;
  }
}

@media only screen and (min-width: 1170px) {
  .is-animating-ajax-footer .footer__col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }

  .is-animating-ajax-footer .footer__col-left {
    max-width: 0;
  }

  .is-animating-ajax-footer .footer__col-right {
    height: 100vh;
  }
}

.is-animating-ajax-footer .footer__col-left {
  overflow: hidden;
}

.footer__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  background-color: rgba(42,38,37,0.7);
  z-index: 1;
  -webkit-transition-property: opacity !important;
  transition-property: opacity !important;
  -webkit-transition-duration: 500ms !important;
          transition-duration: 500ms !important;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
  -webkit-transition-delay: 1000ms !important;
          transition-delay: 1000ms !important;
}

@media only screen and (min-width: 1170px) {
  .is-animating-ajax-footer .footer__overlay {
    opacity: 0;
  }
}

.is-animating-ajax-footer .footer__overlay .animation {
  opacity: 0 !important;
  -webkit-transition-property: opacity !important;
  transition-property: opacity !important;
  -webkit-transition-duration: 500ms !important;
          transition-duration: 500ms !important;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
}

.footer__form-title {
  text-align: center;
  color: #fff;
  margin-bottom: 26px;
}

@media only screen and (min-width: 1170px) {
  .footer__form-title {
    display: block;
  }
}

.footer__form-intro {
  text-align: center;
  color: #fff;
  margin-bottom: 52px;
  font-weight: 400;
  max-width: 270px;
}

.sales-contacts--form.footer__sales .sales-contacts__item {
  font-size: 18px;
}

@media only screen and (min-width: 768px) {
  .sales-contacts--form.footer__sales .sales-contacts__item {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1170px) {
  .sales-contacts--form.footer__sales .sales-contacts__item {
    font-size: 18px;
  }
}

.sales-contacts--form.footer__sales .sales-contacts__item--name {
  font-weight: 500;
}

.form--footer .form__footer {
  margin-top: 26px;
}

.footer__terms-link {
  text-transform: uppercase;
  padding: calc(((100vw - 90px) / 28 * 1) * 1) 0 15px;
  font-size: 10px;
  color: #7d7369;
  font-weight: 500;
  letter-spacing: 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .footer__terms-link {
    font-size: 12px;
  }
}

.footer__terms-link:hover {
  color: #d0c3ba;
}

@media only screen and (min-width: 1170px) {
  .footer__navigation {
    margin-top: 52px;
  }
}


.form__body>.form__row {
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .form__body>.form__row {
    margin-top: 30px;
  }
}

.gform_footer,
.form__footer {
  margin-top: 35px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .gform_footer,
  .form__footer {
    margin-top: 55px;
  }
}

.form--contacts .gform_footer,
.form--contacts .form__footer {
  text-align: left;
}

.form--register .gform_footer,
.form--register .form__footer {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .form--newsletter .gform_footer,
  .form--newsletter .form__footer {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) and (max-height: 768px) {
  .gform_footer,
  .form__footer {
    margin-top: 20px;
  }
}

.form__confirmation {
  text-align: center;
}

.form__confirmation * {
  color: #fff;
}

.form__confirmation-icon {
  font-size: 52px;
  margin-bottom: 14px;
}

@media only screen and (min-width: 1024px) {
  .form__confirmation-icon {
    font-size: 72px;
    margin-bottom: 24px;
  }
}

.footer .form--newsletter {
  display: none;
  width: 100%;
}

@media only screen and (min-width: 1170px) {
  .footer .form--newsletter {
    display: block;
  }
}


.grid {
  letter-spacing: -.65em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -.5px;
  margin-left: -.5px;
  margin-bottom: -1px;
}

.grid--no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.grid--no-gutter {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}

.grid--no-horizontal-gutter {
  margin-right: 0;
  margin-left: 0;
}

.grid--no-vertical-gutter {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .grid--finance {
    margin-bottom: -70px;
  }
}

@media only screen and (min-width: 1170px) {
  .grid--finance {
    margin-bottom: 0;
  }
}

.grid--finance .grid__col {
  padding: 0 calc(((100vw - 90px) / 28 * 1) * 1) 0 0;
}

@media only screen and (min-width: 768px) {
  .grid--finance .grid__col {
    padding-bottom: 70px;
  }
}

.grid--form {
  margin: 0 -5px;
}

.grid--form .grid__col {
  padding: 0 5px;
}

.grid__col {
  letter-spacing: 0;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-right: .5px;
  padding-left: .5px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  width: 100%;
  margin-bottom: 1px;
  outline: none;
}

.grid--equalheight>.grid__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid--no-gutter>.grid__col {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.grid--no-horizontal-gutter>.grid__col {
  padding-left: 0;
  padding-right: 0;
}

.grid--no-vertical-gutter>.grid__col {
  margin-bottom: 0;
}

.grid__col--no-vertical-gutter {
  margin-bottom: 0;
}

.grid__col--xs-1 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 3.57143%;
      flex-basis: 3.57143%;
  max-width: 3.57143%;
}

.grid__col--xs-2 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 7.14286%;
      flex-basis: 7.14286%;
  max-width: 7.14286%;
}

.grid__col--xs-3 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 10.71429%;
      flex-basis: 10.71429%;
  max-width: 10.71429%;
}

.grid__col--xs-4 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 14.28571%;
      flex-basis: 14.28571%;
  max-width: 14.28571%;
}

.grid__col--xs-5 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 17.85714%;
      flex-basis: 17.85714%;
  max-width: 17.85714%;
}

.grid__col--xs-6 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 21.42857%;
      flex-basis: 21.42857%;
  max-width: 21.42857%;
}

.grid__col--xs-7 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}

.grid__col--xs-8 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 28.57143%;
      flex-basis: 28.57143%;
  max-width: 28.57143%;
}

.grid__col--xs-9 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 32.14286%;
      flex-basis: 32.14286%;
  max-width: 32.14286%;
}

.grid__col--xs-10 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 35.71429%;
      flex-basis: 35.71429%;
  max-width: 35.71429%;
}

.grid__col--xs-11 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 39.28571%;
      flex-basis: 39.28571%;
  max-width: 39.28571%;
}

.grid__col--xs-12 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 42.85714%;
      flex-basis: 42.85714%;
  max-width: 42.85714%;
}

.grid__col--xs-13 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 46.42857%;
      flex-basis: 46.42857%;
  max-width: 46.42857%;
}

.grid__col--xs-14 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}

.grid__col--xs-15 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 53.57143%;
      flex-basis: 53.57143%;
  max-width: 53.57143%;
}

.grid__col--xs-16 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 57.14286%;
      flex-basis: 57.14286%;
  max-width: 57.14286%;
}

.grid__col--xs-17 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 60.71429%;
      flex-basis: 60.71429%;
  max-width: 60.71429%;
}

.grid__col--xs-18 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 64.28571%;
      flex-basis: 64.28571%;
  max-width: 64.28571%;
}

.grid__col--xs-19 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 67.85714%;
      flex-basis: 67.85714%;
  max-width: 67.85714%;
}

.grid__col--xs-20 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 71.42857%;
      flex-basis: 71.42857%;
  max-width: 71.42857%;
}

.grid__col--xs-21 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  max-width: 75%;
}

.grid__col--xs-22 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 78.57143%;
      flex-basis: 78.57143%;
  max-width: 78.57143%;
}

.grid__col--xs-23 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 82.14286%;
      flex-basis: 82.14286%;
  max-width: 82.14286%;
}

.grid__col--xs-24 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 85.71429%;
      flex-basis: 85.71429%;
  max-width: 85.71429%;
}

.grid__col--xs-25 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 89.28571%;
      flex-basis: 89.28571%;
  max-width: 89.28571%;
}

.grid__col--xs-26 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 92.85714%;
      flex-basis: 92.85714%;
  max-width: 92.85714%;
}

.grid__col--xs-27 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 96.42857%;
      flex-basis: 96.42857%;
  max-width: 96.42857%;
}

.grid__col--xs-28 {
  -webkit-box-ordinal-group: auto;
      -ms-flex-order: auto;
          order: auto;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

.grid__col--offset-xs-1 {
  margin-left: 3.57143%;
}

.grid__col--offset-xs-2 {
  margin-left: 7.14286%;
}

.grid__col--offset-xs-3 {
  margin-left: 10.71429%;
}

.grid__col--offset-xs-4 {
  margin-left: 14.28571%;
}

.grid__col--offset-xs-5 {
  margin-left: 17.85714%;
}

.grid__col--offset-xs-6 {
  margin-left: 21.42857%;
}

.grid__col--offset-xs-7 {
  margin-left: 25%;
}

.grid__col--offset-xs-8 {
  margin-left: 28.57143%;
}

.grid__col--offset-xs-9 {
  margin-left: 32.14286%;
}

.grid__col--offset-xs-10 {
  margin-left: 35.71429%;
}

.grid__col--offset-xs-11 {
  margin-left: 39.28571%;
}

.grid__col--offset-xs-12 {
  margin-left: 42.85714%;
}

.grid__col--offset-xs-13 {
  margin-left: 46.42857%;
}

.grid__col--offset-xs-14 {
  margin-left: 50%;
}

.grid__col--offset-xs-15 {
  margin-left: 53.57143%;
}

.grid__col--offset-xs-16 {
  margin-left: 57.14286%;
}

.grid__col--offset-xs-17 {
  margin-left: 60.71429%;
}

.grid__col--offset-xs-18 {
  margin-left: 64.28571%;
}

.grid__col--offset-xs-19 {
  margin-left: 67.85714%;
}

.grid__col--offset-xs-20 {
  margin-left: 71.42857%;
}

.grid__col--offset-xs-21 {
  margin-left: 75%;
}

.grid__col--offset-xs-22 {
  margin-left: 78.57143%;
}

.grid__col--offset-xs-23 {
  margin-left: 82.14286%;
}

.grid__col--offset-xs-24 {
  margin-left: 85.71429%;
}

.grid__col--offset-xs-25 {
  margin-left: 89.28571%;
}

.grid__col--offset-xs-26 {
  margin-left: 92.85714%;
}

.grid__col--offset-xs-27 {
  margin-left: 96.42857%;
}

.grid__col--offset-xs-28 {
  margin-left: 100%;
}

.grid__col--xs {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  max-width: 100%;
}

.grid__col--min-xs {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  max-width: 100%;
}

.grid__col--max-xs {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.grid__col--top-xs {
  -ms-flex-item-align: start;
      align-self: flex-start;
  vertical-align: top;
}

.grid__col--middle-xs {
  -ms-flex-item-align: center;
      align-self: center;
  vertical-align: middle;
}

.grid__col--bottom-xs {
  -ms-flex-item-align: end;
      align-self: flex-end;
  vertical-align: bottom;
}

.grid--direction-row-xs {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.grid--reverse-xs {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.grid--start-xs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
}

.grid--center-xs {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.grid--end-xs {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}

.grid--top-xs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.grid--top-xs>.grid__col {
  vertical-align: top;
}

.grid--middle-xs {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.grid--middle-xs>.grid__col {
  vertical-align: middle;
}

.grid--bottom-xs {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.grid--bottom-xs>.grid__col {
  vertical-align: bottom;
}

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

.grid--between-xs {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.grid__col--original-xs {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.grid__col--first-xs {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.grid__col--last-xs {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.grid--no-wrap-xs {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media only screen and (min-width: 768px) {
  .grid__col--sm-1 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 3.57143%;
        flex-basis: 3.57143%;
    max-width: 3.57143%;
  }

  .grid__col--sm-2 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 7.14286%;
        flex-basis: 7.14286%;
    max-width: 7.14286%;
  }

  .grid__col--sm-3 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 10.71429%;
        flex-basis: 10.71429%;
    max-width: 10.71429%;
  }

  .grid__col--sm-4 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
    max-width: 14.28571%;
  }

  .grid__col--sm-5 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 17.85714%;
        flex-basis: 17.85714%;
    max-width: 17.85714%;
  }

  .grid__col--sm-6 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 21.42857%;
        flex-basis: 21.42857%;
    max-width: 21.42857%;
  }

  .grid__col--sm-7 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }

  .grid__col--sm-8 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 28.57143%;
        flex-basis: 28.57143%;
    max-width: 28.57143%;
  }

  .grid__col--sm-9 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 32.14286%;
        flex-basis: 32.14286%;
    max-width: 32.14286%;
  }

  .grid__col--sm-10 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 35.71429%;
        flex-basis: 35.71429%;
    max-width: 35.71429%;
  }

  .grid__col--sm-11 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 39.28571%;
        flex-basis: 39.28571%;
    max-width: 39.28571%;
  }

  .grid__col--sm-12 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 42.85714%;
        flex-basis: 42.85714%;
    max-width: 42.85714%;
  }

  .grid__col--sm-13 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 46.42857%;
        flex-basis: 46.42857%;
    max-width: 46.42857%;
  }

  .grid__col--sm-14 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

  .grid__col--sm-15 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 53.57143%;
        flex-basis: 53.57143%;
    max-width: 53.57143%;
  }

  .grid__col--sm-16 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 57.14286%;
        flex-basis: 57.14286%;
    max-width: 57.14286%;
  }

  .grid__col--sm-17 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 60.71429%;
        flex-basis: 60.71429%;
    max-width: 60.71429%;
  }

  .grid__col--sm-18 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 64.28571%;
        flex-basis: 64.28571%;
    max-width: 64.28571%;
  }

  .grid__col--sm-19 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 67.85714%;
        flex-basis: 67.85714%;
    max-width: 67.85714%;
  }

  .grid__col--sm-20 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 71.42857%;
        flex-basis: 71.42857%;
    max-width: 71.42857%;
  }

  .grid__col--sm-21 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }

  .grid__col--sm-22 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 78.57143%;
        flex-basis: 78.57143%;
    max-width: 78.57143%;
  }

  .grid__col--sm-23 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 82.14286%;
        flex-basis: 82.14286%;
    max-width: 82.14286%;
  }

  .grid__col--sm-24 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 85.71429%;
        flex-basis: 85.71429%;
    max-width: 85.71429%;
  }

  .grid__col--sm-25 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 89.28571%;
        flex-basis: 89.28571%;
    max-width: 89.28571%;
  }

  .grid__col--sm-26 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 92.85714%;
        flex-basis: 92.85714%;
    max-width: 92.85714%;
  }

  .grid__col--sm-27 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 96.42857%;
        flex-basis: 96.42857%;
    max-width: 96.42857%;
  }

  .grid__col--sm-28 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

  .grid__col--offset-sm-1 {
    margin-left: 3.57143%;
  }

  .grid__col--offset-sm-2 {
    margin-left: 7.14286%;
  }

  .grid__col--offset-sm-3 {
    margin-left: 10.71429%;
  }

  .grid__col--offset-sm-4 {
    margin-left: 14.28571%;
  }

  .grid__col--offset-sm-5 {
    margin-left: 17.85714%;
  }

  .grid__col--offset-sm-6 {
    margin-left: 21.42857%;
  }

  .grid__col--offset-sm-7 {
    margin-left: 25%;
  }

  .grid__col--offset-sm-8 {
    margin-left: 28.57143%;
  }

  .grid__col--offset-sm-9 {
    margin-left: 32.14286%;
  }

  .grid__col--offset-sm-10 {
    margin-left: 35.71429%;
  }

  .grid__col--offset-sm-11 {
    margin-left: 39.28571%;
  }

  .grid__col--offset-sm-12 {
    margin-left: 42.85714%;
  }

  .grid__col--offset-sm-13 {
    margin-left: 46.42857%;
  }

  .grid__col--offset-sm-14 {
    margin-left: 50%;
  }

  .grid__col--offset-sm-15 {
    margin-left: 53.57143%;
  }

  .grid__col--offset-sm-16 {
    margin-left: 57.14286%;
  }

  .grid__col--offset-sm-17 {
    margin-left: 60.71429%;
  }

  .grid__col--offset-sm-18 {
    margin-left: 64.28571%;
  }

  .grid__col--offset-sm-19 {
    margin-left: 67.85714%;
  }

  .grid__col--offset-sm-20 {
    margin-left: 71.42857%;
  }

  .grid__col--offset-sm-21 {
    margin-left: 75%;
  }

  .grid__col--offset-sm-22 {
    margin-left: 78.57143%;
  }

  .grid__col--offset-sm-23 {
    margin-left: 82.14286%;
  }

  .grid__col--offset-sm-24 {
    margin-left: 85.71429%;
  }

  .grid__col--offset-sm-25 {
    margin-left: 89.28571%;
  }

  .grid__col--offset-sm-26 {
    margin-left: 92.85714%;
  }

  .grid__col--offset-sm-27 {
    margin-left: 96.42857%;
  }

  .grid__col--offset-sm-28 {
    margin-left: 100%;
  }

  .grid__col--sm {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    max-width: 100%;
  }

  .grid__col--min-sm {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    max-width: 100%;
  }

  .grid__col--max-sm {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }

  .grid__col--top-sm {
    -ms-flex-item-align: start;
        align-self: flex-start;
    vertical-align: top;
  }

  .grid__col--middle-sm {
    -ms-flex-item-align: center;
        align-self: center;
    vertical-align: middle;
  }

  .grid__col--bottom-sm {
    -ms-flex-item-align: end;
        align-self: flex-end;
    vertical-align: bottom;
  }

  .grid--direction-row-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .grid--reverse-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .grid--start-sm {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
  }

  .grid--center-sm {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }

  .grid--end-sm {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
  }

  .grid--top-sm {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .grid--top-sm>.grid__col {
    vertical-align: top;
  }

  .grid--middle-sm {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .grid--middle-sm>.grid__col {
    vertical-align: middle;
  }

  .grid--bottom-sm {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .grid--bottom-sm>.grid__col {
    vertical-align: bottom;
  }

  .grid--around-sm {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .grid--between-sm {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .grid__col--original-sm {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .grid__col--first-sm {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .grid__col--last-sm {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .grid--no-wrap-sm {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 1024px) {
  .grid__col--md-1 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 3.57143%;
        flex-basis: 3.57143%;
    max-width: 3.57143%;
  }

  .grid__col--md-2 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 7.14286%;
        flex-basis: 7.14286%;
    max-width: 7.14286%;
  }

  .grid__col--md-3 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 10.71429%;
        flex-basis: 10.71429%;
    max-width: 10.71429%;
  }

  .grid__col--md-4 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
    max-width: 14.28571%;
  }

  .grid__col--md-5 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 17.85714%;
        flex-basis: 17.85714%;
    max-width: 17.85714%;
  }

  .grid__col--md-6 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 21.42857%;
        flex-basis: 21.42857%;
    max-width: 21.42857%;
  }

  .grid__col--md-7 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }

  .grid__col--md-8 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 28.57143%;
        flex-basis: 28.57143%;
    max-width: 28.57143%;
  }

  .grid__col--md-9 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 32.14286%;
        flex-basis: 32.14286%;
    max-width: 32.14286%;
  }

  .grid__col--md-10 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 35.71429%;
        flex-basis: 35.71429%;
    max-width: 35.71429%;
  }

  .grid__col--md-11 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 39.28571%;
        flex-basis: 39.28571%;
    max-width: 39.28571%;
  }

  .grid__col--md-12 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 42.85714%;
        flex-basis: 42.85714%;
    max-width: 42.85714%;
  }

  .grid__col--md-13 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 46.42857%;
        flex-basis: 46.42857%;
    max-width: 46.42857%;
  }

  .grid__col--md-14 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

  .grid__col--md-15 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 53.57143%;
        flex-basis: 53.57143%;
    max-width: 53.57143%;
  }

  .grid__col--md-16 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 57.14286%;
        flex-basis: 57.14286%;
    max-width: 57.14286%;
  }

  .grid__col--md-17 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 60.71429%;
        flex-basis: 60.71429%;
    max-width: 60.71429%;
  }

  .grid__col--md-18 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 64.28571%;
        flex-basis: 64.28571%;
    max-width: 64.28571%;
  }

  .grid__col--md-19 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 67.85714%;
        flex-basis: 67.85714%;
    max-width: 67.85714%;
  }

  .grid__col--md-20 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 71.42857%;
        flex-basis: 71.42857%;
    max-width: 71.42857%;
  }

  .grid__col--md-21 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }

  .grid__col--md-22 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 78.57143%;
        flex-basis: 78.57143%;
    max-width: 78.57143%;
  }

  .grid__col--md-23 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 82.14286%;
        flex-basis: 82.14286%;
    max-width: 82.14286%;
  }

  .grid__col--md-24 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 85.71429%;
        flex-basis: 85.71429%;
    max-width: 85.71429%;
  }

  .grid__col--md-25 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 89.28571%;
        flex-basis: 89.28571%;
    max-width: 89.28571%;
  }

  .grid__col--md-26 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 92.85714%;
        flex-basis: 92.85714%;
    max-width: 92.85714%;
  }

  .grid__col--md-27 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 96.42857%;
        flex-basis: 96.42857%;
    max-width: 96.42857%;
  }

  .grid__col--md-28 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

  .grid__col--offset-md-1 {
    margin-left: 3.57143%;
  }

  .grid__col--offset-md-2 {
    margin-left: 7.14286%;
  }

  .grid__col--offset-md-3 {
    margin-left: 10.71429%;
  }

  .grid__col--offset-md-4 {
    margin-left: 14.28571%;
  }

  .grid__col--offset-md-5 {
    margin-left: 17.85714%;
  }

  .grid__col--offset-md-6 {
    margin-left: 21.42857%;
  }

  .grid__col--offset-md-7 {
    margin-left: 25%;
  }

  .grid__col--offset-md-8 {
    margin-left: 28.57143%;
  }

  .grid__col--offset-md-9 {
    margin-left: 32.14286%;
  }

  .grid__col--offset-md-10 {
    margin-left: 35.71429%;
  }

  .grid__col--offset-md-11 {
    margin-left: 39.28571%;
  }

  .grid__col--offset-md-12 {
    margin-left: 42.85714%;
  }

  .grid__col--offset-md-13 {
    margin-left: 46.42857%;
  }

  .grid__col--offset-md-14 {
    margin-left: 50%;
  }

  .grid__col--offset-md-15 {
    margin-left: 53.57143%;
  }

  .grid__col--offset-md-16 {
    margin-left: 57.14286%;
  }

  .grid__col--offset-md-17 {
    margin-left: 60.71429%;
  }

  .grid__col--offset-md-18 {
    margin-left: 64.28571%;
  }

  .grid__col--offset-md-19 {
    margin-left: 67.85714%;
  }

  .grid__col--offset-md-20 {
    margin-left: 71.42857%;
  }

  .grid__col--offset-md-21 {
    margin-left: 75%;
  }

  .grid__col--offset-md-22 {
    margin-left: 78.57143%;
  }

  .grid__col--offset-md-23 {
    margin-left: 82.14286%;
  }

  .grid__col--offset-md-24 {
    margin-left: 85.71429%;
  }

  .grid__col--offset-md-25 {
    margin-left: 89.28571%;
  }

  .grid__col--offset-md-26 {
    margin-left: 92.85714%;
  }

  .grid__col--offset-md-27 {
    margin-left: 96.42857%;
  }

  .grid__col--offset-md-28 {
    margin-left: 100%;
  }

  .grid__col--md {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    max-width: 100%;
  }

  .grid__col--min-md {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    max-width: 100%;
  }

  .grid__col--max-md {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }

  .grid__col--top-md {
    -ms-flex-item-align: start;
        align-self: flex-start;
    vertical-align: top;
  }

  .grid__col--middle-md {
    -ms-flex-item-align: center;
        align-self: center;
    vertical-align: middle;
  }

  .grid__col--bottom-md {
    -ms-flex-item-align: end;
        align-self: flex-end;
    vertical-align: bottom;
  }

  .grid--direction-row-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .grid--reverse-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .grid--start-md {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
  }

  .grid--center-md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }

  .grid--end-md {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
  }

  .grid--top-md {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .grid--top-md>.grid__col {
    vertical-align: top;
  }

  .grid--middle-md {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .grid--middle-md>.grid__col {
    vertical-align: middle;
  }

  .grid--bottom-md {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .grid--bottom-md>.grid__col {
    vertical-align: bottom;
  }

  .grid--around-md {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .grid--between-md {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .grid__col--original-md {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .grid__col--first-md {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .grid__col--last-md {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .grid--no-wrap-md {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 1170px) {
  .grid__col--lg-1 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 3.57143%;
        flex-basis: 3.57143%;
    max-width: 3.57143%;
  }

  .grid__col--lg-2 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 7.14286%;
        flex-basis: 7.14286%;
    max-width: 7.14286%;
  }

  .grid__col--lg-3 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 10.71429%;
        flex-basis: 10.71429%;
    max-width: 10.71429%;
  }

  .grid__col--lg-4 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
    max-width: 14.28571%;
  }

  .grid__col--lg-5 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 17.85714%;
        flex-basis: 17.85714%;
    max-width: 17.85714%;
  }

  .grid__col--lg-6 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 21.42857%;
        flex-basis: 21.42857%;
    max-width: 21.42857%;
  }

  .grid__col--lg-7 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }

  .grid__col--lg-8 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 28.57143%;
        flex-basis: 28.57143%;
    max-width: 28.57143%;
  }

  .grid__col--lg-9 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 32.14286%;
        flex-basis: 32.14286%;
    max-width: 32.14286%;
  }

  .grid__col--lg-10 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 35.71429%;
        flex-basis: 35.71429%;
    max-width: 35.71429%;
  }

  .grid__col--lg-11 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 39.28571%;
        flex-basis: 39.28571%;
    max-width: 39.28571%;
  }

  .grid__col--lg-12 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 42.85714%;
        flex-basis: 42.85714%;
    max-width: 42.85714%;
  }

  .grid__col--lg-13 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 46.42857%;
        flex-basis: 46.42857%;
    max-width: 46.42857%;
  }

  .grid__col--lg-14 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

  .grid__col--lg-15 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 53.57143%;
        flex-basis: 53.57143%;
    max-width: 53.57143%;
  }

  .grid__col--lg-16 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 57.14286%;
        flex-basis: 57.14286%;
    max-width: 57.14286%;
  }

  .grid__col--lg-17 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 60.71429%;
        flex-basis: 60.71429%;
    max-width: 60.71429%;
  }

  .grid__col--lg-18 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 64.28571%;
        flex-basis: 64.28571%;
    max-width: 64.28571%;
  }

  .grid__col--lg-19 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 67.85714%;
        flex-basis: 67.85714%;
    max-width: 67.85714%;
  }

  .grid__col--lg-20 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 71.42857%;
        flex-basis: 71.42857%;
    max-width: 71.42857%;
  }

  .grid__col--lg-21 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }

  .grid__col--lg-22 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 78.57143%;
        flex-basis: 78.57143%;
    max-width: 78.57143%;
  }

  .grid__col--lg-23 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 82.14286%;
        flex-basis: 82.14286%;
    max-width: 82.14286%;
  }

  .grid__col--lg-24 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 85.71429%;
        flex-basis: 85.71429%;
    max-width: 85.71429%;
  }

  .grid__col--lg-25 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 89.28571%;
        flex-basis: 89.28571%;
    max-width: 89.28571%;
  }

  .grid__col--lg-26 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 92.85714%;
        flex-basis: 92.85714%;
    max-width: 92.85714%;
  }

  .grid__col--lg-27 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 96.42857%;
        flex-basis: 96.42857%;
    max-width: 96.42857%;
  }

  .grid__col--lg-28 {
    -webkit-box-ordinal-group: auto;
        -ms-flex-order: auto;
            order: auto;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

  .grid__col--offset-lg-1 {
    margin-left: 3.57143%;
  }

  .grid__col--offset-lg-2 {
    margin-left: 7.14286%;
  }

  .grid__col--offset-lg-3 {
    margin-left: 10.71429%;
  }

  .grid__col--offset-lg-4 {
    margin-left: 14.28571%;
  }

  .grid__col--offset-lg-5 {
    margin-left: 17.85714%;
  }

  .grid__col--offset-lg-6 {
    margin-left: 21.42857%;
  }

  .grid__col--offset-lg-7 {
    margin-left: 25%;
  }

  .grid__col--offset-lg-8 {
    margin-left: 28.57143%;
  }

  .grid__col--offset-lg-9 {
    margin-left: 32.14286%;
  }

  .grid__col--offset-lg-10 {
    margin-left: 35.71429%;
  }

  .grid__col--offset-lg-11 {
    margin-left: 39.28571%;
  }

  .grid__col--offset-lg-12 {
    margin-left: 42.85714%;
  }

  .grid__col--offset-lg-13 {
    margin-left: 46.42857%;
  }

  .grid__col--offset-lg-14 {
    margin-left: 50%;
  }

  .grid__col--offset-lg-15 {
    margin-left: 53.57143%;
  }

  .grid__col--offset-lg-16 {
    margin-left: 57.14286%;
  }

  .grid__col--offset-lg-17 {
    margin-left: 60.71429%;
  }

  .grid__col--offset-lg-18 {
    margin-left: 64.28571%;
  }

  .grid__col--offset-lg-19 {
    margin-left: 67.85714%;
  }

  .grid__col--offset-lg-20 {
    margin-left: 71.42857%;
  }

  .grid__col--offset-lg-21 {
    margin-left: 75%;
  }

  .grid__col--offset-lg-22 {
    margin-left: 78.57143%;
  }

  .grid__col--offset-lg-23 {
    margin-left: 82.14286%;
  }

  .grid__col--offset-lg-24 {
    margin-left: 85.71429%;
  }

  .grid__col--offset-lg-25 {
    margin-left: 89.28571%;
  }

  .grid__col--offset-lg-26 {
    margin-left: 92.85714%;
  }

  .grid__col--offset-lg-27 {
    margin-left: 96.42857%;
  }

  .grid__col--offset-lg-28 {
    margin-left: 100%;
  }

  .grid__col--lg {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    max-width: 100%;
  }

  .grid__col--min-lg {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    max-width: 100%;
  }

  .grid__col--max-lg {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }

  .grid__col--top-lg {
    -ms-flex-item-align: start;
        align-self: flex-start;
    vertical-align: top;
  }

  .grid__col--middle-lg {
    -ms-flex-item-align: center;
        align-self: center;
    vertical-align: middle;
  }

  .grid__col--bottom-lg {
    -ms-flex-item-align: end;
        align-self: flex-end;
    vertical-align: bottom;
  }

  .grid--direction-row-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .grid--reverse-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .grid--start-lg {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
  }

  .grid--center-lg {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }

  .grid--end-lg {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
  }

  .grid--top-lg {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .grid--top-lg>.grid__col {
    vertical-align: top;
  }

  .grid--middle-lg {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .grid--middle-lg>.grid__col {
    vertical-align: middle;
  }

  .grid--bottom-lg {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .grid--bottom-lg>.grid__col {
    vertical-align: bottom;
  }

  .grid--around-lg {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .grid--between-lg {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .grid__col--original-lg {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .grid__col--first-lg {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .grid__col--last-lg {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .grid--no-wrap-lg {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  outline: none;
  height: 50px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

@media only screen and (min-width: 768px) {
  .hamburger {
    height: 90px;
  }
}

.hamburger:focus {
  border: none;
  outline: none;
}

.hamburger:active {
  background: transparent;
}

.hamburger:hover {
  opacity: 1;
}

.hamburger-box {
  width: 22px;
  height: 15px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -.5px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 22px;
  height: 1px;
  background-color: #f3f2ee;
  border-radius: 0;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
}

body.theme-light .hamburger-inner,
body.theme-light .hamburger-inner::before,
body.theme-light .hamburger-inner::after {
  background-color: #2a2625;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: '';
  display: block;
}

.hamburger-inner::before {
  top: -7px;
}

.hamburger-inner::after {
  bottom: -7px;
}

.hamburger--slider .hamburger-inner {
  top: .5px;
}

.hamburger--slider .hamburger-inner::before {
  top: 7px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
}

.hamburger--slider .hamburger-inner::after {
  top: 14px;
}

.hamburger--slider.is-active .hamburger-inner,
.is-visible-menu .hamburger--slider .hamburger-inner {
  -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
          transform: translate3d(0, 7px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before,
.is-visible-menu .hamburger--slider .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-3.14286px, -6px, 0);
          transform: rotate(-45deg) translate3d(-3.14286px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after,
.is-visible-menu .hamburger--slider .hamburger-inner::after {
  -webkit-transform: translate3d(0, -14px, 0) rotate(-90deg);
          transform: translate3d(0, -14px, 0) rotate(-90deg);
}


.icon {
  width: 1em;
  height: 1em;
  color: inherit;
  fill: currentColor;
}


.image {
  overflow: hidden;
}

.image--cover {
  width: 100%;
  height: 100%;
}

.image__img {
  vertical-align: top;
  width: 100%;
  -webkit-transition: opacity 800ms cubic-bezier(0.9, 0, 0.1, 1);
  transition: opacity 800ms cubic-bezier(0.9, 0, 0.1, 1);
}

.image__img.lazyload,
.image__img.lazyloading {
  opacity: 0;
}

.image__img.lazyloaded {
  opacity: 1;
}

.image--fluid .image__img {
  max-width: 100%;
  height: auto;
}

.image--cover .image__img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.image.image--cover .image__picture {
  width: 100%;
  height: 100%;
}


.h-container.image-text__container+.h-container.image-text__container {
  margin-top: 76px;
}

@media only screen and (min-width: 768px) {
  .h-container.image-text__container+.h-container.image-text__container {
    margin-top: 146px;
  }
}

@media only screen and (min-width: 1170px) {
  .h-container.image-text__container+.h-container.image-text__container {
    margin-top: 166px;
  }
}

.image-text__content {
  padding-top: 60px;
}

@media only screen and (min-width: 1170px) {
  .image-text__content {
    padding-top: 0;
  }
}

.image-text--register .image-text__content {
  margin-left: -24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 1170px) {
  .image-text--register .image-text__content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
  }
}

.image-text__form {
  margin-bottom: 34px;
}

@media only screen and (min-width: 1170px) {
  .image-text__form {
    margin-bottom: 80px;
    max-width: calc(((100vw - 90px) / 28 * 7) * 1);
    margin-left: -24px;
    padding-left: 24px;
  }
}

.image-text--register .image-text__form {
  padding-left: 24px;
}

@media only screen and (min-width: 1170px) {
  .image-text--register .image-text__form {
    max-width: calc((((100vw - 90px) / 28 * 7) * 1) + 24px);
  }
}

.image-text__contacts {
  text-align: center;
}

.image-text__cta {
  margin-top: 60px;
}


.instagram__title {
  text-align: center;
  margin: 0 auto 56px;
  color: #000;
}

@media only screen and (min-width: 768px) {
  .instagram__title {
    max-width: calc(((100vw - 90px) / 28 * 14) * 1);
    margin: 0 auto 76px;
  }
}

@media only screen and (min-width: 1440px) {
  .instagram__title {
    max-width: calc(((100vw - 90px) / 28 * 8) * 1);
    margin: 0 auto 120px;
  }
}

.instagram__inner {
  overflow: hidden;
  margin-bottom: 46px;
  padding: 0 calc(((100vw - 90px) / 28 * 2) * 1);
}

@media only screen and (min-width: 768px) {
  .instagram__inner {
    margin-bottom: 65px;
    padding: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .instagram__inner {
    margin-bottom: 160px;
  }
}

.instagram__sleigh {
  margin: 0 calc(((100vw - 90px) / 28 * -1) * 1) calc(((100vw - 90px) / 28 * -2) * 1);
}

@media only screen and (min-width: 768px) {
  .instagram__sleigh {
    margin: 0 calc(((100vw - 90px) / 28 * -3) * 1) 0 0;
  }
}

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

.instagram__item {
  min-width: 50%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  width: 100%;
  display: inline-block;
  padding: 0 calc(((100vw - 90px) / 28 * 1) * 1) calc(((100vw - 90px) / 28 * 2) * 1);
}

@media only screen and (min-width: 768px) {
  .instagram__item {
    min-width: 20%;
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
    padding: 0 0 0 calc(((100vw - 90px) / 28 * 1) * 1);
  }
}

@media only screen and (max-width: 767px) {
  .instagram__item:last-of-type {
    display: none;
  }
}

.instagram__button {
  margin: 0 auto;
  width: auto;
}

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

.instagram__image:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 100%;
}

.instagram__image>.image__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.instagram__image .image__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.instagram__bottom {
  text-align: center;
}


.interior {
  position: relative;
  overflow: hidden;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  width: 100%;
  height: 100vh;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.interior__overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #2a2625;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 6;
  opacity: 1;
  visibility: visible;
  -webkit-transition-property: opacity,visibility;
  transition-property: opacity,visibility;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

.interior__overlay:before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background-color: rgba(42,38,37,0.5);
}

.is-visible-timecapsule .interior__overlay {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

.interior__overlay-image {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.interior__content {
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

.is-visible-timecapsule .interior__content {
  opacity: 0;
  -webkit-transform: translate3d(50px, 0, 0);
          transform: translate3d(50px, 0, 0);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.interior__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.interior__inner .interior__open-button {
  pointer-events: all;
}

.interior__overlay-title {
  color: #fff;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .interior__overlay-title {
    margin-bottom: 60px;
  }
}

.interior__back {
  position: relative;
  z-index: 5;
  height: 50px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .interior__back {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 800ms;
            transition-duration: 800ms;
    -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
    height: 56px;
  }
}

@media only screen and (min-width: 1170px) {
  .interior__back {
    width: auto;
    position: absolute;
    right: 0;
    top: 26px;
    -webkit-transform: translate3d(0, -140px, 0);
            transform: translate3d(0, -140px, 0);
  }
}

@media only screen and (min-width: 1680px) {
  .interior__back {
    background-color: #4b4441;
  }
}

@media only screen and (min-width: 768px) {
  .is-visible-timecapsule .interior__back {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 800ms;
            transition-delay: 800ms;
  }
}

.interior__back-icon {
  margin-left: 15px;
  font-size: 20px;
}

.interior__back-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #4b4441;
  color: #f3f2ee;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1.3px;
  font-weight: 500;
  cursor: pointer;
}

@media only screen and (min-width: 1170px) {
  .interior__back-inner {
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 800ms;
            transition-duration: 800ms;
    -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
            transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
    padding: 0 16px 0 20px;
  }
}

.interior__back-inner:after {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  width: 0;
  left: 0;
  background-color: #d0c3ba;
  -webkit-transition: width 800ms cubic-bezier(0.04, 0.32, 0.1, 1);
  transition: width 800ms cubic-bezier(0.04, 0.32, 0.1, 1);
  content: '';
}

@media only screen and (min-width: 1170px) {
  .interior__back-inner:hover {
    color: #2a2625;
  }

  .interior__back-inner:hover:after {
    width: 100%;
  }
}

.interior__landscape-message {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 111;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}

@media screen and (orientation: landscape) and (max-width: 1024px) {
  .interior__landscape-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.interior__landscape-message:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #4b4441;
  z-index: -1;
}

.interior__landscape-message-box {
  padding: 15px 20px;
  background-color: rgba(125,115,105,0.8);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}

.interior__overlay_image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.interior__overlay_image.animation {
  position: absolute;
}


.languages__list {
  margin: 0 -8px;
}

@media only screen and (min-width: 768px) {
  .languages__list {
    margin: 0 -10px;
  }
}

.languages__item {
  display: inline-block;
  padding: 0 8px;
}

@media only screen and (min-width: 768px) {
  .languages__item {
    padding: 0 10px;
  }
}

.languages__link {
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
  line-height: 23px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .languages__link {
    font-size: 12px;
    letter-spacing: 2px;
  }
}

.theme-light .languages__link {
  color: #2a2625;
}

.languages__item.is-current>.languages__link {
  color: #d0c3ba;
}

.theme-light .languages__item.is-current>.languages__link {
  color: #7d7369;
}

@media only screen and (min-width: 1170px) {
  .languages__link:hover {
    color: #d0c3ba;
  }

  .theme-light .languages__link:hover {
    color: #7d7369;
  }
}


.logo {
  max-width: 54px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .logo {
    max-width: 45px;
  }
}

.logo--endover {
  max-width: 105px;
}

@media only screen and (min-width: 768px) {
  .logo--endover {
    max-width: 125px;
  }
}

.logo__img {
  width: 100%;
}

.logo__svg {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.logo__path {
  fill: currentColor;
  color: #f3f2ee;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.logo--light .logo__path {
  color: #2a2625;
}

.logo__link {
  display: block;
}


.mosaic-a {
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .mosaic-a {
    padding: 0 calc(((100vw - 90px) / 28 * 3) * 1);
    width: calc(100vw - 80px);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-a {
    padding: 0 0 0 calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

.mosaic-a .image__img {
  width: 100%;
}

@media only screen and (min-width: 1680px) {
  .mosaic-a__content {
    max-width: 520px;
  }
}

.mosaic-a--interior .mosaic-a__content,
.mosaic-a--exterior .mosaic-a__content {
  color: #fff;
}

.mosaic-a--lobby .mosaic-a__content p {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .mosaic-a--lobby .mosaic-a__content p {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1440px) {
  .mosaic-a--lobby .mosaic-a__content p {
    font-size: 36px;
    line-height: 48px;
  }
}

.mosaic-a__image {
  padding-bottom: calc(((100vw - 90px) / 28 * 6) * 1);
}

@media only screen and (max-width: 767px) {
  .mosaic-a__image {
    padding-bottom: 0;
    margin-bottom: calc(((100vw - 90px) / 28 * 6) * 1);
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-a__image {
    padding-bottom: 0;
  }
}

.mosaic-a--interior .mosaic-a__square-image,
.mosaic-a--exterior .mosaic-a__square-image {
  padding-bottom: calc(((100vw - 90px) / 28 * 6) * 1);
}

@media only screen and (max-width: 767px) {
  .mosaic-a--interior .mosaic-a__square-image,
  .mosaic-a--exterior .mosaic-a__square-image {
    padding-bottom: 0;
    margin-bottom: calc(((100vw - 90px) / 28 * 6) * 1);
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-a--interior .mosaic-a__square-image,
  .mosaic-a--exterior .mosaic-a__square-image {
    padding-bottom: 0;
  }
}

.mosaic-a__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mosaic-a__col {
  display: inline-block;
  width: 100%;
}

.mosaic-a__col--first {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  margin-bottom: calc(((100vw - 90px) / 28 * 5) * 1);
  padding: 0 calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 6) * 1);
}

@media only screen and (min-width: 768px) {
  .mosaic-a__col--first {
    padding: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-a__col--first {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-right: calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .mosaic-a__col--first {
    padding-right: calc(((100vw - 90px) / 28 * 1) * 1);
  }
}

.mosaic-a--exterior .mosaic-a__col--first {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .mosaic-a--exterior .mosaic-a__col--first {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-left: calc(((100vw - 90px) / 28 * 3) * 1);
    margin-bottom: 0;
  }
}

.mosaic-a--interior .mosaic-a__col--first {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .mosaic-a--interior .mosaic-a__col--first {
    margin-bottom: calc(((100vw - 90px) / 28 * 5) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-a--interior .mosaic-a__col--first {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    padding-right: calc(((100vw - 90px) / 28 * 2) * 1);
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .mosaic-a--interior .mosaic-a__col--first {
    padding-right: calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-a--lobby .mosaic-a__col--first {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 12) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 12) * 1);
    max-width: calc(((100vw - 90px) / 28 * 12) * 1);
    padding-right: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .mosaic-a--lobby .mosaic-a__col--first {
    padding-right: calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

.mosaic-a__col--second {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

@media only screen and (min-width: 768px) {
  .mosaic-a__col--second {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 21) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 21) * 1);
    max-width: calc(((100vw - 90px) / 28 * 21) * 1);
    margin-left: calc(((100vw - 90px) / 28 * 7) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-a__col--second {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 14) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 14) * 1);
    max-width: calc(((100vw - 90px) / 28 * 14) * 1);
    margin-left: 0;
  }
}

.mosaic-a--exterior .mosaic-a__col--second {
  padding: 0 calc(((100vw - 90px) / 28 * 7) * 1);
}

@media only screen and (min-width: 768px) {
  .mosaic-a--exterior .mosaic-a__col--second {
    padding: 0;
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 14) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 14) * 1);
    max-width: calc(((100vw - 90px) / 28 * 14) * 1);
    margin-left: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-a--exterior .mosaic-a__col--second {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.mosaic-a--interior .mosaic-a__col--second {
  padding: 0 calc(((100vw - 90px) / 28 * 7) * 1);
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media only screen and (min-width: 768px) {
  .mosaic-a--interior .mosaic-a__col--second {
    padding: 0;
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    margin-left: 0;
  }
}

.mosaic-a--lobby .mosaic-a__col--second {
  padding: 0 calc(((100vw - 90px) / 28 * 7) * 1);
}

@media only screen and (min-width: 768px) {
  .mosaic-a--lobby .mosaic-a__col--second {
    padding: 0;
    margin-left: calc(((100vw - 90px) / 28 * 12) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 10) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 10) * 1);
    max-width: calc(((100vw - 90px) / 28 * 10) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-a--lobby .mosaic-a__col--second {
    margin-left: 0;
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 10) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 10) * 1);
    max-width: calc(((100vw - 90px) / 28 * 10) * 1);
  }
}

.mosaic-a__col--third {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  padding: 0 calc(((100vw - 90px) / 28 * 6) * 1);
}

@media only screen and (min-width: 768px) {
  .mosaic-a__col--third {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 7) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 7) * 1);
    max-width: calc(((100vw - 90px) / 28 * 7) * 1);
    padding: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-a__col--third {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 6) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 6) * 1);
    max-width: calc(((100vw - 90px) / 28 * 6) * 1);
    margin-left: calc(((100vw - 90px) / 28 * 5) * 1);
  }
}

.mosaic-a--exterior .mosaic-a__col--third {
  padding: 0 calc(((100vw - 90px) / 28 * 7) * 1);
}

@media only screen and (min-width: 768px) {
  .mosaic-a--exterior .mosaic-a__col--third {
    padding: 0;
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 8) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 8) * 1);
    max-width: calc(((100vw - 90px) / 28 * 8) * 1);
    margin-left: calc(((100vw - 90px) / 28 * 14) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-a--exterior .mosaic-a__col--third {
    margin-left: calc(((100vw - 90px) / 28 * 11) * 1);
  }
}

.mosaic-a--interior .mosaic-a__col--third {
  padding: 0 calc(((100vw - 90px) / 28 * 7) * 1);
}

@media only screen and (min-width: 768px) {
  .mosaic-a--interior .mosaic-a__col--third {
    padding: 0;
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    margin-left: calc(((100vw - 90px) / 28 * 11) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-a--interior .mosaic-a__col--third {
    margin-left: 0;
  }
}

.mosaic-a--lobby .mosaic-a__col--third {
  padding: 0 calc(((100vw - 90px) / 28 * 7) * 1);
}

@media only screen and (min-width: 768px) {
  .mosaic-a--lobby .mosaic-a__col--third {
    padding: 0;
    margin-left: 0;
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 12) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 12) * 1);
    max-width: calc(((100vw - 90px) / 28 * 12) * 1);
  }
}

.mosaic-a__button {
  margin-top: 2em;
}


@media only screen and (min-width: 1170px) {
  .mosaic-b--quarter {
    padding-left: calc(((100vw - 90px) / 28 * 3) * 1);
    padding-right: calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (max-width: 767px) {
  .mosaic-b__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (max-width: 767px) {
  .mosaic-b__grid--content1 {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.mosaic-b__content {
  font-weight: 300;
  color: #2a2625;
}

@media only screen and (min-width: 1680px) {
  .mosaic-b__content {
    max-width: 800px;
    padding-right: calc(((100vw - 90px) / 28 * 1) * 1) !important;
  }
}

.mosaic-b--quarter .mosaic-b__content,
.mosaic-b--location .mosaic-b__content {
  color: #f3f2ee;
}

.mosaic-b__content ul li {
  font-weight: 400;
}

.mosaic-b__content p {
  font-size: 26px;
  line-height: 36px;
}

@media only screen and (min-width: 768px) {
  .mosaic-b__content p {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1440px) {
  .mosaic-b__content p {
    font-size: 36px;
    line-height: 48px;
  }
}

.mosaic-b--quarter-alt .mosaic-b__content p {
  font-size: 18px;
  line-height: 28px;
}

@media only screen and (min-width: 768px) {
  .mosaic-b--quarter-alt .mosaic-b__content p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1440px) {
  .mosaic-b--quarter-alt .mosaic-b__content p {
    font-size: 26px;
    line-height: 36px;
  }
}

.mosaic-b__content--top {
  padding: 0 calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 8) * 1);
}

@media only screen and (min-width: 768px) {
  .mosaic-b__content--top {
    padding: calc(((100vw - 90px) / 28 * 6) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-b__content--top {
    padding: calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1680px) {
  .mosaic-b__content--top {
    padding-top: calc(((100vw - 90px) / 28 * 3) * 1) !important;
    padding-bottom: calc(((100vw - 90px) / 28 * 3) * 1) !important;
  }
}

.mosaic-b--quarter .mosaic-b__content--top {
  padding: calc(((100vw - 90px) / 28 * 7) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 8) * 1);
}

@media only screen and (min-width: 1170px) {
  .mosaic-b--quarter .mosaic-b__content--top {
    padding: calc(((100vw - 90px) / 28 * 4) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 4) * 1) 0;
  }
}

@media only screen and (max-width: 767px) {
  .mosaic-b--quarter-alt .mosaic-b__content--top {
    padding-top: calc(((100vw - 90px) / 28 * 8) * 1);
  }
}

.mosaic-b--added-value .mosaic-b__content--top,
.mosaic-b--added-value-reverse .mosaic-b__content--top {
  padding: calc(((100vw - 90px) / 28 * 7) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 8) * 1);
}

@media only screen and (min-width: 1170px) {
  .mosaic-b--added-value .mosaic-b__content--top,
  .mosaic-b--added-value-reverse .mosaic-b__content--top {
    padding: calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 6) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

.mosaic-b--about .mosaic-b__content--top {
  padding-top: calc(((100vw - 90px) / 28 * 6) * 1);
}

@media only screen and (min-width: 768px) {
  .mosaic-b--about .mosaic-b__content--top {
    padding-top: calc(((100vw - 90px) / 28 * 6) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-b--about .mosaic-b__content--top {
    padding-top: calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1680px) {
  .mosaic-b--about .mosaic-b__content--top {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1680px) {
  .mosaic-b--quarter-alt .mosaic-b__content--top,
  .mosaic-b--location .mosaic-b__content--top,
  .mosaic-b--added-value .mosaic-b__content--top,
  .mosaic-b--added-value-reverse .mosaic-b__content--top {
    max-width: 565px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin: 0 auto;
  }
}

.mosaic-b__content--bottom {
  padding: 0 calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 6) * 1);
}

@media only screen and (min-width: 768px) {
  .mosaic-b__content--bottom {
    padding: calc(((100vw - 90px) / 28 * 6) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 5) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-b__content--bottom {
    padding: calc(((100vw - 90px) / 28 * 0) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1680px) {
  .mosaic-b__content--bottom {
    max-width: 565px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-b--quarter .mosaic-b__content--bottom,
  .mosaic-b--about .mosaic-b__content--bottom {
    padding: calc(((100vw - 90px) / 28 * 2) * 1) calc(((100vw - 90px) / 28 * 2) * 1) calc(((100vw - 90px) / 28 * 3) * 1) 0;
  }
}

@media only screen and (min-width: 1680px) {
  .mosaic-b--quarter .mosaic-b__content--bottom,
  .mosaic-b--about .mosaic-b__content--bottom {
    margin: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-b--added-value-reverse .mosaic-b__content--bottom {
    padding: calc(((100vw - 90px) / 28 * 0) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

.mosaic-b--location .mosaic-b__content--bottom {
  padding-bottom: 0;
}

.mosaic-b__image {
  width: 100%;
  padding-bottom: calc(((100vw - 90px) / 28 * 9) * 1);
}

@media only screen and (max-width: 767px) {
  .mosaic-b__image {
    width: auto;
    padding-bottom: 0;
    margin-bottom: calc(((100vw - 90px) / 28 * 9) * 1);
  }
}

.mosaic-b__image .image__img {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .mosaic-b__image .image__img {
    width: 101%;
    max-width: 101%;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    margin-bottom: -1px;
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-b__image {
    padding: 0;
  }
}

.mosaic-b__image--bottom,
.mosaic-b__image--top {
  padding-left: calc(((100vw - 90px) / 28 * 9) * 1);
  padding-right: calc(((100vw - 90px) / 28 * 9) * 1);
}

@media only screen and (max-width: 767px) {
  .mosaic-b__image--bottom,
  .mosaic-b__image--top {
    padding: 0;
    margin-left: calc(((100vw - 90px) / 28 * 9) * 1);
    margin-right: calc(((100vw - 90px) / 28 * 9) * 1);
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-b__image--bottom,
  .mosaic-b__image--top {
    padding: 0;
  }
}

.mosaic-b--quarter-alt .mosaic-b__image--bottom {
  padding-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .mosaic-b__offset-content {
    margin-bottom: calc(((100vw - 90px) / 28 * -3) * 1);
  }
}

.mosaic-b .grid {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .mosaic-b__grid--main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-b__grid--main {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-b--about .mosaic-b__grid--main,
  .mosaic-b--quarter-alt .mosaic-b__grid--main,
  .mosaic-b--quarter .mosaic-b__grid--main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-b--about .mosaic-b__grid--main,
  .mosaic-b--quarter-alt .mosaic-b__grid--main,
  .mosaic-b--quarter .mosaic-b__grid--main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-b--added-value .mosaic-b__grid--main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-b--added-value .mosaic-b__grid--main {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.mosaic-b--added-value-reverse .mosaic-b__grid--main,
.mosaic-b--location .mosaic-b__grid--main {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media only screen and (min-width: 768px) {
  .mosaic-b__grid--images {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-b__grid--images {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-b--added-value .mosaic-b__grid--images {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-b--quarter-alt .mosaic-b__grid--images,
  .mosaic-b--quarter .mosaic-b__grid--images {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.mosaic-b__col {
  padding: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .mosaic-b__offset-image {
    margin-bottom: calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

.mosaic-b__button {
  margin-top: 2em;
}


.mosaic-c__col-content {
  padding: calc(((100vw - 90px) / 28 * 7) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: 100%;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .mosaic-c__col-content {
    padding: calc(((100vw - 90px) / 28 * 6) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-c__col-content {
    padding: 0 calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1680px) {
  .mosaic-c__col-content {
    padding: 0;
    max-width: 455px;
    margin: 0 auto;
  }
}

.mosaic-c__col-content-inner {
  max-width: 100%;
}

.mosaic-c__grid {
  position: relative;
  margin: 0;
}

.mosaic-c__grid-col {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .mosaic-c__grid-col {
    margin-left: 0;
  }
}

.mosaic-c__inner-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0;
}

.mosaic-c__inner-grid-col {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .mosaic-c__inner-grid-col--absolute {
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-c__inner-grid-col--absolute {
    position: relative;
    top: auto;
    right: auto;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-c__inner-grid-col--content {
    margin-bottom: auto;
  }
}

.mosaic-c__image .image__img,
.mosaic-c__square-image .image__img {
  width: 100%;
}

.mosaic-c__content-title {
  font-size: 30px;
  margin-bottom: .8em;
}

@media only screen and (min-width: 768px) {
  .mosaic-c__content-title {
    font-size: 50px;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-c__content-title {
    font-size: 60px;
  }
}

.mosaic-c__grid-col--image {
  padding-bottom: calc(((100vw - 90px) / 28 * 6) * 1);
}

@media only screen and (max-width: 767px) {
  .mosaic-c__grid-col--image {
    padding-bottom: 0;
    margin-bottom: calc(((100vw - 90px) / 28 * 6) * 1);
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-c__grid-col--image {
    padding-bottom: 0;
  }
}

.mosaic-c__image {
  padding: 0 calc(((100vw - 90px) / 28 * 7) * 1);
}

@media only screen and (max-width: 767px) {
  .mosaic-c__image {
    width: auto;
    padding: 0;
    margin: 0 calc(((100vw - 90px) / 28 * 7) * 1);
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-c__image .image__img {
    width: 101%;
    max-width: 101%;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    margin-bottom: -1px;
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-c__image {
    padding: 0;
  }
}

.mosaic-c__square-image {
  padding: 0 calc(((100vw - 90px) / 28 * 7) * 1);
}

@media only screen and (max-width: 767px) {
  .mosaic-c__square-image {
    width: auto;
    padding: 0;
    margin: 0 calc(((100vw - 90px) / 28 * 7) * 1);
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-c__square-image .image__img {
    width: 101%;
    max-width: 101%;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    margin-bottom: -1px;
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-c__square-image {
    padding: 0;
  }
}

.mosaic-c__quote {
  margin-bottom: 16px;
}

@media only screen and (min-width: 1170px) {
  .mosaic-c__quote {
    margin-bottom: 32px;
  }
}


.mosaic-d {
  padding: 0 calc(((100vw - 90px) / 28 * 2.8) * 1);
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--location {
    padding: 0 0 0 calc(((100vw - 90px) / 28 * 2.8) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--interior {
    padding: 0 calc(((100vw - 90px) / 28 * 3) * 1) 0 calc(((100vw - 90px) / 28 * 6) * 1);
  }
}

.mosaic-d__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -80px;
}

@media only screen and (min-width: 768px) {
  .mosaic-d__grid {
    margin-bottom: 0;
  }
}

.mosaic-d__col {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding-bottom: 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 768px) {
  .mosaic-d__col {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d__col {
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--interior .mosaic-d__col {
    max-width: calc(((100vw - 90px) / 28 * 12) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 12) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 12) * 1);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-d__col--content-1 {
    padding-bottom: 146px;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d__col--content-1 {
    padding-bottom: 0;
    padding-left: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--with-prelude .mosaic-d__col--content-1 {
    max-width: calc(((100vw - 90px) / 28 * 14) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 14) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 14) * 1);
    padding-right: calc(((100vw - 90px) / 28 * 1) * 1);
    padding-left: calc(((100vw - 90px) / 28 * 3) * 1);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--interior .mosaic-d__col--content-1 {
    padding-bottom: calc(((100vw - 90px) / 28 * 3) * 1);
    padding-left: calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--location .mosaic-d__col--content-1 {
    max-width: calc(((100vw - 90px) / 28 * 16.2) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 16.2) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 16.2) * 1);
    padding-right: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d__col--content-2 {
    padding-top: calc(((100vw - 90px) / 28 * 2) * 1);
    padding-right: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .mosaic-d__col--content-2 {
    padding-top: calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--with-prelude .mosaic-d__col--content-2 {
    max-width: calc(((100vw - 90px) / 28 * 8) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 8) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 8) * 1);
    padding-bottom: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .mosaic-d--with-prelude .mosaic-d__col--content-2 {
    padding-top: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--location .mosaic-d__col--content-2 {
    max-width: calc(((100vw - 90px) / 28 * 9) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 9) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 9) * 1);
    padding-bottom: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .mosaic-d--location .mosaic-d__col--content-2 {
    padding-top: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

.mosaic-d__col--image-1 {
  padding-left: calc(((100vw - 90px) / 28 * 4) * 1);
  padding-right: calc(((100vw - 90px) / 28 * 4) * 1);
}

@media only screen and (min-width: 768px) {
  .mosaic-d__col--image-1 {
    width: 100%;
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
    padding-right: 0;
    padding-left: 0;
    margin-right: calc(((100vw - 90px) / 28 * 11) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d__col--image-1 {
    margin-right: 0;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-d--interior .mosaic-d__col--image-1 {
    max-width: calc(((100vw - 90px) / 28 * 8) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 8) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 8) * 1);
    margin-right: calc(((100vw - 90px) / 28 * 14) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--interior .mosaic-d__col--image-1 {
    max-width: calc(((100vw - 90px) / 28 * 6) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 6) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 6) * 1);
    margin-right: 0;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--with-prelude .mosaic-d__col--image-1 {
    max-width: calc(((100vw - 90px) / 28 * 8) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 8) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 8) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--location .mosaic-d__col--image-1 {
    max-width: calc(((100vw - 90px) / 28 * 9) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 9) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 9) * 1);
  }
}

.mosaic-d__col--image-2 {
  padding-left: calc(((100vw - 90px) / 28 * 4) * 1);
  padding-right: calc(((100vw - 90px) / 28 * 4) * 1);
}

@media only screen and (min-width: 768px) {
  .mosaic-d__col--image-2 {
    width: 100%;
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
    margin-left: calc(((100vw - 90px) / 28 * 11) * 1);
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 146px;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d__col--image-2 {
    margin-left: 0;
    padding-bottom: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}

@media only screen and (min-width: 768px) {
  .mosaic-d--interior .mosaic-d__col--image-2 {
    max-width: calc(((100vw - 90px) / 28 * 14) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 14) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 14) * 1);
    margin-left: calc(((100vw - 90px) / 28 * 8) * 1);
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--interior .mosaic-d__col--image-2 {
    max-width: calc(((100vw - 90px) / 28 * 10) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 10) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 10) * 1);
    margin-left: calc(((100vw - 90px) / 28 * 6) * 1);
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--with-prelude .mosaic-d__col--image-2 {
    max-width: calc(((100vw - 90px) / 28 * 14) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 14) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 14) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .mosaic-d--location .mosaic-d__col--image-2 {
    max-width: calc(((100vw - 90px) / 28 * 16.2) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 16.2) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 16.2) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .mosaic-d__content {
    max-width: 520px;
  }
}

.mosaic-d__content p {
  color: #fff;
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .mosaic-d__content p {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1440px) {
  .mosaic-d__content p {
    font-size: 36px;
    line-height: 48px;
  }
}

.mosaic-d__image {
  width: 100%;
}


.navigation__link {
  text-transform: uppercase;
  color: #f3f2ee;
  font-weight: 500;
  padding: 13px 0;
  letter-spacing: 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .navigation__link {
    padding: 14px 0;
  }
}

@media only screen and (min-width: 1440px) {
  .navigation__link {
    padding: 18px 0;
  }
}

.theme-light .navigation__link {
  color: #2a2625;
}

.navigation__item.red>.navigation__link {
  color: #ed1c24;
}

.navigation__item.red>.navigation__link:hover {
  color: #ed1c24;
}

.navigation__item.red>.navigation__link:before {
  background-color: #ed1c24;
}

.navigation__item.is-current>.navigation__link {
  color: #7d7369;
  pointer-events: none;
  cursor: default;
}

.navigation__item.is-current.red>.navigation__link {
  color: #ed1c24;
}

.navigation--secondary .navigation__link {
  padding: 9px 0;
  font-size: 10px;
  color: #7d7369;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
}

@media only screen and (min-width: 768px) {
  .navigation--secondary .navigation__link {
    font-size: 12px;
  }
}

.navigation__link:before {
  content: '';
  height: 2px;
  width: 0;
  background-color: rgba(125,115,105,0.3);
  display: inline-block;
  margin-right: 0;
  -webkit-transition-property: width,margin;
  transition-property: width,margin;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}

.header.is-visible-menu .navigation__link:before {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.theme-light .navigation__link:before {
  background-color: #7d7369;
}

.header.is-visible-menu .navigation__item.is-current>.navigation__link:before {
  width: 22px;
  margin-right: 25px;
  -webkit-transition-delay: 350ms;
          transition-delay: 350ms;
}

@media only screen and (min-width: 768px) {
  .header.is-visible-menu .navigation__item.is-current>.navigation__link:before {
    margin-right: 30px;
  }
}

.navigation--secondary .navigation__link:before {
  display: none;
}

.navigation__link:hover {
  color: #7d7369;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
}

.theme-light .navigation__link:hover {
  color: #7d7369;
}

.navigation--secondary .navigation__link:hover {
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  color: #d0c3ba;
}

.navigation__link:hover:before {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1024px) {
  .navigation__link:hover:before {
    width: 22px;
    margin-right: 30px;
  }
}


@media only screen and (min-width: 768px) {
  .newsletter {
    height: 100vh;
  }
}

@media only screen and (min-width: 1024px) {
  .newsletter {
    height: auto;
  }
}

@media only screen and (min-width: 768px) {
  body.is-mobile-safari .newsletter {
    height: calc(100vh - 44px);
  }
}

.newsletter__inner {
  background-color: #e5dbd4;
}

.newsletter__grid {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .newsletter__grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.newsletter__form-inner {
  margin: 0 auto;
}

@media only screen and (min-width: 1680px) {
  .newsletter__form-inner {
    max-width: 545px;
    margin: 0 auto;
  }
}

.newsletter__form-col {
  padding: 50px 34px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .newsletter__form-col {
    padding: 50px 75px;
    height: 50vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media only screen and (min-width: 1170px) {
  .newsletter__form-col {
    padding: 0 125px;
  }
}

.newsletter__form-title {
  width: 85%;
  margin: 0 auto 30px;
}

@media only screen and (min-width: 768px) {
  .newsletter__form-title {
    margin: 0 auto 50px;
  }
}

@media only screen and (min-width: 1170px) {
  .newsletter__form-title {
    width: 95%;
  }
}

.newsletter__form-title a {
  color: #2a2625;
  border-bottom: 2px solid rgba(125,115,105,0.2);
}

@media only screen and (min-width: 1170px) {
  .newsletter__form-title a {
    width: calc(100%);
    background-image: linear-gradient(transparent calc(100% - 2px), rgba(125,115,105,0.8) 2px);
    background-repeat: no-repeat;
    background-size: 0% calc(100% + 2px);
    -webkit-transition: background-size 1s;
    transition: background-size 1s;
  }

  .newsletter__form-title a:hover {
    background-size: 100% calc(100% + 2px);
  }
}

.newsletter__image-wrapper {
  position: relative;
}

.newsletter__image-wrapper.animation .newsletter__image {
  position: absolute;
}

.newsletter__image-wrapper:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 75%;
}

.newsletter__image-wrapper>.newsletter__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media only screen and (min-width: 1024px) {
  .newsletter__image-wrapper {
    position: relative;
  }

  .newsletter__image-wrapper:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 105%;
  }

  .newsletter__image-wrapper>.newsletter__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
}

.newsletter__image .image__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}


@media only screen and (min-width: 1170px) {
  .page-content {
    height: 100vh;
    overflow: hidden;
  }
}

.page-content__main {
  color: #f3f2ee;
  padding: calc(((100vw - 90px) / 28 * 7) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
}

@media only screen and (min-width: 768px) {
  .page-content__main {
    padding: calc(((100vw - 90px) / 28 * 4) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .page-content__main {
    padding: calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 4) * 1) calc(((100vw - 90px) / 28 * 3) * 1) 0;
    overflow: auto;
  }
}

@media only screen and (min-width: 1680px) {
  .page-content__main {
    max-width: 800px;
    margin: 0 auto;
  }
}

.page-content__grid {
  margin: 0;
}

@media only screen and (min-width: 1170px) {
  .page-content__grid {
    height: 100%;
  }
}

.page-content__col {
  padding: 0;
  height: 100%;
}

.page-content__col:not(.page-content__col--main) {
  display: none;
}

@media only screen and (min-width: 1170px) {
  .page-content__col:not(.page-content__col--main) {
    display: block;
  }
}

@media only screen and (min-width: 1170px) {
  .page-content__image {
    height: 100vh;
  }
}

.page-content__image .image__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}


.pagination__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pagination__item {
  display: inline-block;
}


.pricelist-pdf__body {
  background-color: transparent;
}

.pricelist-pdf__page {
  page-break-after: always;
  padding-top: 105mm;
}

.pricelist-pdf__page--tower {
  padding-top: 80mm;
  page-break-after: always;
}

.pricelist-pdf__row {
  padding: 0 6mm;
  width: 100%;
  position: relative;
}

.pricelist-pdf__grid {
  width: 100%;
}

.pricelist-pdf__sup {
  font-size: 8px;
  font-family: 'ttnorms-regular';
}

.pricelist-pdf__grid-col {
  font-family: 'ttnorms-regular';
  display: inline-block;
  width: 45%;
  padding-right: 30px;
}

.pricelist-pdf__grid-col p {
  font-family: 'ttnorms-regular';
  font-size: 12px;
  margin-bottom: 10px;
}

.pricelist-pdf__grid-col--note {
  width: 55%;
  padding-right: 0;
}

.pricelist-pdf__grid-col--full {
  width: 100%;
  padding-right: 0;
}

.pricelist-pdf__col {
  position: relative;
  display: inline-block;
}

.pricelist-pdf__col--side {
  width: auto;
  height: auto;
}

.pricelist-pdf__col--main {
  width: 168mm;
  margin-left: 30mm;
}

.pricelist-pdf__col--notes {
  width: 160mm;
  margin-left: 30mm;
}

.pricelist-pdf--rocca-logo {
  max-width: 98px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}

.pricelist-pdf__page--cover .pricelist-pdf--rocca-logo {
  max-width: 115px;
  padding-left: 10px;
}

.pricelist-pdf__endover-logo {
  height: auto;
  z-index: 1;
  max-width: 185px;
}

.pricelist-pdf__footer .pricelist-pdf__endover-logo {
  position: absolute;
  bottom: 0;
  left: 50px;
}

.pricelist-pdf__footer .pricelist-pdf__endover-logo:before {
  content: '';
  background-color: #f1000a;
  height: 100%;
  width: 1000px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

.pricelist-pdf__cover-bg {
  width: 100%;
}

.pricelist-pdf__cover-img {
  width: 78%;
}

.pricelist-pdf__cover-logo .logo__link {
  padding: 0;
}

.pricelist-pdf__table-title {
  position: absolute;
  left: 15mm;
  top: 0;
  line-height: 1;
  width: auto;
}

.pricelist-pdf__h2 {
  font-size: 36px;
  font-family: 'ttnorms-extralight';
  display: inline;
  line-height: 1;
  font-weight: 200;
  white-space: nowrap;
}

.pricelist-pdf__table {
  width: 100%;
  margin-bottom: 30px;
  border-collapse: collapse;
  border-spacing: 0;
}

.pricelist-pdf__table-cell:first-child {
  width: 10%;
}

.pricelist-pdf__table-cell:nth-child(2) {
  width: 10%;
}

.pricelist-pdf__table-row {
  line-height: 1;
}

.pricelist-pdf__table-cell--hidden {
  opacity: 0;
}

.pricelist-pdf__note {
  margin-bottom: 25px;
}

.pricelist-pdf__cell-inner {
  position: relative;
  font-family: 'ttnorms-light';
  padding: 6px 0 5px;
  border-bottom: 1px solid #353132;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
  max-height: 24px;
}

.pricelist-pdf__table-head .pricelist-pdf__cell-inner {
  text-transform: uppercase;
  font-family: 'ttnorms-medium';
  font-weight: 500;
  font-size: 10px;
}


.radio {
  position: relative;
}

.radio__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.radio__input:checked ~ .radio__label .radio__indicator:before {
  opacity: 1;
}

.radio__input:focus ~ .radio__label .radio__indicator {
  border-color: #000;
}

.radio__label {
  display: block;
  padding-left: 30px;
  width: 100%;
  text-align: left;
}

.radio__input:disabled ~ .radio__label {
  opacity: .5;
}

.radio__text {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .radio__text {
    font-size: 18px;
  }
}

.radio__indicator {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #d0c3ba;
  position: absolute;
  top: 0;
  left: 0;
}

.radio__indicator:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #2a2625;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
}


.sales-contacts--floorplan {
  text-align: center;
  padding: calc(((100vw - 90px) / 28 * 4) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 1.5) * 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .sales-contacts--floorplan {
    padding: calc(((100vw - 90px) / 28 * 1) * 1) calc(((100vw - 90px) / 28 * 2) * 1) 0;
    display: block;
    margin-top: auto;
  }
}

@media only screen and (min-width: 1170px) {
  .sales-contacts--floorplan {
    padding: 0;
  }
}

.sales-contacts--form {
  text-align: center;
}

.sales-contacts__item {
  color: #fff;
  display: block;
}

.sales-contacts--dark .sales-contacts__item,
.theme-light .header .sales-contacts__item {
  color: #2a2625;
}

.sales-contacts--floorplan:not(.sales-contacts--dark) .sales-contacts__item {
  color: #f3f2ee;
}

.sales-contacts--floorplan .sales-contacts__item {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

@media only screen and (min-width: 768px) {
  .sales-contacts--floorplan .sales-contacts__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 0 10px;
  }
}

@media only screen and (min-width: 1170px) {
  .sales-contacts--floorplan .sales-contacts__item {
    display: block;
    padding: 0;
  }
}

.sales-contacts--floorplan .sales-contacts__item,
.sales-contacts--form .sales-contacts__item {
  font-size: 14px;
  line-height: 22px;
}

@media only screen and (min-width: 768px) {
  .sales-contacts--floorplan .sales-contacts__item,
  .sales-contacts--form .sales-contacts__item {
    font-size: 18px;
    line-height: 28px;
  }
}

.sales-contacts--large .sales-contacts__item {
  font-size: 18px;
  line-height: 26px;
}

@media only screen and (min-width: 768px) {
  .sales-contacts--large .sales-contacts__item {
    font-size: 22px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 1170px) {
  .sales-contacts--large .sales-contacts__item {
    font-size: 26px;
    line-height: 36px;
  }
}

.sales-contacts--menu .sales-contacts__item {
  display: inline-block;
  font-size: 12px;
  padding: 0 9px;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .sales-contacts--menu .sales-contacts__item {
    font-size: 14px;
    line-height: 1;
  }
}

@media only screen and (min-width: 1170px) {
  .sales-contacts--menu .sales-contacts__item {
    font-size: 16px;
  }
}

.sales-contacts--large .sales-contacts__item--title {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
  color: #d0c3ba;
}

@media only screen and (min-width: 768px) {
  .sales-contacts--large .sales-contacts__item--title {
    font-size: 14px;
    line-height: 28px;
  }
}

.sales-contacts--large .sales-contacts__item--name,
.sales-contacts--floorplan .sales-contacts__item--name,
.sales-contacts--form .sales-contacts__item--name,
.sales-contacts--large .sales-contacts__item--label,
.sales-contacts--floorplan .sales-contacts__item--label,
.sales-contacts--form .sales-contacts__item--label {
  display: inline-block;
}

.sales-contacts--menu .sales-contacts__item--name,
.sales-contacts--menu .sales-contacts__item--web,
.sales-contacts--menu .sales-contacts__item--title {
  display: none;
}

.sales-contacts__item--name,
.sales-contacts__item--title {
  font-weight: 700;
}

.sales-contacts--floorplan .sales-contacts__item--name,
.sales-contacts--floorplan .sales-contacts__item--title {
  display: none;
}

@media only screen and (min-width: 1170px) {
  .sales-contacts--floorplan .sales-contacts__item--name,
  .sales-contacts--floorplan .sales-contacts__item--title {
    display: inline-block;
  }
}

.sales-contacts__item--phone {
  font-weight: 500;
}

.sales-contacts--apartment .sales-contacts__item--label {
  font-weight: 500;
}

.sales-contacts--floorplan .sales-contacts__item--label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  .sales-contacts--floorplan .sales-contacts__item--label {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

@media only screen and (min-width: 1170px) {
  .sales-contacts--floorplan .sales-contacts__item--label {
    font-weight: 400;
  }
}

.sales-contacts--large .sales-contacts__item--web,
.sales-contacts--floorplan .sales-contacts__item--web,
.sales-contacts--form .sales-contacts__item--web {
  display: none;
}

.sales-contacts__link {
  color: #d0c3ba;
  font-weight: 500;
  position: relative;
}

.sales-contacts--dark .sales-contacts__link,
.theme-light .header .sales-contacts__link {
  color: #7d7369;
}

.sales-contacts__item--phone .sales-contacts__link {
  color: #fff;
}

.sales-contacts--dark .sales-contacts__item--phone .sales-contacts__link,
.theme-light .header .sales-contacts__item--phone .sales-contacts__link {
  color: #2a2625;
}

.sales-contacts--apartment .sales-contacts__item--phone .sales-contacts__link {
  font-weight: 400;
}

.sales-contacts__link:before,
.sales-contacts__link:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 2px;
}

.sales-contacts__item--phone .sales-contacts__link:before,
.sales-contacts__item--phone .sales-contacts__link:after {
  display: none;
}

.sales-contacts__link:before {
  right: 0;
  background-color: rgba(243,242,238,0.2);
}

.sales-contacts--dark .sales-contacts__link:before,
.theme-light .header .sales-contacts__link:before {
  background-color: rgba(125,115,105,0.2);
}

.sales-contacts__link:after {
  right: 100%;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  background-color: rgba(243,242,238,0.6);
}

.sales-contacts--dark .sales-contacts__link:after,
.theme-light .header .sales-contacts__link:after {
  background-color: rgba(125,115,105,0.6);
}

.sales-contacts__link:hover:after {
  right: 0;
}


.animation {
  position: relative;
  overflow: hidden;
}

.animation .image {
  position: relative;
  overflow: hidden;
}

.animation .image:after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  width: 101%;
  -webkit-transform-origin: right;
          transform-origin: right;
  background-color: #f3f2ee;
  z-index: 2;
}

.section--sandstone .animation .image:after {
  background-color: #7d7369;
}

.section--dune .animation .image:after {
  background-color: #2a2625;
}

.section--masala .animation .image:after {
  background-color: #4b4441;
}

.section--sisal .animation .image:after {
  background-color: #d0c3ba;
}

.section--light-sisal .animation .image:after {
  background-color: #e5dbd4;
}

.section--light-dark .animation .image:after {
  background-color: #36302f;
}

.section--white .animation .image:after {
  background-color: #fff;
}

.animation.animation--fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 2400ms;
          transition-duration: 2400ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.animation.animation--fade.is-in-viewport {
  opacity: 1;
}

.animation.animation--fade .image:after {
  content: '';
  background-color: transparent;
}

.animation--slide .image__img {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  -webkit-transform: translate3d(-5%, 0, 0);
          transform: translate3d(-5%, 0, 0);
}

.animation--slide .image:after {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.animation--slide.is-in-viewport .image__img {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.animation--slide.is-in-viewport .image:after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.animation--slide-lg .image__img {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  -webkit-transform: translate3d(5%, 0, 0);
          transform: translate3d(5%, 0, 0);
}

@media only screen and (min-width: 1170px) {
  .animation--slide-lg .image__img {
    -webkit-transform: translate3d(-5%, 0, 0);
            transform: translate3d(-5%, 0, 0);
  }
}

.animation--slide-lg .image::after {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1170px) {
  .animation--slide-lg .image::after {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
}

.animation--slide-lg.is-in-viewport .image__img {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.animation--slide-lg.is-in-viewport .image::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.animation--slide-reverse .image__img {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  -webkit-transform: translate3d(5%, 0, 0);
          transform: translate3d(5%, 0, 0);
}

.animation--slide-reverse .image::after {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.animation--slide-reverse.is-in-viewport .image__img {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.animation--slide-reverse.is-in-viewport .image::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.animation--slide-reverse-sm .image__img {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  -webkit-transform: translate3d(-5%, 0, 0);
          transform: translate3d(-5%, 0, 0);
}

@media only screen and (min-width: 768px) {
  .animation--slide-reverse-sm .image__img {
    -webkit-transform: translate3d(5%, 0, 0);
            transform: translate3d(5%, 0, 0);
  }
}

.animation--slide-reverse-sm .image::after {
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .animation--slide-reverse-sm .image::after {
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}

.animation--slide-reverse-sm.is-in-viewport .image__img {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.animation--slide-reverse-sm.is-in-viewport .image::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.animation--slide-reverse-lg .image__img {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  -webkit-transform: translate3d(-5%, 0, 0);
          transform: translate3d(-5%, 0, 0);
}

@media only screen and (min-width: 1170px) {
  .animation--slide-reverse-lg .image__img {
    -webkit-transform: translate3d(5%, 0, 0);
            transform: translate3d(5%, 0, 0);
  }
}

.animation--slide-reverse-lg .image::after {
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1170px) {
  .animation--slide-reverse-lg .image::after {
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}

.animation--slide-reverse-lg.is-in-viewport .image__img {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.animation--slide-reverse-lg.is-in-viewport .image::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}


:root {
  --app-height: 100%;
}

.header__burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .header__burger {
    width: 100%;
  }
}

.header__burger-hint {
  display: none;
  color: #f3f2ee;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
}

@media only screen and (min-width: 1170px) {
  .header__burger-hint {
    display: block;
  }
}

body.theme-light .header__burger-hint {
  color: #2a2625;
}

.header__burger-hint--bottom {
  -webkit-transform: rotate(-90deg) translateX(50%);
          transform: rotate(-90deg) translateX(50%);
  margin-bottom: -20px;
}

.header__contact-icon {
  height: 80px;
  top: auto;
}

.header {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: fixed;
  top: 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .header {
    height: 100vh;
    width: 100%;
    -ms-flex-preferred-size: 90px;
        flex-basis: 90px;
    max-width: 90px;
    background-color: #2a2625;
  }
}

@media only screen and (min-width: 768px) {
  body.is-tablet-safari .header {
    height: var(--app-height);
  }
}

@media only screen and (min-width: 768px) {
  .theme-light .header {
    background-color: #e7e4df;
  }
}

.header:before {
  content: '';
  background-color: rgba(125,115,105,0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity,visibility;
  transition-property: opacity,visibility;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  z-index: -1;
}

.header.is-visible-contacts:before,
.header.is-visible-menu:before {
  opacity: 1;
  visibility: visible;
}

body.is-fullscreen-mode .header,
body.is-initial-load .header {
  -webkit-transform: translate3d(0, -50px, 0);
          transform: translate3d(0, -50px, 0);
}

@media only screen and (min-width: 768px) {
  body.is-fullscreen-mode .header,
  body.is-initial-load .header {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.header__controls {
  position: fixed;
  top: 0;
  height: 50px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 600ms,800ms;
          transition-duration: 600ms,800ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  -webkit-transition-delay: 0ms, 300ms;
          transition-delay: 0ms, 300ms;
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 768px) {
  .header__controls {
    position: relative;
    height: 100%;
    width: auto;
    background-color: #2a2625;
  }

  .theme-light .header__controls {
    background-color: #e7e4df;
  }

  .is-visible-contacts .header__controls,
  .is-visible-menu .header__controls {
    background-color: #36302f;
  }

  .theme-light .is-visible-contacts .header__controls,
  .theme-light .is-visible-menu .header__controls {
    background-color: #f3f2ee;
  }
}

.header__controls:before {
  content: '';
  height: 50px;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: #2a2625;
  -webkit-transform: translateY(-45px);
          transform: translateY(-45px);
  -webkit-transition-property: background-color,-webkit-transform;
  transition-property: background-color,-webkit-transform;
  transition-property: transform,background-color;
  transition-property: transform,background-color,-webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .header__controls:before {
    content: none;
  }
}

.theme-light .header__controls:before {
  background-color: #e7e4df;
}

.is-scrolled .header__controls:before {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.is-visible-contacts .header__controls:before,
.is-visible-menu .header__controls:before {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background-color: #36302f;
}

.theme-light .is-visible-contacts .header__controls:before,
.theme-light .is-visible-menu .header__controls:before {
  background-color: #f3f2ee;
}

@media only screen and (min-width: 768px) {
  body.is-initial-load .header__controls {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.header__drawer {
  position: fixed !important;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

body.is-mobile-safari .header__drawer {
  height: calc(100vh - 44px);
}

@media only screen and (min-width: 768px) {
  .header__drawer {
    -webkit-transform: translate3d(calc(-100%), 0, 0);
            transform: translate3d(calc(-100%), 0, 0);
    height: 100%;
    left: 90px;
    min-width: 460px;
    max-width: 460px;
    overflow: hidden;
  }
}

@media only screen and (min-width: 1170px) {
  .header__drawer {
    min-width: 540px;
    max-width: 540px;
  }
}

.header__drawer--menu {
  background-color: #2a2625;
}

.theme-light .header__drawer--menu {
  background-color: #e7e4df;
}

.header.is-visible-menu .header__drawer--menu {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1170px) {
  .header__drawer--menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-height: 768px) {
  .header__drawer--menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.header__drawer--contacts {
  background-color: #4b4441;
}

.theme-light .header__drawer--contacts {
  background-color: #d0c3ba;
}

.header.is-visible-contacts .header__drawer--contacts {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.header__drawer-inner {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .header__drawer-inner {
    position: absolute;
  }
}

.header__drawer--menu .header__drawer-inner {
  padding: 80px 34px 74px;
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
  overflow: auto;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .header__drawer--menu .header__drawer-inner {
    -webkit-transform: skew(-10deg) translate3d(-50px, 0, 0);
            transform: skew(-10deg) translate3d(-50px, 0, 0);
    padding: 28px 40px 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: hidden;
  }
}

@media only screen and (min-width: 1170px) {
  .header__drawer--menu .header__drawer-inner {
    padding: 38px 50px;
  }
}

@media only screen and (min-width: 768px) {
  body.is-tablet-safari .header__drawer--menu .header__drawer-inner {
    padding-bottom: 40px;
  }
}

.header.is-visible-menu .header__drawer--menu .header__drawer-inner {
  opacity: 1;
  pointer-events: all;
}

@media only screen and (min-width: 768px) {
  .header.is-visible-menu .header__drawer--menu .header__drawer-inner {
    -webkit-transition-delay: 0;
            transition-delay: 0;
    -webkit-transform: skew(0) translate3d(0, 0, 0);
            transform: skew(0) translate3d(0, 0, 0);
  }
}

.header__drawer--contacts .header__drawer-inner {
  padding: 90px 40px 74px;
  overflow: auto;
}

@media only screen and (min-width: 768px) {
  .header__drawer--contacts .header__drawer-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 60px;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
            transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
    -webkit-transition-duration: 800ms;
            transition-duration: 800ms;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
    overflow: hidden;
  }
}

@media only screen and (min-height: 768px) {
  .header__drawer--contacts .header__drawer-inner {
    height: 100%;
    overflow: hidden;
  }
}

.header.is-visible-contacts .header__drawer--contacts .header__drawer-inner {
  pointer-events: all;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1024px) {
  body.is-tablet-safari .header__drawer--contacts .header__drawer-inner {
    height: var(--app-height);
  }
}

.header__drawer-inner .form__confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  margin-top: auto;
}

.header__drawer-inner .form__confirmation .form__confirmation-icon {
  fill: #fff;
}

.header__logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.is-visible-contacts .header__logo,
.is-visible-menu .header__logo,
.is-scrolled .header__logo {
  -webkit-transform: translateY(-92px);
          transform: translateY(-92px);
}

@media only screen and (min-width: 768px) {
  .is-visible-contacts .header__logo,
  .is-visible-menu .header__logo,
  .is-scrolled .header__logo {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media only screen and (min-width: 768px) {
  .header__logo {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.header__toggle {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 768px) {
  .header__toggle {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .header__toggle--menu {
    margin: 0 auto;
  }
}

.header__toggle--contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .header__toggle--contacts {
    bottom: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .header__toggle--contacts:after {
    content: '';
    position: absolute;
    bottom: 100%;
    height: 120px;
    left: 0;
    right: 0;
  }
}

.header__icon {
  font-size: 25px;
  color: #f3f2ee;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 1;
  visibility: visible;
  -webkit-transition-property: opacity,visibility;
  transition-property: opacity,visibility;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.is-visible-contacts .header__icon {
  opacity: 0;
  visibility: hidden;
}

.theme-light .header__icon {
  color: #2a2625;
}

.header__navigation {
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .header__navigation {
    margin: 0;
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
  }
}

@media only screen and (min-width: 1440px) {
  .header__navigation {
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media only screen and (min-width: 769px) and (max-width: 1170px) and (min-height: 540px) and (max-height: 768px) {
  .header__navigation {
    margin: 60px 0 0 0;
    top: 0;
    -webkit-transform: none;
            transform: none;
    position: relative;
  }
}

.header__navigation--secondary {
  position: relative;
  top: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media only screen and (min-width: 768px) {
  .header__navigation--secondary {
    margin-top: auto;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1170px) and (min-height: 540px) and (max-height: 768px) {
  .header__navigation--secondary {
    margin-top: 30px;
    margin-bottom: 0;
  }
}

.header__salescontacts {
  margin: 30px -9px 90px;
}

@media only screen and (min-width: 768px) {
  .header__salescontacts {
    margin: 30px -9px 0;
  }
}

.header__form {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1440px) and (max-height: 768px) {
  .header__form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
}

.header__form-title {
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .header__form-title {
    margin-top: 100px;
    font-size: 26px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .header__form-title {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 1170px) {
  .header__form-title {
    margin-top: 100px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1170px) and (min-height: 540px) and (max-height: 768px) {
  .header__form-title {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) and (max-height: 768px) {
  .header__form-title {
    margin-top: 20px;
  }
}

.theme-light .header__form-title {
  color: #2a2625;
}

.header__backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: -1;
  display: none;
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .header__backgrounds {
    display: block;
  }
}

.header__background-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 1;
}

.header__background-img:after {
  content: '';
  background-color: rgba(42,38,37,0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: -1;
}

.header__background-img.is-visible {
  z-index: 2;
}

.header__background-img.is-visible:after {
  -webkit-animation: overlayOpacity 800ms cubic-bezier(0.49, 0.005, 0.495, 1) 0ms forwards;
          animation: overlayOpacity 800ms cubic-bezier(0.49, 0.005, 0.495, 1) 0ms forwards;
}

.header__background-img .image__picture {
  width: 100%;
}

.theme-light .header .noUi-target {
  background-color: rgba(125,115,105,0.1);
}

.header__backgrounds .image__img {
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-delay: 500ms, 500ms;
          transition-delay: 500ms, 500ms;
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
  opacity: 0;
  -webkit-transform: translate3d(255px, 0, 0);
          transform: translate3d(255px, 0, 0);
  position: relative;
  z-index: 0;
}

.is-visible-menu .header__backgrounds .image__img {
  -webkit-transition-delay: 0ms, 0ms;
          transition-delay: 0ms, 0ms;
}

.header__backgrounds .header__background-img--pricelist .image__img {
  width: calc(100% - 90px);
  -o-object-position: top left;
     object-position: top left;
  -webkit-transform: translate3d(90px, 0, 0);
          transform: translate3d(90px, 0, 0);
}

@media only screen and (min-width: 2561px) {
  .header__backgrounds .header__background-img--pricelist .image__img {
    -o-object-position: center left;
       object-position: center left;
  }
}

.header__backgrounds .is-visible .image__img {
  -webkit-transition-delay: 100ms, 0ms;
          transition-delay: 100ms, 0ms;
  opacity: 1;
  z-index: 1;
  -webkit-transform: translate3d(315px, 0, 0);
          transform: translate3d(315px, 0, 0);
}

.header__toggle--contacts .header__hamburger {
  opacity: 0;
  pointer-events: none;
}

.is-visible-contacts .header__toggle--contacts .header__hamburger {
  opacity: 1;
}

.header__drawer-logo {
  position: static;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 44px;
  max-width: 100%;
  width: 100%;
  z-index: 0;
}

@media screen and (min-height: 600px) {
  .header__drawer-logo {
    position: absolute;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  .header__drawer-logo {
    position: static;
  }
}

@media only screen and (min-width: 768px) {
  .header__drawer-logo {
    display: none;
  }
}

body.is-mobile-safari .header__drawer-logo {
  bottom: 74px;
}

.header__drawer--contacts .header__drawer-logo {
  position: static;
}

.header__endover-logo {
  display: none;
  opacity: 1;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 99999;
}

@media only screen and (min-width: 768px) {
  .header__endover-logo {
    display: block;
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translate3d(49px, -50%, 0) rotate(-90deg);
            transform: translate3d(49px, -50%, 0) rotate(-90deg);
  }
}

body.is-fullscreen-mode .header__endover-logo,
body.is-initial-load .header__endover-logo,
body.is-fullscreen-pricelist .header__endover-logo {
  -webkit-transform: translate3d(80px, -50%, 0) rotate(-90deg);
          transform: translate3d(80px, -50%, 0) rotate(-90deg);
  opacity: 0;
}

@-webkit-keyframes overlayOpacity {
  0% {
    background-color: rgba(42,38,37,0);
  }

  50% {
    background-color: #2a2625;
  }

  100% {
    background-color: rgba(42,38,37,0);
  }
}

@keyframes overlayOpacity {
  0% {
    background-color: rgba(42,38,37,0);
  }

  50% {
    background-color: #2a2625;
  }

  100% {
    background-color: rgba(42,38,37,0);
  }
}

.header__drawer-logo .logo {
  margin: 0 auto;
}


.section {
  width: 100%;
  position: relative;
  padding: 76px calc(((100vw - 90px) / 28 * 3) * 1);
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .section {
    padding: 146px calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .section {
    padding: 166px calc(((100vw - 90px) / 28 * 2) * 1) 172px calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

.section--padding-half {
  padding: 46px calc(((100vw - 90px) / 28 * 1.5) * 1);
}

@media only screen and (min-width: 768px) {
  .section--padding-half {
    padding: 73px calc(((100vw - 90px) / 28 * 1.5) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .section--padding-half {
    padding: 106px calc(((100vw - 90px) / 28 * 1.5) * 1) 86px;
  }
}

.section--mobile-collapsed {
  padding: 70px 0 80px;
}

@media only screen and (min-width: 768px) {
  .section--mobile-collapsed {
    padding: 134px calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .section--mobile-collapsed {
    padding: 166px calc(((100vw - 90px) / 28 * 2) * 1) 166px calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

.section--intro {
  padding-top: 100px;
}

@media only screen and (min-width: 768px) {
  .section--intro {
    padding-top: 134px;
  }
}

@media only screen and (min-width: 1170px) {
  .section--intro {
    padding: 120px calc(((100vw - 90px) / 28 * 3) * 1) 166px calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

.section--contact {
  padding-top: 100px;
}

@media only screen and (min-width: 768px) {
  .section--contact {
    padding-top: 134px;
  }
}

@media only screen and (min-width: 1170px) {
  .section--contact {
    padding: 120px calc(((100vw - 90px) / 28 * 3) * 1) 166px calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

.section--padding-large {
  padding: 70px calc(((100vw - 90px) / 28 * 3) * 1) 80px;
}

@media only screen and (min-width: 768px) {
  .section--padding-large {
    padding: 130px calc(((100vw - 90px) / 28 * 3) * 1) 150px;
  }
}

@media only screen and (min-width: 1170px) {
  .section--padding-large {
    padding: 216px calc(((100vw - 90px) / 28 * 2) * 1) 166px calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

.section--collapsed {
  padding: 0;
}

.section--padding-bottom-only {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.section--padding-top-only {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.section--padding-top {
  padding-bottom: 0;
}

.section--dune {
  background-color: #2a2625;
  color: #f3f2ee;
}

.section--masala {
  background-color: #4b4441;
  color: #f3f2ee;
}

.section--cararra {
  background-color: #f3f2ee;
}

.section--sisal {
  background-color: #d0c3ba;
}

.section--light-sisal {
  background-color: #e5dbd4;
}

.section--light-dark {
  background-color: #36302f;
}

.section--white {
  background-color: #fff;
}

.section--sandstone {
  background-color: #7d7369;
  color: #fff;
}

.section--full-width {
  width: 100vw;
}

@media only screen and (min-width: 768px) {
  .section--full-width {
    width: calc(100vw - 90px);
  }
}

.section--mosaicD-intro {
  padding-top: 0;
}

.section__image {
  position: relative;
}

.section__image:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 56.25%;
}

.section__image>.image__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.section__content {
  height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.is-mobile-safari .section__content {
  height: calc(100vh - 44px);
}

.section__button {
  margin-top: 60px;
}

.section__gallery-title {
  padding-top: 40px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .section__gallery-title {
    padding-top: 72px;
    margin-bottom: 72px;
  }
}

@media only screen and (min-width: 1170px) {
  .section__gallery-title {
    padding-top: 84px;
    margin-bottom: 84px;
  }
}

.section--intro .section__title {
  margin-bottom: 100px;
}

@media only screen and (min-width: 768px) {
  .section--intro .section__title {
    margin-bottom: 134px;
  }
}

@media only screen and (min-width: 1170px) {
  .section--intro .section__title {
    margin-bottom: 120px;
  }
}

.section--intro.section--intro-with-text .section__title {
  margin-bottom: 34px;
}

@media only screen and (min-width: 768px) {
  .section--intro.section--intro-with-text .section__title {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1170px) {
  .section--intro.section--intro-with-text .section__title {
    margin-bottom: 60px;
  }
}

.section__text {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 34px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  .section__text {
    margin-bottom: 134px;
    font-size: 18px;
    line-height: 28px;
    max-width: 480px;
  }
}

@media only screen and (min-width: 1170px) {
  .section__text {
    margin-bottom: 120px;
  }
}


.select {
  z-index: auto;
  position: relative;
}

.select .textfield__input {
  padding: 0 30px 0 19px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: '';
  text-align: left;
  color: #2a2625;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  border: 1px solid #d0c3ba;
  height: 50px;
}

.select .textfield__input::-ms-expand {
  display: none;
}

.textfield__input.ui.dropdown {
  border: none;
  border-bottom: 1px solid rgba(243,242,238,0.1);
  padding: 0 0 10px 0;
  border-radius: 0;
  min-height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
  background: transparent;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.textfield__input.ui.dropdown:hover {
  border-bottom: 1px solid rgba(243,242,238,0.1);
}

.select .textfield__inner {
  display: inline-block;
  width: 100%;
  position: relative;
}

@media only screen and (min-width: 1170px) {
  .select .textfield__inner {
    padding: 0;
  }
}

.select.is-disabled .textfield__inner:after {
  border-top: 6px solid rgba(243,242,238,0.2);
}

.select .textfield__label {
  display: none;
}

.textfield--left .textfield__label {
  display: inline-block;
}

.select__icon {
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #2a2625;
  font-size: 10px;
}


.text-background {
  overflow: hidden;
  max-height: 100%;
  width: 100%;
}

@media only screen and (min-width: 1170px) {
  .text-background {
    height: 100vh;
  }
}

.text-background:not(.text-background--content) {
  position: relative;
}

.text-background:not(.text-background--content):before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 56.25%;
}

.text-background:not(.text-background--content)>.text-background__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.text-background--title {
  height: 100vh;
}

body.is-mobile-safari .text-background--title {
  height: calc(100vh - 44px);
}

.text-background--social {
  height: 100vh;
}

body.is-mobile-safari .text-background--social {
  height: calc(100vh - 44px);
}

.text-background__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.text-background--social .text-background__inner:before,
.text-background--title .text-background__inner:before {
  content: '';
  background-color: rgba(42,38,37,0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.text-background--content .text-background__inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media only screen and (min-width: 1170px) {
  .text-background--content .text-background__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.text-background__content {
  position: relative;
  z-index: 1;
  padding: 0 12px;
  text-align: center;
}

.text-background--content .text-background__content {
  text-align: left;
  margin-bottom: 65px;
  padding: 0 34px;
}

@media only screen and (min-width: 768px) {
  .text-background--content .text-background__content {
    padding: 0;
    margin-bottom: 100px;
  }
}

@media only screen and (min-width: 1170px) {
  .text-background--content .text-background__content {
    margin-bottom: 0;
    margin-left: calc(((100vw - 90px) / 28 * 5) * 1);
    margin-top: 160px;
    position: absolute;
    left: 50%;
    right: calc(((100vw - 90px) / 28 * 1) * 1);
    max-width: 600px;
  }
}

@media only screen and (min-width: 1440px) {
  .text-background--content .text-background__content {
    margin-left: calc(((100vw - 90px) / 28 * 4) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .section--sandstone .text-background--content .text-background__content {
    margin-left: calc(((100vw - 90px) / 28 * 5) * 1);
  }
}

@media only screen and (min-width: 1680px) {
  .text-background--title .text-background__content {
    max-width: 735px;
    margin: 0 auto;
  }
}

.text-background--social .text-background__content {
  width: 100%;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .text-background--social .text-background__content {
    width: 78%;
  }
}

@media only screen and (min-width: 1170px) {
  .text-background--social .text-background__content {
    width: 46%;
  }
}

@media only screen and (min-width: 1680px) {
  .text-background--social .text-background__content {
    max-width: 735px;
    margin: 0;
  }
}

.text-background__image {
  width: 100%;
  height: 100%;
}

.text-background:not(.text-background--content) .text-background__image {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 1170px) {
  .text-background--content .text-background__image {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
  }
}

.text-background__cta {
  margin-top: 40px;
}

@media only screen and (min-width: 768px) {
  .text-background__cta {
    margin-top: 64px;
  }
}

.text-background .image__picture {
  width: 100%;
  height: 100%;
}

.text-background .image__img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.text-background__title {
  color: #f3f2ee;
}

.text-background--social .text-background__title {
  padding: 0 34px;
}

@media only screen and (min-width: 768px) {
  .text-background--social .text-background__title {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) {
  .text-background--content .text-background__text {
    padding: 0 calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .text-background--content .text-background__text {
    padding: 0;
  }
}

.text-background--content .text-background__text>*,
.text-background--content .text-background__text {
  color: #f3f2ee;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
}

@media only screen and (min-width: 1170px) {
  .text-background--content .text-background__text>*,
  .text-background--content .text-background__text {
    color: #2a2625;
  }
}

.section--cararra .text-background--content .text-background__text>*,
.section--cararra .text-background--content .text-background__text {
  color: #2a2625;
}

.section--sandstone .text-background--content .text-background__text>*,
.section--sandstone .text-background--content .text-background__text {
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .text-background--content .text-background__text>*,
  .text-background--content .text-background__text {
    font-size: 20px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 1170px) {
  .text-background--content .text-background__text>*,
  .text-background--content .text-background__text {
    font-size: 26px;
    line-height: 38px;
  }
}

.text-background--social .text-background__text>*,
.text-background--social .text-background__text {
  color: #f3f2ee;
  margin-top: 40px;
  padding: 0 34px;
}

@media only screen and (min-width: 768px) {
  .text-background--social .text-background__text>*,
  .text-background--social .text-background__text {
    padding: 0;
    margin-top: 64px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 1170px) {
  .text-background--social .text-background__text>*,
  .text-background--social .text-background__text {
    width: 75%;
  }
}

.text-background--social .text-background__text a,
.text-background--social .text-background__text .link {
  color: #d0c3ba;
  font-weight: 700;
}

.text-background--social .text-background__text a:after,
.text-background--social .text-background__text .link:after {
  background-color: #d0c3ba;
}

.text-background__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 54px;
}

@media only screen and (min-width: 768px) {
  .text-background__social {
    margin-top: 64px;
  }
}


.intl-tel-input {
  position: relative;
  display: inline-block;
}

.intl-tel-input * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
          box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
  color: #999;
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0,0,0,0.05);
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 6px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0,0,0,0.05);
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0,0,0,0.05);
  display: table;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  -webkit-box-shadow: 0px 0px 1px 0px #888;
          box-shadow: 0px 0px 1px 0px #888;
  background-image: url(../../inc/img/flags.png);
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url(../../inc/img/flags@2x.png);
  }
}

.iti-flag.np {
  background-color: transparent;
}

.textfield {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.textfield.is-disabled {
  opacity: .5;
}

.textfield__inner {
  position: relative;
  padding: 0;
}

@media only screen and (min-width: 1170px) {
  .textfield__inner:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0;
    height: 1px;
    background: rgba(243,242,238,0.6);
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 800ms;
            transition-duration: 800ms;
    -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
            transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
  }

  .textfield--light .textfield__inner:before,
  .theme-light .header .textfield__inner:before {
    background: #2a2625;
  }
}

@media only screen and (min-width: 768px) {
  .textfield--submit .textfield__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.textfield.is-focused .textfield__inner:before,
.textfield:hover .textfield__inner:before {
  left: 0;
  right: auto;
  width: 100%;
}

body.is-ios .textfield.is-focused .textfield__inner:before {
  width: 100%;
}

.textfield__icon {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.textfield__input-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.form__body>.form__row .textfield__input-wrapper {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .textfield__input-wrapper {
    margin-bottom: 0;
  }
}

.textfield__input {
  display: block;
  position: relative;
  width: 100%;
  height: 34px;
  margin: 0;
  padding-right: 0;
  padding-bottom: 4px;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(243,242,238,0.2);
  border-radius: 0;
  color: #f3f2ee;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .textfield__input {
    font-size: 18px;
    height: 30px;
    padding-bottom: 6px;
  }
}

.textfield--submit .textfield__input {
  line-height: 56px;
  height: 56px;
  padding: 0 0 0 42px;
}

.textfield--left-aligned .textfield__input {
  text-align: left;
}

.textfield--light .textfield__input {
  color: #2a2625;
  border-bottom: 1px solid rgba(125,115,105,0.5);
}

.footer .textfield--light .textfield__input {
  color: #fff;
}

.theme-light .header .textfield__input {
  color: #2a2625;
  border-bottom: 1px solid rgba(125,115,105,0.5);
}

.textfield.is-invalid .textfield__input {
  border-bottom: 1px solid red;
}

.textfield.is-focused .textfield__input {
  outline: none;
}

.textfield__input:-webkit-placeholder {
  color: #d0c3ba !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

@media only screen and (min-width: 768px) {
  .textfield__input:-webkit-placeholder {
    font-size: 12px !important;
  }
}

.textfield--light .textfield__input:-webkit-placeholder,
.theme-light .header .textfield__input:-webkit-placeholder {
  color: #7d7369 !important;
}

.finance .textfield__input:-webkit-placeholder {
  font-size: 16px !important;
}

.textfield__input::-webkit-input-placeholder {
  color: #d0c3ba !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

.textfield__input:-ms-input-placeholder {
  color: #d0c3ba !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

.textfield__input::-ms-input-placeholder {
  color: #d0c3ba !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

.textfield__input::placeholder {
  color: #d0c3ba !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

@media only screen and (min-width: 768px) {
  .textfield__input::-webkit-input-placeholder {
    font-size: 12px !important;
  }
  .textfield__input:-ms-input-placeholder {
    font-size: 12px !important;
  }
  .textfield__input::-ms-input-placeholder {
    font-size: 12px !important;
  }
  .textfield__input::placeholder {
    font-size: 12px !important;
  }
}

.textfield--light .textfield__input::-webkit-input-placeholder,
.theme-light .header .textfield__input::-webkit-input-placeholder {
  color: #7d7369 !important;
}

.textfield--light .textfield__input:-ms-input-placeholder,
.theme-light .header .textfield__input:-ms-input-placeholder {
  color: #7d7369 !important;
}

.textfield--light .textfield__input::-ms-input-placeholder,
.theme-light .header .textfield__input::-ms-input-placeholder {
  color: #7d7369 !important;
}

.textfield--light .textfield__input::placeholder,
.theme-light .header .textfield__input::placeholder {
  color: #7d7369 !important;
}

.finance .textfield__input::-webkit-input-placeholder {
  font-size: 16px !important;
}

.finance .textfield__input:-ms-input-placeholder {
  font-size: 16px !important;
}

.finance .textfield__input::-ms-input-placeholder {
  font-size: 16px !important;
}

.finance .textfield__input::placeholder {
  font-size: 16px !important;
}

.textfield__input::-ms-clear {
  display: none;
}

@media only screen and (max-width: 767px) {
  .textfield.is-focused .textfield__input,
  .textfield:hover .textfield__input {
    border-bottom: 1px solid rgba(208,195,186,0.6);
  }
}

@media only screen and (max-width: 767px) {
  .textfield--light.textfield.is-focused .textfield__input,
  .textfield--light.textfield:hover .textfield__input,
  .theme-light .header .textfield.is-focused .textfield__input,
  .theme-light .header .textfield:hover .textfield__input {
    border-bottom: 1px solid rgba(42,38,37,0.6);
  }
}

.textfield__input:focus {
  outline: none;
}

.form-textfield__error,
.textfield__error {
  display: none;
  color: red;
  font-size: 12px;
  letter-spacing: 1.4px;
  font-weight: 200;
  position: absolute;
  bottom: -15px;
}

.form-textfield.is-invalid .form-textfield__error,
.textfield.is-invalid .form-textfield__error,
.form-textfield.is-invalid .textfield__error,
.textfield.is-invalid .textfield__error {
  display: block;
}

.textfield__label {
  bottom: 0;
  color: #d0c3ba;
  font-size: 10px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 16px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.textfield--light .textfield__label,
.theme-light .header .textfield__label {
  color: #7d7369;
}

@media only screen and (min-width: 768px) {
  .textfield__label {
    font-size: 12px;
  }
}

.textfield__label.is-disabled {
  opacity: .5;
}

html.no-js .textfield__label,
.textfield.is-focused .textfield__label,
.textfield.is-dirty .textfield__label {
  font-size: 8px;
  top: 0;
}

@media only screen and (min-width: 768px) {
  html.no-js .textfield__label,
  .textfield.is-focused .textfield__label,
  .textfield.is-dirty .textfield__label {
    font-size: 12px;
  }
}

.textfield.is-focused .textfield__label {
  color: #d0c3ba;
}

.textfield--light .textfield.is-focused .textfield__label,
.theme-light .header .textfield.is-focused .textfield__label {
  color: #7d7369;
}

.textfield.is-invalid .textfield__label {
  color: red;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
}

.intl-tel-input {
  width: 100%;
}

.intl-tel-input .flag-container {
  bottom: 11px;
  outline: none;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  padding-left: 0 !important;
}

.intl-tel-input.separate-dial-code .selected-flag {
  background: none;
  padding: 0;
  outline: none;
}

.intl-tel-input.allow-dropdown .flag-container:focus .selected-flag,
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background: none;
}

.selected-flag .iti-flag {
  display: none;
}

.intl-tel-input .country-list .country-name {
  display: none;
}

.intl-tel-input .country-list .country .dial-code {
  color: rgba(0,0,0,0.87);
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  color: #fff;
  line-height: 21px;
  padding: 0;
}

.theme-light .header .intl-tel-input.separate-dial-code .selected-dial-code {
  color: rgba(125,115,105,0.5);
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -2px;
  width: 0;
  height: 0;
  padding: 2px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

.theme-light .header .intl-tel-input .selected-flag .iti-arrow {
  border-color: #2a2625;
}

.intl-tel-input .selected-flag {
  width: 53px !important;
}

.intl-tel-input .flag-box {
  display: none !important;
}

.intl-tel-input .country-list {
  top: 100%;
  left: 0;
  margin: 6px 0 0 0;
  background-color: #fff;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.iti-container .country-list {
  top: 0;
}

.intl-tel-input .country-list.dropup {
  top: auto;
}

.intl-tel-input .country-list .country {
  padding: .78571429rem 1.14285714rem;
  font-size: 1rem;
}

.intl-tel-input input,
.intl-tel-input input[type='text'] {
  padding-left: 65px !important;
}


textarea.textfield__input {
  display: block;
  resize: none;
  height: 60px;
  font-size: 16px;
  font-weight: 400;
  padding-left: 0;
  line-height: 24px;
}

@media only screen and (min-width: 768px) {
  textarea.textfield__input {
    height: 60px;
    font-size: 18px;
  }
}


.timecapsule {
  position: relative;
  height: calc(100vh - 49px);
  width: 100vw;
  background-color: #4b4441;
}

body.is-mobile-safari .timecapsule {
  height: calc(var(--app-height) - 49px);
}

@media only screen and (min-width: 768px) {
  .timecapsule {
    height: calc(100% - 55px);
  }
}

@media only screen and (min-width: 1170px) {
  .timecapsule {
    height: 100%;
  }
}

.is-visible-timecapsule .timecapsule .tabs__nav {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 768px) {
  .is-visible-timecapsule .timecapsule .tabs__nav {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    -webkit-transition-delay: 800ms;
            transition-delay: 800ms;
  }
}


.timecapsule-info {
  position: relative;
  height: calc(100vh - 180px);
  z-index: 3;
}

@media only screen and (min-width: 768px) {
  .timecapsule-info {
    height: 100vh;
  }
}

body.is-mobile-safari .timecapsule-info {
  height: calc(100vh - 250px);
}

@media only screen and (min-width: 768px) {
  body.is-mobile-safari .timecapsule-info {
    height: calc(100vh - 44px);
  }
}

.timecapsule-info__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 20px calc(((100vw - 90px) / 28 * 2) * 1);
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .timecapsule-info__inner {
    padding: 110px calc(((100vw - 90px) / 28 * 4) * 1) 230px calc(((100vw - 90px) / 28 * 4) * 1);
  }
}

@media only screen and (min-width: 1024px) {
  .timecapsule-info__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 200px calc(((100vw - 90px) / 28 * 4) * 1) 200px calc(((100vw - 90px) / 28 * 4) * 1);
  }
}

.timecapsule-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  .timecapsule-info__content {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

@media only screen and (min-width: 1024px) {
  .timecapsule-info__content {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .timecapsule-info__content * {
    max-width: calc(((100vw - 90px) / 28 * 9) * 1);
  }
}

.timecapsule-info__background {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.timecapsule-info__background .image__picture {
  width: 100%;
  height: 100%;
}

.timecapsule-info__background .image__picture .image__img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.timecapsule-info__background::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(42,38,37,0.5);
}

.timecapsule-info__image {
  display: none;
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .timecapsule-info__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
}

.timecapsule-info__image-image .image__img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  width: auto;
}

@media only screen and (min-width: 768px) {
  .timecapsule-info__image-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    text-align: center;
  }
}

@media only screen and (min-width: 1024px) {
  .timecapsule-info__image-image {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: auto auto auto 0;
    max-width: calc(((100vw - 90px) / 28 * 8) * 1);
    max-height: calc(((100vw - 90px) / 28 * 8) * 1);
  }
}

.timecapsule-info__title {
  z-index: 2;
  padding-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .timecapsule-info__title {
    padding: 0 0 45px 0;
  }
}

.timecapsule-info__text {
  z-index: 2;
  line-height: 22px;
  padding-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .timecapsule-info__text {
    padding-bottom: 30px;
  }
}

.timecapsule-info__button {
  z-index: 2;
  margin-right: calc(((100vw - 90px) / 28 * 7) * 1);
}

.timecapsule-info__button .timecapsule__button {
  text-align: left;
  -webkit-box-shadow: 0 0 0 1px #d0c3ba;
          box-shadow: 0 0 0 1px #d0c3ba;
}

@media only screen and (min-width: 1024px) {
  .timecapsule-info__button {
    margin-right: calc(((100vw - 90px) / 28 * 3) * 1);
  }
}


.tooltip-static {
  position: absolute;
  max-width: 180px;
  padding: 15px 10px;
  background-color: #4b4441;
}

.tooltip-static::after {
  content: ' ';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #4b4441;
  position: absolute;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

.tooltip-static__title {
  text-align: center;
  text-transform: uppercase;
  font-family: "TT Norms W01",Helvetica,sans-serif;
  color: #d0c3ba;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.4px;
  line-height: 20px;
}

.tooltip-static__content {
  text-align: center;
  font-size: 13px;
  font-family: "TT Norms W01",Helvetica,sans-serif;
  line-height: 20px;
  color: #fff;
}


.tutorial {
  background: #fff;
}

.tutorial__slip {
  background: #f3f2ee;
  margin-top: 80px;
}

.tutorial__title {
  margin-bottom: 40px;
}


.accordion__item+.accordion__item {
  margin-top: 2px;
}

.accordion__header {
  position: relative;
  display: block;
  padding: 10px 20px 10px;
  background: transparent;
}

.accordion__content {
  display: none;
}

html.no-js .accordion__content,
.accordion__item.is-open>.accordion__content {
  display: block;
}

.accordion__inner {
  padding: 10px 20px 30px;
}


.apartment-details {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 57;
  background-color: #d0c3ba;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-transition-property: visibility, opacity;
  transition-property: visibility, opacity;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
}

@media only screen and (min-width: 768px) {
  .apartment-details {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.apartment-details.is-open {
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 1170px) {
  .apartment-details.is-open {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  }
}

.apartment-details.is-closing {
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 1170px) {
  .apartment-details.is-closing {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  }
}

body.is-apartment-ontop .apartment-details,
.apartment-details--ontop {
  z-index: 98;
}

.apartment-details__content {
  position: relative;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.apartment-details__column {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
  width: 100%;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .apartment-details__column--content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: calc(((100vw - 90px) / 28 * 28) * 1);
    padding: 0 48px 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__column--content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(((100vw - 90px) / 28 * 9) * 1);
            flex: 1 1 calc(((100vw - 90px) / 28 * 9) * 1);
    max-width: calc(((100vw - 90px) / 28 * 9) * 1);
    padding: 0 calc(((100vw - 90px) / 28 * 1) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .apartment-details__column--content {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 10) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 10) * 1);
    max-width: calc(((100vw - 90px) / 28 * 10) * 1);
    padding: 0 calc(((100vw - 90px) / 28 * 1) * 1);
  }
}

@media only screen and (min-width: 1920px) {
  .apartment-details__column--content {
    padding: 0 calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 768px) {
  .apartment-details__column--floorplan {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(((100vw - 90px) / 28 * 28) * 1);
            flex: 1 1 calc(((100vw - 90px) / 28 * 28) * 1);
    max-width: calc(((100vw - 90px) / 28 * 28) * 1);
    padding: 0 calc(((100vw - 90px) / 28 * 2) * 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__column--floorplan {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(((100vw - 90px) / 28 * 11) * 1);
            flex: 1 1 calc(((100vw - 90px) / 28 * 11) * 1);
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    padding: calc(((100vw - 90px) / 28 * 1) * 1) calc(((100vw - 90px) / 28 * 1) * 1) calc(((100vw - 90px) / 28 * 1) * 1);
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-left: calc(((100vw - 90px) / 28 * 1) * -1);
  }
}

@media only screen and (min-width: 1440px) {
  .apartment-details__column--floorplan {
    padding: 60px calc(((100vw - 90px) / 28 * 1) * 1) 60px calc(((100vw - 90px) / 28 * 1) * 1);
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 10) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 10) * 1);
  }
}

.apartment-details__column-inner {
  padding: calc(((100vw) / 28 * 2) * 1) 0 0;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .apartment-details__column-inner {
    padding: calc(((100vw - 90px) / 28 * 1) * 1) 0 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__column-inner {
    padding: calc(((100vw - 90px) / 28 * 1) * 1) 0;
  }
}

.apartment-details__main {
  width: 100%;
  background-color: #f3f2ee;
}

@media only screen and (min-width: 1024px) {
  .apartment-details__main {
    background-color: transparent;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__main {
    height: 100%;
    overflow: hidden;
  }
}

.apartment-details__grid {
  margin: 0;
}

@media only screen and (min-width: 1170px) {
  .apartment-details__grid {
    height: 100%;
  }
}

.apartment-details__grid-col {
  padding: 0 calc(((100vw) / 28 * 2) * 1);
}

@media only screen and (min-width: 768px) {
  .apartment-details__grid-col {
    padding: 0;
  }
}

.apartment-details__grid-col--logo {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  position: relative;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .apartment-details__grid-col--logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.apartment-details__grid-col--content {
  background-color: #f3f2ee;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-bottom: 20px;
}

@media only screen and (min-width: 1170px) {
  .apartment-details__grid-col--content {
    padding: 0;
    overflow-y: auto;
    overflow-x: visible;
  }
}

.apartment-details__campaign {
  display: block;
  color: #ed1c24;
  text-transform: uppercase;
  margin-bottom: 25px;
}

@media only screen and (min-width: 1170px) {
  .apartment-details__campaign {
    margin-bottom: 0;
  }
}

.apartment-details__additional-text {
  color: #4b4441;
}

@media only screen and (min-width: 1170px) {
  .apartment-details__additional-text {
    margin-top: 6px;
  }
}

.apartment-details__additional-text b {
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .apartment-details__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-item-align: center;
        align-self: center;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__inner {
    height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.apartment-details__logo {
  font-size: 136px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.apartment-details__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.apartment-details__head-item:last-child {
  margin-left: 50px;
}

.apartment-details__title {
  line-height: 1;
  font-weight: 300;
  white-space: nowrap;
}

@media only screen and (min-width: 1170px) {
  .apartment-details__title {
    font-size: 50px;
  }
}

.apartment-details__title--alt {
  color: #d0c3ba;
}

@media only screen and (min-width: 768px) {
  .apartment-details__pdf {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    width: 100%;
    position: absolute;
    top: 50px;
    right: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__pdf {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 100%;
    position: relative;
    top: auto;
    right: auto;
  }
}

.apartment-details__floorplan-button {
  color: #4b4441;
}

@media only screen and (min-width: 768px) {
  .apartment-details__floorplan-button {
    position: absolute;
    top: 50px;
    right: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__floorplan-button {
    position: relative;
    top: auto;
    right: auto;
  }
}

.apartment-details__floorplan-button .button__text:before {
  background-color: #d0c3ba;
}

.apartment-details__floorplan-button .button__text:after {
  background-color: #4b4441;
}

.apartment-details__data-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
}

@media only screen and (min-width: 768px) {
  .apartment-details__data-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__data-list {
    margin-bottom: calc(((100vw - 90px) / 28 * .5) * 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
}

.apartment-details__data-label {
  text-transform: uppercase;
  letter-spacing: 1.25px;
  font-size: 10px;
  display: block;
  font-weight: 400;
  color: #b2a399;
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  .apartment-details__data-label {
    letter-spacing: 1.5px;
    font-size: 12px;
  }
}

.apartment-details__price {
  display: block;
  text-decoration: line-through;
}

.apartment-details__discounted-price {
  display: block;
  color: #ed1c24;
  margin-bottom: 10px;
}

.apartment-details__data-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.333%;
          flex: 1 1 33.333%;
  max-width: 33.333%;
  padding: 25px 5px 0 0;
  word-wrap: break-word;
}

@media only screen and (min-width: 1170px) {
  .apartment-details__data-item {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1440px) {
  .apartment-details__data-item {
    font-size: 18px;
  }
}

.apartment-details__floorplans {
  margin-top: 45px;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .apartment-details__floorplans {
    display: inline-block;
    text-align: left;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    margin-top: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__floorplans {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
}

.apartment-details__controls {
  padding-bottom: calc(((100vw) / 28 * 2) * 1);
}

@media only screen and (min-width: 1024px) {
  .apartment-details__controls {
    padding-bottom: 20px;
  }
}

.apartment-details__controls-button {
  border-color: transparent;
}

.apartment-details__controls-button:after {
  width: 100%;
  top: -1px;
  bottom: -1px;
}

.apartment-details__controls-button:hover:after {
  width: 0;
}

.apartment-details__controls-button .button__text {
  color: #7d7369;
}

.apartment-details__controls-button.is-active {
  border-color: #4b4441;
}

.apartment-details__controls-button.is-active:after {
  width: 0;
}

.apartment-details__controls-button.is-active .button__text {
  color: #4b4441;
}

.apartment-details__extra-info-item {
  color: #4b4441;
  font-size: 18px;
  margin-top: 24px;
}

.apartment-details__extra-info-label {
  display: inline;
  font-weight: 700;
}

.apartment-details__extra-info-value {
  display: inline;
}

.apartment-details__gallery-title,
.apartment-details__floorplans-title {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  display: block;
  font-weight: 400;
  color: #b2a399;
  margin-bottom: 15px;
}

.apartment-details__floorplan-list {
  display: block;
  margin-top: 6px;
}

.apartment-details__floorplan {
  display: inline-block;
  width: 80px;
  margin-right: 15px;
}

.apartment-details__sales-contacts {
  margin-top: calc(((100vw) / 28 * 2) * 1);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .apartment-details__sales-contacts {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__sales-contacts {
    margin-top: 30px;
    text-align: left;
  }
}

.apartment-details__sales-contacts .sales-contacts__item {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  line-height: 24px;
}

@media only screen and (min-width: 768px) {
  .apartment-details__sales-contacts .sales-contacts__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    padding: 0 8px;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__sales-contacts .sales-contacts__item {
    padding: 0;
    line-height: 28px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

.apartment-details__sales-contacts .sales-contacts__item--name {
  display: none;
}

.apartment-details__sales-contacts .sales-contacts__item--label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

@media only screen and (min-width: 768px) {
  .apartment-details__sales-contacts .sales-contacts__item--label {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__sales-contacts .sales-contacts__item--label {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.apartment-details__floorplan-label {
  color: #4b4441;
  font-weight: 700;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.apartment-details__floorplan-link:hover .apartment-details__floorplan-label {
  color: #353132;
}

.apartment-details__buttons {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  text-align: center;
  margin: 0 -5px;
}

.apartment-details__buttons>* {
  margin: 10px 5px 0 5px;
}

@media only screen and (min-width: 1170px) {
  .apartment-details__buttons {
    text-align: left;
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .apartment-details__column--floorplan .apartment-details__buttons {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-top: 30px;
  }
}

.apartment-details__single-plan {
  width: 100%;
  max-height: 100%;
}

.apartment-details__plan {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 56px;
  opacity: 0;
  display: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1024px) {
  .apartment-details__plan {
    padding-right: 0;
    max-height: 85%;
  }
}

.apartment-details__plan.is-active {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.apartment-details__bg {
  width: 100%;
}

@media only screen and (min-width: 1170px) {
  .apartment-details__bg {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    position: relative;
    position: fixed;
  }

  .apartment-details__bg:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%;
  }

  .apartment-details__bg>.image__picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__bg .image__picture {
    width: 100%;
    height: 100%;
  }
}

.apartment-details__bg .image__img {
  width: 100%;
  height: 100%;
  vertical-align: top;
  -o-object-fit: cover;
     object-fit: cover;
}

.apartment-details__endover-logo {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 3;
  -webkit-transform: translate3d(45px, -50%, 0) rotate(-90deg);
          transform: translate3d(45px, -50%, 0) rotate(-90deg);
}

@media only screen and (min-width: 768px) {
  .apartment-details__endover-logo {
    display: block;
  }
}

.apartment-details__floorplan-link {
  text-decoration: none;
}

.apartment-details__floorplan-link:focus {
  outline: none;
}

.apartment-details__back {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100px;
  width: 100%;
  padding: 50px calc(((100vw) / 28 * 2) * 1) 0;
}

@media only screen and (min-width: 768px) {
  .apartment-details__back {
    height: 80px;
    padding: 0 calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

.apartment-details__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.apartment-details__back .apartment-details__close {
  position: relative;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.apartment-details__panorama {
  overflow: hidden;
  position: relative;
  width: auto;
  margin: calc(((100vw - 90px) / 28 * 2) * 1);
  position: relative;
}

.apartment-details__panorama:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 56.25%;
}

.apartment-details__panorama>.apartment-details__panorama-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .apartment-details__panorama {
    width: 100%;
    margin: 0;
    padding: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1024px) {
  .apartment-details__panorama {
    padding: 0;
  }
}

.apartment-details__panorama:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-color: rgba(42,38,37,0.65);
}

@media only screen and (min-width: 768px) {
  .apartment-details__panorama:after {
    top: calc(((100vw - 90px) / 28 * 2) * 1);
    left: calc(((100vw - 90px) / 28 * 2) * 1);
    bottom: calc(((100vw - 90px) / 28 * 2) * 1);
    right: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1024px) {
  .apartment-details__panorama:after {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}

.apartment-details__panorama-bg {
  width: 110%;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.apartment-details.is-open .apartment-details__panorama-bg {
  -webkit-transform: translateX(-8%);
          transform: translateX(-8%);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 2000ms;
          transition-duration: 2000ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

.apartment-details__panorama-bg .image__img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.apartment-details__panorama-button {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  white-space: nowrap;
}

.apartment-details__close-icon {
  color: #353132;
  font-size: 26px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1170px) {
  .apartment-details__close:hover .apartment-details__close-icon {
    color: #f3f2ee;
  }
}

body.is-apartment-open .ajax-page:before {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  opacity: 1;
  visibility: visible;
}

.apartment-details .reservation {
  display: inline-block;
}

@media only screen and (min-width: 1024px) {
  .apartment-details__column--floorplan .reservation {
    display: none;
  }
}

.apartment-details__pdf-button-wrap {
  position: relative;
}

.apartment-details__pdf-button-wrap--bottom {
  margin-top: 0;
}

.apartment-details__pdf-button-wrap--bottom>* {
  margin: 10px 5px 0 5px;
}

.apartment-details__pdf-button-svg {
  position: absolute;
  right: -100px;
  top: -4px;
}

.apartment-details__compass {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.apartment-details__images-grid {
  width: 100%;
  margin-top: 18px;
  margin-bottom: 24px;
  gap: 35px;
}

@media only screen and (min-width: 768px) {
  .apartment-details__images-grid {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 1170px) {
  .apartment-details__images-grid {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1440px) {
  .apartment-details__images-grid {
    margin-top: 30px;
  }
}

.apartment-details__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}

.apartment-details__gallery-item {
  display: inline-block;
  text-decoration: none;
  position: relative;
}

@media only screen and (min-width: 1170px) and (max-width: 1439px) {
  .apartment-details__gallery-item:nth-child(2) {
    position: relative;
    max-width: 40px;
    overflow: hidden;
  }

  .apartment-details__gallery-item:nth-child(2)::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(243,242,238,0)), to(#f3f2ee));
    background: linear-gradient(90deg, rgba(243,242,238,0) 50%, #f3f2ee 100%);
    content: '';
  }
}

@media only screen and (max-width: 1169px) {
  .apartment-details__gallery-item:nth-child(3) {
    position: relative;
    max-width: 40px;
    overflow: hidden;
  }

  .apartment-details__gallery-item:nth-child(3)::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(243,242,238,0)), to(#f3f2ee));
    background: linear-gradient(90deg, rgba(243,242,238,0) 50%, #f3f2ee 100%);
    content: '';
  }
}

@media only screen and (min-width: 1440px) {
  .apartment-details__gallery-item:nth-child(3) {
    position: relative;
    max-width: 40px;
    overflow: hidden;
  }

  .apartment-details__gallery-item:nth-child(3)::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(243,242,238,0)), to(#f3f2ee));
    background: linear-gradient(90deg, rgba(243,242,238,0) 50%, #f3f2ee 100%);
    content: '';
  }
}

@media only screen and (min-width: 1170px) and (max-width: 1439px) {
  .apartment-details__gallery-item:nth-child(n+3) {
    display: none;
  }
}

@media only screen and (max-width: 1169px) {
  .apartment-details__gallery-item:nth-child(n+4) {
    display: none;
  }
}

@media only screen and (min-width: 1440px) {
  .apartment-details__gallery-item:nth-child(n+4) {
    display: none;
  }
}

.apartment-details__gallery-image {
  width: 60px;
  height: 60px;
}

@media only screen and (min-width: 768px) {
  .apartment-details__gallery-image {
    width: 80px;
    height: 80px;
  }
}

.apartment-details__gallery-image .image__img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}


body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

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

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

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

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

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

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997;
}

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

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

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

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

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

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

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

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

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

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
          animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
  cursor: text;
}

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

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

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

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

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

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

.fancybox-button {
  background: rgba(30,30,30,0.6);
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  -webkit-transition: color .2s;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

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

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

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

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

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  z-index: 99998;
}

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

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

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

.fancybox-caption {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.85)), color-stop(50%, rgba(0,0,0,0.3)), color-stop(65%, rgba(0,0,0,0.15)), color-stop(75.5%, rgba(0,0,0,0.075)), color-stop(82.85%, rgba(0,0,0,0.037)), color-stop(88%, rgba(0,0,0,0.019)), to(rgba(0,0,0,0)));
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.15) 65%, rgba(0,0,0,0.075) 75.5%, rgba(0,0,0,0.037) 82.85%, rgba(0,0,0,0.019) 88%, rgba(0,0,0,0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left));
  }
}

.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

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

.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
          animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }

  .fancybox-slide--image {
    padding: 6px 0;
  }

  .fancybox-close-small {
    right: -6px;
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }

@supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px,env(safe-area-inset-left));
      padding-right: max(12px,env(safe-area-inset-right));
    }
}
}

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

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

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

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

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

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

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

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

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

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

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

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0,0,0,0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}

.modal {
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  z-index: 55;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: none;
          transform: none;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

@media only screen and (min-width: 1170px) {
  .modal {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.modal--ontop,
.modal--inquiry {
  z-index: 57;
}

.modal--floorplans {
  z-index: 61;
}

.modal--panorama {
  z-index: 62;
}

.modal--split .modal__inner {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}

.modal--floorplans .modal__inner {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  background-color: #f3f2ee;
}

.modal--panorama .modal__inner {
  height: 100%;
  width: 100%;
  padding: 0;
}

.modal__grid {
  height: auto;
  min-height: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 9;
}

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

@media only screen and (min-width: 1170px) {
  .modal__grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 100%;
  }
}

.modal--terms .modal__grid {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.modal__grid-col {
  padding: 55px 26px;
}

@media only screen and (min-width: 768px) {
  .modal__grid-col {
    padding: 72px 62px;
  }
}

@media only screen and (min-width: 1024px) {
  .modal__grid-col {
    height: 100%;
    padding: 100px 120px;
  }
}

.modal--inquiry .modal__grid-col {
  padding: 30px 28px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media only screen and (min-width: 768px) {
  .modal--inquiry .modal__grid-col {
    padding: 55px 25vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (min-width: 1024px) {
  .modal--inquiry .modal__grid-col {
    height: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 100px 9vw;
  }
}

.modal--split .modal__grid-col {
  overflow: auto;
}

@media only screen and (min-width: 1024px) {
  .modal--split .modal__grid-col {
    min-height: 100%;
  }
}

@media only screen and (min-width: 1170px) {
  .modal--split .modal__grid-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .modal--policy .modal__grid-col {
    padding: 100px 40px;
  }
}

@media only screen and (min-width: 768px) {
  .modal--inquiry .modal__grid-col:last-child {
    padding: 0 26vw;
  }
}

@media only screen and (min-width: 1024px) {
  .modal--inquiry .modal__grid-col:last-child {
    padding: 0 12vw;
  }
}

.modal__title {
  margin-bottom: 35px;
}

@media only screen and (min-width: 1024px) {
  .modal__title {
    margin-bottom: 60px;
  }
}

.modal--inquiry .modal__title {
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .modal--inquiry .modal__title {
    margin-bottom: 45px;
  }
}

.modal__steps {
  margin: 0 -20px -20px;
}

.modal__steps-col {
  padding: 0 20px 20px;
}

@media only screen and (min-width: 768px) {
  .modal__steps-col {
    padding: 0 20px 30px;
  }
}

.fancybox-close-small {
  background-color: #f3f2ee;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 0;
  right: 0;
  -webkit-overflow-scrolling: touch;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .fancybox-close-small {
    width: 60px;
    height: 60px;
  }
}

.fancybox-close-small:before,
.fancybox-close-small:after {
  position: absolute;
  content: '';
  height: 1px;
  width: 34px;
  background-color: #000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translate3d(0, 0, 0) rotate(0);
          transform: translate3d(0, 0, 0) rotate(0);
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

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

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

.modal--panorama .fancybox-close-small {
  display: none;
}

@media only screen and (min-width: 1170px) {
  .fancybox-close-small:focus,
  .fancybox-close-small:hover {
    background-color: #000;
  }
}

.fancybox-close-small:focus:before,
.fancybox-close-small:focus:after,
.fancybox-close-small:hover:before,
.fancybox-close-small:hover:after {
  background-color: #000;
}

@media only screen and (min-width: 1170px) {
  .fancybox-close-small:focus:before,
  .fancybox-close-small:focus:after,
  .fancybox-close-small:hover:before,
  .fancybox-close-small:hover:after {
    background-color: #f3f2ee;
    outline: none;
  }
}

.modal__logo {
  margin: 0 auto 30px;
}

@media only screen and (min-width: 768px) {
  .modal__logo {
    margin: 0 auto 50px;
  }
}

.modal__endover-logo {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 3;
  -webkit-transform: translate3d(45px, -50%, 0) rotate(-90deg);
          transform: translate3d(45px, -50%, 0) rotate(-90deg);
}

@media only screen and (min-width: 768px) {
  .modal__endover-logo {
    display: block;
  }
}

.modal--floorplans .modal__endover-logo {
  z-index: 222;
}

.modal--inquiry .modal__description {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .modal--inquiry .modal__description {
    margin: 0 auto;
    width: 85%;
  }
}

.fancybox-container {
  font-family: "TT Norms W01",Helvetica,sans-serif;
}

html[lang='ru'] .fancybox-container {
  font-family: "TT Norms W10",Helvetica,sans-serif;
}

.fancybox-is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
}

@media only screen and (min-width: 1170px) {
  .fancybox-is-open {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
  }
}

.fancybox-is-closing {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
}

@media only screen and (min-width: 1170px) {
  .fancybox-is-closing {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.modal__sidebar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  position: relative;
  padding-bottom: 40px;
}

@media only screen and (min-width: 1170px) {
  .modal__sidebar-content {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    padding-bottom: 0;
  }
}

.modal__sidebar-grid {
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-top: 35px;
}

@media only screen and (min-width: 1170px) {
  .modal__sidebar-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .modal--floorplans .modal__sidebar-grid {
    height: 100%;
  }
}

.modal__sidebar-logo {
  font-size: 136px;
  margin-bottom: 50px;
}

.modal__sidebar-pdf {
  margin-bottom: 30px;
  color: #b2a399;
}

@media only screen and (min-width: 1170px) {
  .modal__sidebar-pdf {
    margin-bottom: 50px;
  }
}

.modal--floorplans .modal__sidebar-pdf .button__text:before {
  background-color: #ded7d3;
}

.modal--floorplans .modal__sidebar-pdf .button__text:after {
  background-color: #b2a399;
}

.modal__sidebar-endover {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1170px) {
  .modal__sidebar-endover {
    position: absolute;
  }
}

.fancybox-bg {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(178,163,153,0.8);
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  -webkit-transition-property: visibility,opacity;
  transition-property: visibility,opacity;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1170px) {
  .fancybox-bg {
    display: block;
  }
}

.fancybox-is-open .fancybox-bg {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  opacity: 1;
  visibility: visible;
}

.fancybox-is-closing .fancybox-bg {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
  opacity: 0;
  visibility: hidden;
}

.fancybox-stage {
  -webkit-transform: none;
          transform: none;
}

.fancybox-slide {
  padding: 0;
}

.fancybox-slide>* {
  -webkit-overflow-scrolling: touch;
}

.fancybox-is-closing .fancybox-slide {
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .fancybox-slide .tabs__nav {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 768px) {
  .fancybox-slide .tabs--floorplans .tabs__nav {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .fancybox-slide .modal__close {
    padding-left: 120px;
  }
}

.fancybox-toolbar {
  opacity: 1;
  visibility: visible;
}

.modal__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal__close {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 2;
}

.modal--panorama .modal__close {
  top: 70px;
}

@media only screen and (min-width: 768px) {
  .modal--panorama .modal__close {
    top: 20px;
  }
}


.image__picture--lock-image .image__picture {
  -webkit-transition-property: height, opacity !important;
  transition-property: height, opacity !important;
  -webkit-transition-duration: 1000ms, 500ms !important;
          transition-duration: 1000ms, 500ms !important;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
  -webkit-transition-delay: 0ms, 1000ms !important;
          transition-delay: 0ms, 1000ms !important;
  height: 100vh;
  overflow: hidden;
  opacity: 1;
}

.image__picture--lock-image .image__picture .image__img {
  -webkit-transition-duration: calc($transition-duration - 100);
          transition-duration: calc($transition-duration - 100);
  -webkit-transition-delay: 0ms, 0ms;
          transition-delay: 0ms, 0ms;
  -webkit-transform: translate3d(90px, 0, 0) !important;
          transform: translate3d(90px, 0, 0) !important;
}

.image__picture--lock-image.image__picture--animating .image__picture {
  height: calc(100vh - 90px);
  opacity: 0;
}

.image__picture--lock-image.image__picture--animating .image__picture .image__img {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
  -webkit-transform: translate3d(90px, -45px, 0) !important;
          transform: translate3d(90px, -45px, 0) !important;
}

.image__picture--lock-image.image__picture--animating-fade .image__picture {
  opacity: 0;
}

.image__picture--lock-image.image__picture--animating-slide .image__picture {
  -webkit-transform: translateY(-100vh);
          transform: translateY(-100vh);
}

.image__picture--lock-image.image__picture--animating-slide-prep .image__picture {
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-transition-duration: 1500ms !important;
          transition-duration: 1500ms !important;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
  -webkit-transition-delay: 100ms !important;
          transition-delay: 100ms !important;
}

.ajax-page {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.ajax__page--animating-slide-prep .ajax-page {
  -webkit-transform: translate3d(0, 100vh, 0);
          transform: translate3d(0, 100vh, 0);
}

.ajax__page--animating-slide .ajax-page {
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-transition-duration: 1000ms !important;
          transition-duration: 1000ms !important;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important;
  -webkit-transition-delay: 0ms !important;
          transition-delay: 0ms !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}


.video {
  position: relative;
  overflow: hidden;
  height: 100vh;
  width: 100%;
  z-index: 1;
}

.video--section {
  height: auto;
  position: relative;
}

.video--section:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 47.1875%;
}

.video--section>.video__holder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.video--section-md {
  height: auto;
  position: relative;
}

.video--section-md:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 56.25%;
}

.video--section-md>.video__holder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media only screen and (min-width: 1024px) {
  .video--section-md {
    height: 100vh;
  }

  .video--section-md:before {
    display: none;
  }
}

.video-popup .video {
  height: auto;
  position: relative;
}

.video-popup .video:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 56.25%;
}

.video-popup .video>.video__holder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media only screen and (min-width: 1024px) {
  .video-popup .video {
    position: absolute;
  }
}

.video__video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.video__figure {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -9999px;
  right: -9999px;
  margin: auto;
  display: none;
  z-index: 1;
  opacity: 0;
}

@media only screen and (min-width: 1170px) {
  .video__figure {
    display: block;
  }
}

.hero .video__figure {
  opacity: 1;
}

.video-popup .video__figure {
  opacity: 1;
  display: block;
  position: static;
}

@media only screen and (min-width: 1024px) {
  .video-popup .video__figure {
    position: absolute;
  }
}

.video.is-playing .video__figure {
  display: block;
  opacity: 1;
}

@media only screen and (min-width: 1170px) {
  .video.is-ready .video__figure {
    opacity: 1;
  }
}

.video-popup__video-container .video__figure {
  width: 100% !important;
}

.video__inner {
  position: absolute;
  width: 100%;
  height: 0;
  top: -9999px;
  bottom: -9999px;
  margin: auto;
  padding-bottom: 56.6%;
  overflow: hidden;
}

.video__inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video__image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 2;
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 2000ms;
          transition-delay: 2000ms;
}

.video--mobile.is-ready .video__image {
  opacity: 0;
}

@media only screen and (min-width: 1170px) {
  .video.is-ready .video__image {
    opacity: 0;
  }
}

.video.is-playing .video__image {
  opacity: 0;
}

.video__holder iframe,
.video__iframe {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}

.video__holder {
  overflow: hidden;
  height: 100%;
}

@media only screen and (min-width: 1024px) {
  .video--section-md .video__holder {
    position: static;
  }
}

.video__image .image__img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 100%;
  vertical-align: top;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.video__image .image__picture {
  width: 100%;
  height: 100%;
}

.video__button-element {
  display: block;
  position: absolute;
  z-index: 6;
  top: 50%;
  left: 50%;
  width: 62px;
  height: 62px;
  border: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #36302f;
  -webkit-transition-property: color,border;
  transition-property: color,border;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .video__button-element {
    width: 122px;
    height: 122px;
  }
}

.video__button:hover .video__button-element {
  text-decoration: none;
}

.video__button-element svg {
  width: 100%;
  height: 100%;
}

.video__button--mobile .video__button-element {
  display: block;
}

@media only screen and (min-width: 1170px) {
  .video__button--mobile .video__button-element {
    display: none;
  }
}

.video__button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  cursor: pointer;
}

.video__button:hover {
  border-bottom-color: transparent;
}

@media only screen and (min-width: 1170px) {
  .video__button:before {
    content: '';
    background: rgba(42,38,37,0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity,visibility;
    transition-property: opacity,visibility;
    -webkit-transition-duration: 800ms;
            transition-duration: 800ms;
    -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
  }
}

@media only screen and (min-width: 1170px) {
  .video__button:hover:before {
    opacity: 1;
    visibility: visible;
  }
}

.video.is-playing .video__button {
  display: none;
}


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

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

.slick-list:focus {
  outline: none;
}

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

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

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

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

.slick-track:after {
  clear: both;
}

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

.slick-arrow.slick-hidden {
  display: none;
}

.carousel {
  position: relative;
  background-color: #4b4441;
}

.carousel--tooltips {
  width: 100%;
  height: calc(100vh - 50px);
}

@media only screen and (min-width: 768px) {
  .carousel--tooltips {
    height: calc(100vh - 70px);
  }
}

.carousel--gallery {
  height: 100vh;
}

.is-mobile-safari .carousel--gallery {
  height: calc(100vh - 76px);
}

.is-tablet-safari .carousel--gallery {
  height: calc(var(--app-height));
}

.carousel--timecapsule {
  position: relative;
  height: 100%;
}

.carousel--register {
  background-color: #7d7369;
}

.carousel__video_control {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  height: 56px;
  width: 56px;
  background-color: rgba(75,68,65,0.8);
  z-index: 3;
}

.carousel__video_control:focus,
.carousel__video_control:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.carousel__video_control .carousel__video_control-icon {
  color: #fff;
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.current-is-video .carousel__video_control {
  display: block;
}

.carousel__video_control-icon--pause {
  display: none;
}

.is-muted .carousel__video_control-icon--pause {
  display: block;
}

.carousel__video_control-icon--play {
  display: block;
}

.is-muted .carousel__video_control-icon--play {
  display: none;
}

.carousel__items {
  white-space: nowrap;
  overflow: hidden;
}

.carousel__item {
  white-space: normal;
  outline: none;
  position: relative;
  overflow: hidden;
  background: transparent;
  width: 100vw;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.carousel--tooltips .carousel__item {
  height: calc(100vh - 50px);
}

@media only screen and (min-width: 768px) {
  .carousel--tooltips .carousel__item {
    height: calc(100vh - 70px);
  }
}

.carousel--timecapsule .carousel__item {
  height: 100vh;
  opacity: 0 !important;
}

body.is-mobile-safari .carousel--timecapsule .carousel__item {
  height: calc(100vh - 76px);
}

.carousel--gallery .carousel__item {
  height: 100vh;
  opacity: 1 !important;
}

body.is-mobile-safari .carousel--gallery .carousel__item {
  height: calc(100vh - 76px);
}

@media screen and (orientation: landscape) {
  body.is-mobile-safari .carousel--gallery .carousel__item {
    height: 100vh;
  }
}

@media only screen and (min-width: 768px) {
  .carousel--gallery .carousel__item {
    width: calc(100vw - 90px);
    display: inline-block !important;
    float: none;
  }
}

.carousel__item .carousel__image:after {
  content: '';
  background-color: #4b4441;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

.carousel--register .carousel__item .carousel__image:after {
  background-color: #7d7369;
}

.carousel--timecapsule .carousel__item.slick-current {
  opacity: 1 !important;
}

.carousel--timecapsule .carousel__item.slick-current .carousel__image:after,
.carousel--gallery .carousel__item.slick-current .carousel__image:after {
  opacity: 0;
}

.carousel--gallery .slick-track {
  white-space: nowrap;
}

.carousel__arrow {
  position: absolute;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  z-index: 1;
  background-color: transparent;
  width: auto;
  height: 50px;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media screen and (min-width: 1024px) {
  .carousel__arrow {
    padding: 0 45px;
  }
}

@media only screen and (min-width: 1170px) {
  .carousel__arrow {
    top: 0;
    width: 50%;
    bottom: 0;
    opacity: 0;
    -webkit-transform: none;
            transform: none;
    height: 100%;
  }
}

.carousel__arrow--right {
  right: 0;
}

@media only screen and (min-width: 1170px) {
  .carousel__arrow--right {
    cursor: url(../../inc/img/arrow-thin.svg),pointer;
  }
}

.carousel__arrow--left {
  left: 0;
}

@media only screen and (min-width: 1170px) {
  .carousel__arrow--left {
    cursor: url(../../inc/img/arrow-thin-left.svg),pointer;
  }
}

.carousel__arrow-icon {
  width: 25px;
  height: 50px;
  color: #fff;
  margin: 0;
}

.carousel__arrow-icon--left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media only screen and (min-width: 768px) {
  .carousel__arrow-icon {
    width: 50px;
    height: 50px;
  }
}

@media only screen and (min-width: 1170px) {
  .carousel__arrow-icon {
    display: none;
  }
}

.carousel__tooltip-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

@media only screen and (min-width: 1024px) {
  .carousel__tooltip-container {
    display: block;
  }
}

.carousel__image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.carousel--gallery .carousel__image {
  width: 1108px;
  padding: 0;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: scale(1) translate3d(-50%, -50%, 0);
          transform: scale(1) translate3d(-50%, -50%, 0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  overflow: hidden;
  -webkit-transition-property: width,height;
  transition-property: width,height;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media screen and (min-width: 1025px) {
  .carousel--gallery .carousel__image {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    height: 100%;
    width: 100%;
    padding: 0;
  }
}

.carousel__image .image__picture {
  width: 100%;
  height: 100%;
}

.carousel__image .image__img {
  width: 100%;
  height: auto;
  vertical-align: top;
  position: relative;
}

.carousel--gallery .carousel__image .image__img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 1025px) {
  .carousel--gallery .carousel__image .image__img {
    height: 100%;
    width: 100vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.carousel__thumb .image__img {
  display: block;
  z-index: -1;
  position: relative;
}

.carousel__cat {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d0c3ba;
  border-right-color: transparent;
  margin-right: -1px;
  background-color: transparent;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.carousel__nav--mobile .carousel__cat {
  border: none;
  margin-right: 0;
}

.carousel__cat:last-child {
  border-right-color: #d0c3ba;
  margin-right: 0;
}

.carousel__cat.is-open {
  background-color: #d0c3ba;
}

@media only screen and (min-width: 1170px) {
  .carousel__cat:hover {
    background-color: #d0c3ba;
  }
}

.carousel__notice {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #36302f;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .carousel__notice {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.carousel__notice-icon {
  font-size: 28px;
  margin-right: 15px;
}

.carousel__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  padding: 5px 20px;
  position: absolute;
  left: 0;
  top: 50px;
  overflow: auto;
  z-index: 3;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .carousel__nav {
    top: 30px;
    height: 56px;
    padding: 0 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

body.is-zoom-state .carousel__nav {
  -webkit-transform: translate3d(0, 101%, 0);
          transform: translate3d(0, 101%, 0);
}

@media only screen and (min-width: 1170px) {
  .is-hideui .carousel__nav {
    opacity: 0;
  }
}

.carousel--timecapsule .carousel__nav:not(.carousel__nav--mobile) {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .carousel--timecapsule .carousel__nav:not(.carousel__nav--mobile) {
    display: block !important;
    position: absolute;
    top: auto;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 100px, 0);
            transform: translate3d(-50%, 100px, 0);
    width: auto;
  }

  .is-visible-timecapsule .carousel--timecapsule .carousel__nav:not(.carousel__nav--mobile) {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    -webkit-transition-delay: 800ms;
            transition-delay: 800ms;
  }
}

.carousel--register .carousel__nav {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.carousel__nav--mobile {
  top: auto;
  bottom: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.is-tablet-safari .carousel--gallery .carousel__nav--mobile {
  bottom: 60px;
}

.carousel--timecapsule .carousel__nav--mobile {
  bottom: 0;
  top: auto;
  height: 70px;
  background-color: #4b4441;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .carousel--timecapsule .carousel__nav--mobile {
    bottom: 0;
    display: none;
  }
}

.carousel__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.carousel--timecapsule .carousel__nav-list {
  width: 100%;
  overflow-x: auto;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
}

@media only screen and (min-width: 768px) {
  .carousel--timecapsule .carousel__nav-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.carousel__cat-title {
  display: block;
  padding: 0 30px;
  height: 56px;
  line-height: 56px;
  font-weight: 500;
  letter-spacing: 1.4px;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
  color: #f3f2ee;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1170px) {
  .carousel__cat-title:hover {
    color: #2a2625;
  }
}

.carousel__cat.is-open .carousel__cat-title {
  color: #2a2625;
}

.carousel--open-thumbs .carousel__cat-title {
  white-space: nowrap;
}

.carousel__thumbs-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d0c3ba;
  border-right: none;
  color: #d0c3ba;
  -webkit-transition-property: background-color,color;
  transition-property: background-color,color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1170px) {
  .carousel__thumbs-wrapper {
    border-right-color: transparent;
    margin-right: -1px;
  }
}

.carousel__thumbs-wrapper.is-open {
  color: #4b4441;
  background-color: #d0c3ba;
}

.carousel__toggle-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-appearance: none;
  border: 1px solid #d0c3ba;
  border-left: 0;
  margin-left: -1px;
  -webkit-transition-property: background-color,color;
  transition-property: background-color,color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .carousel__toggle-button {
    width: 56px;
    height: 56px;
  }
}

@media only screen and (min-width: 1170px) {
  .carousel__toggle-button:hover {
    background-color: #d0c3ba;
  }
}

.carousel__toggle-button.is-active {
  background-color: #d0c3ba;
}

.carousel__toggle-icon {
  color: #d0c3ba;
  margin: auto;
  font-size: 14px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1170px) {
  .carousel__thumbs-wrapper:hover .carousel__toggle-icon {
    color: #2a2625;
  }
}

.carousel__thumbs-wrapper.is-open .carousel__toggle-icon,
.carousel__toggle-button.is-active .carousel__toggle-icon {
  color: #2a2625;
}

.carousel__thumbs {
  max-width: 0;
  width: 100%;
  overflow-y: hidden;
  white-space: nowrap;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: max-width,padding-right;
  transition-property: max-width,padding-right;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.carousel__thumbs.is-open {
  padding-right: 4px;
  max-width: 60vw;
}

.carousel__thumb-img {
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  color: #d0c3ba;
}

.carousel__toggle-button.is-active .carousel__thumb-img {
  color: #2a2625;
}

.carousel__thumb {
  position: relative;
  -ms-flex-preferred-size: 46px;
      flex-basis: 46px;
  max-width: 46px;
  height: 46px;
  min-width: 46px;
  margin-right: 1px;
  cursor: pointer;
  z-index: 0;
}

@media only screen and (min-width: 768px) {
  .carousel__thumb {
    -ms-flex-preferred-size: 46px;
        flex-basis: 46px;
    max-width: 46px;
    height: 46px;
    min-width: 46px;
  }
}

.carousel__thumb:last-child {
  margin-right: 0;
}

.carousel__thumb:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(208,195,186,0);
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.carousel__thumb.is-current:before {
  background-color: rgba(208,195,186,0.7);
}

.carousel__thumb:hover:before {
  -webkit-animation: opacityHover 400ms cubic-bezier(0.04, 0.32, 0.1, 1) 0ms forwards;
          animation: opacityHover 400ms cubic-bezier(0.04, 0.32, 0.1, 1) 0ms forwards;
}

.carousel__close {
  width: 60px;
  height: 60px;
  position: fixed;
  opacity: 0;
  top: 0;
  right: 0;
  background-color: #f3f2ee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition-property: opacity,background-color;
  transition-property: opacity,background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  -webkit-overflow-scrolling: touch;
}

.is-zoom-state .carousel__close {
  opacity: 1;
}

.carousel__close:hover {
  background-color: #36302f;
  cursor: pointer;
}

.carousel__close-icon {
  color: #36302f;
  font-size: 26px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.carousel__close:hover .carousel__close-icon {
  color: #f3f2ee;
}

.carousel__thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}

.carousel--timecapsule .carousel__thumbnails {
  margin-left: auto;
  margin-right: auto;
}

.carousel__thumbnail {
  cursor: pointer;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "TT Norms W01",Helvetica,sans-serif;
  font-size: 12px;
  color: #f3f2ee;
  font-weight: 500;
  letter-spacing: 1.29px;
  text-transform: uppercase;
  padding: 17px;
  background-color: transparent;
  border: 1px solid #d0c3ba;
  height: 50px;
  outline: none;
  margin: 0;
  -webkit-transition-property: color,background-color;
  transition-property: color,background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.carousel__thumbnail.slick-active {
  color: #2a2625;
  background-color: #d0c3ba;
  text-decoration: none;
}

@media only screen and (min-width: 1170px) {
  .carousel__thumbnail:hover {
    color: #2a2625;
    background-color: #d0c3ba;
  }
}

.carousel__thumbnail+.carousel__thumbnail {
  border-left: none;
}

@-webkit-keyframes opacityHover {
  0% {
    background-color: rgba(208,195,186,0);
  }

  100% {
    background-color: rgba(208,195,186,0.7);
  }
}

@keyframes opacityHover {
  0% {
    background-color: rgba(208,195,186,0);
  }

  100% {
    background-color: rgba(208,195,186,0.7);
  }
}

@-webkit-keyframes slideRight {
  from {
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
            clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    z-index: 10000;
  }

  to {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    z-index: 998;
  }
}

@keyframes slideRight {
  from {
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
            clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    z-index: 10000;
  }

  to {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    z-index: 998;
  }
}

.carousel__video-controller {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.carousel.current-is-video.video-inside--is-ready .carousel__video-controller {
  opacity: 1;
}

.is-hideui .carousel__video-controller {
  opacity: 0 !important;
}

.is-video-state-hidden .carousel__video-controller {
  display: none;
}

.carousel__video-controller-icon {
  margin: 0 auto;
  font-size: 80px;
  color: #36302f;
}

.carousel__video-controller-icon--pause {
  display: none;
}

.carousel.video-is-playing .carousel__video-controller-icon--pause {
  display: block;
}

.carousel__video-controller-icon--play {
  display: none;
}

.carousel.video-is-paused .carousel__video-controller-icon--play {
  display: block;
}


@media only screen and (min-width: 1680px) {
  .finance {
    max-width: 1306px;
    margin: 0 auto;
  }
}

.finance__item {
  height: 100%;
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-property: opacity,visibility,max-height;
  transition-property: opacity,visibility,max-height;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .finance__item {
    max-height: 100%;
    visibility: visible;
    opacity: 1;
  }
}

.finance__item.is-visible {
  max-height: 500px;
  visibility: visible;
  opacity: 1;
}

.finance__select {
  margin-bottom: 35px;
}

@media only screen and (min-width: 768px) {
  .finance__select {
    display: none;
  }
}

.finance__title {
  margin-bottom: 50px;
}

@media only screen and (min-width: 768px) {
  .finance__title {
    margin-bottom: 100px;
  }
}

@media only screen and (min-width: 1170px) {
  .finance__title {
    text-align: center;
    margin-bottom: 140px;
  }
}

.finance__logo {
  height: 45px;
  width: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 30px;
}

.finance__logo .image__img {
  height: auto;
  width: auto;
}

.finance__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

@media only screen and (min-width: 1170px) {
  .finance__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.finance__content {
  padding-bottom: 45px;
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .finance__content {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) {
  .finance__main {
    margin-bottom: 80px;
  }
}

@media only screen and (min-width: 1170px) {
  .finance__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 13) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 13) * 1);
    max-width: calc(((100vw - 90px) / 28 * 13) * 1);
    width: 100%;
    padding-right: calc(((100vw - 90px) / 28 * 1) * 1);
    margin-bottom: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.finance__secondary {
  padding: calc(((100vw - 90px) / 28 * 4) * 1);
}

@media only screen and (min-width: 768px) {
  .finance__secondary {
    padding: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .finance__secondary {
    display: inline-block;
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 12) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 12) * 1);
    max-width: calc(((100vw - 90px) / 28 * 12) * 1);
    width: 100%;
  }
}

.text .finance__contact-list {
  margin-top: 5px;
}

.text .finance__contact-item {
  padding-left: 0;
  line-height: 1.6;
  padding-top: 0;
  padding-bottom: 0;
}

.text .finance__contact-item:before {
  content: none;
}

@media only screen and (min-width: 768px) {
  .finance__contact-link {
    font-size: .7em;
  }
}

@media only screen and (min-width: 1440px) {
  .finance__contact-link {
    font-size: .75em;
  }
}

.finance__image .image__img {
  width: 100%;
}


.image-map {
  position: relative;
  overflow: hidden;
}

.image-map__popup-content {
  position: absolute;
  z-index: 1;
  color: #fff;
  text-align: center;
}

.image-map__popup-foot {
  position: absolute;
  top: 100%;
  left: calc(50% - 1px);
  width: 2px;
  background: #f3f2ee;
  margin-top: 5px;
}

@media only screen and (min-width: 768px) {
  .image-map__popup-foot {
    margin-top: 12px;
  }
}

@media only screen and (min-width: 1170px) {
  .image-map__popup-foot {
    margin-top: 17px;
  }
}

.image-map__popup-content-inner {
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-delay: 600ms, 400ms;
          transition-delay: 600ms, 400ms;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.image-map__popup-content.is-hidden .image-map__popup-content-inner {
  opacity: 0;
  -webkit-transform: translate3d(0, -100px, 0);
          transform: translate3d(0, -100px, 0);
}

.image-map__popup-content-top {
  font-size: 8px;
  line-height: 10px;
  font-weight: 500;
  letter-spacing: .13em;
}

@media only screen and (min-width: 768px) {
  .image-map__popup-content-top {
    font-size: 14px;
    line-height: 16px;
  }
}

.image-map__popup-content-main {
  font-size: 8px;
  font-weight: 500;
}

.image-map__popup-content-main p {
  line-height: 10px;
}

@media only screen and (min-width: 768px) {
  .image-map__popup-content-main p {
    line-height: 18px;
  }
}

@media only screen and (min-width: 768px) {
  .image-map__popup-content-main {
    font-size: 16px;
  }
}

.image-map__figure {
  position: relative;
}

.image-map__reference {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
}


.location {
  position: relative;
  overflow: hidden;
}

.location__canvas {
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 81px);
}

.location__inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background-color: #fff;
  overflow-y: scroll;
}

.location__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: scroll;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .location__controls {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .location__controls {
    overflow: hidden;
  }
}

.location__controls::-webkit-scrollbar {
  display: none;
}

.location__controls-item {
  margin: 0;
  padding: 0;
}

.location__input {
  display: none;
}

.location__button {
  display: block;
  font-size: 12px;
  cursor: pointer;
  padding: 18px 27px;
  white-space: nowrap;
  color: #7d7369;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid #f3f2ee;
  border-right-width: 0;
  letter-spacing: 1.3px;
  -webkit-transition-property: background color;
  transition-property: background color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .location__button {
    font-size: 13px;
    letter-spacing: 1.4px;
  }
}

.location__controls-item:last-child .location__button {
  border-right-width: 1px;
}

input:checked+.location__button {
  color: #fff;
  border-color: #7d7369;
  background-color: #7d7369;
}

@media only screen and (min-width: 1170px) {
  .location__button:hover {
    color: #fff;
    border-color: #7d7369;
    background-color: #7d7369;
  }
}

.location__marker {
  position: relative;
  width: 22px;
  height: 22px;
}

.location__marker.is-disabled {
  display: none;
}

.location__marker-icon {
  width: 100%;
}

.location__primary-marker {
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(-100%) translateX(-50%);
          transform: translateY(-100%) translateX(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  width: 75px;
  height: 125px;
}

.location__primary-marker.is-disabled {
  display: none;
}

.location__infowindow {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  z-index: 999;
  font-size: 14px;
  min-width: 100px;
  min-height: 35px;
  display: block;
  padding: 20px 24px;
  text-align: center;
  color: #fff;
  background-color: #4b4441;
  pointer-events: none;
  white-space: nowrap;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  font-family: "TT Norms W01",Helvetica,sans-serif;
  opacity: 0;
  -webkit-transform: translate3d(-50%, 25px, 0);
          transform: translate3d(-50%, 25px, 0);
}

.popup-tip-anchor.is-opening .location__infowindow {
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  opacity: 1;
}

.popup-tip-anchor.is-closing .location__infowindow {
  -webkit-transform: translate3d(-50%, -25px, 0);
          transform: translate3d(-50%, -25px, 0);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  opacity: 0;
}

.location__infowindow:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #4b4441 transparent transparent transparent;
}

.location__infowindow-time {
  margin-bottom: 5px;
  color: #d0c3ba;
  text-transform: uppercase;
}

.popup-tip-anchor {
  position: absolute;
  height: 1px;
  width: 1px;
}

.location__navigation {
  background-color: #36302f;
  color: #d0c3ba;
  padding: 65px 0;
  text-align: center;
}

.location__navigation-text {
  margin-bottom: 35px;
}

@media only screen and (min-width: 768px) {
  .location__navigation-text {
    margin-bottom: 60px;
  }
}

.location__navigation-button {
  color: #2a2625;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .location__navigation-button {
    margin: 0;
  }
}

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

@media only screen and (min-width: 768px) {
  .location__navigation-wrapper {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.location__radiuswindow {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: relative;
  background-color: rgba(125,115,105,0.1);
  border-radius: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.location__radiuswindow.is-disabled {
  display: none;
}

.location__radiuswindow-content {
  position: absolute;
  color: #4b4441;
  font-size: 14px;
  text-transform: uppercase;
}

.location__radiuswindow-content--left {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-90deg);
          transform: translateY(-50%) translateX(-50%) rotate(-90deg);
}

.location__radiuswindow-content--right {
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(50%) rotate(90deg);
          transform: translateY(-50%) translateX(50%) rotate(90deg);
}

@media only screen and (min-width: 1680px) {
  .location__content {
    max-width: 680px;
    margin: 0 auto;
  }
}


.hero {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: calc(100vh - 120px);
  min-height: 320px;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .hero {
    height: calc(100vh - 90px);
  }
}

.hero__header {
  position: relative;
  z-index: 2;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 1440ms;
          transition-delay: 1440ms;
}

body.is-initial-load .hero__header {
  opacity: 0;
  -webkit-transform: translate3d(50px, 0, 0);
          transform: translate3d(50px, 0, 0);
}

.hero__title {
  padding-left: 16px;
  padding-right: 16px;
}

@media only screen and (min-width: 1680px) {
  .hero__title {
    max-width: 795px;
    margin: 0 auto;
  }
}

.home .hero__title {
  display: none;
}

.hero__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.hero__bg:before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background-color: rgba(42,38,37,0.35);
}

@media only screen and (min-width: 768px) {
  .hero__bg .image--cover {
    width: 100vw;
    left: -90px;
  }
}

body.is-initial-load .hero__bg {
  -webkit-clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
  -webkit-animation: none;
          animation: none;
}

body.is-animated .hero__bg {
  -webkit-clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
  -webkit-animation: slideRight 1500ms cubic-bezier(0.9, 0, 0.1, 1) 800ms forwards;
          animation: slideRight 1500ms cubic-bezier(0.9, 0, 0.1, 1) 800ms forwards;
}

.home .hero__bg:before,
.hero--popup .hero__bg:before {
  background-color: transparent;
}

.hero__video.video {
  height: calc(100vh - 90px);
}

@media all and (max-width: 768px) and (orientation: landscape) {
  .hero__video.video {
    height: 100vh;
  }
}

.hero__video,
.hero__bg-children {
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1);
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

body.is-initial-load .hero__video,
body.is-initial-load .hero__bg-children {
  -webkit-animation: none;
          animation: none;
  -webkit-transform: translate3d(-5%, 0, 0);
          transform: translate3d(-5%, 0, 0);
}

.hero__bg-children {
  position: absolute;
  overflow: hidden;
}

.hero__bg-children .image__picture {
  width: 100vw !important;
  height: 100vh !important;
}

@media only screen and (min-width: 768px) {
  .hero__bg-children .image__picture {
    -webkit-transform: translate3d(90px, -45px, 0);
            transform: translate3d(90px, -45px, 0);
  }
}

@media only screen and (min-width: 768px) {
  body.is-mobile-safari .hero__bg-children .image__picture {
    height: calc(100vh - 44px) !important;
  }
}

@media only screen and (min-width: 768px) {
  .hero__bg-children--mobile {
    display: none;
  }
}

.hero__bg-children--desktop {
  display: none;
}

@media only screen and (min-width: 768px) {
  .hero__bg-children--desktop {
    display: block;
  }
}

.hero__bottom-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #2a2625;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50px;
  cursor: pointer;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .hero__bottom-nav {
    height: 90px;
    bottom: -90px;
  }
}

.hero--dark .hero__bottom-nav {
  color: #fff;
}

.hero--light .hero__bottom-nav {
  color: #2a2625;
}

.hero__arrow {
  height: 100%;
  margin-top: 25px;
  overflow: hidden;
  padding: 0 20px;
}

@media only screen and (min-width: 768px) {
  .hero__arrow {
    height: calc(100% - 32px);
    margin-top: 32px;
  }
}

.hero__bottom-nav .button__icon {
  height: 1.5em;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-animation: arrowMove 3200ms cubic-bezier(0.6, 0.01, 0.62, 1) 0ms infinite;
          animation: arrowMove 3200ms cubic-bezier(0.6, 0.01, 0.62, 1) 0ms infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

@media only screen and (min-width: 768px) {
  .hero__bottom-nav .button__icon {
    height: 2em;
  }
}

.hero__logo {
  margin: 0 auto 10px;
}

@media only screen and (min-width: 768px) {
  .hero__logo {
    display: none;
  }
}

.hero__logo .logo__svg {
  fill: #fff;
}

.hero__logo .logo__path {
  color: #fff;
}

@-webkit-keyframes arrowMove {
  0% {
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
    opacity: 0;
  }

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

  19% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  81% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }

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

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

@keyframes arrowMove {
  0% {
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
    opacity: 0;
  }

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

  19% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  81% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }

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

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

@-webkit-keyframes slideRight {
  from {
    -webkit-clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
  }

  to {
    -webkit-clip-path: polygon(0 0, 101% 0, 101% 100%, 0 100%);
            clip-path: polygon(0 0, 101% 0, 101% 100%, 0 100%);
  }
}

@keyframes slideRight {
  from {
    -webkit-clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
  }

  to {
    -webkit-clip-path: polygon(0 0, 101% 0, 101% 100%, 0 100%);
            clip-path: polygon(0 0, 101% 0, 101% 100%, 0 100%);
  }
}


.map {
  height: 100vh;
}

body.is-mobile-safari .map {
  height: calc(100vh - 44px);
}


.panorama {
  width: 100%;
  height: 320px;
  overflow: hidden;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .panorama {
    height: 400px;
  }
}

@media only screen and (min-width: 1170px) {
  .panorama {
    height: 720px;
  }
}

@media only screen and (min-width: 1920px) {
  .panorama {
    height: 948px;
  }
}

.panorama--modal {
  height: 100%;
}

.panorama--titled {
  padding-bottom: 50px;
}

.panorama__wrap {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.panorama:not(.panorama--modal) .panorama__wrap:after,
.panorama:not(.panorama--modal) .panorama__wrap:before {
  content: '';
  position: absolute;
  width: 110%;
  height: 22px;
  left: -5%;
  border-radius: 50%;
  background-color: #fff;
  z-index: 3;
}

.section--dune .panorama:not(.panorama--modal) .panorama__wrap:after,
.section--dune .panorama:not(.panorama--modal) .panorama__wrap:before {
  background-color: #2a2625;
  color: #f3f2ee;
}

.section--masala .panorama:not(.panorama--modal) .panorama__wrap:after,
.section--masala .panorama:not(.panorama--modal) .panorama__wrap:before {
  background-color: #4b4441;
  color: #f3f2ee;
}

.section--cararra .panorama:not(.panorama--modal) .panorama__wrap:after,
.section--cararra .panorama:not(.panorama--modal) .panorama__wrap:before {
  background-color: #f3f2ee;
}

.section--sisal .panorama:not(.panorama--modal) .panorama__wrap:after,
.section--sisal .panorama:not(.panorama--modal) .panorama__wrap:before {
  background-color: #d0c3ba;
}

.section--light-sisal .panorama:not(.panorama--modal) .panorama__wrap:after,
.section--light-sisal .panorama:not(.panorama--modal) .panorama__wrap:before {
  background-color: #e5dbd4;
}

.section--light-dark .panorama:not(.panorama--modal) .panorama__wrap:after,
.section--light-dark .panorama:not(.panorama--modal) .panorama__wrap:before {
  background-color: #36302f;
}

.section--white .panorama:not(.panorama--modal) .panorama__wrap:after,
.section--white .panorama:not(.panorama--modal) .panorama__wrap:before {
  background-color: #fff;
}

.section--sandstone .panorama:not(.panorama--modal) .panorama__wrap:after,
.section--sandstone .panorama:not(.panorama--modal) .panorama__wrap:before {
  background-color: #7d7369;
}

.panorama__wrap:before {
  top: 0;
  -webkit-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0);
}

.panorama__wrap:after {
  bottom: 0;
  -webkit-transform: translate3d(0, 15px, 0);
          transform: translate3d(0, 15px, 0);
}

.panorama__inner {
  height: 100%;
}

.panorama__inner:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(42,38,37,0.2);
  visibility: visible;
  opacity: 1;
  -webkit-transition-property: visibility,opacity;
  transition-property: visibility,opacity;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  pointer-events: none;
}

.panorama.is-draggable .panorama__inner:before {
  opacity: 0;
  visibility: hidden;
}

.panorama__image {
  height: 100%;
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  cursor: -webkit-grab;
  cursor: grab;
}

@media only screen and (min-width: 1024px) {
  .panorama__image {
    overflow-x: hidden;
    -webkit-overflow-scrolling: auto;
  }
}

.panorama__image.is-dragged {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.panorama .image__img {
  height: 100%;
  width: auto;
  pointer-events: none;
}

@media only screen and (min-width: 1024px) {
  .panorama .image__img {
    position: absolute;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 3000px) {
  .panorama .image__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    left: auto;
  }
}

.panorama .image__img.lazyloaded {
  -webkit-transition: none !important;
  transition: none !important;
}

.panorama__nav {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 5px;
  right: 5px;
  margin: 0 auto;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  visibility: visible;
  opacity: 1;
  -webkit-transition-property: visibility,opacity;
  transition-property: visibility,opacity;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .panorama__nav {
    left: 30px;
    right: 30px;
  }
}

.panorama.is-draggable .panorama__nav {
  opacity: 0;
  visibility: hidden;
}

.panorama__nav-arrow {
  color: #fff;
  font-size: 40px;
  display: none;
}

@media only screen and (min-width: 768px) {
  .panorama__nav-arrow {
    font-size: 50px;
  }
}

.panorama__nav-arrow--left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.panorama__nav-button {
  background-color: rgba(125,115,105,0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.panorama__nav-button .button__icon,
.panorama__nav-button .button__text {
  color: #fff;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
}

@media only screen and (min-width: 768px) {
  .panorama__nav-button .button__icon,
  .panorama__nav-button .button__text {
    font-size: 16px;
  }
}

.panorama__nav-button .button__icon {
  margin: 0 10px 0 0;
}

.panorama__title {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
}

@media only screen and (min-width: 768px) {
  .panorama__title {
    font-size: 16px;
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1170px) {
  .panorama__title {
    font-size: 18px;
    margin-top: 20px;
  }
}


.seeker {
  width: 100%;
  height: 320px;
  overflow: hidden;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .seeker {
    height: 400px;
  }
}

@media only screen and (min-width: 1170px) {
  .seeker {
    height: 720px;
  }
}

@media only screen and (min-width: 1920px) {
  .seeker {
    height: 948px;
  }
}

.seeker--titled {
  padding-bottom: 50px;
}

.seeker__wrap {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.seeker__wrap:after,
.seeker__wrap:before {
  content: '';
  position: absolute;
  width: 110%;
  height: 22px;
  left: -5%;
  border-radius: 50%;
  background-color: #fff;
  z-index: 3;
}

.section--dune .seeker__wrap:after,
.section--dune .seeker__wrap:before {
  background-color: #2a2625;
  color: #f3f2ee;
}

.section--masala .seeker__wrap:after,
.section--masala .seeker__wrap:before {
  background-color: #4b4441;
  color: #f3f2ee;
}

.section--cararra .seeker__wrap:after,
.section--cararra .seeker__wrap:before {
  background-color: #f3f2ee;
}

.section--sisal .seeker__wrap:after,
.section--sisal .seeker__wrap:before {
  background-color: #d0c3ba;
}

.section--light-sisal .seeker__wrap:after,
.section--light-sisal .seeker__wrap:before {
  background-color: #e5dbd4;
}

.section--light-dark .seeker__wrap:after,
.section--light-dark .seeker__wrap:before {
  background-color: #36302f;
}

.section--white .seeker__wrap:after,
.section--white .seeker__wrap:before {
  background-color: #fff;
}

.section--sandstone .seeker__wrap:after,
.section--sandstone .seeker__wrap:before {
  background-color: #7d7369;
}

.seeker__wrap:before {
  top: 0;
  -webkit-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0);
}

.seeker__wrap:after {
  bottom: 0;
  -webkit-transform: translate3d(0, 15px, 0);
          transform: translate3d(0, 15px, 0);
}

.seeker__inner {
  height: 100%;
}

.seeker__inner:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(42,38,37,0.2);
  visibility: visible;
  opacity: 1;
  -webkit-transition-property: visibility,opacity;
  transition-property: visibility,opacity;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  pointer-events: none;
}

.seeker.is-draggable .seeker__inner:before {
  opacity: 0;
  visibility: hidden;
}

.seeker__image {
  height: 100%;
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 1024px) {
  .seeker__image {
    overflow-x: hidden;
    -webkit-overflow-scrolling: auto;
  }
}

@media screen and (min-width: 3000px) {
  .seeker__image {
    cursor: pointer;
  }
}

@media only screen and (min-width: 1170px) {
  .seeker__image:before {
    content: '';
    z-index: 1;
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    cursor: url(../../inc/img/arrow-thin.svg),pointer;
  }
}

@media only screen and (min-width: 1170px) {
  .seeker__image:after {
    content: '';
    z-index: 1;
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    cursor: url(../../inc/img/arrow-thin-left.svg),pointer;
  }
}

.seeker .image__img {
  height: 100%;
  width: auto;
}

@media only screen and (min-width: 1024px) {
  .seeker .image__img {
    position: absolute;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 3000px) {
  .seeker .image__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    left: auto;
  }
}

.seeker .image__img.lazyloaded {
  -webkit-transition: none !important;
  transition: none !important;
}

.seeker__nav {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 5px;
  right: 5px;
  margin: 0 auto;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
  visibility: visible;
  opacity: 1;
  -webkit-transition-property: visibility,opacity;
  transition-property: visibility,opacity;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .seeker__nav {
    left: 30px;
    right: 30px;
  }
}

@media only screen and (min-width: 1170px) {
  .seeker__nav {
    display: none;
  }
}

.seeker.is-draggable .seeker__nav {
  opacity: 0;
  visibility: hidden;
}

.seeker__nav-arrow {
  color: #fff;
  font-size: 40px;
}

@media only screen and (min-width: 768px) {
  .seeker__nav-arrow {
    font-size: 50px;
  }
}

.seeker__nav-arrow--left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.seeker__nav-button {
  background-color: rgba(125,115,105,0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.seeker__nav-button .button__icon,
.seeker__nav-button .button__text {
  color: #fff;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
}

@media only screen and (min-width: 768px) {
  .seeker__nav-button .button__icon,
  .seeker__nav-button .button__text {
    font-size: 16px;
  }
}

.seeker__nav-button .button__icon {
  margin: 0 10px 0 0;
}

.seeker__title {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
}

@media only screen and (min-width: 768px) {
  .seeker__title {
    font-size: 16px;
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1170px) {
  .seeker__title {
    font-size: 18px;
    margin-top: 20px;
  }
}


@media only screen and (min-width: 1170px) {
  .page-content-multiple {
    height: 100vh;
    overflow: hidden;
  }
}

.page-content-multiple__main {
  color: #f3f2ee;
  padding: calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 7) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
}

@media only screen and (min-width: 768px) {
  .page-content-multiple__main {
    padding: calc(((100vw - 90px) / 28 * 2) * 1) calc(((100vw - 90px) / 28 * 3) * 1) calc(((100vw - 90px) / 28 * 4) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .page-content-multiple__main {
    padding: calc(((100vw - 90px) / 28 * 1) * 1) calc(((100vw - 90px) / 28 * 4) * 1) calc(((100vw - 90px) / 28 * 3) * 1) 0;
    overflow: auto;
  }
}

@media only screen and (min-width: 1680px) {
  .page-content-multiple__main {
    margin: 0 auto 0 0;
  }
}

.page-content-multiple__grid {
  margin: 0;
}

@media only screen and (min-width: 1170px) {
  .page-content-multiple__grid {
    height: 100%;
  }
}

.page-content-multiple__col {
  padding: 0;
  height: 100%;
}

.page-content-multiple__col:not(.page-content-multiple__col--main) {
  display: none;
}

@media only screen and (min-width: 1170px) {
  .page-content-multiple__col:not(.page-content-multiple__col--main) {
    display: block;
  }
}

@media only screen and (min-width: 1170px) {
  .page-content-multiple__image {
    height: 100vh;
  }
}

.page-content-multiple__image .image__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.page-content-multiple__nav-warpper {
  margin-top: 160px;
  padding: 0 0 0 calc(((100vw - 90px) / 28 * 3) * 1);
}

@media only screen and (min-width: 768px) {
  .page-content-multiple__nav-warpper {
    padding: 0 0 0 calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .page-content-multiple__nav-warpper {
    padding: 0;
  }
}


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

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

.slick-list:focus {
  outline: none;
}

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

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

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

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

.slick-track:after {
  clear: both;
}

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

.slick-arrow.slick-hidden {
  display: none;
}

.projects-slider .slick-slide {
  opacity: 1 !important;
}

.projects-slider__items--logo .slick-list,
.projects-slider__items--logo .slick-track {
  height: 100%;
}

.projects-slider {
  width: 100%;
  position: relative;
}

.projects-slider__inner {
  position: relative;
}

.projects-slider__inner--main {
  margin-bottom: 75px;
}

@media only screen and (min-width: 1170px) {
  .projects-slider__inner--main {
    margin-bottom: 0;
  }
}

.projects-slider__items {
  white-space: nowrap;
}

.projects-slider__items--logo {
  -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 7) * 1);
      flex-basis: calc(((100vw - 90px) / 28 * 7) * 1);
  max-width: calc(((100vw - 90px) / 28 * 7) * 1);
  width: 100%;
  height: calc(((100vw - 90px) / 28 * 7) * 1);
  padding: 0;
  background-color: #f3f2ee;
}

@media only screen and (min-width: 1170px) {
  .projects-slider__items--logo {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 3) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 3) * 1);
    max-width: calc(((100vw - 90px) / 28 * 3) * 1);
    margin-left: calc(((100vw - 90px) / 28 * 12) * 1);
    height: calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .projects-slider__items--logo {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 3) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 3) * 1);
    max-width: calc(((100vw - 90px) / 28 * 3) * 1);
    margin-left: calc(((100vw - 90px) / 28 * 11) * 1);
    height: calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

.projects-slider__item {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.projects-slider__items--logo .projects-slider__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.projects-slider__image {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity,visibility;
  transition-property: opacity,visibility;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  transition-delay: 0ms;
  position: relative;
}

.projects-slider__image:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 66.66667%;
}

.projects-slider__image>.image__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media only screen and (min-width: 1170px) {
  .projects-slider__image {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 12) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 12) * 1);
    max-width: calc(((100vw - 90px) / 28 * 12) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .projects-slider__image {
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 11) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 11) * 1);
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
  }
}

.projects-slider__item.slick-active .projects-slider__image {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}

.projects-slider__logo .image__img {
  width: auto;
  max-height: 100%;
  max-width: 100%;
}

.projects-slider__image .image__img {
  width: 100%;
  max-height: 100%;
  -webkit-transform: translate3d(-8%, 0, 0);
          transform: translate3d(-8%, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1),cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.49, 0.005, 0.495, 1),cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-duration: 1500ms,800ms;
          transition-duration: 1500ms,800ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0;
}

.projects-slider__item.slick-active .projects-slider__image .image__img {
  -webkit-animation: slideRight 1500ms cubic-bezier(0.9, 0, 0.1, 1) 0ms forwards;
          animation: slideRight 1500ms cubic-bezier(0.9, 0, 0.1, 1) 0ms forwards;
  -webkit-clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
  -webkit-transition-duration: 1500ms, 0ms;
          transition-duration: 1500ms, 0ms;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}

.projects-slider__logo {
  padding: 15px;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .projects-slider__logo {
    padding: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .projects-slider__logo {
    padding: 30px 25px;
  }
}

.projects-slider__logo-img {
  width: auto;
  height: 100%;
  margin: auto;
  max-width: 100%;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
}

.projects-slider__item.slick-active .projects-slider__logo-img {
  opacity: 1;
}

.projects-slider__item.is-prev .projects-slider__logo-img {
  opacity: 0;
}

.projects-slider__content {
  height: calc(((100vw - 90px) / 28 * 10) * 1);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: calc(((100vw - 90px) / 28 * 9) * 1);
}

@media only screen and (min-width: 768px) {
  .projects-slider__content {
    height: calc(((100vw - 90px) / 28 * 7) * 1);
    padding-right: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .projects-slider__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-preferred-size: calc(((100vw - 90px) / 28 * 3) * 1);
        flex-basis: calc(((100vw - 90px) / 28 * 3) * 1);
    max-width: calc(((100vw - 90px) / 28 * 3) * 1);
    margin-top: calc(((100vw - 90px) / 28 * 4) * 1);
    margin-left: calc(((100vw - 90px) / 28 * 3) * 1);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: auto;
  }
}

.projects-slider__next {
  position: absolute;
  bottom: calc(((100vw - 90px) / 28 * 3) * 1);
  right: 0;
  width: calc(((100vw - 90px) / 28 * 7) * 1);
  height: calc(((100vw - 90px) / 28 * 7) * 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #4b4441;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .projects-slider__next {
    bottom: 0;
    right: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .projects-slider__next {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: calc(((100vw - 90px) / 28 * 3) * 1);
    height: calc(((100vw - 90px) / 28 * 3) * 1);
    margin-left: calc(((100vw - 90px) / 28 * 15) * 1);
    margin-bottom: auto;
  }
}

@media only screen and (min-width: 1440px) {
  .projects-slider__next {
    margin-left: calc(((100vw - 90px) / 28 * 14) * 1);
  }
}

.projects-slider__next:after {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  width: 0;
  left: 0;
  background-color: #d0c3ba;
  -webkit-transition: width 800ms cubic-bezier(0.04, 0.32, 0.1, 1);
  transition: width 800ms cubic-bezier(0.04, 0.32, 0.1, 1);
  content: '';
}

@media only screen and (min-width: 1170px) {
  .projects-slider__next:hover:after {
    width: 100%;
  }
}

.projects-slider__text {
  font-size: 14px;
  padding: calc(((100vw - 90px) / 28 * 3) * 1) 0 0 calc(((100vw - 90px) / 28 * 3) * 1);
  opacity: 0;
  -webkit-transform: translate3d(80px, 0, 0);
          transform: translate3d(80px, 0, 0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 800ms,800ms;
          transition-duration: 800ms,800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1),cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1),cubic-bezier(0.9, 0, 0.1, 1);
}

@media only screen and (min-width: 768px) {
  .projects-slider__text {
    font-size: 16px;
    padding: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .projects-slider__text {
    font-size: 18px;
    margin: 0 0 auto;
  }
}

.projects-slider__item.slick-active .projects-slider__text {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}

.projects-slider__item.is-prev .projects-slider__text {
  -webkit-transform: translate3d(-80px, 0, 0);
          transform: translate3d(-80px, 0, 0);
  opacity: 0;
}

.projects-slider__label {
  display: none;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .projects-slider__label {
    display: inline-block;
  }
}

@media only screen and (min-width: 1170px) {
  .projects-slider__next:hover .projects-slider__label {
    color: #2a2625;
  }
}

.projects-slider__project-title {
  font-weight: 500;
}

.projects-slider__link {
  font-weight: 500;
}

.projects-slider__next-icon {
  margin-left: 8px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  position: relative;
  z-index: 1;
}

.projects-slider__next:hover .projects-slider__next-icon {
  color: #2a2625;
}

.projects-slider__dots {
  text-align: center;
  position: absolute;
  bottom: -65px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media only screen and (min-width: 1170px) {
  .projects-slider__dots {
    position: relative;
    bottom: auto;
    margin: 0;
    padding-left: calc(((100vw - 90px) / 28 * 15) * 1);
    text-align: left;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@media only screen and (min-width: 1440px) {
  .projects-slider__dots {
    padding-left: calc(((100vw - 90px) / 28 * 14) * 1);
  }
}

.projects-slider__dots li {
  display: inline-block;
  padding-right: 8px;
}

.projects-slider__dots li button {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  width: 8px;
  height: 8px;
  background-color: #d0c3ba;
  font-size: 0;
  outline: none;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.projects-slider__dots li.slick-active button {
  background-color: #4b4441;
}

@-webkit-keyframes slideRight {
  from {
    -webkit-clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
  }

  to {
    -webkit-clip-path: polygon(0 0, 101% 0, 101% 100%, 0 100%);
            clip-path: polygon(0 0, 101% 0, 101% 100%, 0 100%);
  }
}

@keyframes slideRight {
  from {
    -webkit-clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 100%) 0, calc(100% - 100%) 100%, 0 100%);
  }

  to {
    -webkit-clip-path: polygon(0 0, 101% 0, 101% 100%, 0 100%);
            clip-path: polygon(0 0, 101% 0, 101% 100%, 0 100%);
  }
}



.tabs {
  height: 100%;
}

.tabs .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.tabs--floorplans {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media only screen and (min-width: 1170px) {
  .tabs--floorplans {
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.tabs--floorplans.is-demo {
  width: 100%;
}

@media only screen and (min-width: 1170px) {
  .tabs--floorplans.is-demo {
    position: fixed;
  }
}

.tabs__content {
  height: 100%;
  overflow: hidden;
}

.tabs--floorplans .tabs__content {
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width: 1170px) {
  .tabs--floorplans .tabs__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(((100vw - 90px) / 28 * 17) * 1);
            flex: 1 1 calc(((100vw - 90px) / 28 * 17) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .tabs--floorplans .tabs__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(((100vw - 90px) / 28 * 19) * 1);
            flex: 1 1 calc(((100vw - 90px) / 28 * 19) * 1);
  }
}

.tabs__content-item {
  height: 100%;
  display: none;
}

html.no-js .tabs__content-item,
.tabs__content-item.is-open {
  display: block;
}

.tabs__content-inner {
  height: calc(100% - 60px);
  padding: 0;
}

.tabs--floorplans .tabs__content-inner {
  text-align: center;
  padding: 0 0 calc(((100vw - 90px) / 28 * 1) * 1);
}

@media only screen and (min-width: 768px) {
  .tabs--floorplans .tabs__content-inner {
    padding: 0 0 calc(((100vw - 90px) / 28 * 1) * 1) 90px;
  }
}

@media only screen and (min-width: 1170px) {
  .tabs--floorplans .tabs__content-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0 calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 768px) {
  .tabs__content-inner {
    height: 100%;
  }
}

.tabs__navhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 0 25px;
}

.tabs--floorplans .tabs__navhead {
  margin-top: auto;
}

.tabs__navhead-item {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  font-size: 10px;
  font-weight: 500;
  color: #b2a399;
  padding: 16px;
}

@media only screen and (min-width: 768px) {
  .tabs__navhead-item {
    letter-spacing: 1.5px;
    font-size: 12px;
  }
}

.tabs__navhead-item:last-child {
  margin-left: 1px;
}

.tabs__navhead-item:last-child:before {
  content: '';
  position: absolute;
  top: 0;
  left: -1px;
  display: inline-block;
  width: 1px;
  height: 46px;
  background-color: #b2a399;
}

.tabs__navhead--houses .tabs__navhead-item:last-child {
  margin-left: 0;
}

.tabs__navhead--houses .tabs__navhead-item:last-child:before {
  display: none;
}

.tabs__nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
  width: 100%;
  overflow-x: auto;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  transition-delay: 0ms;
  z-index: 5;
  background-color: #4b4441;
}

@media only screen and (min-width: 768px) {
  .tabs__nav {
    position: absolute;
    left: 50%;
    background-color: transparent;
    top: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: visible;
    width: auto;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
}

@media only screen and (min-width: 1170px) {
  .tabs__nav {
    top: 26px;
  }
}

.tabs--timecapsule .tabs__nav {
  padding: 0 0 10px 10px !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 768px) {
  .tabs--timecapsule .tabs__nav {
    padding: 0 5px 0 5px !important;
    -webkit-transform: translate3d(-50%, -140px, 0);
            transform: translate3d(-50%, -140px, 0);
  }
}

.tabs--pricelist .tabs__nav {
  padding: 45px 10px 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 768px) {
  .tabs--pricelist .tabs__nav {
    padding: 0;
    top: 30px;
  }
}

@media only screen and (min-width: 1170px) {
  .tabs--pricelist .tabs__nav {
    width: calc(((100vw - 90px) / 28 * 11) * 1);
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 800ms;
            transition-duration: 800ms;
    -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
  }
}

@media only screen and (min-width: 1170px) {
  .is-fullscreen-pricelist .tabs--pricelist .tabs__nav {
    width: 100%;
  }
}

.tabs--floorplans .tabs__nav {
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #4b4441;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

@media only screen and (min-width: 1170px) {
  .tabs--floorplans .tabs__nav {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(((100vw - 90px) / 28 * 11) * 1);
            flex: 1 1 calc(((100vw - 90px) / 28 * 11) * 1);
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .tabs--floorplans .tabs__nav {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(((100vw - 90px) / 28 * 9) * 1);
            flex: 1 1 calc(((100vw - 90px) / 28 * 9) * 1);
    max-width: calc(((100vw - 90px) / 28 * 9) * 1);
  }
}

.tabs--floorplans .tabs__nav-inner {
  padding: calc(((100vw) / 28 * 3) * 1) calc(((100vw) / 28 * 2) * 1);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (min-width: 768px) {
  .tabs--floorplans .tabs__nav-inner {
    padding: calc(((100vw) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .tabs--floorplans .tabs__nav-inner {
    padding: 60px calc(((100vw - 90px) / 28 * 1) * 1);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.tabs__nav-list {
  white-space: nowrap;
  margin: 0 !important;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tabs--pricelist .tabs__nav-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tabs--horizontal .tabs__nav-list {
  margin-left: 4px;
}

.tabs--floorplans .tabs__nav-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .tabs--floorplans .tabs__nav-list {
    max-width: 350px;
  }
}

@media only screen and (min-width: 1024px) {
  .tabs--floorplans .tabs__nav-list {
    margin: 0 auto 25px !important;
  }
}

@media only screen and (min-width: 1170px) {
  .tabs--floorplans .tabs__nav-list {
    max-width: 100%;
  }
}

.tabs__house-button:hover {
  background-color: #f3f2ee;
}

.tabs__house-button:after {
  content: none;
}

.tabs__house-button[disabled] {
  pointer-events: none;
  background-color: #f3f2ee;
}

@media only screen and (min-width: 1024px) {
  .tabs__house-button {
    padding: 20px;
  }
}

.tabs__nav-item {
  margin: 0 0 0 1px !important;
  float: left;
  display: inline-block;
}

.tabs--horizontal .tabs__nav-item {
  margin-left: -4px;
}

.tabs__nav-item .icon {
  height: 14px;
  width: 14px;
  margin-bottom: -2px;
  margin-right: 3px;
}

.tabs__nav-item .tabs__fullscreen-icon {
  font-size: 26px;
  pointer-events: none;
  margin: auto;
  width: 1em;
  height: 1em;
  color: #2a2625;
  vertical-align: top;
}

.tabs__nav-item--penthouse {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tabs__nav-item--inner-floor {
  padding: 0 5px;
}

.tabs__nav-link {
  text-decoration: none;
  font-family: "TT Norms W01",Helvetica,sans-serif;
  font-size: 12px;
  color: #f3f2ee;
  font-weight: 500;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  padding: 18px 20px;
  background-color: transparent;
  border: 1px solid #d0c3ba;
  display: inline-block;
  -webkit-transition-property: color,background-color,border;
  transition-property: color,background-color,border;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1170px) {
  .tabs__nav-link {
    padding: 20px 27px;
  }
}

.tabs--pricelist .tabs__nav-link {
  color: #2a2625;
}

@media only screen and (min-width: 768px) {
  .tabs--pricelist .tabs__nav-link {
    color: #2a2625;
    padding: 20px 27px;
  }
}

.tabs--floorplans .tabs__nav-link {
  font-size: 24px;
  padding: 10px 0;
  min-width: 60px;
  text-align: center;
  border: 1px solid transparent;
  color: #d0c3ba;
  font-weight: 400;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .tabs--floorplans .tabs__nav-link {
    font-size: 34px;
  }
}

.tabs__nav-link.is-current {
  color: #2a2625;
  background-color: #d0c3ba;
  text-decoration: none;
}

.tabs--floorplans .tabs__nav-link.is-current {
  background-color: transparent;
  border: 1px solid #f3f2ee;
  color: #f3f2ee;
}

@media only screen and (min-width: 1170px) {
  .tabs__nav-link:not(is-disabled):hover {
    background-color: #d0c3ba;
    color: #2a2625;
  }
}

@media only screen and (min-width: 1170px) {
  .tabs--floorplans .tabs__nav-link:not(is-disabled):hover {
    color: #fff;
    background-color: transparent;
  }
}

.tabs__nav-link.has-icon {
  padding: 17px 27px;
}

@media only screen and (min-width: 1170px) {
  .tabs__nav-link.has-icon {
    padding: 19px 27px;
  }
}

.tabs__nav-link.is-disabled {
  opacity: .1;
  pointer-events: none;
}

.tabs__nav-tag {
  color: #d0c3ba;
  text-transform: uppercase;
  padding: 5px;
  background-color: rgba(125,115,105,0.3);
  margin-left: 10px;
}

.tabs--pricelist .tabs__nav-link--fullscreen {
  display: none;
}

@media only screen and (min-width: 1170px) {
  .tabs--pricelist .tabs__nav-link--fullscreen {
    display: inline-block;
    padding: 13px;
  }
}

.tabs__nav-item .tabs__nav-link--fullscreen:hover .tabs__fullscreen-icon {
  color: #2a2625;
}

body.is-fullscreen-pricelist .tabs__fullscreen-icon {
  display: none;
}

.tabs__fullscreen-icon--exit {
  display: none;
}

body.is-fullscreen-pricelist .tabs__fullscreen-icon--exit {
  display: block;
}

.tabs__floorplan {
  height: 100%;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding-top: calc(((((100vw) / 28 * 4) * 1)) + 50px);
  padding-left: calc(((100vw) / 28 * 4) * 1);
  padding-right: calc(((100vw) / 28 * 4) * 1);
  padding-bottom: calc(((100vw) / 28 * 4) * 1);
}

@media only screen and (min-width: 768px) {
  .tabs__floorplan {
    padding: calc(((100vw - 90px) / 28 * 2) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .tabs__floorplan {
    padding: 0;
  }
}

.tabs__back {
  background-color: #d0c3ba;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100px;
  width: 100%;
  padding: 50px calc(((100vw) / 28 * 2) * 1) 0;
}

@media only screen and (min-width: 768px) {
  .tabs__back {
    height: 80px;
    padding: 0 calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 768px) {
  .modal--floorplans .tabs__back {
    padding: 0 calc(((100vw - 90px) / 28 * 5) * 1);
  }
}

.tabs__floorplan-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.tabs__back .tabs__floorplan-close {
  position: relative;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.tabs__panorama {
  position: relative;
  width: auto;
  padding: 0;
  overflow: hidden;
  margin: calc(((100vw) / 28 * 2) * 1);
  position: relative;
}

.tabs__panorama:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 56.25%;
}

.tabs__panorama>.tabs__panorama-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .tabs__panorama {
    margin: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .tabs__panorama {
    width: 100%;
    margin: 0;
    overflow: visible;
  }
}

.tabs__panorama:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(42,38,37,0.65);
}

.tabs__panorama-button {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  white-space: nowrap;
  display: none;
}

.tabs__panorama-button.is-visible {
  display: block;
}

.tabs__panorama-bg {
  opacity: 0;
  width: 110%;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.tabs__panorama-bg.is-visible {
  opacity: 1;
  -webkit-transform: translateX(-8%);
          transform: translateX(-8%);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transition-duration: 2000ms,400ms;
          transition-duration: 2000ms,400ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-delay: 500ms,0ms;
          transition-delay: 500ms,0ms;
}

.tabs__panorama-bg .image__img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.table__cell .reservation {
  margin: 0;
}

.tabs__pdf-button {
  position: relative;
}

.tabs__pdf-button-svg {
  position: absolute;
  right: -100px;
  top: -4px;
}


.tooltipster-base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  position: absolute;
}

.tooltipster-box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.tooltipster-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  -webkit-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

.tooltipster-slide {
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

@-webkit-keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.tooltipster-update-fade {
  -webkit-animation: tooltipster-fading 400ms;
          animation: tooltipster-fading 400ms;
}

@-webkit-keyframes tooltipster-rotating {
  25% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }

  75% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }

  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@keyframes tooltipster-rotating {
  25% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }

  75% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }

  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

.tooltipster-update-rotate {
  -webkit-animation: tooltipster-rotating 600ms;
          animation: tooltipster-rotating 600ms;
}

@-webkit-keyframes tooltipster-scaling {
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes tooltipster-scaling {
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.tooltipster-update-scale {
  -webkit-animation: tooltipster-scaling 600ms;
          animation: tooltipster-scaling 600ms;
}

.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px;
}

.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px;
}

.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black;
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

.tooltip {
  display: inline-block;
  line-height: 1;
  position: absolute;
}

.tooltip--apt {
  pointer-events: none;
}

.tooltip__container {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .tooltip--house-mobile {
    display: none;
  }
}

.tooltip--house {
  max-width: 130px !important;
}

@media only screen and (min-width: 768px) {
  .tooltip--house {
    max-width: 150px !important;
  }
}

.tooltip--rocca .tooltipster-box {
  background-color: #d0c3ba;
  border-radius: 0;
  border: none;
}

.tooltip--apt .tooltipster-box {
  background-color: #4b4441;
  border-radius: 0;
  border: none;
}

.tooltip--house .tooltipster-box,
.tooltip--light .tooltipster-box {
  background-color: #f3f2ee;
  border-radius: 0;
  border: none;
}

.tooltip--disabled .tooltipster-box {
  background-color: transparent;
}

.tooltip--rocca .tooltipster-arrow-background {
  border-top-color: #d0c3ba !important;
}

.tooltip--light .tooltipster-arrow-background {
  border-top-color: #f3f2ee !important;
}

.tooltip--disabled .tooltipster-arrow-background {
  border: none;
}

.tooltip--rocca .tooltipster-arrow-border {
  border-top-color: transparent !important;
}

.tooltip--light .tooltipster-arrow-border {
  border-top-color: #f3f2ee !important;
}

.tooltip--apt .tooltipster-arrow-border {
  display: none;
}

.tooltip--disabled .tooltipster-arrow-border {
  display: none;
}

.tooltip--rocca .tooltipster-content {
  padding: 25px 30px;
}

.tooltip--apt .tooltipster-content {
  padding: 24px 20px 30px;
}

.tooltip--house .tooltipster-content {
  padding: 20px 10px;
}

@media only screen and (min-width: 768px) {
  .tooltip--house .tooltipster-content {
    padding: 20px;
  }
}

.tooltip--rocca .tooltip__inner {
  color: #4b4441;
  font-size: 14px;
  text-align: center;
}

.tooltip--house .tooltip__inner {
  cursor: pointer;
}

.tooltip--house.tooltip--disabled .tooltip__inner {
  pointer-events: none;
}

.tooltip__bubble {
  position: relative;
  width: 16px;
  height: 16px;
  background-color: #f3f2ee;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.tooltip__bubble:hover {
  background-color: #d0c3ba;
}

.tooltip__title {
  color: #f3f2ee;
  line-height: 1;
  margin-bottom: 15px;
}

.tooltip--house .tooltip__title {
  font-size: 14px;
  color: #4b4441;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  .tooltip--house .tooltip__title {
    font-size: 18px;
  }
}

.tooltip--apt .tooltip__title {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 1.4px;
  margin-bottom: 8px;
  text-transform: capitalize;
}

@media only screen and (min-width: 768px) {
  .tooltip--apt .tooltip__title {
    font-size: 18px;
  }
}

.tooltip--light .tooltip__title {
  color: #36302f;
}

.tooltip--disabled .tooltip__title {
  color: #fff;
}

.tooltip--house.tooltip--disabled .tooltip__title {
  color: #4b4441;
}

.tooltip__content {
  text-align: center;
}

.tooltip--apt .tooltip__content {
  color: #d0c3ba;
  line-height: 1.7;
  font-size: 14px;
}

.tooltip--light .tooltip__content {
  color: #36302f;
}

.tooltip--house .tooltip__content {
  color: #7d7369;
  line-height: 18px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

.tooltip--disabled .tooltip__content {
  color: #fff;
}

.tooltip--house.tooltip--disabled .tooltip__content {
  color: #4b4441;
}

.tooltip__price {
  font-weight: 500;
  display: block;
}

.tooltip--apt .tooltip__price {
  font-size: 12px;
  line-height: 1;
  color: #f3f2ee;
  letter-spacing: 1.4px;
}

.tooltip--light .tooltip__price {
  color: #36302f;
}

.tooltip__rooms {
  text-transform: uppercase;
}

.tooltip--apt .tooltip__rooms,
.tooltip--apt .tooltip__size {
  font-size: 12px;
  font-weight: 500;
  display: block;
  line-height: 1;
  margin-bottom: 8px;
  color: #d0c3ba;
  letter-spacing: 1.4px;
}

.tooltip--light .tooltip__rooms,
.tooltip--light .tooltip__size {
  color: #36302f;
}

.tooltip__status {
  text-transform: uppercase;
  font-weight: 500;
  opacity: 1;
  visibility: visible;
  -webkit-transition-property: opacity,visibility;
  transition-property: opacity,visibility;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  display: block;
}

.tooltip--house .tooltip__status {
  font-size: 10px;
}

@media only screen and (min-width: 768px) {
  .tooltip--house .tooltip__status {
    font-size: 12px;
  }
}

.tooltip--apt .tooltip__status {
  letter-spacing: 1.4px;
  color: #f3f2ee;
  font-size: 12px;
}

.tooltip--light .tooltip__status {
  color: #36302f;
}

.tooltip__status.is-hidden {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #4b4441;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #4b4441;
}

.tooltipster-sidetip.tooltipster-top.tooltip--light .tooltipster-arrow-border {
  border-top-color: #f3f2ee;
}

.tooltipster-sidetip.tooltipster-top.tooltip--light .tooltipster-arrow-background {
  border-top-color: #f3f2ee;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-top-color: #36302f;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #36302f;
}

.tooltipster-sidetip.tooltipster-bottom.tooltip--light .tooltipster-arrow-border {
  border-bottom-color: #f3f2ee;
}

.tooltipster-sidetip.tooltipster-bottom.tooltip--light .tooltipster-arrow-background {
  border-bottom-color: #f3f2ee;
}

.tooltipster-base {
  -webkit-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transition-duration: cubic-bezier(0.9, 0, 0.1, 1);
          transition-duration: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-timing-function: 600ms;
          transition-timing-function: 600ms;
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.tooltipster-base.tooltip--house {
  position: absolute !important;
}

.tooltipster-show {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.tooltipster-dying {
  -webkit-transform: translate3d(0, -25px, 0);
          transform: translate3d(0, -25px, 0);
}

.tooltip__content__title {
  text-align: center;
  text-transform: uppercase;
  font-family: "TT Norms W01",Helvetica,sans-serif;
  color: #d0c3ba;
  font-size: 14px;
  letter-spacing: 1.4px;
  line-height: 20px;
}

.tooltip__content__text {
  text-align: center;
  font-size: 13px;
  font-family: "TT Norms W01",Helvetica,sans-serif;
  line-height: 20px;
  color: #fff;
}


/*! Tablesaw - v3.1.2 - 2019-03-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2019 Filament Group; Licensed MIT */

.tablesaw {
  width: 100%;
  max-width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  border: 0;
  padding: 0;
}

.tablesaw * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tablesaw-btn {
  border: 1px solid #ccc;
  border-radius: .25em;
  background: none;
  -webkit-box-shadow: 0 1px 0 #fff;
          box-shadow: 0 1px 0 #fff;
  color: #4a4a4a;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: .5em .85em .4em .85em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

a.tablesaw-btn {
  color: #1c95d4;
}

.tablesaw-btn:hover {
  text-decoration: none;
}

.tablesaw-btn:active {
  background-color: #ddd;
}

@supports (box-shadow: none) {
  .tablesaw-btn:focus {
    background-color: #fff;
    outline: none;
  }

  .tablesaw-btn:focus {
    -webkit-box-shadow: 0 0 .35em #4faeef !important;
            box-shadow: 0 0 .35em #4faeef !important;
  }
}

.tablesaw-btn-select select {
  background: none;
  border: none;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 1em;
  opacity: 0;
  color: transparent;
}

.tablesaw-btn select option {
  background: #fff;
  color: #000;
}

.tablesaw-btn {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
}

.tablesaw-btn.btn-small {
  font-size: 1.0625em;
  line-height: 19px;
  padding: .3em 1em .3em 1em;
}

.tablesaw-btn.btn-micro {
  font-size: .8125em;
  padding: .4em .7em .25em .7em;
}

.tablesaw-btn-select {
  padding-right: 1.5em;
  text-align: left;
  display: inline-block;
  color: #4d4d4d;
  padding-right: 2.5em;
  min-width: 7.25em;
}

.tablesaw-btn-select:after {
  content: " ";
  position: absolute;
  background: none;
  background-repeat: no-repeat;
  background-position: .25em .45em;
  content: "\25BC";
  font-size: .55em;
  padding-top: 1.2em;
  padding-left: 1em;
  left: auto;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  width: 1.8em;
}

.tablesaw-btn-select.btn-small:after,
.tablesaw-btn-select.btn-micro:after {
  width: 1.2em;
  font-size: .5em;
  padding-top: 1em;
  padding-right: .5em;
  line-height: 1.65;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-left-width: 0;
}

.tablesaw-advance .tablesaw-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-shadow: 0 1px 0 #fff;
  border-radius: .25em;
}

.tablesaw-advance .tablesaw-btn.btn-micro {
  font-size: .8125em;
  padding: .3em .7em .25em .7em;
}

.tablesaw-advance a.tablesaw-nav-btn:first-child {
  margin-left: 0;
}

.tablesaw-advance a.tablesaw-nav-btn:last-child {
  margin-right: 0;
}

.tablesaw-advance a.tablesaw-nav-btn {
  display: inline-block;
  overflow: hidden;
  width: 1.8em;
  height: 1.8em;
  background-position: 50% 50%;
  margin-left: .25em;
  margin-right: .25em;
  position: relative;
  text-indent: -9999px;
}

.tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-advance a.tablesaw-nav-btn.up:before {
  content: " ";
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}

.tablesaw-advance a.tablesaw-nav-btn.down:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.up:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-advance a.tablesaw-nav-btn.right:before {
  top: .45em;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.tablesaw-advance a.tablesaw-nav-btn.left:before {
  left: .6em;
  border-right: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.right:before {
  left: .7em;
  border-left: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
  opacity: .25;
  cursor: default;
  pointer-events: none;
}

.tablesaw-bar {
  clear: both;
}

.tablesaw-bar * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tablesaw-bar-section {
  float: left;
}

.tablesaw-bar-section label {
  font-size: .875em;
  padding: .5em 0;
  clear: both;
  display: block;
  color: #888;
  margin-right: .5em;
  text-transform: uppercase;
}

.tablesaw-btn,
.tablesaw-enhanced .tablesaw-btn {
  margin-top: .5em;
  margin-bottom: .5em;
}

.tablesaw-btn-select,
.tablesaw-enhanced .tablesaw-btn-select {
  margin-bottom: 0;
}

.tablesaw-bar .tablesaw-bar-section .tablesaw-btn {
  margin-left: .4em;
  margin-top: 0;
  text-transform: uppercase;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 1em;
  padding-left: .3em;
}

.tablesaw-bar .tablesaw-bar-section .btn-select {
  min-width: 0;
}

.tablesaw-bar .tablesaw-bar-section .btn-select:after {
  padding-top: .9em;
}

.tablesaw-bar .tablesaw-bar-section select {
  color: #888;
  text-transform: none;
  background: transparent;
}

.tablesaw-bar-section ~ table {
  clear: both;
}

.tablesaw-bar-section .abbreviated {
  display: inline;
}

.tablesaw-bar-section .longform {
  display: none;
}

@media (min-width: 24em) {
  .tablesaw-bar-section .abbreviated {
    display: none;
  }

  .tablesaw-bar-section .longform {
    display: inline;
  }
}

.tablesaw th,
.tablesaw td {
  padding: .5em .7em;
  text-align: left;
  vertical-align: middle;
}

.tablesaw-sortable-btn {
  padding: .5em .7em;
}

.tablesaw thead th {
  text-align: left;
}

.tablesaw-row-border tr {
  border-bottom: 1px solid #dfdfdf;
}

.tablesaw-row-zebra tr:nth-child(2n) {
  background-color: #f8f8f8;
}

.tablesaw caption {
  text-align: left;
  margin: .59375em 0;
}

.tablesaw-swipe .tablesaw-swipe-cellpersist {
  border-right: 2px solid #e4e1de;
}

.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {
  border-right-width: 1px;
}

.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {
  -webkit-box-shadow: 3px 0 4px -1px #e4e1de;
          box-shadow: 3px 0 4px -1px #e4e1de;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

@media only all {
  .tablesaw-stack {
    clear: both;
  }

  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }

  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: inline-block;
    padding: 0 .6em 0 0;
    width: 30%;
  }

  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0;
  }

  .tablesaw-cell-label {
    display: block;
  }

  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}

@media (max-width: 39.9375em) {
  .tablesaw-stack tbody tr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
  }

  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none;
  }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    display: block;
    float: left;
    clear: left;
    width: 100%;
  }

  .tablesaw-cell-label {
    vertical-align: top;
  }

  .tablesaw-cell-content {
    display: inline-block;
    max-width: 67%;
  }

  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }
}

@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row;
  }

  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}

.tablesaw-fix-persist {
  table-layout: fixed;
}

@media only all {
  .tablesaw-swipe th.tablesaw-swipe-cellhidden,
  .tablesaw-swipe td.tablesaw-swipe-cellhidden {
    display: none;
  }
}

.tablesaw-overflow {
  position: relative;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.tablesaw-overflow>.tablesaw {
  margin-top: 2px;
}

.tablesaw-columntoggle-btn span {
  text-indent: -9999px;
  display: inline-block;
}

.tablesaw-columntoggle-btnwrap {
  position: relative;
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  padding: .5em;
}

.tablesaw-columntoggle tbody td {
  line-height: 1.5;
}

.tablesaw-columntoggle-popup {
  display: none;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  background-color: #fff;
  padding: .5em .8em;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 2px #ccc;
          box-shadow: 0 1px 2px #ccc;
  border-radius: .2em;
  z-index: 1;
}

.tablesaw-columntoggle-popup fieldset {
  margin: 0;
}

@media only all {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6,
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5,
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4,
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3,
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2,
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1,
  .tablesaw-columntoggle th.tablesaw-priority-0,
  .tablesaw-columntoggle td.tablesaw-priority-0 {
    display: none;
  }
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  top: 0 !important;
  right: 1em;
  left: auto !important;
  width: 12em;
  max-width: 18em;
  margin: -.5em auto 0;
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
  outline-style: none;
}

@media (min-width: 20em) {
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: table-cell;
  }
}

@media (min-width: 30em) {
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2 {
    display: table-cell;
  }
}

@media (min-width: 40em) {
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3 {
    display: table-cell;
  }

  .tablesaw-columntoggle tbody td {
    line-height: 2;
  }
}

@media (min-width: 50em) {
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4 {
    display: table-cell;
  }
}

@media (min-width: 60em) {
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5 {
    display: table-cell;
  }
}

@media (min-width: 70em) {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6 {
    display: table-cell;
  }
}

@media only all {
  .tablesaw-columntoggle th.tablesaw-toggle-cellhidden,
  .tablesaw-columntoggle td.tablesaw-toggle-cellhidden {
    display: none;
  }

  .tablesaw-columntoggle th.tablesaw-toggle-cellvisible,
  .tablesaw-columntoggle td.tablesaw-toggle-cellvisible {
    display: table-cell;
  }
}

.tablesaw-columntoggle-popup .tablesaw-btn-group>label {
  display: block;
  padding: .2em 0;
  white-space: nowrap;
  cursor: default;
}

.tablesaw-columntoggle-popup .tablesaw-btn-group>label input {
  margin-right: .8em;
}

.tablesaw-sortable-head {
  position: relative;
  vertical-align: top;
}

.tablesaw .tablesaw-sortable-head {
  padding: 0;
}

.tablesaw-sortable-btn {
  min-width: 100%;
  color: inherit;
  background: transparent;
  border: 0;
  text-align: inherit;
  font: inherit;
  text-transform: inherit;
}

.tablesaw-sortable-arrow:after {
  display: inline-block;
  width: 10px;
  height: 14px;
  content: " ";
  margin-left: .3125em;
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,
.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: " ";
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
  content: "\2191";
}

.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: "\2193";
}

.tablesaw-advance {
  float: right;
}

.tablesaw-advance.minimap {
  margin-right: .4em;
}

.tablesaw-advance-dots {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tablesaw-advance-dots li {
  display: table-cell;
  margin: 0;
  padding: .4em .2em;
}

.tablesaw-advance-dots li i {
  width: .25em;
  height: .25em;
  background: #555;
  border-radius: 100%;
  display: inline-block;
}

.tablesaw-advance-dots-hide {
  opacity: .25;
  cursor: default;
  pointer-events: none;
}

.js-table {
  height: calc(100% - 40px);
  overflow: hidden;
}

.table {
  border-collapse: collapse;
  border-spacing: 0;
  color: #4b4441;
  overflow: hidden;
}

.table.is-hidden {
  display: none;
}

.pricelist .table {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.table__body {
  overflow-y: auto;
  overflow-x: visible;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: block;
  max-height: calc(100vw - 34px);
}

@media only screen and (min-width: 768px) {
  .table__body {
    max-height: calc(100vw - 134px - calc(((100vw - 90px) / 28 * 2) * 1));
  }
}

@media only screen and (min-width: 1024px) {
  .table__body {
    max-height: calc(100vh - 43px - calc(((100vw - 90px) / 28 * 1.75) * 1));
  }
}

@media only screen and (min-width: 1170px) {
  .table__body {
    max-height: calc(100vh - calc(((100vw - 90px) / 28 * .75) * 1));
  }
}

@media only screen and (min-width: 1170px) {
  .pricelist--all .table__body {
    max-height: 100%;
  }
}

.table__cell {
  text-align: center !important;
  line-height: 1;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  height: 56px;
  min-width: 48px;
  width: auto;
  vertical-align: middle;
  padding: 0 5px !important;
  white-space: nowrap;
}

@media only screen and (min-width: 768px) {
  .table__cell {
    font-size: 16px;
    padding: 0 10px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .table__cell {
    min-width: 50px;
  }
}

.table__cell:nth-child(1) {
  width: auto;
}

@media only screen and (min-width: 768px) {
  .table__cell:nth-child(1) {
    width: 70px;
  }
}

.table__cell.table__cell--button {
  width: 120px;
}

@media only screen and (min-width: 1024px) {
  .table__cell.table__cell--button {
    width: 135px;
  }
}

.table__cell:nth-child(9) {
  width: 120px;
}

@media only screen and (min-width: 1024px) {
  .table__cell:nth-child(9) {
    width: 135px;
  }
}

.table__cell:last-child {
  text-align: right !important;
}

.table__cell:nth-last-child(2) {
  font-weight: 500;
  text-transform: uppercase;
}

.table__cell:nth-last-child(2) span:not(.table__cell-discounted-price):not(.table__cell-price) {
  font-size: 12px;
  letter-spacing: 1.4px;
}

@media only screen and (min-width: 768px) {
  .table__cell:nth-last-child(2) span:not(.table__cell-discounted-price):not(.table__cell-price) {
    font-size: 14px;
  }
}

.table__cell.table__cell-highlight {
  color: #ed1c24;
}

.table__row--disabled .table__cell {
  color: #d0c3ba;
}

.table__row--header .table__cell {
  text-align: center;
  height: 42px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  color: #7d7369;
}

@media only screen and (min-width: 768px) {
  .table__row--header .table__cell {
    font-size: 12px;
  }
}

.table__cell--price {
  width: 100px;
}

@media only screen and (min-width: 768px) {
  .table__cell--price {
    width: auto;
  }
}

.js-table.is-rent-hidden .table__cell--rent {
  display: none;
}

.pricelist__table:not(.is-rent-hidden) .table__cell--rooms {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .pricelist__table:not(.is-rent-hidden) .table__cell--rooms {
    display: table-cell;
  }
}

.table__cell-tag {
  color: #f3f2ee;
  text-transform: uppercase;
  padding: 5px;
  background-color: #4b4441;
  margin-right: 5px;
}

.table__cell-price {
  font-size: 16px;
  display: block;
}

.table__cell-price--old {
  text-decoration: line-through;
}

.table__cell-discounted-price {
  display: block;
  color: #ed1c24;
  font-size: 16px;
  margin-bottom: -5px;
}

@media only screen and (min-width: 768px) {
  .table__cell-discounted-price {
    margin-bottom: -15px;
  }
}

.table__row {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  border-bottom: 1px solid #e5dbd4;
  overflow: hidden;
}

.table__row:not(.table__row--header) {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.table__row:not(.table__row--header):not(.table__row--disabled) {
  cursor: pointer;
}

.table__row:not(.table__row--header):not(.table__row--disabled):hover {
  background-color: rgba(208,195,186,0.5);
  border-bottom: 1px solid rgba(208,195,186,0.5) pricelist--all;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
}

.table__row:not(.table__row--header).is-highlighted {
  background-color: #e5dbd4;
  border-bottom: 1px solid #e5dbd4;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
}

.table__row--header {
  border-top: 1px solid #e5dbd4;
  -webkit-box-shadow: inset 0 -1px 0 0 #e5dbd4;
          box-shadow: inset 0 -1px 0 0 #e5dbd4;
}

.tablesaw-bar {
  display: none;
}

.tablesaw-sortable-btn {
  position: relative;
  padding: 0;
  min-width: auto;
  cursor: pointer;
  font-size: 10px;
  line-height: 14px;
  margin: 0;
  letter-spacing: 1.2px;
}

@media only screen and (min-width: 1024px) {
  .tablesaw-sortable-btn {
    font-size: 12px;
  }
}

.tablesaw-sortable-ascending .tablesaw-sortable-btn,
.tablesaw-sortable-descending .tablesaw-sortable-btn {
  color: #2a2625;
}

.tablesaw-sortable-btn:focus {
  outline: none;
}

.tablesaw-sortable-arrow {
  position: absolute;
  right: 0;
  top: 1px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.tablesaw-sortable-arrow:after {
  height: 10px;
  content: '';
  width: 8px;
  background: url(../../inc/img/table-arrow.svg) no-repeat center;
  background-size: 5px auto;
  color: #b2a399;
  font-size: 13px;
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .tablesaw-sortable-arrow:after {
    background-size: 6px auto;
  }
}

.tablesaw-sortable-btn:hover .tablesaw-sortable-arrow:after,
.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,
.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  color: #4b4441;
  opacity: 1;
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  content: '';
}

.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: '';
}

.table__head {
  background-color: #f3f2ee;
  z-index: 2;
  border-bottom: 1px solid rgba(208,195,186,0.5);
  display: table;
  table-layout: fixed;
  width: 100%;
}


.pnlm-container {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    cursor: default;
    width: 100%;
    height: 100%;
    font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif;
    background: #f4f4f4 url(../../inc/img/background.svg) repeat;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    line-height: 1.4;
    contain: content;
    touch-action: none;
}

.pnlm-container * {
    box-sizing: content-box;
}

.pnlm-ui {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.pnlm-grab {
    cursor: grab;
    cursor: url(../../inc/img/grab.svg) 12 8, default;
}

.pnlm-grabbing {
    cursor: grabbing;
    cursor: url(../../inc/img/grabbing.svg) 12 8, default;
}

.pnlm-sprite {
    background-image: url(../../inc/img/sprites.svg);
}

.pnlm-container:-moz-full-screen {
    height: 100% !important;
    width: 100% !important;
    position: static !important;
}
.pnlm-container:-webkit-full-screen {
    height: 100% !important;
    width: 100% !important;
    position: static !important;
}
.pnlm-container:-ms-fullscreen {
    height: 100% !important;
    width: 100% !important;
    position: static !important;
}
.pnlm-container:fullscreen {
    height: 100% !important;
    width: 100% !important;
    position: static !important;
}

.pnlm-render-container {
    cursor: inherit;
    
    /* Fix display bug in Safari 7 */
    position: absolute;
    height: 100%;
    width: 100%;
}

.pnlm-controls {
    margin-top: 4px;
    background-color: #fff;
    border: 1px solid #999;
    border-color: rgba(0,0,0,0.4);
    border-radius: 3px;
    cursor: pointer;
    z-index: 2;
    /* Fix Safari fullscreen bug */
    -webkit-transform: translateZ(9999px);
    transform: translateZ(9999px);
}

.pnlm-control:hover {
    background-color: #f8f8f8;
}

.pnlm-controls-container {
    position: absolute;
    top: 0;
    left: 4px;
    z-index: 1;
}

.pnlm-zoom-controls {
    width: 26px;
    height: 52px;
}

.pnlm-zoom-in {
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    border-radius: 3px 3px 0 0;
}

.pnlm-zoom-out {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    background-position: 0 -26px;
    border-top: 1px solid #ddd;
    border-top-color: rgba(0,0,0,0.10);
    border-radius: 0 0 3px 3px;
}

.pnlm-fullscreen-toggle-button, .pnlm-orientation-button, .pnlm-hot-spot-debug-indicator {
    width: 26px;
    height: 26px;
}

.pnlm-hot-spot-debug-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    margin: -13px 0 0 -13px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 13px;
    display: none;
}

.pnlm-orientation-button-inactive {
    background-position: 0 -156px;
}

.pnlm-orientation-button-active {
    background-position: 0 -182px;
}

.pnlm-fullscreen-toggle-button-inactive {
    background-position: 0 -52px;
}

.pnlm-fullscreen-toggle-button-active {
    background-position: 0 -78px;
}

.pnlm-panorama-info {
    position: absolute;
    bottom: 4px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 0 3px 3px 0;
    padding-right: 10px;
    color: #fff;
    text-align: left;
    display: none;
    z-index: 2;
    /* Fix Safari fullscreen bug */
    -webkit-transform: translateZ(9999px);
    transform: translateZ(9999px);
}

.pnlm-title-box {
    position: relative;
    font-size: 20px;
    display: table;
    padding-left: 5px;
    margin-bottom: 3px;
}

.pnlm-author-box {
    position: relative;
    font-size: 12px;
    display: table;
    padding-left: 5px;
}

.pnlm-load-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 150px;
    margin: -75px 0 0 -100px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 3px;
    text-align: center;
    font-size: 20px;
    display: none;
    color: #fff;
}

.pnlm-load-box p {
    margin: 20px 0;
}

.pnlm-lbox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    display: none;
}

.pnlm-loading {
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-name: pnlm-mv;
    -webkit-animation-name: pnlm-mv;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    height: 10px;
    width: 10px;
    background-color: #fff;
    position: relative;
}

@keyframes pnlm-mv {
    from {left:0;top:0;}
    25% {left:10px;top:0;}
    50% {left:10px;top:10px;}
    75% {left:0;top:10px;}
    to {left:0;top:0;}
}

@-webkit-keyframes pnlm-mv {
    from {left:0;top:0;}
    25% {left:10px;top:0;}
    50% {left:10px;top:10px;}
    75% {left:0;top:10px;}
    to {left:0;top:0;}
}

.pnlm-load-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 100px;
    margin: -50px 0 0 -100px;
    background-color: rgba(0,0,0,.7);
    border-radius: 3px;
    text-align: center;
    font-size: 20px;
    display: table;
    color: #fff;
    cursor: pointer;
}

.pnlm-load-button:hover {
    background-color: rgba(0,0,0,.8);
}

.pnlm-load-button p {
    display: table-cell;
    vertical-align: middle;
}

.pnlm-info-box {
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 150px;
    margin: -75px 0 0 -100px;
    background-color: #000;
    border-radius: 3px;
    display: table;
    text-align: center;
    color: #fff;
    table-layout: fixed;
}

.pnlm-info-box a {
    color: #fff;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.pnlm-info-box p {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px 0 5px;
}

.pnlm-error-msg {
    display: none;
}

.pnlm-about-msg {
    font-size: 11px;
    line-height: 11px;
    color: #fff;
    padding: 5px 8px 5px 8px;
    background: rgba(0,0,0,0.7);
    border-radius: 3px;
    position: absolute;
    top: 50px;
    left: 50px;
    display: none;
    opacity: 0;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: 1;
}

.pnlm-about-msg a:link, .pnlm-about-msg a:visited {
    color: #fff;
}

.pnlm-about-msg a:hover, .pnlm-about-msg a:active {
    color: #eee;
}

.pnlm-hotspot-base {
    position: absolute;
    visibility: hidden;
    cursor: default;
    vertical-align: middle;
    top: 0;
    z-index: 1;
}
.pnlm-hotspot {
    height: 26px;
    width: 26px;
    border-radius: 13px;
}
.pnlm-hotspot:hover {
    background-color: rgba(255,255,255,0.2);
}
.pnlm-hotspot.pnlm-info {
    background-position: 0 -104px;
}
.pnlm-hotspot.pnlm-scene {
    background-position: 0 -130px;
}

div.pnlm-tooltip span {
    visibility: hidden;
    position: absolute;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    max-width: 200px;
    padding: 5px 10px;
    margin-left: -220px;
    cursor: default;
}
div.pnlm-tooltip:hover span{
    visibility: visible;
}
div.pnlm-tooltip:hover span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: rgba(0,0,0,0.7) transparent transparent transparent;
    bottom: -20px;
    left: -10px;
    margin: 0 50%;
}

.pnlm-compass {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 4px;
    bottom: 4px;
    border-radius: 25px;
    background-image: url(../../inc/img/compass.svg);
    cursor: default;
    display: none;
}

.pnlm-world {
    position: absolute;
    left: 50%;
    top: 50%;
}
.pnlm-face {
    position: absolute;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}

.pnlm-dragfix, .pnlm-preview-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.pnlm-preview-img {
    background-size: cover;
    background-position: center;
}

.pnlm-lbar {
    width: 150px;
    margin: 0 auto;
    border: #fff 1px solid;
    height: 6px;
}

.pnlm-lbar-fill {
    background: #fff;
    height: 100%;
    width: 0;
}

.pnlm-lmsg {
    font-size: 12px;
}

.pnlm-fade-img {
    position: absolute;
    top: 0;
    left: 0;
}

.pnlm-container {
  background: #f4f4f4 url(../../inc/img/background.svg) repeat !important;
}

.pnlm-grab {
  cursor: url(../../inc/img/grab.svg) 12 8,default !important;
}

.pnlm-grabbing {
  cursor: url(../../inc/img/grabbing.svg) 12 8,default !important;
}

.pnlm-sprite {
  background-image: url(../../inc/img/sprites.svg) !important;
}

.pnlm-compass {
  background-image: url(../../inc/img/compass.svg) !important;
}

.pannellum {
  width: 100%;
  height: 260px;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .pannellum {
    height: 405px;
  }
}

@media only screen and (min-width: 1170px) {
  .pannellum {
    height: 650px;
  }
}

.panellum--huge {
  height: 320px;
}

@media only screen and (min-width: 768px) {
  .panellum--huge {
    height: 400px;
  }
}

@media only screen and (min-width: 1170px) {
  .panellum--huge {
    height: 900px;
  }
}

.pannellum__figure {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
}

.pannellum__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(42,38,37,0.35);
  z-index: 1;
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.pannellum__overlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .8;
}

.pannellum.is-drag .pannellum__overlay {
  opacity: 0;
}

.pannellum__overlay-button {
  position: relative;
  z-index: 1;
  opacity: 1;
  background-color: rgba(125,115,105,0.8);
  color: #fff;
  font-weight: 500;
  padding: 12px 20px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-family: "TT Norms W01",Helvetica,sans-serif;
}

@media only screen and (min-width: 768px) {
  .pannellum__overlay-button {
    font-size: 16px;
    padding: 16px 30px 15px;
  }
}

.pannellum__drag-icon {
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}


.cookie-notification {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  max-height: 200px;
  background-color: #2a2625;
  -webkit-transition: max-height 800ms cubic-bezier(0.9, 0, 0.1, 1);
  transition: max-height 800ms cubic-bezier(0.9, 0, 0.1, 1);
  overflow: hidden;
  z-index: 99;
}

@media only screen and (min-width: 768px) {
  .cookie-notification {
    max-height: 100px;
  }
}

body.is-initial-load .cookie-notification,
.cookie-notification.is-hidden {
  max-height: 0;
}

.cookie-notification__inner {
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 1260px;
  padding: 12px 15px;
  text-align: center;
}

@media only screen and (min-width: 1024px) {
  .cookie-notification__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 16px 30px;
    text-align: left;
  }
}

.cookie-notification__content {
  display: block;
  font-size: 11px;
  line-height: 15px;
  color: #d0c3ba;
}

@media only screen and (min-width: 1024px) {
  .cookie-notification__content {
    display: inline-block;
    font-size: 13px;
    line-height: 17px;
  }
}

.cookie-notification__button {
  display: inline-block;
  margin: 13px 0 0 0;
}

@media only screen and (min-width: 1024px) {
  .cookie-notification__button {
    margin: 0 0 0 40px;
  }
}


.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  bottom: 0px;
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  right: 0;
  position: absolute;
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y,
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute;
}

.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.ps {
  position: relative;
}

.ps>.ps__scrollbar-y-rail {
  z-index: 9;
}

.ps__rail-y {
  z-index: 9;
}

.ps--active-y .ps__rail-y {
  background-color: #7d7369;
  width: 6px;
  border-radius: 3px;
  opacity: 1;
}

.ps--active-y .ps__thumb-y {
  max-width: 6px;
  border-radius: 3px;
  background-color: #d0c3ba;
  right: 0;
}

.ps__rail-y:hover .ps__thumb-y {
  width: 6px;
  background-color: #7d7369;
}


.offer {
  background-color: #4b4441;
  z-index: 1;
  width: 100%;
  margin-bottom: 70px;
  visibility: visible;
  opacity: 0;
  -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0);
}

@media only screen and (min-width: 1170px) {
  .offer {
    position: absolute;
    width: calc(((100vw - 90px) / 28 * 8) * 1);
    top: calc(((100vw - 90px) / 28 * -1) * 1);
    right: calc(((100vw - 90px) / 28 * 3) * 1);
    margin-bottom: 0;
  }
}

.offer.is-hidden {
  opacity: 0;
  visibility: hidden;
}

body:not(.is-initial-load) .offer {
  -webkit-animation: slideOfferUp 800ms cubic-bezier(0.9, 0, 0.1, 1) 2000ms forwards;
          animation: slideOfferUp 800ms cubic-bezier(0.9, 0, 0.1, 1) 2000ms forwards;
}

.offer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: calc(((100vw - 90px) / 28 * 4) * 1) calc(((100vw - 90px) / 28 * 3) * 1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .offer__inner {
    padding: calc(((100vw - 90px) / 28 * 2) * 1) calc(((100vw - 90px) / 28 * 1) * 1);
  }
}

@media only screen and (min-width: 1440px) {
  .offer__inner {
    padding: 100px 60px;
  }
}

.offer__content {
  color: #fff;
  text-align: center;
  max-width: 100%;
}

.offer__button {
  margin-top: 30px;
}

@media only screen and (min-width: 1170px) {
  .offer__button {
    margin-top: 50px;
  }
}

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

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

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

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


.scrubber {
  position: relative;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 4;
  cursor: -webkit-grab;
  cursor: grab;
}

.carousel--timecapsule .scrubber {
  height: calc(100vh - 180px);
}

@media only screen and (min-width: 768px) {
  .carousel--timecapsule .scrubber {
    height: calc(100vh - 56px);
  }
}

@media only screen and (min-width: 1170px) {
  .carousel--timecapsule .scrubber {
    height: 100%;
  }
}

body.is-mobile-safari .carousel--timecapsule .scrubber {
  height: calc(var(--app-height) - 180px);
}

@media only screen and (min-width: 768px) {
  body.is-mobile-safari .carousel--timecapsule .scrubber {
    height: var(--app-height);
  }
}

.scrubber.is-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.scrubber__tooltips {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
}

@media only screen and (min-width: 480px) {
  .scrubber__tooltips {
    display: block;
  }
}

.scrubber__tooltip {
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  pointer-events: none;
}

.scrubber__tooltip.is-hidden {
  opacity: 0;
  -webkit-transform: translate3d(-50%, 25px, 0);
          transform: translate3d(-50%, 25px, 0);
}

.is-clean .scrubber__tooltip {
  display: none;
}

.scrubber__video-container {
  position: absolute;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.is-clean .scrubber__video-container {
  width: 100%;
}

.scrubber.is-clean .scrubber__video-container::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(42,38,37,0.5);
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .scrubber.is-clean .scrubber__video-container::before {
    height: 100%;
  }
}

.scrubber__video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.scrubber__notification {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(125,115,105,0.8);
}

.is-loading .scrubber__notification {
  background-color: transparent;
}

.scrubber__notification__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

@media only screen and (min-width: 768px) {
  .scrubber__notification__inner {
    font-size: 16px;
  }
}

.is-error .scrubber__notification__inner,
.is-loading .scrubber__notification__inner {
  display: none;
}

.scrubber__notification__inner--loading {
  display: none;
}

.is-loading .scrubber__notification__inner--loading {
  display: block;
}

.scrubber__notification__inner--error {
  display: none;
}

.is-error .scrubber__notification__inner--error {
  display: block;
}

.scrubber__notification .scrubber__notification-icon {
  font-size: 20px;
  margin-right: 11px;
}

.scrubber__notification-drag {
  display: none;
}

.is-clean .scrubber__notification-drag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.scrubber__notification__text {
  white-space: nowrap;
}

.scrubber__loading span {
  -webkit-animation-name: blink;
          animation-name: blink;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.scrubber__loading span:nth-child(2) {
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}

.scrubber__loading span:nth-child(3) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}

@-webkit-keyframes blink {
  0% {
    opacity: .2;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: .2;
  }
}

@keyframes blink {
  0% {
    opacity: .2;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: .2;
  }
}

.lds-dual-ring {
  display: inline-block;
  width: 46px;
  height: 46px;
}

.lds-dual-ring:after {
  content: ' ';
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #fff transparent #fff transparent;
  -webkit-animation: lds-dual-ring 1.2s linear infinite;
          animation: lds-dual-ring 1.2s linear infinite;
}

@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.range__label {
  margin-bottom: 12px;
  text-transform: uppercase;
  color: #91867f;
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 1.5px;
}

.range__value {
  font-weight: 500;
  color: #f3f2ee;
  letter-spacing: 1px;
}

.theme-light .header .range__value {
  color: rgba(125,115,105,0.5);
}

.range--filter .range__value {
  font-size: 14px;
  letter-spacing: 1.4px;
  color: #4b4441;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media only screen and (min-width: 768px) {
  .range--alt .range__value {
    position: absolute;
    top: -15px;
  }
}

@media only screen and (min-width: 768px) {
  .range--alt .range__value--min {
    left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .range--alt .range__value--max {
    right: 0;
  }
}

.range__inner {
  padding: 13px 0 0;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .form__body>.form__row .range__inner {
    padding-bottom: 0;
  }
}

.range--filter .range__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.range--filter .range__slider {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 20px;
}

.filter--horizontal .range--filter .range__slider {
  max-width: 280px;
}

.noUi-horizontal .noUi-handle {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  top: -8px;
  right: -8px !important;
  outline: none;
  background-color: #f3f2ee;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.theme-light .header .noUi-horizontal .noUi-handle {
  background-color: #7d7369;
}

.range--filter .noUi-horizontal .noUi-handle {
  background-color: #b2a399;
}

.range--filter.is-dirty .noUi-horizontal .noUi-handle {
  background-color: #4b4441;
}

.noUi-horizontal .noUi-handle:before,
.noUi-horizontal .noUi-handle:after {
  display: none;
}

.range--filter .noUi-horizontal .noUi-handle:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background-color: #d0c3ba;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}

.noUi-target {
  height: 1px;
  background-color: rgba(243,242,238,0.1);
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.theme-light .header .noUi-connects {
  background-color: rgba(125,115,105,0.5);
}

.range--filter .noUi-connects {
  background-color: #b2a399;
}

.noUi-connect {
  background-color: #f3f2ee;
  border-radius: 0;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.theme-light .header .noUi-connect {
  background-color: #7d7369;
}

.range--filter .noUi-connect {
  background-color: #b2a399;
}

.range--filter.is-dirty .noUi-connect {
  background-color: #4b4441;
}

.range__error {
  display: none;
  color: #ff6464;
  font-size: 12px;
  letter-spacing: 1.4px;
  font-weight: 200;
  position: absolute;
  bottom: -15px;
}

.range.is-invalid .range__error {
  display: block;
}


/*!
 * # Semantic UI 2.4.0 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
  box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
  border: 1px solid rgba(34,36,38,0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity;
}

.ui.dropdown .menu>* {
  white-space: nowrap;
}

.ui.dropdown>input:not(.search):first-child,
.ui.dropdown>select {
  display: none !important;
}

.ui.dropdown>.dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0em 0em 0em 1em;
}

.ui.dropdown .menu>.item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em;
}

.ui.dropdown .menu>.item .dropdown.icon+.text {
  margin-right: 1em;
}

.ui.dropdown>.text {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}

.ui.dropdown .menu>.item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  color: rgba(0,0,0,0.87);
  padding: 0.78571429rem 1.14285714rem !important;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-touch-callout: none;
}

.ui.dropdown .menu>.item:first-child {
  border-top-width: 0px;
}

.ui.dropdown>.text>[class*="right floated"],
.ui.dropdown .menu .item>[class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important;
}

.ui.dropdown>.text>[class*="left floated"],
.ui.dropdown .menu .item>[class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important;
}

.ui.dropdown .menu .item>.icon.floated,
.ui.dropdown .menu .item>.flag.floated,
.ui.dropdown .menu .item>.image.floated,
.ui.dropdown .menu .item>img.floated {
  margin-top: 0em;
}

.ui.dropdown .menu>.header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.14285714rem;
  color: rgba(0,0,0,0.85);
  font-size: 0.78571429em;
  font-weight: bold;
  text-transform: uppercase;
}

.ui.dropdown .menu>.divider {
  border-top: 1px solid rgba(34,36,38,0.1);
  height: 0em;
  margin: 0.5em 0em;
}

.ui.dropdown.dropdown .menu>.input {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem;
}

.ui.dropdown .menu>.header+.input {
  margin-top: 0em;
}

.ui.dropdown .menu>.input:not(.transparent) input {
  padding: 0.5em 1em;
}

.ui.dropdown .menu>.input:not(.transparent) .button,
.ui.dropdown .menu>.input:not(.transparent) .icon,
.ui.dropdown .menu>.input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.ui.dropdown>.text>.description,
.ui.dropdown .menu>.item>.description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0,0,0,0.4);
}

.ui.dropdown .menu>.message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal;
}

.ui.dropdown .menu>.message:not(.ui) {
  color: rgba(0,0,0,0.4);
}

.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important;
}

.ui.dropdown .menu .menu:after {
  display: none;
}

.ui.dropdown>.text>.icon,
.ui.dropdown>.text>.label,
.ui.dropdown>.text>.flag,
.ui.dropdown>.text>img,
.ui.dropdown>.text>.image {
  margin-top: 0em;
}

.ui.dropdown .menu>.item>.icon,
.ui.dropdown .menu>.item>.label,
.ui.dropdown .menu>.item>.flag,
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>img {
  margin-top: 0em;
}

.ui.dropdown>.text>.icon,
.ui.dropdown>.text>.label,
.ui.dropdown>.text>.flag,
.ui.dropdown>.text>img,
.ui.dropdown>.text>.image,
.ui.dropdown .menu>.item>.icon,
.ui.dropdown .menu>.item>.label,
.ui.dropdown .menu>.item>.flag,
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>img {
  margin-left: 0em;
  float: none;
  margin-right: 0.78571429rem;
}

.ui.dropdown>.text>img,
.ui.dropdown>.text>.image,
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  max-height: 2em;
}

.ui.dropdown .ui.menu>.item:before,
.ui.menu .ui.dropdown .menu>.item:before {
  display: none;
}

.ui.menu .ui.dropdown .menu .active.item {
  border-left: none;
}

.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons>.ui.dropdown:last-child .menu {
  left: auto;
  right: 0em;
}

.ui.label.dropdown .menu {
  min-width: 100%;
}

.ui.dropdown.icon.button>.dropdown.icon {
  margin: 0em;
}

.ui.button.dropdown .menu {
  min-width: 100%;
}

.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.71428571em;
  background: #FFFFFF;
  display: inline-block;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  color: rgba(0,0,0,0.87);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(34,36,38,0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
}

.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10;
}

select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34,36,38,0.15);
  visibility: visible;
}

.ui.selection.dropdown>.search.icon,
.ui.selection.dropdown>.delete.icon,
.ui.selection.dropdown>.dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.21428571em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.91666667em;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.compact.selection.dropdown {
  min-width: 0px;
}

.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: 0px -1px;
  min-width: calc(100% +  2px);
  width: calc(100% +  2px);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
  box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}

.ui.selection.dropdown .menu>.message {
  padding: 0.78571429rem 1.14285714rem;
}

@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem;
  }
}

@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem;
  }
}

@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem;
  }
}

@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem;
  }
}

.ui.selection.dropdown .menu>.item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal;
}

.ui.selection.dropdown .menu>.hidden.addition.item {
  display: none;
}

.ui.selection.dropdown:hover {
  border-color: rgba(34,36,38,0.35);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui.selection.active.dropdown {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
  box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
}

.ui.selection.active.dropdown .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
  box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
}

.ui.selection.dropdown:focus {
  border-color: #96C8DA;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui.selection.dropdown:focus .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
  box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
}

.ui.selection.visible.dropdown>.text:not(.default) {
  font-weight: normal;
  color: rgba(0,0,0,0.8);
}

.ui.selection.active.dropdown:hover {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
  box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
}

.ui.selection.active.dropdown:hover .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
  box-shadow: 0px 2px 3px 0px rgba(34,36,38,0.15);
}

.ui.active.selection.dropdown>.dropdown.icon,
.ui.visible.selection.dropdown>.dropdown.icon {
  opacity: '';
  z-index: 3;
}

.ui.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}

.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ui.search.dropdown {
  min-width: '';
}

.ui.search.dropdown>input.search {
  background: none transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0em;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255,255,255,0);
  padding: inherit;
}

.ui.search.dropdown>input.search {
  position: absolute;
  z-index: 2;
}

.ui.search.dropdown>.text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3;
}

.ui.search.selection.dropdown>input.search {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
}

.ui.search.selection.dropdown>span.sizer {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
  display: none;
  white-space: pre;
}

.ui.search.dropdown.active>input.search,
.ui.search.dropdown.visible>input.search {
  cursor: auto;
}

.ui.search.dropdown.active>.text,
.ui.search.dropdown.visible>.text {
  pointer-events: none;
}

.ui.active.search.dropdown input.search:focus+.text .icon,
.ui.active.search.dropdown input.search:focus+.text .flag {
  opacity: 0.45;
}

.ui.active.search.dropdown input.search:focus+.text {
  color: rgba(115,115,115,0.87) !important;
}

.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem;
  }
}

@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem;
  }
}

@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem;
  }
}

@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem;
  }
}

.ui.multiple.dropdown {
  padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;
}

.ui.multiple.dropdown .menu {
  cursor: auto;
}

.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown>input.search {
  cursor: text;
}

.ui.multiple.dropdown>.label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(34,36,38,0.15) inset;
  box-shadow: 0px 0px 0px 1px rgba(34,36,38,0.15) inset;
}

.ui.multiple.dropdown .dropdown.icon {
  margin: '';
  padding: '';
}

.ui.multiple.dropdown>.text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}

.ui.multiple.dropdown>.label ~ input.search {
  margin-left: 0.14285714em !important;
}

.ui.multiple.dropdown>.label ~ .text {
  display: none;
}

.ui.multiple.search.dropdown>.text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}

.ui.multiple.search.dropdown>.label ~ .text {
  display: none;
}

.ui.multiple.search.dropdown>input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em;
}

.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}

.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.21428571em 0em 0.21428571em;
  vertical-align: baseline;
}

.ui.inline.dropdown>.text {
  font-weight: bold;
}

.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem;
}

.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0,0,0,0.95);
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 12;
}

.ui.dropdown .menu>.item:hover {
  background: rgba(0,0,0,0.05);
  color: rgba(0,0,0,0.95);
  z-index: 13;
}

.ui.loading.dropdown>i.icon {
  height: 1em !important;
}

.ui.loading.selection.dropdown>i.icon {
  padding: 1.5em 1.28571429em !important;
}

.ui.loading.dropdown>i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0,0,0,0.1);
}

.ui.loading.dropdown>i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: dropdown-spin 0.6s linear;
  animation: dropdown-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
}

.ui.loading.dropdown.button>i.icon:before,
.ui.loading.dropdown.button>i.icon:after {
  display: none;
}

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

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

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

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

.ui.dropdown:not(.button)>.default.text,
.ui.default.dropdown:not(.button)>.text {
  color: rgba(191,191,191,0.87);
}

.ui.dropdown:not(.button)>input:focus ~ .default.text,
.ui.default.dropdown:not(.button)>input:focus ~ .text {
  color: rgba(115,115,115,0.87);
}

.ui.loading.dropdown>.text {
  -webkit-transition: none;
  transition: none;
}

.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}

.ui.dropdown>.loading.menu {
  left: 0px !important;
  right: auto !important;
}

.ui.dropdown>.menu .loading.menu {
  left: 100% !important;
  right: auto !important;
}

.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0,0,0,0.03);
  color: rgba(0,0,0,0.95);
}

.ui.dropdown>.filtered.text {
  visibility: hidden;
}

.ui.dropdown .filtered.item {
  display: none !important;
}

.ui.dropdown.error,
.ui.dropdown.error>.text,
.ui.dropdown.error>.default.text {
  color: #9F3A38;
}

.ui.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4;
}

.ui.selection.dropdown.error:hover {
  border-color: #E0B4B4;
}

.ui.dropdown.error>.menu,
.ui.dropdown.error>.menu .menu {
  border-color: #E0B4B4;
}

.ui.dropdown.error>.menu>.item {
  color: #9F3A38;
}

.ui.multiple.selection.error.dropdown>.label {
  border-color: #E0B4B4;
}

.ui.dropdown.error>.menu>.item:hover {
  background-color: #FFF2F2;
}

.ui.dropdown.error>.menu .active.item {
  background-color: #FDCFCF;
}

.ui.dropdown>.clear.dropdown.icon {
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.dropdown>.clear.dropdown.icon:hover {
  opacity: 1;
}

.ui.disabled.dropdown,
.ui.dropdown .menu>.disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}

.ui.dropdown .menu {
  left: 0px;
}

.ui.dropdown .right.menu>.menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important;
}

.ui.dropdown>.left.menu {
  left: auto !important;
  right: 0px !important;
}

.ui.dropdown>.left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0em -0.5em 0em 0em !important;
  border-radius: 0.28571429rem !important;
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em;
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em;
}

.ui.dropdown .item .left.dropdown.icon+.text,
.ui.dropdown .left.menu .item .dropdown.icon+.text {
  margin-left: 1em;
  margin-right: 0em;
}

.ui.upward.dropdown>.menu {
  top: auto;
  bottom: 100%;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.08);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.08);
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important;
}

.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  -webkit-box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.08);
  box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.08);
}

.ui.upward.selection.dropdown:hover {
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.05);
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.05);
}

.ui.active.upward.selection.dropdown {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}

.ui.upward.selection.dropdown.visible {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.08);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.08);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}

.ui.upward.active.selection.dropdown:hover {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.05);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.05);
}

.ui.upward.active.selection.dropdown:hover .menu {
  -webkit-box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.08);
  box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.08);
}

.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto;
}

.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important;
}

.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34,36,38,0.15);
}

.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu>.item.item.item {
  border-top: none;
}

.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none;
}

.ui.dropdown>.animating.menu .scrolling.menu,
.ui.dropdown>.visible.menu .scrolling.menu {
  display: block;
}

@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% -  17px);
  }
}

@media only screen and (max-width: 767px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem;
  }
}

@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem;
  }
}

@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}

@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}

.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}

.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}

.ui.simple.active.dropdown>.menu,
.ui.simple.dropdown:hover>.menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}

.ui.simple.dropdown>.menu>.item:active>.menu,
.ui.simple.dropdown:hover>.menu>.item:hover>.menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}

.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}

.ui.simple.visible.dropdown>.menu {
  display: block;
}

.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em;
}

.ui.fluid.dropdown>.dropdown.icon {
  float: right;
}

.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(34,36,38,0.12),0px 2px 10px 0px rgba(34,36,38,0.15) !important;
  box-shadow: 0px 2px 4px 0px rgba(34,36,38,0.12),0px 2px 10px 0px rgba(34,36,38,0.15) !important;
  border-radius: 0.28571429rem !important;
}

.ui.floating.dropdown>.menu {
  margin-top: 0.5em !important;
  border-radius: 0.28571429rem !important;
}

.ui.pointing.dropdown>.menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem;
}

.ui.pointing.dropdown>.menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34,36,38,0.15);
  box-shadow: -1px -1px 0px 0px rgba(34,36,38,0.15);
  background: #FFFFFF;
  z-index: 2;
}

.ui.pointing.dropdown>.menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em;
}

.ui.top.left.pointing.dropdown>.menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}

.ui.top.left.pointing.dropdown>.menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}

.ui.top.left.pointing.dropdown>.menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui.top.right.pointing.dropdown>.menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em;
}

.ui.top.pointing.dropdown>.left.menu:after,
.ui.top.right.pointing.dropdown>.menu:after {
  top: -0.25em;
  left: auto !important;
  right: 1em !important;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui.left.pointing.dropdown>.menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em;
}

.ui.left.pointing.dropdown>.menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu {
  left: auto !important;
  right: 100% !important;
  margin: 0em 1em 0em 0em;
}

.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.ui.right.pointing.dropdown>.menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em;
}

.ui.right.pointing.dropdown>.menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.ui.bottom.pointing.dropdown>.menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em;
}

.ui.bottom.pointing.dropdown>.menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.ui.bottom.pointing.dropdown>.menu .menu {
  top: auto !important;
  bottom: 0px !important;
}

.ui.bottom.left.pointing.dropdown>.menu {
  left: 0%;
  right: auto;
}

.ui.bottom.left.pointing.dropdown>.menu:after {
  left: 1em;
  right: auto;
}

.ui.bottom.right.pointing.dropdown>.menu {
  right: 0%;
  left: auto;
}

.ui.bottom.right.pointing.dropdown>.menu:after {
  left: auto;
  right: 1em;
}

.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  top: auto !important;
  bottom: 100% !important;
  margin: 0em 0em 0.78571429rem;
  border-radius: 0.28571429rem;
}

.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
  top: 100% !important;
  bottom: auto !important;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(34,36,38,0.15);
  box-shadow: 1px 1px 0px 0px rgba(34,36,38,0.15);
  margin: -0.25em 0em 0em;
}

.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 1em 0em 0em;
}

.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34,36,38,0.15);
  box-shadow: -1px -1px 0px 0px rgba(34,36,38,0.15);
}

.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 0em 1em;
}

.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34,36,38,0.15);
  box-shadow: -1px -1px 0px 0px rgba(34,36,38,0.15);
}

@font-face {
  font-family: 'Dropdown';
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format("woff");
  font-weight: normal;
  font-style: normal;
}

.ui.dropdown>.dropdown.icon {
  font-family: 'Dropdown';
  line-height: 1;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}

.ui.dropdown>.dropdown.icon {
  width: auto;
}

.ui.dropdown>.dropdown.icon:before {
  content: '\F0D7';
}

.ui.dropdown .menu .item .dropdown.icon:before {
  content: "\F0DA";
}

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: "\F0D9";
}

.ui.vertical.menu .dropdown.item>.dropdown.icon:before {
  content: "\F0DA";
}

.ui.dropdown>.clear.icon:before {
  content: "\F00D";
}

/*!
 * # Semantic UI 2.4.0 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.transition {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animating.transition {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible !important;
}

.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

.hidden.transition {
  display: none;
  visibility: hidden;
}

.visible.transition {
  display: block !important;
  visibility: visible !important;
}

.disabled.transition {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.looping.transition {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.transition.browse {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.transition.browse.in {
  -webkit-animation-name: browseIn;
  animation-name: browseIn;
}

.transition.browse.out,
.transition.browse.left.out {
  -webkit-animation-name: browseOutLeft;
  animation-name: browseOutLeft;
}

.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
  animation-name: browseOutRight;
}

@-webkit-keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }

  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }

  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }

  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}

@keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }

  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }

  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }

  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}

@-webkit-keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }

  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }

  80% {
    opacity: 1;
  }

  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

@keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }

  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }

  80% {
    opacity: 1;
  }

  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

@-webkit-keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }

  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }

  80% {
    opacity: 1;
  }

  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

@keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }

  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }

  80% {
    opacity: 1;
  }

  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

.drop.transition {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}

.drop.transition.in {
  -webkit-animation-name: dropIn;
  animation-name: dropIn;
}

.drop.transition.out {
  -webkit-animation-name: dropOut;
  animation-name: dropOut;
}

@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

.transition.fade.in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.transition.fade.out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}

.flip.transition.in,
.flip.transition.out {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}

.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
  animation-name: horizontalFlipIn;
}

.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
  animation-name: horizontalFlipOut;
}

.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
  animation-name: verticalFlipIn;
}

.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
  animation-name: verticalFlipOut;
}

@-webkit-keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}

@keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}

.scale.transition.in {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.scale.transition.out {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

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

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

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

@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.transition.fly {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.transition.fly.in {
  -webkit-animation-name: flyIn;
  animation-name: flyIn;
}

.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}

.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}

.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}

.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}

.transition.fly.out {
  -webkit-animation-name: flyOut;
  animation-name: flyOut;
}

.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
  animation-name: flyOutUp;
}

.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
  animation-name: flyOutDown;
}

.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
  animation-name: flyOutLeft;
}

.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
  animation-name: flyOutRight;
}

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
  }

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

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

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

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

@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
  }

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

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

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

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

@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0);
  }

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

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

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0);
  }

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

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

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
  }

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

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

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
  }

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

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

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
  }

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

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

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
  }

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

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

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.transition.slide.in,
.transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.transition.slide.out,
.transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

@keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

.transition.swing {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.transition.swing.out,
.transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }

  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }

  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
}

@keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }

  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }

  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
}

@-webkit-keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }

  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }

  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
}

@keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }

  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }

  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
}

@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }

  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }

  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }

  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }

  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }

  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }

  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}

@keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }

  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }

  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}

.transition.zoom.in {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.transition.zoom.out {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

@keyframes zoomIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

.flash.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: flash;
  animation-name: flash;
}

.shake.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: shake;
  animation-name: shake;
}

.bounce.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

.tada.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: tada;
  animation-name: tada;
}

.pulse.transition {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.jiggle.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: jiggle;
  animation-name: jiggle;
}

.transition.glow {
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.transition.glow {
  -webkit-animation-name: glow;
  animation-name: glow;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

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

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

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

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

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

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

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

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

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

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }

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

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }

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

@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

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

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

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

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

@keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

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

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

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

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

@-webkit-keyframes glow {
  0% {
    background-color: #FCFCFD;
  }

  30% {
    background-color: #FFF6CD;
  }

  100% {
    background-color: #FCFCFD;
  }
}

@keyframes glow {
  0% {
    background-color: #FCFCFD;
  }

  30% {
    background-color: #FFF6CD;
  }

  100% {
    background-color: #FCFCFD;
  }
}

.form-select {
  z-index: auto;
  position: relative;
}

.form-select .textfield__input {
  padding: 0 30px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: '';
  text-align: left;
  color: #f3f2ee;
  font-size: 16px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}

.form-select .textfield__input::-ms-expand {
  display: none;
}

.textfield__input.ui.dropdown {
  border: none;
  border-bottom: 1px solid rgba(243,242,238,0.1);
  padding: 0 0 10px 0;
  border-radius: 0;
  min-height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
  background: transparent;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: first baseline;
      -ms-flex-align: first baseline;
          align-items: first baseline;
}

.theme-light .header .textfield__input.ui.dropdown {
  border-color: rgba(125,115,105,0.5);
}

.textfield__input.ui.dropdown:hover {
  border-bottom: 1px solid rgba(243,242,238,0.1);
}

.form-select .textfield__inner {
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width: 1170px) {
  .form-select .textfield__inner {
    padding: 0;
  }
}

.form-select .textfield__inner:after {
  position: absolute;
  right: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  padding: 2px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

.theme-light .header .form-select .textfield__inner:after {
  border-color: #2a2625;
}

@media only screen and (min-width: 768px) {
  .form-select .textfield__inner:after {
    top: 2px;
  }
}

.form-select.is-disabled .textfield__inner:after {
  border-top: 6px solid #c4bdb6;
}

.form-select .textfield__label {
  display: none;
}

.textfield--left .textfield__label {
  display: inline-block;
}

.ui.dropdown>.dropdown.icon {
  display: none;
}

.ui.dropdown>.ui.label {
  padding: 0;
  margin: 0;
  color: #91867f;
  -webkit-box-shadow: none;
          box-shadow: none;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
  text-align: left;
}

.ui.label+.ui.label {
  margin-right: 1px;
}

.ui.label+.ui.label:after {
  content: ',';
}

.ui.dropdown>.ui.label>.delete {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.ui.dropdown:not(.button)>.default.text {
  display: block;
  color: #91867f;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
  margin-top: 14px;
  margin-right: 6px;
}

.ui.dropdown:not(.button)>.default.text:after {
  content: ':';
}

.ui.dropdown .menu {
  border: none !important;
  border-radius: 0 !important;
}

.ui.selection.dropdown {
  min-width: unset;
  max-width: 100%;
}

.textfield.is-invalid .textfield__input {
  border-bottom: 1px solid red;
}


.room-image__container {
  position: relative;
  height: calc(100% - 180px);
  z-index: 4;
}

@media only screen and (min-width: 768px) {
  .room-image__container {
    height: calc(100% - 55px);
  }
}

@media only screen and (min-width: 1170px) {
  .room-image__container {
    height: 100%;
  }
}

.room-image {
  height: 100%;
}

.room-image__background {
  height: 100%;
  width: 100%;
}

.room-image__background .image__picture {
  height: 100%;
  width: 100%;
}

.room-image__background .image__img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.room-image__tooltips {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}


.filter {
  position: relative;
}

.filter__floors {
  margin-bottom: 0;
}

.filter__floors-label {
  font-weight: 700;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .filter__floors-label {
    font-size: 12px;
  }
}

.filter__floors-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -12px 30px;
}

@media only screen and (min-width: 768px) {
  .filter__floors-list {
    margin: 0 -14px 30px;
  }
}

.filter__floors-item {
  display: inline-block;
  padding: 0 12px;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .filter__floors-item {
    padding: 0 14px;
  }
}

.filter__floors-link {
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  position: relative;
  -webkit-transition-property: color,border-bottom;
  transition-property: color,border-bottom;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.filter__floors-item:last-child .filter__floors-link {
  text-transform: uppercase;
  padding: 2px 0;
}

.filter__floors-link:after {
  content: '';
  height: 2px;
  width: 0;
  position: absolute;
  bottom: -2px;
  left: 0;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.filter__floors-item.is-current .filter__floors-link {
  color: #353132;
}

.filter__floors-item.is-current .filter__floors-link:after {
  width: 100%;
}

.filter__floors-link:hover {
  color: #353132;
}

@media only screen and (min-width: 1170px) {
  .filter__floors-link:hover:after {
    width: 100%;
  }
}

.filter__floors-link:focus {
  outline: none;
}

.filter__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px;
  height: 46px;
  border: 1px solid #d0c3ba;
  cursor: pointer;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .filter__title {
    border: none;
    margin-bottom: 13px;
    height: auto;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    cursor: auto;
  }
}

@media only screen and (min-width: 1170px) {
  .filter__title {
    height: 46px;
    margin: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition-property: opacity,visibility;
    transition-property: opacity,visibility;
    -webkit-transition-duration: 800ms;
            transition-duration: 800ms;
    -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
  }
}

.filter.is-open .filter__title {
  background-color: #eae6e1;
}

@media only screen and (min-width: 768px) {
  .filter.is-open .filter__title {
    background-color: transparent;
  }
}

.filter--horizontal .filter__title {
  -webkit-transition-property: opacity,visibility;
  transition-property: opacity,visibility;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1024px) {
  .filter--horizontal .filter__title.is-hidden {
    opacity: 0;
    visibility: hidden;
  }
}

.filter__content {
  -webkit-transition-property: max-height;
  transition-property: max-height;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  max-height: 0;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .filter__content {
    max-height: 100%;
    overflow: visible;
    position: relative;
  }
}

@media only screen and (min-width: 768px) {
  .filter--vertical .filter__content {
    margin-top: -6px;
  }
}

@media only screen and (min-width: 768px) {
  .filter--horizontal .filter__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.filter__toggle-icon {
  font-size: 8px;
  margin-left: 5px;
  -webkit-transition-property: color,-webkit-transform;
  transition-property: color,-webkit-transform;
  transition-property: color,transform;
  transition-property: color,transform,-webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.6, 0.01, 0.62, 1);
          transition-timing-function: cubic-bezier(0.6, 0.01, 0.62, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.filter.is-open>.filter__title .filter__toggle-icon,
.filter__subitem.is-open .filter__toggle-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media only screen and (min-width: 768px) {
  .filter__title .filter__toggle-icon {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .filter--horizontal .filter__toggle-icon {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
}

.filter__close-icon {
  font-size: 15px;
  color: #b2a399;
  margin-right: 9px;
}

.filter__zoom-icon {
  font-size: 18px;
  margin-right: 8px;
  color: #4b4441;
}

@media only screen and (min-width: 768px) {
  .filter__zoom-icon {
    color: #d0c3ba;
  }
}

.filter__clear {
  font-size: 12px;
  height: 46px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 500;
  color: #4b4441;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 1170px) {
  .filter__clear {
    color: #d0c3ba;
    -webkit-transition-property: opacity,visibility;
    transition-property: opacity,visibility;
    -webkit-transition-duration: 800ms;
            transition-duration: 800ms;
    -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
  }
}

@media only screen and (min-width: 1170px) {
  .filter__clear:hover {
    color: #4b4441;
  }
}

.filter__clear.is-visible {
  visibility: visible;
  opacity: 1;
}

.filter--horizontal .filter__clear {
  -webkit-transition-property: opacity,visibility;
  transition-property: opacity,visibility;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1024px) {
  .filter--horizontal .filter__clear {
    position: absolute;
    top: -46px;
  }
}

.filter__subitems {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  border-bottom: 1px solid #d0c3ba;
}

@media only screen and (min-width: 768px) {
  .filter__subitems {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.filter--vertical .filter__subitems {
  overflow: visible;
}

@media only screen and (min-width: 768px) {
  .filter--vertical .filter__subitems {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (min-width: 768px) {
  .filter--horizontal .filter__subitems {
    position: static;
    border-bottom: none;
  }
}

.filter__subitem {
  position: relative;
  display: block;
  cursor: pointer;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.6, 0.01, 0.62, 1);
          transition-timing-function: cubic-bezier(0.6, 0.01, 0.62, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  height: 46px;
  overflow: hidden;
  width: 100%;
  margin-top: -1px;
}

@media only screen and (min-width: 768px) {
  .filter__subitem {
    margin-top: 0;
    position: static;
    display: inline-block;
    width: auto;
  }
}

@media only screen and (min-width: 768px) {
  .filter__subitem:not(:first-child) {
    margin-left: -1px;
  }
}

.filter__subitem.is-open {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .filter--vertical .filter__subitem {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
  }
}

@media only screen and (min-width: 768px) {
  .filter--vertical .filter__subitem:not(:first-child) {
    margin-left: 0;
  }
}

.filter__sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 46px;
  padding: 0 20px;
  border: 1px solid #d0c3ba;
  border-bottom: none;
  -webkit-transition-property: color,background-color;
  transition-property: color,background-color;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.6, 0.01, 0.62, 1);
          transition-timing-function: cubic-bezier(0.6, 0.01, 0.62, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .filter__sub-title {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (min-width: 768px) {
  .filter--horizontal .filter__sub-title {
    border-bottom: 1px solid #d0c3ba;
  }
}

.filter__subitem.is-open .filter__sub-title {
  background-color: #eae6e1;
  border-bottom: transparent;
}

@media only screen and (min-width: 768px) {
  .filter--horizontal .filter__subitem.is-open .filter__sub-title {
    background-color: #d0c3ba;
    color: #fff;
  }
}

.filter__subitem.is-active .filter__sub-title:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #b2a399;
  display: block;
  margin-left: -3px;
}

@media only screen and (min-width: 768px) {
  .filter--horizontal .filter__subitem.is-active .filter__sub-title:after {
    background-color: #d0c3ba;
  }
}

.filter--vertical .filter__subitem.is-active .filter__sub-title:after {
  display: none;
}

@media only screen and (min-width: 768px) {
  .filter--vertical .filter__sub-title {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.filter__title-label {
  position: relative;
}

.filter__sub-title .filter__title-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 500;
}

.filter--vertical .filter__subitem.is-active .filter__title-label:after {
  content: '';
  position: absolute;
  right: -12px;
  top: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #b2a399;
  display: block;
  margin-left: -3px;
}

.filter__sub-content {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .filter__sub-content {
    overflow: hidden;
  }
}

@media only screen and (min-width: 768px) {
  .filter__subitem.is-open .filter__sub-content {
    max-height: 150px;
  }
}

@media only screen and (min-width: 768px) {
  .filter--horizontal .filter__subitem.is-open .filter__sub-content,
  .filter--vertical .filter__subitem.is-open .filter__sub-content {
    max-height: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .filter--horizontal .filter__subitem.is-open .filter__sub-content {
    opacity: 1;
    pointer-events: auto;
  }
}

@media only screen and (min-width: 768px) {
  .filter--horizontal .filter__sub-content {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-timing-function: cubic-bezier(0.6, 0.01, 0.62, 1);
            transition-timing-function: cubic-bezier(0.6, 0.01, 0.62, 1);
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
    pointer-events: none;
    border-top: 1px solid #d0c3ba;
  }
}

.filter__content-inner {
  background-color: transparent;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.6, 0.01, 0.62, 1);
          transition-timing-function: cubic-bezier(0.6, 0.01, 0.62, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  padding: 10px 20px 30px;
  border-left: 1px solid #d0c3ba;
  border-right: 1px solid #d0c3ba;
}

@media only screen and (min-width: 768px) {
  .filter__content-inner {
    padding: 30px;
  }
}

.filter__subitem.is-open .filter__content-inner {
  background-color: #eae6e1;
}

@media only screen and (min-width: 768px) {
  .filter--horizontal .filter__subitem.is-open .filter__content-inner {
    background-color: #d0c3ba;
  }
}

.filter__floorplans-button {
  margin-top: 10px;
}

.filter--vertical .filter__floorplans-button {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .filter--vertical .filter__floorplans-button {
    margin-top: 10px;
    position: relative;
    text-align: center;
    top: unset;
    right: unset;
  }
}

.filter--horizontal .filter__floorplans-button {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .filter--horizontal .filter__floorplans-button {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
}

.filter__floorplans-button.is-hidden {
  display: none;
}

.filter__floorplans-button:after {
  background-color: #e5dbd4;
}

.filter .noUi-target {
  background-color: transparent;
}

.filter__pdf-button+.filter__pdf-button {
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .filter__pdf-button+.filter__pdf-button {
    margin-top: 0;
    margin-left: auto;
  }
}

@media only screen and (min-width: 768px) {
  .filter__pdf-button+.filter__pdf-button {
    margin-top: 0;
    margin-left: 50px;
  }
}


.pricelist__navigation-wrapper {
  z-index: 3;
  left: 0;
  right: 0;
  height: 110px;
  background-color: #4b4441;
}

@media only screen and (min-width: 768px) {
  .pricelist__navigation-wrapper {
    position: absolute;
    height: auto;
    background-color: transparent;
  }
}

.pricelist__navigation {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 45px;
  white-space: nowrap;
  overflow: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 768px) {
  .pricelist__navigation {
    width: auto;
    top: 30px;
  }
}

.pricelist__navigation:after,
.pricelist__navigation:before {
  content: '';
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.pricelist__navigation-link:first-child {
  margin-left: 10px;
}

@media only screen and (min-width: 768px) {
  .pricelist__navigation-link:first-child {
    margin-left: 0;
  }
}

.pricelist__navigation-link:last-child {
  margin-right: 10px;
}

@media only screen and (min-width: 768px) {
  .pricelist__navigation-link:last-child {
    margin-right: 0;
  }
}

.pricelist__navigation-link+.pricelist__navigation-link {
  margin-left: 1px;
}

.pricelist__navigation-link:hover {
  background-color: #f3f2ee;
}

.pricelist__navigation-link:after {
  content: none;
}

.pricelist__navigation-link[disabled] {
  pointer-events: none;
  background-color: #f3f2ee;
}

.pricelist__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 1170px) {
  .pricelist__grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media only screen and (min-width: 1170px) {
  .pricelist--all .pricelist__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.pricelist__col {
  width: 100%;
  position: relative;
  -webkit-transition-property: max-width;
  transition-property: max-width;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  background-color: #f3f2ee;
  z-index: 1;
}

@media only screen and (min-width: 1170px) {
  .pricelist__col {
    display: inline-block;
  }
}

@media only screen and (min-width: 1170px) {
  .pricelist__col--towers {
    max-width: calc(((100vw - 90px) / 28 * 11) * 1);
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(((100vw - 90px) / 28 * 11) * 1);
            flex: 1 1 calc(((100vw - 90px) / 28 * 11) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .is-fullscreen-pricelist .pricelist__col--towers {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

@media only screen and (min-width: 1170px) {
  .pricelist--all .pricelist__col--towers {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

.pricelist__col--table {
  overflow: hidden;
}

@media only screen and (min-width: 1170px) {
  .pricelist__col--table {
    max-width: calc(((100vw - 90px) / 28 * 17) * 1);
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(((100vw - 90px) / 28 * 17) * 1);
            flex: 1 1 calc(((100vw - 90px) / 28 * 17) * 1);
  }
}

@media only screen and (min-width: 1170px) {
  .is-fullscreen-pricelist .pricelist__col--table {
    max-width: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
}

@media only screen and (min-width: 1170px) {
  .pricelist--all .pricelist__col--table {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

.pricelist__header {
  padding: 0 calc(((100vw - 90px) / 28 * 2) * 1) 20px;
}

@media only screen and (min-width: 768px) {
  .pricelist__header {
    padding: 0 0 calc(((100vw - 90px) / 28 * 1) * 1);
  }
}

@media only screen and (min-width: 1024px) {
  .pricelist--all .pricelist__header {
    width: 286px;
  }
}

.pricelist__inner-container {
  height: 100%;
  overflow: hidden;
}

.pricelist--all .pricelist__inner-container {
  max-width: 100%;
}

@media only screen and (min-width: 1024px) {
  .pricelist--all .pricelist__inner-container {
    padding-left: 60px;
    max-width: calc(100% - 286px);
  }
}

@media only screen and (min-width: 1170px) {
  .pricelist--all .pricelist__inner-container {
    height: auto;
  }
}

.pricelist__switcher {
  padding: 0 calc(((100vw - 90px) / 28 * 2) * 1);
}

@media only screen and (min-width: 768px) {
  .pricelist__switcher {
    padding: 0;
  }
}

.pricelist__switcher-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 1170px) {
  .pricelist__switcher-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.pricelist__switcher-item {
  position: relative;
  line-height: 1;
  display: inline-block;
  text-align: center;
}

.pricelist__switcher-link {
  padding: 15px 20px 13px;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #7d7369;
  -webkit-transition-property: color,background-color;
  transition-property: color,background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
          transition-timing-function: cubic-bezier(0.04, 0.32, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  cursor: pointer;
  display: block;
}

@media only screen and (min-width: 768px) {
  .pricelist__switcher-link {
    font-size: 12px;
  }
}

.pricelist__switcher-link:hover,
.pricelist__switcher-item.is-current .pricelist__switcher-link {
  color: #4b4441;
  background-color: rgba(208,195,186,0.5);
}

.pricelist__footer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .pricelist__footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.pricelist__footer-bottom .button {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.pricelist__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 20px 20px 0;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .pricelist__details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
    width: auto;
  }
}

.pricelist__details--bottom {
  margin-top: 20px;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 768px) {
  .pricelist__details--bottom {
    margin-left: 50px;
    margin-top: 0;
    padding: 0;
  }
}

.pricelist__details--bottom:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .pricelist__details--bottom:first-child {
    margin-left: 0;
  }
}

.pricelist__details-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .pricelist__details-item {
    padding: 0;
  }
}

.pricelist__details-item+.pricelist__details-item {
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .pricelist__details-item+.pricelist__details-item {
    margin-left: 50px;
    margin-top: 0;
  }
}

.pricelist__details-item.pricelist__details-item--extra {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 768px) {
  .pricelist__details-item.pricelist__details-item--extra {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.pricelist__details-label {
  color: #d0c3ba;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .pricelist__details-label {
    font-size: 12px;
  }
}

.pricelist__details-item--extra .pricelist__details-label {
  display: inline;
  color: #f3f2ee;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: normal;
  margin-bottom: 0;
  margin-right: 10px;
  text-transform: none;
}

.pricelist__details-value {
  color: #f3f2ee;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.5px;
}

.pricelist__details-item--extra .pricelist__details-value {
  display: inline;
  color: #f3f2ee;
  font-size: 14px;
}

.pricelist__details-item--extra p {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .pricelist__details-item--extra p {
    text-align: left;
  }
}

.pricelist__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #7d7369;
  padding: 10px calc(((100vw - 90px) / 28 * 1) * 1) 10px;
}

@media only screen and (min-width: 768px) {
  .pricelist__footer {
    padding: 54px calc(((100vw - 90px) / 28 * 1) * 1) 54px calc(((100vw - 90px) / 28 * 1) * 1);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .pricelist--all .pricelist__footer {
    position: static;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.pricelist__inner {
  padding: 20px 0 0;
  max-height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .pricelist__inner {
    padding: 30px calc(((100vw - 90px) / 28 * 1) * 1) 0;
  }
}

@media only screen and (min-width: 1170px) {
  .pricelist__inner {
    padding: 30px calc(((100vw - 90px) / 28 * 1) * 1) 0;
    height: 100%;
    min-height: calc(100vh - 151px);
    max-height: calc(100vh - 151px);
  }
}

@media only screen and (min-height: 602px) and (max-height: 762px) {
  .pricelist__inner {
    margin-bottom: 0;
  }
}

.pricelist--all .pricelist__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: block;
  overflow: visible;
  padding-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .pricelist--all .pricelist__inner {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .pricelist--all .pricelist__inner {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .pricelist--all .pricelist__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.pricelist__table {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.pricelist__footer-button-wrapper {
  padding: 22px;
  background-color: #f3f2ee;
}

@media only screen and (min-width: 1024px) {
  .pricelist__footer-button-wrapper {
    display: none;
  }
}

.pricelist__footer-button {
  display: block;
  text-align: center;
  margin: 0;
}


.counter__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.counter__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 40px;
  height: 40px;
  background-color: #4b4441;
  color: #504c4a;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .counter__box {
    width: 50px;
    height: 50px;
  }
}

.counter__box:not(:first-child) {
  margin-left: 2px;
}

.counter__value {
  font-size: 18px;
  letter-spacing: 0;
  font-weight: 500;
  line-height: 21px;
  color: #f3f2ee;
}

@media only screen and (min-width: 768px) {
  .counter__value {
    font-size: 24px;
    line-height: 28px;
  }
}

.counter--target .counter__value {
  color: red;
}

.counter__label {
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  color: #f3f2ee;
}

@media only screen and (min-width: 768px) {
  .counter__label {
    font-size: 10px;
    line-height: 10px;
  }
}

.counter__title {
  text-transform: uppercase;
  color: #4b4441;
  text-align: center;
  margin-top: 10px;
  font-size: 11px;
  letter-spacing: 1.18px;
  font-weight: 500;
  line-height: 13px;
}

@media only screen and (min-width: 768px) {
  .counter__title {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.72px;
    line-height: 19px;
  }
}


.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 20;
  width: 276px;
  background-color: rgba(243,242,238,0.9);
  padding: 28px;
}

@media only screen and (min-width: 768px) {
  .popup {
    width: auto;
    max-width: 480px;
    padding: 60px;
  }
}

.popup--with-counter {
  padding: 20px 28px 28px 28px;
}

@media only screen and (min-width: 768px) {
  .popup--with-counter {
    padding: 25px 60px 60px 60px;
  }
}

.popup__content {
  position: relative;
  text-align: center;
  margin-top: 0;
}

.popup--with-counter .popup__content {
  margin-top: -40px;
}

@media only screen and (min-width: 768px) {
  .popup--with-counter .popup__content {
    margin-top: -50px;
  }
}

.popup__close {
  background-color: transparent;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  -webkit-overflow-scrolling: touch;
  border: none;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .popup__close {
    top: 10px;
    right: 10px;
  }
}

.popup__close:before,
.popup__close:after {
  position: absolute;
  content: '';
  height: 1px;
  width: 16px;
  background-color: #4b4441;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translate3d(0, 0, 0) rotate(0);
          transform: translate3d(0, 0, 0) rotate(0);
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .popup__close:before,
  .popup__close:after {
    width: 20px;
  }
}

.popup__close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.popup__close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media only screen and (min-width: 768px) {
  .popup__close:focus,
  .popup__close:hover {
    background-color: #4b4441;
  }
}

.popup__close:focus:before,
.popup__close:focus:after,
.popup__close:hover:before,
.popup__close:hover:after {
  background-color: #4b4441;
}

@media only screen and (min-width: 768px) {
  .popup__close:focus:before,
  .popup__close:focus:after,
  .popup__close:hover:before,
  .popup__close:hover:after {
    background-color: #f3f2ee;
    outline: none;
  }
}

.popup__counter {
  margin-top: -20px;
}

@media only screen and (min-width: 768px) {
  .popup__counter {
    margin-top: -25px;
  }
}

.popup__title {
  color: red;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 34px;
}

@media only screen and (min-width: 768px) {
  .popup__title {
    font-size: 36px;
  }
}

.popup__title--mt {
  margin-top: 10px;
}

@media only screen and (min-width: 768px) {
  .popup__title--mt {
    margin-top: 40px;
  }
}

.popup__text {
  margin-top: 5px;
  color: #4b4441;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}

@media only screen and (min-width: 768px) {
  .popup__text {
    margin-top: 23px;
    font-size: 18px;
    line-height: 28px;
  }
}

.popup__button {
  margin-top: 20px;
  color: #4b4441;
}

@media only screen and (min-width: 768px) {
  .popup__button {
    margin-top: 30px;
  }
}


.global-popup {
  position: fixed;
  top: 0;
  z-index: 20;
  width: 100%;
  background-color: #4b4441;
  padding: 0;
  border-bottom: 5px solid #2a2625;
}

@media only screen and (min-width: 768px) {
  .global-popup {
    top: unset;
    bottom: 60px;
    right: 60px;
    width: auto;
    max-width: 480px;
    padding: 60px;
    border: none;
  }
}

.global-popup__content--mobile {
  display: block;
  padding: 12px 80px 12px 22px;
}

@media only screen and (min-width: 768px) {
  .global-popup__content--mobile {
    display: none;
  }
}

.global-popup__content--desktop {
  display: none;
}

@media only screen and (min-width: 768px) {
  .global-popup__content--desktop {
    display: block;
  }
}

.global-popup__close {
  position: absolute;
  right: -5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media only screen and (min-width: 768px) {
  .global-popup__close {
    top: 0;
    right: 0;
    background-color: #d0c3ba;
    -webkit-transform: unset;
            transform: unset;
  }
}

.global-popup__close .icon {
  font-size: 20px;
  color: #fff;
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  .global-popup__close .icon {
    color: #4b4441;
    margin-left: 19px;
  }
}

.global-popup__close .button__text {
  display: none;
}

@media only screen and (min-width: 768px) {
  .global-popup__close .button__text {
    display: unset;
  }
}

.global-popup__text {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  .global-popup__text {
    font-size: 36px;
    line-height: 48px;
    font-weight: 300;
  }
}

.global-popup__link {
  color: #d0c3ba;
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  .global-popup__link {
    display: none;
  }
}

.global-popup__button {
  margin-top: 23px;
  display: none;
}

@media only screen and (min-width: 768px) {
  .global-popup__button {
    display: inline-block;
  }
}


.open-screen__inner {
  position: relative;
}

.open-screen__inner:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 133.33333%;
}

.open-screen__inner>.open-screen__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media only screen and (min-width: 1024px) {
  .open-screen__inner {
    position: relative;
    height: 100vh;
  }

  .open-screen__inner:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 62.5%;
  }

  .open-screen__inner>.open-screen__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
}

.open-screen__house {
  cursor: pointer;
  opacity: 0;
}

.open-screen__house--disabled {
  pointer-events: none;
}

.open-screen__overlay {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-property: opacity,visibility;
  transition-property: opacity,visibility;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1170px) {
  .open-screen__overlay.is-visible {
    visibility: visible;
    opacity: .6;
  }
}

.open-screen__svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  overflow: visible;
}

@media only screen and (min-width: 2561px) {
  .open-screen__svg {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-top: -2.9%;
  }
}

.open-screen__image {
  width: 100%;
  height: 100%;
}

.open-screen__image .image__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top right;
     object-position: top right;
}

@media only screen and (min-width: 2561px) {
  .open-screen__image .image__img {
    -o-object-position: center left;
       object-position: center left;
  }
}

.open-screen__head {
  position: absolute;
  z-index: 2;
  top: calc(((100vw) / 28 * 4) * 1);
  left: 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .open-screen__head {
    top: calc(((100vw - 90px) / 28 * 2) * 1);
  }
}

.open-screen__title {
  padding: 0 calc(((100vw - 90px) / 28 * 2) * 1);
  color: #2a2625;
}

.tooltip--house {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .tooltip--house {
    display: block;
  }
}

.tooltip--house-mobile {
  display: block;
}

@media only screen and (min-width: 1024px) {
  .tooltip--house-mobile {
    display: none;
  }
}


.video-popup {
  background-color: rgba(75,68,65,0.8);
  padding: 50px 13px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  z-index: 3;
}

@media only screen and (min-width: 1024px) {
  .video-popup {
    padding: 75px 120px;
  }
}

.video-popup__inner {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.video-popup__close {
  background-color: #2a2625;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-overflow-scrolling: touch;
  border: none;
  z-index: 2;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 1024px) {
  .video-popup__close {
    right: 0;
  }
}

.video-popup__close:before,
.video-popup__close:after {
  position: absolute;
  content: '';
  height: 1px;
  width: 26px;
  background-color: #f3f2ee;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translate3d(0, 0, 0) rotate(0);
          transform: translate3d(0, 0, 0) rotate(0);
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.video-popup__close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.video-popup__close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media only screen and (min-width: 768px) {
  .video-popup__close:focus,
  .video-popup__close:hover {
    background-color: #4b4441;
  }
}

.video-popup__video-container {
  position: relative;
  margin-left: -2px;
  margin-right: -2px;
  width: calc(100% + 4px);
  overflow: hidden;
}

@media only screen and (min-width: 1024px) {
  .video-popup__video-container {
    height: auto;
    position: absolute;
    width: auto;
    min-width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .video-popup__video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .video-popup__video:before {
    content: none;
  }
}

.video-popup__svg {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .video-popup__svg {
    display: block;
    height: calc(100vh - 150px);
  }
}

.video-popup__popup {
  position: relative;
  width: 100%;
  top: auto;
  left: auto;
  -webkit-transform: none;
          transform: none;
  margin-top: -1px;
}

@media only screen and (min-width: 768px) {
  .video-popup__popup {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .video-popup__popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    max-width: 480px;
  }
}


.lightbox {
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  z-index: 60;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: none;
          transform: none;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  background-color: #f3f2ee;
}

@media only screen and (min-width: 1170px) {
  .lightbox {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.lightbox.fancybox-is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
}

@media only screen and (min-width: 1170px) {
  .lightbox.fancybox-is-open {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
  }
}

@media only screen and (min-width: 768px) {
  .fancybox-inner {
    left: 90px;
  }
}

.lightbox__arrow {
  position: absolute;
  z-index: 99995;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #f3f2ee;
  width: 50px;
  height: 50px;
  padding: 8px;
  border: none;
  -webkit-overflow-scrolling: touch;
  cursor: pointer;
  -webkit-transition-property: color,background-color;
  transition-property: color,background-color;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media only screen and (min-width: 768px) {
  .lightbox__arrow {
    width: 60px;
    height: 60px;
  }
}

@media only screen and (min-width: 1170px) {
  .lightbox__arrow:not(:disabled):focus,
  .lightbox__arrow:not(:disabled):hover {
    background-color: #000;
    color: #f3f2ee;
  }
}

.lightbox__arrow:disabled {
  cursor: default;
  opacity: .5;
}

.lightbox__arrow--left {
  left: 0;
}

.lightbox__arrow--right {
  right: 0;
}

.lightbox__arrow-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lightbox__icon {
  width: 1em;
  height: 1em;
  font-size: 34px;
}

.lightbox__arrow--left .lightbox__icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}