/* INDEX */

.page-template-template-about-us-new .branding {
	opacity: 0.0001;
}

.tmplAbout-new {
	padding-bottom: 30px
}

.tmplAbout-new section {
	height: auto;
	padding-top: 60px
}

.tmplAbout-new .section-about-intro {
	background-color: #eff5f6;
	height: auto !important;
	padding-top: 0;
	padding-bottom: 40px;
}

.about-intro-content {
	padding-top: 70px;
}

@media only screen and (min-width: 820px) {
	.tmplAbout-new .section-about-intro {
		padding-bottom: 100px;
	}
}

@media only screen and (min-width: 1100px) {
	.tmplAbout-new .section-about-intro .grid-container .section-text {
		padding-right: 60px;
	}
}

.tmplAbout-new .features h2,
.tmplAbout-new .features .slider-title {
	margin-bottom: 0;
}

.tmplAbout-new section li, .tmplAbout-new .features li {
	font-size: 16px;
}


.tmplAbout-new .section-about-intro p, .tmplAbout-new .section-about-intro li {
	color: #6a6a6a;
}

.tmplAbout-new .section-about-intro p.pre-title {
	color: #a8a8a8;
}

.tmplAbout-new .section-crew h2, .tmplAbout-new .section-crew p, .tmplAbout-new .section-crew p.pre-title {
	color: #fff;
}

.tmplAbout-new .section-crew h2 {
	text-align: left;
}

.tmplAbout-new .section-crew {
	padding-top: 180px;
	background-image: url(../../img/about-sectionbg-01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	box-sizing: content-box;
}

.tmplAbout-new .section-crew {
	height: 1010px;
}

.tmplAbout-new .about-slider-wrapper {
	margin-top: -364px;
	position: relative;
	z-index: 50;
}

.tmplAbout-new .features-header {
	min-height: 80px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
	text-align: center !important;
}

.tmplAbout-new .features-header h2,
.tmplAbout-new .features-header .slider-title,
.tmplAbout-new .features-header p {
	text-align: center;
}

.tmplAbout-new .section-features p.pre-title, .tmplAbout-new .features p.pre-title {
	color: #dee8f6;
}

.tmplAbout-new .section-features h2,
.tmplAbout-new .features h2,
.tmplAbout-new .slider-title {
	color: #fff;
}

.tmplAbout-new .portraitImg.portraitImg-r {
	position: relative;
}

.tmplAbout-new .portraitImg.portraitImg-r .portrait {
	margin: auto;
	position: absolute;
	bottom: 0;
	z-index: 50;
	box-shadow: 0 0 10px 6px rgba(0, 0, 0, .11);
}

.tmplAbout-new .portraitImg.portraitImg-r .portrait-2 {
	margin: auto;
	position: absolute;
	bottom: 36px;
	right: 15px;
	z-index: 40;
}

.tmplAbout-new .portraitImg.portraitImg-r .video-wrap img {
	box-shadow: 0 0 10px 6px rgba(0, 0, 0, .11);
	float: right;
}

@media screen and (min-width: 768px) and (max-width: 1080px) {
	.tmplAbout-new .portraitImg.portraitImg-r .video-wrap img {
		margin-top: 20px;
	}
}

.tmplAbout-new .portraitImg.portraitImg-r .video-wrap a {
	float: right;
}

.tmplAbout-new .portraitImg.portraitImg-l {
	min-height: 466px;
	position: relative;
}

.tmplAbout-new .portraitImg.portraitImg-l .portrait {
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50;
	box-shadow: 0 0 10px 6px rgba(0, 0, 0, .11);
	max-width: 70%;
}

.tmplAbout-new .portraitImg.portraitImg-l .portrait-2 {
	margin: auto;
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 40;
	box-shadow: 0 0 10px 6px rgba(0, 0, 0, .11);
}

@media screen and (min-width: 768px) {
	.tmplAbout-new .portraitImg.portraitImg-r {
		padding-right: 30px;
	}
}

@media screen and (max-width: 767px) {
	.tmplAbout-new .portraitImg.portraitImg-r {
		margin-top: 80px;
		text-align: center;
	}
	.tmplAbout-new .portraitImg .video-wrap {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}
	.tmplAbout-new .portraitImg.portraitImg-r .portrait {
		margin: auto;
		position: absolute;
		bottom: auto;
		left: 20px;
		z-index: 50;
		box-shadow: 0 0 10px 6px rgba(0, 0, 0, .11);
	}
	.tmplAbout-new .portraitImg.portraitImg-r .portrait.portrait-2 {
		margin: auto;
		position: absolute;
		top: 30px;
		bottom: auto;
		left: auto;
		right: 20px;
		z-index: 40;
	}
	.tmplAbout-new .portraitImg.portraitImg-r .video-wrap img {
		box-shadow: 0 0 10px 6px rgba(0, 0, 0, .11);
		float: none;
		margin: auto;
	}
	.tmplAbout-new .portraitImg.portraitImg-r .video-wrap a {
		float: none;
	}
	.tmplAbout-new .features {
		margin-top: 80px;
	}
	.tmplAbout-new .about-slider-wrapper {
		margin-top: -445px;
	}
	.tmplAbout-new .section-crew {
		height: 1420px;
		padding-top: 50px;
	}
	.dots-inner {
		margin-top: 80px;
	}
}

@media screen and (max-width: 520px) {
	.tmplAbout-new .portraitImg.portraitImg-l {
		min-height: 300px;
	}
	.tmplAbout-new .portraitImg.portraitImg-r .portrait.portrait-2 {
		top: 0;
	}
}


.section-activities {
	padding-top: 75px;
	padding-bottom: 45px;
}

.section-activities .section-inner {
	max-width: 600px;
	margin: auto;
}

.section-text {
	margin-left: auto;
	margin-bottom: 50px;
}

@media screen and (min-width: 768px) and (max-width: 1210px) {
	.page-template-aboutus .section-text {
		padding-left: 20px;
	}
}


@media screen and (max-width: 767px) {
	.page-template-aboutus .section-text {
		max-width: 570px;
		margin-left: auto;
		margin-right: auto;
	}
}

.section-text .checklist {
	padding-top: 5px;
	padding-bottom: 10px;
}

@media screen and (min-width: 768px) {
	.section-activities {
		padding-top: 150px;
		padding-bottom: 100px;
	}
	.section-text {
		margin-bottom: 0;
	}
	.section-activities .section-inner {
		max-width: 550px;
		margin: 0;
	}
	.section-snuba .section-media {
		padding-left: 0;
	}
}

@media screen and (min-width: 1100px) {
	.section-activities {
		padding-top: 200px;
		padding-bottom: 165px;
	}
}

.video-wrap a {
	position: relative;
	display: block;
	color: #fff;
}

.video-wrap .vid-play {
	position: absolute;
	z-index: 60;
	top: 50%;
	right: 0;
	left: 0;
	margin: -37px auto 0px;
}

.video-wrap .vid-play:before {
	margin-right: -5px;
}

.video-wrap a:hover .fa-play {
	background-color: rgba(255, 255, 255, 1);
	color: #30B6D5;
}

.section-snorkeling {
	background-image: url(../../img/section-snorkeling-bg.jpg);
	background-color: #145e9f;
	background-size: cover;
	color: #fff;
}

.section-snorkeling h2,
.section-snorkeling p,
.section-snorkeling li {
	color: #fff;
}

.section-snorkeling .label {
	opacity: .8;
}

.section-snorkeling .section-media {
	margin-bottom: 50px;
}

.section-activities .video-wrap {
	position: relative;
}

.section-activities .video-wrap a {
	background-color: #013996;
	position: relative;
	display: inline-block;
}

.single-video-transparent {
	background-color: transparent !important;
}

.section-snuba .video-wrap {
	max-width: 615px;
	margin-top: 7px;
}

.section-snorkeling .video-wrap {
	margin-top: 5px;
	max-width: 485px;
}

.section-snuba .video-wrap a {
	max-width: 75%;
	color: #fff;
	z-index: 20;
}

.section-snorkeling .section-inner {
	max-width: 485px;
}

@media screen and (min-width: 1300px) {
	.section-snorkeling .section-inner li {
		white-space: nowrap;
	}
}

.section-whale-watching .img-float {
	margin-top: -25px;
	margin-left: -8px;
	max-width: 65%;
	position: absolute;
}

.section-whale-watching .video-wrap {
	max-width: 615px;
}

.section-whale-watching .video-wrap a {
	float: right;
	margin-top: 10%;
	margin-left: 50px;
}

.section-whale-watching .section-inner {
	margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
	.section-activities .video-wrap {
		margin-left: auto;
		margin-right: auto;
	}
	.section-whale-watching .section-inner {
		max-width: 485px;
	}
}

@media screen and (min-width: 768px) {
	.section-snorkeling .section-inner {
		max-width: none;
	}
	.section-whale-watching .video-wrap a {
		margin-top: 14%;
	}
}

.section-snuba .video-wrap .img-float {
	max-width: 55%;
	position: absolute;
	top: 12%;
	right: 0;
}

.section-underwater-video {
	background-image: url(../../img/section-underwater-video-bg.jpg);
	background-color: #145e9f;
	background-size: cover;
	color: #fff;
}

.section-underwater-video h2,
.section-underwater-video p,
.section-underwater-video li {
	color: #fff;
}

.section-underwater-video .label {
	opacity: .8;
}


.section-underwater-video .video-wrap {
	padding-left: 70px;
	max-width: 615px;
}

.section-underwater-video .video-wrap a {
	position: absolute;
	margin-top: -60px;
	margin-top: -10.85%;
	max-width: 50%;
	left: 0;
	top: 0;
}

.section-underwater-video .img-main {
	float: right;
	margin-bottom: 50px;
}

@media screen and (min-width: 900px) {
	.section-underwater-video .img-main {
		margin-right: 30px;
	}
}

@media screen and (min-width: 768px) {
	.section-underwater-video .img-main {
		margin-right: 30px;
	}
}

@media screen and (max-width: 767px) {
	.section-underwater-video .section-media {
		margin-bottom: 50px;
		margin-top: 50px;
	}
	.section-underwater-video .section-inner {
		max-width: 485px;
	}
}














.section-molokini-crater {
	/* padding-top: 0;
	padding-bottom: 65px; */
}

@media screen and (min-width: 1100px) {
	/* .section-molokini-crater {
		margin-bottom: -90px;
		padding-bottom: 0;
		padding-top: 90px;
	} */
}


.section-molokini-crater .video-wrap {
	padding-left: 9%;
	max-width: 615px;
}

.section-molokini-crater .video-wrap a {
	position: absolute;
	margin-top: -8%;
	max-width: 75%;
	left: 0;
	top: 0;
}

.section-molokini-crater .img-main {
	float: right;
}

@media screen and (min-width: 900px) {
	.section-molokini-crater .img-main {
		margin-left: 30px;
	}
}

@media screen and (min-width: 768px) {
	.section-molokini-crater .img-main {
		margin-left: 30px;
	}
}

@media screen and (max-width: 767px) {
	.section-molokini-crater .section-media {
		margin-bottom: 50px;
		margin-top: 50px;
	}
	.section-molokini-crater .section-inner {
		max-width: 485px;
		margin-bottom: 80px;
	}
}



.section-turtle-town {
	background-image: url(../../img/section-turtle-town-bg.jpg);
	background-color: #003171;
	background-size: cover;
	color: #fff;
}

.section-turtle-town h2,
.section-turtle-town p,
.section-turtle-town li {
	color: #fff;
}

.section-turtle-town .label {
	opacity: .8;
}

.section-turtle-town .section-media {
	padding-left: 5px;
	padding-right: 5px;
}

.section-turtle-town .video-wrap {
	margin-top: 5px;
	max-width: 538px;
}

.section-turtle-town .section-inner {
	max-width: 485px;
	margin-top: 12px;
}

@media screen and (min-width: 1300px) {
	.section-turtle-town .section-inner li {
		white-space: nowrap;
	}
}

@media screen and (min-width: 1100px) {
	.section-turtle-town  {
		padding-top: 195px;
		padding-bottom: 140px;
	}
	.section-turtle-town .section-inner {
		max-width: none;
	}
}

@media screen and (max-width: 1100px) {
	.section-turtle-town  {
		padding-top: 95px;
	}
}

@media screen and (max-width: 767px) {
	.section-turtle-town .grid-100.grid-parent {
		display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
		-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
	}
	.section-turtle-town .section-text { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
	.section-turtle-town .section-media { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
}



@media screen and (min-width: 768px) {
	.section-olowalu .section-media {
		padding-left: 0;
	}
}

@media screen and (max-width: 767px) {
	.section-olowalu .section-inner {
		max-width: 485px;
	}
}

.section-olowalu .video-wrap {
	max-width: 615px;
	margin-top: 7px;
}

.section-olowalu .video-wrap a {
	max-width: 90%;
	color: #fff;
}


.section-olowalu .video-wrap .img-float {
	max-width: 55%;
	position: absolute;
	top: 12%;
	right: 0;
}



.section-coral-gardens {
	background-image: url(../../img/section-coral-gardens-bg.jpg);
	background-color: #145e9f;
	background-size: cover;
	color: #fff;
}

.section-coral-gardens h2,
.section-coral-gardens p,
.section-coral-gardens li {
	color: #fff;
}

.section-coral-gardens .label {
	opacity: .8;
}

.section-coral-gardens .video-wrap {
	padding-left: 70px;
	max-width: 615px;
}

.section-coral-gardens .video-wrap a {
	position: absolute;
	margin-top: -10%;
	max-width: 80%;
	left: 0;
	top: 0;
}

.section-coral-gardens .img-main {
	float: right;
	margin-bottom: 50px;
	margin-top: 15%;
}

@media screen and (min-width: 1100px) {
	.section-coral-gardens  {
		padding-top: 195px;
		padding-bottom: 140px;
	}
}

@media screen and (max-width: 1100px) {
	.section-coral-gardens {
		padding-top: 95px;
	}
}

@media screen and (min-width: 900px) {
	.section-coral-gardens .img-main {
		margin-right: 30px;
	}
}

@media screen and (min-width: 768px) {
	.section-coral-gardens .img-main {
		margin-right: 30px;
	}
}

@media screen and (max-width: 767px) {
	.section-coral-gardens .section-media {
		margin-top: 50px;
	}
	.section-coral-gardens .section-inner {
		margin-bottom: 50px;
		max-width: 485px;
	}
}

@media screen and (max-width: 767px) {
	.section-coral-gardens .grid-100.grid-parent {
		display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
		-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
	}
	.section-coral-gardens .section-text { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
	.section-coral-gardens .section-media { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
}





.activities-toplevel-content {
	padding-top: 30px;
	padding-bottom: 50px;
}



@media screen and (min-width: 768px) {
	.activities-toplevel-content {
		padding-top: 90px;
		padding-bottom: 90px;
	}

}


.activities-toplevel-content blockquote {
	text-align: center;
	max-width: 730px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.activities-toplevel-content blockquote::before {
	color: #00aeef;
	content: open-quote;
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	font-size: 75px;
	position: relative;
	height: 36px;
	text-align: center;
	width: 50px;
}

.activities-toplevel-content blockquote p {
	font-style: italic;
	font-size: 20px;
	color: #5d5d5d;
}

.menu-submenu-about {
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	z-index: 150;
}

.page-about #menu-submenu-about {
	display: block !important;
	opacity: 1 !important;
}

.submenu-about-items {
	background-color: #fbfbfb;
	border-radius: 4px;
	box-shadow: 0 0 25px 10px rgba(3, 3, 3, 0.05);
	list-style: none;
	height: 135px;
	margin-top: -70px;
	margin-bottom: 35px;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.submenu-about-items li {
	-webkit-flex-grow: 1;
	-webkit-flex-basis: 0;
	flex-grow: 1;
	flex-basis: 0;
	line-height: 1;
	text-align: center;
	position: relative;
	border-radius: 3px;
	height: 135px;
	box-sizing: border-box;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.submenu-about-items li:before {
	content: "";
	background-color: #efefef;
	height: 84px;
	width: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -42px;
}

.submenu-about-items li:first-child:before {
	display: none;
}

.submenu-about-items li a {
	color: #9c9c9c;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.7;
	letter-spacing: 0.07em;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	height: 135px;
	width: 100%;
	position: absolute;
	box-sizing: border-box;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.submenu-about-items li:hover {
	background: #fff;
	box-shadow: 0 1px 0 1px #fff, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 0 10px 8px rgba(0, 0, 0, 0.025);
	z-index: 100;
	height: 150px;
}

.submenu-about-items li:hover:before, .submenu-about-items .current-menu-item:before {
	content: "";
	background-color: transparent;
}

@media only screen and (min-width: 981px) {
	.submenu-about-items .current-menu-item {
		background: #fff;
		box-shadow: 0 1px 0 1px #fff, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 0 10px 8px rgba(0, 0, 0, 0.025);
		z-index: 90;
		height: 150px;
	}
}

.submenu-about-items a:before {
	content: "";
	display: block;
	clear: both;
	background-size: cover;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 22px;
	position: relative;
	opacity: .2;
	-webkit-transition: all .2s ease-in-out;
	transition: all .25s ease-in-out;
}

.submenu-about-items li:hover a {
	color: #404040;
	height: 150px;
}

.submenu-about-items li:hover a:before {
	opacity: .9;
}

.submenu-about-items .current-menu-item a {
	color: #404040;
}

.submenu-about-items .current-menu-item a:before {
	opacity: .9;
}

.submenu-about-items .icon-about a:before {
	background-image: url(../../img/shape-about.png);
	margin-top: 20px;
	margin-bottom: 22px;
	height: 47px;
	width: 47px;
}

.submenu-about-items .icon-coral a:before {
	background-image: url(../../img/shape-coral.png);
	margin-top: 19px;
	margin-bottom: 19px;
	height: 42px;
	width: 38px;
}

.submenu-about-items .icon-snorkeling-safety a:before {
	background-image: url(../../img/snorkelig-safety.svg);
	margin-top: 18px;
	margin-bottom: 10px;
	height: 52px;
	width: 58px;
	background-position: center;
	background-size: contain;
}

.submenu-about-items .icon-events a:before {
	background-image: url(../../img/shape-events.png);
	margin-top: 23px;
	margin-bottom: 19px;
	height: 43px;
	width: 52px;
}

.submenu-about-items .icon-blog a:before {
	background-image: url(../../img/shape-blog.png);
	margin-top: 25px;
	margin-bottom: 22px;
	height: 42px;
	width: 61px;
	left: 8px;
}

.submenu-about-items .icon-maps a:before {
	background-image: url(../../img/shape-maps.png);
	margin-top: 20px;
	margin-bottom: 15px;
	height: 45px;
	width: 44px;
}

.submenu-about-items .icon-transportation a:before {
	background-image: url(../../img/shape-transportation.png);
	margin-top: 39px;
	margin-bottom: 25px;
	height: 25px;
	width: 56px;
}

.submenu-about-items .icon-faq a:before {
	background-image: url(../../img/shape-faq.png);
	margin-top: 22px;
	margin-bottom: 23px;
	height: 45px;
	width: 46px;
}

.submenu-about-items .icon-underwater a:before {
	background-image: url(../../img/shape-fish.png);
	margin-top: 33px;
	margin-bottom: 18px;
	height: 28px;
	width: 56px;
}

.submenu-about-items .icon-reviews a:before {
	background-image: url(../../img/shape-reviews.png);
	margin-top: 35px;
	margin-bottom: 31px;
	height: 23px;
	width: 75px;
}

.tmplAbout-new .tmplMolokiniBG {
	width: 100%;
	height: auto;
	z-index: -1;
	position: absolute;
	/*bottom: -80px;*/
	bottom: 0;
	left: 0;
}

.tmplAbout-new {
	overflow: visible;
}

.tmplAbout-new #section-about-contact {
	margin-top: 30px;
	margin-bottom: 40px;
}

.mfp-about-slider .mfp-container {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 450px;
	right: 0;
	margin: auto;
}

.mfp-about-slider .mfp-arrow,
.mfp-grid-gallery .mfp-arrow {
	position: absolute;
	top: 50%;
	width: 45px;
	height: 45px;
	margin: 0;
	margin-top: -27px;
	padding: 0;
	opacity: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: none !important
}

.mfp-about-slider .mfp-arrow:active,
.mfp-grid-gallery .mfp-arrow:active {
	margin-top: -28px;
}

.mfp-about-slider .mfp-arrow:hover, .mfp-about-slider .mfp-arrow:focus,
.mfp-grid-gallery .mfp-arrow:hover, .mfp-grid-gallery .mfp-arrow:focus {
	opacity: 1;
}

.mfp-about-slider .mfp-arrow:before,
.mfp-about-slider .mfp-arrow:after,
.mfp-about-slider .mfp-arrow .mfp-b,
.mfp-about-slider .mfp-arrow .mfp-a,
.mfp-grid-gallery .mfp-arrow:before,
.mfp-grid-gallery .mfp-arrow:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 45px;
	height: 0;
	margin-top: 0;
	margin-left: 0;
	font-family: FontAwesome;
	font-size: 32px;
	color: #F1F1F1;
	line-height: 45px;
	text-align: center;
}

.mfp-about-slider .mfp-container .mfp-arrow,
.mfp-grid-gallery .mfp-container .mfp-arrow {
	background-color: #fe7a17;
}


.mfp-about-slider .mfp-content:hover .mfp-arrow,
.mfp-grid-gallery .mfp-content:hover .mfp-arrow {
	background-color: #fe7a17;
}

.mfp-about-slider .mfp-arrow-right:before,
.mfp-grid-gallery .mfp-arrow-right:before {
	content: '\f105';
}

.mfp-about-slider .mfp-arrow-left:after,
.mfp-grid-gallery .mfp-arrow-left:after {
	content: '\f104';
}

.mfp-about-slider .mfp-arrow:after,
.mfp-arrow .mfp-a,
.mfp-grid-gallery .mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
}

.mfp-about-slider .mfp-arrow:before,
.mfp-about-slider .mfp-arrow .mfp-b,
.mfp-grid-gallery .mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
}

.mfp-about-slider .mfp-arrow-left:before,
.mfp-about-slider .mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
}

.mfp-about-slider .mfp-arrow-left {
	left: 0;
}

.mfp-about-slider .mfp-arrow-right {
	right: 0;
}

.mfp-grid-gallery .mfp-arrow-left {
	left: 0;
}

.mfp-grid-gallery .mfp-arrow-right {
	right: 0;
}

.mfp-about-slider .mfp-arrow-right:after, .mfp-about-slider .mfp-arrow-right .mfp-a {
	margin-left: 39px;
}

@media only screen and (min-width: 461px) and (max-width: 980px) {
	.menu-submenu-about {
		padding-right: 0;
		padding-left: 0;
	}
	.submenu-about-items {
		border-radius: 0;
		height: 250px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	/*about parent*/
	.singular-page-122 .submenu-about-items {
		margin-top: -75px;
		margin-bottom: 55px;
	}
	.submenu-about-items li {
		-webkit-flex-basis: 20%;
		flex-basis: 20%;
		border-radius: 0;
		height: 125px;
	}
	.submenu-about-items li:hover, .submenu-about-items .current-menu-item:hover {
		box-shadow: 0 1px 0 1px #fff, 0 0 0 1px rgba(0, 0, 0, 0.0075), 0 0 10px 8px rgba(0, 0, 0, 0.025);
	}
	.submenu-about-items li:hover, .submenu-about-items li:hover a {
		background: #fff;
		box-shadow: 0 1px 0 1px #fff, 0 0 0 1px rgba(0, 0, 0, 0.015), 0 0 10px 8px rgba(0, 0, 0, 0.025);
		z-index: 100;
		height: 125px;
	}
	.submenu-about-items .current-menu-item, .submenu-about-items .current-menu-item a {
		background: #fff;
		box-shadow: 0 1px 0 1px #fff, 0 0 0 1px rgba(0, 0, 0, 0.01), 0 0 10px 8px rgba(0, 0, 0, 0.025);
		z-index: 90;
		height: 125px;
	}
}

@media only screen and (max-width: 460px) {
	.menu-submenu-about {
		padding-right: 0;
		padding-left: 0;
	}
	.submenu-about-items {
		border-radius: 0;
		height: 355px;
		margin-bottom: 0px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	/*about parent*/
	.singular-page-122 .submenu-about-items {
		margin-top: 0;
		margin-bottom: 45px;
	}
	.submenu-about-items li {
		-webkit-flex-basis: 30%;
		flex-basis: 30%;
		border-radius: 0;
		height: 115px;
	}
	.submenu-about-items li:hover, .submenu-about-items .current-menu-item:hover {
		box-shadow: 0 1px 0 1px #fff, 0 0 0 1px rgba(0, 0, 0, 0.0075), 0 0 10px 8px rgba(0, 0, 0, 0.025);
	}
	.submenu-about-items li:hover, .submenu-about-items li:hover a {
		background: #fff;
		box-shadow: 0 1px 0 1px #fff, 0 0 0 1px rgba(0, 0, 0, 0.015), 0 0 10px 8px rgba(0, 0, 0, 0.025);
		z-index: 100;
		height: 115px;
	}
	.submenu-about-items .current-menu-item, .submenu-about-items .current-menu-item a {
		background: #fff;
		box-shadow: 0 1px 0 1px #fff, 0 0 0 1px rgba(0, 0, 0, 0.01), 0 0 10px 8px rgba(0, 0, 0, 0.025);
		z-index: 90;
		height: 115px;
	}
}

.tmplCoralReef .blue-line {
	line-height: 1.2;
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 15px;
}

.tmplCoralReef .blue-line.bl2 {
	margin-bottom: 60px;
}

.tmplCoralReef .introSection .blue-line {
	margin-top: -10px;
}

.tmplCoralReef .blue-line:after {
	content: "";
	position: absolute;
	background-color: #2ab3d4;
	left: 0;
	right: 0;
	bottom: -12px;
	margin: auto;
	display: block;
	height: 4px;
	width: 93px;
}

.text-left.blue-line:after {
	left: 0;
	right: auto !important;
}

/* .reveal-menu #menu-submenu-about,
.reveal-menu #menu-submenu-about.hide-me {
	opacity: 0.001;
	-webkit-transition: all .55s ease-in-out;
	transition: all .55s ease-in-out;
}

.reveal-menu #menu-submenu-about.show-me {
	opacity: 1;
	-webkit-transition: all .55s ease-in-out;
	transition: all .55s ease-in-out;
} */

@media only screen and (min-width: 1190px) {
	#video-slider.slick-wrapper .prev-next {
		margin-left: -7px;
	}
	#video-slider.slick-wrapper .prev-next.next {
		margin-right: -7px;
	}
	#video-slider {
		margin-left: -15px;
		margin-right: -15px;
	}
}

#Pride-of-Maui-Coral-Reef-Initiative {
	padding-top: 25px;
	padding-bottom: 50px;
}

@media only screen and (min-width: 900px) {
	#Pride-of-Maui-Coral-Reef-Initiative .cr-text {
		margin-top: 1%;
		padding-left: 7%;
	}
	#Pride-of-Maui-Coral-Reef-Initiative .cr-text-2 {
		margin-top: 2%;
		padding-right: 7%;
	}
}

.cr-info-box {
	background: #eff5f6;
	margin-top: 22px;
	margin-bottom: 10px;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 45px;
	padding-top: 45px;
}

.cr-info-box .h2 {
	color: #404040;
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
}

@media only screen and (max-width: 640px) {
	.cr-info-box {
		-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;
	}
	.cr-info-box .h2 {
		margin-top: 0;
	}
}

#videoSection {
	padding-top: 25px;
	padding-bottom: 20px;
}

#video-slider {
	margin-bottom: 45px;
}

#video-slider .video-slide {
	margin-left: 15px;
	margin-right: 15px;
	position: relative;
}

#video-slider .slick-track {
	padding-top: 60px;
}

#video-slider.slick-wrapper .prev-next {
	margin-top: 7px;
}

.video-title {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -15px;
	margin-bottom: 0;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
	color: #fff;
}
@media only screen and (min-width: 760px) {
	.video-title {
		left: 0;
		line-height: 1;
	}
}
@media only screen and (min-width: 840px) {
	.video-title {
		font-size: 20px;
		left: 0;
		line-height: 1;
	}
}

.video-slide,
.video-slide p {
	opacity: 0.01;
}

#video-presentation-wrapper .video-slide .video-title {
	opacity: 0 !important;
	z-index: -1;
}

#video-slider-nav-wrapper .video-slide .video-title {
	z-index: 10;
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

#video-slider-nav-wrapper .video-slide.slick-current .video-title {
	text-shadow: 0px 0px 2px rgba(0,0,0,0.2), 0px 0px 5px rgba(0,0,0,0.55), 2px 4px 3px rgba(0,0,0,0.3);
}

#video-slider-nav-wrapper .video-slide .video-title:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.slick-initialized .video-slide,
.slick-initialized .video-slide .video-title,
.slick-initialized .video-slide p {
	opacity: 1;
}

@media only screen and (min-width: 960px) {
	#video-presentation .prev-next {
		display: none;
	}
}

.video-slider-nav .slick-list {
	padding: 0 !important;
}

.video-slider-nav .video-slide {
	background-color: #0B183A;
}

.video-slider-nav .video-slide img {
	opacity: .2;
	margin-bottom: 0 !important;
	-webkit-transition: opacity .75s ease-in;
	transition: opacity .75s ease-in;
}

.video-slider-nav .video-slide.slick-current img {
	opacity: 1;
}

#video-slider.video-slider-nav .slick-track {
	padding-top: 65px;
	padding-bottom: 5px;
}

@media only screen and (max-width: 959px) {
	#video-slider_,
	#video-slider .prev-next,
	.video-slider-nav .video-slide img {
		display: none !important;
	}
	.video-slider-nav .video-slide,
	.video-slider-nav .video-slide.slick-current {
		box-shadow: none !important;
		background-color: transparent;
	}
}

#video-slider-wrapper {
	position: relative;
	margin-bottom: 60px;
}

#video-presentation-wrapper {
	overflow: hidden;
	width: auto;
	flex-grow: 1;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
}

@media only screen and (min-width: 960px) {
	#video-presentation-wrapper {
		margin-right: 18px;
	}
}


@media only screen and (max-width: 959px) {
	#video-presentation-wrapper .slick-slider {
		padding-right: 5px;
		padding-left: 5px;
	}
	#video-presentation-wrapper .slick-wrapper .prev-next.prev {
		margin-left: -5px;
	}
	#video-presentation-wrapper .slick-wrapper .prev-next.next {
		margin-right: -5px;
	}
}

#video-slider-nav-wrapper {
	width: 265px;
	min-width: 265px;
	flex-grow: 1;
	flex-shrink: 0;
	margin-left: auto;
	margin-right: 0;
}

@media only screen and (min-width: 1150px) {
	#video-slider-nav-wrapper {
		width: 265px;
		min-width: 265px;
	}
}

@media only screen and (min-width: 1070px) and (max-width: 1170px) {
	#video-slider-nav-wrapper {
		width: 245px;
		min-width: 245px;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1069px) {
	#video-slider-nav-wrapper {
		width: 225px;
		min-width: 225px;
	}
}

@media only screen and (max-width: 959px) {
	#video-slider-nav-wrapper {
		display: none;
	}
}

#video-slider.slick-vertical {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

#video-slider.slick-vertical .prev-next {
	left: 50%;
	margin-left: -24px;
	border-radius: 4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#video-slider.slick-vertical .prev-next.next {
	margin-top: 0;
	top: -14px;
}

#video-slider.slick-vertical .prev-next.prev {
	margin-top: 0;
	bottom: -14px;
	top: auto;
}

#video-slider.slick-vertical .prev-next i {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#video-slider.slick-vertical .prev-next.next i::before {
	z-index: -1;
}

#video-slider.slick-vertical .prev-next.prev i::before {
	z-index: -1;
}

#video-slider.slick-vertical .slick-track {
	padding-top: 0;
	padding-bottom: 0;
}

#video-slider.slick-vertical .video-slide {
	height: auto;
	max-width: 100%;
	margin-top: 9px;
	margin-bottom: 9px;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
	position: relative;
}

.tabs-wrapper-inner {
	margin-bottom: 32px
}

@media only screen and (min-width: 1150px) {
	.tabs-wrapper-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 32px
	}
}

.tmplCoralReef h3 {
	display: inline-block;
	font-size: 36px;
	line-height: 1.1;
	-webkit-flex-basis: 385px;
	flex-basis: 385px;
	max-width: 385px;
	margin-right: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #404040;
}

.tmplCoralReef .tabs-wrapper {
	margin-bottom: 0;
}

.tmplCoralReef .tabs-wrapper .btn.new {
	padding: 10px 20px !important;
}

.tabs-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-width: 0;
	flex: 1;
	border-bottom: 1px solid #e6e6e6;
	list-style: none;
	padding: 0;
}

.tabs-nav li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 33.3333%;
	position: relative
}

.tabs-nav li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
}

.tabs-nav>li i {
	color: #404040;
	font-size: 36px;
	line-height: 1;
	font-style: normal;
	font-weight: 300;
	padding-right: 12px;
	padding-left: 10px;
}

.tabs-nav>li p {
	color: #999;
	font-size: 15px;
	line-height: 19px;
	padding-left: 12px;
	text-align: left;
	position: relative;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.tabs-nav>li a:hover p {
	color: #404040 !important;
}

.tabs-nav>li.active p {
	color: #404040;
}

.tabs-nav>li.active:after {
	content: "";
	background-color: #fe8e17;
	display: block;
	width: 100px;
	height: 4px;
	position: absolute;
	bottom: -1px;
	left: 64px;
}

.tabs-nav #tab-2 i {
	padding-left: 30px;
}

.tabs-nav #tab-2 p {
	padding-right: 12px;
}

.tabs-nav #tab-2.active:after {
	left: 83px;
}

.tab-c {
	display: none;
	position: relative;
}

.tab-c .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tab-c .inner figure {
	position: relative;
}

.tab-c .inner figcaption {
	position: absolute;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	top: 15px;
	left: 20px;
	margin-bottom: 0;
	overflow: hidden;
}

.tab-c .inner .reef-safe-products {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.tab-c .inner .reef-safe-products figure {
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 15px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tab-c .inner .reef-safe-products figure img {
	margin-bottom: 12px;
}

.spf-label {
	display: block;
	width: 47px;
	height: 47px;
	border-radius: 50%;
	background-color: #fe8e17;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	line-height: 14px;
	color: #fff;
	padding-top: 10px;
	letter-spacing: 0.075;
	position: absolute;
	right: -10px;
	top: 0;
}

@media screen and (max-width: 770px) {
	.tabs-nav li {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.tabs-nav li a {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.tabs-nav>li.active:after {
		left: 0;
	}
	.tabs-nav li {
		padding-right: 10px;
	}
	.tabs-nav li:last-child {
		padding-right: 0;
	}
	.tabs-nav li i {
		padding-bottom: 10px;
	}
	.tabs-nav li i {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.tabs-nav li p {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.tabs-nav li.active:after {
		left: 0 !important;
		width: 80% !important
	}
}

@media screen and (min-width: 691px) and (max-width: 1165px) {
	#tab-content-1 figure {
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	#tab-content-1 figure:first-child {
		border-left: none;
	}
	#tab-content-1 figure:last-child {
		border-right: none;
	}
}

@media screen and (max-width: 690px) {
	.tab-c .inner {
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#tab-content-2.tab-c .inner {
		-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
	}
	#tab-content-1 figure {
		-webkit-flex-basis: 50%;
		-webkit-flex-grow: 0;
		flex-basis: 50%;
		flex-grow: 0;
	}
	#tab-content-1 figure:last-child {
		-webkit-flex-basis: 100%;
		-webkit-flex-grow: 1;
		flex-basis: 100%;
		flex-grow: 1;
	}
	#tab-content-1 figure {
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	#tab-content-1 figure img {
		width: 100%;
	}
	.tab-c .inner p {
		font-size: 16px !important;
		line-height: 1.5 !important;
	}
}

#tab-content-2 .inner .item-1 {
	width: 395px;
	color: #404040;
	margin-bottom: 0 !important;
}

#tab-content-2 .inner .item-2 {
	min-width: 0;
	flex: 2;
	padding-left: 40px;
}

#tab-content-2 .inner .item-2 img {
	float: right;
}

#tab-content-2 .inner .item-2 img.img-l {
	display: none
}

@media screen and (min-width: 851px) {
	#tab-content-2 .inner .item-2 img.img-l {
		display: block
	}
	#tab-content-2 .inner .item-2 img.img-s {
		display: none
	}
}

@media screen and (max-width: 850px) {
	#tab-content-2 .inner p {
		font-size: 16px !important;
		line-height: 1.5 !important;
		text-align: left;
	}
	#tab-content-3 .inner li {
		font-size: 16px !important;
		line-height: 1.5 !important;
	}
	#tab-content-2 .inner .item-1 {
		width: 45%;
		margin-bottom: 0 !important;
	}
	#tab-content-2 .inner .item-2 {
		min-width: 0;
		flex: 2;
		padding-left: 0;
	}
}

@media screen and (max-width: 690px) {
	.tab-c .inner {
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#tab-content-2 .inner .item-1 {
		width: 100%;
	}
	#tab-content-2 .inner .item-2 {
		min-width: 100%;
		flex: 1;
		padding-top: 20px;
		text-align: center;
	}
	#tab-content-2 .inner .item-2 img {
		padding: 0;
		margin: auto;
		float: none;
	}
}

#tab-content-3 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#tab-content-3 ul {
	margin-top: 25px;
}

#tab-content-3 ul.top-list {
	margin-top: 0;
}

#tab-content-3 li {
	color: #404040;
	margin-bottom: 3px;
	margin-bottom: 3px;
	font-size: 18px;
}

#tab-content-3 li.head {
	font-weight: 600;
}

#tab-content-3 li a {
	color: #404040;
}

#tab-content-3 li a:hover {
	color: #404040;
	text-decoration: none;
}

@media screen and (max-width: 1100px) {
	#tab-content-3.tab-c .inner {
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#tab-content-3.tab-c .inner {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.tab-c .inner .reef-safe-products figure {
		margin-left: 10px;
		margin-right: 10px;
		padding-top: 15px;
		margin-bottom: 15px;
	}
	#tab-content-3 .item-1 {
		width: 25%;
		padding-right: 10px;
	}
	#tab-content-3 .item-2 {
		width: 25%;
	}
	#tab-content-3 .item-3 {
		width: 50%;
	}
}

@media screen and (max-width: 840px) {
	#tab-content-3.tab-c .inner {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	#tab-content-3 .item-1 {
		width: 50%;
		padding-right: 10px;
	}
	#tab-content-3 .item-2 {
		width: 50%;
	}
	#tab-content-3 .item-3 {
		margin-top: 25px;
		width: 100%;
	}
}

@media (max-width: 1149px) {
	.tabs-nav li {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (min-width: 1136px) {
	.break-desktop {
		display: block;
	}
	.tmplSnorkelingSafety #intro {
		padding-bottom: 142px;
	}
	.tmplSnorkelingSafety .wpContent {
		padding-top: 60px;
		padding-bottom: 80px;
	}
	.tmplSnorkelingSafety #snorkelmasks {
		padding-bottom: 80px;
	}
}

@media (max-width: 1024px) {
	.break-mobile {
		display: block;
	}
}

.tmplSnorkelingSafety .wpContent {
	padding-top: 60px;
	padding-bottom: 80px;
}

.tmplSnorkelingSafety #intro {
	padding-top: 0;
}

.tmplSnorkelingSafety #snorkelmasks {
	padding-bottom: 35px;
}

.tmplSnorkelingSafety .tabs-icons_container .wpContent {
	padding-top: 70px;
}

.tmplSnorkelingSafety .wpContent .section-text {
	padding-top: 50px;
}

.tmplSnorkelingSafety .wpContent .section-image img {
	margin-top: 0;
	-webkit-transition: margin .75s ease-in-out;
	transition: margin .75s ease-in-out;
}

.tmplSnorkelingSafety .wpContent .section-image .move_up {
	margin-top: -115px;
}

.tmplSnorkelingSafety .blue-line.white-text {
	color: #fff;
	margin-bottom: 50px;
}

.blue-line {
	position: relative;
}

.tmplSnorkelingSafety .wpContent .blue-line::after,
.tmplSnorkelingSafety .maui-terain-map .blue-line.white-text::after,
.posts-deck-wrapper .blue-line::after {
	content: "";
	position: absolute;
	background-color: #2ab3d4;
	left: 0;
	bottom: -27px;
	margin: auto;
	display: block;
	height: 4px;
	width: 93px;
}

.tmplSnorkelingSafety .maui-terain-map .blue-line.white-text::after,
.posts-deck-wrapper .blue-line::after {
	bottom: -15px;
}

.tmplSnorkelingSafety .maui-terain-map .blue-line.center::after,
.posts-deck-wrapper .blue-line.center::after {
	left: 50%;
	margin-left: -46px;
}

.tmplSnorkelingSafety .map-title {
	margin-top: -220px;
}

.tmplSnorkelingSafety .posts-deck-wrapper .blue-line {
	color: #fff;
	margin-bottom: 55px;
}

.maui-terain-map {
	height: 700px;
	width: 100%;
	background-color: #002c65;
}

@media (min-width: 600px) {
	.maui-terain-map {
		height: 860px;
	}
	.tmplSnorkelingSafety .map-title {
		margin-top: -75px;
	}
}

.map-ocean {
	background-image: url(../../img/map-ocean-bg.jpg);
	background-size: cover;
	background-position: center center;
	height: 860px;
	margin: auto;
	width: 100%;
}

.maui-terain-map .map-maui {
	position: relative;
}

.maui-terain-map .map-point {
	background-color: #fe8e17;
	background-image: linear-gradient(135deg, #fe8e17 0%, #fe6917 50%);
	border-radius: 50%;
	box-shadow: -1px -2px 8px 3px rgba(0,0,0,0.085);
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	height: 38px;
	line-height: 38px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 38px;
	z-index: 100;
}

.maui-terain-map .map-point span {
	display: block;
	position: relative;
	height: 38px;
	width: 38px;
}

.maui-terain-map .map-point span:after {
	content: "";
	border-color: #fe6917 transparent transparent transparent;
	border-style: solid;
	border-width: 12px 12px 0 12px;
	bottom: -7px;
	display: block;
	left: 50%;
	margin-left: -12px;
	position: absolute;
	width: 0;
	height: 0;
}

.maui-terain-map .map-point.current {
	background-color: #fe8e17;
	font-weight: 700;
	font-size: 26px;
}

.maui-terain-map .map-point.current span:after {
	border-color: #fe8e17 transparent transparent transparent;
}

.maui-terain-map .point-1 {
	left: 27.35523809523808%;
	top: 76.29011820330969%;
}

.maui-terain-map .point-2 {
	left: 13.59904761904761904%;
	top: 43.55531914893617%;
}

.maui-terain-map .point-3 {
	left: 33.29505952380952384%;
	top: 73.28605200945626%;
}

.maui-terain-map .point-4 {
	left: 19.755857142857142858%;
	top: 46.588132387706856%;
}

.maui-terain-map .z-top {
	z-index: 201;
}

.tooltipster-media .btn {
	letter-spacing: 0.085em;
	line-height: 1.4;
}

.tooltipster-media .tooltip-content {
	padding: 15px 22px;
}

.tooltipster-media figure {
	margin: 0;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}

.map-tooltip-content figure img {
	height: 200px;
}

.safety-tips-section {
	background-color: #eff5f6;
	width: 100%;
}

.tabs-icons-menu {
	background-color: #fbfbfb;
	border-radius: 4px;
	box-shadow: 0px 0px 43px 0px rgba(3, 23, 9, 0.15);
	list-style: none;
	height: 128px;
	margin-top: -65px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	overflow: hidden;
}

@media (min-width: 1220px) {
	.tabs-icons-menu {
		width: 100%;
	}
}

.tabs-icons-menu.slick-initialized {
	overflow: visible;
}

.tab-link {
	opacity: 0.001;
}

.tabs-icons-menu.slick-initialized .tab-link {
	opacity: 1;
}

.tabs-icons-menu .tab-link {
	background-color: #fbfbfb;
	border-radius: 30px;
	-webkit-flex-grow: 1;
	-webkit-flex-basis: 0;
	flex-grow: 1;
	flex-basis: 0;
	line-height: 1;
	text-align: center;
	position: relative;
	height: 128px;
	box-sizing: border-box;
	-webkit-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}

.tabs-icons-menu .tab-link::before {
	content: "";
	background-color: #efefef;
	height: 84px;
	width: 1px;
	position: absolute;
	left: -1px;
	top: 50%;
	margin-top: -42px;
}

.tabs-icons-menu .tab-link a {
	/* background-color: #fbfbfb; */
	border-radius: 0;
	color: #9c9c9c;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 0.07em;
	text-decoration: none;
	text-transform: uppercase;
	min-height: 128px;
	height: 100%;
	width: 100%;
	position: absolute;
	box-sizing: border-box;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}


.tabs-icons-menu figure {
	margin-top: 14px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: center;
	height: 60px;
	width: 100%;
}

.tabs-icons-menu figure img {
	margin-left: auto;
	margin-right: auto;
	max-width: 60px;
	opacity: .3;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.tabs-icons-menu .tab-link.active {
	height: 134px;
	margin-top: -6px;
	box-shadow: 0px 0px 10px 0px rgba(3, 23, 9, 0.08);
	z-index: 90;
}

.tabs-icons-menu .tab-link.active::before {
	display: none;
}

.tabs-icons-menu .tab-link.active + .tab-link::before {
	display: none;
}

.tabs-icons-menu .tab-link a:hover {
	color: #404040;
}

.tabs-icons-menu .tab-link.active a {
	background: #fff;
	color: #404040;
}

.tabs-icons-menu .tab-link a:hover figure img,
.tabs-icons-menu .tab-link.active figure img {
	opacity: 1;
}

.tabs-icons-menu .tab-snorkel-with-buddy figure img {
	max-width: 65px;
}

.tabs-icons-menu span {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: auto;
	padding-bottom: 10px;
	max-width: 85px;
	text-align: center;
}

.tabs-icons_container .pre-title {
	line-height: 1;
	margin-bottom: 30px !important;
}

.tab-content-text.grid-50 {
	margin: auto;
	max-width: 590px;
	padding-left: 15px;
	padding-right: 15px;
}

.tab-content-image {
	margin: auto;
	max-width: 458px;;
	padding-left: 15px;
	padding-right: 15px;
}

.tab-content-image img {
	margin: auto;
}

.tab-slider-js .slick-dots {
    text-align: center;
}

@media (min-width: 1025px) {
	.tab-content-text.grid-50 {
		margin: auto;
		max-width: 575px;
		padding-left: 15px;
		padding-right: 0;
	}
	.tab-content-image {
		margin-left: 0;
		max-width: 100%;
		padding-left: 0;
		padding-right: 15px;
	}
	.tab-slider-js .slick-dots {
		text-align: left;
	}
}