.cd-intro {
	text-align: center;
	position: absolute;
	top: 230px;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1;
	pointer-events: none;
}


.cd-headline {
	font-size:60px;
	line-height:70px;
	letter-spacing:0.03em;
	font-weight:100;
	color:#fff;
	text-transform:uppercase;
	text-align: left;
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
  font-weight:300;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

@media only screen and (max-width: 1250px) {
	.cd-headline {
		font-size:50px;
		line-height:60px;
	}

}
@media only screen and (max-width: 1120px) {
	.cd-headline {
		font-size:40px;
		line-height:50px;
	}

}
@media only screen and (max-width: 850px) {
	.cd-headline {
		font-size:30px;
		line-height:40px;
		font-weight:300;
	}
	.cd-words-wrapper b {
	  font-weight:500;
	}
}
@media only screen and (max-width: 650px) {
	.cd-intro {
		top: 50%;
		
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	

	.cd-headline {
		font-size:25px;
		line-height:35px;
	}
}



/* -------------------------------- 

xrotate-3 

-------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-3 b {
  opacity: 0;
}
.cd-headline.rotate-3 i {
  font-style: normal;
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.cd-headline.rotate-3 i.in {
  -webkit-animation: cd-rotate-3-in 0.6s forwards;
  -moz-animation: cd-rotate-3-in 0.6s forwards;
  animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
  -webkit-animation: cd-rotate-3-out 0.6s forwards;
  -moz-animation: cd-rotate-3-out 0.6s forwards;
  animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
  }
}
@-moz-keyframes cd-rotate-3-in {
  0% {
    -moz-transform: rotateY(180deg);
  }
  100% {
    -moz-transform: rotateY(0deg);
  }
}
@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
  }
}
@-moz-keyframes cd-rotate-3-out {
  0% {
    -moz-transform: rotateY(0);
  }
  100% {
    -moz-transform: rotateY(-180deg);
  }
}
@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}


/* Common style */
.home_dest_cont figure {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	background: #000;
	text-align: center;
	cursor: pointer;
	margin: 0;
}

.home_dest_cont figure img {
	position: relative;
	display: block;
	max-width: 100%;
	opacity: 1;
	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.home_dest_cont figure:hover img {
	opacity: 0.7;
}
.home_dest_cont figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	padding: 10px;
	text-align: center;
	
	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.home_dest_cont figure:hover figcaption {
	-webkit-transform: scale(1);
	transform: scale(1);
}


.home_dest_cont figure h2 {
	font-family: 'baskerville', sans-serif;
	position: relative;
	overflow: hidden;
	
	font-size:36px;
	line-height:36px;
	letter-spacing:0.05em;
	font-weight:300;
	color:#ffffff;
	text-transform: uppercase;
	
	padding-bottom:10px;
	margin-bottom:10px;
}

.home_dest_cont figure h2::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left:-30px;
	width: 60px;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.home_dest_cont figure:hover h2::after {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.home_dest_cont figure p {
	font-size:14px;
	line-height:14px;
	letter-spacing:0.1em;
	font-weight:500;
	color:#ffffff;
	text-transform: uppercase;
}

@media only screen and (max-width: 1250px) {
	.home_dest_cont figure h2 {
		font-size:28px;
		line-height:30px;
	}
}
@media only screen and (max-width: 1050px) {
	.home_dest_cont figure h2 {
		font-size:20px;
		line-height:20px;
	}
}
@media only screen and (max-width: 650px) {
	.home_dest_cont figure img {
		opacity: 0.7;
	}
	.home_dest_cont figure figcaption,
	.home_dest_cont figure h2::after {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}