/* line 53, ../sass/main.scss */
.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  -moz-animation: loader-animation 0.25s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal forwards;
  -webkit-animation: loader-animation 0.25s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal forwards;
  animation: loader-animation 0.25s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal forwards;
}
@-moz-keyframes loader-animation {
  0% {
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes loader-animation {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes loader-animation {
  0% {
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
/* line 72, ../sass/main.scss */
.loader .loader-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 80, ../sass/main.scss */
.loader .hexagon {
  width: 3.66032vw;
  height: 4.24597vw;
  -moz-animation: hexagon-animation 6s linear 0s infinite;
  -webkit-animation: hexagon-animation 6s linear 0s infinite;
  animation: hexagon-animation 6s linear 0s infinite;
}
/* line 84, ../sass/main.scss */
.loader .hexagon svg {
  fill: #f9485c;
}
@-moz-keyframes hexagon-animation {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes hexagon-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes hexagon-animation {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 104, ../sass/main.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 108, ../sass/main.scss */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* line 114, ../sass/main.scss */
body {
  background-color: #090b0e;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-weight: 300;
  font-size: 0;
  color: #c1c2c2;
}

/* line 122, ../sass/main.scss */
.main {
  position: relative;
  opacity: 0;
  pointer-events: none;
  height: 100%;
}

/* line 129, ../sass/main.scss */
.responsive-video-16-9 {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
/* line 134, ../sass/main.scss */
.responsive-video-16-9 video, .responsive-video-16-9 iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 144, ../sass/main.scss */
.show .main {
  -moz-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 1;
  pointer-events: auto;
}

/* ==========================================================================
   Custom
   ========================================================================== */
/* line 157, ../sass/main.scss */
.main {
  position: relative;
  min-height: 49.4894vw;
  display: flex;
  align-items: center;
  padding: 0 5.22388vw;
}
@media (max-width: 1023px) {
  /* line 157, ../sass/main.scss */
  .main {
    padding: 0 5.20833vw;
    display: block;
    height: auto;
  }
}
/* line 170, ../sass/main.scss */
.main .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/background-desktop.jpg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #090b0e;
}
@media (max-width: 1023px) {
  /* line 170, ../sass/main.scss */
  .main .background {
    height: 113.67188vw;
    background-image: url("../img/background-mobile.jpg");
    background-position: center;
    background-size: cover;
  }
}
/* line 190, ../sass/main.scss */
.main .sc-logo {
  position: absolute;
  top: 1.02121vw;
  right: 1.02121vw;
  width: 3.92773vw;
  height: auto;
}
@media (max-width: 1023px) {
  /* line 190, ../sass/main.scss */
  .main .sc-logo {
    top: 1.69271vw;
    right: 1.69271vw;
    width: 6.51042vw;
  }
}
@media (max-width: 720px) {
  /* line 190, ../sass/main.scss */
  .main .sc-logo {
    top: 3.46667vw;
    right: 3.46667vw;
    width: 13.33333vw;
  }
}
/* line 210, ../sass/main.scss */
.main .container {
  position: relative;
  padding: 3.92773vw 0;
}
@media (max-width: 1023px) {
  /* line 210, ../sass/main.scss */
  .main .container {
    display: flex;
    flex-direction: column;
    padding: 0;
    padding-bottom: 30.19324vw;
  }
}
/* line 221, ../sass/main.scss */
.main .container .content {
  position: relative;
  order: 1;
}
@media (max-width: 1023px) {
  /* line 221, ../sass/main.scss */
  .main .container .content {
    margin-top: 7.14286vw;
    padding: 0 7.24638vw;
  }
}
@media (max-width: 720px) {
  /* line 221, ../sass/main.scss */
  .main .container .content {
    padding: 0 2.41546vw;
  }
}
/* line 234, ../sass/main.scss */
.main .container .content img {
  width: 43.9513vw;
  height: auto;
}
@media (max-width: 1023px) {
  /* line 234, ../sass/main.scss */
  .main .container .content img {
    display: none;
  }
}
/* line 243, ../sass/main.scss */
.main .container .content .subline {
  font-size: 3.29929vw;
  line-height: 3.53496vw;
  letter-spacing: 0.16496vw;
  text-transform: uppercase;
  color: #f9485c;
  font-weight: 500;
  margin-top: 0.62844vw;
}
@media (max-width: 1023px) {
  /* line 243, ../sass/main.scss */
  .main .container .content .subline {
    display: none;
  }
}
/* line 257, ../sass/main.scss */
.main .container .content .copy {
  font-size: 2.35664vw;
  line-height: 2.82797vw;
  width: 43.44069vw;
  font-weight: 300;
}
/* line 263, ../sass/main.scss */
.main .container .content .copy span {
  color: #f9485c;
}
@media (max-width: 1023px) {
  /* line 257, ../sass/main.scss */
  .main .container .content .copy {
    font-size: 5.35714vw;
    line-height: 6.42857vw;
    width: 100%;
  }
}
@media (max-width: 720px) {
  /* line 257, ../sass/main.scss */
  .main .container .content .copy {
    font-size: 6.52174vw;
    line-height: 7.82609vw;
    width: 100%;
  }
  /* line 278, ../sass/main.scss */
  .main .container .content .copy sup {
    line-height: 0;
    font-size: 3.26087vw;
  }
}
/* line 285, ../sass/main.scss */
.main .container .content .quote {
  font-size: 2.04242vw;
  line-height: 2.51375vw;
  width: 40.37706vw;
  font-weight: 200;
  font-style: italic;
  border-top: 1px solid #f9485c;
  border-bottom: 1px solid #f9485c;
  padding: 1.02121vw;
  margin-top: 1.02121vw;
}
/* line 296, ../sass/main.scss */
.main .container .content .quote span {
  font-style: normal;
}
@media (max-width: 1023px) {
  /* line 285, ../sass/main.scss */
  .main .container .content .quote {
    font-size: 4.64286vw;
    line-height: 5.71429vw;
    width: 100%;
    padding: 2.32143vw;
    margin-top: 2.32143vw;
  }
}
@media (max-width: 720px) {
  /* line 285, ../sass/main.scss */
  .main .container .content .quote {
    font-size: 5.65217vw;
    line-height: 6.95652vw;
  }
}
/* line 314, ../sass/main.scss */
.main .container .content .video-container {
  display: flex;
  align-items: center;
  margin-top: 1.17832vw;
}
@media (max-width: 1023px) {
  /* line 314, ../sass/main.scss */
  .main .container .content .video-container {
    margin-top: 2.67857vw;
    flex-direction: column;
  }
}
/* line 324, ../sass/main.scss */
.main .container .content .video-container .video-copy {
  font-size: 2.55302vw;
  line-height: 2.55302vw;
  width: 17.91045vw;
  font-weight: 500;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  /* line 324, ../sass/main.scss */
  .main .container .content .video-container .video-copy {
    font-size: 5.80357vw;
    line-height: 5.80357vw;
    width: 100%;
  }
}
/* line 337, ../sass/main.scss */
.main .container .content .video-container .video-copy span {
  color: #f9485c;
  font-size: 2.71013vw;
  letter-spacing: 0.13551vw;
}
@media (max-width: 1023px) {
  /* line 337, ../sass/main.scss */
  .main .container .content .video-container .video-copy span {
    font-size: 6.16071vw;
    letter-spacing: 0.30804vw;
  }
}
/* line 348, ../sass/main.scss */
.main .container .content .video-container .video-copy .txt {
  position: relative;
  display: table;
  text-transform: none;
  color: #f9485c;
  text-decoration: none;
  font-size: 1.96386vw;
  font-weight: 300;
}

.main .container .content .video-container .video-copy a {
  position: relative;
  display: table;
  text-transform: none;
  color: #f9485c;
  text-decoration: none;
  font-size: 1.96386vw;
  font-weight: 300;
}


/* line 357, ../sass/main.scss */
.main .container .content .video-container .video-copy a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 2px;
  background-color: #f9485c;
  -moz-transition: width 0.25s;
  -o-transition: width 0.25s;
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
}
/* line 369, ../sass/main.scss */
.main .container .content .video-container .video-copy a:hover:after {
  width: 100%;
}
@media (max-width: 1023px) {
  /* line 348, ../sass/main.scss */
  .main .container .content .video-container .video-copy .txt {
    font-size: 4.46429vw;
  }
}
/* line 380, ../sass/main.scss */
.main .container .content .video-container .gallery {
  width: 22.38806vw;
  border: 1px solid #c1c2c2;
  position: relative;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (max-width: 1023px) {
  /* line 380, ../sass/main.scss */
  .main .container .content .video-container .gallery {
    margin-top: 2.67857vw;
    width: 100%;
  }
}
/* line 391, ../sass/main.scss */
.main .container .content .video-container .gallery .gallery-items {
  position: relative;
  overflow: hidden;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 397, ../sass/main.scss */
.main .container .content .video-container .gallery .gallery-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transform: translateX(-10000px);
  -ms-transform: translateX(-10000px);
  -webkit-transform: translateX(-10000px);
  transform: translateX(-10000px);
}
/* line 405, ../sass/main.scss */
.main .container .content .video-container .gallery .gallery-item.current {
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
/* line 410, ../sass/main.scss */
.main .container .content .video-container .gallery .gallery-navi {
  position: absolute;
  bottom: -1.96386vw;
  width: 100%;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  /* line 410, ../sass/main.scss */
  .main .container .content .video-container .gallery .gallery-navi {
    bottom: -4.46429vw;
  }
}
@media (max-width: 720px) {
  /* line 410, ../sass/main.scss */
  .main .container .content .video-container .gallery .gallery-navi {
    bottom: -6.66667vw;
  }
}
/* line 427, ../sass/main.scss */
.main .container .content .video-container .gallery .gallery-navi .gallery-prev, .main .container .content .video-container .gallery .gallery-navi .gallery-next {
  font-size: 1.96386vw;
  text-transform: uppercase;
  cursor: pointer;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
/* line 433, ../sass/main.scss */
.main .container .content .video-container .gallery .gallery-navi .gallery-prev:hover, .main .container .content .video-container .gallery .gallery-navi .gallery-next:hover {
  color: #f9485c;
}
@media (max-width: 1023px) {
  /* line 427, ../sass/main.scss */
  .main .container .content .video-container .gallery .gallery-navi .gallery-prev, .main .container .content .video-container .gallery .gallery-navi .gallery-next {
    font-size: 4.46429vw;
  }
}
@media (max-width: 720px) {
  /* line 427, ../sass/main.scss */
  .main .container .content .video-container .gallery .gallery-navi .gallery-prev, .main .container .content .video-container .gallery .gallery-navi .gallery-next {
    font-size: 6.66667vw;
  }
}
/* line 446, ../sass/main.scss */
.main .container .content .video-container .gallery .gallery-navi .gallery-next {
  margin-left: auto;
  font-size: 1.41398vw;
  margin-top: 0.78555vw;
}
@media (max-width: 1023px) {
  /* line 446, ../sass/main.scss */
  .main .container .content .video-container .gallery .gallery-navi .gallery-next {
    font-size: 3.21429vw;
    margin-top: 1.78571vw;
  }
}
@media (max-width: 720px) {
  /* line 446, ../sass/main.scss */
  .main .container .content .video-container .gallery .gallery-navi .gallery-next {
    font-size: 4.8vw;
    margin-top: 2.66667vw;
  }
}
/* line 464, ../sass/main.scss */
.main .container .content .video-container .video {
  background-color: #000;
  width: 100%;
}
/* line 471, ../sass/main.scss */
.main .container .shop {
  position: absolute;
  left: 63.62922vw;
  bottom: 3.92773vw;
}
@media (max-width: 1023px) {
  /* line 471, ../sass/main.scss */
  .main .container .shop {
    position: relative;
    left: auto;
    bottom: auto;
    order: 0;
    padding-left: 38.47656vw;
    padding-top: 30.98958vw;
  }
}
/* line 485, ../sass/main.scss */
.main .container .shop img {
  width: 21.75962vw;
  height: auto;
}
@media (max-width: 1023px) {
  /* line 485, ../sass/main.scss */
  .main .container .shop img {
    width: 49.21875vw;
  }
}
/* line 494, ../sass/main.scss */
.main .container .shop a {
  position: relative;
  display: flex;
  width: 19.08877vw;
  height: 3.18146vw;
  background-color: #f9485c;
  margin-left: 0.78555vw;
  margin-top: 1.17832vw;
  font-size: 2.23881vw;
  line-height: 2.23881vw;
  letter-spacing: 0.11194vw;
  text-transform: uppercase;
  color: #090b0d;
  font-weight: 500;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.31422vw;
}
/* line 513, ../sass/main.scss */
.main .container .shop a:after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 0;
  height: 2px;
  background-color: #f9485c;
  -moz-transition: width 0.25s;
  -o-transition: width 0.25s;
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
}
/* line 525, ../sass/main.scss */
.main .container .shop a:hover:after {
  width: 100%;
}
@media (max-width: 1023px) {
  /* line 494, ../sass/main.scss */
  .main .container .shop a {
    width: 43.39286vw;
    height: 7.23214vw;
    margin-left: 1.78571vw;
    margin-top: 2.67857vw;
    font-size: 5.08929vw;
    line-height: 5.08929vw;
    letter-spacing: 0.25446vw;
    padding-bottom: 0.71429vw;
  }
}
/* line 544, ../sass/main.scss */
.main .footer {
  position: absolute;
  left: 5.22388vw;
  bottom: 1.02121vw;
  font-size: 1.09976vw;
  color: #737475;
}
@media (max-width: 1023px) {
  /* line 544, ../sass/main.scss */
  .main .footer {
    left: 12.5vw;
    bottom: 2.85714vw;
    font-size: 2.5vw;
  }
}
@media (max-width: 720px) {
  /* line 544, ../sass/main.scss */
  .main .footer {
    left: 0;
    width: 100%;
    text-align: center;
  }
}
/* line 564, ../sass/main.scss */
.main .website {
  position: absolute;
  right: 1.02121vw;
  bottom: 1.02121vw;
  font-size: 1.76748vw;
  letter-spacing: 0.17675vw;
  text-transform: uppercase;
  color: #c1c2c2;
  text-decoration: none;
}
/* line 574, ../sass/main.scss */
.main .website:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 2px;
  background-color: #f9485c;
  -moz-transition: width 0.25s;
  -o-transition: width 0.25s;
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
}
/* line 586, ../sass/main.scss */
.main .website:hover:after {
  width: 100%;
}
@media (max-width: 1023px) {
  /* line 564, ../sass/main.scss */
  .main .website {
    left: 50%;
    right: auto;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: auto;
    bottom: 10.71429vw;
    font-size: 5.80357vw;
    line-height: 5.80357vw;
    letter-spacing: 0.58036vw;
    white-space: nowrap;
  }
}
/* line 603, ../sass/main.scss */
.main .website span {
  color: #f9485c;
}