html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	color: #183b57;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 1.25em;
}

a {
	color: #9966cc;
}
a:hover {
	text-decoration: underline;
	color: #cc99cc;
}
a:focus {
	text-decoration: none;
	outline: none;
	color: #cc99cc;
}

img {
	max-width: 100%;
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
}

h1 {
	color: #333333;
	font-size: 24px;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}
h2 {
	color: #660099;
	font-size: 24px;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}
h3 {
	color: #660099;
	font-size: 22px;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}
h4 {
	color: #333333;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5em;
	margin: 0px 0px 10px 0px;
}

hr {
	background-image: url("../img/wave_hr.png");
	background-repeat: repeat-x;
	display: block;
	height: 20px;
	width: 100%;
	border: none;
	margin: 25px 0;
}

p {
	margin: 0 0 20px;
	font-size:16px;
	line-height:1.5em;
	font-family: 'Poppins', sans-serif;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.editor {
	margin-bottom: 15px;
}
.editor.art {
	position: relative;
	padding-top: 50px;
}
.editor.art:after {
	display: none;	
}
.editor h2 {
	font-family: 'Dela Gothic One', cursive;
	font-size: 34px;
	color: #183b57;
	line-height: 1.25em;
}
.editor h3 {
	font-family: 'Dela Gothic One', cursive;
	font-size: 28px;
	color: #4694ab;
	line-height: 1.25em;
}
.editor h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.25em;
	margin-bottom: 0px;
	color: #183b57;
}
.editor h5 {
	font-family: 'Poppins', sans-serif;
	font-size: 24px;
	line-height: 1.25em;
	color: #4694ab;
}
.editor h6 {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25em;
	color: #183b57;
}
.editor a {
	color: #4694ab;
	text-decoration: underline;
}
.editor a:hover, .editor a:focus {
	color: #183b57;
}
.editor ul {
	margin-bottom: 15px;
}
.editor ul > li {
	list-style-type: disc;
	line-height: 1.5em;
	margin: 0 0 0 25px;
	padding: 0 0 0 5px;
}
.editor + .recommend {
	margin-top: 100px;
}

.heading {
	color: #183b57;
    font-family: 'Dela Gothic One', cursive;
	font-size: 24px;
	margin-bottom: 25px;
	position: relative;
}
.heading1 {
	color: #183b57;
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 25px;
	position: relative;
}
.heading2 {
	color: #183b57;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	position: relative;
}
.heading3 {
	color: #4694ab;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
	position: relative;
}
.heading-art {
	position: relative;
	padding-right: 80px;
	display: inline-block;
}
.heading-art:after {
	content: "";
	background-image: url("../img/splash_heading1.png");
	background-size: cover;
	display: block;
	height: 66px;
	width: 54px;
	position: absolute;
	top: -6px;
	right: 0px;
}
.heading1.inverse {
	color: #fff !important;
}
.heading-art.inverse:after {
	background-image: url("../img/splash_heading1_inverse.png");
}
.heading-icon-left {
	margin-right: 5px;
}
.heading-wave {
	margin-bottom: 8px;
	padding-bottom: 15px;
}
.heading-wave:after {
	content: "";
	background-image: url("../img/wave-art.png");
	background-size: cover;
	display: block;
	height: 12px;
	width: 77px;
	position: absolute;
	top: auto;
	left: 0px;
	bottom: 0px;
}

.pageTitle {
	font-family: 'Dela Gothic One', cursive;
	font-size: 38px;
	line-height: 1.25em;
	margin: 0px;
	padding: .25em .5em;
	color: #ffdf02;
	display: inline-block;
	position: relative;
	z-index: 1;
}
.pageTitle:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(24,59,87,.75);
	z-index: -1;
}

.btn-default {
	background-color:#ffdf02;
	border-radius: 20px;
	border: 1px solid #ffdf02;
	color: #183b57;
	font-size: 15px;
	font-weight: 600;
	padding: 15px 30px;
	text-transform: uppercase;
	text-decoration: none !important;
	/*display: flex;
	align-items: center;*/
}
.btn-default.arrow {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px 5px 20px;
}
.btn-default.arrow:after {
	content: "";
	display: flex;
	background-image: url("../img/arrow-right.png");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
	width: 44px;
	height: 28px;
}
.btn-default:hover, .btn-default:focus {
	background: none;
	color: #183b57;
}
.btn-default.footer {
	border-radius: 10px;
	padding: 1em;
	display: flex;
	margin: 10px 0;
	text-transform: none;
	font-family: 'Dela Gothic One', cursive;
	font-size: 18px;
	justify-content: space-between;
}
.btn-default.inverse:hover, .btn-default.inverse:focus,
.btn-default.footer:hover, .btn-default.footer:focus{
	color: #ffdf02 !important;
}
.btn-default.inverse:hover.arrow:after,
.btn-default.footer:hover.arrow:after {
	background-image: url("../img/arrow_right_yellow.png");
}
.btn-transparent.arrow.rotate:after {
 	transform: rotate(90deg);
}

.icon-left i {margin-right: 5px;}
.icon-right i {margin-left: 5px;}

.btn-labeled {
	background: #ffdf02;
	border: 1px solid #ffdf02;
	border-radius: 20px;
	color: #183b57 !important;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 20px;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: 0.3s;
}
.btn-labeled span {
	border-right: 2px solid #fff;
	margin-right: 10px;
	padding-right: 10px;
	transition: 0.3s;
}
.btn-labeled.disabled {
	background: #dcf8ff;
	border: 1px solid #dcf8ff;
	color: #183b57;
	cursor: auto;
	opacity: 1;
	pointer-events: none;
}
.btn-labeled:hover, .btn-labeled:focus {
	background: none;
	color: #183b57;
}
.btn-labeled:hover span, .btn-labeled:focus span {
	border-right: 2px solid #183b57;
}

.btn-transparent {
	background: none;
	border-radius: 20px;
	color: #99e6f3;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 7px 2px;
	text-decoration: none !important;
	text-transform: uppercase;
	/*display: flex;
	align-items: center;*/
}
.btn-transparent.arrow {
	display: inline-flex;
	align-items: center;
}
.btn-transparent.arrow:after {
	content: "";
	display: flex;
	background-image: url("../img/arrow_right_lightlblue.png");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
	width: 44px;
	height: 28px;
}
.btn-transparent:hover, .btn-transparent:focus {
	color: #ffdf01;
}

.btn-text {
	color: #000;
	font-size: 16px;
	text-decoration: none !important;
}
.btn-text:hover, .btn-text:focus {
	background: none;
	color: #4694ab;
}

.wrapper {
	max-width: 1440px;
	padding: 0 150px;
	margin: 0 auto;
	width: 100%;
	position: relative;
}

.nav-wrapper {
	max-width: 1440px;
	padding: 0 150px;
	margin: 0 auto;
	width: 100%;
	position: relative;
}

header {
	background: #fff;
	border-bottom: 10px solid #ffdf01;
	position: relative;
	z-index: 100;
}

.logo {
	width: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.logo img {
	/*width: 170px;*/
	position:absolute;
	top:-38px;
	left:0px;
}

.seo-pagetitle {
	clip: rect(1px,1px,1px,1px);
	border: 0;
	clip-path: inset(0px 0px 99.9% 99.9%);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.home .logo {
	width: 300px;	
}

.logo-mobile {
	margin-bottom: 25px;
	display: flex;
	justify-content: center;
}
.logo-mobile img {
	max-width: 200px;
	width: 100%;
}

.navbar.main {
	background-color: #ffdf01;
	padding: 0px;
	z-index: 10;
}
.navbar.main ul {
    display: flex;
    align-items: center;
}
.navbar.main ul li {
	width: 33%;
	text-align: center;
}
.navbar.main .nav-item > a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px 25px;	
	color: #183b57;
    font-family: 'Dela Gothic One', cursive;
	font-size: 16px;
}
.navbar.main ul li a:hover, .navbar.sub ul li a:active, .navbar.main ul li a:focus {
	background-color: #183b57 !important;
	color: #ffdf02 !important;
}
.navbar.main .nav-item > a {
	border-left: 1px solid #fff;
}
.navbar.main .nav-item:last-child > a {
	border-right: 1px solid #fff;	
}
.navbar.main .nav-item > a .icon {
	max-width: 40px;
	width: 100%;
	margin-right: 10px;
}
.navbar.main .nav-item > a:hover .icon,
.navbar.main .nav-item > a:focus .icon {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.navbar.main .dropdown-menu {
	width: 100%;
	border: none;
	border-radius: 0px;
	margin: auto;
	padding: 0px;
}
.navbar.main .dropdown-menu.up {
	top: auto;
	bottom: 100%;
}
.navbar.main .dropdown-item {
	border-bottom: 1px solid #183b57;
	font-size: 15px;
	font-weight: 600;
	padding: 15px 25px;	
}
.navbar.main .dropdown-item:focus, .navbar.main .dropdown-item:hover {
	background-color: #b3ecf6;
	color: #183b57;
}
.navbar.main .dropdown-item.font {
	font-size: 1.1em;
	font-weight: 400;
}
.navbar.home .nav-item > a .icon {
	max-width: 50px;
}

.navbar.home {
	background: none;
}
.navbar.home ul {
	display: flex;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	flex-direction: row;
	flex-wrap: wrap;
}
.navbar.home ul li {
	flex: 32%;
}
.navbar.home .nav-item > a {
	background-color: #ffdf01;
	border: none;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.dropdown-toggle::after {
    content:'\f078';
    display:block;
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
	border: none;
	height: auto;
	width: auto;
}
.dropdown-toggle.up::after {
    content:'\f077';
}

/* navbar mobile */
.navbar.mobile {
	padding: 0px;
	z-index: 10;
	display: block;
}
.navbar.mobile ul {

}
.navbar.mobile ul li {
	text-align: center;
	margin-bottom: 10px;
}
.navbar.mobile .nav-item > a {
	display: flex;
	align-items: center;
	padding: 2px 25px;
	background-color: #ffdf01;
	color: #183b57;
    font-family: 'Dela Gothic One', cursive;
	font-size: 16px;
}
.navbar.mobile ul li a:hover, .navbar.mobile ul li a:active, .navbar.mobile ul li a:focus {
	background-color: #183b57 !important;
	color: #ffdf02 !important;
}
.navbar.mobile .nav-item > a {
	border-left: 1px solid #fff;
}
.navbar.mobile .nav-item:last-child > a {
	border-right: 1px solid #fff;	
}
.navbar.mobile .nav-item > a .icon {
	max-width: 40px;
	width: 100%;
	margin-right: 10px;
}
.navbar.mobile .nav-item > a:hover .icon,
.navbar.mobile .nav-item > a:focus .icon {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.navbar.mobile .dropdown-menu {
	width: 100%;
	border: none;
	border-radius: 0px;
	margin: auto;
	padding: 0px;
	position: relative;
}
.navbar.mobile .dropdown-menu.up {
	top: auto;
	bottom: 100%;
}
.navbar.mobile .dropdown-item {
	border-bottom: 1px solid #183b57;
	font-size: 15px;
	font-weight: 600;
	padding: 15px 25px;	
}
.navbar.mobile .dropdown-item:focus, .navbar.mobile .dropdown-item:hover {
	background-color: #b3ecf6;
	color: #183b57;
}
.navbar.mobile .dropdown-item.font {
	font-size: 1.1em;
	font-weight: 400;
}
/* End Mobile Nav */

.mobile-utility {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 15px 0;
}
.mobile-utility > li {
	display: flex;
}
.mobile-utility > li a {
	color: #183b57;
	font-size: 15px;
	font-weight: 600;
	padding: 15px;
}

.utility > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
	position: relative;
}
.utility > div ul {
    display: flex;
    margin: 0;
    padding: 2em 0;
    list-style: none;
}
.utility > div ul > li {
    margin: 0 1rem;
}
.utility > div ul > li a {
	color: #183b57;
	font-size: 15px;
	font-weight: 600;
}
.utility > div ul > li a.btn-default {
	padding: 7px 25px;	
}

.breadcrumb {
	background: none;
	line-height: 1.25em;
	padding: 0px;
	margin-bottom: 10px;
}
.breadcrumb-item.active {
	font-weight: 600;
}
.breadcrumb-item.active, 
.breadcrumb a {
	color: #000;
}
.breadcrumb-item + .breadcrumb-item::before {
    content:'\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    color:#000;
    font-size:9px;
}

/*.page {
	padding: 0 0 150px 0;
}*/

.page-header {
	height: 330px;
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.page-header::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1fb2d0+0,1fb2d0+50,1fb2d0+100&1+0,0.2+100 */
	background: -moz-linear-gradient(left,  rgba(31,178,208,1) 0%, rgba(31,178,208,0.6) 50%, rgba(31,178,208,0.2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(31,178,208,1) 0%,rgba(31,178,208,0.6) 50%,rgba(31,178,208,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(31,178,208,1) 0%,rgba(31,178,208,0.6) 50%,rgba(31,178,208,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fb2d0', endColorstr='#331fb2d0',GradientType=1 ); /* IE6-9 */
}
.page-header-container {
	padding: 3em 0;
}

.page-body {
	padding: 4em 0 7em 0;
	position: relative;
	z-index: 45;
}
.page-body:before {
	content: "";
	position: absolute;
	left: auto;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../img/background_texture.png);
	background-size: auto;
	background-position: center top;
	background-repeat: no-repeat;
}
.page-body .wrapper {
	padding-top: 50px;
	padding-right: 250px;
}
.full .page-body .wrapper {
	padding-right: 150px;	
}
.full .page-body {
	z-index: 55;
}

.art:before {
	content: "";
	background-image: url("../img/wave-art.png");
	display: block;
	height: 12px;
	width: 77px;
	position: absolute;
	top: 0px;
}
.art:after {
	content: "";
	background-image: url("../img/splash_editor.png");
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	height: 186px;
	width: 146px;
	position: absolute;
	top: 0px;
	right: 15px;
}

.marquee {
	height: 80vh;
	min-height: 700px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: relative;
	background-position: center;
}
.marquee:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00bad7+0,00bad7+50,183b57+100&0.2+35,0.8+50,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,186,215,0.2) 0%, rgba(0,186,215,0.2) 35%, rgba(0,186,215,0.8) 50%, rgba(24,59,87,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,186,215,0.2) 0%,rgba(0,186,215,0.2) 35%,rgba(0,186,215,0.8) 50%,rgba(24,59,87,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,186,215,0.2) 0%,rgba(0,186,215,0.2) 35%,rgba(0,186,215,0.8) 50%,rgba(24,59,87,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3300bad7', endColorstr='#183b57',GradientType=0 ); /* IE6-9 */
}
.marquee .wave-overlay {
	position: absolute;
	top: auto;
	left: 0;
	bottom: 0px;
	height: 140px;
	width: 100%;
	background-image: url("../img/wave_pattern.png");
}
.marquee-wrapper {
	margin-bottom: 100px;
	padding: 0 15px;
	position: relative;
	max-width: 1140px;
	width: 100%;
	z-index: 10;
}
.marquee-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-bottom: 7px;
	max-width: 1140px;
	width: 100%;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	overflow: hidden;
}
.marquee .image {
	height: 210px;
	/*width: 350px;*/
	flex: 0 0 30%;
	background-position: center;
	background-repeat: no-repeat;
}
.marquee .details {
	background: rgba(26,69,95,.9);
	padding: 2em 3em;
	flex: 1 0 70%;
}
.marquee .details .title {
	color: #fff;
	font-size: 24px;
	margin-bottom: 10px;
}
.marquee .details .line1 {
	color: #fff;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.25em;
}

.home-main {
	padding: 5em 0;
	position: relative;
	xz-index: 10;
	background-color: #e5f9fc;
	background-image: url(../img/background_homepage.png);
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
}
.home-main .wrapper {
	position: relative;
	z-index: 1;
}
/*.home-main:before {
	content: "";
	position: absolute;
	left: auto;
	top: 0px;
	width: 100%;
	height: 871px;
	background-image: url(../img/home-main-bg-top.png);
	background-size: auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}*/
/*.home-main:after {
	content: "";
	position: absolute;
	left: auto;
	top: auto;
	bottom: 0px;
	width: 100%;
	height: 871px;
	background-image: url(../img/home-main-bg-bottom.png);
	background-size: auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}*/

.description {
	color: #183b57;
	text-align: center;
	padding: 2em 0;
	margin-bottom: 25px;
	max-width: 900px;
	width: 100%;
	position: relative;
	margin: auto;
}
.description .line1 {
	color: #183b57;
	font-size: 20px;
    font-weight: 600;
}
.description h2 {
	color: #183b57;
    font-family: 'Dela Gothic One', cursive;
	font-size: 32px;
	margin-bottom: 20px;
	padding-bottom: 25px;
	position: relative;
}
.description h2:before {
	content: "";
	background-image: url("../img/wave-art.png");
	display: block;
	height: 12px;
	width: 77px;
	position:absolute;
	bottom: 0px;
	top:auto;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.attraction-panel {
	padding: 2em 0 1em 0;
}
.attraction-home .item {
	border-radius: 10px;
	overflow: hidden;
	background-color: #183b57;
}
.attraction-home .item .image {
	height: 450px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.attraction-home .item .image:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#183b57+0,183b57+35,183b57+80&0.95+0,0.85+35,0+80 */
	background: -moz-linear-gradient(left,  rgba(24,59,87,0.95) 0%, rgba(24,59,87,0.85) 35%, rgba(24,59,87,0) 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(24,59,87,0.95) 0%,rgba(24,59,87,0.85) 35%,rgba(24,59,87,0) 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(24,59,87,0.95) 0%,rgba(24,59,87,0.85) 35%,rgba(24,59,87,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2183b57', endColorstr='#00183b57',GradientType=1 ); /* IE6-9 */
}
.attraction-home .item .details {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 45px 0 0 45px;
	width: 300px;
}
.attraction-home .item .details h4 {
	color: #fff;
    font-family: 'Dela Gothic One', cursive;
	font-size: 32px;
}
.attraction-home .item .details p {
	color: #fff;
	font-size: 1.25em;
	line-height: 1.25em;
}
.attraction-home .item .image span {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #ffdf02;
	color: #183b57;
	font-size: 20px;
	padding: 10px 15px;
}

.attraction-cats {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 2rem;
	margin-bottom: 25px;
}
.attraction-cats .item {
	background: #183b57;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	/*flex: 32%;*/
	flex: 1;
}
.attraction-cats .item .image {
	height: 200px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.attraction-cats .item-footer {
	position: relative;
	padding: 1em 1em 8em 1em;
}
.attraction-cats .item .item-footer:after {
	content: "";
	background-image: url("../img/arrow_right_yellow.png");
	background-position: left;
	background-repeat: no-repeat;
	background-size: 80%;
	display: block;
	height: 28px;
	width: 45px;
	position: absolute;
	top: auto;
	bottom: 15px;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
	transition: left .5s ease;
}
.attraction-cats .item:hover .item-footer:after {
	left: 54%;
}
.attraction-cats .item .icon {
	position:absolute;
	top:-85px;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.grid-panel {
	margin-top: 50px;
	margin-bottom: 80px;
}

.grid {
	margin-bottom: 25px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 2rem;
	/*display: grid;
	grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
	grid-gap: 1.5rem;
	justify-items: center;
	margin: 0;
	padding: 0;
	grid-auto-rows: 1fr;*/
}
.grid .item {
	flex: 1 0 30%;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	overflow: hidden;
}
.grid .item .item-header .image {
	height: 200px;
	background-position: center;
	transition: transform .5s ease;
}
.grid .item .title {
	background-color: #183b57;
	padding: 1em;
	min-height: 87px;
}
.grid .item .title h4 {
	color: #7ae7f4;
    font-family: 'Dela Gothic One', cursive;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.25em;
	margin: auto;
}
.grid .item .title h4 span {
	color: #fff;
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: .75em;
	font-weight: 600;
	line-height: 1em;
}
.grid .item .item-header {
	xdisplay: grid;
	margin: 0;
	padding: 0;
	xgrid-auto-rows: 150px 125px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.grid .item .item-footer {
	border: 2px solid #00bad7;
	border-top: none;
	padding: 1em;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.grid .item .item-footer p {
	font-size: 14px;
}

.list {
	display: flex;
	flex-direction: column;
}
.list .item {
	flex: 0 1 auto;
	flex-grow: 1;
	margin-bottom: 25px;
	border-radius: 10px;
	overflow: hidden;
}
.list .item .card-header {
	background: #183b57;
	color: #7ae7f4;
	font-family: 'Dela Gothic One', cursive;
	font-size: 20px;
	font-weight: 500;
	margin: auto;
}
.list .item .card-header.icon {
	background-repeat: no-repeat;
	background-position: calc(100% - 1em) center;
	background-size: 35px;
	padding-right: 75px;
}
.list .item .card-body {
	display: flex;
	background: #fff;
	border: 2px solid #00bad7;
	border-top: none;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.list .item .card-body div {
	flex: 0 1 auto;

}
.list .item .card-body .details {
	padding: 0em 1em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}
.list .item .card-body .image {
	flex: 0 0 33%;
}

.overview-grid {
	margin-bottom: 25px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 2rem;
	/*display: grid;
	grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
	grid-gap: 1.5rem;
	justify-items: center;
	margin: 0;
	padding: 0;
	grid-auto-rows: 1fr;*/
}
.overview-grid .item {
	flex: 1 0 30%;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	xflex-wrap: wrap;
	justify-content: space-between;
	text-decoration: none;
	transition: box-shadow .3s;
}
.overview-grid .item:hover {
	xbox-shadow: 0 0 10px rgba(0,0,0,.5); 
}
.overview-grid .item .title {

}
.overview-grid .item .title.icon {
	background-repeat: no-repeat;
	/*background-position: calc(100% - 1em) center;*/
	background-position: calc(100%) center;
	background-size: 45px;
	padding-right: 75px;
}
.overview-grid .item .title h4 {
	color: #7ae7f4;
    font-family: 'Dela Gothic One', cursive;
	font-size: 22px;
	font-weight: 500;
	margin: auto;
}
.overview-grid .item .title h4 span {
	color: #fff;
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: .75em;
	font-weight: 600;
	line-height: 1em;
}
.overview-grid .item .item-header {
	xdisplay: grid;
	margin: 0;
	padding: 0;
	height: 200px;
	width: 100%;
	xgrid-auto-rows: 150px 125px;
}
.overview-grid .item .item-header .image {
	height: 100%;
	background-position: center;
	transition: transform .5s ease;
}
.overview-grid .item:hover .item-header .image {
	transform: scale(1.05);
}
.overview-grid .item .item-footer {
	background-color: #183b57;
	padding: 1em 1em 3em 1em;
	position: relative;
}
.overview-grid .item .item-footer:after {
	content: "";
	background-image: url("../img/arrow_right_yellow.png");
	background-position: left;
	background-repeat: no-repeat;
	background-size: 80%;
	display: block;
	height: 28px;
	width: 45px;
	position: absolute;
	top: auto;
	left: 15px;
	bottom: 15px;
	transition: left .5s ease;
}
.overview-grid .item:hover .item-footer:after {
	left: 40px;
}

.subnav-grid {
	padding-top: 25px;
	margin-top: 40px;
	margin-bottom: 25px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 2rem;
}
.subnav-grid .item {
	width:calc((100% - 4rem) / 3);
	background: #fff;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 50px;
	text-decoration: none;
	transition: box-shadow .3s;
	position: relative;
}
.subnav-grid .item:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.5); 
}
.subnav-grid .item .title {
	background-color: #183b57;
	padding: 1.5em 1em 1em 1em;
	text-align: center;
	min-height: 95px;
}
.subnav-grid .item .title h4 {
	color: #7ae7f4;
    font-family: 'Dela Gothic One', cursive;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.25em;
	margin: auto;
	position: relative;
	z-index: 2;
}
.subnav-grid .item .item-header {
	xdisplay: grid;
	margin: 0;
	padding: 0;
}
.subnav-grid .item .item-header .image {
	xheight: 150px;
	background-position: center;
	background-size: cover;
	overflow: hidden;
	transition: transform .5s ease;
	padding-top: 56.25%;
}
/*.subnav-grid .item:hover .item-header .image {
	transform: scale(1.05);
}*/
.subnav-grid .item .item-footer {
	background-color: #183b57;
	padding: 1em 1em 3em 1em;
	position: relative;
}
.subnav-grid .item .item-footer:after {
	content: "";
	background-image: url("../img/arrow_right_yellow.png");
	background-position: left;
	background-repeat: no-repeat;
	background-size: 80%;
	display: block;
	height: 28px;
	width: 45px;
	position: absolute;
	top: auto;
	left: 15px;
	bottom: 15px;
	transition: left .5s ease;
}
.subnav-grid .item:hover .item-footer:after {
	left: 40px;
}
.subnav-grid .item .item-footer.center:after {
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.subnav-grid .item:hover .item-footer.center:after {
	left: 54%;
}
.subnav-grid .icon {
    width: 60%;
    border-radius: 50%;
    padding: 70% 0 0 0;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translate(-50%, 0);
	background-color: #183b57;
	display: flex;
	justify-content: center;
	align-items: baseline;
}
.subnav-grid .icon{
    width:120px;
    height:100px;
    padding:10px 0 0 0;
}
.subnav-grid .inner {
	overflow: hidden; 
	border-radius: 10px;
}

.filter-bar {
	margin: 15px 0;
}
.filter-bar ul {
	display: flex;
}
.filter-bar ul > li {
	margin-right: 15px;
	margin-bottom: 10px;
}
.filter-bar ul a {
	background-color: #fff;
	border: 1px solid #99e6f3;
	border-radius: 10px;
	color: #183b57;
	display: block;
	font-size: 20px;
	padding: 10px 15px;
	text-decoration: none;
}
.filter-bar ul a:hover, .filter-bar ul a:focus {
	background: #ffdf02;	
}
.filter-bar ul a.selected {
	background: #ffdf02;	
}

.attractions-panel {
	padding-top: 15px;
}
.attractions .item {
	display: flex;
	margin-bottom: 30px;
	background: #fff;
	border: 2px solid #99e6f3;
	border-radius: 10px;
	overflow: hidden;
	min-height: 200px;
}
.attractions .item .image {
	flex: 0 0 33%;
	overflow: hidden;
	position: relative;
}
.attractions .item .image > div {
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: transform .5s ease;
}
.attractions .item .image:hover > div {
	transform: scale(1.05);
}
.attractions .item .details {
	padding: 1em 2em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.attractions .item .details h4 {
	margin: 0 0 5px 0;
}
.attractions .item .details p {
	line-height: 1.25em;	
}
.attractions .item .image span {
	position: absolute;
	top: 0;
	right: 0;
	background-color:#ffdf02;
	color: #183b57;
	font-size: 18px;
	padding: 5px 10px;
}

.dining {
	margin-bottom: 50px;
}
.dining .heading {
	color: #183b57;
    font-family: 'Dela Gothic One', cursive;
	font-size: 24px;
}
.dining .item {
	display: flex;
	margin-bottom: 25px;
	background: #fff;
	border: 2px solid #00bad7;
	border-radius: 10px;
	overflow: hidden;
}
.dining .item .image {
	flex: 0 0 33%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	min-height: 225px;
}
.dining .item .details {
	padding: 1em 1.5em;
}
.dining .item .image span {
	position: absolute;
	top: 0;
	right: 0;
	background-color:#ffdf02;
	color: #183b57;
	font-size: 18px;
	padding: 5px 10px;
}

.rides {
	position: relative;
	margin-top: -350px;
}
.rides .gallery {
	position: relative;
}
.rides .gallery .pageTitle {
	position: absolute;
	top: 25px;
	left: 25px;
}
.rides .gallery .bx-wrapper {
	-webkit-box-shadow: 1px -3px 10px 1px #383838;
	box-shadow: 1px -3px 10px 1px #383838;
	border-radius: 10px;
}

/*.rides .gallery img {
	border-radius: 20px;
}*/
.rides .snapshot {
	display: flex;
	margin-bottom: 50px;
}
.rides .specs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}
.rides .specs .item {
	background: #fff;
	border-radius: 10px;
	border: 2px solid #99e6f3;
	color: #00bad7;
	font-size: 18px;
	display: flex;
	flex-direction: column;
	xflex-basis: 100%;
	xflex: 50%;
	justify-content: center;
	padding: 1em 2em;
	position: relative;
}
.rides .specs label {
	color: #183b57;
	font-size: 14px;
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
}
.rides .specs .item span {
	display: inline-block;
}
.rides .specs .item span:after {
	content: ",";
}
.rides .specs .item span:last-child:after {
	content: "";
}
.rides .specs .icon {
	position: relative;
	padding-left: 90px;
	height: 103px;
}
.rides .specs .icon:before {
	content: "";
	position:absolute;
	top:50%;
	left:15px;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	background-size: auto;
	background-position: center top;
	background-repeat: no-repeat;
}
.rides .specs .icon.height:before {
	width: 42px;
	height: 45px;
	background-image: url(../img/icon_height.png);
}
.rides .specs .icon.age:before {
	width: 55px;
	height: 45px;
	background-image: url(../img/icon_age.png);
}
.rides .specs .icon.capacity:before {
	width: 39px;
	height: 45px;
	background-image: url(../img/icon_double.png);
}
.rides .specs .icon.weight:before {
	width: 50px;
	height: 51px;
	background-image: url(../img/icon_weight.png);
}
.rides .specs .split {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
	line-height: 1em;
	padding-right: .5em;
	padding-top: .5em;
}
.rides .specs .split label {
	margin: 0px;
}
.rides .snapshot .video {
	flex: 0 0 35%;
	border-radius: 10px;
	margin-left: 10px;
	position: relative;
	overflow: hidden;
}


.video {
	position: relative;
}
.video .overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.5);
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
 .video .overlay i {
	color: #00bad7;
	font-size: 48px;
}
.video.inline {
	float: right; 
	max-width: 400px; 
	width: 100%;
	margin: 0 0 25px 25px;
	position: relative;
	z-index: 1;
}
.video.inline a {
	display: block;
}
.video:hover .overlay {
	background: rgba(0,0,0,.3);
}

.gallery-theme + div {
	margin-top: 50px;
}
.gallery-theme .bx-wrapper {
	border: none;
}
.gallery-theme .bx-wrapper .bx-pager {
	background: none;
	padding: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gallery-theme .bx-wrapper .bx-pager.bx-default-pager a {
	background: #183b57;
	color: #fff;
}
.gallery-theme .bx-wrapper .bx-pager.bx-default-pager a:hover, .gallery-theme .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ffdf02;
	color: #183b57;
}

.gallery {
	position: relative;
}
.gallery .caption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: rgba(24,59,87,.8);
	color: #fff;
	padding: 1em;
}
.gallery.sub {
	margin-bottom: 25px;
}
.gallery .item img {
	border-radius: 10px;
}


.map {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 1rem;
}
.map .widget-frame {
	position: relative;
	padding-bottom: 40%;
	height: 0;
	overflow: hidden;
	max-width: 700px;
	width: 100%;
}
.widget-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/*.sideNav {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 1rem;
}
.sideNav .item {
	flex: 0 0 32%;
}
*/
.button-bar {
	display: flex;
	margin-top: 10px;
}
.button-bar.image img {
	width: auto;
}
.button-bar.right {
	justify-content: flex-end;
}
.button-bar.center {
	justify-content: center;
}

.explore {
	background-image: url(../img/Explore-the-park.jpg);
	background-position: center;
	background-size: cover;
	background-color: #757575;
	padding: 3em 0 8em 0;
	position: relative;
}
.explore .wrapper {
	position: relative;
	z-index: 1;
}
.explore:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,186,215,.8);
}
.explore:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: auto;
	top: auto;
	width: 100%;
	height: 871px;
	background-image: url(../img/explore_wave.png);
	background-size: auto;
	background-position: center bottom;
	background-repeat: repeat-x;
}

.subscribe-panel {
	position: relative;
	margin-top: -115px;
	padding-bottom: 4em;
	z-index: 50;
}
.subscribe-panel > div {
	display: flex;
	xalign-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 1em;
	padding: 15em 0 3em 0;
}
.subscribe-panel:before {
	content: "";
	background-image: url("../img/flip_newsletter.png");
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: top center;
	display: block;
	position:absolute;
	top:auto;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
	height: 204px;
	width: 280px;
}
.subscribe-panel .form-container {
	max-width: 500px;
	width: 100%;
	margin: auto;
	text-align: center;
}
.subscribe-panel .wrapper {
	max-width: 1100px;	
}
.subscribe-panel .ctct-gdpr-text {
	color: #757575 !important;
	margin-bottom: 10px !important;
}
.subscribe-panel div.ctct-form-embed form.ctct-form-custom label.ctct-form-label {
	margin: auto;
}
.subscribe-panel .ctct-form-button {
	font-weight: 700;	
}
.subscribe-panel div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
	border: 1px solid #99e6f3;
	border-radius: .25em;
}
.subscribe-panel div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {
	margin-bottom: 8px !important;
	display: flex;
	gap: 2em;
}
.subscribe-panel .ctct-form-embed.form_1 .ctct-form-defaults {
	padding: 0px;
}
.subscribe-panel .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button {
	display: inline-flex;
	font-size: 15px;
	width: auto;
	border-radius: 20px;
	padding: 10px 20px;
}
.subscribe-grid {
	display: flex;
}

.subscribe-panel.top {
	margin: auto;
	padding: 0px;
}
.subscribe-panel.top:before {
	display: none;	
}
.subscribe-panel.top > div {
	padding: 0px;
}
.subscribe-panel.top .ctct-form-embed.form_1 .ctct-form-defaults {
	background: none;
}

.prefooter {
	padding-top: 3em;
}

footer {
	background: #183b57;
	background-image: url(../img/footer_background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding-bottom: 30px;
}
.footer-inner {
	padding-top: 120px;
}

.footer-contact {
	position: relative;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
}
.footer-contact .callout_text .line1 {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}
.footer-contact .callout_text .line2 {
	color: #ffdf02;
    font-family: 'Dela Gothic One', cursive;
	font-size: 36px;
	line-height: 1.25em;
	padding-bottom: 30px;
	position: relative;
}
.footer-contact .callout_text .line2:before {
	content: "";
	background-image: url("../img/wave-art.png");
	display: block;
	height: 12px;
	width: 77px;
	position: absolute;
	bottom: 0px;
}
.footer-contact .phone a {
	color: #99e6f3;
    font-family: 'Dela Gothic One', cursive;
	font-size: 24px;
}
.footer-contact .address {
	color: #fff;
	font-size: 22px;
	line-height: 1.5em;
}
.footer-links {
	position: relative;
	display: grid;
	justify-items: flex-end;
	padding-top: 100px;
}

/*.footer-links:before {
	content: "";
	background-image: url("../img/wave_hr.png");
	background-repeat: repeat-x;
	display: block;
	height: 20px;
	width: 100%;
	border: none;
	position: absolute;
	top: -35px;
	left: 0;
}*/


.footer-copyright {
	position: relative;
	display: flex;
	justify-content: space-between;
}
.footer-graphic {
	position: relative;
}
.footer-links .sign:before {
	content: "";
	background-image: url("../img/logo_footer.png");
	background-repeat: no-repeat;
	background-size: 90%;
	display: block;
	height: 415px;
	width: 334px;
	bottom: -30px;
	position: absolute;
	z-index: 10;
	left: 140px;
}

.sign-container {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.footerNav {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	padding-left: 400px;
}
.footerNav li {
	margin: 5px;
}
.footerNav a {
	color: #fff;
	display: inline-block;
	font-weight: 600;
	margin: 0 10px;
}

.copyright {
	color: #99e6f3;
}
.copyright a {
	color: #99e6f3;
	text-decoration: underline;
}

.social {
	margin-top: 15px;
}
.social a {
	margin: 0 10px;	
}
.social a:hover i, .social a:focus i {
	color: #ffdf02;
}
.social i {
	color: #99e6f3;
	font-size: 24px;
}

.wave {
	background-image: url("../img/wave_divider.png");
	background-repeat: repeat;
	display: block;
	position:absolute;
	z-index: 50;
	xtop:50%;
	xleft:auto;
	x-webkit-transform: translate(0,-50%);
	x-moz-transform: translate(0,-50%);
	x-ms-transform: translate(0,-50%);
	x-o-transform: translate(0,-50%);
	xtransform: translate(0,-50%);
	height: 113px;
	width: 100%;
	margin-top: -53px;
}

.faq-accordion {
	margin-top: 25px;
}
.faq-accordion:first-child {
	margin: auto;
}
.faq-accordion .card {
	background: #ffffff;
	border: none;
	border-radius: 10px !important;
	margin-bottom: 15px;
	overflow: hidden;
}
/*.faq-accordion .card:last-child {
	xborder-bottom: 1px solid #69cbdb;
}*/
.faq-accordion .card-header {
	background: #183b57;
	border: none;
	padding: 15px 1.5em;
}
.faq-accordion .card-header span {
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	color: #ffdf02;
    font-family: 'Dela Gothic One', cursive;
	letter-spacing: 1px;
	line-height: 1.25em;
	text-decoration: none;
}
.faq-accordion .card-header i {
	color: #fff;
}
.faq-accordion .card-body {
	border: 2px solid #00bad7;
	border-top: none;
	padding: 1.5em;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.faq-accordion ul, .card-body ul {
	margin-bottom: 15px;
}
.faq-accordion ul > li, .card-body ul > li {
	list-style-type: disc;
	line-height: 1.5em;
	margin: 0 0 3px 25px;
	padding: 0 0 0 5px;
}
.faq-accordion.alert {
	padding: 0;
	box-shadow: none;
}
.faq-accordion.alert .card-header {
	background: #ffdf02;
}
.faq-accordion.alert .card-header span {
	color: #183b57;
}
.faq-accordion.alert .card-header i {
	color: #183b57;
}
.faq-accordion.alert .card-body {
	border: 1px solid #ffdf02;
}

.widget-frame {
	border: 1px solid #99e6f3;
}

.jobs h5 {
	font-weight: 700;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.about-panel {
	background-image: url("../img/about-h2obx.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 3em 0 2em 0;
	position: relative;
}
.about-panel .overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#183b57+0,183b57+34,00bad7+100&0.8+0,0.8+100 */
	background: -moz-linear-gradient(top,  rgba(24,59,87,0.8) 0%, rgba(24,59,87,0.8) 34%, rgba(0,186,215,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(24,59,87,0.8) 0%,rgba(24,59,87,0.8) 34%,rgba(0,186,215,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(24,59,87,0.8) 0%,rgba(24,59,87,0.8) 34%,rgba(0,186,215,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc183b57', endColorstr='#cc00bad7',GradientType=0 ); /* IE6-9 */
}
.about-panel:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: auto;
	top: auto;
	width: 100%;
	height: 871px;
	background-image: url(../img/explore_wave.png);
	background-size: auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.about {
	text-align: center;
	max-width: 800px;
	width: 100%;
	margin: auto;
	position: relative;
	z-index: 100;
	padding: 2em 0 17em 0;
}
.about:after {
	content: "";
	background-image: url("../img/pirate-avatar.png");
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: bottom center;
	display: block;
	position:absolute;
	bottom: 0px;
	top:auto;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
	height: 256px;
	width: 260px;
}
.about h3 {
	color: #ffdf02;
	font-size: 28px;
    font-family: 'Dela Gothic One', cursive;
}
.about p {
	color: #fff;
	font-weight: 600;
	line-height: 1.5em;
	margin-bottom: 40px;
}

/*
Simple fade transition
*/
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

#background-video{
	position: relative;
	background: transparent;
}

.ytplayer-container{
	position: absolute;
	top: 0;
	z-index: -1;
}

.form1 {
	padding: 0;
	margin-left: -15px;
	margin-right: -15px;
}
.form1 .control-label {
	font-weight: 600;
	margin-bottom: 5px;
}
.form1 .form-control  {
	border: 1px solid #99e6f3;
}

.page-body .fr-file::after {
    content:'\f1c1' !important;
	color: red;
    display:inline-block;
    font-family: 'Font Awesome 5 Free' !important;
	margin-left: 5px;
}

.recipt-panel {
	display: flex;
}
.recipt-panel .text {
	flex: 1 0 50%;	
}
.recipt-panel img {
	margin: 0 0 25px 25px;
}



.header__burger{
    display: none;
}
.header__menu{display: none; }

.header__list {
    display: flex;
    position: relative;
    z-index: 2;
}
.header__list li{
    list-style: none;
    margin-left: 20px;
}
.header__link{
    color: #183b57;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
}

@media(max-width: 991px){
    body.lock {
        overflow: hidden;
    }

    .header__logo{
        flex: 0 0 40px;
    }
    .header__body {
        height: 50px;
    }
    .header__burger {
        display: block;
        /*position: relative;*/
        width: 30px;
        height: 20px;
        z-index: 3;
		cursor: pointer;
		
		position: absolute;
		right: 15px;
    }
    .header__burger span {
        position: absolute;
        background-color: #183b57;
        width: 100%;
        height: 3px;
        left: 0;
        top: 9px;
        transition: all 0.3s ease 0s;
    }
    .header__burger::before,
    .header__burger::after{
        content: '';
        background-color: #183b57;
        position: absolute;
        width: 100%;
        height: 3px;
        left: 0;
        top: px;
        transition: all 0.3s ease 0s;
    }
    .header__burger::after{
        bottom: 0;
    }

    .header__burger.active::before {
        transform: rotate(45deg);
        top: 9px;
    }
    .header__burger.active::after {
        transform: rotate(-45deg);
        bottom: 9px;
    }
    .header__burger.active span {
        transform: scale(0);
    }
    .header__menu {
        position: fixed;
        top: -120%;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        transition: all 0.3s ease 0s;
        background-color: rgba(255, 255, 255, 1);
        padding: 10px 10px 20px 10px;
		z-index: 2;
     }

     .header__menu.active {
         top: 0;
     }

     .header__list{
         display: block;
     }

     .header__list li{
         margin:0px 0px 20px 0px;
     }

     .header__link {
         font-size: 24px;
     }
}

.content{
    padding: 100px 0px 0px 0px ;
}
.content__text {
    font-size: 16px;
    line-height: 25px;
}
.content__text p{
    margin: 0px 0px 20px 0px;
}
@media (max-width: 991px) {
    .content {
        padding: 70px 0px 0px 0px ;
    }
}

.alert {
	border-radius: 0px;
	margin: 0px;
	text-align: center;
	font-weight: 600;
	
    box-shadow: 
        inset 0px -11px 8px -10px #000; 
}
.alert.warning {
	background-color: red;
	color: #fff;
}