@charset "UTF-8";
/* RWD */
@import url("../fonts/cositimes/cositimes.css");
@import url("../fonts/questrial/questrial.css");
@keyframes Rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes Expose {
  0% {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    opacity: 0;
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    opacity: 1;
  }
}
.expose {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  opacity: 0;
  -webkit-transition: opacity 1s ease 1s, clip-path 1s ease 1s;
  transition: opacity 1s ease 1s, clip-path 1s ease 1s;
  -webkit-transform: translateZ(0);
}

.expose--shown {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
}

@keyframes Levitate {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -6%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes SphereLevitation {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -15%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes LevitateShadow {
  0% {
    transform: scaleX(1);
    opacity: 1;
  }
  50% {
    transform: scaleX(1.1);
    opacity: 0.8;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes IntervalMovingDown {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  10% {
    -webkit-transform: translate3d(-50%, 50%, 0);
    -moz-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
  }
  20% {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  30% {
    -webkit-transform: translate3d(-50%, 50%, 0);
    -moz-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
  }
  40% {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes Blink {
  0% {
    border-color: #E5E5E5;
  }
  48% {
    border-color: #E5E5E5;
  }
  50% {
    border-color: #DFC0B9;
  }
  98% {
    border-color: #DFC0B9;
  }
  100% {
    border-color: #E5E5E5;
  }
}
/***** CONTAINERS *****/
.wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.wrapper > div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

.container, .site-bar__container, .site-footer__major-container, .site-footer__outer-container, .site-footer__inner-container, .site-footer__second-row, .site-footer__main-row {
  position: relative;
}
.container:after, .site-bar__container:after, .site-footer__major-container:after, .site-footer__outer-container:after, .site-footer__inner-container:after, .site-footer__second-row:after, .site-footer__main-row:after {
  content: "";
  display: block;
  clear: both;
}

.container--reverse .column {
  float: right;
}

.container--same-height-columns {
  position: relative;
}
.container--same-height-columns .column {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.container--same-height-columns .column--highest {
  position: static;
}

.column {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  min-height: 1px;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .column {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .column__wrapper--desktop-top-padding {
    padding-top: 80px;
  }
}

@media (min-width: 768px) {
  .col-9 {
    width: 75%;
  }
}

@media (min-width: 768px) {
  .col-8 {
    width: 66.6666666667%;
  }
}

@media (min-width: 1100px) {
  .col-8-from-1100 {
    width: 66.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-7-from-992 {
    width: 58.3333333333%;
  }
}

@media (min-width: 768px) {
  .col-7 {
    width: 58.3333333333%;
  }
}

@media (min-width: 768px) {
  .col-6 {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .col-6-from-992 {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .col-5 {
    width: 40.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-5-from-992 {
    width: 40.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-4 {
    width: 33.3333333333%;
  }
}

@media (min-width: 1100px) {
  .col-4-from-1100 {
    width: 33.3333333333%;
  }
}

@media (min-width: 768px) {
  .col-3 {
    width: 25%;
  }
}

@media (min-width: 768px) {
  .col-3-desktop {
    width: 33.3333333333%;
  }
}
@media (min-width: 1300px) {
  .col-3-desktop {
    width: 25%;
  }
}

@media (min-width: 768px) {
  .col-2 {
    width: 25%;
  }
}

@media (min-width: 768px) {
  .col-1 {
    width: 16.6666666667%;
  }
}

@media (min-width: 992px) {
  .flex-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.flex-column {
  padding: 40px 0 0 0;
}
@media (min-width: 992px) {
  .flex-column {
    padding: 0;
  }
}
.flex-column:first-child {
  padding: 0;
}

/***** MENU *****/
.slide-menu {
  position: fixed;
  z-index: 6800;
  display: block;
  text-align: center;
  width: 100%;
  background: #E5E5E5;
  overflow: auto;
  height: 100%;
}
@media (min-width: 992px) {
  .slide-menu {
    background: #fff;
  }
}
.slide-menu__decoration-container {
  width: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate3d(-20%, 0, 0);
  -moz-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
  display: none;
}
@media (min-width: 650px) and (min-height: 630px) {
  .slide-menu__decoration-container {
    display: block;
  }
}
@media (min-width: 992px) {
  .slide-menu__decoration-container {
    width: 36%;
    display: block;
  }
}
@media (min-width: 1300px) {
  .slide-menu__decoration-container {
    width: 34%;
  }
}
.slide-menu__decoration {
  padding: 0 0 130% 0;
  background: url("../img/decorations/decoration-south-west-heads.svg") no-repeat left bottom;
  background-size: contain;
}
@media (min-width: 1300px) {
  .slide-menu__decoration {
    padding-bottom: 120%;
  }
}
.slide-menu .slide-menu__wrapper {
  height: 100%;
  position: relative;
}
.slide-menu .slide-menu__inner {
  padding: 40px 20px;
  position: relative;
}
@media (min-width: 650px) {
  .slide-menu .slide-menu__inner {
    text-align: right;
    padding: 40px 60px;
  }
}
@media (min-width: 992px) {
  .slide-menu__container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
  }
}
.slide-menu__menu-container {
  background: #fff;
}
@media (min-width: 992px) {
  .slide-menu__menu-container {
    padding: 0 0 0 15%;
  }
}
@media (min-width: 1300px) {
  .slide-menu__menu-container {
    padding-left: 18%;
  }
}
@media (min-width: 1700px) {
  .slide-menu__menu-container {
    padding-left: 22%;
  }
}
.slide-menu__menu-wrapper {
  text-align: left;
  display: flex;
  justify-content: center;
}
.slide-menu__header {
  text-align: left;
  padding: 20px 40px 0 40px;
}
@media (min-width: 992px) {
  .slide-menu__header {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (min-width: 1300px) {
  .slide-menu__header {
    padding: 28px 0 0 80px;
  }
}
.slide-menu__additional-menu-container {
  position: relative;
}
@media (min-width: 992px) {
  .slide-menu__additional-menu-container {
    background: #E5E5E5;
    padding: 0 8% 0 0;
  }
}
@media (min-width: 1300px) {
  .slide-menu__additional-menu-container {
    padding: 0 8% 0 32px;
  }
}
@media (min-width: 1700px) {
  .slide-menu__additional-menu-container {
    padding: 0 14% 0 60px;
  }
}
.slide-menu__social-media {
  position: absolute;
  right: 32px;
  top: 0;
  -webkit-transform: translate3d(0, -66%, 0);
  -moz-transform: translate3d(0, -66%, 0);
  transform: translate3d(0, -66%, 0);
}
@media (min-width: 992px) {
  .slide-menu__social-media {
    bottom: auto;
    top: 0;
    left: 0;
    right: auto;
    padding: 32px;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@media (min-width: 1700px) {
  .slide-menu__social-media {
    padding: 40px 40px 0 0;
  }
}

/** fade **/
.slide-menu--fade {
  display: none;
}

.slide-menu--fade.slide-menu--top {
  top: -2px;
  left: 0;
  right: auto;
  bottom: auto;
}

.slide-menu--fade.slide-menu--right {
  top: 0;
  left: auto;
  right: 0;
  bottom: auto;
}

.slide-menu--fade.slide-menu--bottom {
  top: auto;
  left: 0;
  right: auto;
  bottom: 0;
}

.slide-menu--fade.slide-menu--left {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
}

/** slide **/
.slide-menu--slide {
  display: block;
  opacity: 1;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.slide-menu--slide.slide-menu--top {
  top: -110%;
  left: auto;
  right: 0;
  bottom: auto;
}

.slide-menu--slide.slide-menu--top.slide-menu--open {
  top: -2px;
}

.slide-menu--slide.slide-menu--right {
  top: 0;
  left: auto;
  right: -100%;
  bottom: auto;
}

.slide-menu--slide.slide-menu--right.slide-menu--open {
  right: 0;
}

.slide-menu--slide.slide-menu--bottom {
  top: auto;
  left: 0;
  right: auto;
  bottom: -100%;
}

.slide-menu--slide.slide-menu--bottom.slide-menu--open {
  bottom: 0;
}

.slide-menu--slide.slide-menu--left {
  top: 0;
  left: -100%;
  right: auto;
  bottom: auto;
}

.slide-menu--slide.slide-menu--left.slide-menu--open {
  left: 0;
}

/** slide-fade **/
.slide-menu--slide-fade {
  display: block;
  opacity: 1;
  -webkit-transition: all 0.4s cubic-bezier(0.98, 0, 1, 0.98) 0.4s;
  -moz-transition: all 0.4s cubic-bezier(0.98, 0, 1, 0.98) 0.4s;
  -o-transition: all 0.4s cubic-bezier(0.98, 0, 1, 0.98) 0.4s;
  transition: all 0.4s cubic-bezier(0.98, 0, 1, 0.98) 0.4s;
}
.slide-menu--slide-fade .slide-menu__inner {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.slide-menu--slide-fade.slide-menu--open {
  -webkit-transition: all 0.4s cubic-bezier(0, 1, 0.6, 0.98);
  -moz-transition: all 0.4s cubic-bezier(0, 1, 0.6, 0.98);
  -o-transition: all 0.4s cubic-bezier(0, 1, 0.6, 0.98);
  transition: all 0.4s cubic-bezier(0, 1, 0.6, 0.98);
  -webkit-box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.08);
}
.slide-menu--slide-fade.slide-menu--open .slide-menu__inner {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in 0.4s;
  -moz-transition: opacity 0.3s ease-in 0.4s;
  -o-transition: opacity 0.3s ease-in 0.4s;
  transition: opacity 0.3s ease-in 0.4s;
}

.slide-menu--slide-fade.slide-menu--top {
  -webkit-transform: translate3d(0, -200%, 0);
  -moz-transform: translate3d(0, -200%, 0);
  transform: translate3d(0, -200%, 0);
  left: auto;
  right: 0;
  bottom: auto;
}

.slide-menu--slide-fade.slide-menu--top.slide-menu--open {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  top: -2px;
}

.slide-menu--slide-fade.slide-menu--right {
  top: 0;
  left: auto;
  right: -100%;
  bottom: auto;
}

.slide-menu--slide-fade.slide-menu--right.slide-menu--open {
  right: 0;
}

.slide-menu--slide-fade.slide-menu--bottom {
  top: auto;
  left: 0;
  right: auto;
  bottom: -100%;
}

.slide-menu--slide-fade.slide-menu--bottom.slide-menu--open {
  bottom: 0;
}

.slide-menu--slide-fade.slide-menu--left {
  top: 0;
  left: -100%;
  right: auto;
  bottom: auto;
}

.slide-menu--slide-fade.slide-menu--left.slide-menu--open {
  left: 0;
}

/***** OVERLAYERS *****/
.overlayer {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7000;
  background: rgba(4, 63, 60, 0.85);
  color: #000;
  overflow-x: hidden;
  padding: 0;
}
.overlayer__main-content--limited {
  max-width: 900px;
}
.overlayer .overlayer__loading-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6900;
  display: none;
  font-size: 52px;
  color: #fff;
}
.overlayer .overlayer__inner {
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  padding: 50px 20px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 480px) {
  .overlayer .overlayer__inner {
    padding: 50px 20px;
  }
}
@media (min-width: 650px) {
  .overlayer .overlayer__inner {
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  .overlayer .overlayer__inner {
    margin: 40px auto;
    padding: 80px 80px;
    max-width: 900px;
  }
}
@media (min-width: 1300px) {
  .overlayer .overlayer__inner {
    padding: 80px 60px 80px 60px;
  }
}
.overlayer .overlayer__close {
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 7000;
  display: block;
  cursor: pointer;
}
.overlayer .overlayer__content {
  display: none;
  width: 100%;
}

.overlayer-02 .overlayer__inner,
.overlayer-03 .overlayer__inner {
  padding: 0;
}
@media (min-width: 1300px) {
  .overlayer-02 .overlayer__inner,
  .overlayer-03 .overlayer__inner {
    margin: 40px auto;
    max-width: 1100px;
  }
}
@media (min-width: 1700px) {
  .overlayer-02 .overlayer__inner,
  .overlayer-03 .overlayer__inner {
    max-width: 1500px;
  }
}

/* extended icon */
.extended-icon, .icon-search, .icon-action, .icon-instagram, .icon-youtube, .icon-facebook, .icon-download, .icon-arrow-with-belt {
  display: block;
  position: relative;
  overflow: hidden;
  text-align: left;
  text-indent: -10000px;
}
.extended-icon:before, .icon-search:before, .icon-action:before, .icon-instagram:before, .icon-youtube:before, .icon-facebook:before, .icon-download:before, .icon-arrow-with-belt:before, .extended-icon:after, .icon-search:after, .icon-action:after, .icon-instagram:after, .icon-youtube:after, .icon-facebook:after, .icon-download:after, .icon-arrow-with-belt:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.extended-icon:after, .icon-search:after, .icon-action:after, .icon-instagram:after, .icon-youtube:after, .icon-facebook:after, .icon-download:after, .icon-arrow-with-belt:after {
  opacity: 0;
}
.extended-icon:hover:before, .icon-search:hover:before, .icon-action:hover:before, .icon-instagram:hover:before, .icon-youtube:hover:before, .icon-facebook:hover:before, .icon-download:hover:before, .icon-arrow-with-belt:hover:before {
  opacity: 0;
}
.extended-icon:hover:after, .icon-search:hover:after, .icon-action:hover:after, .icon-instagram:hover:after, .icon-youtube:hover:after, .icon-facebook:hover:after, .icon-download:hover:after, .icon-arrow-with-belt:hover:after {
  opacity: 1;
}

.simple-extended-icon {
  display: block;
  position: relative;
}
.simple-extended-icon__base-layer {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.simple-extended-icon__above-layer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0;
}
.simple-extended-icon img {
  display: block;
}

@media (min-width: 992px) {
  .simple-extended-icon--later-changing .simple-extended-icon__base-layer {
    opacity: 0;
  }
}
@media (min-width: 992px) {
  .simple-extended-icon--later-changing .simple-extended-icon__above-layer {
    opacity: 1;
  }
}

/* icon hamburger */
.icon-hamburger {
  display: block;
  width: 28px;
  position: relative;
}
@media (min-width: 992px) {
  .icon-hamburger {
    width: 24px;
  }
}
.icon-hamburger__inner {
  height: 17px;
  position: relative;
  overflow: hidden;
}
.icon-hamburger__inner > div {
  position: absolute;
  left: 0;
  height: 2px;
  background: #000;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.icon-hamburger__inner > div:nth-child(1),
.icon-hamburger__inner > div:nth-child(4) {
  top: 0;
}
.icon-hamburger__inner > div:nth-child(2),
.icon-hamburger__inner > div:nth-child(5) {
  top: 7px;
}
.icon-hamburger__inner > div:nth-child(3),
.icon-hamburger__inner > div:nth-child(6) {
  top: 14px;
}
.icon-hamburger__inner > div:nth-child(4) {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.icon-hamburger__inner > div:nth-child(5) {
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.icon-hamburger__inner > div:nth-child(6) {
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.icon-hamburger__inner > .icon-hamburger__hover-item {
  background: #000;
  left: -100%;
}
.icon-hamburger__inner > .icon-hamburger__hover-item:nth-child(4) {
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.icon-hamburger__inner > .icon-hamburger__hover-item:nth-child(5) {
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.icon-hamburger__inner > .icon-hamburger__hover-item:nth-child(6) {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.icon-hamburger:hover .icon-hamburger__inner > .icon-hamburger__hover-item, .icon-hamburger:focus .icon-hamburger__inner > .icon-hamburger__hover-item {
  left: 0;
}

.icon-hamburger.open .icon-hamburger__inner {
  overflow: visible;
}
.icon-hamburger.open .icon-hamburger__inner > div {
  background: #000;
}
.icon-hamburger.open .icon-hamburger__inner > div:nth-child(1),
.icon-hamburger.open .icon-hamburger__inner > div:nth-child(4) {
  top: 7px;
  left: auto;
  right: 0;
  width: 24px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}
.icon-hamburger.open .icon-hamburger__inner > div:nth-child(3),
.icon-hamburger.open .icon-hamburger__inner > div:nth-child(6) {
  opacity: 0;
  left: -100%;
}
.icon-hamburger.open .icon-hamburger__inner > div:nth-child(2),
.icon-hamburger.open .icon-hamburger__inner > div:nth-child(5) {
  top: 7px;
  left: auto;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  transform: rotate(-135deg);
  right: 0;
  width: 24px;
}

.icon-hamburger--primary .icon-hamburger__inner > div {
  background: #E5E5E5;
}

.icon-hamburger--light .icon-hamburger__inner > div {
  background: #fff;
}

.icon-hamburger--large {
  width: 32px;
}
.icon-hamburger--large .icon-hamburger__inner {
  height: 20px;
}
.icon-hamburger--large .icon-hamburger__inner > div {
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.icon-hamburger--large .icon-hamburger__inner > div:nth-child(1),
.icon-hamburger--large .icon-hamburger__inner > div:nth-child(4) {
  top: 0;
}
.icon-hamburger--large .icon-hamburger__inner > div:nth-child(2),
.icon-hamburger--large .icon-hamburger__inner > div:nth-child(5) {
  top: 8px;
}
.icon-hamburger--large .icon-hamburger__inner > div:nth-child(3),
.icon-hamburger--large .icon-hamburger__inner > div:nth-child(6) {
  top: 16px;
}

.icon-hamburger--small {
  width: 20px;
  height: 12px;
}
.icon-hamburger--small .icon-hamburger__inner > div {
  height: 2px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.icon-hamburger--small .icon-hamburger__inner > div:nth-child(1),
.icon-hamburger--small .icon-hamburger__inner > div:nth-child(4) {
  top: 0;
}
.icon-hamburger--small .icon-hamburger__inner > div:nth-child(2),
.icon-hamburger--small .icon-hamburger__inner > div:nth-child(5) {
  top: 5px;
}
.icon-hamburger--small .icon-hamburger__inner > div:nth-child(3),
.icon-hamburger--small .icon-hamburger__inner > div:nth-child(6) {
  top: 10px;
}

/***** MODULES *****/
.dropdown {
  position: relative;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (min-width: 900px) {
  .dropdown {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
.dropdown__header {
  margin-bottom: 9px;
}
@media (min-width: 900px) {
  .dropdown__header {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.dropdown__title {
  font-size: 14px;
  color: #4b4b4b;
}
.dropdown__lead {
  position: relative;
  cursor: pointer;
  height: 42px;
  width: 100%;
  max-width: 308px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #4b4b4b;
  border-radius: 4px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.dropdown__lead .dropdown__icon {
  position: absolute;
  top: calc(50% - 5px);
  right: 10px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  transform-origin: center;
  width: 12px;
  height: 10px;
}
.dropdown__core {
  width: 100%;
  max-width: 308px;
  -webkit-transition: margin 0.2s linear;
  -moz-transition: margin 0.2s linear;
  -o-transition: margin 0.2s linear;
  transition: margin 0.2s linear;
  position: relative;
}
.dropdown__content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 42px;
  line-height: 42px;
  display: block;
  width: 100%;
  margin: 0;
  border: none;
  color: #7d7d7d;
  font-size: 14px;
  font-family: questrial, sans-serif;
  font-weight: 400;
  text-align: left;
  padding-left: 5px;
}
@media (min-width: 480px) {
  .dropdown__content {
    padding-left: 15px;
  }
}
.dropdown__list-container {
  overflow: hidden;
  position: absolute;
  display: none;
  top: 100%;
  right: 0;
  width: 100%;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropdown__list > li input {
  display: none;
}
.dropdown__list a {
  display: block;
}
.dropdown__error-container {
  width: 100%;
  max-width: 308px;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s linear;
  -moz-transition: opacity 0.4s linear;
  -o-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
.dropdown .dropdown-item {
  cursor: pointer;
}
.dropdown .dropdown-item .dropdown-item__description {
  padding-left: 5px;
}
@media (min-width: 385px) {
  .dropdown .dropdown-item .dropdown-item__description {
    padding-left: 15px;
  }
}
.dropdown.error {
  margin-bottom: 30px;
}
.dropdown.error * {
  border-color: #DB2B39;
}
.dropdown.error .dropdown__error-container {
  opacity: 1;
}
.dropdown:focus {
  border-color: #E5E5E5;
}

.dropdown--expanding .dropdown__list-container {
  position: relative;
  top: 0;
}

.dropdown.dropdown--open .dropdown__lead {
  border-color: #E5E5E5;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.dropdown.dropdown--open .dropdown__lead .dropdown__icon {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.dropdown--short {
  display: flex;
}
.dropdown--short .dropdown__core {
  align-self: center;
  max-width: 80px;
  margin-left: 20px;
}
.dropdown--short .dropdown__lead, .dropdown--short .dropdown__list-container {
  margin: 0 0 0 auto;
}

.bookmarks-manager {
  margin: 0 auto;
}
.bookmarks-manager .bookmarks-manager__bookmarks-container {
  width: 100%;
}
.bookmarks-manager .bookmarks-manager__bookmark-container {
  display: block;
}
.bookmarks-manager .bookmarks-manager__bookmark {
  cursor: pointer;
  position: relative;
}
.bookmarks-manager .bookmarks-manager__bookmark-container .bookmarks-manager__bookmark-content {
  display: none;
}
.bookmarks-manager .bookmarks-manager__content-container {
  display: block;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  min-height: 3px;
}
.bookmarks-manager .bookmarks-manager__content-wrapper {
  padding: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.ajax-bookmarks-manager {
  max-width: 900px;
  margin: 0 auto;
}
.ajax-bookmarks-manager .ajax-bookmarks-manager__bookmarks {
  text-align: center;
}
.ajax-bookmarks-manager .ajax-bookmarks-manager__bookmark-container {
  display: block;
}
.ajax-bookmarks-manager .ajax-bookmarks-manager__bookmark {
  cursor: pointer;
}
.ajax-bookmarks-manager .ajax-bookmarks-manager__bookmark-container .bookmarks-manager__bookmark-content {
  display: none;
}
.ajax-bookmarks-manager .ajax-bookmarks-manager__content-container {
  display: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (min-width: 768px) {
  .ajax-bookmarks-manager .ajax-bookmarks-manager__content-container {
    display: block;
  }
}
.ajax-bookmarks-manager .ajax-bookmarks-manager__content-wrapper {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.details-list {
  list-style-type: none;
}
.details-list .details-list__item {
  display: block;
}
.details-list .details-list__title {
  cursor: pointer;
}
.categorized-items__categories {
  text-align: center;
  list-style-type: none;
}
.categorized-items__categories > li {
  display: block;
  cursor: pointer;
}
.categorized-items__no-items {
  float: none;
  display: none;
}
.categorized-items__content-container {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.categorized-items-00 .categorized-items__categories-container {
  padding: 0 0 30px 0;
}
@media (min-width: 480px) {
  .categorized-items-00 .categorized-items__categories-container {
    padding: 0 0 50px 0;
  }
}
@media (min-width: 992px) {
  .categorized-items-00 .categorized-items__categories-container {
    padding: 0 0 70px 0;
  }
}
.ajax-categorized-items__categories-container {
  padding: 0 0 50px 0;
}
@media (min-width: 992px) {
  .ajax-categorized-items__categories-container {
    padding: 0 0 80px 40px;
  }
}
@media (min-width: 1500px) {
  .ajax-categorized-items__categories-container {
    padding: 0 0 80px 0;
  }
}
.ajax-categorized-items__no-items {
  float: none;
  display: block;
}
.ajax-categorized-items__contents-container {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.ajax-categorized-items__content {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.ajax-categorized-items__pager-container {
  position: relative;
  padding: 80px 0 0 0;
}
@media (min-width: 650px) {
  .ajax-categorized-items__pager-container {
    padding: 100px 0 0 0;
  }
}
@media (min-width: 1800px) {
  .ajax-categorized-items__pager-container {
    padding: 120px 0 0 0;
  }
}
.ajax-categorized-items__pager-container .decorated-section__decoration-container {
  top: 40px;
  left: 0;
  display: block;
}
@media (min-width: 650px) {
  .ajax-categorized-items__pager-container .decorated-section__decoration-container {
    top: 60px;
  }
}
@media (min-width: 1800px) {
  .ajax-categorized-items__pager-container .decorated-section__decoration-container {
    top: 80px;
  }
}

/***** OVERLAYERS *****/
.overlayer-content {
  display: none !important;
}

.ajax-overlayer-button {
  cursor: pointer;
}

.ajax-overlayer-close {
  cursor: pointer;
}

.overlayer-00 {
  color: #110D0A;
}
.overlayer-00 .overlayer__inner {
  max-width: unset;
}
.overlayer-00 .overlayer__inner .flex-container {
  align-items: center;
}
@media (min-width: 768px) {
  .overlayer-00 .overlayer__inner .flex-container {
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .overlayer-00 .overlayer__inner .image-wrapper {
    margin-left: 50px;
  }
}
.overlayer-00 .overlayer__content {
  margin: 0 auto;
  width: auto;
}
.overlayer-00 .skew-main-decoration__content {
  background-color: #DFC0B9;
}

.overlayer-02 {
  background-color: #DFC0B9;
}
.overlayer-02 .overlayer__inner {
  max-width: 1200px;
}
.popup-01 {
  background: rgba(0, 0, 0, 0.7);
}
.popup-01 > .wrapper > div {
  vertical-align: middle;
}
.popup-01 .overlayer__inner {
  padding: 20px;
  margin: 0 auto;
  background: none;
}

.overlayer-02 .overlayer__decoration-container-01 {
  content: "";
  display: block;
  position: fixed;
  width: 70%;
  left: -10%;
  bottom: -8%;
}
@media (min-width: 650px) {
  .overlayer-02 .overlayer__decoration-container-01 {
    width: 60%;
  }
}
@media (min-width: 768px) {
  .overlayer-02 .overlayer__decoration-container-01 {
    width: 50%;
  }
}
@media (min-width: 900px) {
  .overlayer-02 .overlayer__decoration-container-01 {
    width: 40%;
    bottom: -12%;
    left: -5%;
  }
}
@media (min-width: 992px) {
  .overlayer-02 .overlayer__decoration-container-01 {
    width: 36%;
    bottom: -16%;
    left: -8%;
  }
}
@media (min-width: 1300px) {
  .overlayer-02 .overlayer__decoration-container-01 {
    bottom: -10%;
    left: -5%;
    width: 30%;
  }
}
.overlayer-02 .overlayer__decoration-01 {
  padding: 0 0 100% 0;
  background: url("../img/drafts/racket.png") no-repeat center;
  background-size: contain;
}
@media (min-width: 992px) {
  .overlayer-02 .overlayer__decoration-container-02 {
    content: "";
    display: block;
    position: fixed;
    width: 24%;
    bottom: 2%;
    right: -2%;
  }
}
@media (min-width: 1300px) {
  .overlayer-02 .overlayer__decoration-container-02 {
    bottom: 30%;
    right: -6%;
  }
}
@media (min-width: 1700px) {
  .overlayer-02 .overlayer__decoration-container-02 {
    bottom: 25%;
    right: -6%;
  }
}
.overlayer-02 .overlayer__decoration-02 {
  padding: 0 0 100% 0;
  background: url("../img/drafts/racket-01.png") no-repeat center;
  background-size: contain;
}
.page-loading-layer {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
}

.audio__wrapper {
  padding: 30px 0;
}
.audio__top-label {
  text-align: right;
}
.audio__content {
  padding: 10px 0 20px 0;
}

.progress-bar {
  width: 100%;
  height: 8px;
  background-color: #4b4b4b;
}
.progress-bar__core {
  height: 100%;
  width: 0;
  background-color: #DFC0B9;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.progress-bar--movable:hover {
  cursor: pointer;
}

.volume-bar {
  margin-left: 4px;
  position: relative;
  width: 80px;
  height: 30px;
}
.volume-bar__core {
  width: 100%;
  height: 2px;
  background-color: #E5E5E5;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.volume-bar__slider {
  width: 8px;
  height: 8px;
  position: absolute;
  background-color: #DFC0B9;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.volume-bar:hover {
  cursor: pointer;
}

.timer-label > * {
  font-family: cositimes, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.12em;
  line-height: 16px;
}
@media (min-width: 1100px) {
  .timer-label > * {
    font-size: 14px;
    line-height: 18px;
  }
}

/***** ICONS *****/
.icon-half-hamburger {
  display: block;
  width: 36px;
  position: relative;
}
.icon-half-hamburger__inner {
  height: 36px;
  position: relative;
  overflow: hidden;
}
.icon-half-hamburger__bar {
  position: absolute;
  left: 0;
  height: 2px;
  background: #000;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.icon-half-hamburger__bar:nth-child(1) {
  top: 0;
}
.icon-half-hamburger__bar:nth-child(2) {
  top: 7px;
  width: 50%;
}
.icon-half-hamburger__bar:nth-child(3) {
  top: 14px;
  width: 0;
}
.icon-half-hamburger:hover .icon-half-hamburger__bar:nth-child(2), .icon-half-hamburger:hover .icon-half-hamburger__bar:nth-child(3), .icon-half-hamburger:focus .icon-half-hamburger__bar:nth-child(2), .icon-half-hamburger:focus .icon-half-hamburger__bar:nth-child(3) {
  width: 100%;
}

.icon-half-hamburger.open .icon-half-hamburger__inner {
  overflow: visible;
}
.icon-half-hamburger.open .icon-half-hamburger__bar {
  background: #fff;
}
.icon-half-hamburger.open .icon-half-hamburger__bar:nth-child(1) {
  top: 7px;
  left: auto;
  right: 0;
  width: 24px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}
.icon-half-hamburger.open .icon-half-hamburger__bar:nth-child(2) {
  opacity: 0;
  left: -100%;
}
.icon-half-hamburger.open .icon-half-hamburger__bar:nth-child(3) {
  top: 7px;
  left: auto;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  transform: rotate(-135deg);
  right: 0;
  width: 24px;
}

.icon-half-hamburger--light .icon-half-hamburger__bar {
  background: #fff;
}

/* icon arrow */
.icon-simple-arrow {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  background: url("../img/icons/arrows/icon-simple-arrow-right.svg") no-repeat center;
  background-size: contain;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (min-width: 1700px) {
  .icon-simple-arrow {
    width: 28px;
    height: 28px;
  }
}

.icon-simple-arrow--light {
  background-image: url("../img/icons/arrows/icon-simple-arrow-right-light.svg");
}

.icon-simple-arrow--up {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.icon-simple-arrow--left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon-simple-arrow--down {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icon-simple-arrow--secondary {
  background-image: url("../img/icons/arrows/icon-simple-arrow-right-secondary.svg");
}

.icon-arrow-with-belt {
  background-size: 100% auto;
  width: 39px;
  height: 16px;
}
.icon-arrow-with-belt::before, .icon-arrow-with-belt::after {
  background-size: auto 100% !important;
  background-position: right !important;
}
.icon-arrow-with-belt:before {
  background-image: url("/img/icons/icon-arrow-yellow.svg");
}
.icon-arrow-with-belt:after {
  background-image: url("/img/icons/icon-arrow-green.svg");
}

.icon-arrow-with-belt--second-theme:before {
  background-image: url("/img/icons/icon-arrow-gold.svg");
}
.icon-arrow-with-belt--second-theme:after {
  background-image: url("/img/icons/icon-arrow-navy.svg");
}

.icon-arrow-with-belt--long {
  width: 110px;
}

.icon-arrow-with-belt--right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon-arrow-with-belt--up {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.icon-arrow-with-belt--down {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icon-arrow-with-belt--light:before {
  background-image: url("/img/icons/icon-arrow-white.svg");
}
.icon-arrow-with-belt--light:after {
  background-image: url("/img/icons/icon-arrow-green.svg");
}

.icon-arrow {
  position: relative;
  width: 12px;
  height: 12px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.icon-arrow--left {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  transform: rotate(225deg);
  left: 3px;
}

.icon-arrow--up {
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
  top: 3px;
}

.icon-arrow--right {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  left: -3px;
}

.icon-arrow--down {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
  top: -3px;
}

.icon-arrow--small {
  width: 8px;
  height: 8px;
  border-width: 2px;
}

.icon-arrow--very-small {
  width: 8px;
  height: 8px;
  border-width: 1px;
}

.icon-arrow--left.icon-arrow--small {
  left: 2px;
}

.icon-arrow--up.icon-arrow--small {
  top: 2px;
}

.icon-arrow--right.icon-arrow--small {
  left: -2px;
}

.icon-arrow--down.icon-arrow--small {
  top: -2px;
}

.icon-arrow--large {
  width: 18px;
  height: 18px;
  border-width: 3px;
}

.icon-arrow--dark {
  border-color: #F6F4F4;
}

.icon-arrow--dark-grey {
  border-color: #F6F4F4;
}

.icon-arrow--dark-grey-02 {
  border-color: #535353;
}

.icon-arrow--primary {
  border-color: #E5E5E5;
}

.icon-arrow--light {
  border-color: #fff;
}

.icon-arrow--primary {
  border-color: #E5E5E5;
}

.icon-arrow--primary:hover {
  border-color: #DFC0B9;
}

/* icon spectacular arrow */
.icon-spectacular-arrow {
  display: block;
  width: 42px;
  height: 42px;
  position: relative;
}
@media (min-width: 1300px) {
  .icon-spectacular-arrow {
    width: 48px;
    height: 48px;
  }
}
.icon-spectacular-arrow:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/icons/arrow-right.svg") no-repeat center right;
  background-size: contain;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.disabled .icon-spectacular-arrow:hover:before {
  padding: 0;
}

.icon-spectacular-arrow.icon-spectacular-arrow--left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon-spectacular-arrow--large {
  width: 28px;
  height: 24px;
}
@media (min-width: 1700px) {
  .icon-spectacular-arrow--large {
    width: 32px;
    height: 28px;
  }
}

/* icon nice arrow */
.icon-nice-arrow {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 auto;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
  position: relative;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.icon-nice-arrow:before, .icon-nice-arrow:after {
  content: "";
  display: block;
  position: absolute;
  background: #000;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.icon-nice-arrow:before {
  width: 3px;
  height: 100%;
  top: 0;
  right: 0;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.icon-nice-arrow:after {
  height: 3px;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
}

.icon-nice-arrow--down {
  top: -3px;
}

.icon-nice-arrow--left {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  transform: rotate(225deg);
  left: 3px;
  top: 0;
}

.icon-nice-arrow--right {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  left: -3px;
  top: 0;
}

.icon-nice-arrow--light:before, .icon-nice-arrow--light:after {
  background: #fff;
}

.icon-nice-arrow--small {
  width: 12px;
  height: 12px;
}
.icon-nice-arrow--small.icon-nice-arrow--left {
  left: 2px;
}

.icon-nice-arrow--small.icon-nice-arrow--right {
  left: -2px;
}

.icon-nice-arrow--large {
  width: 20px;
  height: 20px;
}
@media (min-width: 1300px) {
  .icon-nice-arrow--large {
    width: 24px;
    height: 24px;
  }
}

/* icon triangular icon */
.icon-triangular-arrow-left {
  border-right: 12px solid #000;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  width: 0;
}

.icon-triangular-arrow-left--small {
  border-right-width: 10px;
  border-top-width: 6px;
  border-bottom-width: 6px;
}

.icon-triangular-arrow-left--large {
  border-right-width: 14px;
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.icon-triangular-arrow-left--primary {
  border-right-color: #E5E5E5;
}

.icon-triangular-arrow-left--light {
  border-right-color: #fff;
}

.icon-triangular-arrow-up {
  border-bottom: 12px solid #000;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  width: 0;
}

.icon-triangular-arrow-up--small {
  border-bottom-width: 10px;
  border-right-width: 6px;
  border-left-width: 6px;
}

.icon-triangular-arrow-up--large {
  border-bottom-width: 14px;
  border-right-width: 8px;
  border-left-width: 8px;
}

.icon-triangular-arrow-up--primary {
  border-bottom-color: #E5E5E5;
}

.icon-triangular-arrow-up--light {
  border-bottom-color: #fff;
}

.icon-triangular-arrow-right {
  border-left: 12px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  width: 0;
}

.icon-triangular-arrow-right--small {
  border-left-width: 8px;
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.icon-triangular-arrow-right--large {
  border-left-width: 14px;
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.icon-triangular-arrow-right__black {
  border-left-color: #000;
}

.icon-triangular-arrow-right--primary {
  border-left-color: #E5E5E5;
}

.icon-triangular-arrow-right--light {
  border-left-color: #fff;
}

.icon-triangular-arrow-down {
  border-top: 12px solid #E5E5E5;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  width: 0;
}

.icon-triangular-arrow-down--small {
  border-top-width: 10px;
  border-right-width: 8px;
  border-left-width: 8px;
}

.icon-triangular-arrow-down--large {
  border-top-width: 16px;
  border-right-width: 15px;
  border-left-width: 15px;
}

.icon-triangular-arrow-down--primary {
  border-top-color: #E5E5E5;
}

.icon-triangular-arrow-down--tertiary {
  border-top-color: #DFC0B9;
}

.icon-triangular-arrow-down--light {
  border-top-color: #fff;
}

/* icon cross */
.icon-plus {
  width: 22px;
  height: 22px;
  position: relative;
  overflow: hidden;
  background: url("../img/icons/icon-plus.svg") no-repeat center;
  background-size: contain;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.icon-plus--large {
  width: 26px;
  height: 26px;
}
.icon-plus--large:before {
  height: 4px;
  margin: -2px 0 0 0;
}
.icon-plus--large:after {
  width: 4px;
  margin: 0 0 0 -2px;
}

.icon-plus--large-thin {
  width: 26px;
  height: 26px;
}

.icon-plus--small {
  width: 15px;
  height: 15px;
}

.icon-plus--very-small {
  width: 12px;
  height: 12px;
}

.icon-plus--light {
  background-image: url("../img/icons/icon-plus-white.svg");
}

.icon-plus--primary:before, .icon-plus--primary:after {
  background: #E5E5E5;
}

.icon-plus--grey:before, .icon-plus--grey:after {
  background: #E1E1E1;
}

.icon-plus--rotated {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.icon-minus {
  width: 21px;
  height: 21px;
  position: relative;
  overflow: hidden;
}
.icon-minus:before {
  content: "";
  position: absolute;
  background: #000;
  display: block;
  width: 100%;
  left: 0;
  top: 50%;
  height: 3px;
  margin: -1.5px 0 0 0;
}

.icon-minus--small {
  width: 16px;
  height: 16px;
}
.icon-minus--small:before {
  height: 2px;
  margin: -1px 0 0 0;
}

.icon-minus--very-small {
  width: 12px;
  height: 12px;
}
.icon-minus--very-small:before {
  height: 2px;
  margin: -1px 0 0 0;
}

.icon-minus--light:before {
  background: #fff;
}

/* player */
.icon-play {
  border-left: 10px solid #000;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  width: 0;
  position: relative;
  left: 1px;
}
@media (min-width: 420px) {
  .icon-play {
    border-left: 16px solid #000;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }
}
@media (min-width: 768px) {
  .icon-play {
    border-left: 20px solid #000;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    left: 2px;
  }
}
@media (min-width: 1500px) {
  .icon-play {
    border-left: 26px solid #000;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    left: 3px;
  }
}

.icon-download {
  width: 18px;
  height: 18px;
}
@media (min-width: 650px) {
  .icon-download {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1500px) {
  .icon-download {
    width: 25px;
    height: 25px;
  }
}
.icon-download:before {
  background-image: url("../img/icons/icon-download-pink.svg");
}
.icon-download:after {
  background-image: url("../img/icons/icon-download-green.svg");
}

.icon-download--second-theme:before {
  background-image: url("../img/icons/icon-download-navy.svg");
}
.icon-download--second-theme:after {
  background-image: url("../img/icons/icon-download-gold.svg");
}

.icon-play--light {
  border-left-color: #fff;
}

.icon-pause {
  position: relative;
  width: 12px;
  height: 12px;
}
.icon-pause:before, .icon-pause:after {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
}
.icon-pause:before {
  left: 0;
}
.icon-pause:after {
  right: 0;
}

.icon-pause--light:before, .icon-pause--light:after {
  background: #fff;
}

.icon-square {
  position: relative;
  width: 12px;
  height: 12px;
}
.icon-square:after {
  content: "";
  display: block;
  width: 12px;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
}
.icon-square:after {
  left: 0;
}

.icon-square--light:before, .icon-square--light:after {
  background: #fff;
}

.icon-bullet {
  position: relative;
  width: 24px;
  height: 24px;
}
.icon-bullet:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  background: #E5E5E5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -3px;
}
@media (min-width: 1300px) {
  .icon-bullet:before {
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
  }
}

.icon-speaker {
  display: block;
  width: 20px;
  height: 30px;
  background-image: url("../img/icons/icon-speaker.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}

.icon-speaker--safari-mobile {
  background-image: url("../img/icons/icon-speaker-safari-mobile.svg");
  width: 36px;
}

.icon-speaker--navy {
  background-image: url("../img/icons/icon-speaker-navy.svg");
}

.icon-rectangle {
  width: 2px;
  height: 20px;
  background-color: #E5E5E5;
}
.icon-rectangle--small {
  height: 14px;
}
.icon-rectangle--height {
  height: 28px;
}

.icon-wrapper {
  padding-left: 4px;
}
.icon-wrapper button {
  display: block;
}

/** icons-end **/
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

*:focus {
  outline: none;
}

html {
  font-family: questrial, sans-serif;
  font-size: 14px;
  color: #000;
  scrollbar-color: white black;
}

body {
  font-weight: 400;
  font-family: questrial, sans-serif;
  overflow-x: hidden;
}

a {
  color: #000;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-decoration: none;
}

button {
  border: 0;
}

.nowrap {
  white-space: nowrap;
}

.line {
  display: block;
}

/***** LINKS *****/
/***** HEADERS *****/
.site-header {
  position: relative;
}
.site-header__bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /*z-index: 1000;*/
  z-index: 9999;
}
.site-header .hide {
  display: none !important;
}
.site-header .show {
  display: block !important;
}

.section-header {
  padding: 0 0 6px 0;
}
@media (min-width: 992px) {
  .section-header {
    padding: 0 0 80px 0;
  }
}
.section-header--lower-space {
  padding: 0 0 20px 0;
}
.section-header--no-padding {
  padding: 0;
}
.section-header--bottom {
  margin-top: 16%;
}
@media (min-width: 992px) {
  .section-header--bottom {
    margin-top: 20%;
  }
}
.section-header--top {
  margin-top: 0;
}
@media (min-width: 992px) {
  .section-header--top {
    /*margin-top: -35%;*/
    margin-top: -20%;
    margin-left: 25%;
  }
}
@media (min-width: 1700px) {
  .section-header--top {
    margin-top: -8%;
  }
}
.section-header--one-line {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .section-header--one-line {
    align-items: center;
    flex-direction: row;
  }
}
.section-header--bottom-line {
  align-items: center;
}
.section-header--bottom-line .section-pretitle {
  margin-bottom: -40px;
}
@media (min-width: 1100px) {
  .section-header--left-space {
    margin-left: 60px;
  }
}
.section-header--less-bottom-space {
  padding: 0 0 15px 0;
}
@media (min-width: 768px) {
  .section-header__content--left-space {
    margin-left: 180px;
  }
}
.section-header--mobile-space-above {
  margin-top: 30%;
}
@media (min-width: 992px) {
  .section-header--mobile-space-above {
    margin-top: 0;
  }
}
.section-header--mobile-space-below {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .section-header--mobile-space-below {
    margin-bottom: 0;
  }
}

.section-header--more-space {
  padding-bottom: 100px;
}
@media (min-width: 992px) {
  .section-header--more-space {
    padding-bottom: 140px;
  }
}

.section-header--flex-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.section-title {
  font-size: 40px;
  font-family: cositimes, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 768px) {
  .section-title {
    white-space: nowrap;
    font-size: 60px;
    line-height: 65px;
  }
}
@media (min-width: 1000px) {
  .section-title {
    text-align: unset;
  }
}
@media (min-width: 1300px) {
  .section-title {
    font-size: 86px;
    line-height: 86px;
  }
}
@media (min-width: 1700px) {
  .section-title {
    font-size: 100px;
    line-height: 110px;
  }
}
.section-title--color {
  color: #BEAFA6;
}
.section-title--big {
  font-size: 34px;
}
@media (min-width: 400px) {
  .section-title--big {
    font-size: 38px;
  }
}
@media (min-width: 480px) {
  .section-title--big {
    font-size: 42px;
  }
}
@media (min-width: 500px) {
  .section-title--big {
    font-size: 50px;
  }
}
@media (min-width: 768px) {
  .section-title--big {
    font-size: 90px;
  }
}
@media (min-width: 900px) {
  .section-title--big {
    font-size: 104px;
  }
}
@media (min-width: 1100px) {
  .section-title--big {
    font-size: 130px;
  }
}
@media (min-width: 1300px) {
  .section-title--big {
    font-size: 160px;
  }
}
@media (min-width: 768px) {
  .section-title {
    line-height: 80px;
  }
}
@media (min-width: 992px) {
  .section-title {
    line-height: 80px;
  }
}
@media (min-width: 1300px) {
  .section-title {
    line-height: 105px;
  }
}
@media (min-width: 1700px) {
  .section-title {
    line-height: 110px;
  }
}
.section-title--big-2 {
  font-size: 50px;
}
@media (min-width: 400px) {
  .section-title--big-2 {
    font-size: 70px;
  }
}
@media (min-width: 768px) {
  .section-title--big-2 {
    font-size: 90px;
    line-height: 96px;
  }
}
@media (min-width: 900px) {
  .section-title--big-2 {
    font-size: 98px;
    line-height: 100px;
  }
}
@media (min-width: 1100px) {
  .section-title--big-2 {
    font-size: 106px;
    line-height: 105px;
  }
}
@media (min-width: 1300px) {
  .section-title--big-2 {
    font-size: 110px;
    line-height: 110px;
  }
}
.section-title--small {
  font-size: 46px;
  color: #110D0A;
  line-height: 50px;
}
.section-title--small-title {
  font-size: 30px;
  line-height: 38px;
}
@media (min-width: 768px) {
  .section-title--small-title {
    white-space: nowrap;
    font-size: 60px;
    line-height: 65px;
  }
}
.section-title--medium {
  font-weight: 300;
  font-size: 55px;
  line-height: 70px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #000000;
}
@media (min-width: 768px) {
  .section-title--medium {
    font-size: 132px;
    line-height: 137px;
  }
}
.section-title--very-small {
  font-family: questrial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 992px) {
  .section-title--text-left {
    text-align: left;
  }
}
.section-title--underline {
  border-bottom: 2px solid #000;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 80px;
  padding-bottom: 40px;
}
.section-title--to-right {
  text-align: right;
}
@media (max-width: 992px) {
  .section-title--mobile-small-space-below {
    margin-bottom: 20px;
  }
}
.section-title__description {
  line-height: 30px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.05em;
}
@media (min-width: 550px) and (min-height: 820px) {
  .section-title__description {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 768px) {
  .section-title__description {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (min-width: 1700px) {
  .section-title__description {
    font-size: 16px;
    line-height: 26px;
  }
}
.section-title__description-inner--width-1 {
  max-width: 280px;
}
.section-title__description-inner--width-2 {
  max-width: 380px;
}
.section-title__description-inner--width-3 {
  width: 300px;
}
@media (min-width: 1700px) {
  .section-title__description-inner--width-3 {
    max-width: 330px;
  }
}
.section-title__description-inner--width-4 {
  max-width: 355px;
}
.section-title__description-inner--width-5 {
  max-width: 334px;
}
.section-title__description-inner--width-6 {
  max-width: 472px;
}
.section-title__description-inner--width-7 {
  max-width: 200px;
}
.section-title__description-inner--width-8 {
  max-width: 412px;
}
.section-title__description-inner--justify {
  text-align: justify;
}
.section-title__description--right {
  line-height: 24px;
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (min-width: 992px) {
  .section-title__description--right {
    justify-content: flex-end;
    text-align: left;
  }
}
.section-title__description--left {
  /*line-height: 24px;*/
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (min-width: 992px) {
  .section-title__description--left {
    justify-content: flex-start;
    text-align: left;
  }
}
.section-title__description--top-space-p p {
  padding-top: 20px;
}
.section-title__description--center {
  display: flex;
  justify-content: center;
  text-align: center;
}
.section-title__description--max-width {
  max-width: 550px;
}
@media (min-width: 992px) {
  .section-title__description--left-space {
    justify-content: flex-end;
  }
}
@media (min-width: 1600px) {
  .section-title__description--left-space {
    justify-content: flex-start;
    margin-left: 50%;
  }
}
@media (min-width: 992px) {
  .section-title__description--narrow {
    margin-right: 48%;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .section-title__description--narrower {
    width: 40%;
    text-align: left;
  }
}
.section-title__description--top-space {
  margin-top: 30px;
}
@media (min-width: 992px) {
  .section-title__description--top-space {
    margin-top: 50px;
  }
}
.section-title__description--bottom-space {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .section-title__description--bottom-space {
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .section-title__description--right-space {
    padding-right: 60px;
  }
}
.section-title__description--light {
  color: #fff;
}
.section-title__description--top {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.section-title--white {
  color: #fff;
}
.section-title--light {
  font-weight: 300;
}
@media (min-width: 768px) {
  .section-title--space-below {
    margin-bottom: 50px;
  }
}
.section-title--briefing {
  font-family: questrial, sans-serif;
  font-size: 30px;
  text-transform: unset;
  line-height: 35px;
  margin-top: 10px;
  text-align: left;
}
@media (min-width: 992px) {
  .section-title--briefing {
    padding-left: 25px;
    font-size: 50px;
    line-height: 62px;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .section-title--decorated {
    position: relative;
  }
  .section-title--decorated:after {
    width: 87px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 45px;
    right: -20px;
    content: "";
  }
}
@media (min-width: 992px) {
  .section-title--overlayer {
    margin-top: 45%;
  }
}
@media (min-width: 768px) {
  .section-title--two-lines {
    line-height: 100px;
  }
}
@media (min-width: 992px) {
  .section-title--two-lines {
    line-height: 140px;
  }
}
@media (min-width: 1700px) {
  .section-title--two-lines {
    line-height: 190px;
  }
}
@media (max-width: 768px) {
  .section-title--mobile-space-below {
    margin-bottom: 42%;
  }
}
@media (min-width: 1100px) and (max-width: 1300px) {
  .section-title--tablet-small {
    line-height: 84px;
    font-size: 100px;
  }
}

.section-title--hero-main {
  font-size: 56px;
  line-height: 64px;
  z-index: 2;
  display: inline-block;
}
@media (min-width: 550px) {
  .section-title--hero-main {
    font-size: 60px;
    line-height: 68px;
  }
}
@media (min-width: 768px) {
  .section-title--hero-main {
    font-size: 82px;
    line-height: 90px;
  }
}
@media (min-width: 992px) {
  .section-title--hero-main {
    font-size: 96px;
    line-height: 104px;
  }
}
@media (min-width: 1100px) {
  .section-title--hero-main {
    font-size: 104px;
    line-height: 112px;
  }
}
@media (min-width: 1300px) {
  .section-title--hero-main {
    font-size: 112px;
    line-height: 120px;
  }
}
@media (min-width: 1500px) {
  .section-title--hero-main {
    font-size: 116px;
    line-height: 124px;
  }
}
@media (min-width: 1700px) {
  .section-title--hero-main {
    font-size: 118px;
    line-height: 126px;
  }
}
@media (min-width: 1800px) {
  .section-title--hero-main {
    font-size: 130px;
    line-height: 138px;
  }
}

.site-section__description--briefing {
  text-align: left !important;
}

.section-title--mobile-medium {
  font-size: 34px;
}
@media (min-width: 550px) {
  .section-title--mobile-medium {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  .section-title--mobile-medium {
    white-space: nowrap;
    font-size: 60px;
    line-height: 65px;
  }
}

.site-section--last-section-bg {
  background-color: #F5F5F5 !important;
}

.section-subtitle {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 48px 0;
}
@media (min-width: 650px) {
  .section-subtitle {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .section-subtitle {
    padding-right: 15px;
  }
}
.section-subtitle--small {
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 650px) {
  .section-subtitle--small {
    font-size: 16px;
    line-height: 26px;
  }
}
.section-subtitle--center {
  text-align: center;
}
.section-subtitle--narrow {
  max-width: 350px;
}
.section-subtitle--wide {
  max-width: 565px;
}
@media (min-width: 650px) {
  .section-subtitle--left {
    text-align: left;
  }
}
.section-subtitle--light {
  color: #fff;
}

.case-studies--more {
  list-style: none;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .case-studies--more {
    flex-direction: row;
  }
}
.case-studies--more a:hover {
  color: #DFC0B9;
}
.case-studies--more li {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .case-studies--more li {
    margin-bottom: 0;
  }
}
.case-studies__title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
.case-studies__title--small {
  font-size: 14px;
}
@media (min-width: 1700px) {
  .case-studies__title--small {
    font-size: 16px;
  }
}

.page-title {
  font-size: 56px;
  line-height: 64px;
  font-weight: 700;
  font-family: cositimes, sans-serif;
}
@media (min-width: 480px) {
  .page-title {
    font-size: 64px;
    line-height: 72px;
  }
}
@media (min-width: 992px) {
  .page-title {
    font-size: 72px;
    line-height: 80px;
  }
}
@media (min-width: 1300px) {
  .page-title {
    font-size: 80px;
    line-height: 88px;
  }
}
@media (min-width: 1500px) {
  .page-title {
    font-size: 88px;
    line-height: 96px;
  }
}
@media (min-width: 1700px) {
  .page-title {
    font-size: 96px;
    line-height: 104px;
  }
}

.lead {
  text-align: center;
}
.lead--left {
  text-align: left;
}
.lead__content {
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .lead__content--to-right {
    display: flex;
    justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .lead__content--animated {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 768px) {
  .lead--align-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .lead--align-left {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .lead--bottom-space {
    margin-bottom: 10%;
  }
}
.lead__title {
  font-family: questrial, sans-serif;
  font-size: 16px;
  text-align: left;
  padding: 40px 0 20px 0;
  font-weight: 400;
}
@media (min-width: 1700px) {
  .lead__title {
    padding: 50px 0 30px 0;
  }
}
.lead__title--center {
  text-align: center;
  padding: 0 0 30px 0;
}
@media (min-width: 992px) {
  .lead__title--center {
    text-align: left;
  }
}
.lead__title--white {
  color: #fff;
}
.lead__description {
  font-size: 20px;
  text-align: left;
  min-height: 40px;
}
@media (min-width: 992px) {
  .lead__description {
    font-size: 24px;
  }
}
@media (min-width: 1700px) {
  .lead__description {
    font-size: 26px;
  }
}
.lead__description--big {
  font-size: 32px;
  margin-bottom: 40px;
  position: relative;
  text-align: center;
}
@media (min-width: 550px) {
  .lead__description--big {
    font-size: 38px;
  }
}
@media (min-width: 650px) {
  .lead__description--big {
    font-size: 42px;
  }
}
@media (min-width: 992px) {
  .lead__description--big {
    font-size: 50px;
    text-align: left;
  }
  .lead__description--big:before {
    height: 1px;
    width: 87px;
    position: absolute;
    top: 30px;
    left: -150px;
    background-color: #000;
    content: "";
    display: block;
  }
}
.lead__description--small {
  font-size: 24px;
  margin-bottom: 40px;
  position: relative;
  text-align: center;
  line-height: 30px;
}
@media (min-width: 500px) {
  .lead__description--small {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .lead__description--small {
    font-size: 34px;
    line-height: 42px;
  }
}
@media (min-width: 992px) {
  .lead__description--small {
    font-size: 36px;
    text-align: left;
    max-width: 450px;
  }
}
@media (min-width: 1100px) {
  .lead__description--small {
    font-size: 38px;
    line-height: 48px;
    text-align: left;
    max-width: 500px;
  }
}
@media (min-width: 1400px) {
  .lead__description--small {
    font-size: 42px;
    line-height: 50px;
  }
}
@media (min-width: 1700px) {
  .lead__description--small {
    font-size: 46px;
    max-width: 500px;
  }
}
.lead__description--white {
  color: #fff;
}
.lead__description--more {
  text-align: left;
  font-size: 16px;
  margin-top: 30px;
}
@media (min-width: 992px) {
  .lead__description--narrow {
    max-width: 70%;
  }
}
@media (min-width: 1700px) {
  .lead__description--narrow {
    max-width: 60%;
  }
}
.lead__button-container {
  padding: 28px 0 1px 0;
}
@media (min-width: 1700px) {
  .lead__button-container {
    padding-top: 36px;
  }
}
@media (min-width: 768px) {
  .lead__button-container--left {
    float: left;
  }
}
.lead__button-container--no-padding {
  padding: 0;
}
.lead__button-container--padding-exception {
  padding: 18px 0 0 0;
}
@media (min-width: 480px) {
  .lead__button-container--padding-exception {
    padding: 0;
  }
}
.lead__button-container--desktop {
  display: none;
}
@media (min-width: 992px) {
  .lead__button-container--desktop {
    display: block;
  }
}
.lead--absolute-1 {
  position: relative;
  margin-top: 200px;
}
@media (min-width: 768px) {
  .lead--absolute-1 {
    margin-top: 0;
    position: absolute;
    bottom: 110px;
    left: 80px;
  }
}
@media (min-width: 992px) {
  .lead--space-left {
    margin-left: 140px;
  }
}

.lead--space-top {
  padding-top: 280px;
}
@media (min-height: 700px) and (max-width: 992px) {
  .lead--space-top {
    padding-top: 300px;
  }
}
@media (min-height: 750px) and (max-width: 992px) {
  .lead--space-top {
    padding-top: 350px;
  }
}
@media (min-height: 800px) and (max-width: 992px) {
  .lead--space-top {
    padding-top: 370px;
  }
}
@media (min-height: 850px) and (max-width: 992px) {
  .lead--space-top {
    padding-top: 400px;
  }
}
@media (min-width: 992px) {
  .lead--space-top {
    padding-top: 0;
  }
}

.lead__title--uppercase {
  text-transform: uppercase;
}

.lead--type-01 {
  text-align: left;
}

.lead--type-03 {
  text-align: left;
  max-width: 420px;
}
.lead--type-03 .lead__content {
  margin: 0;
}
.lead--type-03 .lead__button-container {
  padding-left: 20px;
}

.subsection-header {
  position: relative;
  padding: 18px 0 32px 0;
}
@media (min-width: 420px) {
  .subsection-header {
    padding: 0 0 0 96px;
    margin: 0 0 40px 0;
  }
}
@media (min-width: 768px) {
  .subsection-header {
    margin-bottom: 30px;
  }
}
@media (min-width: 1300px) {
  .subsection-header {
    margin-bottom: 40px;
  }
}
.subsection-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 80px;
  height: 1px;
  margin: 0 0 0 -40px;
  background: #000;
}
@media (min-width: 420px) {
  .subsection-header:before {
    left: 0;
    margin: -1px 0 0 0;
    top: 50%;
  }
}

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

/* headers-end */
/***** FOOTER *****/
.site-footer {
  text-align: center;
  position: relative;
  z-index: 100;
}
@media (min-width: 768px) {
  .site-footer {
    text-align: left;
  }
}
.site-footer__main-row {
  background: #DFC0B9;
  color: #fff;
}
.site-footer__main-row * {
  color: #fff;
}
.site-footer__second-row {
  padding: 60px 0 0 0;
}
@media (min-width: 992px) {
  .site-footer__second-row {
    padding-top: 72px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 1300px) {
  .site-footer__second-row {
    align-items: center;
  }
}
.site-footer__wrapper {
  padding: 40px 0 20px 0;
}
.site-footer__inner {
  padding: 0 20px;
  max-width: 1350px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .site-footer__inner {
    padding: 0 40px;
  }
}
@media (min-width: 1700px) {
  .site-footer__inner {
    max-width: 1500px;
  }
}
.site-footer__logo-container {
  padding: 0 0 40px 0;
}
@media (min-width: 992px) {
  .site-footer__logo-container {
    padding-right: 40px;
  }
}
@media (min-width: 1100px) {
  .site-footer__logo-container {
    padding-right: 60px;
  }
}
@media (min-width: 1300px) {
  .site-footer__logo-container {
    padding-right: 80px;
  }
}
@media (min-width: 1700px) {
  .site-footer__logo-container {
    padding-right: 100px;
  }
}
.site-footer__logo {
  margin: 0 auto;
}
.site-footer__secondary-column {
  padding: 48px 0 0 0;
}
@media (min-width: 768px) {
  .site-footer__secondary-column {
    padding: 0;
  }
}
.site-footer__inner-container {
  max-width: 600px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .site-footer__inner-container {
    max-width: 100%;
  }
}
@media (min-width: 1300px) {
  .site-footer__inner-container {
    padding-right: 10%;
  }
}
@media (min-width: 650px) {
  .site-footer__inner-container > .column {
    float: left;
    width: 33.33%;
  }
}
@media (min-width: 768px) {
  .site-footer__main-column {
    float: left;
    width: 60%;
    padding: 0 40px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (min-width: 1100px) {
  .site-footer__main-column {
    width: 55%;
  }
}
@media (min-width: 768px) {
  .site-footer__secondary-column {
    float: left;
    width: 40%;
  }
}
@media (min-width: 1100px) {
  .site-footer__secondary-column {
    width: 45%;
  }
}
@media (min-width: 992px) {
  .site-footer__major-container {
    display: flex;
  }
}
.site-footer__main-container {
  width: 100%;
}
.site-footer__secondary-row {
  background: #fff;
}
.site-footer__copyright-row {
  padding: 12px 0;
}
.site-footer__logotypes-row {
  padding: 8px 0 20px 0;
}

/***** LISTS *****/
.horizontal-items > li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
}
.horizontal-items > li:first-child {
  padding-left: 0;
}
.horizontal-items > li:last-child {
  padding-right: 0;
}

.social-media {
  text-align: center;
}
@media (min-width: 768px) {
  .social-media {
    text-align: left;
  }
}
.social-media > li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px;
}
.social-media > li:first-child {
  padding-left: 0;
}
.social-media > li:last-child {
  padding-right: 0;
}

@media (max-width: 991px) {
  .social-media--vertical > li {
    display: block;
    padding: 8px 0;
  }
}

.horizontal-links {
  text-align: center;
}
@media (min-width: 992px) {
  .horizontal-links {
    text-align: left;
  }
}
.horizontal-links > li {
  padding: 8px 0;
}
@media (min-width: 650px) {
  .horizontal-links > li {
    display: inline-block;
    padding: 0 12px;
    vertical-align: middle;
    margin: 0 0 0 -4px;
  }
}
@media (min-width: 1300px) {
  .horizontal-links > li {
    padding: 0 20px;
  }
}
@media (min-width: 650px) {
  .horizontal-links > li:first-child {
    padding-left: 0;
  }
}
@media (min-width: 650px) {
  .horizontal-links > li:last-child {
    padding-right: 0;
  }
}

.std-list {
  list-style: none;
  font-size: 14px;
}
@media (min-width: 1700px) {
  .std-list {
    font-size: 16px;
  }
}
.std-list__item {
  margin-bottom: 2px;
}
@media (min-width: 992px) {
  .std-list__item {
    margin-bottom: 10px;
  }
}
.std-list__item:last-child {
  margin-bottom: 0;
}
.std-list--white {
  color: #fff;
}
@media (min-width: 992px) {
  .std-list--decorated-dots {
    position: relative;
    min-width: 230px;
  }
  .std-list--decorated-dots:before {
    position: absolute;
    left: -60%;
    top: 50%;
    transform: translateY(-50%);
    background: url("../img/decorated-dots.svg");
    background-repeat: no-repeat;
    content: "";
    height: 171px;
    width: 5px;
  }
  .std-list--decorated-dots--white:before {
    background: url("../img/decorated-dots-white.svg");
  }
  .std-list--decorated-dots--closer:before {
    left: -20%;
  }
}

.portfolio-links__items {
  list-style: none;
  font-weight: 600;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}
.portfolio-links__items > li {
  margin-right: 10px;
}
.portfolio-links__items > li a:hover {
  color: #DFC0B9;
}

.case-gallery {
  margin-left: 0px;
}
@media (min-width: 992px) {
  .case-gallery {
    margin-left: 20px;
  }
}
.case-gallery__list {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 50px 20px;
  justify-content: flex-start;
  transition: height 2s ease-in-out;
}
@media (min-width: 992px) {
  .case-gallery__list {
    gap: 50px 30px;
  }
}
.case-gallery__list-item {
  width: calc(33.333% - 20px);
}
@media (max-width: 992px) {
  .case-gallery__list-item {
    width: calc(50% - 10px);
  }
}
@media (max-width: 650px) {
  .case-gallery__list-item {
    width: 100%;
  }
}

.case-gallery-steps {
  margin-left: 20px;
}
@media (min-width: 992px) {
  .case-gallery-steps {
    margin-left: 0;
  }
}
.case-gallery-steps__list {
  list-style: none;
  /*display: flex;*/
}
.case-gallery-steps__list-item {
  /*max-width: 550px;*/
}

.case-gallery-button-container {
  display: flex;
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 30px;
}

.simple-button {
  padding: 12px 24px;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 83px;
  cursor: pointer;
}

.horizontal-carousel-container {
  color: #fff;
  overflow: hidden;
}
@media (min-width: 1100px) {
  .horizontal-carousel-container {
    margin-left: 10%;
  }
}
.horizontal-carousel-container--mobile-soace-above {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .horizontal-carousel-container--mobile-soace-above {
    margin-top: 0;
  }
}

.horizontal-carousel {
  list-style: none;
}
.horizontal-carousel--dark li {
  background: #222222;
}
.horizontal-carousel--dark li:before {
  background: rgba(34, 34, 34, 0.8);
}
.horizontal-carousel--dark .std-tile:hover {
  background: #404040;
}
.horizontal-carousel--light li {
  background: #E6E6E6;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.horizontal-carousel--light li:hover {
  background: #F5F5F5;
}
.horizontal-carousel--light li .std-tile__number, .horizontal-carousel--light li .std-tile__title, .horizontal-carousel--light li .std-tile__text {
  color: #000000;
}
.horizontal-carousel li {
  height: auto;
  width: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
@media (min-width: 1100px) {
  .horizontal-carousel li {
    height: 560px;
    background-size: cover;
  }
}
@media (min-width: 1100px) and (max-height: 800px) {
  .horizontal-carousel li {
    height: 450px;
  }
}
.std-tile {
  padding: 20px;
  line-height: 26px;
  z-index: 2;
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1400px) {
  .std-tile {
    padding: 36px;
  }
}
.std-tile__half-height {
  height: 55%;
}
.std-tile__number {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}
.std-tile__number--space-below {
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .std-tile__number--space-below {
    margin-bottom: 24px;
  }
}
.std-tile__title {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 40px;
  color: #BEAFA6;
}
@media (min-width: 992px) {
  .std-tile__title {
    font-size: 40px;
    line-height: 45px;
  }
}
@media (min-width: 1700px) {
  .std-tile__title {
    font-size: 46px;
    line-height: 56px;
  }
}
.std-tile__title--small {
  font-size: 28px;
  line-height: 30px;
}
@media (min-width: 992px) {
  .std-tile__title--small {
    font-size: 38px;
    line-height: 42px;
  }
}
.std-tile__text {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .std-tile__text {
    font-size: 16px;
    line-height: 26px;
    /*height: 250px;
    display: flex;
    align-items: flex-end;*/
  }
}

.crew-gallery {
  color: #fff;
  overflow: hidden;
}
@media (min-width: 992px) {
  .crew-gallery {
    margin-left: 10%;
  }
}
.crew-gallery__list {
  list-style: none;
}
.crew-gallery__list--dark li {
  background: #222222;
}
.crew-gallery__list--dark li .crew-content {
  opacity: 1 !important;
}
.crew-gallery__list--dark li:before {
  background: rgba(34, 34, 34, 0.8);
}
.crew-gallery li {
  height: 340px;
  width: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  margin-top: 70px;
}
@media (min-width: 992px) {
  .crew-gallery li {
    height: 560px;
    background-size: cover;
    margin-top: 0;
  }
}
@media (min-width: 992px) and (max-height: 800px) {
  .crew-gallery li {
    height: 500px;
  }
}
@media (min-width: 992px) and (max-height: 750px) {
  .crew-gallery li {
    height: 450px;
  }
}
.crew-gallery li .crew-content {
  padding: 0 50px;
  line-height: 26px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (min-width: 768px) {
  .crew-gallery li .crew-content {
    padding: 0 20px;
  }
}
@media (min-width: 1400px) {
  .crew-gallery li .crew-content {
    padding: 0 36px;
  }
}
.crew-gallery li:before {
  background-color: rgba(0, 0, 0, 0.8);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.crew-gallery li:hover:before {
  opacity: 1;
}
.crew-gallery li:hover .crew-content {
  opacity: 1;
}
.crew-gallery li a:hover {
  color: #DFC0B9;
}
.crew-content__title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  width: 100%;
}
.crew-content__subtitle, .crew-content__link {
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
  padding: 20px 0 40px 0;
}
.crew-content__subtitle--only-bottom, .crew-content__link--only-bottom {
  padding: 0 0 40px 0;
}
.crew-content__subtitle a, .crew-content__link a {
  color: #ffffff;
  display: flex;
  align-items: center;
}
.crew-content__description a {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
}

@media (min-width: 992px) {
  .contact-container {
    max-width: max-content;
  }
}
.contact-container__list {
  list-style: none;
  color: #fff;
  columns: 1;
  column-gap: 16px;
}
@media (min-width: 768px) {
  .contact-container__list {
    columns: 2;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .contact-container__list {
    column-gap: 40px;
  }
}
.contact-container__list > li {
  margin-bottom: 6px;
}
@media (min-width: 992px) {
  .contact-container__list > li {
    margin-bottom: 10px;
  }
}
.contact-container__list > li a {
  color: #fff;
}
.contact-container__list > li a:hover {
  color: #DFC0B9;
}
.contact-container--top {
  font-size: 24px;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #fff;
}
@media (min-width: 768px) {
  .contact-container--top {
    font-size: 46px;
    margin-bottom: 60px;
    padding-bottom: 60px;
  }
}
.contact-container--top a {
  line-height: 40px;
  color: #fff;
  display: block;
}
@media (min-width: 992px) {
  .contact-container--top a {
    line-height: 90px;
  }
}
.contact-container--top a:hover {
  color: #DFC0B9;
}
@media (min-width: 992px) {
  .contact-container--top {
    font-size: 70px;
  }
}
.contact-container--bottom {
  padding-bottom: 30px;
  border-bottom: 1px solid #fff;
}
@media (min-width: 480px) {
  .contact-container--bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .contact-container--bottom {
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    padding-bottom: 0;
    border-bottom: none;
  }
}

.offer-menu__list {
  list-style: none;
  text-align: left;
  color: #fff;
  height: 80vh;
  width: fit-content;
  margin-right: 15% !important;
  max-height: 90% !important;
}
.offer-menu__list-element {
  margin-bottom: 40px;
}
.offer-menu__list-element:last-child {
  margin-bottom: 0;
}
.offer-menu__list-link {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 30px;
  color: #fff;
}
@media (min-width: 992px) {
  .offer-menu__list-link {
    font-size: 34px;
    line-height: 32px;
    cursor: pointer;
  }
}
.offer-menu__list-desc {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .offer-menu__list-desc {
    font-size: 14px;
    line-height: 20px;
    max-width: 60%;
  }
}

.slide-menu {
  z-index: 9999;
}
.slide-menu__list {
  list-style: none;
  color: #fff;
  text-align: left;
  margin-bottom: 40px;
  font-size: 18px;
  margin-top: 90px;
}
@media (min-width: 992px) {
  .slide-menu__list {
    margin-top: 50px;
  }
}
.slide-menu__list > li {
  margin-bottom: 10px;
}
.slide-menu__list > li:last-child {
  margin-bottom: 0;
}
.slide-menu__list > li a {
  color: #fff;
}
.slide-menu__list > li a:hover {
  color: #DFC0B9;
}
.slide-menu__sublist {
  list-style: none;
  color: #fff;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  margin-left: 20px;
  overflow: hidden;
  height: 150px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.slide-menu__sublist > li {
  margin-bottom: 10px;
}
.slide-menu__sublist > li:last-child {
  margin-bottom: 0;
}
.slide-menu__sublist > li a {
  color: #fff;
  white-space: nowrap;
}
.slide-menu__sublist > li a:hover {
  color: #DFC0B9;
}
.slide-menu__sublist--close {
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
}
.slide-menu__contact {
  text-align: left;
  font-size: 15px;
  margin-top: 50px;
  color: #fff;
}
.slide-menu__contact a {
  display: block;
  color: #fff;
}
.slide-menu__contact a:first-child {
  margin-bottom: 10px;
  white-space: nowrap;
}
.slide-menu__contact a:hover {
  color: #DFC0B9;
}
.slide-menu__social-links {
  display: flex;
  list-style: none;
  color: #fff;
}
.slide-menu__social-links > li {
  margin-right: 10px;
  font-weight: 400;
  margin-top: 50px;
}
.slide-menu__social-links > li a {
  color: #fff;
}
.slide-menu__social-links > li a:hover {
  color: #DFC0B9;
}
.slide-menu__menu-container {
  background: #000;
  width: 100%;
  min-height: 100vh;
}
@media (min-width: 992px) {
  .slide-menu__menu-container {
    height: 100vh;
    padding: 0 12%;
  }
}
@media (min-width: 1300px) {
  .slide-menu__menu-container {
    padding: 0 12%;
  }
}
@media (min-width: 1700px) {
  .slide-menu__menu-container {
    padding: 0 18%;
  }
}
.slide-menu--left {
  display: none !important;
}
@media (min-width: 768px) {
  .slide-menu--left {
    display: table-cell !important;
    padding-left: 80px !important;
    width: 60% !important;
  }
}
@media (min-width: 1100px) {
  .slide-menu--left {
    padding-left: 20px !important;
    width: 100% !important;
  }
}
.slide-menu--right {
  padding-right: 20px;
  position: relative;
  padding-left: 12%;
}
@media (min-width: 768px) {
  .slide-menu--right {
    padding-left: 0;
  }
}
.slide-menu--link {
  color: #fff;
  position: absolute;
  top: 40px;
  left: 47px;
  white-space: nowrap;
  font-size: 18px;
}
@media (min-width: 768px) {
  .slide-menu--link {
    left: -55px;
    top: 90px;
  }
}
.slide-menu--link:before {
  background-image: url("../img/icons/arrows-back-white.svg");
  background-position: right;
  background-repeat: no-repeat;
  display: inline-block;
  content: "";
  width: 45px;
  height: 15px;
  transform: rotate(180deg);
  margin-right: 10px;
}
.slide-menu--link:hover {
  color: #DFC0B9;
}
.slide-menu--open + .site-wrapper .language-switch {
  display: none !important;
}
.slide-menu--open + .site-wrapper #menu-button-light, .slide-menu--open + .site-wrapper #menu-button {
  display: none !important;
}
.slide-menu .mCSB_scrollTools {
  left: auto !important;
  right: 0 !important;
}

.toogle-submenu {
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.toogle-submenu:hover {
  color: #DFC0B9;
}

/***** PICTURES *****/
.logo, .logo-festival, .logo-jwg {
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  display: block;
  text-indent: -100000px;
  text-align: left;
}

.logo-jwg {
  background-image: url("../img/logo-jwg.svg");
  width: 146px;
  height: 35px;
}
@media (min-width: 550px) {
  .logo-jwg {
    width: 154px;
    height: 37px;
  }
}
@media (min-width: 650px) {
  .logo-jwg {
    width: 171px;
    height: 41px;
  }
}
@media (min-width: 1500px) {
  .logo-jwg {
    width: 190px;
    height: 46px;
  }
}

.logo-jwg--light {
  background-image: url("../img/logo-jwg-light.svg");
}

.logo-festival {
  background-image: url("../img/logo-festival.svg");
  width: 188px;
  height: 50px;
}
@media (min-width: 1700px) {
  .logo-festival {
    width: 240px;
    height: 62px;
  }
}

.picture-container {
  padding-bottom: 58%;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
}
.picture-container--vertical {
  height: 245px;
  width: auto !important;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .picture-container--vertical {
    height: auto;
    margin: 0;
  }
}
.picture-container--full-height {
  padding-bottom: 100%;
  background-position: center;
}
@media (min-width: 600px) {
  .picture-container--full-height {
    padding-bottom: 60%;
    background-position: center;
  }
}
@media (min-width: 992px) {
  .picture-container--full-height {
    padding-bottom: 100%;
    background-position: top right;
  }
}
.case-study__image {
  max-height: 650px;
}

.picture-container-background {
  position: absolute;
  top: 0;
  background-size: contain;
  background-repeat: no-repeat;
  width: 65vw;
  height: 65vw;
  z-index: -1;
}
@media (min-width: 992px) {
  .picture-container-background {
    width: 35vw;
    height: 25vw;
  }
}
.picture-container-background--background-position-1 {
  left: 20%;
  top: 1%;
}
@media (min-width: 992px) {
  .picture-container-background--background-position-1 {
    left: 5%;
    top: 30%;
  }
}
.picture-container-background--background-position-2 {
  left: calc(50% - 15vw);
  top: 10%;
  width: 31vw;
  height: 50vw;
}
@media (min-width: 992px) {
  .picture-container-background--background-position-2 {
    width: 36vw;
    height: 26vw;
    left: 35%;
    top: 5%;
  }
}
.picture-container-background--background-position-3 {
  left: 20%;
  top: 1%;
}
@media (min-width: 992px) {
  .picture-container-background--background-position-3 {
    left: 57%;
    top: 25%;
    width: 14vw;
    height: 31vw;
  }
}
@media (min-width: 1700px) {
  .picture-container-background--background-position-3 {
    width: 12vw;
    height: 27vw;
  }
}
.picture-container-background--background-position-4 {
  left: 20%;
  top: 1%;
  width: 20vw;
  height: 20vw;
}
@media (min-width: 992px) {
  .picture-container-background--background-position-4 {
    left: 32%;
    top: 10%;
  }
}
.picture-container-background--background-position-5 {
  left: 20%;
  top: 1%;
  width: 17vw;
  height: 17vw;
}
@media (min-width: 992px) {
  .picture-container-background--background-position-5 {
    left: 34%;
    top: 18%;
  }
}
@media (min-width: 1700px) {
  .picture-container-background--background-position-5 {
    top: 10%;
  }
}
.picture-container-background--background-position-6 {
  left: calc(50% - 15vw);
  top: 19%;
  width: 30vw;
  height: 49vw;
}
@media (min-width: 992px) {
  .picture-container-background--background-position-6 {
    width: 22vw;
    height: 36vw;
    left: 15%;
    top: 24%;
  }
}
.picture-case-container {
  padding-bottom: 66%;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
}

.picture--ful-width {
  width: 100%;
}
.picture--two-in-one-row {
  width: 45%;
}
.picture--two-in-one-row:first-child {
  margin-right: 26px;
}
.picture--three-in-one-row {
  width: 90%;
  /*margin-right: 30px;*/
}

.video--ful-width {
  width: 100%;
  max-height: 600px;
  object-fit: cover;
}

/***** TEXT *****/
.bounded-section {
  max-width: 1000px;
}

.failure {
  color: #DB2B39;
}

.text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}
@media (min-width: 1700px) {
  .text {
    font-size: 18px;
    line-height: 26px;
  }
}
.text h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  padding: 26px 0 16px 0;
  margin: 0;
}
@media (min-width: 768px) {
  .text h3 {
    font-size: 22px;
    line-height: 26px;
  }
}
@media (min-width: 900px) {
  .text h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .text h3 {
    font-size: 26px;
    line-height: 30px;
  }
}
@media (min-width: 1700px) {
  .text h3 {
    font-size: 30px;
    padding: 32px 0 8px 0;
  }
}
.text h3:first-child {
  padding-top: 0;
}
.text p {
  padding: 5px 0;
  padding-left: 18px;
}
@media (min-width: 992px) {
  .text p {
    padding-left: 20px;
  }
}
@media (min-width: 1100px) {
  .text p {
    padding-left: 28px;
  }
}
.text p:first-child {
  padding-top: 0;
}
.text p:last-child {
  padding-bottom: 0;
}
.text img {
  width: auto;
  display: block;
}
.text ul,
.text ol {
  padding: 0 0 16px 20px;
}
@media (min-width: 992px) {
  .text ul,
  .text ol {
    padding: 0 0 16px 24px;
  }
}
@media (min-width: 1100px) {
  .text ul,
  .text ol {
    padding: 0 0 16px 28px;
  }
}
.text ul > li,
.text ol > li {
  padding: 2px 0 2px 16px;
  position: relative;
}
@media (min-width: 1700px) {
  .text ul > li,
  .text ol > li {
    padding: 3px 0 3px 20px;
  }
}
.text ul > li {
  list-style: none;
}
.text ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (min-width: 1700px) {
  .text ul > li:before {
    top: 14px;
  }
}
.text ol {
  counter-reset: stdCounter;
}
.text ol > li {
  padding: 3px 0 3px 28px;
}
@media (min-width: 1700px) {
  .text ol > li {
    padding: 5px 0 5px 32px;
  }
}
.text ol > li:before {
  content: counters(stdCounter, ".") ".";
  counter-increment: stdCounter;
  width: 20px;
  text-align: right;
  top: 3px;
  position: absolute;
  left: 0;
}
@media (min-width: 1700px) {
  .text ol > li:before {
    width: 24px;
    top: 5px;
  }
}
.text ol > li::marker {
  content: "";
}
.text ol > li > ol {
  counter-reset: stdCounterInner;
}
.text ol > li > ol > li:before {
  content: counters(stdCounterInner, ".", lower-latin) ")";
  counter-increment: stdCounterInner;
}

.text--large {
  font-size: 18px;
  line-height: 26px;
}
@media (min-width: 1300px) {
  .text--large {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 1700px) {
  .text--large {
    font-size: 24px;
    line-height: 32px;
  }
}

.text--small {
  font-size: 14px;
  line-height: 22px;
}
@media (min-width: 1700px) {
  .text--small {
    font-size: 16px;
    line-height: 24px;
  }
}

.text--independent {
  text-align: center;
  max-width: 460px;
  margin: 0 auto;
}

.section-pretitle {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 768px) {
  .section-pretitle {
    font-size: 18px;
    text-align: left;
  }
}
.section-pretitle--left-decoration {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #FFFFFF;
  position: relative;
}
@media (min-width: 768px) {
  .section-pretitle--left-decoration {
    padding-bottom: 0 !important;
    margin-left: 110px;
  }
  .section-pretitle--left-decoration:before {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 88px;
    top: 50%;
    left: -100px;
    background-color: #FFFFFF;
  }
}
@media (min-width: 1700px) {
  .section-pretitle--left-decoration {
    margin-left: 160px;
  }
  .section-pretitle--left-decoration:before {
    left: -180px;
  }
}
.section-pretitle--left-big-decoration {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #FFFFFF;
  position: relative;
}
@media (min-width: 768px) {
  .section-pretitle--left-big-decoration {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 0 !important;
    margin-left: 200px;
  }
  .section-pretitle--left-big-decoration:before {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 150px;
    top: 50%;
    left: -180px;
    background-color: #FFFFFF;
  }
}
.section-pretitle--black, .section-pretitle--dark {
  color: #000;
}
@media (min-width: 768px) {
  .section-pretitle--black.section-pretitle--left-decoration:before, .section-pretitle--black.section-pretitle--left-big-decoration:before, .section-pretitle--dark.section-pretitle--left-decoration:before, .section-pretitle--dark.section-pretitle--left-big-decoration:before {
    background-color: #000000 !important;
  }
}
@media (min-width: 768px) {
  .section-pretitle--decorated:before {
    width: 60px;
    height: 1px;
    background-color: #fff;
    content: "";
    display: inline-block;
    vertical-align: super;
    margin: 0 50px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .section-pretitle--decorated:before {
    width: 87px;
    margin: 0 100px;
  }
}
@media (min-width: 992px) {
  .section-pretitle--narrow {
    font-size: 14px;
  }
  .section-pretitle--narrow:before {
    margin: 0 20px;
    width: 50px;
  }
}
@media (min-width: 1300px) {
  .section-pretitle--narrow {
    padding-bottom: 36px;
  }
  .section-pretitle--narrow:before {
    margin: 0 20px;
    width: 50px;
  }
}
@media (min-width: 1700px) {
  .section-pretitle--narrow {
    font-size: 18px;
  }
  .section-pretitle--narrow:before {
    margin: 0 60px;
    width: 90px;
  }
}
@media (min-width: 992px) {
  .section-pretitle--less-narrow {
    font-size: 14px;
  }
  .section-pretitle--less-narrow:before {
    margin: 0 40px;
    width: 60px;
  }
}
@media (min-width: 1300px) {
  .section-pretitle--less-narrow:before {
    margin: 0 70px;
    width: 70px;
  }
}
@media (min-width: 1700px) {
  .section-pretitle--less-narrow {
    font-size: 18px;
  }
  .section-pretitle--less-narrow:before {
    margin: 0 60px;
    width: 90px;
  }
}
.section-pretitle--bottom-space {
  margin-bottom: 30px;
}
@media (min-width: 1700px) {
  .section-pretitle--bottom-space {
    margin-bottom: 50px;
  }
}
.section-pretitle--top-space {
  margin-top: 30px;
}
@media (min-width: 992px) {
  .section-pretitle--top-space {
    margin-top: 0;
  }
}
.section-pretitle--to-top {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .section-pretitle--to-top {
    margin-top: -30px;
  }
}
.section-pretitle--bottom-more-space {
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .section-pretitle--left {
    text-align: left;
  }
}
.section-pretitle--small {
  font-size: 16px;
}
.section-pretitle--center {
  text-align: center;
}
@media (min-width: 768px) {
  .section-pretitle--box {
    max-width: 190px;
  }
}
.section-pretitle--big {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
}
@media (min-width: 992px) {
  .section-pretitle--big {
    font-size: 24px;
    line-height: 30px;
  }
}
.section-pretitle--space-below-mobile {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .section-pretitle--space-below-mobile {
    margin-top: 0;
  }
}
.section-pretitle--more-narrow {
  max-width: 290px;
}

.section-pretitle-description {
  list-style: none;
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.05em;
  color: #fff;
  margin-top: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .section-pretitle-description {
    font-size: 16px;
    line-height: 30px;
    margin-top: 44px;
  }
}
@media (min-width: 1700px) {
  .section-pretitle-description {
    font-size: 18px;
    line-height: 32px;
  }
}
.section-pretitle-description > li {
  cursor: pointer;
}
@media (min-width: 768px) {
  .section-pretitle-description:before {
    content: "";
    width: 130px;
    height: 1px;
    background-color: #fff;
    display: block;
    position: absolute;
    left: -155px;
    top: 13px;
  }
}
@media (min-width: 1700px) {
  .section-pretitle-description:before {
    width: 196px;
    left: -220px;
  }
}
.section-pretitle-description--left-space {
  margin-left: 180px;
}

/***** CONTAINERS *****/
.site-wrapper {
  margin: 0 auto;
}

.site-section {
  overflow: hidden;
  background-color: #ffffff;
}
.site-section--video-background {
  background-color: transparent;
}
.site-section--overflow {
  overflow: initial;
}
.site-section--bottom {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.site-bar {
  transition: all 0.3s ease-in-out;
}
.site-bar__wrapper {
  padding-top: 20px;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .site-bar__wrapper {
    padding-top: 70px;
  }
}
.site-bar__inner {
  padding: 0 20px;
  /*max-width: 1350px;*/
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .site-bar__inner {
    /*padding: 0 65px;
    max-width: 1350px*/
    padding: 0 40px;
    width: 90%;
  }
}
@media (min-width: 1700px) {
  .site-bar__inner {
    /*padding: 0 145px;
    max-width: 1560px;*/
  }
}
.site-bar__overlayer-top {
  display: flex;
  flex-direction: revert;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .site-bar__overlayer-top {
    justify-content: space-between;
  }
}
.site-bar__logo-container {
  float: left;
}
.site-bar__back {
  float: right;
  font-size: 16px;
  display: flex;
  align-items: center;
  padding-left: 60px;
  margin-right: 80px;
  margin-top: 5px;
  background-image: url("../img/icons/arrows-back.svg");
  background-position: left;
  background-repeat: no-repeat;
  animation: mover-x 1s infinite alternate;
}
.site-bar__back--white {
  background-image: url("../img/icons/arrows-back-white.svg");
  color: #fff;
}
.site-bar__back--breadcrumbs {
  display: none;
}
@media (min-width: 768px) {
  .site-bar__back--breadcrumbs {
    position: absolute;
    display: block;
    left: 75px;
    top: 160px;
  }
}
.site-bar__back--left {
  display: none;
}
@media (min-width: 768px) {
  .site-bar__back--left {
    position: absolute;
    display: block;
    left: 100px;
    top: 160px;
  }
}
.site-bar__side-container {
  float: right;
}
@media (min-width: 992px) {
  .site-bar__side-container {
    display: flex;
    margin-top: 3px;
  }
}
.site-bar__side-container--light .language-switch, .site-bar__side-container--light .language-switch a {
  color: #fff;
}
.site-bar__text {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.05em;
  color: #000000;
}
@media (min-width: 992px) {
  .site-bar__text {
    font-size: 18px;
    line-height: 38px;
  }
}
@media (min-width: 1700px) {
  .site-bar__text {
    font-size: 24px;
    line-height: 40px;
  }
}
.site-bar__text--color {
  color: #B78E78;
}
.site-bar--overlayer {
  width: 100vw;
}
@media (min-width: 992px) {
  .site-bar--overlayer {
    width: 100%;
  }
}

.site-bar__wrapper--scroll {
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .site-bar__wrapper--scroll {
    padding-top: 40px;
  }
}

.site-bar__inner--scroll {
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .site-bar__inner--scroll {
    padding: 0;
  }
}

.std-simple-bookmark {
  display: inline-block;
  font-family: cositimes, sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding: 0 0 13px 0;
  position: relative;
}
.std-simple-bookmark:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #E5E5E5;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.std-simple-bookmark.active:before {
  height: 9px;
}

.std-dropdown {
  width: 260px;
}
.std-dropdown__icon {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  margin: -2px 0 0 0;
}
.std-dropdown__list-container {
  background: #fff;
  padding: 10px 0;
  -webkit-box-shadow: -3px 6px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -3px 6px 20px rgba(0, 0, 0, 0.1);
  box-shadow: -3px 6px 20px rgba(0, 0, 0, 0.1);
}

.std-dropdown-item input:checked ~ .std-dropdown-item__wrapper {
  background: #E5E5E5;
}
.std-dropdown-item__wrapper {
  padding: 8px 20px;
  font-size: 16px;
}

.simple-carousel {
  position: relative;
  overflow: hidden;
}
.simple-carousel__wrapper {
  padding: 20px 0;
  position: relative;
  z-index: 4;
}
.simple-carousel__inner {
  padding: 0 20px;
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 1500px) {
  .simple-carousel__inner {
    max-width: 1200px;
  }
}
.video {
  display: block;
  position: relative;
  padding-bottom: 56.75%;
  height: 0;
  margin: 0 auto;
}
.video iframe,
.video video {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.video--flat {
  padding-bottom: 42%;
}

.video-with-cover {
  position: relative;
}
.video-with-cover__cover {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  cursor: pointer;
}

.bottom-navigation {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .bottom-navigation {
    margin-top: 0;
  }
}
.bottom-navigation__wrapper {
  position: absolute;
  bottom: 50px;
}
@media (min-width: 768px) {
  .bottom-navigation__wrapper {
    bottom: 70px;
  }
}
@media (min-width: 1300px) and (max-height: 850px) {
  .bottom-navigation__wrapper {
    bottom: 30px;
  }
}
.bottom-navigation__wrapper--flex {
  display: flex;
  width: 90%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .bottom-navigation__wrapper--flex {
    align-items: baseline;
    justify-content: space-between;
    flex-direction: row;
    width: 90%;
  }
}
.bottom-navigation__inner {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.bottom-navigation__inner--center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.bottom-navigation__inner--go-top {
  position: absolute;
  right: 0;
  bottom: -40px;
}
@media (min-width: 992px) {
  .bottom-navigation__inner--go-top {
    right: 50%;
    bottom: 0;
    transform: translateX(50%);
  }
}
.bottom-navigation__inner--v-center {
  align-items: center;
}
.bottom-navigation__number:after {
  content: "/";
  padding: 0 30px;
}
.bottom-navigation__label:hover {
  color: #DFC0B9;
  cursor: pointer;
}
.bottom-navigation--light {
  color: #fff;
}
.bottom-navigation--light .bottom-navigation__label {
  color: #fff;
}
.bottom-navigation--light .bottom-navigation__label:hover {
  color: #DFC0B9;
  cursor: pointer;
}
.bottom-navigation__social-links {
  list-style: none;
  display: flex;
  margin-bottom: 20px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .bottom-navigation__social-links {
    margin-bottom: 0;
  }
}
.bottom-navigation__social-links > li {
  margin-right: 10px;
}
.bottom-navigation__social-links > li a {
  color: #fff;
}
.bottom-navigation__social-links > li a:hover {
  color: #DFC0B9;
}

.bottom-navigation--panorama-slider {
  position: absolute;
  left: 50%;
  bottom: -20px;
}

.bottom-navigation--3 .bottom-navigation__wrapper {
  bottom: 50px;
}
@media (min-width: 768px) {
  .bottom-navigation--3 .bottom-navigation__wrapper {
    bottom: 40px;
  }
}

.bottom-navigation--11 .bottom-navigation__wrapper {
  bottom: 50px;
}
@media (min-width: 768px) {
  .bottom-navigation--11 .bottom-navigation__wrapper {
    bottom: 30px;
  }
}

.bottom-navigation__wrapper--hide {
  display: none;
}
@media (min-width: 1300px) {
  .bottom-navigation__wrapper--hide {
    display: block;
  }
}

.created-by {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .created-by {
    margin-top: 0;
  }
}

.contact-container {
  color: #fff;
}

.next-section {
  background: url("../img/icons/arrows-down.svg");
  height: 45px;
  width: 15px;
  content: "";
  cursor: pointer;
  display: block;
  animation: mover 1s infinite alternate;
  margin: 0 auto;
  margin-top: 50px;
}
@media (min-width: 992px) {
  .next-section {
    margin: 0;
  }
}
.next-section--white {
  background: url("../img/icons/arrows-down-white.svg");
}
@media (min-width: 992px) {
  .next-section--to-right {
    margin: auto 0 0 auto;
  }
}

/** containers-end **/
/***** MENU *****/
.menu-toggler-container {
  cursor: pointer;
}

#menu-toggler {
  position: fixed;
  top: 41px;
  right: 20px;
  z-index: 9000;
}
@media (min-width: 768px) {
  #menu-toggler {
    top: 36px;
    right: 130px;
  }
}
@media (min-width: 992px) {
  #menu-toggler {
    position: relative;
    top: 16px;
    right: 20px;
  }
}

@media (min-width: 992px) {
  .menu {
    text-align: left;
  }
}
.menu__core {
  list-style-type: none;
}
.menu__core > li {
  display: block;
  padding: 6px 0;
}
@media (min-width: 768px) {
  .menu__core > li:first-child {
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .menu__core > li:last-child {
    padding-bottom: 0;
  }
}

.menu--large .menu__core > li {
  padding: 12px 0;
}
@media (min-width: 1300px) {
  .menu--large .menu__core > li {
    padding: 16px 0;
  }
}

.menu-item {
  color: #000;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.menu-item:hover, .menu-item:focus {
  color: #DFC0B9;
}

.menu-item--large {
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 1300px) {
  .menu-item--large {
    font-size: 20px;
  }
}

.menu-item--light {
  color: #fff;
}
.menu-item--light:hover, .menu-item--light:focus {
  color: #E5E5E5;
}

.menu-item--contrast {
  color: #000;
}
.menu-item--contrast:hover, .menu-item--contrast:focus {
  color: #fff;
}

@media (min-width: 650px) {
  .menu-groups {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 650px) {
  .menu-groups__item {
    padding: 0 20px;
  }
}
@media (min-width: 1300px) {
  .menu-groups__item {
    padding: 0 40px;
  }
}
.menu-groups__item:first-child {
  padding-left: 0;
}
.menu-groups__item:last-child {
  padding-right: 0;
}

/* menu-end */
/***** FORMS *****/
.form {
  /*max-width: 320px;*/
  margin: 0 auto;
  /*@media (min-width: $rwd-768) {
      margin: 0;
      max-width: 500px;
  }

  @media (min-width: $rwd-1300) {
      max-width: 500px;
  }*/
}
.form__wrapper {
  border: 0;
  display: block;
}
.form__header {
  padding: 0 0 16px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .form__header {
    text-align: left;
  }
}
.form__button-row-button-container {
  text-align: center;
  padding: 20px 0 0 0;
}
@media (min-width: 768px) {
  .form__button-row-button-container {
    text-align: left;
  }
}
@media (min-width: 1300px) {
  .form__button-row-button-container {
    padding: 0;
  }
}
@media (min-width: 1300px) {
  .form__button-row {
    display: flex;
    align-items: flex-end;
  }
}
@media (min-width: 1300px) {
  .form__button-row-field {
    padding: 0 16px 0 0;
    width: 265px;
  }
}
@media (min-width: 1700px) {
  .form__button-row-field {
    padding-right: 24px;
  }
}
.form__info-container {
  padding: 20px 0 0 0;
}
.form__field-container {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .form__field-container--narrow {
    padding-left: 25px;
    max-width: 200px;
  }
}

.form-field {
  display: block;
}
.form-field__core {
  display: block;
  padding: 13px 0;
  width: 100%;
  margin: 0;
  -webkit-appearance: none;
  border: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  position: relative;
  font-size: 14px;
  text-align: left;
  z-index: 5;
  font-family: questrial, sans-serif;
  font-weight: 400;
  background: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .form-field__core {
    text-align: left;
    padding: 20px 0 10px 0;
  }
}
@media (min-width: 992px) {
  .form-field__core {
    width: 90%;
  }
}
.form-field__core:focus, .form-field__core:hover {
  /*border-color: $primary-color;*/
}
.form-field__core--textarea {
  height: 470px;
  border: 1px solid #000;
  color: #000;
  padding: 30px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .form-field__core--textarea {
    margin-bottom: 0;
  }
}
.form-field__core--textarea-light {
  height: 200px;
  border: 1px solid #fff;
  color: #fff;
}
.form-field__core:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #000 inset;
  -webkit-text-fill-color: #fff;
}
.form-field__core--arrow {
  background: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-position: right 20px;
}
.form-field__core--space-left {
  margin-left: 55px;
}
.form-field__core--set-width {
  min-width: 190px;
}
.form-field__core::-webkit-input-placeholder {
  color: #000;
  font-weight: 400;
  opacity: 1;
  text-align: left;
}
@media (min-width: 768px) {
  .form-field__core::-webkit-input-placeholder {
    text-align: left;
  }
}
.form-field__core:-moz-placeholder {
  color: #000;
  font-weight: 400;
  opacity: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .form-field__core:-moz-placeholder {
    text-align: left;
  }
}
.form-field__core::-moz-placeholder {
  color: #000;
  font-weight: 400;
  opacity: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .form-field__core::-moz-placeholder {
    text-align: left;
  }
}
.form-field__core:-ms-input-placeholder {
  color: #000;
  font-weight: 400;
  opacity: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .form-field__core:-ms-input-placeholder {
    text-align: left;
  }
}
.form-field__core--light::-webkit-input-placeholder {
  color: #fff;
}
.form-field__core--light:-moz-placeholder {
  color: #fff;
}
.form-field__core--light::-moz-placeholder {
  color: #fff;
}
.form-field__core--light:-ms-input-placeholder {
  color: #fff;
}
.form-field.error .form-field__core {
  border-color: #DB2B39;
}
.form-field__title {
  color: #fff;
  font-weight: 400;
  font-size: 20px;
}
.form-field input[type=time]::-webkit-calendar-picker-indicator {
  background: none;
}

.form-field--light .form-field__core {
  color: #fff;
  border-color: #fff;
}
.form-field--light .form-field__core::-webkit-input-placeholder {
  color: #fff;
}
.form-field--light .form-field__core:-moz-placeholder {
  color: #fff;
}
.form-field--light .form-field__core::-moz-placeholder {
  color: #fff;
}
.form-field--light .form-field__core:-ms-input-placeholder {
  color: #fff;
}

.single-checkbox {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .single-checkbox {
    margin-bottom: 50px;
  }
}
.single-checkbox__inner {
  display: flex;
  flex-direction: row;
}
.single-checkbox__field-container {
  margin-right: 10px;
  margin-top: -2px;
  /*width: 75%;*/
}
.single-checkbox__description {
  margin-left: 50px;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 14px;
}
@media (min-width: 992px) {
  .single-checkbox__description {
    font-size: 20px;
  }
}
.single-checkbox__description--white {
  color: #fff;
}
.single-checkbox__description--white a {
  color: #fff;
  text-decoration: underline;
}
.single-checkbox__description--more {
  font-size: 15px;
  margin-left: 50px;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .single-checkbox__description--more {
    margin-top: 20px;
  }
}
.single-checkbox--small .single-checkbox__description {
  margin-left: 30px;
}
.single-checkbox--small .single-checkbox__description {
  font-size: 14px;
}
.single-checkbox--small .choice-field__wrapper {
  width: 16px;
  height: 16px;
}
.single-checkbox--small .choice-field__inner {
  width: 16px;
  height: 16px;
}

.single-checkbox__field-container--full-width {
  width: 100%;
}

.form-field__core--no-space-mobile {
  margin-left: 0;
}
@media (min-width: 992px) {
  .form-field__core--no-space-mobile {
    margin-left: 55px;
  }
}

.single-checkbox__description--no-space-mobile {
  margin-left: 0;
}
@media (min-width: 992px) {
  .single-checkbox__description--no-space-mobile {
    margin-left: 50px;
  }
}

.choice-field {
  display: flex;
  cursor: pointer;
  align-items: flex-start;
}
.choice-field.error .choice-field__wrapper {
  border-color: #DB2B39;
}
.choice-field.error .single-checkbox__description {
  color: #DB2B39;
}
.choice-field.error a {
  color: #DB2B39 !important;
}
.choice-field__wrapper {
  padding: 0;
  border: 1px solid #fff;
  border-radius: 0%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
  width: 22px;
  height: 22px;
  position: absolute;
}
.choice-field__wrapper--square {
  border-radius: 0;
}
.choice-field__inner {
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 0%;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: absolute;
  top: -2px;
  left: -2px;
  /*&:after {
      background: url('../img/icons/icon-choice-field.svg');
      position: absolute;
      top: 0;
      left: 0;
      height: 29px;
      width: 29px;
      display: block;
      content: '';
  }*/
}
.choice-field__inner--square {
  border-radius: 0;
}
.choice-field--light .choice-field__inner {
  background: #DFC0B9;
  border: 1px solid #DFC0B9;
}
.choice-field--light .choice-field__wrapper {
  border: 1px solid #000;
}

.choice-field input {
  width: 0;
  height: 0;
  display: none;
}
.choice-field input:checked ~ .choice-field__wrapper .choice-field__inner {
  opacity: 1;
}

.dropdown__list-container {
  margin-top: 2px;
}
.dropdown-item__description {
  color: #000;
}
.dropdown__header {
  margin-bottom: 0;
}
.dropdown__title {
  color: #E9187C;
}
.dropdown__title--selected {
  color: #000;
}
.dropdown__list > li {
  display: block;
}

/***** BUTTONS *****/
.button-container {
  text-align: center;
  padding: 48px 0 0 0;
}

.button-container--type-01 {
  padding: 30px 0 0 0;
}
@media (min-width: 768px) {
  .button-container--type-01 {
    text-align: left;
  }
}

@media (min-width: 420px) {
  .button-container--type-02 {
    text-align: right;
  }
}

.button-wrapper {
  display: inline-block;
  position: relative;
}
.button-wrapper__inner {
  position: relative;
}
.button-wrapper__spinner {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  padding: 0 0 0 10px;
  -webkit-transform: translateZ(0);
  z-index: 2;
  text-align: center;
}

.button {
  clear: both;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 -3px;
  padding: 0;
  cursor: pointer;
  font-weight: 400;
  color: #DFC0B9;
  font-size: 16px;
  font-family: questrial, sans-serif;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: none;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  white-space: nowrap;
  letter-spacing: 1px;
}
@media (min-width: 1700px) {
  .button {
    font-size: 16px;
  }
}
.button--bottom-center {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
}
.button__wrapper {
  padding: 16px 60px;
  position: relative;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border: 1px solid #DFC0B9;
  border-radius: 83px;
  margin-left: 4px;
}
.button__wrapper:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 2;
  /*background: $secondary-color;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 83px;
}
.button__wrapper:after {
  content: "";
  display: block;
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  /*background: $primary-color;*/
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: 83px;
}
.button--black {
  color: #fff;
  font-size: 12px;
}
.button--black .button__wrapper {
  padding: 12px 30px;
  border-color: #000;
}
.button--black .button__wrapper:before {
  background: #000;
}
.button--white {
  color: #000;
  font-size: 12px;
}
.button--white .button__wrapper {
  padding: 12px 30px;
  border-color: #fff;
}
.button--white .button__wrapper:before {
  background: #fff;
}
.button--stroke {
  color: #000;
  font-size: 12px;
  min-width: 105px;
}
.button--stroke .button__wrapper {
  padding: 10px 30px;
  border-color: #000;
}
@media (min-width: 768px) {
  .button--stroke .button__wrapper {
    padding: 12px 30px;
  }
}
.button--stroke:hover {
  color: #fff;
}
.button--stroke:hover .button__wrapper {
  background: #000;
}
.button--light-stroke {
  color: #fff;
  font-size: 12px;
  padding-top: 14px;
}
@media (min-width: 480px) {
  .button--light-stroke {
    padding-top: 0;
  }
}
.button--light-stroke .button__wrapper {
  padding: 16px 40px;
  border-color: #fff;
}
.button--light-stroke:hover {
  color: #000;
}
.button--light-stroke:hover .button__wrapper {
  background: #fff;
}
.button--light {
  color: #fff;
}
.button--light .button__wrapper {
  border-color: #DFC0B9;
}
.button--light .button__wrapper:before {
  background: #DFC0B9;
}
.button__inner {
  position: relative;
  z-index: 10;
}
.button:hover .button__wrapper:after {
  top: 0;
}
.button--desktop-only {
  display: none;
}
@media (min-width: 992px) {
  .button--desktop-only {
    display: block;
  }
}
@media (min-width: 992px) {
  .button--right-60 {
    margin-right: 60px;
  }
}
@media (min-width: 992px) {
  .button--left-25 {
    padding-left: 25px;
  }
}
.button--top-space {
  margin-top: 30px;
}
.button--more-top-space {
  margin-top: 90px;
}
.button--center-mobile {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .button--center-mobile {
    display: inline-block;
  }
}
.button--center-mobile .button__wrapper {
  margin: 0;
}
.button--center {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .button--liquid-to-left {
    margin-left: -76px;
  }
}

/*.button--light {
    color: $dark-color;

    .button__wrapper {
        &:before {
            background: $light-color;
        }
    }
}*/
.button--stroke.button--light {
  color: #fff;
}
.button--stroke.button--light .button__wrapper:before {
  border: 1px solid #fff;
  background: none;
}
.button--stroke.button--light .button__wrapper:after {
  background: #fff;
}
.button--stroke.button--light:hover, .button--stroke.button--light:focus {
  color: #DFC0B9;
}

.button--full-width {
  display: block;
}

/***** ICONS *****/
.icon-action, .icon-instagram, .icon-youtube, .icon-facebook {
  width: 21px;
  height: 21px;
}

.icon-action--large, .icon-instagram--large, .icon-youtube--large, .icon-facebook--large {
  width: 28px;
  height: 28px;
}

@media (min-width: 1700px) {
  .icon-action--enlarging {
    width: 26px;
    height: 26px;
  }
}

.icon-facebook:before {
  background-image: url("../img/icons/small-icons/icon-facebook.svg");
}
.icon-facebook:after {
  background-image: url("../img/icons/small-icons/icon-facebook.svg");
}

.icon-facebook.icon-action--light:before,
.icon-facebook.icon-facebook--light:before {
  background-image: url("../img/icons/small-icons/icon-facebook-light.svg");
}
.icon-facebook.icon-action--light:after,
.icon-facebook.icon-facebook--light:after {
  background-image: url("../img/icons/small-icons/icon-facebook-primary.svg");
}

.icon-youtube:before {
  background-image: url("../img/icons/small-icons/icon-youtube.svg");
}
.icon-youtube:after {
  background-image: url("../img/icons/small-icons/icon-youtube.svg");
}

.icon-youtube.icon-action--light:before,
.icon-youtube.icon-youtube--light:before {
  background-image: url("../img/icons/small-icons/icon-youtube-light.svg");
}
.icon-youtube.icon-action--light:after,
.icon-youtube.icon-youtube--light:after {
  background-image: url("../img/icons/small-icons/icon-youtube-primary.svg");
}

.icon-instagram:before {
  background-image: url("../img/icons/small-icons/icon-instagram.svg");
}
.icon-instagram:after {
  background-image: url("../img/icons/small-icons/icon-instagram.svg");
}

.icon-instagram.icon-action--light:before,
.icon-instagram.icon-instagram--light:before {
  background-image: url("../img/icons/small-icons/icon-instagram-light.svg");
}
.icon-instagram.icon-action--light:after,
.icon-instagram.icon-instagram--light:after {
  background-image: url("../img/icons/small-icons/icon-instagram-primary.svg");
}

.icon-search {
  width: 21px;
  height: 21px;
}
.icon-search:before {
  background-image: url("../img/icons/small-icons/icon-search.svg");
}
.icon-search:after {
  background-image: url("../img/icons/small-icons/icon-search-primary.svg");
}

.icon-search.icon-action--light:before,
.icon-search.icon-search--light:before {
  background-image: url("../img/icons/small-icons/icon-search-light.svg");
}
.icon-search.icon-action--light:after,
.icon-search.icon-search--light:after {
  background-image: url("../img/icons/small-icons/icon-search-primary.svg");
}

/***** SECTIONS *****/
.site-section {
  position: relative;
  height: 100vh;
}
.site-section__layer {
  padding: 0 40px;
  z-index: 2;
}
@media (min-width: 650px) {
  .site-section__layer {
    padding: 0 40px;
  }
}
.site-section__layer--full-width {
  width: 100%;
}
.site-section__layer--width-80 {
  width: 100%;
}
@media (min-width: 650px) {
  .site-section__layer--width-80 {
    width: 80%;
  }
}
.site-section__layer--width-90 {
  width: 100%;
}
@media (min-width: 992px) {
  .site-section__layer--width-90 {
    width: 90%;
  }
}
.site-section__layer--width-90-from-l {
  width: 100%;
}
@media (min-width: 1500px) {
  .site-section__layer--width-90-from-l {
    width: 90%;
  }
}
.site-section__layer--width-100 {
  width: 100%;
}
.site-section__layer--footer {
  width: 100%;
}
@media (min-width: 992px) {
  .site-section__layer--footer {
    width: 90%;
  }
}
.site-section__layer--backgroung-img {
  background-repeat: no-repeat;
  background-position: center;
}
.site-section__layer--background-position-1 {
  background-position: 36% -10%;
}
.site-section__layer--dark-bg {
  background: #000;
}
.site-section__wrapper {
  padding: 90px 0;
}
@media (min-width: 992px) {
  .site-section__wrapper {
    padding: 80px 0;
  }
}
@media (min-width: 1700px) {
  .site-section__wrapper {
    padding: 120px 0;
  }
}
@media (min-width: 1300px) {
  .site-section__wrapper--high {
    padding: 100px 0;
  }
}
@media (min-width: 1700px) {
  .site-section__wrapper--high {
    padding: 160px 0;
  }
}
@media (min-width: 1300px) {
  .site-section__wrapper--higher {
    padding: 240px 0;
  }
}
@media (min-width: 1700px) {
  .site-section__wrapper--higher {
    padding: 260px 0;
  }
}
.site-section__wrapper--only-top {
  padding-bottom: 0;
}
.site-section__wrapper--only-bottom {
  padding-top: 0;
}
@media (max-width: 992px) {
  .site-section__wrapper--only-bottom-mobile {
    padding-top: 0;
  }
}
.site-section__wrapper--top-space {
  padding-top: 185px;
}
@media (min-width: 992px) {
  .site-section__wrapper--top-space {
    padding: 64px 0;
  }
}
@media (min-width: 992px) {
  .site-section__wrapper--top-bottom-space {
    padding: 180px 0 85px 0;
  }
}
.site-section__wrapper--centered {
  display: flex;
}
@media (min-width: 992px) {
  .site-section__wrapper--vertical-center {
    padding: 160px 0 0 0;
  }
}
@media (min-width: 992px) and (max-height: 800px) {
  .site-section__wrapper--vertical-exception {
    padding-top: 50px !important;
  }
}
@media (min-width: 992px) {
  .site-section__wrapper--to-bottom {
    padding: 140px 0 20px 0;
  }
}
.site-section__inner {
  margin: 0 auto;
  /*max-width: 680px;

  @media (min-width: $rwd-992) {
      max-width: 780px;
  }

  @media (min-width: $rwd-1300) {
      max-width: 860px;
  }

  @media (min-width: $rwd-1700) {
      max-width: 1000px;
  }*/
}
@media (min-width: 1100px) {
  .site-section__inner--wide {
    max-width: 860px;
  }
}
@media (min-width: 1300px) {
  .site-section__inner--wide {
    max-width: 950px;
  }
}
@media (min-width: 1700px) {
  .site-section__inner--wide {
    max-width: 1200px;
  }
}
.site-section--center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.site-section--center-horizontal {
  display: flex;
  justify-content: center;
}
.site-section--center-vertical {
  display: flex;
  align-items: center;
}
.site-section--left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.site-section--light-bg {
  background-color: #E5E5E5;
}
.site-section--beige {
  background-color: #E1DED8;
}
.site-section--very-light-bg {
  background-color: #F5F5F5;
}
.site-section--dark-bg {
  background-color: #000;
}
.site-section--backgroung-img {
  background-repeat: no-repeat;
  background-position: initial;
  background-size: cover;
  background-position-x: center;
}
@media (min-width: 992px) {
  .site-section--backgroung-img {
    background-position: center;
  }
}
.site-section--backgroung-img-small {
  background-repeat: no-repeat;
  background-position: initial;
  background-size: contain;
}
.site-section--backgroung-img-left {
  background-position: 35% 0%;
}
@media (min-width: 768px) {
  .site-section--backgroung-img-left {
    background-position: 35% 50%;
  }
}
.site-section--backgroung-img-center {
  background-position: center center;
  background-size: auto;
}
.site-section--img-background {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.site-section--auto-height {
  height: auto;
}
.site-section__number {
  font-size: 16px;
  color: #000;
  letter-spacing: 2px;
  margin-top: -35px;
}
.site-section__number--white {
  color: #fff;
}
.site-section__description {
  font-size: 20px;
  margin: 20px auto;
  text-align: center;
}
@media (min-width: 992px) {
  .site-section__description {
    padding-left: 25px;
    margin: 40px 0 40px 0;
    text-align: left;
  }
}
.site-section__description--white {
  color: #fff;
}
.site-section__background {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  display: block;
}

@media (min-width: 992px) {
  .site-section__inner--less-space {
    padding: 0 100px;
  }
}
@media (min-width: 1300px) {
  .site-section__inner--less-space {
    padding: 0 120px;
  }
}
@media (min-width: 1700px) {
  .site-section__inner--less-space {
    padding: 0 140px;
  }
}

.site-section--height-auto {
  height: auto;
}

@media (min-width: 550px) {
  .site-section__wrapper--tablet-no-space {
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .site-section__wrapper--tablet-no-space {
    padding-top: 90px;
  }
}

@media (min-width: 992px) {
  .site-section__wrapper--huge-space {
    padding: 160px 0;
  }
}

.site-section__wrapper--top-0 {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .site-section__wrapper--top-0 {
    padding-bottom: 80px;
  }
}

.site-section__background--filter {
  filter: opacity(0.5) grayscale(1) brightness(0.45) contrast(1.05);
}

.site-section--bg-produb {
  background: linear-gradient(270deg, #F3271F 22.87%, #FF931E 81.68%);
}

.site-section__background--sticky {
  position: sticky;
  height: 100vh;
}

.site-section__background--fixed {
  position: fixed;
  height: 100vh;
}

.background-video-sections {
  height: 100vh;
  position: relative;
}

.icon-hamburger__inner > div {
  height: 1px;
  /*@include transition(all .2s linear);*/
}
.icon-hamburger__inner:hover .icon-hamburger__bar {
  height: 2px;
}
.icon-hamburger--light .icon-hamburger__inner > div {
  background: #fff;
}

.video-1 {
  position: absolute;
  top: calc(100vh - 150px);
  /*left: calc(50% - 440px);*/
  z-index: 1;
  margin-left: -130px;
}
@media (min-width: 768px) {
  .video-1 {
    top: calc(100vh - 160px);
  }
}
@media (min-width: 1700px) {
  .video-1 {
    top: calc(100vh - 240px);
  }
}
.video-1__element {
  background: url("../img/animation-1/video1.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 90vw;
  height: 63vw;
}
@media (min-width: 768px) {
  .video-1__element {
    width: 50vw;
    height: 35vw;
  }
}
@media (min-width: 1700px) {
  .video-1__element {
    width: 40vw;
    height: 27vw;
  }
}

.animation-1 {
  z-index: 1;
}
@media (min-width: 992px) {
  .animation-1__element-1 {
    background: url("../img/animation-1/animation1-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    bottom: 16%;
    left: 24%;
    z-index: 9;
  }
  .animation-1__element-2 {
    background: url("../img/animation-1/animation1-2.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    bottom: 42%;
    left: 28%;
    z-index: 9;
  }
  .animation-1__element-3 {
    background: url("../img/animation-1/animation1-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 200px;
    height: 202px;
    position: absolute;
    bottom: 25%;
    right: 12%;
    z-index: 9;
  }
  .animation-1__element-4 {
    background: url("../img/animation-1/animation1-4.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 59px;
    position: absolute;
    bottom: 25%;
    right: 20%;
    z-index: 9;
  }
}

.video-2 {
  position: absolute;
  z-index: 0;
  /*transform: scale(0.4);*/
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .video-2 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.video-2__element {
  /*background: url('../img/animation-2/video2.png');*/
  /*height: 727px;
  width: 955px;*/
  background-size: contain;
  background-repeat: no-repeat;
  width: 70vw;
  height: 70vw;
  filter: contrast(110%);
}
@media (min-width: 768px) {
  .video-2__element {
    width: 55vw;
    height: 55vw;
  }
}

.animation-2 {
  z-index: 1;
}
@media (min-width: 992px) {
  .animation-2__element-1 {
    background: url("../img/animation-2/animation2-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 103px;
    height: 104px;
    position: absolute;
    top: 16%;
    left: 13%;
    z-index: 9;
  }
  .animation-2__element-2 {
    background: url("../img/animation-2/animation2-2.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 104px;
    height: 104px;
    position: absolute;
    top: 18%;
    left: 16%;
    z-index: 9;
  }
  .animation-2__element-3 {
    background: url("../img/animation-2/animation2-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 27px;
    height: 26px;
    position: absolute;
    top: 40%;
    left: 23%;
    z-index: 9;
  }
  .animation-2__element-4 {
    background: url("../img/animation-2/animation2-4.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 66px;
    height: 65px;
    position: absolute;
    top: 65%;
    right: 10%;
    z-index: 9;
  }
  .animation-2__element-5 {
    background: url("../img/animation-2/animation2-5.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 61%;
    right: 6%;
    z-index: 9;
  }
}

.animation-3 {
  position: absolute;
  z-index: 1;
  top: 260px;
  transform: scale(0.4);
  -webkit-transition: all 0.8s linear;
  -moz-transition: all 0.8s linear;
  -o-transition: all 0.8s linear;
  transition: all 0.8s linear;
}
@media (min-width: 992px) {
  .animation-3 {
    top: -20px;
    transform: scale(0.4);
  }
}
@media (min-width: 1400px) {
  .animation-3 {
    top: -30px;
  }
}
@media (min-width: 1700px) {
  .animation-3 {
    top: -120px;
  }
}
.animation-3__element {
  /*background: url('../img/backgrounds/ball.png');*/
  background-image: url("../img/backgrounds/big-ball-gold.webp");
  background-size: contain;
  background-repeat: no-repeat;
  width: 140vw;
  height: 140vw;
}
@media (min-width: 992px) {
  .animation-3__element {
    width: 70vw;
    height: 70vw;
  }
}
@media (min-width: 1700px) {
  .animation-3__element {
    width: 68vw;
    height: 68vw;
  }
}
.animation-3__element--light {
  background-image: url("../img/backgrounds/big-ball-gold.webp");
}

.animation-4 {
  z-index: 1;
}
.animation-4__element-1 {
  background: url("../img/animation-3/animation3-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 19px;
  position: absolute;
  top: 25%;
  left: 18%;
  z-index: 9;
}
.animation-4__element-2 {
  background: url("../img/animation-3/animation3-2.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 93px;
  height: 90px;
  position: absolute;
  top: 30%;
  left: 22%;
  z-index: 9;
}
@media (min-width: 992px) {
  .animation-4__element-3 {
    background: url("../img/animation-3/animation3-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 148px;
    height: 128px;
    position: absolute;
    bottom: 16%;
    left: 28%;
    z-index: 9;
  }
}
.animation-4__element-4 {
  background: url("../img/animation-3/animation3-4.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  position: absolute;
  bottom: 26%;
  left: 10%;
  z-index: 9;
}
.animation-4__element-5 {
  background: url("../img/animation-3/animation3-5.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 288px;
  height: 295px;
  position: absolute;
  bottom: 16%;
  left: 0;
}

.animation-5 {
  z-index: 1;
}
@media (min-width: 992px) {
  .animation-5__element-1 {
    background: url("../img/animation-5/animation5-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 346px;
    height: 320px;
    position: absolute;
    top: 5%;
    right: 30%;
    z-index: 9;
  }
}
@media (min-width: 992px) {
  .animation-5__element-2 {
    background: url("../img/animation-5/animation5-2.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 14%;
    right: 33%;
    z-index: 9;
  }
}
@media (min-width: 992px) {
  .animation-5__element-3 {
    background: url("../img/animation-5/animation5-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 136px;
    height: 151px;
    position: absolute;
    top: 2%;
    left: 36%;
    z-index: 9;
  }
}

.animation-6 {
  z-index: 1;
}
.animation-6__element-1 {
  background: url("../img/animation-6/animation6-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 86px;
  height: 88px;
  position: absolute;
  top: 21%;
  left: 29%;
  z-index: 10;
}
.animation-6__element-2 {
  background: url("../img/animation-6/animation6-2.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 29px;
  height: 29px;
  position: absolute;
  bottom: 37%;
  left: 44%;
  z-index: 9;
}
.animation-6__element-3 {
  background: url("../img/animation-6/animation6-3.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 61.5px;
  height: 61.5px;
  position: absolute;
  top: 36%;
  left: 21%;
  z-index: 11;
}
.animation-6__element-4 {
  background: url("../img/animation-6/animation6-4.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 320px;
  height: 322px;
  position: absolute;
  top: 16%;
  left: 20%;
  z-index: 9;
}

.animation-7 {
  z-index: 1;
}
.animation-7__element-1 {
  background: url("../img/animation-7/animation7-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 41px;
  height: 41px;
  position: absolute;
  top: 26%;
  left: 24%;
  z-index: 9;
}
.animation-7__element-2 {
  background: url("../img/animation-7/animation7-2.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 34px;
  height: 34px;
  position: absolute;
  top: 11%;
  left: 63%;
  z-index: 9;
}
.animation-7__element-3 {
  background: url("../img/animation-7/animation7-3.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 368px;
  height: 369px;
  position: absolute;
  top: 7%;
  left: 35%;
  z-index: 9;
}

.animation-8 {
  z-index: 1;
}
.animation-8__element-1 {
  background: url("../img/animation-8/animation8-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 83px;
  height: 68px;
  position: absolute;
  top: 34%;
  left: 24%;
  z-index: 9;
}
.animation-8__element-2 {
  background: url("../img/animation-8/animation8-2.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  position: absolute;
  top: 32%;
  left: 16%;
  z-index: 9;
}
.animation-8__element-3 {
  background: url("../img/animation-8/animation8-3.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 46%;
  left: 30%;
  z-index: 9;
}
.animation-8__element-4 {
  background: url("../img/animation-8/animation8-4.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 66px;
  height: 107px;
  position: absolute;
  top: 64%;
  left: 14%;
  z-index: 9;
}

.animation-9 {
  z-index: 1;
}
.animation-9__element-1 {
  background: url("../img/animation-9/animation9-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 31.5px;
  height: 33.5px;
  position: absolute;
  top: 32%;
  left: 26%;
  z-index: 9;
}
.animation-9__element-2 {
  background: url("../img/animation-9/animation9-2.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 72.5px;
  height: 73px;
  position: absolute;
  top: 30%;
  left: 45%;
  z-index: 9;
}
.animation-9__element-3 {
  background: url("../img/animation-9/animation9-3.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 44.5px;
  height: 43.5px;
  position: absolute;
  top: 27%;
  left: 66%;
  z-index: 9;
}
.animation-9__element-4 {
  background: url("../img/animation-9/animation9-4.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 25.5px;
  height: 25px;
  position: absolute;
  top: 6%;
  left: 70%;
  z-index: 9;
}
.animation-9__element-5 {
  background: url("../img/animation-9/animation9-5.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 60.5px;
  height: 62.5px;
  position: absolute;
  top: 1%;
  left: 48%;
  z-index: 9;
}

.animation-10-1 {
  z-index: 1;
}
.animation-10-1__element-1 {
  background: url("../img/animation-6/animation6-3.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 61.5px;
  height: 61.5px;
  position: absolute;
  top: 33%;
  left: 29%;
  z-index: 11;
}
.animation-10-1__element-2 {
  background: url("../img/animation-7/animation7-2.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 34px;
  height: 34px;
  position: absolute;
  top: 48%;
  left: 42%;
  z-index: 9;
}
.animation-10-1__element-3 {
  background: url("../img/animation-8/animation8-3.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 30%;
  left: 24%;
  z-index: 9;
}

.animation-10 {
  z-index: 3;
}
@media (min-width: 992px) {
  .animation-10__element-1 {
    background: url("../img/animation-10/animation10-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 194.5px;
    height: 171.5px;
    position: absolute;
    top: 26%;
    left: -3%;
    z-index: 11;
  }
}
@media (min-width: 992px) {
  .animation-10__element-2 {
    background: url("../img/animation-10/animation10-2.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 198px;
    height: 198px;
    position: absolute;
    top: 42%;
    right: -2%;
    z-index: 9;
  }
}
@media (min-width: 992px) {
  .animation-10__element-3 {
    background: url("../img/animation-10/animation10-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 33.5px;
    height: 32.5px;
    position: absolute;
    bottom: 10%;
    right: 18%;
    z-index: 9;
  }
}

.animation-11 {
  z-index: 3;
}
@media (min-width: 992px) {
  .animation-11__element-1 {
    background: url("../img/animation-11/animation11-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 22.5px;
    height: 22.5px;
    position: absolute;
    top: 21%;
    left: 38%;
    z-index: 11;
  }
}
@media (min-width: 992px) {
  .animation-11__element-2 {
    background: url("../img/animation-11/animation11-2.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 115px;
    height: 105px;
    position: absolute;
    top: 25%;
    left: 30%;
    z-index: 9;
  }
}
@media (min-width: 992px) {
  .animation-11__element-3 {
    background: url("../img/animation-11/animation11-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 259px;
    height: 217px;
    position: absolute;
    bottom: 10%;
    left: -3%;
    z-index: 9;
  }
}
@media (min-width: 992px) {
  .animation-11__element-4 {
    background: url("../img/animation-11/animation11-4.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 66px;
    height: 61.5px;
    position: absolute;
    bottom: 13%;
    left: 8%;
    z-index: 9;
  }
}

.animation-top {
  z-index: 3;
}
@media (min-width: 992px) {
  .animation-top__element-1 {
    background: url("../img/animation-top/animation-top-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 58.3333333333px;
    height: 57.6666666667px;
    position: absolute;
    top: 23%;
    left: 28%;
    z-index: 11;
  }
}
@media (min-width: 992px) {
  .animation-top__element-2 {
    background: url("../img/animation-top/animation-top-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 42px;
    height: 41.5px;
    position: absolute;
    top: 15%;
    right: 22%;
    z-index: 9;
  }
}
@media (min-width: 992px) {
  .animation-top__element-3 {
    background: url("../img/animation-top/animation-top-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 67px;
    height: 66.5px;
    position: absolute;
    bottom: 18%;
    left: 35%;
    z-index: 9;
  }
}

.flex-container--center {
  align-items: center;
}
.flex-container--h-center {
  display: flex;
  justify-content: center;
}
.flex-container--backgroung-img {
  background-repeat: no-repeat;
  background-position: 35% -160%;
}
.flex-container--relative {
  position: relative;
}
@media (min-width: 992px) {
  .flex-container--width-95 {
    width: 95%;
  }
}
@media (min-width: 992px) {
  .flex-container--center-hv {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 1700px) {
  .flex-container--narrow {
    padding: 0 140px;
  }
}
.flex-container--bottom {
  align-items: flex-end;
}
.flex-container--reverse {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .flex-container--reverse {
    flex-direction: row;
  }
}
.flex-container--space-bottom {
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .flex-container--space-bottom {
    padding-bottom: 50px;
  }
}
@media (min-width: 1100px) {
  .flex-container--space-bottom {
    padding-bottom: 70px;
  }
}

.gallery__items {
  list-style: none;
}

.scrollable-section {
  max-height: 200px;
  position: relative;
  width: 100%;
  padding: 0 5px;
}
@media (min-width: 992px) {
  .scrollable-section {
    max-height: unset;
    width: auto;
    padding: 0;
  }
}
.scrollable-section--more-height {
  max-height: 300px;
}
@media (min-width: 992px) {
  .scrollable-section--more-height {
    max-height: initial;
  }
}
.scrollable-section--full-height {
  max-height: 100%;
}
.scrollable-section--dark .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
}
.scrollable-section--dark .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
}
.scrollable-section--dark .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .scrollable-section--dark .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
}
.scrollable-section--dark .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
}
.scrollable-section--overlayer {
  padding-left: 10px;
  max-height: 400px;
  height: 400px;
}
@media (min-width: 992px) {
  .scrollable-section--overlayer {
    height: 690px;
    padding-left: 80px;
  }
}

.flex-column--no-padding {
  padding: 0;
}
@media (min-width: 992px) {
  .flex-column--no-padding {
    /*padding: 40px 0 0 0;*/
  }
}
@media (min-width: 992px) {
  .flex-column--top-padding {
    padding: 40% 0 0 0;
  }
}
@media (min-width: 1700px) {
  .flex-column--top-padding {
    padding: 30% 0 0 0;
  }
}
.flex-column--padding-right {
  padding-right: 20px;
}
@media (min-width: 992px) {
  .flex-column--padding-right {
    padding-right: 0;
  }
}
.flex-column--padding-left {
  padding-left: 0;
}
@media (min-width: 992px) {
  .flex-column--padding-left {
    padding-left: 100px;
  }
}
@media (min-width: 992px) {
  .flex-column--padding-only-left {
    padding: 0 0 0 80px;
  }
}
@media (min-width: 992px) {
  .flex-column--both-space {
    padding: 0 80px !important;
  }
}
@media (min-width: 992px) {
  .flex-column--space-top {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .flex-column--very-narrow {
    max-width: 360px;
  }
}
@media (min-width: 992px) {
  .flex-column--end {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .flex-column--h-end {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .flex-column--h-start {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.flex-column--space-top-overlayer {
  margin-top: 40px;
}
@media (max-width: 992px) {
  .flex-column--mobile-only-bottom-space {
    padding: 0 0 40px 0;
  }
}
@media (max-width: 992px) {
  .flex-column--mobile-space-above {
    margin-top: 100px;
  }
}
.flex-column--fullscreen-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flex-centered {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logo-grid {
  /*justify-content: center;
  text-align: center;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  line-height: 80px;

  max-height: 300px;
  overflow: auto;

  @media (min-width: 992px) {
      justify-content: space-between;
      text-align: left;
      max-height: unset;
  }*/
  list-style: none;
}
@media (min-width: 992px) {
  .logo-grid {
    columns: 3;
    column-gap: 20px;
  }
}
@media (min-width: 1500px) {
  .logo-grid {
    columns: 5;
  }
}
@media (min-width: 1700px) {
  .logo-grid {
    columns: 6;
  }
}
.logo-grid__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .logo-grid__item {
    width: 135px;
    height: 100px;
    margin-bottom: 20px;
  }
}

#logo-gallery {
  position: relative;
}
#logo-gallery .owl-carousel .owl-item img {
  width: auto;
}
#logo-gallery .owl-stage {
  display: flex;
  align-items: center;
}

.logo-gallery__arrow-icon {
  border: solid #000;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-45deg);
  position: absolute;
  margin-top: 8px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  height: auto;
  top: 30px;
  right: 15px;
  width: fit-content;
  z-index: 9;
}
@media (min-width: 992px) {
  .logo-gallery__arrow-icon {
    display: none;
  }
}
.logo-gallery__arrow-icon--prev {
  transform: rotate(135deg);
  left: 15px;
  width: max-content;
}
.logo-gallery__arrow-icon:hover {
  border-color: #DFC0B9;
  cursor: pointer;
}
.logo-gallery__arrow-icon--horizontal {
  position: absolute;
  height: auto;
  top: calc(50% - 5px);
}

.owl-carousel .owl-stage-outer {
  overflow: visible !important;
}

.icon-hamburger.open .icon-hamburger__inner > div {
  background: #fff;
}

/* animations */
/*animation-vibrate
animation-shake
animation-spin
animation-custome-1
animation-custome-2*/
@keyframes myMove {
  0% {
    transform: scale(1);
  }
  50% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: scale(0.5) translate3d(-450px, -350px, 0);
  }
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes mover-x {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes mover-y {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes vibrate {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  10% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  20% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  30% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  50% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  70% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  90% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
.animation-vibrate {
  animation-name: vibrate;
  animation-duration: 12s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  10% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
  20% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  30% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  80% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  90% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
}
.animation-shake {
  animation-name: vibrate;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.animation-spin {
  animation-name: spin;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}

@keyframes custome-move-1 {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-6px, -8px) rotate(-6deg);
  }
  20% {
    transform: translate(-8px, 4px) rotate(6deg);
  }
  30% {
    transform: translate(8px, 8px) rotate(0deg);
  }
  40% {
    transform: translate(6px, -6px) rotate(6deg);
  }
  50% {
    transform: translate(-6px, 8px) rotate(-6deg);
  }
  60% {
    transform: translate(-8px, 6px) rotate(0deg);
  }
  70% {
    transform: translate(8px, 6px) rotate(-6deg);
  }
  80% {
    transform: translate(-6px, -6px) rotate(6deg);
  }
  90% {
    transform: translate(6px, 7px) rotate(0deg);
  }
  100% {
    transform: translate(1px, 1px) rotate(0deg);
  }
}
.animation-custome-1 {
  animation-name: custome-move-1;
  animation-duration: 16s;
  animation-iteration-count: infinite;
}

@keyframes custome-move-2 {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-3px, -5px) rotate(-1deg);
  }
  20% {
    transform: translate(-5px, 2px) rotate(1deg);
  }
  30% {
    transform: translate(5px, 5px) rotate(0deg);
  }
  40% {
    transform: translate(3px, -3px) rotate(1deg);
  }
  50% {
    transform: translate(-3px, 5px) rotate(-1deg);
  }
  60% {
    transform: translate(-5px, 3px) rotate(0deg);
  }
  70% {
    transform: translate(5px, 3px) rotate(-1deg);
  }
  80% {
    transform: translate(-3px, -3px) rotate(1deg);
  }
  90% {
    transform: translate(3px, 4px) rotate(0deg);
  }
  100% {
    transform: translate(1px, 1px) rotate(-1deg);
  }
}
.animation-custome-2 {
  animation-name: custome-move-2;
  animation-duration: 14s;
  animation-iteration-count: infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
  25% {
    transform: rotate(3deg) translate3d(0, 0, 0);
  }
  50% {
    transform: rotate(-3deg) translate3d(0, 0, 0);
  }
  75% {
    transform: rotate(1deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
}
@keyframes storm {
  0% {
    transform: translate3d(0, 0, 0) translateZ(0);
  }
  25% {
    transform: translate3d(4px, 0, 0) translateZ(0);
  }
  50% {
    transform: translate3d(-3px, 0, 0) translateZ(0);
  }
  75% {
    transform: translate3d(2px, 0, 0) translateZ(0);
  }
  100% {
    transform: translate3d(0, 0, 0) translateZ(0);
  }
}
/* grain effect */
.grain:after {
  animation: grain 8s steps(10) infinite;
  background-image: url("../img/noise.png");
  content: "";
  height: 300%;
  left: -50%;
  opacity: 0.6;
  position: fixed;
  top: -100%;
  width: 300%;
}

@keyframes grain {
  0%, 100% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-5%, -10%);
  }
  20% {
    transform: translate(-15%, 5%);
  }
  30% {
    transform: translate(7%, -25%);
  }
  40% {
    transform: translate(-5%, 25%);
  }
  50% {
    transform: translate(-15%, 10%);
  }
  60% {
    transform: translate(15%, 0%);
  }
  70% {
    transform: translate(0%, 15%);
  }
  80% {
    transform: translate(3%, 35%);
  }
  90% {
    transform: translate(-10%, 10%);
  }
}
/* buttons animation apply */
.button--animate:hover {
  animation: rotate 0.7s ease-in-out both;
}

.button--animate:hover .button__inner {
  animation: storm 0.7s ease-in-out both;
  animation-delay: 0.06s;
}

/* gooey button animation */
/*.gooey-button {
    &__wrapper {
        padding: 1.5rem 0;
        filter: url('#goo');
    }

    &__button {
        display: inline-block;
        text-align: center;
        background: $dark-color;
        color: $light-color;
        padding: 1.18em 1.32em 1.03em;
        line-height: 1;
        border-radius: 1em;
        position: relative;
        min-width: 8.23em;
        text-decoration: none;
        font-size: 1.25rem;

        &:before, &:after {
            width: 4.4em;
            height: 2.95em;
            position: absolute;
            content: "";
            display: inline-block;
            background: $dark-color;
            border-radius: 50%;
            transition: transform 1s ease;
            transform: scale(0);
            z-index: -1;
        }

        &:before {
            top: -25%;
            left: 20%;
        }

        &:after {
            bottom: -25%;
            right: 20%;
        }

        &:hover {
            &:before, &:after {
                transform: none;
            }
        }

        &--light {
            background: $light-color;
            color: $dark-color;

            &:before, &:after {
                background: $light-color;
            }
        }
    }
}*/
/* 3d tilt */
.tilt-container {
  transform-style: preserve-3d;
}

/***** OVERLAYERS *****/
.overlayer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7000;
  background: rgb(0, 0, 0);
  color: #000;
  overflow-x: hidden;
  padding: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: none;
}
.overlayer--page {
  display: block !important;
}

.overlayer-active {
  /*display: block;*/
}

.overlayer__main-content--limited {
  max-width: 900px;
}

.overlayer .overlayer__loading-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6900;
  display: none;
  font-size: 52px;
  color: #fff;
}

.overlayer .overlayer__inner {
  background-color: #000;
  margin: 0 auto;
  position: relative;
  /*padding: 50px 20px;*/
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 480px) {
  .overlayer .overlayer__inner {
    /*padding: 50px 20px;*/
  }
}
@media (min-width: 650px) {
  .overlayer .overlayer__inner {
    /*max-width: 500px;*/
    max-width: 90%;
  }
}
@media (min-width: 992px) {
  .overlayer .overlayer__inner {
    margin: 40px auto;
    /*padding: 80px 80px;*/
    /*max-width: 900px;*/
    height: 90%;
  }
}
@media (min-width: 1300px) {
  .overlayer .overlayer__inner {
    /*padding: 80px 60px 80px 60px;*/
  }
}
@media (min-width: 1700px) {
  .overlayer .overlayer__inner {
    /*max-width: 500px;*/
    max-width: 80%;
  }
}
.overlayer .overlayer__close {
  position: absolute;
  /*top: 48px;
  right: 48px;*/
  top: 14px;
  right: 14px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 7000;
  display: block;
  cursor: pointer;
}
@media (min-width: 992px) {
  .overlayer .overlayer__close {
    top: 30px;
    right: 30px;
  }
}

.overlayer .overlayer__close--fullscreen-video {
  background-color: black;
  padding: 8px;
  border-radius: 100%;
  top: 10px;
  right: 10px;
}
@media (min-width: 768px) {
  .overlayer .overlayer__close--fullscreen-video {
    padding: 20px;
    top: 24px;
    right: 24px;
  }
}
@media (min-width: 992px) {
  .overlayer .overlayer__close--fullscreen-video {
    top: 30px;
    right: 30px;
  }
}

.icon-plus {
  width: 14px;
  height: 14px;
}
@media (min-width: 500px) {
  .icon-plus {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 500px) {
  .icon-plus {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 768px) {
  .icon-plus {
    width: 22px;
    height: 22px;
  }
}

.overlayer .overlayer__button {
  position: absolute;
  top: 20px;
  left: 20px;
}
@media (min-width: 650px) {
  .overlayer .overlayer__button {
    left: 30px;
  }
}
@media (min-width: 992px) {
  .overlayer .overlayer__button {
    right: 130px;
    left: auto;
  }
}

.overlayer .overlayer__content {
  /*display: none;*/
  /* TEMPORART FIX ! */
  display: block;
  width: 100%;
}

.overlayer-02 .overlayer__inner,
.overlayer-03 .overlayer__inner {
  padding: 0;
}

@media (min-width: 1300px) {
  .overlayer-02 .overlayer__inner,
  .overlayer-03 .overlayer__inner {
    margin: 40px auto;
    max-width: 1100px;
  }
}
@media (min-width: 1700px) {
  .overlayer-02 .overlayer__inner,
  .overlayer-03 .overlayer__inner {
    max-width: 1500px;
  }
}
#form-application .site-section--dark-bg {
  background: transparent;
}

/* swipe icon */
.swipe-icon {
  width: 45px;
  height: 15px;
  position: absolute;
  bottom: 40px;
  right: 30px;
  background-image: url(../img/icons/arrows-next-white.svg);
  background-position: right;
  background-repeat: no-repeat;
}
.swipe-icon--black {
  background-image: url(../img/icons/arrows-next.svg);
}
@media (max-width: 768px) and (min-height: 700px) {
  .swipe-icon {
    bottom: 85px;
    right: 48%;
  }
}
@media (max-width: 768px) and (min-height: 730px) {
  .swipe-icon {
    bottom: 95px;
    right: 48%;
  }
}
@media (max-width: 768px) and (min-height: 760px) {
  .swipe-icon {
    bottom: 95px;
  }
}
@media (min-width: 992px) {
  .swipe-icon {
    display: none;
  }
}

.link-icon {
  width: 45px;
  height: 15px;
  background-image: url(../img/icons/arrows-next-white-small.svg);
  background-position: right;
  background-repeat: no-repeat;
  display: inline-block;
  animation: hand-move 2s ease-out infinite;
}
.link-icon--black {
  background-image: url(../img/icons/arrows-next-small.svg);
}

.swipe-icon .swipe-arrow {
  animation: pulse-arrow 2s ease-out infinite;
}

.swipe-icon {
  animation: hand-move 2s ease-out infinite;
}

@keyframes pulse-arrow {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(0.25em);
    opacity: 1;
  }
  75% {
    transform: translateX(0.25em);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 0;
  }
}
@keyframes hand-move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(0.5em);
  }
  100% {
    transform: translateX(0);
  }
}
.crew-gallery__subtitle--link {
  cursor: pointer;
  color: #fff;
}

.site-section--background-mask::before {
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  opacity: 0.7;
  position: absolute;
  display: none;
}
@media (min-width: 550px) {
  .site-section--background-mask::before {
    display: block;
  }
}
@media (min-width: 992px) {
  .site-section--background-mask::before {
    display: none;
  }
}

.site-section--background-mask-dark::before {
  height: 100%;
  width: 100%;
  content: "";
  background-color: #000;
  opacity: 0.4;
  position: absolute;
  display: none;
}
@media (min-width: 550px) {
  .site-section--background-mask-dark::before {
    display: block;
  }
}
@media (min-width: 992px) {
  .site-section--background-mask-dark::before {
    display: none;
  }
}

.button__contact--liquid {
  margin-top: -30px;
}

.flexible-grid {
  display: flex;
  list-style-type: none;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 280px;
  margin: 0 auto;
}
@media (min-width: 650px) {
  .flexible-grid {
    max-width: 560px;
  }
}
@media (min-width: 768px) {
  .flexible-grid {
    flex-wrap: nowrap;
    max-width: 100%;
    padding: 4px 0;
  }
}

.same-height-logo {
  height: 70px;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  .same-height-logo {
    height: 55px;
    max-width: 120px;
  }
}
@media (min-width: 1300px) {
  .same-height-logo {
    height: 65px;
  }
}
@media (min-width: 1500px) {
  .same-height-logo {
    height: 70px;
  }
}
.same-height-logo .flexible-grid > li {
  width: 50%;
}
@media (min-width: 650px) {
  .same-height-logo .flexible-grid > li {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .same-height-logo .flexible-grid > li {
    width: auto;
    padding: 0 6px;
  }
}
@media (min-width: 992px) {
  .same-height-logo .flexible-grid > li {
    padding: 0;
  }
}

.flexible-grid > li:first-child {
  padding-left: 0;
}

.flexible-grid > li {
  width: 50%;
}

.section-full-height {
  height: auto;
}
@media (min-width: 768px) {
  .section-full-height {
    height: 100vh;
  }
}

.arrow__slide {
  content: "";
  /*cursor: pointer;*/
  display: block;
  background-repeat: no-repeat;
}
.arrow__slide--right {
  background-image: url("../img/icons/arrows-next-white.svg");
  height: 15px;
  width: 45px;
  margin-left: 30px;
  animation: mover-x 1s infinite alternate;
}
.arrow__slide--down {
  background-image: url("../img/icons/arrows-down-dark.svg");
  height: 45px;
  width: 25px;
  animation: mover-y 1s infinite alternate;
}
@media (min-width: 768px) {
  .arrow__slide--down {
    width: 15px;
  }
}
.arrow__slide--right-space {
  margin-right: 30px;
}
@media (min-width: 768px) {
  .arrow__slide--right-space {
    margin-right: 50px;
  }
}
.arrow__slide--both-space {
  margin: 40px 0 20px 0;
}
@media (min-width: 1700px) {
  .arrow__slide--both-space {
    margin: 60px 0 30px 0;
  }
}
@media (min-width: 1700px) {
  .arrow__slide--lower-space-desktop {
    margin: 20px 0 30px 0;
  }
}
.arrow__slide--only-desktop {
  display: none;
}
@media (min-width: 768px) {
  .arrow__slide--only-desktop {
    display: block;
  }
}
.arrow__slide--down-light {
  background-image: url("../img/icons/arrows-down-white.svg");
}

fieldset {
  border: 0;
}

@media (min-width: 768px) {
  .only-mobile {
    display: none !important;
  }
}

.only-desktop {
  display: none !important;
}
@media (min-width: 768px) {
  .only-desktop {
    display: block !important;
  }
}

.only-desktop-flex {
  display: none !important;
}
@media (min-width: 992px) {
  .only-desktop-flex {
    display: flex !important;
  }
}

.section-pretitle--to-right {
  text-align: right;
}

.language-switch {
  margin-top: 18px;
  margin-right: 45px;
  color: #fff;
}
@media (min-width: 768px) {
  .language-switch {
    margin-top: 13px;
    margin-right: 30px;
  }
}
.language-switch a:first-child {
  margin-right: 6px;
}
.language-switch a:last-child {
  margin-left: 6px;
}
.language-switch a:hover {
  color: #DFC0B9;
}
.language-switch--white {
  color: #ffffff;
}
.language-switch--white a {
  color: #ffffff;
}
.language-switch--white .language-switch--active {
  color: #DFC0B9;
}

.language-switch--active {
  color: #DFC0B9;
  text-decoration: underline;
}

/* custom cursor */
#mouse-circle {
  opacity: 0;
}
@media (min-width: 992px) {
  #mouse-circle {
    position: absolute;
    width: 112px;
    height: 112px;
    margin: -56px 0px 0px -56px;
    pointer-events: none !important;
    z-index: 9999;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mouse-circle:after {
    content: "";
    width: 112px;
    height: 112px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.mouse-circle-slide {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.mouse-circle-slide:after {
  background-image: url("/img/cursors/slide.svg") !important;
}

.mouse-circle-slide-dark {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.mouse-circle-slide-dark:after {
  background-image: url("/img/cursors/slide-dark.svg") !important;
}

.mouse-circle-scroll {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.mouse-circle-scroll:after {
  background-image: url("/img/cursors/scroll.svg") !important;
}

.mouse-circle-scroll-dark {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.mouse-circle-scroll-dark:after {
  background-image: url("/img/cursors/scroll-dark.svg") !important;
}

.mouse-circle-play:after {
  background-image: url("/img/cursors/play-light.svg") !important;
}

.mouse-circle-project-dark:after {
  background-image: url("/img/cursors/project.svg") !important;
}

.mouse-circle-experience:after {
  background-image: url("/img/cursors/experience.svg") !important;
}

.mouse-circle-play-dark:after {
  background-image: url("/img/cursors/play-dark.svg") !important;
}

.mouse-circle-first {
  transform: rotate(0deg) !important;
}

.mouse-circle-last {
  transform: rotate(180deg) !important;
}

.cursor-hover-play {
  cursor: pointer;
  z-index: 1;
}

.mouse-circle-touch {
  transform: rotate(0deg) !important;
}
.mouse-circle-touch:after {
  background-image: url("/img/cursors/touch.svg") !important;
}

.site-section-03 .section-header {
  width: 90vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1100px) {
  .site-section-03 .section-header {
    align-items: flex-end;
  }
}
.site-section-03 .section-pretitle {
  padding-bottom: 10px;
}

.video-cover {
  position: relative;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  box-shadow: inset -2px 0px 2px #E8DBC8, inset 2px 0px 2px #DECBAF, inset -2px -2px 2px #E7D4B8, inset 2px 1px 2px #E7D9C5;
  border-radius: 20px;
  padding: 5px;
  will-change: transform;
  transform: perspective(1400px) rotateX(7deg) rotateY(16deg) scale3d(1, 1, 1);
}
@media (min-width: 650px) {
  .video-cover {
    width: 660px;
    height: 407px;
  }
}
@media (min-width: 768px) {
  .video-cover {
    border-radius: 30px;
  }
}
.video-cover:after {
  content: "";
  display: block;
  background-image: url("/img/video-cover-1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
}
.video-cover:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/img/cursors/play-light.svg");
  background-repeat: no-repeat;
  height: 110px;
  width: 110px;
  background-size: contain;
}
@media (min-width: 1100px) {
  .video-cover:before {
    display: none;
  }
}
@media (min-width: 650px) {
  .video-cover--left-space {
    margin-left: -30%;
  }
}

.video-cover-new {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 20px;
  /* Delikatne światło wokół ramki */
  border-image-source: linear-gradient(120deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
  border-image-slice: 1;
  /* Subtelny efekt szkła */
  box-shadow: inset -2px 0px 4px rgba(255, 255, 255, 0.4), inset 2px 0px 4px rgba(255, 255, 255, 0.3), inset -2px -2px 4px rgba(255, 255, 255, 0.2), inset 2px 2px 6px rgba(255, 255, 255, 0.1);
  padding: 5px;
  will-change: transform;
  transform: perspective(1400px) rotateX(7deg) rotateY(16deg);
}
@media (min-width: 650px) {
  .video-cover-new {
    width: 660px;
    height: 407px;
  }
}
@media (min-width: 768px) {
  .video-cover-new {
    border-radius: 30px;
  }
}
.video-cover-new:after {
  content: "";
  display: block;
  background: url("/img/video-cover-1.jpg") no-repeat center/cover;
  border-radius: 24px;
  /* Lekki gradient nałożony na miniaturkę */
  background-blend-mode: overlay;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.1), transparent);
}
.video-cover-new:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/img/cursors/play-light.svg") no-repeat center/contain;
  height: 110px;
  width: 110px;
}
@media (min-width: 1100px) {
  .video-cover-new:before {
    display: none;
  }
}
@media (min-width: 650px) {
  .video-cover-new--left-space {
    margin-left: -30%;
  }
}

.video-cover-gsap {
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: inset -4px 0px 4px #AA9678, inset 4px 0px 4px #AA9678, inset -4px -4px 4px #AA9678, inset 4px 2px 4px #AA9678;
  backdrop-filter: blur(20px);
  border-radius: 24px;
  padding: 8px;
  will-change: transform;
}
.video-cover-gsap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
  border-radius: 24px 24px 0 0;
  pointer-events: none;
}
.video-cover-gsap .panorama-slider-gsap__video {
  border-radius: 20px;
  position: relative;
  z-index: 1;
}

@media (min-width: 550px) {
  .video-cover--gallery {
    width: 351.54px;
    height: 215.46px;
  }
}
@media (min-width: 650px) {
  .video-cover--gallery {
    width: 390.6px;
    height: 239.4px;
  }
}

#menu-button-light {
  display: none;
}

.technology {
  height: 380px;
  padding-left: 5%;
  max-height: none;
}
@media (min-width: 650px) {
  .technology {
    height: 40vh;
    padding-left: 10%;
  }
}
@media (min-width: 1100px) {
  .technology {
    height: 66vh;
    padding-left: 10%;
  }
}
.technology__title {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  color: #000;
  display: flex;
  align-items: baseline;
  padding-left: 12px;
}
.technology__title--space-above {
  margin-top: 55px;
  margin-bottom: 15px;
}
.technology__title--space-below {
  margin-bottom: 35px;
  margin-top: 15px;
}
@media (min-width: 650px) {
  .technology__title--space-below {
    margin-bottom: 55px;
  }
}
.technology__title--space-both {
  margin-bottom: 55px;
  margin-top: 55px;
}
.technology__list-title {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.05em;
  color: #000;
  margin-bottom: 13px;
  padding-left: 12px;
}
.technology__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 12px;
}
.technology__list > li {
  margin-right: 22px;
  margin-bottom: 22px;
  height: 70px;
  width: 70px;
  background-color: #fff;
  border-radius: 50%;
  transform: translate3d(0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.technology__list > li:hover {
  transform: scale(1.3);
  background-color: #000;
  background-image: none !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.technology__list > li:hover:after {
  opacity: 1;
}
.technology__list > li:after {
  opacity: 0;
  color: #fff;
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.05em;
  content: attr(data-name);
}
.technology__list .small-text:after {
  font-size: 8px;
}

@media (max-height: 800px) {
  .site-section-09 {
    min-height: 900px;
  }
}

@media (max-width: 992px) {
  .site-section--splite {
    display: block;
  }
}

.mCSB_scrollTools {
  left: 0 !important;
  right: auto !important;
}

.mCSB_dragger {
  left: -1px;
}

.horizontal-center {
  display: flex;
  justify-content: center;
}

.projects {
  list-style: none;
  /*padding-left: 10%;
  height: 310px;
  max-height: none;

  @media (min-width: $tablet-s) {
      height: 40vh;
      width: auto;
  }

  @media (min-width: $desktop-s) {
      height: 64vh;
  }*/
  display: flex;
  flex-direction: column;
}
@media (min-width: 650px) {
  .projects {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.project {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  width: 100%;
  border-top: 1px solid #000000;
  padding: 20px 0;
  /*&:nth-child(3n+1) {
      @media (min-width: $tablet-s) {
          margin-left: 0;
      }
  }

  &:nth-child(3n+3) {
      @media (min-width: $tablet-s) {
          margin-right: 0;
      }
  }

  &:last-child {
      margin-bottom: 0;
  }*/
}
.project:last-child {
  border-bottom: 1px solid #000000;
}
@media (min-width: 768px) {
  .project {
    flex-direction: row;
    align-items: center;
    padding: 48px 0;
  }
}
.project__title {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #000;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .project__title {
    margin: 0 6% 0 4%;
    font-size: 20px;
    line-height: 30px;
    width: 30%;
  }
}
@media (min-width: 900px) {
  .project__title {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 992px) {
  .project__title {
    margin: 0 10% 0 4%;
    width: 33%;
    font-size: 28px;
    line-height: 40px;
  }
}
@media (min-width: 1700px) {
  .project__title {
    font-size: 32px;
    line-height: 42px;
  }
}
.project__button {
  display: flex;
  justify-content: flex-end;
  margin-top: 0px;
}
@media (min-width: 768px) {
  .project__button {
    width: calc(13% - 20px);
    margin-top: 0;
    min-width: 130px;
  }
}
@media (min-width: 768px) {
  .project__number {
    width: 20px;
  }
}
.project__description {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.05em;
  color: #000;
  display: none;
}
@media (min-width: 550px) {
  .project__description {
    display: block;
  }
}
@media (min-width: 768px) {
  .project__description {
    width: 40%;
    padding-right: 5%;
  }
}
@media (min-width: 992px) {
  .project__description {
    width: 38%;
    padding-right: 5%;
  }
}
@media (min-width: 1100px) {
  .project__description {
    width: 40%;
  }
}
.site-section--height-auto {
  height: auto;
}

@media (min-width: 650px) {
  .site-section-09 {
    height: 100vh;
  }
}

/* VIDEO PLAYER  */
.video-tile {
  position: relative;
  width: 100%;
}

.video-tile__video {
  display: block;
  object-fit: fill;
  margin: 0 auto;
}

.video-tile__video--case-study {
  width: 100%;
}

.video-tile__bottom-bar {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 2;
}

@media (min-width: 420px) {
  .video-tile__bottom-bar {
    right: 40px;
  }
}
@media (min-width: 1700px) {
  .video-tile__bottom-bar {
    bottom: 28px;
    right: 48px;
  }
}
.video-tile__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.video-tile .video-tile__controls-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.2s linear 0.5s;
  -moz-transition: all 0.2s linear 0.5s;
  -o-transition: all 0.2s linear 0.5s;
  transition: all 0.2s linear 0.5s;
  opacity: 1;
  cursor: pointer;
}

.video-tile .video-tile__controls-layer:hover, .video-tile .video-tile__controls-layer:focus {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.video-tile__timeline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 4;
}

.video-tile--playing .video-tile__controls-layer {
  opacity: 0;
}

.picture-tile {
  padding: 0 0 56% 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

.picture-tile--primary-cover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #16253F;
  opacity: 0.5;
}

.control-button {
  background: none;
  border: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #16253F;
  font-size: 10px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
}

@media (min-width: 1700px) {
  .control-button {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 4px;
  }
}
.control-button__content-container {
  padding: 2px 8px 0 0;
}

@media (min-width: 480px) {
  .control-button__content-container {
    opacity: 1;
  }
}
.control-button--light {
  color: #fff;
}

.progress-bar {
  height: 5px;
  position: relative;
  cursor: pointer;
  padding: 10px 0 0 0;
  background-color: transparent;
}

.progress-bar__bg, .progress-bar__progress {
  position: absolute;
  bottom: 0;
  left: 0;
}

.progress-bar__bg {
  height: 1px;
  width: 100%;
  background: #16253F;
}

.progress-bar__progress {
  background: #B78E78;
  height: 2px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.progress-bar--light .progress-bar__bg {
  background: #fff;
}

.icon-sound {
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
}

@media (min-width: 1700px) {
  .icon-sound {
    width: 24px;
    height: 24px;
  }
}
.icon-sound__core {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("/img/icons/player/icon-sound-on.svg") no-repeat center bottom;
  background-size: 100% auto;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.icon-sound.icon--off .icon-sound__core {
  height: 9px;
}

@media (min-width: 1700px) {
  .icon-sound.icon--off .icon-sound__core {
    height: 11px;
  }
}
.icon-sound--light .icon-sound__core {
  background-image: url("/img/icons/player/icon-sound-on-light.svg");
}

.play-button--played .play-button__play {
  opacity: 0;
}

.play-button--played .play-button__pause {
  opacity: 1;
}

.large-icon-button {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  background: rgba(22, 37, 63, 0.3);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

@media (min-width: 1300px) {
  .large-icon-button {
    width: 84px;
    height: 84px;
  }
}
.large-icon-button:hover {
  background: rgba(22, 37, 63, 0.4);
}

.large-icon-button--on .large-icon-button__core:before {
  opacity: 0;
}

.large-icon-button--on .large-icon-button__core:after {
  opacity: 1;
}

/* END VIDEO PLAYER */
#overlayer-video {
  overflow: hidden;
  z-index: 9999;
}
#overlayer-video .overlayer__inner {
  background-color: transparent;
}

#overlayer-video .wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
#overlayer-video .wrapper > div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

#overlayer {
  z-index: 9999;
}

@media (min-width: 992px) {
  .overlayer__content-wrapper, .overlayer__content {
    height: 100%;
  }
}

.std-overlayer {
  color: #fff;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .std-overlayer {
    margin-top: 0;
    height: 100%;
  }
}
.std-overlayer__title {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 52px;
  text-align: left;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .std-overlayer__title {
    max-width: 76%;
    margin-bottom: 0;
    min-height: 110px;
  }
}
@media (min-width: 1700px) {
  .std-overlayer__title {
    font-size: 50px;
    line-height: 62px;
  }
}
@media (min-width: 992px) {
  .std-overlayer__title--narrow {
    max-width: 38%;
  }
}
.std-overlayer__title--with-arrow {
  position: relative;
}
@media (min-width: 768px) {
  .std-overlayer__title--with-arrow:after {
    position: absolute;
    bottom: -90px;
    left: 0;
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-image: url("../img/icons/arrows-down-white.svg");
    height: 45px;
    width: 15px;
    animation: mover-y 1s infinite alternate;
  }
}
.std-overlayer__description {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.05em;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .std-overlayer__description {
    max-width: 66%;
    margin-bottom: 0;
  }
}
@media (min-width: 1700px) {
  .std-overlayer__description {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 992px) {
  .std-overlayer .flex-container {
    height: 90%;
  }
}
@media (min-width: 992px) {
  .std-overlayer .flex-container .flex-column:first-child {
    align-items: flex-start;
    display: flex;
    height: 100%;
    margin-top: 140px;
  }
}
.std-overlayer__list {
  list-style: none;
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.05em;
  text-align: left;
  counter-reset: list;
}
@media (min-width: 1700px) {
  .std-overlayer__list {
    font-size: 18px;
    line-height: 30px;
  }
}
.std-overlayer__list > li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 50px;
  /*&:before {
      content: '- ';
      position: absolute;
      left: 0;
      top: 0;
  }*/
}
.std-overlayer__list > li:last-child {
  margin-bottom: 0;
}
.std-overlayer__list > li:before {
  counter-increment: list;
  content: counter(list, decimal-leading-zero);
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.05em;
  color: #B78E78;
  position: absolute;
  top: 0;
  left: 0;
}
.std-overlayer__content {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
  letter-spacing: 0.05em;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .std-overlayer__content {
    max-width: 76%;
    margin-bottom: 0;
  }
}
@media (min-width: 1700px) {
  .std-overlayer__content {
    font-size: 16px;
    line-height: 26px;
  }
}
.std-overlayer__content p {
  margin-bottom: 20px;
}
.std-overlayer__content p:last-child {
  margin-bottom: 0;
}

/*.scroll-list {
    list-style: none;
    height: 290px;
    overflow: hidden;

    &__item {
        font-family: $sans-serif-font-family;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        letter-spacing: 0.05em;
        color: $dark-color;
        margin-bottom: 24px;
        @include transition(all .2s linear);

        @media (min-width: $tablet-s) {
            font-size: 18px;
            line-height: 60px;
            margin-bottom: 0;
        }

        &.active {
            font-size: 20px;

            @media (min-width: $tablet-s) {
                font-size: 24px;
            }
        }
    }
}*/
/* sctoll list */
.scroll-list-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.scroll-list-wrapper:after {
  /*width: 100%;
  height: 140px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(245,245,245,1) 100%);*/
}
.scroll-list-wrapper:before {
  width: 100%;
  height: 30px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.scroll-list {
  width: 100%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .scroll-list {
    margin-top: 10px;
  }
}
@media (min-width: 1300px) and (max-height: 800px) {
  .scroll-list {
    margin-top: -20px;
  }
}
.scroll-list__wrp {
  height: 340px;
  overflow: auto;
}
.scroll-list__wrp .scrollbar-track {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .scroll-list__wrp {
    padding: 25px;
  }
}
@media (min-width: 1300px) and (max-height: 800px) {
  .scroll-list__wrp {
    height: 240px;
  }
}
@media screen and (min-width: 1700px) {
  .scroll-list__wrp {
    height: 330px;
  }
}
.scroll-list__item {
  width: 100%;
  display: block;
  transition: all 0.35s ease-in-out;
  opacity: 0;
  transform: scale(0.7);
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #000;
  margin-bottom: 24px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (min-width: 650px) {
  .scroll-list__item {
    font-size: 18px;
    line-height: 70px;
  }
}
.scroll-list__item.item-hide {
  opacity: 0;
  transform: scale(0.7);
}
.scroll-list__item.item-focus {
  opacity: 1;
  transform: scale(1);
}
.scroll-list__item.item-next {
  opacity: 1;
  transform: scale(1);
}
.scroll-list__item.item-next + .scroll-list__item {
  /*opacity: 1;
  transform: scale(1);*/
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 650px) {
  .scroll-list__item.item-next + .scroll-list__item {
    font-size: 24px;
    line-height: 32px;
  }
}
.scroll-list__item.item-next-2, .scroll-list__item.item-next-3 {
  opacity: 1;
  transform: scale(1);
  /*& + .scroll-list__item {
    opacity: 1;
    transform: scale(1);
  }*/
}
.scroll-list__item.item-next-3 + .scroll-list__item {
  opacity: 1;
  transform: scale(1);
}
.scroll-list__item:last-child {
  margin-bottom: 155px;
}

#animated-down {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.hide-opacity {
  opacity: 0;
}

.flexible-row {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 90%;
}
@media (min-width: 650px) {
  .flexible-row {
    width: 74%;
  }
}
@media (min-width: 1700px) {
  .flexible-row {
    width: 60%;
  }
}
.flexible-row > li {
  width: calc(50% - 30px);
  margin: 15px 15px;
  height: auto;
  display: flex;
  justify-content: center;
}
@media (min-width: 650px) {
  .flexible-row > li {
    margin: 15px;
    width: auto;
    height: auto;
  }
}

.border-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #D7D7D7;
  padding: 14px;
}
@media (min-width: 650px) {
  .border-section {
    flex-direction: row;
    padding: 22px;
  }
}
@media (min-width: 1700px) {
  .border-section {
    padding: 32px;
  }
}
@media (min-width: 650px) {
  .border-section--left-side {
    margin-right: 10%;
  }
}
@media (min-width: 650px) {
  .border-section--right-side {
    margin-left: 10%;
  }
}
.border-section--mobile-space-below {
  margin-bottom: 40px;
}
@media (min-width: 650px) {
  .border-section--mobile-space-below {
    margin-bottom: 0;
  }
}
@media (min-width: 650px) {
  .border-section--tablet-space-below {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .border-section--tablet-space-below {
    margin-bottom: 0;
  }
}
.border-section__logo {
  margin-right: 33px;
}
.border-section > div, .border-section img, .border-section a {
  margin-bottom: 20px;
}
@media (min-width: 650px) {
  .border-section > div, .border-section img, .border-section a {
    margin-bottom: 0;
  }
}
.border-section > div:last-child, .border-section img:last-child, .border-section a:last-child {
  margin-bottom: 0;
}
.border-section .text {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 650px) {
  .border-section .text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 1700px) {
  .border-section .text {
    font-size: 18px;
    line-height: 26px;
  }
}
.border-section .text--max-width {
  max-width: 230px;
}
@media (min-width: 650px) {
  .border-section .text--max-width {
    max-width: 100%;
  }
}

.button-with-arrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 30px;
  cursor: pointer;
}
.button-with-arrow .swipe-icon {
  position: relative;
  display: block;
  bottom: 0;
  right: 0;
  margin-left: 20px;
}

.carousel-navigation-prev, .carousel-navigation-next {
  height: 40px;
  width: 144px;
  border: 1px solid #B78E78;
  border-radius: 40px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url("/img/icons/arrow-slim-dark.svg");
  background-position: center;
}

.carousel-navigation-prev {
  margin-right: 48px;
  transform: rotate(180deg);
}

.carousel-navigation-next {
  margin-left: 48px;
}

@media (max-width: 768px) {
  .carousel-navigation-prev, .carousel-navigation-next {
    display: none;
  }
}

.bottom-navigation--light .carousel-navigation-prev, .bottom-navigation--light .carousel-navigation-next {
  background-image: url("/img/icons/arrow-slim.svg");
}

.overlayer-close-button {
  width: 64px;
  height: 64px;
  display: block;
  cursor: pointer;
  background-image: url("/img/icons/close.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.overlayer-close-button--dark {
  background-image: url("/img/icons/close-dark.svg");
}

.text-swap {
  position: relative;
  /*display: block;

  &:before {
      content: 'CREATORS';
      animation: swapText infinite 6s;
  }*/
}

/*
@keyframes swapText {
    0% {
        content: "CREATORS";
        opacity: 1;
    }

    50% {
        opacity: 0;
        content: "HOUSE";
    }
}

.swap-container {
  position: relative;
}

.word {
  position: absolute;
  animation: switch 8s infinite ease-in-out;
  min-width: 100%;
  margin: auto;
}

.word:nth-child(1) {
  animation-delay: -4s;
}

.word:nth-child(2) {
  animation-delay: -3s;
}

.word:nth-child(3) {
  animation-delay: -2s;
}
*/
@keyframes switch {
  0% {
    filter: blur(180px);
    opacity: 0;
  }
  15% {
    filter: blur(0px);
    opacity: 1;
  }
  85% {
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    filter: blur(180px);
    opacity: 0;
  }
}
@keyframes show {
  0% {
    filter: blur(180px);
    opacity: 0;
  }
  15% {
    filter: blur(0px);
    opacity: 1;
  }
  85% {
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    filter: blur(180px);
    opacity: 0;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}
.fade-in-animation {
  animation: fadeIn 2s ease-in-out;
}

.swap-container__word {
  animation: switch 10s infinite ease-in-out;
}

.letters {
  background-image: url("/img/letters.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 470px;
  width: 100%;
  display: block;
}

@media (min-width: 650px) {
  .sticky {
    position: sticky;
    top: 0;
  }
}

.projects {
  counter-reset: list-number;
}
.projects--mobile-space-above {
  margin-top: 60px;
}
@media (min-width: 650px) {
  .projects--mobile-space-above {
    margin-top: 0;
  }
}

.projects .project__number:before {
  counter-increment: list-number;
  content: counter(list-number, decimal-leading-zero);
  font-family: "Questrial";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.05em;
  color: #000000;
}

/* title mask */
canvas {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

/*.mask {
    position: absolute;
    z-index: 2;
    background: black;
    height: 100vh;
    width: 100vw;
    mix-blend-mode: hard-light;
    top: 0;
    left: 0;
}

svg {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/
@media (max-width: 650px) {
  #canvas-background {
    background-image: url("/img/gold-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (min-width: 992px) {
  .site-section--rwd .flex-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 1100px) {
  .site-section--rwd .flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 992px) {
  .site-section--rwd .col-6-from-992 {
    width: 100%;
  }
}
@media (min-width: 1100px) {
  .site-section--rwd .col-6-from-992 {
    width: 50%;
  }
}
.site-section--rwd .std-tile {
  height: 310px;
}
@media (min-width: 480px) {
  .site-section--rwd .std-tile {
    height: 340px;
  }
}
@media (min-width: 550px) {
  .site-section--rwd .std-tile {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .site-section--rwd .std-tile {
    height: 350px;
  }
}
@media (min-width: 900px) {
  .site-section--rwd .std-tile {
    height: 300px;
  }
}
@media (min-width: 1100px) {
  .site-section--rwd .std-tile {
    height: 100%;
  }
}
@media (min-width: 992px) {
  .site-section--rwd .std-tile__text {
    font-size: 14px;
  }
}
@media (min-width: 1100px) {
  .site-section--rwd .std-tile__text {
    font-size: 16px;
  }
}
@media (min-width: 1100px) and (max-height: 800px) {
  .site-section--rwd .std-tile__text {
    font-size: 14px;
  }
}
@media (min-width: 1300px) and (max-height: 800px) {
  .site-section--rwd .std-tile__text {
    font-size: 14px;
  }
}
.site-section--rwd .std-tile__title {
  font-size: 30px;
  line-height: 36px;
}
@media (min-width: 992px) {
  .site-section--rwd .std-tile__title {
    font-size: 35px;
    line-height: 45px;
  }
}
@media (min-width: 1100px) {
  .site-section--rwd .std-tile__title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (min-width: 1100px) and (max-height: 800px) {
  .site-section--rwd .std-tile__title {
    font-size: 28px;
    line-height: 38px;
  }
}
@media (min-width: 1300px) {
  .site-section--rwd .std-tile__title {
    font-size: 40px;
    line-height: 45px;
  }
}
@media (min-width: 1300px) and (max-height: 800px) {
  .site-section--rwd .std-tile__title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (min-width: 1100px) {
  .site-section--rwd .section-title {
    font-size: 50px;
    line-height: 58px;
  }
}
@media (min-width: 1300px) {
  .site-section--rwd .section-title {
    font-size: 60px;
    line-height: 68px;
  }
}
@media (min-width: 1100px) {
  .site-section--rwd .section-header--left-space {
    margin-left: 0;
  }
}
@media (min-width: 1300px) {
  .site-section--rwd .section-header--left-space {
    margin-left: 60px;
  }
}
@media (min-width: 992px) {
  .site-section--rwd .flex-column {
    padding: 40px 0 0 0;
  }
}
@media (min-width: 1100px) {
  .site-section--rwd .flex-column {
    padding: 0px 0px 0px 0px;
  }
}
@media (min-width: 992px) {
  .site-section--rwd-12 .flex-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 1100px) {
  .site-section--rwd-12 .flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1300px) {
  .site-section--rwd-12 .section-header--left-space {
    margin-left: 100px;
  }
}
@media (min-width: 1500px) {
  .site-section--rwd-12 .section-header--left-space {
    margin-left: 130px;
  }
}
@media (min-width: 1700px) {
  .site-section--rwd-12 .section-header--left-space {
    margin-left: 160px;
  }
}
@media (min-width: 1100px) {
  .site-section--rwd-12 .section-pretitle--p {
    display: none;
  }
}

.section-content {
  width: 100%;
  padding-top: 20px;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  max-width: 300px;
}
@media (min-width: 480px) {
  .section-content {
    padding-top: 30px;
    font-size: 20px;
    line-height: 28px;
    max-width: 350px;
  }
}
@media (min-width: 550px) {
  .section-content {
    font-size: 22px;
    line-height: 30px;
  }
}
@media (min-width: 992px) {
  .section-content {
    max-width: 550px;
    font-size: 24px;
    line-height: 32px;
  }
}

.site-section--02 {
  cursor: grab;
}
@media (max-width: 768px) {
  .site-section--02 {
    height: 600px;
  }
}
@media (max-width: 992px) {
  .site-section--02 {
    height: 800px;
  }
}

@media (min-width: 768px) {
  .site-section--04 .section-title {
    line-height: 85px;
  }
}
@media (min-width: 992px) {
  .site-section--04 .section-title {
    line-height: 85px;
  }
}
@media (min-width: 1300px) {
  .site-section--04 .section-title {
    line-height: 105px;
  }
}

@media (min-width: 1700px) and (min-height: 850px) {
  .site-section--06 .bottom-navigation__wrapper {
    bottom: 40px;
  }
}

.site-section--11 .std-tile {
  height: 310px;
}
@media (min-width: 480px) {
  .site-section--11 .std-tile {
    height: 340px;
  }
}
@media (min-width: 550px) {
  .site-section--11 .std-tile {
    height: 250px;
  }
}
@media (min-width: 900px) {
  .site-section--11 .std-tile {
    height: 300px;
  }
}
@media (min-width: 1100px) {
  .site-section--11 .std-tile {
    height: 100%;
  }
}
@media (min-width: 1300px) {
  .site-section--11 .std-tile__title {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (min-width: 1700px) {
  .site-section--11 .std-tile__title {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 768px) and (max-height: 800px) {
  .site-section--15 {
    min-height: 750px;
  }
}

.site-section-06 .lead__content--animated .section-title {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .site-section-06 .flex-container {
    padding-top: 140px;
  }
}

@media (min-width: 992px) and (min-height: 800px) and (max-width: 1700px) {
  .site-section--clients .flex-container {
    padding-top: 200px;
  }
}
@media (min-width: 992px) and (max-height: 660px) and (max-width: 1700px) {
  .site-section--clients .flex-container {
    padding-top: 200px;
  }
}

.site-section--auto-height {
  height: auto;
}

.site-section--case-study-steps {
  display: none;
}
@media (min-width: 992px) {
  .site-section--case-study-steps {
    display: block;
  }
}

@media (max-width: 768px) {
  .bottom-navigation__inner--mobile-space-above {
    margin-bottom: 60px;
  }
}

@media (max-width: 768px) {
  .site-section__layer--no-padding {
    padding: 0;
  }
}

.tilt-container.video-cover {
  overflow: hidden;
}

.tilt-container .site-section__background {
  padding: 5px;
  border-radius: 25px;
}

.video-bottom {
  margin-top: 20px;
  font-size: 20px;
}
.video-bottom a {
  color: #ffffff;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .flex-column--space-right {
    margin-right: 90px;
  }
}
@media (min-width: 1100px) {
  .flex-column--space-right {
    margin-right: 120px;
  }
}

.button-top {
  margin: -46px -25px 0 -3px;
}

#steps-gallery {
  overflow: hidden;
}
#steps-gallery .case-gallery__list {
  display: block;
}

#overlayer-carousel {
  overflow: hidden;
}

.site-section-08 {
  overflow: hidden;
}
@media (min-width: 768px) {
  .site-section-08 {
    overflow: unset;
  }
}

.site-header__bar {
  /*backdrop-filter: blur(12px);
  mask: linear-gradient(#000000 80%, transparent);*/
}

@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
  .site-section {
    height: auto !important;
  }
}
.site-section--color-background {
  transform: translateZ(0);
}
.site-section--color-background:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #E5E5E5;
}

.footer-contact {
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .footer-contact {
    font-size: 16px;
    line-height: 26px;
  }
}
.footer-contact p {
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .footer-contact p {
    margin-bottom: 26px;
  }
}
.footer-contact p:last-child {
  margin-bottom: 0;
}
.footer-contact--space-left {
  margin-left: 0;
}
@media (min-width: 768px) {
  .footer-contact--space-left {
    margin-left: 30%;
  }
}

.datepicker-panel {
  box-sizing: content-box;
}

.form-field__error-container {
  color: #DB2B39;
  padding-top: 4px;
}

input[type=file] {
  display: none;
}

/* FILES UPLOADER */
.file-form-field {
  display: block;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.file-form-field input {
  display: none;
}
.file-form-field__path-container {
  padding: 8px 0 16px 0;
}
.file-form-field__container {
  display: flex;
}
.file-form-field__preview-container {
  width: 200px;
  min-width: 200px;
  padding: 0 20px 0 0;
}
.file-form-field__content-container {
  width: 100%;
}

.file-fields-list > li {
  display: block;
  padding: 20px 0;
}
.file-fields-list > li:first-child {
  padding-top: 0;
}
.file-fields-list > li:last-child {
  padding-bottom: 0;
}

.simple-form-field__core {
  display: block;
  width: 100%;
  border: 0;
  padding: 0 0 8px 0;
  font-size: 12px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.simple-form-field__core:before {
  content: "";
  width: 32px;
  height: 1px;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.6);
  vertical-align: super;
  margin-right: 12px;
}
.simple-form-field.error .simple-form-field__core {
  color: #DB2B39;
}
.simple-form-field.error .simple-form-field__core:before {
  background-color: #DB2B39;
}

.simple-form-field--shy .simple-form-field__core {
  opacity: 0;
}

.simple-form-field.filled .simple-form-field__core {
  opacity: 1;
}

.button-file__input {
  display: none;
}

.button-file__button {
  cursor: pointer;
  display: inline-block;
  font-family: questrial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  background: #000000;
  padding: 10px 28px;
  border-radius: 53px;
}

.form-field {
  display: block;
  position: relative;
  /*&__title {
    font-size: 14px;
    line-height: 112%;
    letter-spacing: 0.02em;
    color: #4F4F4F;
    margin-bottom: 5px;
    display: inline-block;
  }

  &__core {
    display: block;
    padding: 8px;
    width: 100%;
    margin: 0;
    -webkit-appearance: none;
    border: 0;
    border: 1px solid $dark-color;
    color: $dark-color;
    position: relative;
    font-size: $main-font-size;
    z-index: 5;
    font-family: $sans-serif-font-family;
    font-weight: 400;
    background: none;
    @include transition(all .2s linear);
    @include box-sizing(border-box);
    @include border-radius(0);

    &:focus {
      border-color: $secondary-color;
    }
  }

  &__core::-webkit-input-placeholder {
    color: #828282;
    font-weight: 400;
    opacity: 1;
  }

  &__core:-moz-placeholder {
    color: #828282;
    font-weight: 400;
    opacity: 1;
  }

  &__core::-moz-placeholder {
    color: #828282;
    font-weight: 400;
    opacity: 1;
  }

  &__core:-ms-input-placeholder {
    color: #828282;
    font-weight: 400;
    opacity: 1;
  }*/
}
.form-field.error .form-field__core {
  border-color: #DB2B39;
}

.form-field--light .form-field__core {
  color: #fff;
  border-color: #fff;
}
.form-field--light .form-field__core::-webkit-input-placeholder {
  color: #fff;
}
.form-field--light .form-field__core:-moz-placeholder {
  color: #fff;
}
.form-field--light .form-field__core::-moz-placeholder {
  color: #fff;
}
.form-field--light .form-field__core:-ms-input-placeholder {
  color: #fff;
}

.file-form-field {
  display: block;
}
.file-form-field .file-form-field__clear-button {
  opacity: 0;
}
.file-form-field.filled .file-form-field__clear-button {
  opacity: 1;
}
.file-form-field input {
  display: none;
}
.file-form-field__path-container {
  padding: 8px 0 16px 0;
}
.file-form-field__container {
  display: flex;
}
.file-form-field__preview-container {
  width: 200px;
  min-width: 200px;
  padding: 0 20px 0 0;
}
.file-form-field__content-container {
  width: 100%;
}

.file-fields-list > li {
  display: block;
  padding: 20px 0;
}
.file-fields-list > li:first-child {
  padding-top: 0;
}
.file-fields-list > li:last-child {
  padding-bottom: 0;
}

.simple-form-field__core {
  display: block;
  width: 100%;
  border: 0;
  padding: 0 0 8px 0;
  font-size: 12px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.simple-form-field.error .simple-form-field__core {
  border-color: #DB2B39;
}

.simple-form-field--shy .simple-form-field__core {
  opacity: 0;
}

.simple-form-field.filled .simple-form-field__core {
  opacity: 1;
}

.form__fieldset {
  padding-left: 25px;
}

.form__fieldset--no-space-mobile {
  padding: 0;
}
@media (min-width: 992px) {
  .form__fieldset--no-space-mobile {
    padding-left: 25px;
  }
}

.file-form-field__clear-button {
  height: 24px;
  width: 24px;
  background-image: url("/img/icons/remove.svg");
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999px;
  cursor: pointer;
}

/* case study vide sldier  */
.slider-wrapper {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
}

/* END case study vide sldier  */
.content-services {
  font-size: 16px;
  text-align: center;
  margin-top: 15px;
  line-height: 36px;
}
@media (min-width: 380px) {
  .content-services {
    font-size: 18px;
    line-height: 38px;
  }
}
@media (min-width: 480px) {
  .content-services {
    font-size: 20px;
    line-height: 40px;
  }
}
@media (min-width: 500px) {
  .content-services {
    font-size: 22px;
    line-height: 42px;
  }
}
@media (min-width: 550px) {
  .content-services {
    font-size: 24px;
    line-height: 44px;
  }
}
@media (min-width: 992px) {
  .content-services {
    text-align: left;
    min-width: 300px;
    margin-top: 0;
  }
}

.service-details {
  font-size: 14px;
  line-height: 20px;
  min-width: 370px;
  text-align: center;
}
@media (min-width: 480px) {
  .service-details {
    font-size: 15px;
    line-height: 24px;
  }
}
@media (min-width: 550px) {
  .service-details {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 992px) {
  .service-details {
    text-align: center;
    padding-top: 4px;
  }
}

.site-section--bg-power {
  background: linear-gradient(270deg, #F3271F 22.87%, #FF931E 81.68%);
}

/* video modal */
/* Miniatura wideo */
.video--thumbnail {
  width: 100%;
  max-width: 600px;
  cursor: pointer;
  border-radius: 10px;
  transition: transform 0.2s ease-in-out;
}

.video--thumbnail:hover {
  transform: scale(1.05);
}

/* hero bcg with video */
.background-video-sections .site-section:first-child {
  background-color: transparent !important;
}

.site-section--video-background.site-section--dark-bg {
  background-color: transparent !important;
}

.background-video-sections--relative {
  background: #E1DED8;
  position: relative;
}

/* === MONKS EFFECT HERO SECTION === */
/* ================================= */
.site-section--hero-first {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.site-section--hero-first .lead--hero {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 20px;
  transition: color 0.3s ease;
}
.site-section--hero-first .lead--hero-white {
  color: #fff;
}
.site-section--hero-first .lead--hero-white .section-title,
.site-section--hero-first .lead--hero-white .section-content p {
  color: #fff;
}
.site-section--hero-first .lead__content {
  margin: 0 auto;
}
.site-section--hero-first .logos {
  z-index: 3;
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
}
@media (min-width: 550px) {
  .site-section--hero-first .logos {
    bottom: 10px;
  }
}
.site-section--hero-first .section-content p {
  transform: translateY(30px);
}

/* =============================== */
/* === animation of hero title === */
.section-title--hero {
  clip-path: inset(0 100% 0 0);
  opacity: 0;
}

.section-title--hero.animate {
  animation: revealText 0.8s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.section-title--hero.scale {
  animation: scaleText 1.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

@keyframes revealText {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes scaleText {
  0% {
    transform: scale(1);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  50% {
    transform: scale(2);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
/* === Animation of hero content === */
/* ================================= */
.section-content--hero,
.logos--hero {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

.section-content--hero.visible,
.logos--hero.visible {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 992px) {
  .section-content--hero {
    padding-top: 0;
  }
}

/* ======= hero video ======= */
.site-section__hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}

.site-section__hero-video.visible {
  opacity: 1;
}

.site-section__layer--relative {
  position: relative;
  z-index: 3;
}

/* === custom hero cursor === */
/* ========================== */
.cursor-hover-hero {
  cursor: pointer;
}

.custom-one-cursor {
  width: 120px;
  height: 120px;
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  background-image: url("../img/cursors/hero-cursor-en.svg");
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 0.3s ease;
}

/* hero link */
/* chanigng hero color into white */
.lead__description--three-line {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.logos__partner {
  transition: filter 0.3s ease;
}
.logos__partner--white {
  filter: brightness(0) invert(1);
}
.logos--white {
  color: white;
}

/* end chanigng hero color into white */
.site-section--hero-second {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
}

.site-section--hero-video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Możesz dostosować wartość 0.5 aby zmienić poziom przyciemnienia */
  z-index: 1;
}

/* ============== */
/* logo container */
/* ============== */
.logos {
  padding: 20px 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  bottom: -20vh;
}
@media (min-height: 500px) and (max-width: 500px) {
  .logos {
    bottom: -18vh;
  }
}
@media (min-height: 600px) and (max-width: 500px) {
  .logos {
    bottom: -20vh;
  }
}
@media (min-height: 650px) and (max-width: 500px) {
  .logos {
    bottom: -22vh;
  }
}
@media (min-height: 700px) and (max-width: 500px) {
  .logos {
    bottom: -24vh;
  }
}
.logos__slide {
  display: flex;
  align-items: center;
  gap: 0px;
  padding: 0 20px;
  transition: transform 0.5s linear;
  will-change: transform;
}
@media (min-width: 650px) {
  .logos__slide {
    gap: 30px;
  }
}
.logos__partner {
  height: 70px;
  object-fit: contain;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
@media (min-width: 650px) {
  .logos__partner {
    height: 80px;
  }
}
.logos__title {
  font-size: 10px;
  text-align: center;
  margin-bottom: 30px;
  text-transform: uppercase;
}
@media (min-width: 550px) {
  .logos__title {
    font-size: 12px;
    margin-top: 40px;
  }
}
@media (min-width: 768px) {
  .logos__title {
    font-size: 14px;
    margin-bottom: 44px;
  }
}
@media (min-width: 992px) {
  .logos__title {
    display: none;
  }
}

/* ================== */
/* End Panorama slider */
/* ================== */
/* Full screen video  */
.fullscreen-video {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100vh;
  height: auto;
  z-index: 999;
  background: #000;
}
.fullscreen-video .video-tile__video-container {
  width: 100%;
  height: auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fullscreen-video .video-tile__video {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.fullscreen-video .video-tile__controls-layer {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.fullscreen-video .video-tile__timeline {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  padding: 0 10px;
  z-index: 2;
}
.fullscreen-video .overlayer__button {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .fullscreen-video .video-tile__video {
    object-fit: contain;
  }
  .fullscreen-video .overlayer__button {
    bottom: 30px;
  }
  .fullscreen-video .video-tile__controls-layer {
    bottom: 60px;
  }
  .fullscreen-video .video-tile__timeline {
    bottom: 20px;
    padding: 0 15px;
  }
}

.overlayer__button-mobile {
  position: fixed;
  bottom: 100px;
  right: 100px;
  z-index: 1000;
  background-image: url("../img/cursors/see-case-study.svg");
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: invert(1);
}
@media (min-width: 900px) {
  .overlayer__button-mobile {
    display: none;
  }
}

/* =============================== */
/* fullscreen-video Panorama sldier */
.fullscreen-video-gsap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  background: #000;
}
.fullscreen-video-gsap .video-tile {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fullscreen-video-gsap .video-tile__video-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fullscreen-video-gsap .video-tile__video {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 1500px) {
  .fullscreen-video-gsap .video-tile__video {
    object-fit: fill;
  }
}
.fullscreen-video-gsap .video-tile__timeline {
  position: relative;
  width: 100%;
  padding: 0;
  height: 2px;
  min-height: 2px;
}
.fullscreen-video-gsap .progress-bar {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.fullscreen-video-gsap .progress-bar__progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
}
.fullscreen-video-gsap .overlayer__button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .fullscreen-video-gsap .overlayer__button {
    bottom: 30px;
  }
  .fullscreen-video-gsap .video-tile__controls-layer {
    bottom: 60px;
  }
  .fullscreen-video-gsap .video-tile__timeline {
    bottom: 20px;
    padding: 0 15px;
  }
}

/* =============================== */
/* full screen video custom cursor */
.fullscreen-video-cursor {
  width: 80px;
  height: 80px;
  position: fixed;
  pointer-events: none;
  z-index: 10000;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.fullscreen-video-cursor.cursor-visible {
  opacity: 1;
}

.fullscreen-video-cursor {
  width: 120px;
  height: 120px;
  position: fixed;
  pointer-events: none;
  z-index: 10000;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.fullscreen-video-cursor.cursor-visible {
  opacity: 1;
}

.fullscreen-video {
  cursor: none;
}

/* panorama slider home page */
.panorama-slider-cursor {
  width: 120px;
  height: 120px;
  position: fixed;
  pointer-events: none;
  z-index: 10000;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.panorama-slider-cursor.cursor-visible {
  opacity: 1;
}

.panorama-bg-cursor {
  width: 120px;
  height: 120px;
  position: fixed;
  pointer-events: none;
  z-index: 10000;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: none;
}
.panorama-bg-cursor.cursor-visible {
  opacity: 1;
}
@media (min-width: 768px) {
  .panorama-bg-cursor {
    display: block;
  }
}

.panorama-slider__video {
  min-height: 170px;
  object-fit: cover;
}
@media (min-width: 480px) {
  .panorama-slider__video {
    min-height: 300px;
  }
}
@media (min-width: 768px) {
  .panorama-slider__video {
    min-height: 340px;
    cursor: none;
  }
}
@media (min-width: 1300px) {
  .panorama-slider__video {
    min-height: 330px;
  }
}
@media (min-width: 1400px) {
  .panorama-slider__video {
    min-height: 355px;
  }
}
@media (min-width: 1500px) {
  .panorama-slider__video {
    min-height: 360px;
  }
}
@media (min-width: 1700px) {
  .panorama-slider__video {
    min-height: 400px;
  }
}

/* ======================== */
/* ===== Section link ===== */
/* ======================== */
.section-link {
  display: none;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .section-link {
    display: inline;
  }
}
.section-link:nth-child(2) {
  padding-right: 20px;
}
@media (min-width: 768px) {
  .section-link:nth-child(2) {
    padding-right: 140px;
  }
}
@media (min-width: 992px) {
  .section-link:nth-child(2) {
    padding-right: 0px;
  }
}

/* ======================== */
/* = video-cover-panorama = */
/* ======================== */
.video-cover-panorama {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  padding: 2px;
  will-change: transform;
  background: linear-gradient(135deg, rgba(165, 151, 127, 0.95) 0%, rgba(187, 176, 146, 0.9) 100%);
  border: 1px solid rgba(200, 200, 200, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.02), 0 5px 10px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.02), 0 5px 10px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.02), 0 5px 10px rgba(0, 0, 0, 0.03);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
@media (min-width: 768px) {
  .video-cover-panorama {
    border-radius: 40px;
  }
}
.video-cover-panorama:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03), 0 8px 15px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03), 0 8px 15px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03), 0 8px 15px rgba(0, 0, 0, 0.05);
}
.video-cover-panorama::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 0%, rgba(255, 255, 255, 0.03) 45%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.03) 55%, transparent 100%);
  border-radius: 40px;
  pointer-events: none;
}
@media (min-width: 768px) {
  .video-cover-panorama {
    padding: 3px;
  }
  .video-cover-panorama .panorama-slider__video {
    border-radius: 22px;
  }
}

/* chaning location of language switcher */
@media (min-width: 768px) {
  .language-switch--switcher {
    position: absolute;
    top: 0;
    right: -5px;
  }
}

@media (min-width: 768px) {
  .language-switch--links {
    margin-right: 20px;
  }
}

/* ================ */
/* Panorama slider */
/* ================ */
.panorama-slider {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  min-height: 470px;
}
@media (min-width: 768px) {
  .panorama-slider {
    min-height: 600px;
  }
}
@media (min-width: 1300px) {
  .panorama-slider {
    min-height: 650px;
  }
}
.panorama-slider__wrapper {
  width: 100%;
  height: 100%;
}
.panorama-slider__slide {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.panorama-slider__video {
  border-radius: 14px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .panorama-slider__video {
    border-radius: 22px;
  }
}
@media (min-width: 1500px) {
  .panorama-slider__video {
    object-fit: fill;
  }
}

.swiper-button-next,
.arrows-panorama-next {
  top: auto;
  width: auto;
  right: auto;
  left: auto;
}

.swiper-button-prev,
.arrows-panorama-prev {
  left: auto;
  right: auto;
  top: auto;
  width: auto;
}

.arrows-panorama-prev {
  bottom: 130px;
  width: 100px;
  background: url("../img/icons/arrow-left.png");
  background-size: contain;
  background-repeat: no-repeat;
  left: 16%;
}
.arrows-panorama-prev:after {
  content: "";
}
@media (min-width: 480px) {
  .arrows-panorama-prev {
    bottom: 80px;
  }
}
@media (min-width: 768px) {
  .arrows-panorama-prev {
    width: 110px;
    left: auto;
    right: 70%;
    bottom: 100px;
  }
}
@media (min-width: 992px) {
  .arrows-panorama-prev {
    width: 120px;
    right: 250px;
  }
}
@media (min-width: 1300px) {
  .arrows-panorama-prev {
    width: 130px;
    right: 270px;
  }
}
@media (min-width: 1400px) {
  .arrows-panorama-prev {
    width: 158px;
    right: 300px;
    bottom: 50px;
  }
}
@media (min-width: 1700px) {
  .arrows-panorama-prev {
    bottom: 50px;
  }
}

.arrows-panorama-next {
  bottom: 130px;
  right: 16%;
  width: 100px;
  background: url("../img/icons/arrow-right.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.arrows-panorama-next:after {
  content: "";
}
@media (min-width: 480px) {
  .arrows-panorama-next {
    bottom: 80px;
  }
}
@media (min-width: 768px) {
  .arrows-panorama-next {
    width: 110px;
    right: 16%;
    bottom: 100px;
  }
}
@media (min-width: 992px) {
  .arrows-panorama-next {
    width: 120px;
    right: 70px;
  }
}
@media (min-width: 1300px) {
  .arrows-panorama-next {
    width: 130px;
  }
}
@media (min-width: 1400px) {
  .arrows-panorama-next {
    width: 158px;
    bottom: 50px;
  }
}
@media (min-width: 1700px) {
  .arrows-panorama-next {
    bottom: 50px;
  }
}

/* ================== */
/* End Panorama slider */
/* ================== */
/* ========================= */
/* == CLIENTS LOGO SLIDER == */
/* ========================= */
.logotype-picture {
  height: 57px;
  width: auto;
  object-fit: contain;
}
@media (min-width: 650px) {
  .logotype-picture {
    height: 64px;
  }
}
@media (min-width: 1300px) {
  .logotype-picture {
    height: 80px;
  }
}

.logotype-picture--big {
  height: 80px;
}
@media (min-width: 650px) {
  .logotype-picture--big {
    height: 86px;
  }
}
@media (min-width: 1300px) {
  .logotype-picture--big {
    height: 96px;
  }
}

.slider-container {
  overflow: hidden;
}
.slider-container__wrapper {
  padding: 0px 0 60px 0;
}
@media (min-width: 768px) {
  .slider-container__wrapper {
    padding: 30px 0 0px 0;
  }
}
@media (min-width: 992px) {
  .slider-container__wrapper {
    padding: 120px 0 0px 0;
  }
}
@media (min-width: 1300px) {
  .slider-container__wrapper {
    padding: 160px 0 0px 0;
  }
}
@media (min-width: 1500px) {
  .slider-container__wrapper {
    padding: 180px 0 0px 0;
  }
}
@media (min-width: 1700px) {
  .slider-container__wrapper {
    padding: 200px 0 0px 0;
  }
}
.slider-container__item {
  padding: 16px 0;
  overflow: hidden;
}
.slider-container__item .splide {
  overflow: visible;
}
@media (min-width: 768px) {
  .slider-container__item {
    padding: 26px 0;
  }
}
@media (min-width: 1100px) {
  .slider-container__item {
    padding: 36px 0;
  }
}

.section-title--splite {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
}
@media (max-width: 992px) {
  .section-title--splite {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .section-title--splite {
    padding-top: 100px;
  }
}
@media (min-width: 992px) {
  .section-title--splite {
    padding-top: 0px;
  }
}

/* chat gbt style  */
.splide {
  visibility: visible;
  position: relative;
}
.splide__track {
  overflow: visible;
}
.splide__list {
  display: flex;
  align-items: center;
}
.splide__slide {
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}
.splide__slide img {
  max-width: 100%;
  height: auto;
  transition: all 0.3s ease;
}

.logotype-picture {
  height: 57px;
  width: auto;
  object-fit: contain;
  opacity: 1 !important;
  visibility: visible !important;
}
.logotype-picture--big {
  height: 80px;
}
@media (min-width: 650px) {
  .logotype-picture--big {
    height: 86px;
  }
}
@media (min-width: 1300px) {
  .logotype-picture--big {
    height: 96px;
  }
}

/* ====================== */
/* === make-it-center === */
/* ====================== */
.make-it-center {
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translateX(50%);
}

/* ====================== */
/* panorama slider-cursor */
/* ====================== */
.panorama-slider-cursor.cursor-light {
  filter: invert(1);
  transition: filter 0.2s ease;
}
.panorama-slider-cursor.cursor-dark {
  filter: none;
  transition: filter 0.2s ease;
}