@charset "UTF-8";
/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * proxima-nova:
 *   - http://typekit.com/eulas/00000000000000003b9b0393
 *   - http://typekit.com/eulas/00000000000000003b9b0392
 *   - http://typekit.com/eulas/00000000000000003b9b0390
 *   - http://typekit.com/eulas/00000000000000003b9b0385
 *   - http://typekit.com/eulas/00000000000000003b9b0389
 *   - http://typekit.com/eulas/00000000000000003b9b0387
 *   - http://typekit.com/eulas/00000000000000003b9b0386
 *   - http://typekit.com/eulas/00000000000000003b9b038b
 *
 * © 2009-2018 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2017-10-23 13:21:14 UTC"}*/
@import url("https://p.typekit.net/p.css?s=1&k=esa7xjw&ht=tk&f=137.138.169.171.175.5474.5475.25136&a=8842700&app=typekit&e=css");
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/6ab51c/00000000000000003b9b0393/27/l?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/6ab51c/00000000000000003b9b0393/27/d?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/6ab51c/00000000000000003b9b0393/27/a?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n9&v=3") format("opentype");
  font-style: normal;
  font-weight: 900; }

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/1a8103/00000000000000003b9b0392/27/l?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=i9&v=3") format("woff2"), url("https://use.typekit.net/af/1a8103/00000000000000003b9b0392/27/d?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=i9&v=3") format("woff"), url("https://use.typekit.net/af/1a8103/00000000000000003b9b0392/27/a?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=i9&v=3") format("opentype");
  font-style: italic;
  font-weight: 900; }

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/aab05a/00000000000000003b9b0390/27/l?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/aab05a/00000000000000003b9b0390/27/d?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/aab05a/00000000000000003b9b0390/27/a?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n8&v=3") format("opentype");
  font-style: normal;
  font-weight: 800; }

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/3e0226/00000000000000003b9b0385/27/l?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n1&v=3") format("woff2"), url("https://use.typekit.net/af/3e0226/00000000000000003b9b0385/27/d?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n1&v=3") format("woff"), url("https://use.typekit.net/af/3e0226/00000000000000003b9b0385/27/a?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n1&v=3") format("opentype");
  font-style: normal;
  font-weight: 100; }

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/5a66e9/00000000000000003b9b0389/27/l?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/5a66e9/00000000000000003b9b0389/27/d?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/5a66e9/00000000000000003b9b0389/27/a?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n4&v=3") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/7ff3a9/00000000000000003b9b0387/27/l?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/7ff3a9/00000000000000003b9b0387/27/d?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/7ff3a9/00000000000000003b9b0387/27/a?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n3&v=3") format("opentype");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/f97569/00000000000000003b9b0386/27/l?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/f97569/00000000000000003b9b0386/27/d?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/f97569/00000000000000003b9b0386/27/a?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=i3&v=3") format("opentype");
  font-style: italic;
  font-weight: 300; }

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/adc2ae/00000000000000003b9b038b/27/l?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/adc2ae/00000000000000003b9b038b/27/d?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/adc2ae/00000000000000003b9b038b/27/a?primer=e7c58b81a305e1fc09dd5591d751a34891b5b63ab278ac3b87ed8857fdd9b01a&fvd=n5&v=3") format("opentype");
  font-style: normal;
  font-weight: 500; }

.tk-proxima-nova {
  font-family: "proxima-nova",sans-serif; }

.cssload-loader {
  position: relative;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-perspective: 780px;
  perspective: 780px; }

.cssload-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%; }

.cssload-inner.cssload-one {
  left: 0%;
  top: 0%;
  animation: cssload-rotate-one 1.15s linear infinite;
  -o-animation: cssload-rotate-one 1.15s linear infinite;
  -ms-animation: cssload-rotate-one 1.15s linear infinite;
  -webkit-animation: cssload-rotate-one 1.15s linear infinite;
  -moz-animation: cssload-rotate-one 1.15s linear infinite;
  border-bottom: 3px solid white; }

.cssload-inner.cssload-two {
  right: 0%;
  top: 0%;
  animation: cssload-rotate-two 1.15s linear infinite;
  -o-animation: cssload-rotate-two 1.15s linear infinite;
  -ms-animation: cssload-rotate-two 1.15s linear infinite;
  -webkit-animation: cssload-rotate-two 1.15s linear infinite;
  -moz-animation: cssload-rotate-two 1.15s linear infinite;
  border-right: 3px solid white; }

.cssload-inner.cssload-three {
  right: 0%;
  bottom: 0%;
  animation: cssload-rotate-three 1.15s linear infinite;
  -o-animation: cssload-rotate-three 1.15s linear infinite;
  -ms-animation: cssload-rotate-three 1.15s linear infinite;
  -webkit-animation: cssload-rotate-three 1.15s linear infinite;
  -moz-animation: cssload-rotate-three 1.15s linear infinite;
  border-top: 3px solid white; }

@keyframes cssload-rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } }

@-webkit-keyframes cssload-rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } }

@keyframes cssload-rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } }

@-webkit-keyframes cssload-rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } }

@keyframes cssload-rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } }

@-webkit-keyframes cssload-rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } }

* {
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 1);
  font-family: 'ProximaNova';
  background: #1a1a1a; }
  @media (min-width: 768px) {
    body {
      background: rgba(150, 150, 150, 1); } }

h1 {
  font-family: "BebasNeueBold";
  font-size: 7vw;
  font-weight: 400;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    h1 {
      font-size: 48px; } }
  @media (min-width: 768px) and (max-height: 770px) {
    h1 {
      font-size: 42px; } }

h3 {
  line-height: 5vw;
  font-family: "BebasNeueBold";
  font-size: 5.5vw;
  font-weight: 400;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    h3 {
      line-height: 40px;
      font-size: 32px; } }
  @media (min-width: 768px) and (max-height: 770px) {
    h3 {
      line-height: 34px;
      font-size: 28px; } }

h4 {
  font-family: "BebasNeueBold";
  font-size: 0.94vw;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase; }
  @media (max-height: 770px) {
    h4 {
      font-size: 16px; } }

p {
  font-size: 3vw;
  line-height: 4vw; }
  @media (min-width: 768px) {
    p {
      font-size: 16px;
      line-height: 24px; } }
  @media (min-width: 768px) and (max-height: 770px) {
    p {
      font-size: 15px;
      line-height: 19px; } }

.hidden {
  opacity: 0; }

.text-shadow {
  text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3); }

h3.text-shadow,
h4.text-shadow {
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3); }

.text-inactive {
  color: rgba(150, 150, 150, 1); }

.gradient-back {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }

.clearfix {
  clear: both; }
  .clearfix:before {
    content: '';
    display: table; }
  .clearfix:after {
    content: '';
    display: block;
    clear: both; }

.logo {
  display: block; }
  .logo__image {
    display: block;
    width: 100%; }

.btn {
  display: inline-block;
  vertical-align: top;
  border: 1px solid rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
  text-align: center;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  -webkit-transition: all 0.3s ease ;
  transition: all 0.3s ease ; }
  .btn_small {
    width: 1.25vw;
    height: 1.25vw;
    line-height: 1.25vw;
    font-size: 0.9vw;
    font-size: 17px; }
  .btn__label {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    padding-left: 0%;
    position: absolute;
    top: 0vw;
    bottom: 0vw;
    left: 100%;
    text-align: left;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
    @media (min-width: 768px) {
      .btn__label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .btn_right .btn__label {
    left: auto;
    right: 100%; }
  .btn:hover .btn__label {
    padding-left: 40%;
    opacity: 1;
    pointer-events: auto; }
  .btn_right .btn__label {
    text-align: right; }
  .btn_right:hover .btn__label {
    padding-left: 0%;
    padding-right: 40%; }
  .btn:hover {
    background: rgba(255, 255, 255, 0); }
  .btn_circle {
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
    border-radius: 100%; }
    @media (min-width: 768px) {
      .btn_circle {
        width: 2.1vw;
        height: 2.1vw;
        line-height: 2.1vw; } }
  .btn_disabled {
    background: rgba(255, 255, 255, 0);
    cursor: default;
    pointer-events: none; }
  .btn.selected {
    border-color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 0);
    cursor: default;
    pointer-events: none; }
  .btn_pulse {
    -webkit-animation: auth 1.5s infinite;
    animation: auth 1.5s infinite; }

.container {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .container__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
    .container__bg_animated {
      -webkit-animation: bgzoom 100s infinite;
      animation: bgzoom 100s infinite; }
    .container__bg:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: black;
      opacity: 0.3; }
    .container__bg.dark:before {
      opacity: 0.5; }
  .container__header {
    width: 100vw;
    margin: 4vh auto 0;
    text-align: center; }
    @media (min-width: 768px) {
      .container__header {
        width: 40vw;
        position: absolute;
        top: 4.29vh;
        left: 0;
        right: 0;
        margin: 0 auto 0; } }
    .container__header .item__content {
      display: inline-block;
      vertical-align: top;
      padding: 0 4vw;
      margin-top: 1vw; }
      @media (min-width: 768px) {
        .container__header .item__content {
          margin-top: 1vw; } }

@media (min-width: 768px) and (min-height: 771px) {
  .container__header .item__content p {
    font-size: 24px;
    line-height: 28px; } }

@-webkit-keyframes bgzoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bgzoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.gallery__list {
  height: 100%; }

.owl-nav,
.owl-dots {
  display: none; }

.owl-stage-outer {
  width: 100%;
  height: 100%; }

.owl-stage {
  height: 100%;
  font-size: 0; }

.owl-item {
  display: inline-block;
  vertical-align: top;
  height: 100%; }

.item {
  font-size: 0;
  text-align: center; }
  .item__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .item__content {
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
    .item__content p {
      padding: 0.4vw 2vw; }
  .item__icon {
    display: inline-block;
    vertical-align: top;
    width: 9vw;
    height: 9vw;
    margin-bottom: 4vw; }
    @media (min-width: 768px) {
      .item__icon {
        width: 3.5vw;
        height: 3.5vw;
        margin-bottom: 1vw; } }
  .item__title {
    width: 100%;
    padding: 0.2vw 5vw 0;
    color: white;
    text-align: center;
    display: block; }
  .item__text {
    width: 100%; }

.social {
  list-style: none;
  text-align: center;
  font-size: 0; }
  .social__item {
    display: inline-block;
    vertical-align: top;
    margin: 0 2.5vw; }
    @media (min-width: 768px) {
      .social__item {
        margin: 0 0.8vw; } }
  .social__link {
    display: block;
    width: 8vw;
    height: 8vw;
    line-height: 8vw;
    color: inherit;
    font-size: 4vw;
    text-align: center;
    text-decoration: none; }
    @media (min-width: 768px) {
      .social__link {
        width: 2vw;
        height: 2vw;
        line-height: 2vw;
        font-size: 1.3vw; } }

.player__controls .btn {
  display: inline-block; }
  .player__controls .btn[class*="play"] {
    padding-left: 0.2vw; }
  .player__controls .btn + .btn {
    margin-left: 1vw; }

.player__audio {
  display: none; }

.outro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.3s ease ;
  transition: all 0.3s ease ; }
  @media (max-width: 767px) {
    .outro {
      width: 90%;
      margin: auto; } }
  .outro .item__content {
    padding: 1vw 1vw 0.8vw;
    margin-top: 1.2vw; }
    @media (max-width: 767px) {
      .outro .item__content {
        margin-top: 3vw; } }
  .outro__text {
    max-width: 600px;
    margin: 0.6vw auto 0.8vw; }
    .outro__text a {
      color: inherit; }
  .outro__frame {
    display: block;
    border: none;
    margin: auto; }

.poly {
  display: block;
  width: 2vw;
  height: 2vw;
  overflow: visible; }
  .poly__polygon {
    fill: none;
    stroke: #FFFFFF;
    stroke-miterlimit: 10;
    stroke-width: 0.17vw; }

.origin {
  width: 3vw;
  height: 3vw; }
  @media (max-width: 767px) {
    .origin {
      display: none; } }
  .origin__poly {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .origin__activities {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .origin__description {
    width: 16vw;
    padding: 0.6vw 0;
    position: absolute;
    top: 3vw;
    left: -10vw;
    right: -10vw;
    margin: auto;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
    .origin__description .item__title {
      margin: 0 0 0.3vw 0;
      padding: 0; }
    .origin__description.hidden {
      -webkit-transform: translate3d(0, 0.5vw, 0);
      transform: translate3d(0, 0.5vw, 0); }
    @media (max-height: 770px) {
      .origin__description {
        width: 70vw;
        left: -70vw;
        right: -70vw; } }

.activity {
  width: 1px;
  height: 1px;
  position: absolute;
  pointer-events: none; }
  .activity__body {
    width: 12vw;
    height: 12vw;
    position: absolute;
    top: -12vw;
    bottom: -12vw;
    left: -12vw;
    right: -12vw;
    margin: auto; }
  .activity__button {
    display: block;
    width: 46%;
    height: 46%;
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ;
    pointer-events: auto; }
  .activity__icon {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .activity__rotator {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .activity__poly {
    position: absolute;
    top: -2vw;
    bottom: -2vw;
    left: auto;
    right: 0.1vw;
    margin: auto;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .activity__polygon {
    stroke-dasharray: 160%;
    stroke-dashoffset: 160%;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
  .activity__line {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 100.5%;
    background: white;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  .activity:hover .activity__button {
    width: 58%;
    height: 58%; }
  .activity:hover .activity__polygon {
    stroke-dashoffset: 0vw; }
  .activity:hover .activity__line {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease ;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.preloader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0; }
  .preloader__icon {
    margin: auto; }

.sound {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  margin: 0 auto 3vh;
  padding: 1vh 0;
  -webkit-transition: all 0.3s ease ;
  transition: all 0.3s ease ; }
  .sound__logo {
    width: 10vw;
    height: 10vw;
    margin: 0; }
    @media (min-width: 768px) {
      .sound__logo {
        width: 3vw;
        height: 3vw; } }
  .sound__icon {
    display: block;
    width: 80%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .sound__circle {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.3s ease, border-color 0.3s step-start;
    transition: all 0.3s ease, border-color 0.3s step-start; }
  .sound__border {
    border-radius: 100%;
    position: absolute;
    top: -1000%;
    bottom: -1000%;
    left: -1000%;
    right: -1000%;
    margin: auto;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .sound__border_1 {
      width: 120%;
      height: 120%;
      border: 1px solid rgba(255, 255, 255, 0.4); }
    .sound__border_2 {
      width: 140%;
      height: 140%;
      border: 1px solid rgba(255, 255, 255, 0.6); }
    .sound__border_3 {
      width: 160%;
      height: 160%;
      border: 1px solid rgba(255, 255, 255, 0.8); }
  .sound__text {
    margin-left: 3vw;
    white-space: nowrap;
    text-align: left; }
    @media (min-width: 768px) {
      .sound__text {
        margin-left: 1vw; } }
  .sound[data-frame="1"] .sound__border_1 {
    opacity: 1; }
  .sound[data-frame="1"] .sound__circle {
    background: rgba(255, 255, 255, 0.2); }
  .sound[data-frame="2"] .sound__circle {
    background: rgba(255, 255, 255, 0.3); }
  .sound[data-frame="2"] .sound__border_1 {
    opacity: 1; }
  .sound[data-frame="2"] .sound__border_2 {
    opacity: 1; }
  .sound[data-frame="3"] .sound__circle {
    background: rgba(255, 255, 255, 0.4); }
  .sound[data-frame="3"] .sound__border_1 {
    opacity: 1; }
  .sound[data-frame="3"] .sound__border_2 {
    opacity: 1; }
  .sound[data-frame="3"] .sound__border_3 {
    opacity: 1; }

.stripes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%; }
  .stripes__stripe {
    width: 1px;
    margin: 2vh auto;
    background: white; }
    .stripes__stripe_top {
      -webkit-box-flex: 0.8;
      -ms-flex-positive: 0.8;
      flex-grow: 0.8;
      margin-bottom: 3vh; }
    .stripes__stripe_bottom {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin-top: 3vh; }

.auth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 80%;
  height: 100%;
  padding: 14vh 0 5vh;
  margin: auto;
  -webkit-transition: all 0.3s ease ;
  transition: all 0.3s ease ; }
  @media (min-width: 768px) {
    .auth__header {
      max-width: 580px;
      margin: 0 auto; } }
  .auth .social__title {
    margin-top: 1vw;
    cursor: pointer; }
    @media (min-width: 768px) {
      .auth .social__title {
        margin-top: 0.8vw; } }
  .auth .social__link {
    width: 10vw;
    height: 10vw;
    line-height: 10vw;
    font-size: 7vw;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.4);
    -webkit-animation: auth 1.5s infinite;
    animation: auth 1.5s infinite;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ;
    margin-top: 0.8vw; }
    @media (min-width: 768px) {
      .auth .social__link {
        width: 3vw;
        height: 3vw;
        line-height: 3vw;
        font-size: 1.8vw; } }
    .auth .social__link:hover {
      -webkit-transition: all 0.3s ease ;
      transition: all 0.3s ease ;
      -webkit-animation: none;
      animation: none; }
  .auth .item__icon {
    margin-bottom: 3vw; }
    @media (min-width: 768px) {
      .auth .item__icon {
        margin-bottom: 0.8vw; } }
  .auth .item__text {
    margin: 2vw auto 0; }
    @media (min-width: 768px) {
      .auth .item__text {
        margin: 0.5vw auto 0;
        font-size: 18px; } }
  .auth__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 230px;
    border: 1px solid rgba(255, 255, 255, 1);
    padding: 6px 15px 0 0;
    margin: 0 auto 15px;
    background: rgba(255, 255, 255, 0.4);
    -webkit-animation: auth 1.5s infinite;
    animation: auth 1.5s infinite;
    cursor: pointer;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
    .auth__btn-icon {
      font-size: 50px; }
    .auth__btn-text {
      margin-left: 5px; }
    .auth__btn:hover {
      -webkit-transition: all 0.3s ease ;
      transition: all 0.3s ease ;
      -webkit-animation: none;
      animation: none; }
  .auth__subtext {
    max-width: 550px;
    padding: 10px 0;
    margin: 0 auto 0; }

@-webkit-keyframes auth {
  0% {
    background: rgba(255, 255, 255, 0.1); }
  65% {
    background: rgba(255, 255, 255, 0.4); }
  95% {
    background: rgba(255, 255, 255, 0.1); }
  100% {
    background: rgba(255, 255, 255, 0.1); } }

@keyframes auth {
  0% {
    background: rgba(255, 255, 255, 0.1); }
  65% {
    background: rgba(255, 255, 255, 0.4); }
  95% {
    background: rgba(255, 255, 255, 0.1); }
  100% {
    background: rgba(255, 255, 255, 0.1); } }

.intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .intro__bg {
    background: url(../images/main-bg.jpg) center center/cover no-repeat; }
  .intro__stripe {
    -webkit-box-flex: 0.5;
    -ms-flex-positive: 0.5;
    flex-grow: 0.5;
    width: 1px;
    height: 0px;
    margin: 3vw auto 3vw;
    background: rgba(255, 255, 255, 1); }
    @media (min-width: 768px) {
      .intro__stripe {
        margin: 1.4vw auto 1.4vw; } }
  .intro__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transition: all 1s ease ;
    transition: all 1s ease ; }
    .intro__content-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
  .intro__footer {
    width: 100%;
    margin: 0vw auto 14vh;
    overflow: hidden;
    -webkit-transition: all 1s ease ;
    transition: all 1s ease ; }
    @media (min-width: 768px) {
      .intro__footer {
        width: 40vw; } }
    .intro__footer-inner {
      font-size: 0;
      -webkit-transition: all 1s ease ;
      transition: all 1s ease ; }
    .intro__footer-text {
      display: inline-block;
      max-width: 490px;
      margin-bottom: 1.4vw; }
      .intro__footer-text p {
        font-size: 14px;
        line-height: 20px; }

.paginator {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .paginator__item {
    font-size: 0;
    text-align: center; }
    .paginator__item + .paginator__item {
      margin-left: 3vw; }
      @media (min-width: 768px) {
        .paginator__item + .paginator__item {
          margin-left: 0;
          margin-top: 0.5vw; } }
    .paginator__item_hidden {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
      pointer-events: none;
      margin-left: -5vw !important; }
      @media (min-width: 768px) {
        .paginator__item_hidden {
          margin-left: 0 !important; } }
  .paginator__link {
    display: block;
    width: 5vw;
    height: 5vw;
    line-height: 5vw;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 100%;
    color: rgba(255, 255, 255, 1);
    font-size: 3vw;
    text-decoration: none;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
    @media (min-width: 768px) {
      .paginator__link {
        width: 2.25vw;
        height: 2.25vw;
        line-height: 2.25vw;
        font-size: 1.5vw; } }
    .paginator__link:before {
      margin-left: 0.3vw;
      font-size: 2vw; }
      @media (min-width: 768px) {
        .paginator__link:before {
          margin-left: 0.2vw;
          font-size: 1vw; } }
  .paginator__title {
    width: 100%;
    text-align: center;
    margin: auto auto 1vh; }
    @media (min-width: 768px) {
      .paginator__title {
        width: 150px;
        height: 55px;
        position: absolute;
        top: -27vh;
        bottom: 0;
        left: -75px;
        right: -75px;
        margin: auto; } }

.tiles {
  text-align: center; }
  .tiles__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0; }
  .tiles__item {
    width: 50%;
    padding: 0.78vw 2.34vw;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
    @media (max-height: 770px) {
      .tiles__item {
        padding: 0.3vw 2.34vw; } }
    .tiles__item + .tiles__item {
      border-left: 1px solid rgba(255, 255, 255, 1); }
    .tiles__item:not(.selected) {
      cursor: pointer; }
    .tiles__item.text-inactive {
      -webkit-animation: inactive_tile 2s linear infinite;
      animation: inactive_tile 2s linear infinite; }
  .tiles__nav + .tiles__content {
    margin-top: 1.3vw; }
  .tiles__author,
  .tiles__text i {
    display: block;
    margin-top: 1vw;
    font-style: italic; }
  .tiles__author a {
    color: inherit; }

@-webkit-keyframes inactive_tile {
  0% {
    color: rgba(150, 150, 150, 1); }
  30% {
    color: rgba(230, 230, 230, 1); }
  90% {
    color: rgba(150, 150, 150, 1); }
  100% {
    color: rgba(150, 150, 150, 1); } }

@keyframes inactive_tile {
  0% {
    color: rgba(150, 150, 150, 1); }
  30% {
    color: rgba(230, 230, 230, 1); }
  90% {
    color: rgba(150, 150, 150, 1); }
  100% {
    color: rgba(150, 150, 150, 1); } }

.mob-locker {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  text-align: center;
  background: url(../images/main-bg.jpg) center center/cover no-repeat; }
  .mob-locker:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5); }
  .mob-locker__icon {
    display: block;
    width: 120px;
    margin: 0 auto 30px; }
  @media (max-width: 767px) and (orientation: landscape) {
    .mob-locker {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.to-resort__link {
  display: inline-block;
  width: 10vw;
  height: 10vw;
  line-height: 10vw;
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 100%;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.4);
  -webkit-animation: auth 1.5s infinite;
  animation: auth 1.5s infinite;
  -webkit-transition: all 0.3s ease ;
  transition: all 0.3s ease ;
  margin-top: 1vw;
  margin-bottom: 0.5vw; }
  @media (min-width: 768px) {
    .to-resort__link {
      width: 3vw;
      height: 3vw;
      line-height: 3vw;
      padding-left: 0.3vw; } }
  .to-resort__link:hover {
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ;
    -webkit-animation: none;
    animation: none; }

.header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 1s ease ;
  transition: all 1s ease ; }
  .header__logo {
    position: absolute;
    top: 3vh;
    left: 6vw;
    -webkit-transition: all 1s ease ;
    transition: all 1s ease ; }
    @media (min-width: 768px) {
      .header__logo {
        top: 6.1vh;
        left: 6.72vw; } }
    .header__logo_left {
      width: 14vw; }
      @media (min-width: 768px) {
        .header__logo_left {
          width: 5.94vw; } }
    .header__logo_right {
      width: 18vw;
      left: auto;
      right: 6vw; }
      @media (min-width: 768px) {
        .header__logo_right {
          width: 5.94vw;
          right: 6.72vw; } }
  .header.hidden .header__logo {
    opacity: 0; }
  .header_collapsed {
    width: 65%; }
    @media (min-width: 768px) {
      .header_collapsed {
        width: 30%; } }

.main {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease ;
  transition: all 0.3s ease ; }
  .main__header {
    width: 100%;
    position: absolute;
    top: 6vh;
    left: 0;
    right: 0;
    margin: auto; }
    @media (min-width: 768px) {
      .main__header {
        top: 4.29vh; } }
    .main__header .item__title {
      padding: 0.4vw 5vw 0.2vw; }
  .main__pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 120vw;
    margin: 0 -10vw 0;
    left: 0;
    background: #1a1a1a;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
    @media (max-width: 767px) {
      .main__pages {
        display: none;
        width: 100%;
        margin: 0; } }
  .main__gallery {
    display: none;
    width: 120vw;
    height: 100%;
    margin: 0 -10vw 0;
    left: 0;
    background: #1a1a1a;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
    @media (max-width: 767px) {
      .main__gallery {
        display: block;
        width: 50%;
        margin: 0 auto; } }
    @media (max-width: 767px) {
      .main__gallery .owl-item:not(.active) .item {
        opacity: 0.5; } }
  .main__page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20vw;
    height: 100%;
    float: left;
    margin: 0 0 0 0;
    color: inherit;
    overflow: hidden;
    text-decoration: none;
    background: black;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
    @media (max-width: 767px) {
      .main__page {
        width: 50vw;
        float: none; } }
    .main__page:before {
      content: '';
      display: block;
      position: absolute;
      top: 0%;
      bottom: 0%;
      left: -40%;
      right: -40%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      opacity: 0.72;
      -webkit-transition: all 0.3s ease ;
      transition: all 0.3s ease ; }
    .main__page_bintan:before {
      background-image: url(../images/main-resort-bintan.jpg); }
    .main__page_kani:before {
      background-image: url(../images/main-resort-kani.jpg); }
    .main__page_chefalu:before {
      background-image: url(../images/main-resort-chefalu.jpg); }
    .main__page_phuket:before {
      background-image: url(../images/main-resort-phuket.jpg); }
    .main__page_punta-cana:before {
      background-image: url(../images/main-resort-punta-cana.jpg); }
    .main__page .item__body {
      height: 30vh;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media (min-width: 768px) {
        .main__page .item__body {
          height: 15vw; } }
    .main__page .item__title {
      max-width: 35vw;
      padding: 0; }
      @media (min-width: 768px) {
        .main__page .item__title {
          max-width: 170px; } }
    .main__page .item__icon {
      -webkit-transition: all 0.3s ease ;
      transition: all 0.3s ease ; }
      @media (min-width: 768px) {
        .main__page .item__icon {
          top: 2vw;
          opacity: 0; } }
    .main__page .item__content {
      width: 80%;
      -webkit-transition: all 0.3s ease ;
      transition: all 0.3s ease ; }
      @media (min-width: 768px) {
        .main__page .item__content {
          top: -2vw;
          opacity: 0; } }
      .main__page .item__content p {
        text-transform: uppercase; }
    .main__page .item__icon {
      max-width: 8vw;
      max-height: 8vw;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .main__page .item__icon {
          max-width: 2.4vw;
          max-height: 2.4vw; } }
  .main_hidden {
    opacity: 0;
    pointer-events: none; }
  .main__pages:hover .main__page {
    opacity: 0.3; }
    .main__pages:hover .main__page:hover {
      opacity: 1; }
      @media (min-width: 768px) {
        .main__pages:hover .main__page:hover {
          width: 28vw; } }
      .main__pages:hover .main__page:hover:before {
        left: 0;
        right: 0;
        opacity: 0.8; }
      .main__pages:hover .main__page:hover .item__icon, .main__pages:hover .main__page:hover .item__content {
        top: 0;
        opacity: 1; }

.footer {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0;
  text-align: center;
  pointer-events: none; }
  .footer > * {
    pointer-events: auto; }
  .footer .social {
    display: inline-block;
    padding: 0px 5vw;
    margin: 0 0 3vh; }
    @media (min-width: 768px) {
      .footer .social {
        padding: 0px 50px;
        margin: 0 0 6.75vh; } }
  .footer .player {
    position: absolute;
    bottom: 3.5vh;
    right: 4vw; }
    @media (max-width: 767px) {
      .footer .player .btn:before {
        font-size: 3vw; } }
    @media (min-width: 768px) {
      .footer .player {
        bottom: 5.97vh;
        right: 6.72vw; } }
  .footer .back {
    position: absolute;
    bottom: 3.5vh;
    left: 4vw;
    padding-right: 0.3vw; }
    @media (max-width: 767px) {
      .footer .back:before {
        font-size: 2.5vw; } }
    @media (min-width: 768px) {
      .footer .back {
        bottom: 5.97vh;
        left: 6.72vw; } }

.resort {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease ;
  transition: all 0.3s ease ; }
  .resort_bintan .resort__bg {
    background-image: url(../images/resort-bintan.jpg); }
  .resort_kani .resort__bg {
    background-image: url(../images/resort-kani.jpg); }
  .resort_chefalu .resort__bg {
    background-image: url(../images/resort-chefalu.jpg); }
  .resort_phuket .resort__bg {
    background-image: url(../images/resort-phuket.jpg); }
  .resort_punta-cana .resort__bg {
    background-image: url(../images/resort-punta-cana.jpg); }
  .resort__header {
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
  .resort__origin {
    position: absolute;
    top: 70vh;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.3s ease ;
    transition: all 0.3s ease ; }
    @media (max-height: 770px) {
      .resort__origin {
        top: 30vw; } }
  .resort__activity_chefalu-surf {
    top: -16.75vw;
    left: -28.4vw; }
    @media (max-height: 770px) {
      .resort__activity_chefalu-surf {
        top: -5.75vw;
        left: -28.4vw; } }
  .resort__activity_chefalu-food {
    top: -12.3vw;
    left: 27.15vw; }
    @media (max-height: 770px) {
      .resort__activity_chefalu-food {
        top: -8.3vw;
        left: 33.15vw; } }
  .resort__activity_chefalu-photo {
    top: -1vw;
    left: 27vw; }
  .resort__activity_bintan-food {
    top: -3.75vw;
    left: -28.4vw; }
  .resort__activity_bintan-body {
    top: -8.3vw;
    left: -7.85vw; }
    @media (max-height: 770px) {
      .resort__activity_bintan-body {
        top: -6.3vw;
        left: -7.85vw; } }
  .resort__activity_bintan-yoga {
    top: -5vw;
    left: 27vw; }
  .resort__activity_kani-food {
    top: -3.75vw;
    left: -20.4vw; }
  .resort__activity_kani-snorkeling {
    top: -6.3vw;
    left: 31.15vw; }
  .resort__activity_kani-kayak {
    top: -8vw;
    left: 21vw; }
  .resort__activity_phuket-meditation {
    top: -15.75vw;
    left: -31.4vw; }
    @media (max-height: 770px) {
      .resort__activity_phuket-meditation {
        top: -2.75vw;
        left: -31.4vw; } }
  .resort__activity_phuket-food {
    top: -12.3vw;
    left: 1.15vw; }
    @media (max-height: 770px) {
      .resort__activity_phuket-food {
        top: -7.3vw;
        left: 8.15vw; } }
  .resort__activity_phuket-sport {
    top: -3vw;
    left: 17vw; }
  .resort__activity_punta-cana-food {
    top: 0.25vw;
    left: -16.4vw; }
  .resort__activity_punta-cana-circus {
    top: -15.3vw;
    left: -22.85vw; }
    @media (max-height: 770px) {
      .resort__activity_punta-cana-circus {
        top: -7.3vw;
        left: -23.85vw; } }
  .resort__activity_punta-cana-circus-2 {
    top: -1vw;
    left: 27vw; }
  .resort__gallery {
    width: 50%;
    margin: 7vh auto 0; }
    .resort__gallery .item__icon {
      width: 50vw;
      height: 42vw;
      margin-bottom: 5vw; }
    .resort__gallery .owl-item:not(.active) .item {
      opacity: 0.5; }
    .resort__gallery .owl-item:not(.active) .item__content {
      opacity: 0;
      -webkit-transform: translate3d(0, -5vh, 0);
      transform: translate3d(0, -5vh, 0); }
    @media (min-width: 768px) {
      .resort__gallery {
        display: none; } }

.activities {
  display: block;
  -webkit-transition: all 0.3s ease ;
  transition: all 0.3s ease ; }
  @media (max-width: 767px) {
    .activities {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 21vh; } }
  .activities__bg:before {
    opacity: 0.4; }
  .activities_chefalu-food .activities__bg {
    background-image: url(../images/act-chefalu-food.jpg); }
  .activities_chefalu-surf .activities__bg {
    background-image: url(../images/act-chefalu-surf.jpg); }
  .activities_chefalu-photo .activities__bg {
    background-image: url(../images/act-chefalu-photo.jpg); }
  .activities_bintan-food .activities__bg {
    background-image: url(../images/act-bintan-food.jpg); }
  .activities_bintan-body .activities__bg {
    background-image: url(../images/act-bintan-body.jpg); }
  .activities_bintan-yoga .activities__bg {
    background-image: url(../images/act-bintan-yoga.jpg); }
  .activities_kani-food .activities__bg {
    background-image: url(../images/act-kani-food.jpg); }
  .activities_kani-kayak .activities__bg {
    background-image: url(../images/act-kani-kayak.jpg); }
  .activities_kani-snorkeling .activities__bg {
    background-image: url(../images/act-kani-snorkeling.jpg); }
  .activities_phuket-food .activities__bg {
    background-image: url(../images/act-phuket-food.jpg); }
  .activities_phuket-sport .activities__bg {
    background-image: url(../images/act-phuket-sport.jpg); }
  .activities_phuket-meditation .activities__bg {
    background-image: url(../images/act-phuket-meditation.jpg); }
  .activities_punta-cana-food .activities__bg {
    background-image: url(../images/act-punta-cana-food.jpg); }
  .activities_punta-cana-circus .activities__bg {
    background-image: url(../images/act-punta-cana-circus.jpg); }
  .activities_punta-cana-circus-2 .activities__bg {
    background-image: url(../images/act-punta-cana-circus-2.jpg); }
  .activities__header {
    width: 96%;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 4.29vh auto 0; }
    @media (min-width: 768px) {
      .activities__header {
        width: 40vw;
        min-height: 16vw; } }
  @media (min-width: 768px) and (max-height: 770px) {
    .activities__header {
      width: 60%; } }
  .activities .item__icon-wrapper {
    width: 11vw;
    height: 11vw;
    padding: 0;
    border: none;
    border-radius: 100%;
    margin: 0 auto 1vw; }
    @media (min-width: 768px) {
      .activities .item__icon-wrapper {
        width: 4.8vw;
        height: 4.8vw; } }
  .activities .item__icon {
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 0; }
  .activities .paginator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: auto;
    bottom: 12vh;
    left: 0;
    right: 0; }
    @media (min-width: 768px) {
      .activities .paginator {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0;
        bottom: 0;
        left: auto;
        right: 6.7vw; } }
  .activities .tiles {
    width: 100%;
    padding: 2vw 5vw;
    margin: 5vh auto 0; }
    @media (max-width: 767px) {
      .activities .tiles {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media (min-width: 768px) {
      .activities .tiles {
        width: 70%;
        min-width: 820px;
        padding: 0.78vw 0 1.56vw; } }
  @media (min-width: 768px) and (max-height: 770px) {
    .activities .tiles {
      margin: 3vh auto 0; } }
    .activities .tiles .tiles__nav {
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .activities .tiles .tiles__content {
      overflow: auto;
      -ms-flex-negative: 1;
      flex-shrink: 1; }
  @media (max-width: 767px) {
    .activities .item__title {
      line-height: 6vw;
      font-size: 5.5vw; } }