.animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}
.pulse {
  animation-name: pulse;
  animation-duration: 1s;
}

@keyframes wobble {
  0% {transform: translateX(0%);}
  15% {transform: translateX(0%) rotate(0deg);}
  30% {transform: translateX(0%) rotate(0deg);}
  45% {transform: translateX(-1%) rotate(0deg);}
  60% {transform: translateX(1%) rotate(0deg);}
  75% {transform: translateX(0%) rotate(0deg);}
  100% {transform: translateX(0%);}
}
.wobble {
  animation-name: wobble;
}

#pixie {
  z-index:10;
  position: absolute;
  top: 0;
  left: 0;
}



/* CROSSFADE HOME */
.crossfade-homepage-0 > figure {
  animation: imageAnimation 36s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: -0px;
  width: 100%;
  z-index: -1;
  background-color:#fff;
  width:100%; 
  -webkit-backface-visibility: hidden;
	animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
  
}

.crossfade-homepage-0 > figure:nth-child(1) {
  background-image: url('../../images/Garibaldi-Castle-1.jpg');
}
.crossfade-homepage-0 > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../../images/Garibaldi-Castle-2.jpg');
}
.crossfade-homepage-0 > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../../images/Garibaldi-Castle-4.jpg');
}
.crossfade-homepage-0 > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../../images/Garibaldi-Castle-1.jpg');
}
.crossfade-homepage-0 > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../../images/Garibaldi-Castle-2.jpg');
}
.crossfade-homepage-0 > figure:nth-child(6) {
  animation-delay: 30s;
  background-image: url('../../images/Garibaldi-Castle-4.jpg');
}
.crossfade-homepage-0 > figure:nth-child(7) {
  animation-delay: 36s;
  background-image: url('../../images/Garibaldi-Castle-1.jpg');
}
.crossfade-homepage-0 > figure:nth-child(8) {
  animation-delay: 42s;
  background-image: url('../../images/Garibaldi-Castle-2.jpg');
}
.crossfade-homepage-0 > figure:nth-child(9) {
  animation-delay: 48s;
  background-image: url('../../images/Garibaldi-Castle-4.jpg');
}
.crossfade-homepage-0 > figure:nth-child(10) {
  animation-delay: 54s;
  background-image: url('../../images/Garibaldi-Castle-2.jpg');
}
}
@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE HOME END */





/* CROSSFADE HOME */
.crossfade-home-0 > figure {
  animation: imageAnimation 10s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: -0px;
  width: 100%;
  z-index: -1;
  background-color:#fff;
  width:100%; 
  -webkit-backface-visibility: hidden;
	animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
  
}

.crossfade-home-0 > figure:nth-child(1) {
  animation-delay: 0s;
  background-image: url('../../images/home-1-3.jpg');
}
.crossfade-home-0 > figure:nth-child(2) {
  animation-delay: 1s;
  background-image: url('../../images/home-1-2.jpg');
}
.crossfade-home-0 > figure:nth-child(3) {
  animation-delay: 2s;
  background-image: url('../../images/home-1.jpg');
}
.crossfade-home-0 > figure:nth-child(4) {
  animation-delay: 3s;
  background-image: url('../../images/home-1-2.jpg');
}
.crossfade-home-0 > figure:nth-child(5) {
  animation-delay: 4s;
  background-image: url('../../images/home-1-3.jpg');
}
.crossfade-home-0 > figure:nth-child(6) {
  animation-delay: 5s;
  background-image: url('../../images/home-1-4.jpg');
}
.crossfade-home-0 > figure:nth-child(7) {
  animation-delay: 6s;
  background-image: url('../../images/home-1-5.jpg');
}
.crossfade-home-0 > figure:nth-child(8) {
  animation-delay: 7s;
  background-image: url('../../images/home-1-6.jpg');
}
.crossfade-home-0 > figure:nth-child(9) {
  animation-delay: 8s;
  background-image: url('../../images/home-1-4.jpg');
}
.crossfade-home-0 > figure:nth-child(10) {
  animation-delay: 9s;
  background-image: url('../../images/home-1-3.jpg');
}
}
@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE HOME END */



/* CROSSFADE WEDDING START */
.crossfade-weddings > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -1;
  background-color:#000;
  width:101%; 
  
}

.crossfade-weddings > figure:nth-child(1) {
  background-image: url('../../images/weddings-1.jpg');
}
.crossfade-weddings > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../../images/weddings-4.jpg');
}
.crossfade-weddings > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../../images/weddings-5.jpg');
}
.crossfade-weddings > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../../images/weddings-3.jpg');
}
.crossfade-weddings > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../../images/weddings-2.jpg');
}

@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE WEDDING END */

/* CROSSFADE RESTAURANT START */
.crossfade-restaurant > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -1;
  background-color:#000;
  width:101%; 
  
}

.crossfade-restaurant > figure:nth-child(1) {
  background-image: url('../../images/restaurant-1.jpg');
}
.crossfade-restaurant > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../../images/restaurant-2.jpg');
}
.crossfade-restaurant > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../../images/restaurant-1.jpg');
}
.crossfade-restaurant > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../../images/restaurant-2.jpg');
}
.crossfade-restaurant > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../../images/restaurant-1.jpg');
}

@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE RESTAURANT END */


/* CROSSFADE INSIDE CASTLE */
.crossfade-inside > figure {
  animation: imageAnimation 36s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -1;
  background-color:#000;
  width:101%; 
  
}

.crossfade-inside > figure:nth-child(1) {
  background-image: url('../../images/insidecastle-1.jpg');
}
.crossfade-inside > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../../images/insidecastle-2.jpg');
}
.crossfade-inside > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../../images/insidecastle-3.jpg');
}
.crossfade-inside > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../../images/insidecastle-4.jpg');
}
.crossfade-inside > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../../images/insidecastle-5.jpg');
}
.crossfade-inside > figure:nth-child(6) {
  animation-delay: 30s;
  background-image: url('../../images/insidecastle-10.jpg');
}
.crossfade-inside > figure:nth-child(7) {
  animation-delay: 36s;
  background-image: url('../../images/insidecastle-6.jpg');
}
.crossfade-inside > figure:nth-child(8) {
  animation-delay: 42s;
  background-image: url('../../images/insidecastle-7.jpg');
}
.crossfade-inside > figure:nth-child(9) {
  animation-delay: 48s;
  background-image: url('../../images/insidecastle-8.jpg');
}
.crossfade-inside > figure:nth-child(10) {
  animation-delay: 54s;
  background-image: url('../../images/insidecastle-9.jpg');
}
}
@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE INSIDE CASTLE END */



/* CROSSFADE DOCK START */
.crossfade-dock > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -1;
  background-color:#000;
  width:101%; 
  
}
.crossfade-dock > figure:nth-child(1) {
  background-image: url('../../images/docks-1.jpg');
}
.crossfade-dock > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../../images/docks-2.jpg');
}
.crossfade-dock > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../../images/docks-3.jpg');
}
.crossfade-dock > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../../images/docks-4.jpg');
}
.crossfade-dock > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../../images/docks-5.jpg');
}
@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE DOCK END */

/* CROSSFADE HOME-1 START */
.crossfade-home-1 > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 110%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: -20px;
  width: 100%;
  z-index: -1;
  background-color:#000;
  width:101%; 
  
}
.crossfade-home-1 > figure:nth-child(1) {
  background-image: url('../../images/homepage-banner-1.jpg');
}
.crossfade-home-1 > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../../images/homepage-banner-2.jpg');
}
.crossfade-home-1 > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../../images/homepage-banner-3.jpg');
}
.crossfade-home-1 > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../../images/homepage-banner-1.jpg');
}
.crossfade-home-1 > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../../images/homepage-banner-3.jpg');
}
@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE HOME-1 END */


/* CROSSFADE HOME-2 START */
.crossfade-home-2 > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 110%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: -20px;
  width: 100%;
  z-index: -1;
  background-color:#000;
  width:101%; 
  
}
.crossfade-home-2 > figure:nth-child(1) {
  background-image: url('../../images/homepage-banner-5.jpg');
}
.crossfade-home-2 > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../../images/homepage-banner-6.jpg');
}
.crossfade-home-2 > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../../images/homepage-banner-7.jpg');
}
.crossfade-home-2 > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../../images/homepage-banner-5.jpg');
}
.crossfade-home-2 > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../../images/homepage-banner-6.jpg');
}
@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE HOME-2 END */

/* CROSSFADE HOME-3 START */
.crossfade-home-3 > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 110%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: -20px;
  width: 100%;
  z-index: -1;
  background-color:#000;
  width:101%; 
  
}
.crossfade-home-3 > figure:nth-child(1) {
  background-image: url('../../images/homepage-banner-8.jpg');
}
.crossfade-home-3 > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../../images/homepage-banner-9.jpg');
}
.crossfade-home-3 > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../../images/homepage-banner-10.jpg');
}
.crossfade-home-3 > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../../images/homepage-banner-8.jpg');
}
.crossfade-home-3 > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../../images/homepage-banner-9.jpg');
}
@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE HOME-3 END */

/* CROSSFADE HOME-4 START */
.crossfade-home-4 > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 110%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: -20px;
  width: 100%;
  z-index: -1;
  background-color:#000;
  width:101%; 
  
}
.crossfade-home-4 > figure:nth-child(1) {
  background-image: url('../../images/homepage-banner-11.jpg');
}
.crossfade-home-4 > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../../images/homepage-banner-13.jpg');
}
.crossfade-home-4 > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../../images/homepage-banner-11.jpg');
}
.crossfade-home-4 > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../../images/homepage-banner-13.jpg');
}
.crossfade-home-4 > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../../images/homepage-banner-12.jpg');
}
@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE HOME-4 END */

/* CROSSFADE HOME-5 START */
.crossfade-home-5 > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 110%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: -20px;
  width: 100%;
  z-index: -1;
  background-color:#000;
  width:101%; 
  
}
.crossfade-home-5 > figure:nth-child(1) {
  background-image: url('../../images/homepage-banner-14.jpg');
}
.crossfade-home-5 > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../../images/homepage-banner-15.jpg');
}
.crossfade-home-5 > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../../images/homepage-banner-16.jpg');
}
.crossfade-home-5 > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../../images/homepage-banner-17.jpg');
}
.crossfade-home-5 > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../../images/homepage-banner-25.jpg');
}
@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE HOME-5 END */

/* CROSSFADE HOME-6 START */
.crossfade-home-6 > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 110%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: -20px;
  width: 100%;
  z-index: -1;
  background-color:#000;
  width:101%; 
  
}
.crossfade-home-6 > figure:nth-child(1) {
  background-image: url('../../images/homepage-banner-18.jpg');
}
.crossfade-home-6 > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../../images/homepage-banner-19.jpg');
}
.crossfade-home-6 > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../../images/homepage-banner-18.jpg');
}
.crossfade-home-6 > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../../images/homepage-banner-19.jpg');
}
.crossfade-home-6 > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../../images/homepage-banner-20.jpg');
}
@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE HOME-6 END */

/* CROSSFADE HOME-7 START */
.crossfade-home-7 > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 110%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: -20px;
  width: 100%;
  z-index: -1;
  background-color:#000;
  width:101%; 
  
}
.crossfade-home-7 > figure:nth-child(1) {
  background-image: url('../../images/homepage-banner-21.jpg');
}
.crossfade-home-7 > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../../images/homepage-banner-22.jpg');
}
.crossfade-home-7 > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../../images/homepage-banner-23.jpg');
}
.crossfade-home-7 > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('../../images/homepage-banner-24.jpg');
}
.crossfade-home-7 > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('../../images/homepage-banner-22.jpg');
}
@keyframes imageAnimation {
  0% {
   
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

/* CROSSFADE HOME-7 END */





      .swiper-slide swiper-wrapper__item{
            pointer-events: auto;
            opacity: 1;
        }
        #pre-experience-modal{
            top: 0;
        }
        #myAudioImg.playing{
            background: url('../../assets/images/btn_play.png');
        }
        #myAudioImg{
            background: url('../../assets/images/btn_pause.png');
            cursor:pointer; z-index:9; position: fixed; bottom: 40px; right:35px; display: block; width:70px; height:41px;
        }
		
		
		.viewmore {text-align:center; text-shadow: 0px 5px 7px #000; font-family: 'Astoria-Roman', serif; font-size:20px;}
		
		/* Clouds Start */

#Clouds {
  position: absolute;
  top: -200px;
  right: 0;
  bottom: 0;
  left: -1000px;
  margin: auto;
  height: 90%;
  overflow: visible;
  -webkit-animation: FadeIn 3s ease-out;
          animation: FadeIn 3s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@-webkit-keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.Cloud {
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 70px;
  -webkit-animation-duration: 120s;
          animation-duration: 120s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: Float, FadeFloat;
          animation-name: Float, FadeFloat;
  z-index: 1;
}
.Cloud.Foreground {
  height: 10%;
  min-height: 20px;
  z-index: 3;
}
.Cloud.Background {
  height: 9.09090909%;
  min-height: 8px;
  -webkit-animation-duration: 210s;
          animation-duration: 210s;
}
@-webkit-keyframes Float {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
            transform: translateX(100%) translateZ(0);
  }
  to {
    -webkit-transform: translateX(-15%) translateZ(0);
            transform: translateX(-15%) translateZ(0);
  }
}
@keyframes Float {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
            transform: translateX(100%) translateZ(0);
  }
  to {
    -webkit-transform: translateX(-15%) translateZ(0);
            transform: translateX(-15%) translateZ(0);
  }
}
@-webkit-keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }
}
@keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }
}
.Cloud:nth-child(10) {
  -webkit-animation-delay: -184.61538462s;
          animation-delay: -184.61538462s;
  top: 60%;
}
.Cloud.Foreground:nth-child(10) {
  -webkit-animation-duration: 80s;
          animation-duration: 80s;
  height: 35%;
}
.Cloud.Background:nth-child(10) {
  -webkit-animation-duration: 110s;
          animation-duration: 110s;
  height: -3.40909091%;
}
.Cloud:nth-child(9) {
  -webkit-animation-delay: -166.15384615s;
          animation-delay: -166.15384615s;
  top: 54%;
}
.Cloud.Foreground:nth-child(9) {
  -webkit-animation-duration: 84s;
          animation-duration: 84s;
  height: 32.5%;
}
.Cloud.Background:nth-child(9) {
  -webkit-animation-duration: 114s;
          animation-duration: 114s;
  height: -2.15909091%;
}
.Cloud:nth-child(8) {
  -webkit-animation-delay: -147.69230769s;
          animation-delay: -147.69230769s;
  top: 48%;
}
.Cloud.Foreground:nth-child(8) {
  -webkit-animation-duration: 88s;
          animation-duration: 88s;
  height: 30%;
}
.Cloud.Background:nth-child(8) {
  -webkit-animation-duration: 118s;
          animation-duration: 118s;
  height: -0.90909091%;
}
.Cloud:nth-child(7) {
  -webkit-animation-delay: -129.23076923s;
          animation-delay: -129.23076923s;
  top: 42%;
}
.Cloud.Foreground:nth-child(7) {
  -webkit-animation-duration: 92s;
          animation-duration: 92s;
  height: 27.5%;
}
.Cloud.Background:nth-child(7) {
  -webkit-animation-duration: 122s;
          animation-duration: 122s;
  height: 0.34090909%;
}
.Cloud:nth-child(6) {
  -webkit-animation-delay: -110.76923077s;
          animation-delay: -110.76923077s;
  top: 36%;
}
.Cloud.Foreground:nth-child(6) {
  -webkit-animation-duration: 96s;
          animation-duration: 96s;
  height: 25%;
}
.Cloud.Background:nth-child(6) {
  -webkit-animation-duration: 126s;
          animation-duration: 126s;
  height: 1.59090909%;
}
.Cloud:nth-child(5) {
  -webkit-animation-delay: -92.30769231s;
          animation-delay: -92.30769231s;
  top: 30%;
}
.Cloud.Foreground:nth-child(5) {
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  height: 22.5%;
}
.Cloud.Background:nth-child(5) {
  -webkit-animation-duration: 130s;
          animation-duration: 130s;
  height: 2.84090909%;
}
.Cloud:nth-child(4) {
  -webkit-animation-delay: -73.84615385s;
          animation-delay: -73.84615385s;
  top: 24%;
}
.Cloud.Foreground:nth-child(4) {
  -webkit-animation-duration: 104s;
          animation-duration: 104s;
  height: 20%;
}
.Cloud.Background:nth-child(4) {
  -webkit-animation-duration: 134s;
          animation-duration: 134s;
  height: 4.09090909%;
}
.Cloud:nth-child(3) {
  -webkit-animation-delay: -55.38461538s;
          animation-delay: -55.38461538s;
  top: 18%;
}
.Cloud.Foreground:nth-child(3) {
  -webkit-animation-duration: 108s;
          animation-duration: 108s;
  height: 17.5%;
}
.Cloud.Background:nth-child(3) {
  -webkit-animation-duration: 138s;
          animation-duration: 138s;
  height: 5.34090909%;
}
.Cloud:nth-child(2) {
  -webkit-animation-delay: -36.92307692s;
          animation-delay: -36.92307692s;
  top: 12%;
}
.Cloud.Foreground:nth-child(2) {
  -webkit-animation-duration: 112s;
          animation-duration: 112s;
  height: 15%;
}
.Cloud.Background:nth-child(2) {
  -webkit-animation-duration: 142s;
          animation-duration: 142s;
  height: 6.59090909%;
}
.Cloud:nth-child(1) {
  -webkit-animation-delay: -18.46153846s;
          animation-delay: -18.46153846s;
  top: 6%;
}
.Cloud.Foreground:nth-child(1) {
  -webkit-animation-duration: 116s;
          animation-duration: 116s;
  height: 12.5%;
}
.Cloud.Background:nth-child(1) {
  -webkit-animation-duration: 146s;
          animation-duration: 146s;
  height: 7.84090909%;
}

.Cloud {
  background-image: url("../images/fog1.png");
}
.Cloud.Background {
  background-image: url("../images/fog1.png")
}

.Cloud2 {
  background-image: url("../images/fog1.png");
}
.Cloud.Background2 {
  background-image: url("../images/fog2.png")
}
.Cloud.Background3 {
  background-image: url("../images/fog3.png")
}
.Cloud.Background4  {
  background-image: url("../images/fog0.png");
}

/* Clouds End */


		
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:-10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:-10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:-10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:-10000px 0;}
}

.clouds{
    background:transparent url(../../images/clouds3.png) repeat top center;
    z-index:3; 

  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
}




svg {
  display: block; width: 100%;
}

picture img {
  position: fixed;
  will-change: transform;
  width: 100%;
  z-index: -9;
  margin-top:-2260px;
  background-color:#333;
  width:2400px;
}

	
		
		.md_container{
			max-width: 500px;
			min-width: 200px;
			width: 100%;
			height: 100px;
			margin: 25% auto 0;
			position: relative;
		}

		.md_container .md_button{
			width: 100%;
			height: 100%;
			border-radius: 25px;
			text-align: center;
			line-height: 100px;
			color: #fff;
			font-size: 4vh;
			background: #2bd311;
			z-index: 1;
			position: relative;
		}

		.md_container canvas{
			position: absolute;
			bottom: 0;
			pointer-events: none;
			z-index: 2;
		}	
		
		
		
		
.ftext {    font-family: 'IM Fell Great Primer', serif;
    font-size: 15px;
    font-weight: bold;
    color: #d7d7d7;
    line-height: 28px; margin-top:15px;}
	
.ftext a{    font-family: 'IM Fell Great Primer', serif;
    font-size: 15px;
    font-weight: bold;
    color: #40433c;
    line-height: 28px; margin-top:15px;}
	
.ftext a:hover {    font-family: 'IM Fell Great Primer', serif;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 1px 1px 3px #dde1d9, 0 0 3px #dde1d9, 0 0 3px #dde1d9;
    line-height: 28px; margin-top:15px;}
	
.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;

background-size: 100%;
}
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

#__bs_notify__ {
    pointer-events: none;
    opacity: .3
}

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

ol,
ul {
    list-style: none
}

a {
    text-decoration: none;
    color: inherit;
    outline: none
}

img {
    display: block;
    border: none
}

button {
    cursor: pointer
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .icon,
    .is-ally .icon-motif:after,
    .is-nemesis .edition-item:before,
    .is-nemesis .tabs-nav__item a:before {
        background-image: url(../../images/modal-close-c226cefc16.png);background-size:100%;
        background-size: 266px 1484px
    }
}

@font-face {
    font-family: Astoria-Medium;
    src: url(../fonts/31AFEE_0_0-8327834bea.eot);
    src: url(../fonts/31AFEE_0_0-8327834bead41d.eot?#iefix) format("embedded-opentype"), url(../fonts/31AFEE_0_0-8935ce7a95.woff2) format("woff2"), url(../fonts/31AFEE_0_0-5b756a87a2.woff) format("woff"), url(../fonts/31AFEE_0_0-86f9d44b88.ttf) format("truetype")
}

@font-face {
    font-family: Astoria-Roman;
    src: url(../fonts/31AFEE_1_0-6490c0cf41.eot);
    src: url(../fonts/31AFEE_1_0-6490c0cf41d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/31AFEE_1_0-5c34fe9adf.woff2) format("woff2"), url(../fonts/31AFEE_1_0-5d56f30be6.woff) format("woff"), url(../fonts/31AFEE_1_0-cc3b980266.ttf) format("truetype")
}

.section-header__subtitle,
.t-small-roman,
.tabs-nav__item {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .15em;
    text-transform: uppercase
}

html.astoria-roman-loaded .section-header__subtitle,
html.astoria-roman-loaded .t-small-roman,
html.astoria-roman-loaded .tabs-nav__item {
    font-family: Astoria-Roman, serif
}

.t-medium-roman {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .15em;
    text-transform: uppercase
}

html.astoria-roman-loaded .t-medium-roman {
    font-family: Astoria-Roman, serif
}

.age-gate__title,
.t-age-gate-title {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: uppercase
}

html.astoria-roman-loaded .age-gate__title,
html.astoria-roman-loaded .t-age-gate-title {
    font-family: Astoria-Roman, serif
}

.age-gate__label,
.t-age-gate-label {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .15em;
    text-transform: uppercase
}

html.astoria-medium-loaded .age-gate__label,
html.astoria-medium-loaded .t-age-gate-label {
    font-family: Astoria-Medium, serif
}

.section-header__title,
.t-section-title {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 31px;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: 35px;
	font-weight:bold;
}

html.astoria-medium-loaded .section-header__title,
html.astoria-medium-loaded .t-section-title {
    font-family: Astoria-Medium, serif
}

@media (min-width:800px) {
    .section-header__title,
    .t-section-title {
        font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
        font-weight: 400;
        font-size: 29px;
        letter-spacing: .14em;
        text-transform: uppercase
    }
    html.astoria-medium-loaded .section-header__title,
    html.astoria-medium-loaded .t-section-title {
        font-family: Astoria-Medium, serif
    }
}

.button__label,
.t-button-label {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .15em;
    text-transform: uppercase
}

html.astoria-medium-loaded .button__label,
html.astoria-medium-loaded .t-button-label {
    font-family: Astoria-Medium, serif
}

.edition-item__title,
.t-edition-title {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .15em;
    text-transform: uppercase
}

html.astoria-roman-loaded .edition-item__title,
html.astoria-roman-loaded .t-edition-title {
    font-family: Astoria-Roman, serif
}

@media (min-width:500px) {
    .edition-item__title,
    .t-edition-title {
        font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: .2em;
        text-transform: uppercase
    }
    html.astoria-roman-loaded .edition-item__title,
    html.astoria-roman-loaded .t-edition-title {
        font-family: Astoria-Roman, serif
    }
}

.free-content h4,
.t-h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    padding-top: 40px
}

.free-content html.astoria-roman-loaded h4,
html.astoria-roman-loaded .free-content h4,
html.astoria-roman-loaded .t-h4 {
    font-family: Astoria-Roman, serif
}

.free-content h4:first-child,
.t-h4:first-child {
    padding-top: 0
}

.free-content p,
.t-body {
    font-family: Verdana, sans-serif;
    font-size: 16px;
    padding-top: 20px
}

.free-content html.montserrat-loaded p,
html.montserrat-loaded .free-content p,
html.montserrat-loaded .t-body {
    font-family: Montserrat, sans-serif
}

.free-content p:first-child,
.t-body:first-child {
    padding-top: 0
}

.free-content ul,
.t-list {
    font-family: Verdana, sans-serif;
    font-size: 16px;
    padding-top: 20px
}

.free-content html.montserrat-loaded ul,
html.montserrat-loaded .free-content ul,
html.montserrat-loaded .t-list {
    font-family: Montserrat, sans-serif
}

.free-content ul:first-child,
.t-list:first-child {
    padding-top: 0
}

.free-content ul li,
.t-list-item {
    padding-top: 5px
}

.free-content ul li:before,
.t-list-item:before {
    content: "—";
    margin-right: 10px
}

.free-content ul li:first-child,
.t-list-item:first-child {
    padding-top: 0
}

.free-content {
    padding-top: 70px
}

.free-content__purchase {
    padding-top: 0;
    padding-bottom: 70px
}

.free-content:first-child {
    padding-top: 0
}

.gold-edition h1,
.gold-edition h2,
.gold-edition h3,
.gold-edition h4 {
    color: #b39d7c
}

.c-cyan {
    color: #0be3e3
}

.c-light-grey {
    color: #b4b4b4
}

.hide {
    display: none!important
}

@media (max-width:499px) {
    .hide\@small\- {
        display: none!important
    }
}

@media (min-width:500px) {
    .hide\@small\+ {
        display: none!important
    }
}

@media (min-width:500px) and (max-width:799px) {
    .hide\@small\-medium {
        display: none!important
    }
}

@media (min-width:500px) and (max-width:999px) {
    .hide\@small\-mediumlarge {
        display: none!important
    }
}

@media (min-width:500px) and (max-width:1149px) {
    .hide\@small\-large {
        display: none!important
    }
}

@media (min-width:500px) and (max-width:1299px) {
    .hide\@small\-xlarge {
        display: none!important
    }
}

@media (max-width:799px) {
    .hide\@medium\- {
        display: none!important
    }
}

@media (min-width:800px) {
    .hide\@medium\+ {
        display: none!important
    }
}

@media (min-width:800px) and (max-width:499px) {
    .hide\@medium\-small {
        display: none!important
    }
}

@media (min-width:800px) and (max-width:999px) {
    .hide\@medium\-mediumlarge {
        display: none!important
    }
}

@media (min-width:800px) and (max-width:1149px) {
    .hide\@medium\-large {
        display: none!important
    }
}

@media (min-width:800px) and (max-width:1299px) {
    .hide\@medium\-xlarge {
        display: none!important
    }
}

@media (max-width:999px) {
    .hide\@mediumlarge\- {
        display: none!important
    }
}

@media (min-width:1000px) {
    .hide\@mediumlarge\+ {
        display: none!important
    }
}

@media (min-width:1000px) and (max-width:499px) {
    .hide\@mediumlarge\-small {
        display: none!important
    }
}

@media (min-width:1000px) and (max-width:799px) {
    .hide\@mediumlarge\-medium {
        display: none!important
    }
}

@media (min-width:1000px) and (max-width:1149px) {
    .hide\@mediumlarge\-large {
        display: none!important
    }
}

@media (min-width:1000px) and (max-width:1299px) {
    .hide\@mediumlarge\-xlarge {
        display: none!important
    }
}

@media (max-width:1149px) {
    .hide\@large\- {
        display: none!important
    }
}

@media (min-width:1150px) {
    .hide\@large\+ {
        display: none!important
    }
}

@media (min-width:1150px) and (max-width:499px) {
    .hide\@large\-small {
        display: none!important
    }
}

@media (min-width:1150px) and (max-width:799px) {
    .hide\@large\-medium {
        display: none!important
    }
}

@media (min-width:1150px) and (max-width:999px) {
    .hide\@large\-mediumlarge {
        display: none!important
    }
}

@media (min-width:1150px) and (max-width:1299px) {
    .hide\@large\-xlarge {
        display: none!important
    }
}

@media (max-width:1299px) {
    .hide\@xlarge\- {
        display: none!important
    }
}

@media (min-width:1300px) {
    .hide\@xlarge\+ {
        display: none!important
    }

}

@media (min-width:1300px) and (max-width:499px) {
    .hide\@xlarge\-small {
        display: none!important
    }
}

@media (min-width:1300px) and (max-width:799px) {
    .hide\@xlarge\-medium {
        display: none!important
    }
}

@media (min-width:1300px) and (max-width:999px) {
    .hide\@xlarge\-mediumlarge {
        display: none!important
    }
}

@media (min-width:1300px) and (max-width:1149px) {
    .hide\@xlarge\-large {
        display: none!important
    }
}

.block {
    display: block
}

.rel {
    position: relative
}


/*.no-scroll,*/

.oh {
    overflow: hidden
}

.tac {
    text-align: center
}

.stretch-img {
    display: block;
    max-width: 100%;
    height: auto
}

.stretch-img__secondary {
    max-width: 75%
}

.mx-a {
    margin-left: auto;
    margin-right: auto
}

.load-in-from-top {
    transition: opacity .4s ease .1s, -webkit-transform .8s ease;
    transition: transform .8s ease, opacity .4s ease .1s;
    transition: transform .8s ease, opacity .4s ease .1s, -webkit-transform .8s ease;
    opacity: 0;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%)
}

.is-loaded .load-in-from-top {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.load-in-from-left {
    transition: opacity 1s ease .15s, -webkit-transform .8s ease .15s;
    transition: transform .8s ease .15s, opacity 1s ease .15s;
    transition: transform .8s ease .15s, opacity 1s ease .15s, -webkit-transform .8s ease .15s;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    opacity: 0
}

.is-loaded .load-in-from-left {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.load-in-from-right {
    transition: opacity 1s ease .15s, -webkit-transform .8s ease .15s;
    transition: transform .8s ease .15s, opacity 1s ease .15s;
    transition: transform .8s ease .15s, opacity 1s ease .15s, -webkit-transform .8s ease .15s;
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0
}

.is-loaded .load-in-from-right {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.block-center {
    margin-left: auto;
    margin-right: auto
}

.dib-vam {
    display: inline-block;
    vertical-align: middle
}

.uc {
    text-transform: uppercase
}

.button {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    outline: 0;
    color: #fff;
    text-align: center;
    line-height: 60px;
    height: 60px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 1px 1px;
    margin-top: 50px;
    min-width: 280px
}

.button:first-child {
    margin-top: 0
}

.button:after,
.button:before {
    content: "";
    position: absolute;
    top: 0;
    border-top: 1px solid
}

.button:before {
    left: 0;
    right: calc(50% + 14px)
}

.button:after {
    right: 0;
    left: calc(50% + 14px + .5px)
}

.button__label {
    display: block;
    line-height: 58px;
    margin-left: .2em;
    transition: letter-spacing 2.3s cubic-bezier(.19, 1, .22, 1)
}

.button__label:before {
    content: "";
    background-image: url("data:image/svg+xml;base64,CiAgICA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNSAyNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KICAgICAgPHJlY3QgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiB4PSIzLjciIHk9IjQuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMi44NTM2IC01LjAzMTIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjE3LjUiIGhlaWdodD0iMTcuNSIvPg0KICAgIDwvc3ZnPg0KICA=");
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: 7.5px;
    width: 42px;
    height: 15px;
    position: absolute;
    top: -7.5px;
    margin-top: .5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.button:hover .button__label {
    letter-spacing: .3em
}

.burger-button {
    position: relative;
    padding: 20px;
    margin: -20px
}

.burger-nav-icon {
    display: block;
    width: 20px;
    height: 16px;
    position: relative;
	color: #483e3a;
}

.burger-nav-icon:after,
.burger-nav-icon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #483e3a;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: -webkit-transform .4s ease 0s;
    transition: transform .4s ease 0s;
    transition: transform .4s ease 0s, -webkit-transform .4s ease 0s;
    top: 50%;
    margin-top: -1px
}

.burger-nav-icon span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 2px solid #483e3a;
    border-bottom: 2px solid #483e3a;
    transition: opacity .4s ease .2s, -webkit-transform .4s ease .2s;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
    transition: opacity .4s ease .2s, transform .4s ease .2s, -webkit-transform .4s ease .2s
}

.is-nav-open .burger-nav-icon:after,
.is-nav-open .burger-nav-icon:before {
    transition-delay: .2s
}

.is-nav-open .burger-nav-icon:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.is-nav-open .burger-nav-icon:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.is-nav-open .burger-nav-icon span {
    opacity: 0;
    -webkit-transform: scale(.1);
    transform: scale(.1);
    transition-delay: 0s
}

.age-gate {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    height: 100vh;
    background-color: #0e0e0e;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: opacity .35s ease, -webkit-transform .35s ease;
    transition: opacity .35s ease, transform .35s ease;
    transition: opacity .35s ease, transform .35s ease, -webkit-transform .35s ease;
    overflow: auto;
    text-align: center
}

@media (min-width:1150px) {
    .is-loaded .age-gate {
        background-image: url(../img/age-gate/age-gate-bg-b772442637.jpg)
    }
}

@media (max-width:1149px) {
    .is-loaded .age-gate {
        background-image: url(../img/age-gate/age-gate-bg%40large-87559f80db.png)
    }
}

@media (max-width:799px) {
    .is-loaded .age-gate {
        background-image: url(../img/age-gate/age-gate-bg%40medium-73fc2d6efa.png)
    }
}

@media (max-width:499px) {
    .is-loaded .age-gate {
        background-image: url(../img/age-gate/age-gate-bg%40small-739c1c0c1e.png)
    }
}

.age-gate.is-old-enough {
    opacity: 0
}

.age-gate__inner {
    padding: 30px 15px;
    width: 100%;
    position: relative;
    z-index: 2
}

.age-gate__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.age-gate__logo img {
    max-width: 100%
}

@media (max-width:1149px) {
    .age-gate__logo {
        padding-left: 20px;
        padding-right: 20px
    }
}

.age-gate__logo__sow {
    margin-top: 10px
}

.age-gate__title {
    margin-top: 70px;
    text-align: center
}

@media (max-width:799px) and (max-height:749px) {
    .age-gate__title {
        margin-top: 20px
    }
}

.age-gate__form {
    margin-top: -5px
}

@media (min-width:800px) {
    .age-gate__form {
        display: -ms-flexbox;
        display: flex;
        margin-left: -25px
    }
}

@media (min-width:500px) {
    .age-gate__form {
        padding-left: 60px;
        padding-right: 60px
    }
}

.age-gate__error {
    color: red;
    margin-top: 20px;
    text-align: center;
    display: none
}

.age-gate__field {
    margin-top: 25px;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:799px) {
    .age-gate__field {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:800px) {
    .age-gate__field {
        margin-left: 25px
    }
}

.age-gate__field--large {
    -ms-flex: 1.5;
    flex: 1.5
}

.age-gate__input {
    width: 100%;
    height: 100px;
    background: #090909;
    color: #fff;
    border: 1px solid #242424;
    font-size: 46px;
    line-height: 100px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    outline: none;
    font-family: Verdana, sans-serif
}

html.montserrat-loaded .age-gate__input {
    font-family: Montserrat, sans-serif
}

@media (max-width:799px) and (max-height:749px) {
    .age-gate__input {
        height: 60px;
        line-height: 60px
    }
}

@media (max-width:799px) and (max-height:549px) {
    .age-gate__input {
        height: 40px;
        font-size: 30px;
        line-height: 40px
    }
}

.age-gate__label {
    margin-top: 10px;
    display: block;
    text-align: center
}

@media (max-width:799px) {
    .age-gate__label {
        text-align: center
    }
}

@media (max-width:799px) and (max-height:549px) {
    .age-gate__label {
        display: none
    }
}

.age-gate__btn {
    min-width: 100px;
    max-width: 280px;
    display: block;
    margin-top: 50px
}

.age-gate-wrapper,
.age-gate__btn {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.age-gate-wrapper {
    max-width: 710px
}

.age-gate:not(.is-old-enough)+.site-wrapper {
    display: none
}

.dropdown {
    position: absolute;
    min-width: 210px;
    top: calc(50% + 55px/2);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-width: 20px 0 20px 0;
  border-style:solid;
   background:#;
  border-image: url('../../images/scrolltops.png') 50 0 50 0 repeat;
  -webkit-border-image: url('../../images/scrolltops.png') 50 0 50 0 repeat;
  -moz-border-image: url('../../images/scrolltops.png') 50 0 50 0 repeat;
  border-image-slice: 50 0 50 0 fill;
  background-image: url('../../images/scroll.png');
 -webkit-box-shadow: 1px 9px 5px -5px rgba(0,0,0,0.28);
-moz-box-shadow: 1px 9px 5px -5px rgba(0,0,0,0.28);
box-shadow: 1px 9px 5px -5px rgba(0,0,0,0.28);
}

.dropdown__item {
    margin: 20px 0;
    text-align: center;
    line-height: 25px;
   color: #373633;
    font-size: 15px;
	text-shadow: 1px 1px 1px #fcffb4, 0 0 1px #fcffb4, 0 0 1px #fcffb4;
	font-weight:bold;
	
}

.dropdown__item a:hover {
    margin: 20px 0;
    text-align: center;
    line-height: 25px;
	color: #373633;
    font-size: 15px;
	text-shadow: 1px 1px 8px #fcfde5, 0 0 8px #fcfde5, 0 0 8px #fcfde5;
	font-weight:bold;
	
}


.accordion {
    padding: 20px 0 0;
	
}

.accordion__item {
    margin: 10px 0;
    text-align: center
}

.with-dropdown {
    position: relative;
    display: inline-block
}

.with-dropdown:after {
    content: "";
    border: 5px solid transparent;
    height: 0;
    width: 0;
    border-top-color: #2f2d29;
    display: inline-block;
    vertical-align: -2px;
    margin-left: 5px
}

.is-open .with-dropdown:after {
    vertical-align: 3px;
    border-bottom-color: #2f2d29;
    border-top-color: transparent;
    display: inline-block
}

.icon,
.is-ally .icon-motif:after,
.is-nemesis .edition-item:before,
.is-nemesis .tabs-nav__item a:before {
    background-image: url(../img/sprite-7afcbb6d51.png);
    text-indent: -9999px;
    background-size: 266px 1484px
}

.smallinfo {
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 1.6;
   font-family: 'IM Fell Great Primer', serif;
    padding-right: 30px;
    color: #3e403c;
    -webkit-font-smoothing: subpixel-antialiased
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .icon,
    .is-ally .icon-motif:after,
    .is-nemesis .edition-item:before,
    .is-nemesis .tabs-nav__item a:before {
        background-image: url(../../images/modal-close-c226cefc16.png);
		background-size:100%;
	
    }
}

.icon--wb-play {
    background-position: 0 -288px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 63px;
    height: 22px
}

@media (max-width:499px) {
    .icon--wb-play {
        width: 23px!important
    }
}

.icon--play {
    background-position: 0 -20px;
    width: 11px;
    height: 13px
}

.icon--dropdown-arrow,
.icon--play {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block
}

.icon--dropdown-arrow {
    background-position: 0 -10px;
    width: 12px;
    height: 10px
}

.icon--xb1 {
    background-position: 0 -266px;
    width: 95px
}

.icon--xb1,
.icon--xpa {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    height: 22px
}

.icon--xpa {
    background-position: 0 -332px;
    width: 56px
}

.icon--windows10 {
    background-position: 0 -310px;
    width: 101px;
    height: 22px
}

.icon--ps4,
.icon--windows10 {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block
}

.icon--ps4 {
    background-position: 0 -354px;
    width: 95px;
    height: 23px
}

.icon--monolith {
    background-position: 0 -408px;
    width: 41px
}

.icon--monolith,
.icon--wb-games {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    height: 34px;
    display: inline-block
}

.icon--wb-games {
    background-position: 0 -476px;
    width: 32px
}

.icon--me {
    background-position: 0 -442px;
    display: block;
    width: 31px;
    height: 34px;
    display: inline-block
}

.icon--me,
.icon--pc {
    background-repeat: no-repeat;
    overflow: hidden
}

.icon--pc {
    background-position: 0 -244px;
    display: block;
    width: 25px;
    height: 22px
}

.icon--rp {
    background-position: 0 -377px;
    width: 61px;
    height: 31px
}

.icon--legal-close,
.icon--rp {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block
}

.icon--legal-close {
    background-position: 0 -718px;
    width: 52px;
    height: 52px;
	
}

.icon--close-modal {
    background-position: 0 -666px;
    width: 52px;
    height: 52px;
	
}

.icon--close-modal,
.icon--type-wallpaper {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block
}

.icon--type-wallpaper {
    background-position: 0 -109px;
    width: 19px;
    height: 19px
}

.icon--type-news {
    background-position: 0 -204px
}

.icon--type-news,
.icon--type-screenshot {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 19px;
    height: 19px
}

.icon--type-screenshot {
    background-position: 0 -33px
}

.icon--type-video {
    background-position: 0 -128px
}

.icon--type-twitter,
.icon--type-video {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 19px;
    height: 19px
}

.icon--type-twitter {
    background-position: 0 -147px
}

.icon--type-facebook {
    background-position: 0 -166px
}

.icon--type-facebook,
.icon--type-instagram {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 19px;
    height: 19px
}

.icon--type-instagram {
    background-position: 0 -71px
}

.icon--type-page {
    background-position: 0 -185px
}

.icon--type-modal,
.icon--type-page {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 19px;
    height: 19px
}

.icon--type-modal {
    background-position: 0 -90px
}

.icon--region-point {
    background-position: 0 -223px;
    width: 22px;
    height: 21px
}

.icon--region-point,
.icon--scroll {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block
}

.icon--scroll {
    background-position: 0 -546px;
    width: 24px;
    height: 38px
}

.icon--share-fb {
    background-position: 0 -770px
}

.icon--share-fb,
.icon--share-google {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 77px;
    height: 77px
}

.icon--share-google {
    background-position: 0 -847px
}

.icon--share-twitter {
    background-position: 0 -924px;
    width: 77px;
    height: 77px
}

.icon--newline,
.icon--share-twitter {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block
}

.icon--newline {
    background-position: 0 -584px;
    width: 60px;
    height: 39px
}

.legal-outer {
    /*background:#000;*/
    position: relative;
    background-repeat: no-repeat;
}

@media (min-width:1000px) {
    .legal-outer {
        position: relative;
       background: #000;
    }
}

.legal {
    padding-bottom: 30px
}

@media (max-width:999px) {
    .legal {
        text-align: center;
        padding-left: 20px;
        padding-right: 20px
    }
}

.legal__outside {
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1000px) {
    .legal__outside {
        display: none
    }
}

.legal__close {
    background-image: url(../img/sprite-7afcbb6d51.png);
    background-size: 266px 1484px;
    background-position: 0 -718px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 52px;
    height: 52px;
    margin-left: auto;
    margin-right: auto;
    text-indent: -9999px;
    cursor: pointer
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .legal__close {
        background-image: url(../img/sprite%402x-0903b0ff9c.png)
    }
}

.legal__esrb img {
    display: inline
}

.legal__title {
    text-transform: uppercase;
    font-size: 13px;
    font-family: Verdana, sans-serif;
    letter-spacing: .015em;
    margin-top: 5px
}

html.montserrat-loaded .legal__title {
    font-family: Montserrat, sans-serif
}

.legal__logo-list {
    text-align: center;
    margin-left: -20px;
    position: relative
}

.legal__logo-list:after {
    margin: auto;
    max-width: 1020px;
    padding-top: 20px;
    content: "";
    display: block;
    border-bottom: 1px solid #141414
}

.legal__logo-list_ {
    padding-left: 25px;
    padding-top: 25px;
    display: inline-block;
    vertical-align: middle
}

.legal__text-container {
    padding-top: 10px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}



@media (min-width:1000px) {
    .legal__text-container {
        display: -ms-flexbox;
        display: flex
    }
}

.legal__text-logos {
    width: 200px;
	margin-right:20px;
}

.legal__text-logos a {
    cursor: default;
    display: inline-block
}

.legal__text-logos span {
    vertical-align: top;
    display: inline-block
}

@media (max-width:999px) {
    .legal__text-logos {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px
    }
}

.legal__text {
    -ms-flex: 1;
    flex: 1;
    font-size: 10px;
    line-height: 1.6;
    font-family: Verdana, sans-serif;
    padding-right: 30px;
    color: #676767;
    -webkit-font-smoothing: subpixel-antialiased
}

html.montserrat-loaded .legal__text {
    font-family: Montserrat, sans-serif
}

.legal__text a {
    color: #aaa
}

.legal__nav {
    display: none;
    margin-left: -20px;
    margin-top: 20px;
    -webkit-font-smoothing: subpixel-antialiased
}

.legal__nav_ {
    padding-left: 20px;
    display: inline-block;
    vertical-align: top
}

.legal__nav_ a {
    text-decoration: underline;
    color: gray;
    font-size: 12px;
    text-transform: uppercase
}

@media screen and (max-width:999px) and (max-height:649px) {
    .legal {
        padding-top: 30px;
        max-height: 100vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (max-width:999px) and (min-height:650px) {
    .legal__outside {
        position: absolute;
        top: -120px;
        left: 0;
        right: 0;
        width: 80px
    }
}

.header-nav-list {
    margin-left: -20px
}

.header-nav-list_ {
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle
}

.vert-button-list {
    margin-left: -20px;
    margin-top: -20px
}

.vert-button-list_ {
    display: block;
    text-align: center;
    padding-top: 20px;
    padding-left: 20px
}

@media (max-width:499px) {
    .vert-button-list\@small\- {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@small\-_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:500px) {
    .vert-button-list\@small\+ {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@small\+_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:500px) and (max-width:799px) {
    .vert-button-list\@small\-medium {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@small\-medium_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:500px) and (max-width:999px) {
    .vert-button-list\@small\-mediumlarge {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@small\-mediumlarge_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:500px) and (max-width:1149px) {
    .vert-button-list\@small\-large {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@small\-large_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:500px) and (max-width:1299px) {
    .vert-button-list\@small\-xlarge {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@small\-xlarge_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (max-width:799px) {
    .vert-button-list\@medium\- {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@medium\-_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:800px) {
    .vert-button-list\@medium\+ {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@medium\+_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:800px) and (max-width:499px) {
    .vert-button-list\@medium\-small {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@medium\-small_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:800px) and (max-width:999px) {
    .vert-button-list\@medium\-mediumlarge {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@medium\-mediumlarge_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:800px) and (max-width:1149px) {
    .vert-button-list\@medium\-large {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@medium\-large_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:800px) and (max-width:1299px) {
    .vert-button-list\@medium\-xlarge {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@medium\-xlarge_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (max-width:999px) {
    .vert-button-list\@mediumlarge\- {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@mediumlarge\-_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1000px) {
    .vert-button-list\@mediumlarge\+ {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@mediumlarge\+_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1000px) and (max-width:499px) {
    .vert-button-list\@mediumlarge\-small {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@mediumlarge\-small_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1000px) and (max-width:799px) {
    .vert-button-list\@mediumlarge\-medium {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@mediumlarge\-medium_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1000px) and (max-width:1149px) {
    .vert-button-list\@mediumlarge\-large {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@mediumlarge\-large_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1000px) and (max-width:1299px) {
    .vert-button-list\@mediumlarge\-xlarge {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@mediumlarge\-xlarge_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (max-width:1149px) {
    .vert-button-list\@large\- {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@large\-_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1150px) {
    .vert-button-list\@large\+ {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@large\+_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1150px) and (max-width:499px) {
    .vert-button-list\@large\-small {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@large\-small_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1150px) and (max-width:799px) {
    .vert-button-list\@large\-medium {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@large\-medium_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1150px) and (max-width:999px) {
    .vert-button-list\@large\-mediumlarge {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@large\-mediumlarge_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1150px) and (max-width:1299px) {
    .vert-button-list\@large\-xlarge {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@large\-xlarge_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (max-width:1299px) {
    .vert-button-list\@xlarge\- {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@xlarge\-_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1300px) {
    .vert-button-list\@xlarge\+ {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@xlarge\+_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1300px) and (max-width:499px) {
    .vert-button-list\@xlarge\-small {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@xlarge\-small_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1300px) and (max-width:799px) {
    .vert-button-list\@xlarge\-medium {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@xlarge\-medium_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1300px) and (max-width:999px) {
    .vert-button-list\@xlarge\-mediumlarge {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@xlarge\-mediumlarge_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:1300px) and (max-width:1149px) {
    .vert-button-list\@xlarge\-large {
        margin-left: -20px;
        margin-top: -20px
    }
    .vert-button-list\@xlarge\-large_ {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px
    }
}

.button-list {
    margin-left: -10px;
    margin-top: -10px
}

.button-list_ {
    display: inline-block;
    vertical-align: middle;
    padding-top: 10px;
    padding-left: 10px
}

@media (max-width:499px) {
    .button-list\@small\- {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@small\-_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:500px) {
    .button-list\@small\+ {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@small\+_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:500px) and (max-width:799px) {
    .button-list\@small\-medium {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@small\-medium_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:500px) and (max-width:999px) {
    .button-list\@small\-mediumlarge {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@small\-mediumlarge_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:500px) and (max-width:1149px) {
    .button-list\@small\-large {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@small\-large_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:500px) and (max-width:1299px) {
    .button-list\@small\-xlarge {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@small\-xlarge_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (max-width:799px) {
    .button-list\@medium\- {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@medium\-_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:800px) {
    .button-list\@medium\+ {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@medium\+_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:800px) and (max-width:499px) {
    .button-list\@medium\-small {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@medium\-small_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:800px) and (max-width:999px) {
    .button-list\@medium\-mediumlarge {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@medium\-mediumlarge_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:800px) and (max-width:1149px) {
    .button-list\@medium\-large {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@medium\-large_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:800px) and (max-width:1299px) {
    .button-list\@medium\-xlarge {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@medium\-xlarge_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (max-width:999px) {
    .button-list\@mediumlarge\- {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@mediumlarge\-_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1000px) {
    .button-list\@mediumlarge\+ {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@mediumlarge\+_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1000px) and (max-width:499px) {
    .button-list\@mediumlarge\-small {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@mediumlarge\-small_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1000px) and (max-width:799px) {
    .button-list\@mediumlarge\-medium {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@mediumlarge\-medium_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1000px) and (max-width:1149px) {
    .button-list\@mediumlarge\-large {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@mediumlarge\-large_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1000px) and (max-width:1299px) {
    .button-list\@mediumlarge\-xlarge {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@mediumlarge\-xlarge_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (max-width:1149px) {
    .button-list\@large\- {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@large\-_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1150px) {
    .button-list\@large\+ {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@large\+_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1150px) and (max-width:499px) {
    .button-list\@large\-small {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@large\-small_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1150px) and (max-width:799px) {
    .button-list\@large\-medium {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@large\-medium_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1150px) and (max-width:999px) {
    .button-list\@large\-mediumlarge {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@large\-mediumlarge_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1150px) and (max-width:1299px) {
    .button-list\@large\-xlarge {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@large\-xlarge_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (max-width:1299px) {
    .button-list\@xlarge\- {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@xlarge\-_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1300px) {
    .button-list\@xlarge\+ {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@xlarge\+_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1300px) and (max-width:499px) {
    .button-list\@xlarge\-small {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@xlarge\-small_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1300px) and (max-width:799px) {
    .button-list\@xlarge\-medium {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@xlarge\-medium_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1300px) and (max-width:999px) {
    .button-list\@xlarge\-mediumlarge {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@xlarge\-mediumlarge_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

@media (min-width:1300px) and (max-width:1149px) {
    .button-list\@xlarge\-large {
        margin-left: -10px;
        margin-top: -10px
    }
    .button-list\@xlarge\-large_ {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px;
        padding-left: 10px
    }
}

.social-horz {
    margin-left: 20px
}

.social-horz_ {
    display: inline-block;
    vertical-align: middle
}

.global-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

@media (min-width:1250px) {
    .global-header {
        top: 0px
    }
}

.global-header,
.global-header__inner {
    height: 55px
}

.global-header {
    z-index: 99
}

@media (max-width:1149px) {
    .global-header__aux {
        display: none
    }
}

.global-header__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    white-space: nowrap;
    position: relative;
    padding: 0 20px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 19px;
    letter-spacing: .15em;
    text-transform: uppercase;
	background-image: url("../../images/menu.jpg");
	font-weight:bold;
	-webkit-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 9px 14px -6px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 9px 14px -6px rgba(0,0,0,0.18);
box-shadow: 0px 9px 14px -6px rgba(0,0,0,0.18);
}

@media (min-width:1550px) {
    .global-header__inner {
        padding: 0 70px
    }
}

.global-header__inner:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #121111;
    opacity: 0;
    transition: opacity .2s ease;
	background-image: url("../../images/menu.jpg");
}

html.astoria-medium-loaded .global-header__inner {
    font-family: Astoria-Medium, serif
}

.global-header.is-stuck .global-header__inner,
.is-nav-open .global-header .global-header__inner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
	
}

.global-header.is-stuck .global-header__inner:before,
.is-nav-open .global-header .global-header__inner:before {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.global-header__side {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:499px) {
    .global-header__side {
        width: 30%
    }
}

@media (max-width:1699px) {
    .global-header__aux {
        opacity: 1;
        max-width: 250px;
        transition: max-width .9s ease, opacity .9s ease, padding .9s ease
    }
    .global-header.is-stuck.is-always-showing-logo .global-header__aux,
    .global-header.is-stuck.is-showing-logo .global-header__aux {
        opacity: 0;
        max-width: 0;
        padding-left: 0
    }
}

.global-header__middle {
    z-index: 2
}

.global-header__burger {
    width: 100%
}

.global-header__burger,
.global-header__nav {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    color: #282825;
}

.global-header__nav {
    max-width: 280px;
    transition: max-width .9s ease;
    letter-spacing: .05em
}

.global-header__side:first-child .global-header__nav {
    padding-right: 20px
}

.global-header__side:last-child .global-header__nav {
    padding-left: 20px
}

.global-header.is-showing-logo .global-header__nav {
    max-width: 90px
}

.global-header__nav>li+li {
    padding-left: 15px
}

.global-header__burger,
.global-header__nav:last-child {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.global-header__burger {
    display: none
}

@media (max-width:1149px) {
    .global-header__burger {
        display: -ms-flexbox;
        display: flex
    }
}

.global-nav {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:1149px) {
    .global-nav {
        display: none
    }
}

.global-nav__item {
    position: relative;
    padding: 0 15px
}

.global-nav__logo {
    max-width: 0;
    overflow: hidden;
    transition: max-width .9s ease 0s;
    position: relative;
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.global-header.is-always-showing-logo .global-nav__logo,
.global-header.is-showing-logo .global-nav__logo,
.is-nav-open .global-header .global-nav__logo {
    max-width: 375px
}

.global-nav-logo {
    display: block;
    padding-top: 30px;
    opacity: 0;
    transition: padding-top .4s ease, opacity .9s ease 0s
}


@media (max-width:1500px){
     .hidden-m{
        display: none;
    }

}

@media (min-width: 1150px) and (max-width: 1250px){
    .global-header__inner{
        font-size:16px;
    }
}


@media (max-width: 1150px){
    .global-nav-logo .global-nav-logo__me{
        height: 0;
    }

    .global-nav-logo{
        opacity: 1;
         padding-top: 0px;
    }

    .global-nav__logo{
        max-width: 375px;
    }

    .global-header__side:last-child .global-header__nav{
        position: absolute;
        left:0;
        max-width: 100%;
    }

}

@media (max-width: 767px){
    .global-header__side:last-child .global-header__nav{
        top: 100%;
        padding-left: 0;
        font-size:14px;
display:none;
    }

}

.global-header.is-stuck .global-nav-logo,
.is-nav-open .global-nav-logo {
    padding-top: 0
}

.global-nav-logo img {
    display: block;
    max-width: 100%;
    max-height: 30px;
    position: relative;
    margin: 0 auto
}

.global-header.is-always-showing-logo .global-nav-logo,
.global-header.is-showing-logo .global-nav-logo,
.is-nav-open .global-header .global-nav-logo {
    opacity: 1;
    transition: padding-top .4s ease, opacity .9s ease .45s
}

.global-nav-logo__me,
.global-nav-logo__sow {
    display: block;
    overflow: hidden;
    width: 100%
}

.global-nav-logo__me {
    height: 15px;
    transition: height .2s ease
}

.global-nav-logo__me img {
    opacity: 1;
    transition: opacity .3s ease
}

.global-header.is-stuck .global-nav-logo__me,
.is-home:not(.is-nemesis):not(.is-ally) .global-header .global-nav-logo__me,
.is-nav-open .global-header .global-nav-logo__me {
    height: 0
}

.global-header.is-stuck .global-nav-logo__me img,
.is-home:not(.is-nemesis):not(.is-ally) .global-header .global-nav-logo__me img,
.is-nav-open .global-header .global-nav-logo__me img {
    opacity: 0
}

html.is-nav-open,
html.is-nav-open body {
    overflow: hidden
}

.mobile-nav {
    position: fixed;
    background-image: url("../../images/footer_background.jpeg");
    color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility 0s ease .5s;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    color: #222520;
    text-align: center;
	font-weight:600;
	font-size:16px;
}

@media (min-width:1150px) {
    .mobile-nav {
        display: none!important
    }
}

@media (max-width:1149px) {
    .is-nav-open .mobile-nav {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        transition: opacity .5s ease, visibility 0s ease
    }
}

.mobile-nav__item.is-open .with-dropdown,
.mobile-nav a.is-active,
.mobile-nav a:hover {
    color: #fff
}

.mobile-nav__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%
}

.mobile-nav__list:first-child {
    padding-top: 60px
}

.mobile-nav__list:last-child {
    padding-top: 30px;
    padding-bottom: 60px
}

.mobile-nav__list {
    border-top: 1px solid currentColor
}

.mobile-nav__list:first-child {
    border-top: 0
}

.mobile-nav__item {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size: 24px;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative
}

html.astoria-roman-loaded .mobile-nav__item {
    font-family: Astoria-Roman, serif
}

.mobile-nav__item:before {
    content: "";
    background-image: url("../../images/footer_background.jpg");
	background-size:cover;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity .4s ease;
    z-index: -1
}

.mobile-nav__item:last-child {
    padding-bottom: 30px
}

.mobile-nav__item .svg-icon {
    width: 10px;
    height: 10px;
    margin-left: 10px
}

.mobile-nav__item.is-open:before {
    opacity: 1
}

.tooltip {
    position: absolute;
    padding: 10px 15px;
    color: #fff;
    background: #151515;
    border-left: 1px solid #66c8e2;
    border-right: 1px solid #1b1b1a;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 999;
    margin: 20px auto;
    box-shadow: 0 10px 60px #000
}

.tooltip:after,
.tooltip:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, #66c8e2, #1b1b1a)
}

.tooltip:before {
    top: 0
}

.tooltip:after {
    bottom: 0
}

.tooltip p {
    font-size: 10px;
    max-width: 270px;
    padding-top: 5px
}

.tooltip__title {
    position: relative;
    text-transform: uppercase;
    font-size: 10px;
    display: block;
    white-space: nowrap;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    letter-spacing: .15em;
    margin-bottom: -1px
}

html.astoria-roman-loaded .tooltip__title {
    font-family: Astoria-Roman, serif
}

.tooltip__title:before {
    content: "";
    border: 5px solid transparent;
    border-left-color: #66c8e2;
    position: absolute;
    left: -15px;
    top: 0
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    transition: opacity .5s ease, -webkit-transform .4s ease;
    transition: opacity .5s ease, transform .4s ease;
    transition: opacity .5s ease, transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 100;
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.csspointerevents .modal {
    opacity: 0;
    pointer-events: none
}

.csspointerevents .modal.is-active {
    pointer-events: auto;
    opacity: 1
}

.no-csspointerevents .modal {
    display: none
}

.modal.is-active {
    display: block;
    -webkit-transform: none;
    transform: none
}

.modal__icons {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    z-index: 3
}

.modal [data-loader] {
    z-index: 1
}

.modal iframe {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.modal iframe,
.modal img {
    position: absolute;
    z-index: 2
}

.modal img {
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.icon-list {
    margin-left: -10px;
    font-size: 0
}

.icon-list_ {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    opacity: 1;
    transition: opacity .2s ease
}

.icon-list_:hover {
    opacity: 1
}

.canvas-wrapper,
.canvas-wrapper canvas {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.canvas-wrapper--smoke {
    opacity: 0;
    pointer-events: none
}

.canvas-wrapper--smoke.is-rendered {
    opacity: .1;
    pointer-events: none
}

.hero {
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column
}

/*.is-loaded .hero {
    background-position: 50%;
    background-image: url(../img/pre-experience-hero-1fd523a0c9.jpg);
    background-size: cover
}*/


.is-always-showing-logo .global-nav-logo__me{
    height:0px;
}


.is-always-showing-logo .global-nav-logo{
    padding-top:0;
}
@media (max-width:639px) {
    .is-loaded .hero {
        background-image: url(../img/pre-experience-hero%40640px-574859b3e6.jpg)
    }
}

.is-ally .hero,
.is-nemesis .hero {
    background: none
}

.hero:before {
    content: "";
}

.hero:before,
.hero__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.hero__overlay {
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    transition: background-color .5s ease
}

.hero__overlay.is-open {
    background-color: rgba(0, 0, 0, .8)
}

.hero__video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    display: none
}

.is-loaded .hero__video {
    display: block
}

.hero__video img,
.hero__video video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    transition: opacity .4s ease, visibility 0s ease
}

.hero__video video {
    opacity: 0;
    visibility: hidden
}

.hero__video video.is-playable {
    opacity: 1;
    visibility: visible
}

.hero__video video.is-playable+img {
    opacity: 0;
    visibility: hidden
}

.hero__video:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(180deg, hsla(0, 2%, 8%, 0) 70%, #151414 90%)
}

.hero__video--default {
    opacity: .8
}

.hero__content {
    position: relative;
    z-index: 11;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 250px 30px 100px;
    width: 100%
}

@media (max-width:499px) {
    .hero__content {
        padding: 80px 20px
    }
}

.hero__content>div:hover .launch-experience-modal {
    opacity: 1
}

.hero__content--default {
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 21px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    letter-spacing: .02em
}

html.astoria-roman-loaded .hero__content--default {
    font-family: Astoria-Roman, serif
}

.hero__content--default p {
    max-width: 560px;
    margin: 0 auto;
    padding-top: 50px
}

.is-nemesis .hero__content--default {
    display: none
}

.hero__content--ally,
.hero__content--nemisis {
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 22px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif
}

@media (min-width:800px) {
    .hero__content--ally,
    .hero__content--nemisis {
        font-size: 28px
    }
}

html.astoria-medium-loaded .hero__content--ally,
html.astoria-medium-loaded .hero__content--nemisis {
    font-family: Astoria-Medium, serif
}

body:not(.is-nemesis) .hero__content--nemisis {
    display: none
}

.awards {
    position: absolute;
    right: 50px;
    top: 410px
}

@media (max-width:799px) {
    .awards {
        display: none
    }
}

.awards_hz {
    margin: 50px auto 0;
    max-width: 80%
}

@media (min-width:800px) {
    .awards_hz {
        display: none
    }
}

.wrapper {
   
    width: 75%;
    margin: 0 auto;
    padding: 0 10px
}

@media (min-width:800px) {
    .wrapper {
        padding: 0 20px
    }
}

.consent {
    position: fixed;
    z-index: 101;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #1e1e1e;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    display: none
}

.is-loaded .consent {
    display: block
}

.consent__btn {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    color: #1e1e1e;
    padding: 0 10px;
    line-height: 21px;
    height: 21px;
    font-weight: 700;
    text-align: center;
    min-width: 40px
}

.title-tooltip-hover {
    position: relative;
    display: block
}

.title-tooltip-hover:before {
    position: absolute;
    content: attr(title);
    top: 100%;
    right: 0;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 10px;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease
}

.title-tooltip-hover:hover:before {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.sixteen-nine {
    position: relative;
    padding-bottom: 56.25%
}

.sixteen-nine__frame {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.site-wrapper {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.section-header {
   
    position: relative;
    z-index: 12;
	font-family: 'IM Fell Great Primer', serif;
	font-size:20px;
	font-weight: bold;
	color:#302c2b;
	line-height:28px;
}

.section-header2 {
   
    position: relative;
    z-index: 12;
	font-family: 'IM Fell Great Primer', serif;

	font-weight: bold;
	color:#302c2b;
	line-height:28px;
font-size:1.2vw;
}

.section-header--left {
    padding-bottom: 20px
}

.section-header--left:after {
    content: "";
    display: block;
    margin-top: 20px;
    width: 70px;
    height: 2px;
    background: linear-gradient(180deg, #7a7a7d, #f2f0f0)
}

.section-header--center {
    text-align: center;
    padding: 30px 0 40px;

}

@media (min-width:800px) {
    .section-header--center {
        padding: 50px 0 70px
    }
}

.section-header__title {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #7a7a7d;
		font-weight:bold;
		font-size:38px;
		line-height:45px; 
		letter-spacing: .06em;
}

@media (max-width: 767px){
    .section-header__title{
        font-size: 28px;
    }

    .about-section__content header > br{
        display: none;
    }
      
}

@media (max-width: 580px){
    .castle-bg #about, .visit-bg #about{
        margin-top:-75px;
    } 
}

.section-header__subtitle {
    color: #56c9e9
}

.section-header__pre-title {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .15em;
    color: #fff;
    margin-bottom: 10px
}

html.astoria-roman-loaded .section-header__pre-title {
    font-family: Astoria-Roman, serif
}

.section-header__pre-title--highlight {
    color: #56c9e9
}

.section-header__pre-title--red {
    color: #ec5924
}

.section-header__nav {
    padding-top: 30px
}

.speared-title {
    display: inline-block;
    position: relative
}

.speared-title:after,
.speared-title:before {
    content: "";
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 10px;
    height: 0
}

.speared-title:before {
    border-right: 100px solid currentColor;
    right: 100%
}

.speared-title:after {
    border-left: 100px solid currentColor;
    left: 100%
}

.speared-title--red:after,
.speared-title--red:before {
    color: #ec5924
}

.speared-title--blue:after,
.speared-title--blue:before {
    color: #56c9e9
}

.gradient-title {
    display: inline-block;
    position: relative
}

a .gradient-title:after {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    color: #989386;
    transition: opacity .4s ease .2s, width .3s ease;
    z-index: 2;
    width: 0;
    overflow: hidden
}

a:hover .gradient-title:after {
    opacity: 1;
    width: 100%;
    transition: opacity .4s ease 0s, width .1s ease
}

.gradient-title span {
    display: block;
    position: relative;
    background: -webkit-linear-gradient(#676361, #181816);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: -webkit-text-fill-color .4s ease
	
}

p.gradient-title {
    display: block
}

.gradient-title--blue span {
    background: -webkit-linear-gradient(#57c1e0, #529cb0);
    -webkit-background-clip: text
}

.gradient-title--shadowed:before {
    content: attr(title);
    position: absolute;
    left: 0;
    color: transparent;
}

.gradient-title--glow:before {
    content: attr(title);
    position: absolute;
    right: 0;
    color: transparent;
}

.gradient-title--red span {
    background: -webkit-linear-gradient(#e45926, #ab4d2b);
    -webkit-background-clip: text
}

.gradient-title--nemesis:before {
    content: attr(title);
    position: absolute;
    left: 0;
    right: 0;
    color: transparent;
    text-shadow: 0 1px 0 #ec5924
}

.dot {
    width: 15.6px;
    height: 15.6px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    position: relative;
    vertical-align: middle;
    transition: color .4s ease;
    will-change: color;
    z-index: 1;
    font-size: 0
}

.dot:after,
.dot:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: block
}

.dot:before {
    width: 11px;
    height: 11px;
    border: 1px solid currentColor;
    -webkit-transform: scale(.2);
    transform: scale(.2);
    opacity: 0;
    transition: opacity .6s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, opacity .6s ease;
    transition: transform .4s ease, opacity .6s ease, -webkit-transform .4s ease;
    will-change: transform, opacity
}

.dot:after {
    background-color: currentColor;
    width: 5px;
    height: 5px
}

@media (min-width:1px) {
    .dot {
        width: 31.1px;
        height: 31.1px
    }
    .dot:before {
        width: 22px;
        height: 22px
    }
    .dot:after {
        width: 10px;
        height: 10px
    }
}

.dot.is-active,
.dot:hover,
.is-active .dot {
    color: #aaa8a8
}

.dot.is-active:before,
.dot:hover:before,
.is-active .dot:before {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.is-nemesis .dot.is-active,
.is-nemesis .dot:hover,
.is-nemesis .is-active .dot {
    color: #d95225
}

.is-ally .dot.is-active,
.is-ally .dot:hover,
.is-ally .is-active .dot {
    color: #57afc7
}

.section-divider {
    color: #262424;
    position: relative
}

.section-divider:after,
.section-divider:before {
    content: "";
    position: absolute;
    border-top: 1px solid currentColor
}

.section-divider:before {
    left: 0;
    right: calc(50% + 43px)
}

.section-divider:after {
    right: 0;
    left: calc(50% + 43px)
}

.section-divider__motif {
    display: block;
    background-image: url("data:image/svg+xml;base64,CiAgICA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNSAyNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KICAgICAgPHJlY3QgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiB4PSIzLjciIHk9IjQuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMi44NTM2IC01LjAzMTIpIiBmaWxsPSJub25lIiBzdHJva2U9IiMyNjI0MjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjE3LjUiIGhlaWdodD0iMTcuNSIvPg0KICAgIDwvc3ZnPg0KICA=");
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: 50%;
    position: absolute;
    left: 50%;
    width: 170px;
    height: 88px;
    margin-left: -85px;
    margin-top: -43px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-divider__motif--svg {
    background: none
}

.section-divider__motif--svg:after,
.section-divider__motif--svg:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;base64,CiAgICA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNSAyNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KICAgICAgPHJlY3QgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiB4PSIzLjciIHk9IjQuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMi44NTM2IC01LjAzMTIpIiBmaWxsPSJub25lIiBzdHJva2U9IiMyNjI0MjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjE3LjUiIGhlaWdodD0iMTcuNSIvPg0KICAgIDwvc3ZnPg0KICA=");
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: 50%;
    width: 50px;
    min-width: 50px;
    height: 88px
}

.section-divider__motif--svg:before {
    background-position: -41px
}

.section-divider__motif--svg:after {
    background-position: 92px
}

.section-divider__motif--svg .svg-icon {
    width: 90px;
    height: 90px;
    margin: auto
}

.tabs-nav {
    font-size: 0;
    margin-left: -55px;
    margin-top: -30px
}

.tabs-nav__item {
    letter-spacing: .14em;
    padding-left: 55px;
    padding-top: 30px;
    display: inline-block;
    color: #56c9e9
}

.is-ally .tabs-nav__item,
.is-nemesis .tabs-nav__item {
    color: hsla(0, 0%, 100%, .5)
}

.tabs-nav__item a {
    display: block;
    transition: color .4s ease;
    position: relative
}

.tabs-nav__item a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    background-image: url("data:image/svg+xml;base64,CiAgICA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNSAyNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KICAgICAgPHJlY3QgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiB4PSIzLjciIHk9IjQuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMi44NTM2IC01LjAzMTIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjE3LjUiIGhlaWdodD0iMTcuNSIvPg0KICAgIDwvc3ZnPg0KICA=");
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: 50%;
    width: 70px;
    height: 45px;
    opacity: 0;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease
}

.tabs-nav__item a.is-active.is-tab-active:before {
    opacity: .3;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.is-nemesis .tabs-nav__item a:before {
    background-position: 0 -623px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 42px;
    height: 43px
}

.is-nemesis .tabs-nav__item a.is-active.is-tab-active:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.is-nemesis .tabs-nav__item--exclusive a {
    display: inline-block;
    position: relative
}

a .is-nemesis .tabs-nav__item--exclusive a:after {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    color: #fff;
    transition: opacity .4s ease .2s, width .6s ease;
    z-index: 2;
    width: 0;
    overflow: hidden
}

a:hover .is-nemesis .tabs-nav__item--exclusive a:after {
    opacity: 1;
    width: 100%;
    transition: opacity .4s ease 0s, width .6s ease
}

.is-nemesis .tabs-nav__item--exclusive a span {
    display: block;
    position: relative;
    background: -webkit-linear-gradient(#f2f0f0, #7a7a7d);
    -webkit-text-fill-color: transparent;
    -webkit-transition: -webkit-text-fill-color .4s ease;
    background: -webkit-linear-gradient(#e45926, #ab4d2b);
    -webkit-background-clip: text
}

.is-nemesis .tabs-nav__item--exclusive a.is-active.is-tab-active:before {
    opacity: .5;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.is-ally .tabs-nav__item--exclusive a {
    display: inline-block;
    position: relative
}

a .is-ally .tabs-nav__item--exclusive a:after {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    color: #fff;
    transition: opacity .4s ease .2s, width .6s ease;
    z-index: 2;
    width: 0;
    overflow: hidden
}

a:hover .is-ally .tabs-nav__item--exclusive a:after {
    opacity: 1;
    width: 100%;
    transition: opacity .4s ease 0s, width .6s ease
}

.is-ally .tabs-nav__item--exclusive a span {
    display: block;
    position: relative;
    background: -webkit-linear-gradient(#f2f0f0, #7a7a7d);
    -webkit-text-fill-color: transparent;
    -webkit-transition: -webkit-text-fill-color .4s ease;
    background: -webkit-linear-gradient(#57c1e0, #529cb0);
    -webkit-background-clip: text
}

.is-ally .tabs-nav__item:not(.tabs-nav__item--exclusive) a:before {
    background-repeat: no-repeat;
    background-image: url(../img/ally-tabs-nav-active-28ec37b99f.png);
    background-size: contain;
    width: 260%;
    height: 500%
}

.is-ally .tabs-nav__item:not(.tabs-nav__item--exclusive) a.is-active.is-tab-active {
    color: #000
}

.is-ally .tabs-nav__item:not(.tabs-nav__item--exclusive) a.is-active.is-tab-active:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tabs-nav__item a.is-active.is-tab-active,
.tabs-nav__item a:not(.is-locked):hover {
    color: #fff
}

.tabs-nav__item a span {
    position: relative
}

.tabs-nav__item a.is-locked {
    opacity: .5;
    cursor: default
}

.tabs-nav__item svg {
    width: 10px;
    height: 15px;
    vertical-align: -2px;
    margin-right: 5px
}

.carousel-nav {
    color: #262424;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 0;
    margin-top: 25px;
    white-space: nowrap;
    margin: 0 10px
}

.carousel-nav:after,
.carousel-nav:before {
    content: "";
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}

.carousel-nav:before {
    right: 100%;
    border-right: 100px solid currentColor
}

.carousel-nav:after {
    left: 100%;
    border-left: 100px solid currentColor
}

.carousel-nav li,
.carousel-nav li+li:before {
    display: inline-block;
    vertical-align: middle
}

.carousel-nav li+li:before {
    content: "";
    height: 2px;
    background: currentColor;
    width: 15px
}

@media (min-width:600px) {
    .carousel-nav li+li:before {
        width: 20px
    }
}

@media (min-width:1000px) {
    .carousel-nav li+li:before {
        width: 50px
    }
}

[data-carousel-dots-stage] {
    padding: 10px 100px;
    margin: -10px 0;
    width: 100vw;
    overflow: hidden
}

.media-grid-outer {
    position: relative;
    width: 100%;
    height: 0
}

.media-grid-outer--double {
    padding-bottom: calc(100% + 65px + 65px)
}

.media-grid-outer--double:before {
    content: "2";
    font-size: 0
}

@media (min-width:800px) {
    .media-grid-outer--double {
        padding-bottom: calc(50% + 65px + 65px)
    }
    .media-grid-outer--double:before {
        content: "4"
    }
}

@media (min-width:1220px) {
    .media-grid-outer--double {
        padding-bottom: calc(32% + 65px + 65px)
    }
    .media-grid-outer--double:before {
        content: "6"
    }
}

.media-grid-outer--single {
    padding-bottom: calc(50% + 65px)
}

.media-grid-outer--single:before {
    content: "1";
    font-size: 0
}

@media (min-width:800px) {
    .media-grid-outer--single {
        padding-bottom: calc(30% + 65px)
    }
    .media-grid-outer--single:before {
        content: "2"
    }
}

@media (min-width:1220px) {
    .media-grid-outer--single {
        padding-bottom: calc(17% + 65px)
    }
    .media-grid-outer--single:before {
        content: "3"
    }
}

[data-carousel-items] {
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

[data-carousel-items].is-dragging {
    transition: none
}

.media-grid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin-top: -65px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -15px
}

@media (min-width:800px) {
    .media-grid {
        margin-left: -30px
    }
}

@media (min-width:1220px) {
    .media-grid {
        margin-left: -45px
    }
}

.media-grid__item {
    width: 100%;
    padding-top: 65px;
    padding-left: 15px;
    pointer-events: none;
    opacity: .4;
    transition: opacity .4s ease
}

@media (min-width:800px) {
    .media-grid__item {
        padding-left: 30px;
        width: 50%
    }
}

@media (min-width:1220px) {
    .media-grid__item {
        padding-left: 45px;
        width: 33.3%
    }
}

.media-grid__item.is-media-item-visible {
    opacity: 1;
    pointer-events: all
}

.media-item,
.media-item__content {
    position: relative;
    display: block;
    margin: 0;
	
}

.media-item__content {
    padding-bottom: 50%;
    background: #000;
    text-align: left;
border-width:10px;
border-style:ridge;
border-color:#98a18d;
	margin-bottom:15px;
	margin-left:15px;
	-webkit-box-shadow: -9px 9px 6px -2px rgba(0,0,0,0.17);
-moz-box-shadow: -9px 9px 6px -2px rgba(0,0,0,0.17);
box-shadow: -9px 9px 6px -2px rgba(0,0,0,0.17);
	
}

.media-item__content:after,
.media-item__content:before {
    content: "";
    border: 1px ridge #fff;
	
    z-index: 3;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease;
    opacity: 0;
    pointer-events: none;
border-image-source: linear-gradient(White, DarkGray);
border-image-slice: 20;
}

.media-item__content:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.media-item:before,
.media-item__content:before {
    -webkit-transform: scale(1.05, 1.1) translateZ(0);
    transform: scale(1.05, 1.1) translateZ(0)
}

.media-item__content:after {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    -webkit-transform: scale(1.1, 1.2) translateZ(0);
    transform: scale(1.1, 1.2) translateZ(0)
}

.is-nemesis .media-item__content:after,
.is-nemesis .media-item__content:before {
    display: none
}

.media-item__content__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.no-touchevents .media-item__content:hover:after,
.no-touchevents .media-item__content:hover:before {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.media-item__caption {
    position: absolute;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 10px;
    text-align: left;
    text-transform: uppercase;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size: 13px;
    letter-spacing: .25em;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .5);
    opacity: .8;
    transition: opacity .4s ease
}

html.astoria-medium-loaded .media-item__caption {
    font-family: Astoria-Medium, serif
}

.media-item__caption__note {
    display: block;
    font-family: 'IM Fell Great Primer', serif;
    font-size: 11px;
    color: #56c9e9;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: underline
}

html.montserrat-loaded .media-item__caption__note {
    font-family: Montserrat, sans-serif
}

.media-item:hover .media-item__caption {
    opacity: 1
}

@-webkit-keyframes a {
    to {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
}

@keyframes a {
    to {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
}

.media-item__frame {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 8px;
    right: 8px;
    z-index: 3;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    pointer-events: none;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
    color: #ec5924;
    display: none;
}

.is-nemesis .media-item__frame {
    display: block
}

.is-nemesis .media-item__caption__note {
    color: #ec5924
}

.media-item__frame polyline {
    transition: -webkit-transform .5s ease .7s;
    transition: transform .5s ease .7s;
    transition: transform .5s ease .7s, -webkit-transform .5s ease .7s
}

a:hover .media-item__frame {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

a:hover .media-item__frame polyline:first-child {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation: a .7s .7s ease forwards;
    animation: a .7s .7s ease forwards
}

.is-ally .media-item__effect {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.is-ally .media-item--exclusive .media-item__content__inner {
    box-shadow: inset 0 0 7px 0 hsla(0, 0%, 100%, .6), inset 0 0 15px 2px rgba(90, 199, 229, .5)
}

@-webkit-keyframes b {
    50% {
        -webkit-transform: skew(10deg, -5deg) rotate(7deg) scale(1.1);
        transform: skew(10deg, -5deg) rotate(7deg) scale(1.1)
    }
}

@keyframes b {
    50% {
        -webkit-transform: skew(10deg, -5deg) rotate(7deg) scale(1.1);
        transform: skew(10deg, -5deg) rotate(7deg) scale(1.1)
    }
}

@-webkit-keyframes c {
    50% {
        -webkit-transform: skew(5deg, 0deg) rotate(7deg);
        transform: skew(5deg, 0deg) rotate(7deg)
    }
}

@keyframes c {
    50% {
        -webkit-transform: skew(5deg, 0deg) rotate(7deg);
        transform: skew(5deg, 0deg) rotate(7deg)
    }
}

.is-ally .media-item__effect {
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, visibility 0s .4s
}

.is-ally .is-media-item-visible .media-item__effect {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s ease, visibility 0s
}

.is-ally .media-item__effect span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8
}

.is-ally .media-item__effect span:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: currentColor;
    box-shadow: 0 0 20px 5px currentColor;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    border-radius: 10px
}

.is-ally .media-item__effect span:nth-child(-n+4) {
    -webkit-animation: b 7s ease-in-out infinite;
    animation: b 7s ease-in-out infinite
}

.is-ally .media-item__effect span:nth-child(-n+4):before {
    -webkit-transform: skew(-25deg, -5deg) scale(.8);
    transform: skew(-25deg, -5deg) scale(.8)
}

.is-ally .media-item__effect span:nth-child(n+4) {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
    -webkit-animation: c 6s ease-in-out infinite;
    animation: c 6s ease-in-out infinite
}

.is-ally .media-item__effect span:nth-child(n+4):before {
    -webkit-transform: skew(-50deg, -22deg) scale(.6);
    transform: skew(-50deg, -22deg) scale(.6)
}

.is-ally .media-item__effect span:first-child {
    -webkit-animation-duration: 3.7s;
    animation-duration: 3.7s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    color: rgba(140, 197, 232, .2)
}

.is-ally .media-item__effect span:nth-child(2) {
    -webkit-animation-duration: 4.4s;
    animation-duration: 4.4s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    color: rgba(111, 187, 230, .5)
}

.is-ally .media-item__effect span:nth-child(3) {
    -webkit-animation-duration: 5.1s;
    animation-duration: 5.1s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: rgba(206, 223, 235, .5)
}

.is-ally .media-item__effect span:nth-child(4) {
    -webkit-animation-duration: 5.8s;
    animation-duration: 5.8s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    color: #cae1f3
}

.is-ally .media-item__effect span:nth-child(5) {
    -webkit-animation-duration: 6.5s;
    animation-duration: 6.5s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    color: hsla(0, 0%, 100%, .5)
}

.is-ally .media-item__effect span:nth-child(6) {
    -webkit-animation-duration: 7.2s;
    animation-duration: 7.2s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    color: #6fbbe5
}

.is-ally .media-item__effect span:nth-child(7) {
    -webkit-animation-duration: 7.9s;
    animation-duration: 7.9s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    color: #8cc5e8
}

.is-ally .media-item__effect span:nth-child(8) {
    -webkit-animation-duration: 8.6s;
    animation-duration: 8.6s;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    color: #6fbbe6
}

.is-ally .media-item__effect span:nth-child(9) {
    -webkit-animation-duration: 9.3s;
    animation-duration: 9.3s;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    color: #cedfeb
}

.is-ally .media-item__effect span:nth-child(10) {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    color: #fff
}

.is-ally .media-item__content:after,
.is-ally .media-item__content:before {
    border: 0;
    border-left: 1px solid #69a3c2;
    background-image: linear-gradient(90deg, #69a3c2, transparent), linear-gradient(90deg, #69a3c2, transparent);
    background-size: 100% 1px;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat
}

.icon-motif {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 0;
    transition: opacity .4s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .4s ease;
    transition: transform .2s ease, opacity .4s ease, -webkit-transform .2s ease;
    height: 70px;
    margin-top: 15px
}

.icon-motif:first-child {
    margin-top: 0
}

.icon-motif:before {
    content: "";
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    width: 100px;
    height: 70px;
    background-image: url("data:image/svg+xml;base64,CiAgICA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNSAyNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KICAgICAgPHJlY3QgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiB4PSIzLjciIHk9IjQuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMi44NTM2IC01LjAzMTIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjE3LjUiIGhlaWdodD0iMTcuNSIvPg0KICAgIDwvc3ZnPg0KICA=");
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: 50%;
    transition: opacity .4s ease .2s, -webkit-transform .3s ease .2s;
    transition: opacity .4s ease .2s, transform .3s ease .2s;
    transition: opacity .4s ease .2s, transform .3s ease .2s, -webkit-transform .3s ease .2s;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.icon-motif__element {
    display: none
}

.icon-motif .svg-icon {
    width: 25px;
    height: 25px;
    position: relative;
    z-index: 1
}

.no-touchevents a:hover .icon-motif,
.no-touchevents a:hover .icon-motif:before {
    opacity: 1
}

.no-touchevents a:hover .icon-motif {
    -webkit-transform: none;
    transform: none
}

.no-touchevents a:hover .icon-motif:before {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.is-nemesis .icon-motif {
    color: #ec5924
}

.is-nemesis .icon-motif:before {
    display: none
}

.is-nemesis .icon-motif__element {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: visible;
    display: block
}

@-webkit-keyframes d {
    to {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
}

@keyframes d {
    to {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
}

.no-touchevents a:hover .icon-motif__element .top-left-line {
    -webkit-animation: d 2s .7s ease forwards;
    animation: d 2s .7s ease forwards
}

@-webkit-keyframes e {
    to {
        -webkit-transform: translate(-12px, -12px);
        transform: translate(-12px, -12px)
    }
}

@keyframes e {
    to {
        -webkit-transform: translate(-12px, -12px);
        transform: translate(-12px, -12px)
    }
}

.no-touchevents a:hover .icon-motif__element .bottom-left-line {
    -webkit-animation: e 2s .7s ease forwards;
    animation: e 2s .7s ease forwards
}

@-webkit-keyframes f {
    to {
        -webkit-transform: translate(7px, -7px);
        transform: translate(7px, -7px)
    }
}

@keyframes f {
    to {
        -webkit-transform: translate(7px, -7px);
        transform: translate(7px, -7px)
    }
}

.no-touchevents a:hover .icon-motif__element .bottom-right-line {
    -webkit-animation: f 2s .7s ease forwards;
    animation: f 2s .7s ease forwards
}

@-webkit-keyframes g {
    to {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px)
    }
}

@keyframes g {
    to {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px)
    }
}

.no-touchevents a:hover .icon-motif__element .bottom-square {
    -webkit-animation: g 2s .7s ease forwards;
    animation: g 2s .7s ease forwards
}

@-webkit-keyframes h {
    50% {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1)
    }
}

@keyframes h {
    50% {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1)
    }
}

.is-ally .icon-motif:after {
    content: "";
    background-position: 0 -1175px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 200px;
    height: 146px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity .2s ease;
    opacity: 0
}

.no-touchevents .is-ally a:hover .icon-motif:after {
    opacity: 1;
    transition: opacity 2s ease;
    -webkit-animation: h 10s ease-in-out infinite;
    animation: h 10s ease-in-out infinite
}

.is-ally .icon-motif .svg-icon {
    color: #fff
}

.edition-nav {
    font-size: 0;
    margin-left: -20px;
    position: relative;
    text-align: center
}

.edition-nav:after {
    content: "";
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0
}

.edition-nav__item {
    padding-left: 20px;
    width: 25%;
    display: inline-block;
    vertical-align: bottom
}

@media (max-width:799px) {
    .edition-nav__item {
        width: 50%
    }
}

.edition-item {
    position: relative;
    display: block;
    padding-top: 20px;
    padding-bottom: 25px;
   
}

@media (min-width:800px) {
    .edition-item {
        padding-top: 60px;
        padding-bottom: 45px
    }
}

@media (min-width:1220px) {
    .edition-item:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        
        background-repeat: repeat-x;
        background-size: auto 100%;
        background-position: 50%;
       
        width: 225px;
        height: 145px
    }
}

.edition-item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0
}

.edition-item.is-tab-active,
.edition-item:hover {
    opacity: 1
}

.edition-item.is-tab-active:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.edition-item.is-tab-active:after {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.edition-item__inner {
    margin-left: -40px;
    margin-top: -20px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-bottom:40px;
}

.edition-item__art,
.edition-item__title {
    padding-top: 20px;
    padding-left: 40px;
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

@media (max-width:1219px) {
    .edition-item__art,
    .edition-item__title {
        text-align: center
    }
    .edition-item__art img,
    .edition-item__title img {
        margin: auto
    }
}

.edition-item__art span {
    position: relative;
    display: block
}

.edition-item__art img {
    max-width: 400px;
    width: 100%
}

.edition-item__title {
    display: inline-block;
    line-height: 30px;
    position: relative;
    text-align: center;
    width: 100%
}

.edition-item__title img {
    height: 14px
}

@media (min-width:520px) {
    .edition-item__title img {
        height: 20px
    }
}

@media (min-width:840px) {
    .edition-item__title img {
        height: 25px
    }
}

.edition-item__title span {
    position: relative;
    display: inline-block
}

.edition-item__preorder .edition-item__title span {
    letter-spacing: normal;
    line-height: normal;
    width: 50%
}

@media (max-width:799px) {
    .edition-item__preorder .edition-item__title span {
        font-size: 14px;
        width: 100%
    }
}

.is-nemesis .edition-item:before {
    background-position: 0 -1321px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 268px;
    height: 165px
}

.is-ally .edition-item:before {
    display: none
}

.is-ally .edition-item__art span:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 50px rgba(105, 163, 194, .35);
    opacity: 0;
    transition: opacity .4s ease
}

.is-ally .edition-item__title span:after,
.is-ally .edition-item__title span:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    left: -15px;
    right: -15px;
 
}

.is-ally .edition-item__title span:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(105, 163, 194, .35)
}

.is-ally .edition-item__title span:after {
    content: "";
    background: hsla(0, 0%, 100%, .1);
    transition-duration: .7s
}

.is-ally .edition-item.is-tab-active .edition-item__art span:before,
.is-ally .edition-item.is-tab-active .edition-item__title span:after,
.is-ally .edition-item.is-tab-active .edition-item__title span:before {
    opacity: 1
}

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

.media-carousel__wrapper {
    padding-right: 15px
}

@media (min-width:600px) and (max-width:1329px) {
    .media-carousel__wrapper {
        padding-right: 15px;
		
    }
}

@media (min-width:1330px) {
    .media-carousel__wrapper {
        padding-right: 0
    }
}

.media-carousel__stage,
.section {
    position: relative;
    z-index: 11;
}

.section {
    padding-bottom: 80px
}

@media (min-width:800px) {
    .section {
        padding-bottom: 110px
    }
}

.grid {
    margin-left: -60px;
    margin-top: -40px
}

.grid.free-content {
    margin-top: 0
}

.grid__item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 60px;
    padding-top: 40px
}

.one-half {
    width: 50%
}

@media (max-width:499px) {
    .one-half\@small\- {
        width: 50%
    }
}

@media (min-width:500px) {
    .one-half\@small\+ {
        width: 50%
    }
}

@media (min-width:500px) and (max-width:799px) {
    .one-half\@small\-medium {
        width: 50%
    }
}

@media (min-width:500px) and (max-width:999px) {
    .one-half\@small\-mediumlarge {
        width: 50%
    }
}

@media (min-width:500px) and (max-width:1149px) {
    .one-half\@small\-large {
        width: 50%
    }
}

@media (min-width:500px) and (max-width:1299px) {
    .one-half\@small\-xlarge {
        width: 50%
    }
}

@media (max-width:799px) {
    .one-half\@medium\- {
        width: 50%
    }
}

@media (min-width:800px) {
    .one-half\@medium\+ {
        width: 50%
    }
}

@media (min-width:800px) and (max-width:499px) {
    .one-half\@medium\-small {
        width: 50%
    }
}

@media (min-width:800px) and (max-width:999px) {
    .one-half\@medium\-mediumlarge {
        width: 50%
    }
}

@media (min-width:800px) and (max-width:1149px) {
    .one-half\@medium\-large {
        width: 50%
    }
}

@media (min-width:800px) and (max-width:1299px) {
    .one-half\@medium\-xlarge {
        width: 50%
    }
}

@media (max-width:999px) {
    .one-half\@mediumlarge\- {
        width: 50%
    }
}

@media (min-width:1000px) {
    .one-half\@mediumlarge\+ {
        width: 50%
    }
}

@media (min-width:1000px) and (max-width:499px) {
    .one-half\@mediumlarge\-small {
        width: 50%
    }
}

@media (min-width:1000px) and (max-width:799px) {
    .one-half\@mediumlarge\-medium {
        width: 50%
    }
}

@media (min-width:1000px) and (max-width:1149px) {
    .one-half\@mediumlarge\-large {
        width: 50%
    }
}

@media (min-width:1000px) and (max-width:1299px) {
    .one-half\@mediumlarge\-xlarge {
        width: 50%
    }
}

@media (max-width:1149px) {
    .one-half\@large\- {
        width: 50%
    }
}

@media (min-width:1150px) {
    .one-half\@large\+ {
        width: 50%
    }
}

@media (min-width:1150px) and (max-width:499px) {
    .one-half\@large\-small {
        width: 50%
    }
}

@media (min-width:1150px) and (max-width:799px) {
    .one-half\@large\-medium {
        width: 50%
    }
}

@media (min-width:1150px) and (max-width:999px) {
    .one-half\@large\-mediumlarge {
        width: 50%
    }
}

@media (min-width:1150px) and (max-width:1299px) {
    .one-half\@large\-xlarge {
        width: 50%
    }
}

@media (max-width:1299px) {
    .one-half\@xlarge\- {
        width: 50%
    }
}

@media (min-width:1300px) {
    .one-half\@xlarge\+ {
        width: 50%
    }
}

@media (min-width:1300px) and (max-width:499px) {
    .one-half\@xlarge\-small {
        width: 50%
    }
}

@media (min-width:1300px) and (max-width:799px) {
    .one-half\@xlarge\-medium {
        width: 50%
    }
}

@media (min-width:1300px) and (max-width:999px) {
    .one-half\@xlarge\-mediumlarge {
        width: 50%
    }
}

@media (min-width:1300px) and (max-width:1149px) {
    .one-half\@xlarge\-large {
        width: 50%
    }
}

.one-third {
    width: 33.3%
}

@media (max-width:499px) {
    .one-third\@small\- {
        width: 33.3%
    }
}

@media (min-width:500px) {
    .one-third\@small\+ {
        width: 33.3%
    }
}

@media (min-width:500px) and (max-width:799px) {
    .one-third\@small\-medium {
        width: 33.3%
    }
}

@media (min-width:500px) and (max-width:999px) {
    .one-third\@small\-mediumlarge {
        width: 33.3%
    }
}

@media (min-width:500px) and (max-width:1149px) {
    .one-third\@small\-large {
        width: 33.3%
    }
}

@media (min-width:500px) and (max-width:1299px) {
    .one-third\@small\-xlarge {
        width: 33.3%
    }
}

@media (max-width:799px) {
    .one-third\@medium\- {
        width: 33.3%
    }
}

@media (min-width:800px) {
    .one-third\@medium\+ {
        width: 33.3%
    }
}

@media (min-width:800px) and (max-width:499px) {
    .one-third\@medium\-small {
        width: 33.3%
    }
}

@media (min-width:800px) and (max-width:999px) {
    .one-third\@medium\-mediumlarge {
        width: 33.3%
    }
}

@media (min-width:800px) and (max-width:1149px) {
    .one-third\@medium\-large {
        width: 33.3%
    }
}

@media (min-width:800px) and (max-width:1299px) {
    .one-third\@medium\-xlarge {
        width: 33.3%
    }
}

@media (max-width:999px) {
    .one-third\@mediumlarge\- {
        width: 33.3%
    }
}

@media (min-width:1000px) {
    .one-third\@mediumlarge\+ {
        width: 33.3%
    }
}

@media (min-width:1000px) and (max-width:499px) {
    .one-third\@mediumlarge\-small {
        width: 33.3%
    }
}

@media (min-width:1000px) and (max-width:799px) {
    .one-third\@mediumlarge\-medium {
        width: 33.3%
    }
}

@media (min-width:1000px) and (max-width:1149px) {
    .one-third\@mediumlarge\-large {
        width: 33.3%
    }
}

@media (min-width:1000px) and (max-width:1299px) {
    .one-third\@mediumlarge\-xlarge {
        width: 33.3%
    }
}

@media (max-width:1149px) {
    .one-third\@large\- {
        width: 33.3%
    }
}

@media (min-width:1150px) {
    .one-third\@large\+ {
        width: 33.3%
    }
}

@media (min-width:1150px) and (max-width:499px) {
    .one-third\@large\-small {
        width: 33.3%
    }
}

@media (min-width:1150px) and (max-width:799px) {
    .one-third\@large\-medium {
        width: 33.3%
    }
}

@media (min-width:1150px) and (max-width:999px) {
    .one-third\@large\-mediumlarge {
        width: 33.3%
    }
}

@media (min-width:1150px) and (max-width:1299px) {
    .one-third\@large\-xlarge {
        width: 33.3%
    }
}

@media (max-width:1299px) {
    .one-third\@xlarge\- {
        width: 33.3%
    }
}

@media (min-width:1300px) {
    .one-third\@xlarge\+ {
        width: 33.3%
    }
}

@media (min-width:1300px) and (max-width:499px) {
    .one-third\@xlarge\-small {
        width: 33.3%
    }
}

@media (min-width:1300px) and (max-width:799px) {
    .one-third\@xlarge\-medium {
        width: 33.3%
    }
}

@media (min-width:1300px) and (max-width:999px) {
    .one-third\@xlarge\-mediumlarge {
        width: 33.3%
    }
}

@media (min-width:1300px) and (max-width:1149px) {
    .one-third\@xlarge\-large {
        width: 33.3%
    }
}

.two-thirds {
    width: 66.6%
}

@media (max-width:499px) {
    .two-thirds\@small\- {
        width: 66.6%
    }
}

@media (min-width:500px) {
    .two-thirds\@small\+ {
        width: 66.6%
    }
}

@media (min-width:500px) and (max-width:799px) {
    .two-thirds\@small\-medium {
        width: 66.6%
    }
}

@media (min-width:500px) and (max-width:999px) {
    .two-thirds\@small\-mediumlarge {
        width: 66.6%
    }
}

@media (min-width:500px) and (max-width:1149px) {
    .two-thirds\@small\-large {
        width: 66.6%
    }
}

@media (min-width:500px) and (max-width:1299px) {
    .two-thirds\@small\-xlarge {
        width: 66.6%
    }
}

@media (max-width:799px) {
    .two-thirds\@medium\- {
        width: 66.6%
    }
}

@media (min-width:800px) {
    .two-thirds\@medium\+ {
        width: 66.6%
    }
}

@media (min-width:800px) and (max-width:499px) {
    .two-thirds\@medium\-small {
        width: 66.6%
    }
}

@media (min-width:800px) and (max-width:999px) {
    .two-thirds\@medium\-mediumlarge {
        width: 66.6%
    }
}

@media (min-width:800px) and (max-width:1149px) {
    .two-thirds\@medium\-large {
        width: 66.6%
    }
}

@media (min-width:800px) and (max-width:1299px) {
    .two-thirds\@medium\-xlarge {
        width: 66.6%
    }
}

@media (max-width:999px) {
    .two-thirds\@mediumlarge\- {
        width: 66.6%
    }
}

@media (min-width:1000px) {
    .two-thirds\@mediumlarge\+ {
        width: 66.6%
    }
}

@media (min-width:1000px) and (max-width:499px) {
    .two-thirds\@mediumlarge\-small {
        width: 66.6%
    }
}

@media (min-width:1000px) and (max-width:799px) {
    .two-thirds\@mediumlarge\-medium {
        width: 66.6%
    }
}

@media (min-width:1000px) and (max-width:1149px) {
    .two-thirds\@mediumlarge\-large {
        width: 66.6%
    }
}

@media (min-width:1000px) and (max-width:1299px) {
    .two-thirds\@mediumlarge\-xlarge {
        width: 66.6%
    }
}

@media (max-width:1149px) {
    .two-thirds\@large\- {
        width: 66.6%
    }
}

@media (min-width:1150px) {
    .two-thirds\@large\+ {
        width: 66.6%
    }
}

@media (min-width:1150px) and (max-width:499px) {
    .two-thirds\@large\-small {
        width: 66.6%
    }
}

@media (min-width:1150px) and (max-width:799px) {
    .two-thirds\@large\-medium {
        width: 66.6%
    }
}

@media (min-width:1150px) and (max-width:999px) {
    .two-thirds\@large\-mediumlarge {
        width: 66.6%
    }
}

@media (min-width:1150px) and (max-width:1299px) {
    .two-thirds\@large\-xlarge {
        width: 66.6%
    }
}

@media (max-width:1299px) {
    .two-thirds\@xlarge\- {
        width: 66.6%
    }
}

@media (min-width:1300px) {
    .two-thirds\@xlarge\+ {
        width: 66.6%
    }
}

@media (min-width:1300px) and (max-width:499px) {
    .two-thirds\@xlarge\-small {
        width: 66.6%
    }
}

@media (min-width:1300px) and (max-width:799px) {
    .two-thirds\@xlarge\-medium {
        width: 66.6%
    }
}

@media (min-width:1300px) and (max-width:999px) {
    .two-thirds\@xlarge\-mediumlarge {
        width: 66.6%
    }
}

@media (min-width:1300px) and (max-width:1149px) {
    .two-thirds\@xlarge\-large {
        width: 66.6%
    }
}

.three-fifths {
    width: 60%
}

@media (max-width:499px) {
    .three-fifths\@small\- {
        width: 60%
    }
}

@media (min-width:500px) {
    .three-fifths\@small\+ {
        width: 60%
    }
}

@media (min-width:500px) and (max-width:799px) {
    .three-fifths\@small\-medium {
        width: 60%
    }
}

@media (min-width:500px) and (max-width:999px) {
    .three-fifths\@small\-mediumlarge {
        width: 60%
    }
}

@media (min-width:500px) and (max-width:1149px) {
    .three-fifths\@small\-large {
        width: 60%
    }
}

@media (min-width:500px) and (max-width:1299px) {
    .three-fifths\@small\-xlarge {
        width: 60%
    }
}

@media (max-width:799px) {
    .three-fifths\@medium\- {
        width: 60%
    }
}

@media (min-width:800px) {
    .three-fifths\@medium\+ {
        width: 60%
    }
}

@media (min-width:800px) and (max-width:499px) {
    .three-fifths\@medium\-small {
        width: 60%
    }
}

@media (min-width:800px) and (max-width:999px) {
    .three-fifths\@medium\-mediumlarge {
        width: 60%
    }
}

@media (min-width:800px) and (max-width:1149px) {
    .three-fifths\@medium\-large {
        width: 60%
    }
}

@media (min-width:800px) and (max-width:1299px) {
    .three-fifths\@medium\-xlarge {
        width: 60%
    }
}

@media (max-width:999px) {
    .three-fifths\@mediumlarge\- {
        width: 60%
    }
}

@media (min-width:1000px) {
    .three-fifths\@mediumlarge\+ {
        width: 60%
    }
}

@media (min-width:1000px) and (max-width:499px) {
    .three-fifths\@mediumlarge\-small {
        width: 60%
    }
}

@media (min-width:1000px) and (max-width:799px) {
    .three-fifths\@mediumlarge\-medium {
        width: 60%
    }
}

@media (min-width:1000px) and (max-width:1149px) {
    .three-fifths\@mediumlarge\-large {
        width: 60%
    }
}

@media (min-width:1000px) and (max-width:1299px) {
    .three-fifths\@mediumlarge\-xlarge {
        width: 60%
    }
}

@media (max-width:1149px) {
    .three-fifths\@large\- {
        width: 60%
    }
}

@media (min-width:1150px) {
    .three-fifths\@large\+ {
        width: 60%
    }
}

@media (min-width:1150px) and (max-width:499px) {
    .three-fifths\@large\-small {
        width: 60%
    }
}

@media (min-width:1150px) and (max-width:799px) {
    .three-fifths\@large\-medium {
        width: 60%
    }
}

@media (min-width:1150px) and (max-width:999px) {
    .three-fifths\@large\-mediumlarge {
        width: 60%
    }
}

@media (min-width:1150px) and (max-width:1299px) {
    .three-fifths\@large\-xlarge {
        width: 60%
    }
}

@media (max-width:1299px) {
    .three-fifths\@xlarge\- {
        width: 60%
    }
}

@media (min-width:1300px) {
    .three-fifths\@xlarge\+ {
        width: 60%
    }
}

@media (min-width:1300px) and (max-width:499px) {
    .three-fifths\@xlarge\-small {
        width: 60%
    }
}

@media (min-width:1300px) and (max-width:799px) {
    .three-fifths\@xlarge\-medium {
        width: 60%
    }
}

@media (min-width:1300px) and (max-width:999px) {
    .three-fifths\@xlarge\-mediumlarge {
        width: 60%
    }
}

@media (min-width:1300px) and (max-width:1149px) {
    .three-fifths\@xlarge\-large {
        width: 60%
    }
}

.two-fifths {
    width: 40%
}

@media (max-width:499px) {
    .two-fifths\@small\- {
        width: 40%
    }
}

@media (min-width:500px) {
    .two-fifths\@small\+ {
        width: 40%
    }
}

@media (min-width:500px) and (max-width:799px) {
    .two-fifths\@small\-medium {
        width: 40%
    }
}

@media (min-width:500px) and (max-width:999px) {
    .two-fifths\@small\-mediumlarge {
        width: 40%
    }
}

@media (min-width:500px) and (max-width:1149px) {
    .two-fifths\@small\-large {
        width: 40%
    }
}

@media (min-width:500px) and (max-width:1299px) {
    .two-fifths\@small\-xlarge {
        width: 40%
    }
}

@media (max-width:799px) {
    .two-fifths\@medium\- {
        width: 40%
    }
}

@media (min-width:800px) {
    .two-fifths\@medium\+ {
        width: 40%
    }
}

@media (min-width:800px) and (max-width:499px) {
    .two-fifths\@medium\-small {
        width: 40%
    }
}

@media (min-width:800px) and (max-width:999px) {
    .two-fifths\@medium\-mediumlarge {
        width: 40%
    }
}

@media (min-width:800px) and (max-width:1149px) {
    .two-fifths\@medium\-large {
        width: 40%
    }
}

@media (min-width:800px) and (max-width:1299px) {
    .two-fifths\@medium\-xlarge {
        width: 40%
    }
}

@media (max-width:999px) {
    .two-fifths\@mediumlarge\- {
        width: 40%
    }
}

@media (min-width:1000px) {
    .two-fifths\@mediumlarge\+ {
        width: 40%
    }
}

@media (min-width:1000px) and (max-width:499px) {
    .two-fifths\@mediumlarge\-small {
        width: 40%
    }
}

@media (min-width:1000px) and (max-width:799px) {
    .two-fifths\@mediumlarge\-medium {
        width: 40%
    }
}

@media (min-width:1000px) and (max-width:1149px) {
    .two-fifths\@mediumlarge\-large {
        width: 40%
    }
}

@media (min-width:1000px) and (max-width:1299px) {
    .two-fifths\@mediumlarge\-xlarge {
        width: 40%
    }
}

@media (max-width:1149px) {
    .two-fifths\@large\- {
        width: 40%
    }
}

@media (min-width:1150px) {
    .two-fifths\@large\+ {
        width: 40%
    }
}

@media (min-width:1150px) and (max-width:499px) {
    .two-fifths\@large\-small {
        width: 40%
    }
}

@media (min-width:1150px) and (max-width:799px) {
    .two-fifths\@large\-medium {
        width: 40%
    }
}

@media (min-width:1150px) and (max-width:999px) {
    .two-fifths\@large\-mediumlarge {
        width: 40%
    }
}

@media (min-width:1150px) and (max-width:1299px) {
    .two-fifths\@large\-xlarge {
        width: 40%
    }
}

@media (max-width:1299px) {
    .two-fifths\@xlarge\- {
        width: 40%
    }
}

@media (min-width:1300px) {
    .two-fifths\@xlarge\+ {
        width: 40%
    }
}

@media (min-width:1300px) and (max-width:499px) {
    .two-fifths\@xlarge\-small {
        width: 40%
    }
}

@media (min-width:1300px) and (max-width:799px) {
    .two-fifths\@xlarge\-medium {
        width: 40%
    }
}

@media (min-width:1300px) and (max-width:999px) {
    .two-fifths\@xlarge\-mediumlarge {
        width: 40%
    }
}

@media (min-width:1300px) and (max-width:1149px) {
    .two-fifths\@xlarge\-large {
        width: 40%
    }
}

.drop-shadow {
    position: relative;
    z-index: 10;
    width: 100%
}

.drop-shadow:before {
    content: "";
    /*background: #060606;*/
    min-height: 150px;
    margin: auto;
    position: absolute;
    top: -50px;
    bottom: -50px;
    /*left: -50px;
    right: -50px;*/
    -webkit-filter: blur(40px);
    filter: blur(40px);
    z-index: -1
}

@media (max-width: 767px){
    .drop-shadow:before {
        left: 0px;
        right: 0px;
    }
}

.drop-shadow>* {
    position: relative
}

@media (max-width:499px) {
    .drop-shadow\@small\- {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@small\-: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@small\->* {
        position: relative
    }
}

@media (min-width:500px) {
    .drop-shadow\@small\+ {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@small\+: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@small\+>* {
        position: relative
    }
}

@media (min-width:500px) and (max-width:799px) {
    .drop-shadow\@small\-medium {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@small\-medium: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@small\-medium>* {
        position: relative
    }
}

@media (min-width:500px) and (max-width:999px) {
    .drop-shadow\@small\-mediumlarge {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@small\-mediumlarge: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@small\-mediumlarge>* {
        position: relative
    }
}

@media (min-width:500px) and (max-width:1149px) {
    .drop-shadow\@small\-large {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@small\-large: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@small\-large>* {
        position: relative
    }
}

@media (min-width:500px) and (max-width:1299px) {
    .drop-shadow\@small\-xlarge {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@small\-xlarge: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@small\-xlarge>* {
        position: relative
    }
}

@media (max-width:799px) {
    .drop-shadow\@medium\- {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@medium\-: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@medium\->* {
        position: relative
    }
}

@media (min-width:800px) {
    .drop-shadow\@medium\+ {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@medium\+: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@medium\+>* {
        position: relative
    }
}

@media (min-width:800px) and (max-width:499px) {
    .drop-shadow\@medium\-small {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@medium\-small: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@medium\-small>* {
        position: relative
    }
}

@media (min-width:800px) and (max-width:999px) {
    .drop-shadow\@medium\-mediumlarge {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@medium\-mediumlarge: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@medium\-mediumlarge>* {
        position: relative
    }
}

@media (min-width:800px) and (max-width:1149px) {
    .drop-shadow\@medium\-large {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@medium\-large: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@medium\-large>* {
        position: relative
    }
}

@media (min-width:800px) and (max-width:1299px) {
    .drop-shadow\@medium\-xlarge {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@medium\-xlarge: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@medium\-xlarge>* {
        position: relative
    }
}

@media (max-width:999px) {
    .drop-shadow\@mediumlarge\- {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@mediumlarge\-: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@mediumlarge\->* {
        position: relative
    }
}

@media (min-width:1000px) {
    .drop-shadow\@mediumlarge\+ {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@mediumlarge\+: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@mediumlarge\+>* {
        position: relative
    }
}

@media (min-width:1000px) and (max-width:499px) {
    .drop-shadow\@mediumlarge\-small {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@mediumlarge\-small: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@mediumlarge\-small>* {
        position: relative
    }
}

@media (min-width:1000px) and (max-width:799px) {
    .drop-shadow\@mediumlarge\-medium {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@mediumlarge\-medium: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@mediumlarge\-medium>* {
        position: relative
    }
}

@media (min-width:1000px) and (max-width:1149px) {
    .drop-shadow\@mediumlarge\-large {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@mediumlarge\-large: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@mediumlarge\-large>* {
        position: relative
    }
}

@media (min-width:1000px) and (max-width:1299px) {
    .drop-shadow\@mediumlarge\-xlarge {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@mediumlarge\-xlarge: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@mediumlarge\-xlarge>* {
        position: relative
    }
}

@media (max-width:1149px) {
    .drop-shadow\@large\- {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@large\-: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@large\->* {
        position: relative
    }
}

@media (min-width:1150px) {
    .drop-shadow\@large\+ {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@large\+: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@large\+>* {
        position: relative
    }
}

@media (min-width:1150px) and (max-width:499px) {
    .drop-shadow\@large\-small {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@large\-small: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@large\-small>* {
        position: relative
    }
}

@media (min-width:1150px) and (max-width:799px) {
    .drop-shadow\@large\-medium {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@large\-medium: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@large\-medium>* {
        position: relative
    }
}

@media (min-width:1150px) and (max-width:999px) {
    .drop-shadow\@large\-mediumlarge {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@large\-mediumlarge: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@large\-mediumlarge>* {
        position: relative
    }
}

@media (min-width:1150px) and (max-width:1299px) {
    .drop-shadow\@large\-xlarge {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@large\-xlarge: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@large\-xlarge>* {
        position: relative
    }
}

@media (max-width:1299px) {
    .drop-shadow\@xlarge\- {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@xlarge\-: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@xlarge\->* {
        position: relative
    }
}

@media (min-width:1300px) {
    .drop-shadow\@xlarge\+ {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@xlarge\+: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@xlarge\+>* {
        position: relative
    }
}

@media (min-width:1300px) and (max-width:499px) {
    .drop-shadow\@xlarge\-small {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@xlarge\-small: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@xlarge\-small>* {
        position: relative
    }
}

@media (min-width:1300px) and (max-width:799px) {
    .drop-shadow\@xlarge\-medium {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@xlarge\-medium: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@xlarge\-medium>* {
        position: relative
    }
}

@media (min-width:1300px) and (max-width:999px) {
    .drop-shadow\@xlarge\-mediumlarge {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@xlarge\-mediumlarge: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@xlarge\-mediumlarge>* {
        position: relative
    }
}

@media (min-width:1300px) and (max-width:1149px) {
    .drop-shadow\@xlarge\-large {
        position: relative;
        z-index: 10;
        width: 100%
    }
    .drop-shadow\@xlarge\-large: before {
        content: "";
        background: #060606;
        min-height: 150px;
        margin: auto;
        position: absolute;
        top: -50px;
        bottom: -50px;
        left: -50px;
        right: -50px;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        z-index: -1
    }
    .drop-shadow\@xlarge\-large>* {
        position: relative
    }
}

.drop-shadow--inline-block {
    display: inline-block;
    width: auto
}

.ally-text,
.nemesis-text {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size: 40px;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    opacity: 0;
    transition: opacity 1.2s ease, color .4s ease
}

html.astoria-medium-loaded .ally-text,
html.astoria-medium-loaded .nemesis-text {
    font-family: Astoria-Medium, serif
}

.ally-text canvas,
.nemesis-text canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto
}

@media (min-width:800px) and (max-width:1149px) {
    .ally-text,
    .nemesis-text {
        font-size: 30px;
        line-height: 30px
    }
}

@media (min-width:500px) and (max-width:799px) {
    .ally-text,
    .nemesis-text {
        font-size: 25px;
        line-height: 40px
    }
}

@media (max-width:499px) {
    .ally-text,
    .nemesis-text {
        font-size: 14px;
        line-height: 20px
    }
}

.ally-text.is-rendered,
.nemesis-text.is-rendered {
    color: transparent;
    opacity: 1;
    text-indent: -9999px
}

.ally-name,
.nemesis-name {
    font-size: 16px;
    padding-bottom: 20px;
    text-transform: uppercase
}

.ally-text+p,
.nemesis-text+p {
    transition: opacity .4s ease .8s, -webkit-transform .3s ease .8s;
    transition: transform .3s ease .8s, opacity .4s ease .8s;
    transition: transform .3s ease .8s, opacity .4s ease .8s, -webkit-transform .3s ease .8s;
    opacity: 0;
    -webkit-transform: translateY(5px) scale(.99);
    transform: translateY(5px) scale(.99)
}

.is-loaded .ally-text.is-rendered+p,
.is-loaded .nemesis-text.is-rendered+p {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.ally-text--small,
.nemesis-text--small {
    font-size: 20px;
    line-height: 30px
}

@media (min-width:800px) {
    .ally-text--small,
    .nemesis-text--small {
        font-size: 50px;
        line-height: 60px
    }
}

.ally-text+p {
    margin-top: 20px
}

.ally-text-whisp {
    width: 40%;
    display: block;
    position: absolute;
    z-index: 1;
    transition: opacity 5s ease 1s, -webkit-transform 15s ease-out;
    transition: transform 15s ease-out, opacity 5s ease 1s;
    transition: transform 15s ease-out, opacity 5s ease 1s, -webkit-transform 15s ease-out;
    -webkit-transform: scale(.1, .7);
    transform: scale(.1, .7);
    opacity: .1
}

.ally-text-whisp:before {
    content: "";
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.ally-text-whisp:first-of-type {
    top: 0;
    right: 50%;
    -webkit-transform: scale(.1, .7) translateZ(0);
    transform: scale(.1, .7) translateZ(0);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.ally-text-whisp:first-of-type:before {
    padding-bottom: 8%;
    -webkit-transform: translateY(-100%) translateX(-20%);
    transform: translateY(-100%) translateX(-20%);
    background-image: url(../img/hero-text/ally-whisp-top-7d0dca75cd.png)
}

.ally-text-whisp:last-of-type {
    bottom: 0;
    left: 50%;
    -webkit-transform: scale(.1, .7);
    transform: scale(.1, .7);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition-delay: 1s, 2s
}

.ally-text-whisp:last-of-type:before {
    padding-bottom: 10%;
    -webkit-transform: translateY(40%) translateX(50%);
    transform: translateY(40%) translateX(50%);
    background-image: url(../img/hero-text/ally-whisp-bottom-f9b5c55085.png)
}

.is-loaded .ally-text-whisp {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.social-item {
    padding: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    font-size: 12px
}

.social-item__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #c3c3c2;
    margin-left: -15px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif
}

.social-item__header strong {
    color: #fff;
    display: block
}

html.astoria-medium-loaded .social-item__header {
    font-family: Astoria-Medium, serif
}

.social-item__header>span {
    padding-left: 15px
}

.social-item__link {
    text-transform: uppercase;
    opacity: .8;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif
}

.social-item__link:before {
    content: "—";
    display: inline-block;
    margin-right: 5px
}

html.astoria-medium-loaded .social-item__link {
    font-family: Astoria-Medium, serif
}

.about-hero {
    position: relative
}  
.sub-page-logo {
    margin: 0 auto;
    max-width: 45%;
    width: 690px;
	margin-top:-40px;
}
.sub-page-logo img{
    margin: 0 auto;
    max-width: 45%;
    width: 690px;
	margin-top:-40px;
}

@media (min-width:800px) {
    .about-hero {
        margin-top: 55px
    }
}

@media (min-width:1250px) {
    .about-hero {
        margin-top: 35px
    } 
	  .sub-page-logo {
    margin: 0 auto;
    max-width: 95%;
    width: 690px;
	margin-top:-15px;
}
}

.about-hero:after,
.about-hero:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    height: 120%;
    width: 50%;
    opacity: 0;
    transition: opacity 6s ease, -webkit-transform 9s ease;
    transition: opacity 6s ease, transform 9s ease;
    transition: opacity 6s ease, transform 9s ease, -webkit-transform 9s ease
}

.about-hero:before {
    left: 0;
    background-position: 0;
    background-image: url(../../images/castle-left.png);
    transition-delay: .2s .2s;
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px)
}

.about-hero:after {
    right: 0;
    background-position: 100%;
    background-image: url(../../images/castle-right.png);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px)
}
.gardens .about-hero:before{background-image: url(../../images/garden-left.png);}
.gardens .about-hero:after{background-image: url(../../images/garden-right.png);}
.is-loaded .about-hero:after,
.is-loaded .about-hero:before {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.about-hero__content {
    /*position: relative;*/
    z-index: 1;
    max-width: 765px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
    padding: 100px 30px;
}

@media (min-width:500px) {
    .about-hero__content {
        padding: 100px 20%;
        background: none
    }
}

@media (min-width:800px) {
    .about-hero__content {
        padding: 200px 30px
    }
}

.about-hero__content p {
    margin-top: 20px
}

@-webkit-keyframes i {
    5% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    10% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
    15% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes i {
    5% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    10% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
    15% {
        -webkit-transform: none;
        transform: none
    }
}

.about-hero__read-more {
    margin-top: 70px;
    display: block;
    font-size: 14px;
    color: #a09d9d;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .15em;
    text-transform: uppercase
}

html.astoria-roman-loaded .about-hero__read-more {
    font-family: Astoria-Roman, serif
}

.about-hero__read-more span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    -webkit-animation: i 6s ease-in-out infinite;
    animation: i 6s ease-in-out infinite
}

.about-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 11;
    padding: 30px 0
}

@media (max-width:767px){
    .about-section {
        padding: 0; 
    }
    .wrapper .about-section__content {
         padding-top: 0px;
        padding-bottom: 0px;
    }
}

.about-section__content {
    padding-top: 50px;
    padding-bottom: 50px;
    font-family: 'IM Fell Great Primer', serif;
	font-size:19px;
	font-weight: bold;
	color:#302c2b;
	line-height:28px;
}

.about-section__img {
    position: relative;
    width: 50%;
    text-align: center
}

.about-section__content,
.about-section__img {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:800px) {
    .about-section__content,
    .about-section__img {
        width: 50%;
        padding-left: 30px;
        padding-right: 30px
    }
}

.about-section__img img {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto
}

@media (min-width:800px) {
    .about-section:nth-child(2n) {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .about-section:nth-child(2n) .about-section__img {
        text-align: right
    }
}

.media-type-item,
.screenshot-item,
.video-item,
.wallpaper-item {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, .7);
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .4s, opacity .4s ease;
	
	
	
}

.no-touchevents a:hover .media-type-item,
.no-touchevents a:hover .screenshot-item,
.no-touchevents a:hover .video-item,
.no-touchevents a:hover .wallpaper-item {
    opacity: 1;
    visibility: visible;
    transition: visibility 0s, opacity .4s ease
}

.video-item__title {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 14px;
    line-height: 20px
}

html.astoria-medium-loaded .video-item__title {
    font-family: Astoria-Medium, serif
}

.wallpaper-item {
    text-transform: uppercase;
    cursor: default
}

a:hover .wallpaper-item {
    opacity: 1;
    visibility: visible;
    transition: visibility 0s, opacity .4s ease
}

.wallpaper-item__title {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .15em;
    text-transform: uppercase;
    text-shadow: 0 0 4px rgba(0, 0, 0, .9);
    color: #56c9e9
}

html.astoria-medium-loaded .wallpaper-item__title {
    font-family: Astoria-Medium, serif
}

.is-nemesis .wallpaper-item__title {
    color: #ec5924
}

.wallpaper-item__options {
    padding-top: 20px;
    margin-top: -10px;
    margin-left: -10px
}

.wallpaper-item__options li {
    padding-left: 10px;
    padding-top: 10px;
    display: inline-block;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .15em;
    text-transform: uppercase;
    text-decoration: underline
}

html.astoria-medium-loaded .wallpaper-item__options li {
    font-family: Astoria-Medium, serif
}



@media (min-width:840px) {
    .purchase-retailer-list-bg {
        position: relative;
        background-size: 14.28% auto;
        background-image: url(../img/purchase-retailers-list/purchase-retailers-list-bg-6093dd4dc7.png);
        background-position: 100% 50%;
        background-repeat: repeat-x
    }
    .is-ally .purchase-retailer-list-bg {
        background-image: url(../img/purchase-retailers-list/purchase-retailers-list-bg--ally-cb93f4c363.png)
    }
    .is-nemesis .purchase-retailer-list-bg {
        background-image: url(../img/purchase-retailers-list/purchase-retailers-list-bg--nemesis-105102d5c0.png)
    }
}

[data-region=Brazil] .purchase-retailer-list-bg,
[data-region=Finland] .purchase-retailer-list-bg {
    background-image: none
}

[data-region=Brazil] .purchase-retailer-list-bg .purchase-retailer-list__item,
[data-region=Finland] .purchase-retailer-list-bg .purchase-retailer-list__item {
    padding-bottom: 15px
}

.select-input select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #040404;
    border: 1px solid #666;
    border-radius: 0;
    color: #fff;
    display: block;
    height: 42px;
    margin-top: 10px;
    outline: none;
    padding: 0 10px;
    width: 100%
}

.select-input {
    position: relative
}

.select-input:after {
    content: "";
    background: url(../img/sprite-7afcbb6d51.png);
    background-position: 0 -10px;
    display: block;
    height: 10px;
    position: absolute;
    right: 10px;
    top: calc(50% - 5px);
    width: 10px
}

.purchase-retailer-list {
    font-size: 0;
    margin-left: -15px;
    position: relative;
    z-index: 1
}

@media (max-width:839px) {
    .purchase-retailer-list {
        margin-top: -15px
    }
}

.purchase-retailer-list__item {
    display: inline-block;
    vertical-align: middle;
    min-width: 120px;
    padding-left: 15px;
    width: 14.28%
}

@media (max-width:839px) {
    .purchase-retailer-list__item {
        padding-top: 15px
    }
}

.purchase-retailer-list__item.is-visible {
    display: inline-block
}

.purchase-retailer-list__item a {
    display: block;
    border: 1px solid #4e4a4a;
    background: #000;
    transition: border-color .4s ease;
    position: relative;
    width: 100%
}

.purchase-retailer-list__item a img {
    max-width: 100%;
    opacity: .75;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    max-height: 42px;
    transition: opacity .4s ease
}

.purchase-retailer-list__item a:hover {
    border-color: #fff
}

.purchase-retailer-list__item a:hover img {
    opacity: 1
}

.purchase-bar {
    padding-top: 0;
    margin-top: -30px
}

@media (min-width:840px) {
    .purchase-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.purchase-bar__label {
    display: block;
    margin-bottom: 15px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .15em;
    text-transform: uppercase
}

html.astoria-roman-loaded .purchase-bar__label {
    font-family: Astoria-Roman, serif
}

.purchase-bar__label small {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    text-transform: none;
    letter-spacing: 0
}

html.montserrat-loaded .purchase-bar__label small {
    font-family: Montserrat, sans-serif
}

.purchase-bar__label a {
    color: #31c5f4;
    text-decoration: underline
}

.purchase-bar__country {
    -ms-flex: 2;
    flex: 2;
    padding-right: 50px;
    min-width: 300px
}

.purchase-bar__country .select {
    margin-left: 0
}

.purchase-bar__retailers {
    -ms-flex: 5;
    flex: 5
}

@media (min-width:840px) {
    .purchase-bar__retailers {
        min-width: 840px
    }
}

.purchase-bar__country,
.purchase-bar__retailers {
    padding-top: 30px
}

.sku {
   /* background-color: #000*/
}

.sku img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.global-nav-item {
    display: block;
    position: relative
}

.global-nav-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    background-image: url("data:image/svg+xml;base64,CiAgICA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNSAyNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KICAgICAgPHJlY3QgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiB4PSIzLjciIHk9IjQuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMi44NTM2IC01LjAzMTIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjE3LjUiIGhlaWdodD0iMTcuNSIvPg0KICAgIDwvc3ZnPg0KICA=");
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: 50%;
    width: 70px;
    height: 45px;
    opacity: 0;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease
}

.global-nav-item.is-active:before {
    opacity: .15;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.global-nav-purchase {
    background-color: #1d2627;
    background-image: linear-gradient(180deg, #3c4c4e, #2a2a2b);
    border: 1px solid #60bbd4;
    box-shadow: 0 0 40px hsla(0, 0%, 100%, .3);
    color: #fff;
    height: 30px;
    line-height: 30px;
    opacity: .6;
    padding: 0 15px;
    transition: opacity .5s ease;
	-webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.global-nav-purchase:hover {
    opacity: 1
}


}
@-webkit-keyframes glowing {
  0% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #4a4b40; }
  50% { background-color: #5a5e55; -webkit-box-shadow: 0 0 40px #5a5e55; }
  100% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #4a4b40; }
}

@-moz-keyframes glowing {
  0% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #4a4b40; }
  50% { background-color: #5a5e55; -webkit-box-shadow: 0 0 40px #5a5e55; }
  100% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #4a4b40; }
}

@-o-keyframes glowing {
  0% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #4a4b40; }
  50% { background-color: #5a5e55; -webkit-box-shadow: 0 0 40px #5a5e55; }
  100% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #4a4b40; }
}

@keyframes glowing {
  0% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #4a4b40; }
  50% { background-color: #5a5e55; -webkit-box-shadow: 0 0 40px #5a5e55; }
  100% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #4a4b40; }
}





.select {
    position: relative;
    max-width: 400px;
    margin: auto;
    cursor: pointer
}

.select:after {
    content: "";
    border: 4px solid transparent;
    border-top-color: #fff;
    position: absolute;
    right: 15px;
    height: 0;
    top: 19px;
    margin: auto
}

.select select {
    padding: 0 15px;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    border: 1px solid #4e4a4a;
    line-height: 42px;
    height: 42px;
    width: 100%;
    background: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    border-radius: 0;
    outline: none
}

html.montserrat-loaded .select select {
    font-family: Montserrat, sans-serif
}

.select select:active,
.select select:hover {
    border-color: #fff
}

.touchevents .select select {
    font-size: 16px
}

.calls-to-action-outer {
    padding: 0
}

@media (min-width:800px) {
    .calls-to-action-outer {
        padding: 0
    }
}

.calls-to-action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: end;
    align-items: flex-end
}

.calls-to-action__item {
    display: -ms-flexbox;
    display: flex;
    width: 33.3%
}

.calls-to-action {
    white-space: nowrap;
    text-align: center;
    font-size: 0;
    margin-left: -10px
}

@media (min-width:800px) {
    .calls-to-action {
        margin-left: -20px
    }
}

.calls-to-action__item {
    font-size: medium;
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 10px
}

@media (min-width:500px) {
    .calls-to-action__item {
        width: 33.3%
    }
}

@media (min-width:800px) {
    .calls-to-action__item {
        padding-left: 20px
    }
}

@media (min-width:500px) {
    .calls-to-action__item.calls-to-action__info {
        width: 33.3%
    }
}

@media (min-width:800px) {
    .calls-to-action__item.calls-to-action__info {
        margin-bottom: 20px;
        padding-left: 20px
    }
}

.call-to-action {
    font-size: 12px;
    position: relative;
    text-align: left
}

.call-to-action img {
    width: 100%
}

.call-to-action figcaption {
    min-height: 50px
}

.call-to-action figcaption .type-icon {
    bottom: 32px;
    position: absolute;
    right: 0
}

.call-to-action__title {
    margin-top: 8px;
    font-size: 23px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    display: block;
    text-transform: uppercase;
    letter-spacing: .14em
}

html.astoria-medium-loaded .call-to-action__title {
    font-family: Astoria-Medium, serif
}

.call-to-action__frame {
    padding-bottom: 63%;
    background: #110f12;
    display: block;
    position: relative;
    -webkit-perspective: 900px;
    perspective: 900px
}

.call-to-action__frame>span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.call-to-action__frame--bottom>span {
    -ms-flex-align: end;
    align-items: flex-end
}

.call-to-action__frame img {
    width: 100%
}

.call-to-action__frame>span>span {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease, -webkit-transform .8s ease
}

.call-to-action:hover .call-to-action__frame>span:first-child>span {
    -webkit-transform: translateZ(30px);
    transform: translateZ(30px)
}

.call-to-action:hover .call-to-action__frame>span:nth-child(2)>span {
    -webkit-transform: translateZ(60px);
    transform: translateZ(60px)
}

.call-to-action:hover .call-to-action__frame>span:nth-child(3)>span {
    -webkit-transform: translateZ(90px);
    transform: translateZ(90px)
}

.call-to-action__frame>span[data-overflow] {
    overflow: visible
}

.purchase-intro {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding-top: 200px;
    padding-bottom: 200px
}

@media (max-width:799px) {
    .purchase-intro {
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 80px;
        padding-bottom: 100px
    }
}

.purchase-intro>div {
    position: relative;
    -ms-flex: 1;
    flex: 1
}

.purchase-intro__image {
    padding-bottom: 50%
}

.purchase-intro__image-wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    min-width: 120%
}

@media (max-width:799px) {
    .purchase-intro__image-wrapper {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.purchase-intro__image-wrapper img {
    width: 100%;
    opacity: 0;
    transition: opacity 6s ease, -webkit-transform 9s ease;
    transition: opacity 6s ease, transform 9s ease;
    transition: opacity 6s ease, transform 9s ease, -webkit-transform 9s ease;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    -webkit-mask-image: linear-gradient(180deg, #000, transparent)
}

.is-loaded .purchase-intro__image-wrapper img {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.purchase-intro__content {
    font-size: 16px;
    line-height: 23px;
    position: relative;
    z-index: 1
}

.purchase-intro__content .section-divider {
    padding: 30px 0 70px
}

.purchase-intro__content p {
    padding-top: 25px
}

.purchase-intro__content p:first-child {
    padding-top: 0
}

.loading {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    transition: visibility 0s 1.2s;
    visibility: hidden;
    pointer-events: none
}

.loading.is-loading {
    visibility: visible;
    transition: visibility 0s 0s
}

.loading__text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    transition: letter-spacing 1s ease, opacity .6s ease;
    opacity: 0;
    letter-spacing: 3px
}

html.astoria-roman-loaded .loading__text {
    font-family: Astoria-Roman, serif
}

.loading.is-loading .loading__text {
    opacity: 1;
    letter-spacing: 1px
}

.loading__inner,
.loading__outer,
.loading__progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.loading__inner,
.loading__outer {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease, -webkit-transform .8s ease
}

.loading.is-loading .loading__inner,
.loading__outer {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.loading.is-loading .loading__outer,
.loading__inner {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.loading.is-loading .loading__inner,
.loading.is-loading .loading__outer,
.loading.is-loading .loading__progress {
    -webkit-transform: initial;
    transform: none
}

@-webkit-keyframes j {
    to {
        stroke-dashoffset: -240
    }
}

@keyframes j {
    to {
        stroke-dashoffset: -240
    }
}

.loading__progress {
    opacity: 0;
    transition: opacity .4s ease 0s
}

.loading.is-loading .loading__progress {
    opacity: 1;
    transition: opacity .4s ease .8s
}

.loading.is-loading .loading__progress path {
    stroke-dasharray: 240;
    stroke-dashoffset: 240;
    -webkit-animation: j 3s linear infinite;
    animation: j 3s linear infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.video-experience {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, visibility 0s ease .4s
}

.video-experience.is-active {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s ease, visibility 0s ease;
    z-index: 100
}

.video-experience__frame {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    outline: 0;
    width: 0;
    height: 0
}

.video-experience.is-active .video-experience__frame {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.video-experience__close {
    position: absolute;
    top: 40px;
    right: 40px
}

.big-quote {
    position: relative;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size: 28px;
    line-height: 1;
    text-align: center;
    margin-top: 80px;
    padding-top: 60px
}

html.astoria-roman-loaded .big-quote {
    font-family: Astoria-Roman, serif
}

@media (max-width:499px) {
    .big-quote {
        display: none;
        margin-top: 30px;
        padding-top: 40px
    }
}

.big-quote__icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #5e5e5e
}

.big-quote__icon .svg-icon {
    width: 30px;
    height: 30px
}

.social-share {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    transition: opacity .4s ease, visibility 0s ease .4s
}

.social-share a {
    cursor: pointer;
    transition: opacity .3s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, opacity .3s ease;
    transition: transform .4s ease, opacity .3s ease, -webkit-transform .4s ease;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    opacity: 0
}

.social-share a:first-child {
    transition-delay: .1s
}

.social-share a:nth-child(2) {
    transition-delay: .2s
}

.social-share a:nth-child(3) {
    transition-delay: .3s
}

.social-share a:nth-child(4) {
    transition-delay: .4s
}

.social-share .svg-icon {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.social-share .svg-icon:first-child {
    color: #000
}

.social-share a .svg-icon:first-child {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.social-share a:hover .svg-icon:first-child {
    -webkit-transform: none;
    transform: none
}

.social-share a:hover .svg-icon:last-child {
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.global-nav__item:hover .social-share {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s ease, visibility 0s ease
}

.global-nav__item:hover .social-share a {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.social-share+a {
    transition: opacity .4s ease, visibility 0s ease
}

.global-nav__item:hover .social-share+a {
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, visibility 0s ease .4s
}

.diamond-link {
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0);
    transform-origin: center;
    background-color: #080d0d;
    border: 1px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    transition: background-color .4s ease
}

.diamond-link,
.diamond-link__item {
    display: block;
    overflow: hidden;
    -webkit-transform-origin: center
}

.diamond-link__item {
    transform-origin: center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

a:hover .diamond-link {
    background-color: #fff
}

.increase-hit-area-before:before {
    content: "";
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px
}

.lazy-loaded img,
[data-src] {
    opacity: 0;
    transition: opacity .4s ease
}

.lazy-loaded img.is-loaded,
[data-src].is-loaded {
    opacity: 1
}

.pre-experience-intro {
    padding-top: 10px;
	
}

.pre-experience-intro__title {
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: .5em;
	
  text-shadow: 1px 1px 12px #000;
  font-weight:bold;
}

.pre-experience-intro__title:before {
background: none;
	content: attr(data-text);
	left: 0;
	position: absolute;
	text-shadow: 0 3px 0 rgba(0, 0, 0, .3);
	top: 0;
	z-index: -1;}

.pre-experience-intro__title h3 {
    display: inline-block;
    line-height: 1;
}

.pre-experience-intro__title p {
    color: hsla(0, 0%, 100%, .8);
    font-size: 21px;
    line-height: 1.5;
    letter-spacing: normal;
    padding-top: 0;
    text-transform: none;text-shadow:  0px 3px 0px #000,
                 0px 14px 10px rgba(0,0,0,0.15),
                 0px 24px 2px rgba(0,0,0,0.1),
                 0px 34px 30px rgba(0,0,0,0.1);
}

.pre-experience-intro__title p.intro {
    padding-top: 10px
}

.pre-experience-intro__title .gradient-title {
    letter-spacing: 15px
}

.pre-experience-intro__title{
    letter-spacing: 12px;text-shadow:  0 1px 0 #ccc, 
               0 2px 1 #000,
               0 3px 1 #000,
               0 4px 1 #000,
               0 5px 1 #000,
               0 6px 0px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.55);
	
}

.divider {
    margin: 0 auto;
    max-width: 80%;
    padding: 3px 0 7px
}

.pre-experience-intro__links {
    padding-top: 30px
}

.pre-experience-intro__aux-link {
    padding-top: 80px;
    display: inline-block;
    text-decoration: underline;
    font-size: 17px
}

.pre-experience-intro__aux-link span {
    text-decoration: inherit;
    display: inline-block
}

.experience-unsupported {
    display: none
}

.launch-experience-modal {
    display: block;
    height: 50px;
    margin: 0 auto;
    margin-top: 50px;
    opacity: 1;
    text-align: center;
    transition: opacity .8s ease;
    visibility: visible;
    width: 330px
}

.launch-experience-modal:hover {
    opacity: 1
}

.launch-experience-modal.is-open {
    opacity: 0;
    visibility: hidden
}

.launch-experience-modal div {
background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 38%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(38%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 38%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 38%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 38%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 38%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
border: 0px solid #60bbd4;
    display: inline-block;
    float: left;
    height: 50px;
-webkit-animation: glowing2 5500ms infinite;
  -moz-animation: glowing2 5500ms infinite;
  -o-animation: glowing2 5500ms infinite;
  animation: glowing2 5500ms infinite;
}



}
@-webkit-keyframes glowing2 {
  0% { background-color: #fff; -webkit-box-shadow: 0 0 3px #fff; }
  50% { background-color: #fff; -webkit-box-shadow: 0 0 80px #fff; }
  100% { background-color: #fff; -webkit-box-shadow: 0 0 3px #fff; }
}

@-moz-keyframes glowing2 {
  0% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #fff; }
  50% { background-color: #5a5e55; -webkit-box-shadow: 0 0 80px #fff; }
  100% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #4a4b40; }
}

@-o-keyframes glowing2 {
  0% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #4a4b40; }
  50% { background-color: #5a5e55; -webkit-box-shadow: 0 0 80px #5a5e55; }
  100% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #4a4b40; }
}

@keyframes glowing2 {
  0% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #fff; }
  50% { background-color: #5a5e55; -webkit-box-shadow: 0 0 80px #fff; }
  100% { background-color: #4a4b40; -webkit-box-shadow: 0 0 3px #fff; }
}


.launch-experience-modal div.launch-label {
    border-right: 0;
    color: #4d4e50;
    font-weight: 900;
    font-size: 15px;
    letter-spacing: .15em;
    line-height: 50px;
    text-transform: uppercase;
    width: 255px;
	font-weight:bold;
}

.launch-experience-modal div.launch-label .label-continue {
    display: none
}

.launch-experience-modal div.launch-icon {
    width: 50px;
    padding: 20px 10px;
}

.launch-experience-modal div.launch-icon svg {
    height: 50px;
    width: 20px
}

.launch-experience-modal.experience-supported {
    display: none
}

#pre-experience-modal {
    background: #000;
    background-position: 0;
    background-size: 100% 100%;
    box-shadow: 5px 10px #0000;
    height: 100%;
    left: 0;
    opacity: 0;
    
    position: absolute;
    top: -500px;
    visibility: hidden;
    width: 100%
}

@media (min-width:800px) {
    #pre-experience-modal {
        background: transparent;
        background-image: url(../img/modal-background-c9e1030bef.jpg);
        /*border: 1px solid hsla(0, 0%, 100%, .7);*/
        box-sizing: border-box;
        /*height: 350px;
        left: calc(50% - 400px);
        top: calc(50vh - 175px);
        width: 800px*/
    }
}

#pre-experience-modal h3 {
    font-size: 10px;
    letter-spacing: 2px;
    margin-top: 50px;
    text-transform: uppercase;
	  
}

#pre-experience-modal.is-open {
    opacity: 1;
    text-align: center;
    visibility: visible;
    z-index: 100
}

#pre-experience-modal a.pre-experience-close {
    margin: 5px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}
.pre-experience-logo {
    width: 100%
	
}
@media (min-width:800px) {
    #pre-experience-modal a.pre-experience-close {
        top: 0
    }
}

.pre-experience-logo {
    width: 100%
}

.pre-experience-logo img {
    width: calc(80% + 60px);
    max-width: 800px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	
}

.qmark {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: 5px;
    font-size: 10px;
    font-family: Verdana, sans-serif
}

html.montserrat-loaded .qmark {
    font-family: Montserrat, sans-serif
}

.qmark:before {
    content: "";
    border: 1px solid;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: rgba(25, 26, 26, .3)
}

.qmark__label {
    position: relative;
    z-index: 1;
    font-weight: 700;
    right: -1px
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    position: absolute!important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.social-links {
    margin-top: -10px;
    margin-left: -10px;
    font-size: 0
}

.social-links__item {
    padding-left: 10px;
    padding-top: 10px;
    display: inline-block;
    vertical-align: middle
}

@media (max-width:799px) {
    .social-links__item {
        display: block
    }
}

.social-login-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid;
    font-size: 0;
    background: rgba(0, 0, 0, .5);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, .3)
}

.social-login-button__icon {
    width: 20px;
    height: 20px
}

.social-login-button__label {
    line-height: 39px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    text-align: center;
    -ms-flex: 1;
    flex: 1;
    text-shadow: 0 1px 2px #000
}

html.astoria-medium-loaded .social-login-button__label {
    font-family: Astoria-Medium, serif
}

.social-login-button__icon,
.social-login-button__label {
    color: #fff
}

.social-login-button__icon-wrapper {
    width: 40px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-right: 1px solid
}

.social-login-button--facebook {
    background: linear-gradient(#21356a, #3c5a99);
    color: #3c5a99
}

.social-login-button--twitter {
    background: linear-gradient(#125886, #429cd6);
    color: #429cd6
}

.social-login-button--google {
    background: linear-gradient(#981c1f, #db3236);
    color: #db3236
}

.video-thumbnail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px
}

.video-thumbnail__thumb {
    border: 1px solid #fff;
    position: relative;
    display: inline-block;
    width: 110px;
    height: 65px;
    overflow: hidden
}

.video-thumbnail__thumb:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    opacity: .2;
    transition: opacity .4s ease;
    z-index: 1
}

.video-thumbnail__thumb svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    z-index: 2
}

.video-thumbnail__thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.video-thumbnail:hover .video-thumbnail__thumb:before {
    opacity: 1
}

.video-thumbnail__label {
    padding-left: 20px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #b4b4b5;
    letter-spacing: .1em
}

html.astoria-roman-loaded .video-thumbnail__label {
    font-family: Astoria-Roman, serif
}

.video-thumbnail__label strong {
    color: #fff;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .15em;
    text-transform: uppercase;
    font-size: 16px;
    display: block
}

html.astoria-medium-loaded .video-thumbnail__label strong {
    font-family: Astoria-Medium, serif
}

.replay-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid;
    background: rgba(0, 0, 0, .5)
}

.replay-button__label {
    line-height: 39px;
    padding: 0 18px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    text-align: center;
    letter-spacing: .1em;
    -ms-flex: 1;
    flex: 1
}

html.astoria-roman-loaded .replay-button__label {
    font-family: Astoria-Roman, serif
}

.replay-button__icon-wrapper {
    width: 40px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-right: 1px solid
}

.replay-button__icon {
    width: 30px;
    height: 30px
}

.replay-button__icon--small {
    width: 15px;
    height: 15px
}

.replay-button__icon-wrapper .replay-button__icon {
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease, -webkit-transform .8s ease
}

.replay-button:hover .replay-button__icon-wrapper .replay-button__icon:not(.replay-button__icon--small) {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fate-carousel {
    max-width: 575px;
    height: 460px;
    margin: 0 auto;
    position: relative
}

.fate-carousel .slick-list {
    overflow: visible
}

.fate-carousel__arrow {
    opacity: .7;
    position: absolute;
    z-index: 99;
    top: 53.5%;
    transition: opacity .3s ease;
    width: 35px;
    height: 35px
}

.fate-carousel__arrow:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    background: rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.fate-carousel__arrow:hover {
    opacity: 1;
}

.fate-carousel__arrow svg {
    width: 40%;
    height: 100%;
    margin: 0 auto;
    display: block
}

.fate-carousel__arrow--next {
    right: 0
}

.fate-carousel__arrow--prev {
    left: 0
}

.fate-carousel__item {
    float: left;
    position: relative;
    width: 340px;
    height: 500px;
    outline: none;
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease, -webkit-transform .8s ease
}

.fate-carousel__item.is-active {
    outline: none;
    -webkit-transform: none;
    transform: none;
    z-index: 10
}

.data-carousel-prev-media {
    width: 35px;
    height: 35px;
    margin-left: 25px;
    top: 53%;
      width: 75px; 
  height: 75px; 
  
  background-image: url("../../images/arrowleft.png");
	
    /*display: none*/
}

@media (min-width:800px) {
    .data-carousel-prev-media {
        display: block
    }
}

.data-carousel-next-media {
    width: 35px;
    height: 35px;
    margin-right: 25px;
    top: 53%;
    width: 75px; 
  height: 75px; 
  
  background-image: url("../../images/arrowright.png");
    /*display: none*/
}

@media (min-width:800px) {
    .data-carousel-next-media {
        display: block
    }
}

.fate-item {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 95px;
    min-height: 300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 810px;
    transition: width 1s ease, opacity .4s ease;
    opacity: .25
}

.fate-item.is-active {
    z-index: 3;
    opacity: 1;
    outline: 0
}

.fate-item__image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 310px;
    height: 500px;
    margin: auto;
    overflow: hidden;
    transition: width 1.5s ease, -webkit-transform 1.9s ease;
    transition: width 1.5s ease, transform 1.9s ease;
    transition: width 1.5s ease, transform 1.9s ease, -webkit-transform 1.9s ease;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.fate-item.is-active .fate-item__image {
    width: 400px;
    margin-top: 45px;
    -webkit-filter: none;
    filter: none
}

.fate-item__image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.fate-item__intro {
    margin: 0 auto;
    height: 550px;
    position: relative;
    min-width: 300px;
    width: 300px;
    text-align: center;
    opacity: .3;
    transition: opacity .9s ease, visibility 0s .9s, -webkit-transform 2s ease;
    transition: opacity .9s ease, transform 2s ease, visibility 0s .9s;
    transition: opacity .9s ease, transform 2s ease, visibility 0s .9s, -webkit-transform 2s ease
}

.fate-item .fate-item__intro .fate-item__button {
    opacity: 0
}

.fate-item.is-active .fate-item__intro .fate-item__button {
    opacity: 1
}

.fate-item.is-active .fate-item__intro {
    opacity: 1;
    visibility: visible;
    transition: opacity .9s ease, visibility 0s 0s, -webkit-transform 2s ease;
    transition: opacity .9s ease, transform 2s ease, visibility 0s 0s;
    transition: opacity .9s ease, transform 2s ease, visibility 0s 0s, -webkit-transform 2s ease
}

.fate-item .fate-item__intro .fate-item__name {
    text-transform: uppercase;
    letter-spacing: .18em;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size: 13px
}

html.astoria-roman-loaded .fate-item .fate-item__intro .fate-item__name {
    font-family: Astoria-Roman, serif
}

.fate-item .fate-item__intro .fate-item__name strong {
    display: block;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size: 20px
}

html.astoria-medium-loaded .fate-item .fate-item__intro .fate-item__name strong {
    font-family: Astoria-Medium, serif
}

.fate-item.is-active .fate-item__intro .fate-item__name {
    font-size: 15px
}

.fate-item.is-active .fate-item__intro .fate-item__name strong {
    font-size: 28px
}

.fate-item__name span,
.fate-item__name strong {
    position: relative;
    background: -webkit-linear-gradient(#fff, #cdcbcb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.fate-item__name span:before,
.fate-item__name strong:before {
    content: attr(title);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.fate-item__name--nemesis span:before,
.fate-item__name--nemesis strong:before {
    text-shadow: 0 1px 0 #ec5924;
    z-index: -1
}

.fate-item__body {
    width: 100%;
    position: absolute;
    bottom: 0
}

.fate-item.is-active .fate-item__body {
    padding-bottom: 22px
}

.fate-item__perc {
    margin: 0 auto auto;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    letter-spacing: .06em;
    font-size: 80px;
    line-height: 80px;
    background: -webkit-linear-gradient(#fff, #cdcbcb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 1.9s ease;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, .8));
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, .8))
}

html.astoria-medium-loaded .fate-item__perc {
    font-family: Astoria-Medium, serif
}

.fate-item__perc sup {
    font-size: 35px;
    line-height: unset;
    position: unset;
    top: unset;
    vertical-align: unset
}

.fate-item.is-active .fate-item__perc {
    font-size: 100px;
    line-height: 110px
}

div[data-fate-item=is-nemesis] .fate-item__perc {
    background-image: -webkit-linear-gradient(#e45926, #ab4d2b);
    box-sizing: border-box;
    color: #7a7a7d
}

.fate-item__description {
    margin-top: 20px;
    position: relative
}

.fate-item__description:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    background: rgba(0, 0, 0, .4);
    box-shadow: 0 0 20px 20px rgba(0, 0, 0, .4)
}

.fate-item__description span {
    position: relative
}

.fate-item__button {
    padding-top: 14px;
    display: inline-block
}

.bottom-glow {
    border-bottom: 1px solid #262424
}

.bottom-glow:after,
.bottom-glow:before {
    z-index: -1;
    pointer-events: none;
    content: "";
    max-width: 810px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 12%;
    opacity: 0;
    transition: opacity 1s ease
}

.bottom-glow:before {
    background: radial-gradient(ellipse at bottom center, #eb5925 0, rgba(235, 89, 37, 0) 60%)
}

.bottom-glow:after {
    background: radial-gradient(ellipse at bottom center, #5bb1c9 0, rgba(91, 177, 201, 0) 60%)
}

.bottom-glow.is-ally:after,
.bottom-glow.is-nemesis:before {
    opacity: .2
}

.stretch {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@media screen and (max-width:1024px) {
    .about-hero.microsoft:after,
    .about-hero.microsoft:before {
        background-image: none
    }
}

.about-hero.microsoft .gradient-title {
    padding: 0
}

@media screen and (max-width:480px) {
    .about-hero.microsoft .gradient-title {
        padding: 0 2.2em
    }
}

.microsoft__included {
    margin: 5em 0 0;
    text-align: center
}

.microsoft__included .microsoft__content {
    padding: 4em .75em
}

.microsoft__included .microsoft__content .description {
    text-transform: none;
    padding: 1em 0
}

.microsoft__included .microsoft__content .grid__item {
    text-align: center;
    width: 90%;
    margin: 3em 0;
    font-family: Astoria-Medium, serif;
    text-transform: uppercase
}

.microsoft__included .microsoft__content .grid__item img {
    display: block;
    margin: 0 auto 3em
}

@media screen and (min-width:1024px) {
    .microsoft__included .microsoft__content .grid__item {
        width: 30%;
        margin: 10em 0
    }
}

.microsoft__included .microsoft__content .grid__item .console {
    margin-top: 6em
}

@media screen and (min-width:1024px) {
    .microsoft__included .microsoft__content .grid__item .console {
        margin-bottom: 10em
    }
}

.microsoft__included .microsoft__content .grid__item .controller {
    margin-top: 3em
}

@media screen and (min-width:1024px) {
    .microsoft__included .microsoft__content .grid__item .controller {
        margin-bottom: 7em
    }
}

.microsoft__included .microsoft__content .grid__item .learn-more-link {
    font-family: Astoria-Roman, serif;
    color: #56c9e9;
    text-decoration: underline
}

.mfst-bundle {
    margin: 5em 0 0;
    height: auto;
    max-width: 1200px;
    width: 90%
}

.microsoft__gamepass {
    background: url(../img/microsoft/gamepass-clouds-4560a566da.png) #000;
    border: 1px solid #999;
    max-width: 1200px;
    margin: 1em auto;
    text-align: center;
    width: 90%
}

.microsoft__gamepass .grid__item {
    padding-left: 1em;
    padding-right: 1em
}

.microsoft__gamepass .grid__item.one {
    font-family: Astoria-Medium, serif;
    text-transform: uppercase;
    font-size: 26px
}

@media screen and (min-width:1024px) {
    .microsoft__gamepass .grid__item.one {
        width: 25%;
        padding: 3.5em 0 0
    }
}

.microsoft__gamepass .grid__item.two img {
    display: block;
    margin: 0 auto
}

@media screen and (min-width:1024px) {
    .microsoft__gamepass .grid__item.two {
        padding: 5em 0 0;
        width: 15%
    }
}

.microsoft__gamepass .grid__item.three {
    padding-bottom: 4em
}

@media screen and (min-width:768px) {
    .microsoft__gamepass .grid__item.three {
        width: 48%;
        text-align: left;
        padding: 4em 0 4em 5%
    }
}

.microsoft__order_button {
    background: #fff;
    border: 1px solid #fff;
    height: 53px;
    color: #000;
    display: block;
    max-width: 260px;
    margin: 6em auto 0;
    padding: 1em 60px 1em 0;
    position: relative;
    font-size: 14px;
    text-align: center;
}

.microsoft__order_button:after {
    content: " ";
    position: absolute;
    background: #000 url(../img/microsoft/arrow-f21648d863.png) no-repeat 50%;
    display: block;
    width: 50px;
    height: 51px;
    top: 0;
    right: 0
}

.microsoft__order_button:hover {
    box-shadow: 0 0 54px hsla(0, 0%, 100%, .5)
}

.share-buttons {
    display: block
}

.share-buttons:after {
    left: 0;
    background-position: 0;
    background-image: url(../img/hero-text/flourish-left.html);
    transition-delay: .2s .2s;
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px)
}

.share_button {
    display: inline-block
}

.share_button span {
    opacity: .8;
    transition: opacity .5s ease
}

.share_button span:hover {
    opacity: 1
}

.is-ally .VideoControls .icon-motif:after,
.is-nemesis .tabs-nav__item .VideoControls a:before,
.is-nemesis .VideoControls .edition-item:before,
.VideoControls .icon,
.VideoControls .is-ally .icon-motif:after,
.VideoControls .is-nemesis .edition-item:before,
.VideoControls .is-nemesis .tabs-nav__item a:before {
    margin: unset;
    background-image: unset;
    text-indent: unset;
    background-size: unset;
    box-sizing: unset
}

.VideoControls .buttons-right .IconContainer,
.VideoControls .buttons-right .IconFullscreen,
.VideoControls .buttons-right .IconSound {
    margin: unset;
    box-sizing: unset
}



.castle-bg{
    background-image:url(../../images/castle-1.jpg) , url(../../images/castle-1-middle.jpg);
    background-repeat: no-repeat, repeat-y;
    background-size: 100%, 100%;
    margin-top:55px;
}

.visit-bg{
    background-image:url(../../images/visit-1.jpg) , url(../../images/visit-1-middle.jpg);
    background-repeat: no-repeat, repeat-y;
    background-size: 100%, 100%;
    margin-top:55px;
}

@media (max-width: 992px){
    .sub-page-logo {
    margin: 0 auto;
    max-width: 45%;
    width: 690px;
	margin-top:-30px;
}
.sub-page-logo img{
    margin: 0 auto;
    max-width: 45%;
    width: 690px;
	margin-top:-30px;
}
}


.sub-page-logo img {
    margin: 0 auto;
    max-width: 100%;
    width: 950px;
	margin-top:70px;
	margin-left:22px;
}

.sub-page-logo img.middle-earth {
    padding-bottom: 10px
}

.sub-page-logo.sub-logo-regions {
    left: calc(50% - 210px);
    max-width: 100%;
    position: absolute;
    width: 420px
}

.sub-logo__choice {
    margin-top: 0;
    position: absolute;
    top: 100px
}

.slick-slide.about-character {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px
}

@media (max-width:799px) {
    .slick-slide.about-character {
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 80px;
        padding-bottom: 100px
    }
}

.about-character>div {
    position: relative
}

.about-character__image {
    padding-bottom: 50%;
    -ms-flex: 1;
    flex: 1
}

.about-character__image-wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    min-width: 120%
}

@media (max-width:799px) {
    .about-character__image-wrapper {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.about-character__image-wrapper img {
    width: 100%;
    opacity: 0;
    transition: opacity 6s ease, -webkit-transform 9s ease;
    transition: opacity 6s ease, transform 9s ease;
    transition: opacity 6s ease, transform 9s ease, -webkit-transform 9s ease;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    -webkit-mask-image: linear-gradient(180deg, #000, transparent)
}

.is-loaded .about-character__image-wrapper img {
    max-width: 90%;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.about-character__content {
    -ms-flex: 2;
    flex: 2;
    font-size: 16px;
    line-height: 23px;
    position: relative;
    z-index: 1
}

.about-character__content h1 {
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 90%
}

.about-character__content h1 .gradient-title span {
    line-height: 1.1em
}

.about-character__content h2 {
    margin: -30px 0 0;
    text-align: center;
    width: 90%
}

.about-character__content .section-divider {
    padding: 70px 0 60px;
    width: 90%
}

@media (max-width:799px) {
    .about-character__content .section-divider {
        display: none
    }
}

.about-character__content p {
    padding-top: 25px;
    width: 90%
}

@media (max-width:799px) {
    .about-character__content p {
        margin: 0 auto
    }
}

.about-character__content p:first-child {
    padding-top: 0
}

.character-content {
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    padding: 0 40px
}

.character-content p {
    padding-bottom: 20px
}

.character-content h1 {
    margin-bottom: 20px
}

.character-content h2 {
    margin-top: -20px;
    margin-bottom: 20px
}

.about-details-nav {
    border-bottom: 1px solid #3c3c3c;
    display: block;
    margin: 0 auto;
    padding: 20px 0 20px;
    text-align: center;
    width: 90%
}

.about-details-nav>li {
    color: #1f1f1b;
    display: inline-block;
    margin: 0 10px 10px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
    font-size: 21px;
    letter-spacing: .15em;
    text-transform: uppercase;
	font-weight:bold;
	text-shadow: 0 0 5px hsla(0, 0%, 100%, .2)
}


.about-details-nav>li a:hover{
    color: #6b6b61;
}


html.astoria-roman-loaded .about-details-nav>li {
    font-family: Astoria-Roman, serif
}

.about-details-nav>li.about-slide-active {
    color: #6b6b61;
    text-shadow: 0 0 5px hsla(0, 0%, 100%, .2)
}

.about-details button.slick-next.slick-arrow,
.about-details button.slick-prev.slick-arrow {
    background: none;
    border: 0;
    top: 70px;
    opacity: 1;
    position: absolute;
    transition: opacity .3s ease;
    width: 35px;
    height: 35px;
    z-index: 99;
	
}

@media (max-width:799px) {
    .about-details button.slick-next.slick-arrow,
    .about-details button.slick-prev.slick-arrow {
        display: none!important
    }
}

.about-details button.slick-next.slick-arrow:before,
.about-details button.slick-prev.slick-arrow:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    background: rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	
}

.about-details button.slick-next.slick-arrow:hover,
.about-details button.slick-prev.slick-arrow:hover {
    opacity: 1
}

.about-details button.slick-next.slick-arrow:focus,
.about-details button.slick-prev.slick-arrow:focus {
    outline: none
}

.about-details button.slick-next.slick-arrow {
    left: 90%
}

.about-details button.slick-prev.slick-arrow {
    left: 33%
}

.about-detail-quote {
    margin-top: 40px;
    position: relative
}

.about-detail-quote p {
    font-family: Astoria;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 37px;
    padding-top: 50px
}

.about-detail-quote p.about-quote-author {
    color: grey;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    padding-top: 0;
    text-transform: uppercase
}

.about-character-hero {
    text-align: center;
    padding: 100px 0 60px
}

.about-detail-img-inner {
    display: none;
    margin: 0 auto;
    width: 90%
}

@media (max-width:799px) {
    .about-detail-img-inner {
        display: block
    }
}

.about-detail-img-inner img {
    width: 100%
}

.about-detail__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    min-height: 200%;
    min-width: 100%;
    overflow: visible;
    visibility: hidden;
    transition: visibility 0s, background-color .5s ease
}

.about-detail__overlay.is-open {
    background-color: rgba(0, 0, 0, .8);
    visibility: visible;
    z-index: 99
}

.about-detail-modal {
    background: #000;
    border: 2px solid #b9b8b9;
    display: -ms-flexbox;
    display: flex;
    height: 500px;
    max-height: 100%;
    left: 50%;
    margin-left: -35%;
    margin-top: -20%;
    opacity: 0;
    position: fixed;
    top: 50%;
    transition: visibility 0s, opacity .5s ease;
    visibility: hidden;
    width: 70%;
	-webkit-box-shadow: 10px 10px 189px 90px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 189px 90px rgba(0,0,0,0.75);
box-shadow: 10px 10px 189px 90px rgba(0,0,0,0.75);
}

@media (max-width:1149px) {
    .about-detail-modal {
        margin-left: -45%;
        margin-top: 70px;
        top: 0;
        width: 90%;
    }
}

.about-detail-modal.open-modal {
    opacity: 1;
    visibility: visible;
    z-index: 100
}

.about-detail-modal .about-modal-close {
    right: 10px;
    position: absolute;
    top: 10px;
    z-index: 101
}

.about-detail-modal__img {
    background-position: 50%;
    background-size: cover;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:799px) {
    .about-detail-modal__img {
        display: none
    }
}

.about-detail-modal__content {
    -ms-flex: 2;
    flex: 2;	
	background-image: url(../../images/homepage-2.jpg);
}

.about-detail-modal__content h1 {
    margin-top: 70px;
    text-align: center
}

.about-detail-modal__content p {
    line-height: 1.5;
    margin: 0 auto;
    padding: 0 30px 30px;
    width: 80%;
	font-size:23px;
	font-family: 'IM Fell Great Primer', serif;
	color: #171815;

}

@media (max-width:799px) {
    .about-detail-modal__content p {
        padding: 0 20px 20px;
        width: 100%
    }
}

@media (max-width:799px) {
    .about-regions__wrapper .about-detail-modal {
        border: none;
        border-bottom: 1px solid hsla(0, 0%, 100%, .2);
        display: block;
        height: auto;
        opacity: 1;
        padding-bottom: 40px;
        position: relative;
        visibility: visible
    }
    .about-regions__wrapper .about-detail-modal .about-modal-close {
        display: none
    }
    .about-regions__wrapper .about-detail-modal img {
        display: block;
        padding-bottom: 20px
    }
    .about-regions__wrapper .about-detail-modal .about-regions__wrapper .region-label {
        left: unset;
        margin: auto;
        margin-top: 100px;
        position: relative;
        top: unset;
        width: 100%
    }
}

.about-detail-mobile__img {
    display: none
}

@media (max-width:799px) {
    .about-detail-mobile__img {
        display: block
    }
}

.slick-slide.about-creature {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px
}

@media (max-width:799px) {
    .slick-slide.about-creature {
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 80px;
        padding-bottom: 100px
    }
}

.about-creature>div {
    position: relative
}

.about-creature__image {
    padding-bottom: 50%;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:799px) {
    .about-creature__image {
        display: none
    }
}

.about-creature__image-wrapper {
    padding: 0 20px;
    position: absolute;
    top: 0;
    right: 10%;
    max-width: 589px;
    width: 75%
}

@media (max-width:799px) {
    .about-creature__image-wrapper {
        top: 0;
        left: 0;
        width: 100%
    }
}

.about-creature__image-wrapper img {
    width: 100%;
    opacity: 0;
    transition: opacity 6s ease, -webkit-transform 9s ease;
    transition: opacity 6s ease, transform 9s ease;
    transition: opacity 6s ease, transform 9s ease, -webkit-transform 9s ease
}

.is-loaded .about-creature__image-wrapper img {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.about-creature__content {
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 23px;
    position: relative;
    z-index: 1;
}

.about-creature__content h1 {
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 90%;
	font-size:39px;
	color:#333;
	text-shadow: 1px 1px 10px white;
}

@media (max-width:799px) {
    .about-creature__content h1 {
        width: 100%
    }
}

.about-creature__content h1 .gradient-title span {
    font-family: Astoria-Medium, serif;
    -webkit-text-fill-color: #adacae
}

.about-creature__content h2 {
    margin: -30px 0 0;
    text-align: center;
    width: 90%;
	font-family: Astoria-Medium, serif;
	color:#222220;
	font-size:23px;
}

.about-creature__content .section-divider {
    padding: 70px 0 60px;
    width: 90%
}

@media (max-width:799px) {
    .about-creature__content .section-divider {
        display: none
    }
}

.about-creature__content>p {
    padding-top: 25px;
    width: 90%;
	font-family: 'IM Fell Great Primer', serif;
	font-size:20px;
	color:#222220;
}

@media (max-width:799px) {
    .about-creature__content>p {
        margin: 0 auto
    }
}

.about-creature__content>p:first-child {
    padding-top: 0
}

@media (max-width:499px) {
    .purchase-intro-copy,
    .purchase-intro.wrapper .section-divider {
        display: none
    }
}

.creature-content {
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    padding: 0 40px
}

.creature-content p {
    padding-bottom: 20px
}

.creature-content h1 {
    margin-bottom: 20px
}

.creature-content h2 {
    margin-top: -20px;
    margin-bottom: 20px
}

.about-details-creatures button.slick-prev.slick-arrow {
    left: 50%
}

@media (max-width:799px) {
    .about-details-creatures button.slick-next.slick-arrow,
    .about-details-creatures button.slick-prev.slick-arrow {
        display: none
    }
}

.about-creature-hero {
    text-align: center;
    padding: 100px 0 60px
}

.about-regions__wrapper {
    position: relative
}

.about-regions__wrapper img {
    height: 100%;
    width: 100%
}

@media (max-width:799px) {
    .about-regions__wrapper img {
        display: none
    }
}

.about-regions__wrapper .region-label {
    position: absolute;
    top: 16%;
    left: 50%;
    margin-left: -250px;
    text-align: center;
    width: 500px
}

.about-regions__wrapper .region-label .section-header__title {
    margin-top: 0
}

.about-regions__wrapper .region-point {
    position: absolute
}

@media (max-width:799px) {
    .about-regions__wrapper .region-point {
        display: none
    }
}

.about-regions__wrapper .region-point h3 {
    margin-left: -40%;
    margin-top: 10px
}

.about-regions__wrapper .region-point.minal_ithil {
    left: 21%;
    top: 30%
}

.about-regions__wrapper .region-point.cirith_ungol {
    left: 31%;
    top: 48%
}

.about-regions__wrapper .region-point.gorgoroth {
    left: 50%;
    top: 45%
}

.about-regions__wrapper .region-point.nurnen {
    left: 60%;
    top: 75%
}

.about-regions__wrapper .region-point.seregost {
    left: 65%;
    top: 34%
}

.mobile-promo {
    background-position: center center;
    background-size: cover;
    background: url(../images/homepage-3.jpg);
    min-height: 750px;
    position: relative
}

.mobile-promo h1 {
    margin: 0;
    text-align: center
}

.mobile-promo h4 {
    color: #56c9e9;
    font-family: Astoria-Medium, serif;
    font-weight: 400;
    letter-spacing: 2px;
    padding-top: 90px;
    text-align: center;
    text-transform: uppercase
}

.home__actions {
    bottom: 200px;
    position: absolute;
    text-align: center;
    width: 100%
}

.home__actions .app_link {
    display: inline-block;
    margin: 10px
}

.home__actions .app_link img {
    width: 200px
}

.home__actions .t-cta-bold {
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
    font-weight: 600;
    text-shadow: 0 2px 2px #14182d, 0 2px 13px #14182d, 0 5px 20px #14182d;
    text-transform: uppercase
}

.is-nemesis .show-for-nemesis {
    display: block!important
}

.is-ally .hide-for-ally,
.is-nemesis .hide-for-nemesis {
    display: none!important
}

.is-ally .show-for-ally {
    display: block!important
}

#gui {
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 10
}

[data-download] {
    cursor: pointer
}

[data-tab] {
    display: none
}

[data-tab].is-tab-active {
    display: block
}

body {
   /* background: #060606;*/
    color: #fff;
    overflow-x: hidden;
    position: relative;
    font-family: Verdana, sans-serif;
    -webkit-font-smoothing: antialiased
}

html.montserrat-loaded body {
    font-family: Montserrat, sans-serif
}

body.is-open {
    overflow: hidden
}

body.viewing-experience {
    height: 100%;
    overflow: hidden
}

.exclusive-intro {
    text-align: center;
    max-width: 840px;
    margin: 0 auto;
    padding: 20px 0 100px
}

.exclusive-intro__title {
    font-size: 28px
}

.exclusive-intro p {
    padding-top: 20px
}

.exclusive-intro p:first-child {
    padding-top: 0
}

.speared-title {
    margin-top: 7px
}

.speared-title span {
    font-size: 39px
}

.section-header--center {
    padding-bottom: 80px
}

.section-header__pre-title {
    font-size: 12.5px
}

.is-ally .make-your-choice,
.is-nemesis .make-your-choice,
.share-your-choice {
    display: none
}

.is-ally .share-your-choice,
.is-nemesis .share-your-choice {
    display: list-item
}

.global-nav li a:link {
    cursor: pointer
}

.play_button {
    width: 151px;
    height: 150px;
    z-index: 100;
    transition: visibility 0s 1.2s
}

.play_button,
.play_button__inner,
.play_button__outer,
.play_button__progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.play_button__inner,
.play_button__outer {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease, -webkit-transform .8s ease
}

.play_button.is-play_button .play_button__inner,
.play_button__outer {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.play_button.is-play_button .play_button__outer,
.play_button__inner {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

[data-current-locale=ko] .age-gate__input {
    font-size: 30px
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#non-exclusive-content{
    /*background:url(../images/background-02.jpg) no-repeat;*/
    background-size: cover;
    width: 100%;
    height: 100%;
}

.custom-background{
    background:url(../images/castle-1.jpeg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.custom-bg{
    background:url(../img/castle-2preview.jpeg) ;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: 50% 0;
}
.header-mobilebg{
    background: transparent !important;
}
.section{background-position: 50% 0;}
body,
*{background-position: 50% 0 !important;}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 100%;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
body {background-color: #fffff;}

@media screen and (min-width:1300px){
	.global-nav{position: relative; left: 40px;}
	.global-header__middle{position: relative; left: 40px;}
	
}

@media screen and (min-width:1900px){
	.sub-page-logo {
    margin: 0 auto;
    max-width: 97%;
    width: 890px;
	margin-top:20px;
}
.sub-page-logo img{
    margin: 0 auto;
    max-width: 97%;
    width: 890px;
	margin-top:70px;
}
}

@media screen and (max-width:765px){
	
.sub-page-logo img {
display:none; margin-bottom:30px;}
.sub-page-logo {margin-top:50px;}
.pre-experience-logo img {margin-top:100px;}
.pre-experience-intro__title{margin-top:50px;}
.launch-experience-modal div{margin-top:10px;}
.awards_hz {display:none;}
.speared-title span {padding:5px;}



picture img {
  position: fixed;
  will-change: transform;
  width: 100%;
  z-index: -1;
  margin-top:-1860px;
  background-color:#333;
  margin-left:-450px;
  width:2000px;
}

.section-header2 {
    position: relative;
    z-index: 12;
	font-family: 'IM Fell Great Primer', serif;
	font-weight: bold;
	color:#302c2b;
	line-height:28px;
font-size:1vw;}

#myAudioImg {display:none;}

}