.portraitImg {
	position: relative;
}

@media (max-width: 800px) {
	.grid-offset.grid-special {
		margin-right: -10px;
		margin-left: -10px;
	}
	.grid-offset.grid-special .grid-70,
	.grid-offset.grid-special .grid-30 {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.cta-plain {
	padding-bottom: 45px;
}

@media (max-width: 560px) {
	body .cta-box p {
		font-size: 20px;
		margin-top: 0px;
		letter-spacing: 0;
	}
}

.content-background {
	width: 100%;
	height: auto;
	z-index: -1;
	position: absolute;
	bottom: -80px;
	left: 0;
}

.wpContent .quote.center {
	position: relative
}

.wpContent .quote.center blockquote {
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

.wpContent .quote.center i.quote-left,
.wpContent .quote.center i.quote-right {
	color: #CCC;
	font-size: 150px;
}

.wpContent .quote.center i.quote-left {
	position: absolute;
	left: -50px;
	top: 35px;
}

.wpContent .quote.center i.quote-right {
	color: #CCC;
	left: auto;
	right: -15px;
	top: auto;
	bottom: -55px;
}

.toggles-section {
	padding-top: 10px;
	padding-bottom: 40px;
}

.emphasis-section.coral-emphasis .grid-60 {
	padding-right: 90px;
}

.emphasis-section.turtle-emphasis .grid-55 {
	padding-right: 35px;
}

.emphasis-section {
	background-color: #043591;
	min-height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-top: 60px;
	padding-bottom: 40px;
}

.emphasis-section .slider-wrapper {
	max-width: 360px;
}

.emphasis-section .composition {
	position: relative;
	padding-left: 130px;
}

.comp-small {
	position: absolute;
	top: -50px;
	left: 50px;
	max-width: 60%;
}

.emphasis-section .composition img {
	box-shadow: 0px 0px 50px 0px rgba(12, 27, 17, 0.25);
}

.emphasis-section h2,
.emphasis-section p {
	color: #fff;
	margin-top: 0px;
	text-align: left
}

.emphasis-section .label {
	opacity: .75;
}

.emphasis-section.olowalu-emphasis h2 {
	text-align: center
}

.emphasis-section .slider-wrapper {
	margin-left: 0;
	margin-right: auto;
}

.emphasis-section .slider p {
	font-size: 17px;
}

.columns-section p {
	color: #6a6a6a;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 25px;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.emphasis-section .grid-60 {
		padding-right: 20px;
	}
	.emphasis-section.coral-emphasis .grid-60 {
		padding-right: 20px;
	}
	.emphasis-section.turtle-emphasis .grid-55 {
		padding-right: 20px;
	}
}

@media (max-width: 767px) {
	.emphasis-section .grid-60 {
		padding-right: 20px;
	}
	.emphasis-section.coral-emphasis .grid-60 {
		padding-right: 20px;
	}
	.emphasis-section.turtle-emphasis .grid-55 {
		padding-right: 20px;
	}
}

#molokini-intro {
	padding-top: 18px;
}

#molokini-intro .section-text .label {
	margin-top: -7px;
}

#molokini-intro .section-text .has-underline {
	padding-bottom: 22px;
}

.molokini-emphasis {
	background-image: url(../img/molokini-underwater-bg.jpg);
}

.turtle-town-emphasis {
	background-image: url(../img/turtletown-underwater-bg.jpg);
}

.olowalu-emphasis {
	background-image: url(../img/olowalu-underwater-bg.jpg);
}

.coral-gardens-emphasis {
	background-image: url(../img/coralgardens-underwater-bg.jpg);
}

.destination-molokini .emphasis-section {
	margin-top: 90px;
	padding-top: 200px;
	background-color: #043591;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-bottom: 40px;
}

.simple-slider-nav .nav-tab-item a {
	color: #5d5d5d;
}
.simple-slider-nav .nav-tab-item:hover a,
.simple-slider-nav .nav-tab-item.slick-current a {
	color: #464646;
}

@media (min-width: 1025px) {

	.simple-slider-nav .nav-tab-item a {
		color: rgba(255, 255, 255, .6);
	}
	.simple-slider-nav .nav-tab-item:hover a,
	.simple-slider-nav .nav-tab-item.slick-current a {
		color: rgba(255, 255, 255, 1);
	}
}

@media (min-width: 1200px) {
	#molokini-intro {
		padding-top: 120px;
	}
	#molokini-intro .section-text {
		padding-left: 45px;
	}
}

@media (min-width: 1400px) {
	.destination-molokini .emphasis-section {
		min-height: 1290px;
	}
	.destination-olowalu .emphasis-section {
		min-height: 1094px;
	}
}

@media (min-width: 1025px) and (max-width: 1400px) {
	.destination-molokini .emphasis-section {
		padding-top: 160px;
		min-height: 1120px;
	}
	.destination-olowalu .emphasis-section {
		min-height: 1094px;
	}
}

@media (min-width: 767px) and (max-width: 1024px) {
	.destination-molokini .emphasis-section {
		padding-top: 80px;
		margin-top: 60px;
	}
}

@media (max-width: 767px) {
	.destination-intro figure {
		text-align: center;
		margin-bottom: 50px;
	}
	#molokini-intro .section-text {
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.destination-molokini .emphasis-section {
		margin-top: 35px;
		min-height: 1090px;
		padding-top: 60px;
		padding-bottom: 40px;
	}
}

@media (max-width: 1024px) {

	.destination-molokini .emphasis-section .grid-40 {
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
	}
	.destination-molokini .emphasis-section .grid-60 {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		padding-left: 30px;
		padding-right: 30px;
	}

}

.slider-section {
	margin-top: 50px;
}

@media (min-width: 1025px) {
	.slider-section {
		margin-top: -310px;
	}
	.slider-section h2,
	.slider-section-turtle-inner h2 {
		color: #fff;
	}
	.slider-section-turtle {
		margin-top: -310px;
		position: relative;
	}
	.slider-section-turtle-inner {
		position: relative;
	}
	.slider-section-turtle:after {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		background: #eff5f6;
		top: 310px;
		z-index: -1;
	}
}

@media (max-width: 1024px) {
	.slider-section-turtle {
		padding-top: 70px;
		background: #eff5f6;
	}
}

.gallery-section-coral {
	position: relative;
}

.gallery-section-coral > div {
	position: relative;
	z-index: 20;
}

.gallery-section-coral:after {
	content: "";
	position: absolute;
	height: 80%;
	width: 100%;
	background: #eff5f6;
	top: 0;
	z-index: 1;
}

.collage-s1 {
	position: relative;
	display: inline-block;
}

.collage-s1 .img-main {
	margin-left: auto;
	margin-right: 0;
	height: auto !important;
}

.collage-s1 .img-float {
	max-width: 65%;
	position: absolute;
	top: -40px;
	left: -25px;
}

.turtle-town-emphasis .collage-s1 .img-float {
	top: -50px;
	left: -20px;
}

.coral-gardens-emphasis .collage-s1 .img-main {
	margin-top: 40px;
}

.coral-gardens-emphasis .collage-s1 .img-float {
	top: 0;
}

.destination-molokini .emphasis-section .text-slider {
	max-width: 560px;
}

@media (min-width: 1025px) {
	.destination-molokini .emphasis-section .text-slider {
		max-width: 370px;
	}
	.turtle-town-emphasis .collage-s1 .img-float {
		top: -90px;
		left: -25px;
	}
}

.underwater-collage-section {
	background-image: url(../img/underwater-collage-destinations-bg.jpg);
	background-position: center bottom;
	background-size: contain;
	min-height: 900px;
	margin-top: 0px;
}

.underwater-collage-content {
	padding-top: 80px;
}

@media (min-width: 500px) and (max-width: 700px) {
	.underwater-collage-section {
		min-height: 950px;
	}
}

@media (min-width: 700px) and (max-width: 900px) {
	.underwater-collage-section {
		min-height: 950px;
	}
}

@media (min-width: 900px) and (max-width: 1299px) {
	.underwater-collage-section {
		background-position: center center;
		background-size: cover;
		min-height: 1350px;
	}
}

@media (min-width: 1300px) {
	.underwater-collage-section {
		background-position: center 100px;
		background-size: cover;
		min-height: 1850px;
		margin-top: -400px;
	}

	.underwater-collage-content {
		padding-top: 490px;
	}
}

.history-fact {
	margin-bottom: 80px;
}

.history-fact .section-image {
	margin-top: 40px;
}

.history-fact .section-text {
	margin-top: 40px;
}

.turtle-fact-section {
	background: #eff5f6;
	padding-top: 100px;
}

.turtle-fact-section .image-wrap {
	margin-bottom: 0;
}

.turtle-fact-section .image-wrap img {
	margin-bottom: -75px;
}

.turtle-fact .section-image,
.info-section .section-image {
	margin-left: auto;
	margin-right: auto;
}

.turtle-fact .section-text,
.info-section .section-text {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
}

.turtle-fact .image-wrap,
.info-section .image-wrap {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.turtle-information-section {
	background-color: #00417f;
	background-image: url(../img/turtle-info-bg.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 170px;
	padding-bottom: 100px;
	min-height: 750px;
	margin-bottom: 90px;
}

.destination-turtle-town .gallery-section {
	margin-bottom: 100px;
}

.gallery-section-coral {
	margin-bottom: 70px;
}

.info-section {
	margin-bottom: 70px;
}

@media (min-width: 1025px) {
	.turtle-fact-section {
		padding-top: 160px;
	}
	.turtle-information-section {
		padding-bottom: 170px;
		min-height: 878px;
		margin-bottom: 170px;
	}
	.destination-turtle-town .gallery-section {
		margin-bottom: 170px;
	}
	.gallery-section-coral {
		padding-top: 140px;
		margin-bottom: 140px;
	}
	.info-section {
		margin-bottom: 170px;
	}
}


@media (min-width: 965px) {
	.turtle-fact .section-image,
	.info-section .section-image {
		float: left;
		width: 55%;
	}
	.turtle-fact .section-text,
	.info-section .section-text {
		float: left;
		width: 45%;
	}
	.turtle-fact .section-image img,
	.info-section .section-image img {
		float: right;
		margin-top: 5px;
	}
	.turtle-fact .section-text * {
		max-width: 465px;
	}
	.info-section .section-text * {
		max-width: 470px;
	}
}

@media (min-width: 1025px) {

	.history-fact .section-image {
		margin-top: -45px;
	}

	.history-fact .section-text {
		margin-top: 85px;
	}
}

@media (min-width: 768px) {
	.history-fact {
		margin-bottom: 100px;
	}
	.history-fact .section-image {
		-webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0;
	}

	.history-fact .section-text {
		-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;
	}
}

@media (max-width: 767px) {

	.history-fact .section-image figure {
		text-align: center;
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
	}
	.history-fact .section-text {
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.gallery-section p.grid-50 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.gallery-section > div {
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
	}
}

.tooltip-container-wrapper h2 {
	z-index: 10;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.destination-molokini .infographic-section .posts-deck-wrapper h2 {
	margin-top: 50px;
	margin-bottom: 35px;
	padding-bottom: 25px;
}

.tooltip-container-wrapper {
	margin-bottom: 50px;
}

@media (min-width: 1000px) {
	.tooltip-container-wrapper {
		margin-top: 80px;
	}
	.tooltip-container-wrapper h2 {
		color: #fff;
		position: absolute;
		/* top: 55px; */
		top: 5%;
	}
	.destination-molokini .infographic-section .posts-deck-wrapper h2 {
		/* margin-top: -225px; */
		margin-top: -20%;
		color: #fff;
	}
}

.slider-turtle {
	max-width: 1168px;
}

.slider-turtle .item {
	width: 25%;
	height: 370px;
	float: left;
	padding-left: 12px;
	padding-right: 12px;

	/* max-width: 291px; */
}

.slider-turtle .item-inner {
	background: #fff;
	border-radius: 3px;
	height: 370px;
	width: 100%;
	position: relative;
	background-size: cover;
	overflow: hidden;
}



.slider-turtle .item .label {
	color: #fff;
	text-align: center;
}

@media only screen and (max-width: 1245px) {
	.slider-turtle-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.ticon {
	max-width: 55px;
	width: auto !important;
	margin-left: auto;
	margin-right: auto;
	margin-block: 12px;
}

.ticon-mature {
	max-width: 65px;
}

.ticon-reproduction {
	max-width: 75px;
}

.ticon-life {
	max-width: 35px;
}

.ticon-eggs {
	max-width: 65px;
}

.ticon-weight {
	max-width: 30px;
}

.content-flex {
	height: 100%;
}

.slider-turtle .item-inner .content-init .ticon {
	margin-top: auto;
}

.slider-turtle .item-inner .content-init .label {
	margin-bottom: auto;
}

.content-init {
	position: absolute;
	/* top: 100%;
	margin-top: -120px;
	height: 120px; */
	top: auto;
	bottom: 25px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.content-bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	height: 100%;
	width: 100%;
	opacity: 1;
	background-size: cover;
	transition: all .75s ease-out;
}

.content-reveal {
	max-height: 0;
	background: #fff;
	position: absolute;
	bottom: -100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	opacity: 0;
	transition: all .95s ease-out;
}

.content-reveal p {
	margin-bottom: 0;
}

.slider-turtle .item.thover .content-init {
	top: 0;
	bottom: 25px;
	margin-top: 0;
	background: rgba(0,48,102,.75);
	height: 100%;
}

.slider-turtle .item.thover .content-bg {
	height: 40%;
	background-position: center -100px;
	transition: all .5s ease-out;
}

.slider-turtle .item.thover .content-reveal {
	opacity: 1;
	bottom: 0;
	max-height: 300px;
	height: 60%;
	opacity: 1;
	transition: all .5s ease-out;
}

.slider-turtle .item-weight.item.thover .content-bg {
	background-position: center -50px;
}

.slider-turtle .item-reproduction.item.thover .content-bg {
	height: 50%;
}
.slider-turtle .item-reproduction.item.thover .content-reveal {
	height: 50%;
}

.slider-turtle .item-eggs.item.thover .content-bg {
	height: 30%;
}
.slider-turtle .item-eggs.item.thover .content-reveal {
	height: 70%;
}

.slider-turtle .item-lifespan.item.thover .content-bg {
	height: 50%;
}
.slider-turtle .item-lifespan.item.thover .content-reveal {
	height: 50%;
}

.slider-turtle .item-weight .item.thover .content-bg {
	height: 50%;
}
.slider-turtle .item-weight .item.thover .content-reveal {
	height: 50%;
}

.slider-turtle .item-color .item.thover .content-bg {
	height: 30%;
}
.slider-turtle .item-color .item.thover .content-reveal {
	height: 70%;
}

.slider-turtle .item-speed .item.thover .content-bg {
	height: 30%;
}
.slider-turtle .item-speed .item.thover .content-reveal {
	height: 70%;
}