/* 
    Document   : frontend.css
    Created on : 14 Nov 2017
    Author     : derek & duncan
*/

body { background: #00134e; font-family: "Open Sans", Arial, sans-serif;}

a {color:#00aeff;}
a:hover {color: #fff95f;}
a.btn-link:hover { color: #fff95f; }

.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
/* PAGE NAVIGATION */


.navbar .navbar-inner {background: none; background-image: none; border: 0; position: relative; max-height: 100%;}

.navbar .navbar-inner .container { position: relative; }
.navbar .navbar-inner .navbar-bg { background: #00134e; border-top: 1px solid #b6a024; border-bottom: 1px solid #b6a024; position: absolute; bottom: 0; width: 100%; height: 55px; }
.navbar-fixed-top { 
	height: 160px; 
	background: rgb(16,40,115);
	background: rgb(16,40,115); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(16,40,115,1) 30%, rgba(0,19,78,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(16,40,115,1) 30%,rgba(0,19,78,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(16,40,115,1) 30%,rgba(0,19,78,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#102873', endColorstr='#00134e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); }
.navbar-fixed-top .navbar-inner { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.navbar .nav { padding: 0; height: 55px; position: absolute; top: 104px; left: 250px; }
.navbar .nav > li { 
	/* white gradient border between nav items */
    border-width: 0 1px 0 0;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(white 50%) to(rgba(0,0,0,0)), ) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0), white, white, rgba(0,0,0,0), rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0), white, white, rgba(0,0,0,0), rgba(0, 0, 0, 0)) 1 100%;    
    -o-border-image:
      -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0), white, white, rgba(0,0,0,0), rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0), white, white, rgba(0,0,0,0), rgba(0, 0, 0, 0)) 1 100%;
}
.navbar .nav > li:last-child { border-right-width: 0; }
.navbar .nav > li.dropdown > a { padding-right: 38px; }
.navbar .nav > li.dropdown:after {
	display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .4em solid; border-right: .4em solid transparent; border-bottom: 0; border-left: .4em solid transparent;
	color: #fff; position: absolute; top: 24px; right: 15px;
}
.navbar .nav > li > a { color: white; text-decoration: none; font-weight: normal; font-size: 18px; letter-spacing: 0.03em; text-shadow: none; padding: 0 18px; line-height: 54px; }
.navbar .nav > li > a:hover { color: #fff95f; }
.navbar .nav li.dropdown.open > .dropdown-toggle { color: #fff95f; background: none; }
.navbar .nav li.dropdown ul.dropdown-menu:before,
.navbar .nav li.dropdown ul.dropdown-menu:after { display: none; }

.navbar .brand { font-size: 26px; margin-left: 0; padding: 5px 0 0 0; width: 250px; height: 220px; line-height: 42px; transition: all 0.2s linear 0s; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3); }
.navbar .brand:hover { color: #005580; }

.navbar .dropdown-menu {margin-top: 0px; background-color: #153390; border-top: transparent; border-radius: 0; font-size: 16px; padding: 18px;}
.navbar .dropdown-menu li:first-child {border-top: 1px solid #4059a6;}
.navbar .dropdown-menu li {border-bottom: 1px solid #4059a6;}
.navbar .dropdown-menu li a {color: white; padding: 8px 0;}
.navbar .dropdown-menu li a:hover {background: transparent; color: #fff95f;}

.tagline {font-weight: 100; font-size: 28px; color: #fff; letter-spacing: 0.05em; position: absolute; top: 40px; left: 320px;}

.navbar a.reserve-now { display: block; position: absolute; top: 25px; right: 0; border-radius: 32px; width: 250px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; font-weight: bold; text-transform: uppercase; color: #000; 
	background: rgb(255,222,0);  background: linear-gradient(to right, rgba(255,222,0,1) 0%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 100%); transition: all .3s ease-out;}
.navbar a.reserve-now:hover {text-decoration: none;}

.page-content { padding-top: 160px; }

.breadcrumbs {font-size: 16px; text-transform: capitalize;}
.homepage-slider .container {min-height: 150px;}

.page-content .homepage-slider {
    width: 100%;
	overflow-x: hidden;
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 10%, rgb(221, 243, 254) 25%, rgb(152, 204, 252) 55%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%);
    background: -o-linear-gradient(top, rgb(255, 255, 255) 10%, rgb(221, 243, 254) 25%, rgb(152, 204, 252) 55%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%);
    background: -ms-linear-gradient(top, rgb(255, 255, 255) 10%, rgb(221, 243, 254) 25%, rgb(152, 204, 252) 55%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%);
    background: -moz-linear-gradient(top, rgb(255, 255, 255) 10%, rgb(221, 243, 254) 25%, rgb(152, 204, 252) 55%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%);
    background: linear-gradient(to bottom, rgb(255, 255, 255) 10%, rgb(221, 243, 254) 25%, rgb(152, 204, 252) 55%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%)
}

.home .page-content .homepage-slider {
	background: rgb(255,255,255);
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 45%, rgb(221, 243, 254) 58%, rgb(152, 204, 252) 74%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%);
    background: -o-linear-gradient(top, rgb(255, 255, 255) 45%, rgb(221, 243, 254) 58%, rgb(152, 204, 252) 74%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%);
    background: -ms-linear-gradient(top, rgb(255, 255, 255) 45%, rgb(221, 243, 254) 58%, rgb(152, 204, 252) 74%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%);
    background: -moz-linear-gradient(top, rgb(255, 255, 255) 45%, rgb(221, 243, 254) 58%, rgb(152, 204, 252) 74%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%);
    background: linear-gradient(to bottom, rgb(255, 255, 255) 45%, rgb(221, 243, 254) 58%, rgb(152, 204, 252) 74%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%)
}

.page-content .homepage-slider .slide { width: 100%; min-height: 120px; text-align: center; }
.page-content .homepage-slider .slide .slide-left { width: 50%; float: left; text-align: left; }
.page-content .homepage-slider .slide .slide-left h2 { padding: 100px 30px 0 10px; }
.page-content .homepage-slider .slide .slide-right { width: 50%; float: right; }
.page-content .homepage-slider .slide h1, .page-content .homepage-slider .slide h2 { padding: 20px 0 0 0; font-weight: 400; color: #002493; font-size: 40px; line-height: 54px; }
.page-content .homepage-slider .slide a.button { display: inline-block; font-size: 24px; color: #002493; text-decoration: none; text-transform: uppercase; border: 3px solid #002493; margin: 30px 0 0 10px; padding: 15px 55px; transition: all 0.2s; }
.page-content .homepage-slider .slide a.button:hover { background: #002493; color: #fff; }
.page-content .homepage-slider .slide .slide-image { max-width: none; margin-top: -64px; }

.page-content .navigation-secondary { overflow: hidden; border-top: 1px solid #b6a024; }
.page-content .navigation-secondary ul.nav { margin-top: -60px; }
.page-content .navigation-secondary ul.nav li { display: inline-block; }
.page-content .navigation-secondary ul.nav li:last-child a { margin-right: 0; }
.page-content .navigation-secondary ul.nav li a { width: 156px; height: 156px; box-sizing: border-box; padding: 80px 20px 0; border-radius: 50%; background: #c00; margin-right: 9px; font-size: 18px; 
	border-top-right-radius: 0; border-top-left-radius: 0; font-weight: bold; text-align: center; color: #002493; 
	background: rgb(255,222,0); 
	background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%); 
	background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); 
	background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 );
	opacity: 0.8;
	-webkit-transition: all 0.2s linear; 
	transition: all 0.2s linear;
	position: relative; 
	top: 0px;
}
.page-content .navigation-secondary ul.nav li a:hover {
	top: 10px;
	opacity: 1;
}

.page-content .content-section.bg-light { 
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 45%, rgb(221, 243, 254) 58%, rgb(152, 204, 252) 74%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%);
    background: -o-linear-gradient(top, rgb(255, 255, 255) 45%, rgb(221, 243, 254) 58%, rgb(152, 204, 252) 74%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%);
    background: -ms-linear-gradient(top, rgb(255, 255, 255) 45%, rgb(221, 243, 254) 58%, rgb(152, 204, 252) 74%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%);
    background: -moz-linear-gradient(top, rgb(255, 255, 255) 45%, rgb(221, 243, 254) 58%, rgb(152, 204, 252) 74%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%);
    background: linear-gradient(to bottom, rgb(255, 255, 255) 45%, rgb(221, 243, 254) 58%, rgb(152, 204, 252) 74%, rgb(65, 119, 249) 95%, rgb(48, 102, 250) 105%)
}
.page-content .content-section.bg-dark { color: #fff; }
.page-content .content-section div.center { text-align: center; position: relative; }
.page-content .content-section p  {font-size: 18px; line-height: 1.4em; margin: 20px 0;}
.page-content .content-section .steps p  { font-size: 14px; }

.page-content .content-section.section1 .homepage-cartoon { margin: 30px auto -240px; position: relative; z-index: 2; pointer-events: none; }
.Pages.home .page-content .content-section.section1 a.button { 
	position: absolute; top: 60px; left: 700px; padding: 18px 35px 18px 100px; z-index: 1; border-radius: 0 30px 30px 0; 
	text-transform: uppercase; font-size: 18px; font-weight: bold; color: #002493; cursor: pointer; text-decoration: none; 
	background: rgb(255,222,0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 ); /* IE6-9 */
	transition: left 0.5s ease;
}
.Pages.home .page-content .content-section.section1 a.button:hover { left: 710px; }
.Pages.home .page-content .content-section.section1 a.button.hashtag { text-transform: lowercase; left: 160px; top: 270px; border-radius: 30px 0 0 30px; padding: 18px 100px 18px 35px; transition: left 0.5s ease; }
.Pages.home .page-content .content-section.section1 a.button.hashtag:hover { left: 150px; }
.Pages.home .page-content .content-section.section1 a.button.hashtag + a.button.hashtag { top: 335px; left: 180px; }
.Pages.home .page-content .content-section.section1 a.button.hashtag + a.button.hashtag:hover { left: 170px; }
.Pages.home .page-content .content-section.section1 a.button.hashtag + a.button.hashtag + a.button.hashtag { top: 400px; left: 210px; }
.Pages.home .page-content .content-section.section1 a.button.hashtag + a.button.hashtag + a.button.hashtag:hover { left: 200px; }


.page-content .content-section.section2 { padding-top: 270px; }
.page-content .content-section.section2 a.button {
	display: inline-block; color: #002493; padding: 14px 40px; border-radius: 25px; text-decoration: none; cursor: pointer; margin-top: 40px; 
	position: relative; z-index: 1; text-transform: uppercase; font-weight: bold; font-size: 18px;
	background: rgb(255,222,0);
	background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); transition: all .3s ease-out;
}
.page-content .content-section.section2 a.button:hover {}
.page-content .content-section.section2 .homepage-guestphotos { margin-top: -60px; margin-bottom: -210px; }


.page-content .content-section.section3 {padding-top: 220px;}
.page-content .content-section.section3 .testimonial {font-size: 18px; line-height: 1.4em; margin: 0 60px 60px 0;}
.page-content .content-section.section3 a.button {
	display: inline-block; color: #002493; padding: 14px 40px; border-radius: 25px; text-decoration: none; cursor: pointer; margin: 0px auto 100px auto; position: relative; z-index: 1; text-transform: uppercase; font-weight: bold; font-size: 18px;
	background: rgb(255,222,0); background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); transition: all .3s ease-out;
}
.page-content .content-section.section3 a.button:hover {}

.page-content .content-section.section4 { padding: 120px 0 140px 0; position: relative; }
.page-content .content-section.section4 h3 { font-family: 'Alex Brush', cursive; font-size: 130px; font-weight: normal; color: #00aeff; margin: 0px auto 26px auto; line-height: 1.0; text-align: center;}
.page-content .content-section.section4 h4 { font-size: 37px; font-weight: bold; color: #002493; text-align: center;}
.page-content .content-section.section4 p { margin-top: 30px; }

.page-content .content-section.section4:before {
	content: ' ';
	background: url('/img/homepage-star.png');
    width: 199px;
	height: 189px;
    display: block;
    position: absolute;
	left: 20px;
	top: 20px;
}
.page-content .content-section.section4:after {
	content: ' ';
	background: url('/img/homepage-star.png');
    width: 199px;
	height: 189px;
    display: block;
    position: absolute;
	right: 20px;
	top: 20px;
}
.page-content .content-section.section4.guestphotos { margin-bottom: 220px; }
.page-content .content-section.section4.guestphotos img { margin-bottom: -130px; }

.page-content .content-section.section5 .social-media-icons { text-align: center; margin-top: 100px; margin-bottom: 100px; background: #ffde00; height: 8px; }
.page-content .content-section.section5 .social-media-icons ul { position: relative; top: -26px; width: 600px; margin: 0 auto; 
	background: -moz-linear-gradient(left, rgba(0,19,78,0) 0%, rgba(0,19,78,1) 10%, rgba(0,19,78,1) 50%, rgba(0,19,78,1) 90%, rgba(0,19,78,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,19,78,0) 0%,rgba(0,19,78,1) 10%,rgba(0,19,78,1) 50%,rgba(0,19,78,1) 90%,rgba(0,19,78,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,19,78,0) 0%,rgba(0,19,78,1) 10%,rgba(0,19,78,1) 50%,rgba(0,19,78,1) 90%,rgba(0,19,78,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000134e', endColorstr='#0000134e',GradientType=1 ); /* IE6-9 */
}
.page-content .content-section.section5 .social-media-icons ul li { display: inline-block; margin-right: 30px; }
.page-content .content-section.section5 .social-media-icons ul li:last-child { margin-right: 0; }
.page-content .content-section.section5 .social-media-icons ul li a { display: inline-block; width: 60px; height: 60px; border-radius: 50%;
	text-decoration: none;
	opacity: 0.8;
	transition: opacity 0.3s;
	color: black;
	    line-height: 80px;
	background: rgb(255,222,0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 ); /* IE6-9 */
}
.page-content .content-section.section5 .social-media-icons ul li a:hover { color: #00134e; opacity: 1.0; }

.page-content .content-section.section5 .email-subscription iframe { min-height: 180px; overflow: hidden; }
.page-content .content-section.section5 .email-subscription form { text-align: center; }
.page-content .content-section.section5 .email-subscription label { display: inline-block; font-weight: bold; font-size: 18px; padding-right: 20px; color: white; }
.page-content .content-section.section5 .email-subscription input#email { display: inline-block; border-radius: 0; background: #b7e3ff; padding: 8px; width: 250px; font-size: 16px; border: 0; margin-right: 5px; }
.page-content .content-section.section5 .email-subscription input#submit { display: inline-block; border-radius: 0; background: none; padding: 8px 35px; font-size: 16px; font-weight: bold; border: 0; position: relative; top: -5px; 
	background: rgb(255,222,0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 ); /* IE6-9 */
	opacity: 0.9; 
	transition: opacity 0.3s;
}
.page-content .content-section.section5 .email-subscription input#submit:hover { opacity: 1; }
.page-content .content-section.section5 .email-subscription p { font-size: 14px; font-style: italic; }

.page-content .content-section.section5 .quick-links { text-align: center; }
.page-content .content-section.section5 .quick-links h4 {font-size:24px; color: #fff; position:relative; padding-bottom: 16px; margin: 60px auto 30px auto; }
.page-content .content-section.section5 .quick-links h4:after { content: ''; display: inline-block; width: 20%; height: 3px; background: #ffde00; position: absolute; bottom: 0; left: 40%; }
.page-content .content-section.section5 .quick-links ul li a { color: #fff; cursor: pointer; }
.page-content .content-section.section5 .quick-links ul li a:hover { color: #fff95f; text-decoration: none; }

.page-content .content-section.section5 .advertisement { padding-top: 50px; }

.page-content .content-section.section5 .promotional-partners { text-align: center; }
.page-content .content-section.section5 .promotional-partners h4 {font-size:24px; color: #fff; position:relative; padding-bottom: 16px; margin: 60px auto 30px auto; }
.page-content .content-section.section5 .promotional-partners h4:after { content: ''; display: inline-block; width: 30%; height: 3px; background: #ffde00; position: absolute; bottom: 0; left: 35%; }
.page-content .content-section.section5 .promotional-partners .row { margin-left: 0; }
.page-content .content-section.section5 .promotional-partners .row > a { margin: 0 15px; }

.page-content .content-section.section5 .affiliations { text-align: center; }
.page-content .content-section.section5 .affiliations h4 {font-size:24px; color: #fff; position:relative; padding-bottom: 16px; margin: 60px auto 30px auto; }
.page-content .content-section.section5 .affiliations h4:after { content: ''; display: inline-block; width: 20%; height: 3px; background: #ffde00; position: absolute; bottom: 0; left: 40%; }
.page-content .content-section.section5 .affiliations .row { margin-left: 0; }
.page-content .content-section.section5 .affiliations .row > a { margin: 0 15px; }
.page-content .content-section.section5 .affiliations .row > a > img { height: 80px }

.page-content .content-section.section5 .footer { margin-top: 70px; }
.page-content .content-section.section5 .footer p { font-size: 15px; }
.page-content .content-section.section5 .footer p a { color: #fff; }


/* Intl Tel Input */
.intl-tel-input { width: 100%; }
.intl-tel-input .flag-container { visibility: hidden; }
.iti-flag {background-image: url("/img/intlTelInput-flags.png") !important;}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti-flag {background-image: url("/img/intlTelInput-flags@2x.png") !important;}
}



/* TERMS */
ul { list-style: none outside none; }
#footer { margin-top: 20px; }

/* FLIPPER */

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);
}
.flip-container div a {
	transition: all 0.4s linear 0s;
	text-shadow: none;
	border: 2px solid white;
	color: white;
	padding: 4px 8px; 
	position: absolute;
	width: 100px;
	margin-left: -60px;
	margin-top: 20px;
}
.flip-container div a:hover {
	background: white;
	text-decoration: none;
	color: black;
}

.revealOnScroll[data-animation=fadeIn] { opacity: 0; }
.animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeIn { -webkit-animation: fadeIn 1s ease-out; animation: fadeIn 1s ease-out; }
.fadeIn[data-animation=fadeIn] { opacity: 1; }

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.revealOnScroll[data-animation=fadeInFromAbove] { opacity: 0; }
.animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInFromAbove { position: relative; -webkit-animation: fadeInFromAbove 1s ease-out; animation: fadeInFromAbove 0.5s ease-in-out; }
.fadeInFromAbove[data-animation=fadeInFromAbove] { opacity: 1; }

@keyframes fadeInFromAbove {
	from { top: -50px; opacity: 0; }
	to { top: 0; opacity: 1; }
}
@-webkit-keyframes fadeInFromAbove {
	from { top: -50px; opacity: 0; }
	to { top: 0; opacity: 1; }
}

.revealOnScroll[data-animation=fadeInFromLeft] { opacity: 0; }
.animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInFromLeft { position: relative; -webkit-animation: fadeInFromLeft 1s ease-out; animation: fadeInFromLeft 1s ease-out; }
.fadeInFromLeft[data-animation=fadeInFromLeft] { opacity: 1; }

@keyframes fadeInFromLeft {
	from { left: -1000px; opacity: 0; }
	to { left: 0; opacity: 1; }
}
@-webkit-keyframes fadeInFromLeft {
	from { left: -1000px; opacity: 0; }
	to { left: 0; opacity: 1; }
}

.revealOnScroll[data-animation=fadeInFromRight] { opacity: 0; }
.animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInFromRight { position: relative; -webkit-animation: fadeInFromRight 1s ease-out; animation: fadeInFromRight 1s ease-out; }
.fadeInFromRight[data-animation=fadeInFromRight] { opacity: 1; }

@keyframes fadeInFromRight {
	from { left: 1000px; opacity: 0; }
	to { left: 0; opacity: 1; }
}
@-webkit-keyframes fadeInFromRight {
	from { left: 1000px; opacity: 0; }
	to { left: 0; opacity: 1; }
}
.revealOnScroll[data-animation=fadeInExpand] { opacity: 0; }
.animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInExpand { -webkit-animation: fadeInExpand 1s ease-out; animation: fadeInExpand 1s ease-out; }
.fadeInExpand[data-animation=fadeInExpand] { opacity: 1; }

@keyframes fadeInExpand {
	0% { transform: scale(1); opacity: 0; }
	25% { transform: scale(1.25); opacity: 0; }
	75% { transform: scale(1.5); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}
@-webkit-keyframes fadeInExpand {
	0% { -webkit-transform: scale(1); opacity: 0; }
	25% { -webkit-transform: scale(1.25); opacity: 0; }
	75% { -webkit-transform: scale(1.5); opacity: 0; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}


.flipIt { -webkit-animation: flipIt 1s linear; animation: flipIt 1s linear; }

@keyframes flipIt {
	  0% { transform: rotateY(0deg); }	
	 50% { transform: rotateY(180deg); }
	100% { transform: rotateY(360deg); }
}

@-webkit-keyframes flipIt {
	  0% { -webkit-transform: rotateY(0deg); }	
	 50% { -webkit-transform: rotateY(180deg); }
	100% { -webkit-transform: rotateY(360deg); }
}

.flip-container, .front, .back {
    width: auto;
    height: 340px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility:hidden;	
	-webkit-backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
}

/* back, initially hidden pane */
.back {
	color: #fff;	
	transform: rotateY(180deg);
	text-align: center;
}
.back > div { 
    position: absolute;
    left: 3%;
    top: 2%;
    background-color: rgba(0,0,0,1);
    padding: 138px 170px;
    /* width: inherit; */
    /* height: inherit; */
    text-shadow: 2px 2px 1px #000;
}
.back > div .brand {
    font-size: 30px;
}
.back > div .brand > i {
    font-size: 35px;
    vertical-align: -2px;
}
.carousel-inner img { max-height: 362px; }

/* FEATURE ANIMATIONS */

.features div.span4 { transition: color ease-in .5s; 
				      -webkit-transition: color ease-in .5s; }
.features div.span4 i { transition: transform ease-in .5s; transition-delay: 0s; 
						-webkit-transition: transform ease-in .5s; -webkit-transition-delay: 0s; }
.features div.span4:hover { color: #08c; }
.features div.span4 i { display: block; font-size: 4em; }

.features .mobile:hover {}

.features .span4:hover i { transform: scale(1.25); -webkit-transform: scale(1.25); }

.features .email i { }
.features .email:hover i { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); }

.features .layouts:hover i { transform: scale(1.25); -webkit-transform: scale(1.25); }

.features .themes i {  }
.features .themes:hover i { transform:scale(1.25) rotate(360deg); -webkit-transform:scale(1.25) rotate(360deg); }

.features .social:hover {}

.popInOut { animation: popOutIn 1s linear;	-webkit-animation: popOutIn 1s linear; }
.spin {	animation: spin 1s linear; -webkit-animation: spin 1s linear; -moz-animation: spin 1s linear; }
.spinIn {	animation: spinIn 1s linear; -webkit-animation: spinIn 1s linear; -moz-animation: spinIn 1s linear; }

@keyframes popOutIn {
	  0% { transform: scale(1.1); }
	 50% { transform: scale(1.25); }
	100% { transform: scale(1); }
}

@-webkit-keyframes popOutIn {
	  0% { -webkit-transform: scale(1.1); }
	 50% { -webkit-transform: scale(1.25); }
	100% { -webkit-transform: scale(1); }
}

@keyframes spin {
	  0% { transform: scale(1.1) rotate(0deg); }
	 50% { transform: scale(1.25) rotate(180deg); }
	100% { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin {
	  0% { -webkit-transform: scale(1.1) rotate(0deg); }
	 50% { -webkit-transform: scale(1.25) rotate(180deg); }
	100% { -webkit-transform: scale(1) rotate(360deg); }
}

@keyframes spinIn {
	  0% { opacity: 0; transform: scale(10) rotate(0deg); }
	 50% { opacity: 0.5; transform: scale(5) rotate(180deg); }
	100% { opacity: 1; transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spinIn {
	  0% { opacity: 0;		-webkit-transform: scale(10) rotate(0deg); }
	 50% { opacity: 0.5;	-webkit-transform: scale(5) rotate(180deg); }
	100% { opacity: 1;		-webkit-transform: scale(1) rotate(360deg); }
}

.pull-right { float: right; }
.pull-left { float: left; }
#checkin, #checkout { height: 40px; border-radius: 25px; color: #00134e; padding-left: 20px; font-size: 1.4em; }
.staying-from,
#staying-from {background-color: rgba(255,255,255,0.1); padding: 18px; border-radius: 6px;}
.staying-from span,
#staying-from span {font-weight: bold; font-size: 20px; line-height: 1.6;}
.icon-chevron-down { color: rgb(255,222,0); }

.btn {
	display: inline-block; border-radius: 24px; background: none; padding: 8px 35px; font-size: 16px; font-weight: bold; border: 0; position: relative; top: -5px; 
	background: rgb(255,222,0); 
	background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); 
}
.btn-link { 
	color: white;
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	text-shadow: none;
}

.calculator-btns .btn-link { padding-left: 20px; padding-right: 0; }

#calculator-results .table { font-size: 16px; margin-top: 40px; }
#calculator-results .table th, 
#calculator-results .table td { text-align: center; border-bottom: 1px solid rgba(200,200,200,0.2); height: 23px; vertical-align: middle; }
#calculator-results .table th.name, 
#calculator-results .table td.name { text-align: left; }

#calculator-results .table thead tr th { background-color: rgba(200,200,200,0.2); border-bottom: 3px solid #00134e;}
#calculator-results th { font-size: 14px; font-weight: normal; }
#calculator-results th.name {color:#fff95f; font-size: 20px;}

#calculator-results .bullet { width: 10px; height: 10px; border-radius: 10px; border: 2px solid white; display: inline-block; background: green; }

#calculator-results .book { display: none; }
#calculator-results td:hover > * { display: none!important; }
#calculator-results td:hover > *.book { display: inline!important; position: relative; top: initial; top: 0px; }
.btn-link:active, .btn-link.active { color: #fff95f; background-color: transparent; text-decoration: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }

.input-daterange div { position: relative; }
.input-daterange div input { text-align: left; }
/*.input-daterange div:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
    color: #00134e;
    position: absolute;
    top: 22px;
    right: 20px;
	font-size: 1.4em;
	pointer-events: none;
}*/


.page-content .content-section button.button,
.page-content .content-section a.button {
    display: inline-block;
    color: #002493;
    padding: 14px 40px;
    border-radius: 25px;
    text-decoration: none;
    cursor: pointer;
    margin-top: 40px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    background: rgb(255,222,0);
    background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%);
    background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
    background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 );
	margin-bottom: 50px;
}

.btn-group>.btn:first-child {
	border-radius: 0;
}

.btn-group>.btn:last-child, .btn-group>.dropdown-toggle {
	border-radius: 0;	
}

.btn-group.open .btn.dropdown-toggle {
    background-color: rgb(255,222,0);
}

.ui-icon-circle-arrow-s {background-image: url(/img/icon-arw3.png); float: left; height: 13px; width: 13px; margin: 0px 8px 0px 0px; display: block;}
.ui-icon-circle-arrow-e {background-image: url(/img/icon-arw2.png); float: left; height: 13px; width: 13px; margin: 0px 8px 0px 0px; display: block;}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

@media (min-width: 979px) {
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;    
	}
}

.btn-yellow.btn-large { font-size: 24px; padding: 20px 40px; }

.page-content table.frontend { margin: 0 auto 40px; float: none; }
.page-content table.frontend th { background: rgb(255,222,0); color: #000; font-size: 16px; padding: 8px 15px 6px; font-weight: bold; position: relative; }
.page-content table.frontend tr:first-child th:first-child { border-top-left-radius: 10px; }
.page-content table.frontend tr:first-child th:last-child { border-top-right-radius: 10px; }
.page-content .content-section table.frontend td { background: #fff; color: #000; padding: 10px 15px; }
.page-content .content-section table.frontend td p,
.page-content .content-section table.frontend td h5 { color: #000; }
.page-content table.frontend td p { font-size: 14px; }
.page-content table.frontend td ul { list-style: disc; }
.page-content table.frontend.numbered th span.number { position: absolute; top: -7px; left: 10px; border-radius: 50%; background-color: #1e2b68; color: #FFF; font-size: 24px; text-align: center; height: 44px; width: 44px; display: block; line-height: 44px; border: solid 3px #FFF; box-shadow: 0px 0px 8px #888888; }
.page-content table.frontend.numbered th { padding-left: 65px; }
.page-content table.frontend tr.stripe td { background: #eee; }
.page-content table.frontend td h4 { color: #00134e; }

.g-recaptcha > div { margin: 0 auto; }

.gm-style-iw,
.tt-suggestion { color: black; }

.modal {max-width: 600px; width:100%;}

.modal .btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);	
}

.modal .btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top,#62c462,#51a351);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
    background-image: -webkit-linear-gradient(top,#62c462,#51a351);
    background-image: -o-linear-gradient(top,#62c462,#51a351);
    background-image: linear-gradient(to bottom,#62c462,#51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.splash-thanks .page-content .content-section.bg-dark { padding-top: 150px; }

.tooltip.in { opacity: 1; }
.tooltip.bottom .tooltip-arrow,
.tooltip.top .tooltip-arrow {
	border-top-color: #0063c8;
}
.tooltip .tooltip-inner {
	background: #0063c8;
	color: white;
}

.social-sidebar {
    display: block;
    position: fixed;
    padding: 10px;
    top: 200px;
    left: 0;
	text-align: center;
}
.social-sidebar ul { margin: 0; }
.social-sidebar ul a { color: #002493; }
.social-sidebar ul a:hover { color: rgba(0,62,255,1); text-decoration: none; }
.social-sidebar ul li {
    background: rgb(255,222,0);
    padding: 8px;
    border-radius: 50px;
    line-height: 20px;
    margin-bottom: 5px;
	background: rgb(255,222,0);
    background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%);
    background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
    background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 );
}
.social-sidebar ul li .fa-3x {font-size: 2.0rem;}

.email-subscription { margin-top: 50px; }

legend { color: white; text-align: left; }

.master {background-position: bottom center !important; min-height: 150px; background-size: auto 150px !important;}
.master h1 {padding: 32px 0 0 0; margin: 0; text-shadow: 2px 2px 6px #000;}
.master h2 {padding: 0 0 24px 0; margin: 0; text-shadow: 2px 2px 6px #000;}

.Pages.home .homepage-slider {background-color: white; min-height: 425px;  overflow: hidden; position: relative;}

.ban-left {display:block; float:left; width: 60%;}
.ban-right {display:block; float:left; width: 40%;}
.ban-head {display:block; font-size: 36px; font-weight: normal; text-transform: uppercase; color: #002493; margin-top: -150px;}
.ban-text {display:block; font-size: 26px; margin: 24px 0; color: #002493; width: calc(100% - 30px);}

.slide-img {box-sizing: border-box; border-radius: 50%; width: 550px; height: 550px; padding: 10px; position: relative; top: -50px; left: 0px; background: #ffde00; background: linear-gradient(to bottom, #ffde00 0%,#ffffff 50%,#ffde00 100%);}
.slide-img img {border-radius: 50%;}

#slideshow {position: relative; width: 100%; font: 18px 'Open Sans', sans-serif; background: #00134e; padding: 0; margin: 0;}
#slideshow > div {position: absolute; top: 0px; left: 0px; width: 100%; display: none; align-items: center; height: 559px;}
#slideshow > div:first-child { display: flex; }

.box-feature {border-radius: 50%; width: 500px; height: 500px; padding: 10px; position: relative; background: #ffde00; background: linear-gradient(to bottom, #ffde00 0%,#ffffff 50%,#ffde00 100%); margin: -250px auto 48px auto;}
.box-feature img {border-radius: 50%; z-index: 10; position: relative;}

.but2 {font-size: 24px; padding: 8px 32px; border: 3px solid #002493; text-decoration: none; text-transform: uppercase; color: #002493; line-height: 70px; transition: all 0.3s ease-in-out 0s;}
.but2:hover {background: #002493; color: #fff; text-decoration: none;}

.but3 {box-sizing: border-box; display: block; width:100%; margin:12px 0 0 0; color: #002493; padding: 8px 35px; font-size: 16px; font-weight: bold; border: 0; position: relative; text-align: center;
	background: rgb(255,222,0);
	background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%); 
	background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
	background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 );
}
.but3:hover {color:#000; text-decoration: none;}

.sep1 {position: relative; width: 180px; display: inline-block; text-align: center; margin: auto; font-size: 28px; left: 25%;}
.sep1 .con {background: #00134e; z-index: 1000; position: relative; padding: 18px;}
.sep1::after {content: " "; display: block; position: absolute; top: 13px; background: #fff95f; width: 100%; height: 3px;}

.Pages.faq .ui-widget-content a {color: #fff95f;}

.head1 {font-size: 34px; color: #fff; margin: 34px auto;}
.head2 {font-size: 24px; color: #fff95f; margin: 34px auto;}
.head3,.head8 {font-size: 24px; color: #fff95f; border-bottom: 1px solid; padding-bottom: 18px;}
.head4,.head5 {font-size: 20px; color: #fff95f; padding-left: 60px; position: relative;}
.head4 {margin: 48px auto 32px auto;}
.head5 {margin: 18px auto 32px auto;}
.head6,.head7 {color: #fff; background: #2b3d66; padding: 8px;}
.head6 {font-size: 18px; margin: 18px auto;}
.head7 {font-size: 24px; margin: 28px auto;}
.head3 {margin: 0 auto 34px auto;}
.head8 {margin: 34px auto;}
.head9 {font-size: 28px; color: #fff95f; margin: 34px auto;}
.legal h3, .sitemap h3 {font-size: 24px; color: #fff95f; margin: 34px auto; border-bottom: 1px solid; padding-bottom: 18px;}
.sitemap a {color:#fff;}

h1, h2, h3, h4, h5 {line-height: 1.4}

.pad1 {padding: 18px 0px 60px 0px;}
.pad2 {padding: 1px 46px;}
.pad3 {padding: 0 18px 0 0}
.pad4 {padding: 60px 0px 0px 0px}
.pad5 {padding: 10px 0px 0px 0px}
.pad6 {padding: 0px 0px 0px 24px;}
.pad7 {padding-top: 36px;}
.pad8 {padding: 18px 46px 48px 46px;}
.pad9 {padding: 30px 0px 0px 0px}

.padr {padding-right: 18px}
.padl {padding-left: 18px}
.padr2 {padding-right: 38px}
.padl2 {padding-left: 38px}

img.right {float:right; margin: 0;}
img.left {float:left; margin: 0;}
img.med {max-width: 450px; height: auto;}
.b1 {border: 9px solid #fff;}

.notice {background: #ffe333; text-align: center; font-size: 24px; padding: 28px 0px;}
.notice a {color: #000; text-decoration: underline;}
.notice1 {background: #dcf2fd; border-radius: 6px; color: #000; padding: 46px; margin: 36px 0; font-size: 18px; line-height: 1.4; font-weight: bold;}
.notice2 {display: block; border-radius: 6px; background-color: #1e2b68; color: #FFF; font-size: 18px !important; line-height: 1.4; border: solid 3px #00aeff; padding: 24px; margin: 36px 0;}
.notice2 h1, .notice2 h2, .notice2 h3, .notice2 h4, .notice2 h5, .notice2 h6 {font-size: 18px; font-weight: bold;}
.costCalculator .notice2, .Owners .notice2, .Bookings .notice2 {padding: 0px 24px; margin: 18px 0;}
.notice2.error { background: #f2dede; border-color: #b94a48; color: #b94a48; }
.notice3 {text-align: center; font-size: 20px; text-align: center; background: #00134e; padding: 68px; line-height: 1.3; color: #fff;}
.notice3 h2 {font-size: 28px; margin: 0 auto 28px auto; color: #fff44e}
.notice3 p {margin: 20px auto 0 auto;}
.notice3 strong {font-size: 22px;}

.gallery img {-webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.gallery img:hover {-webkit-filter: brightness(75%); filter: brightness(75%);}
.gallery .col-4 {padding: 8px;}


.row1 {padding: 24px 0;}
.row2 {padding:0;}
.row1::after,.row2::after {content: ""; clear: both; display: block;}

[class*="col-"] {float: left; box-sizing: border-box; position: relative;}
.col-2 {width: 50%;}
.col-3 {width: 33.33%;}
.col-4 {width: 25%;}

.last {padding-right:0px !important;}
.clear {clear:both;}

.ic1 {color:#fff95f; position: absolute; left: 0px;}
.ic2 {color:#fff95f; position: absolute; left: 14px; top:4px;}
.ic3 {color:#fff95f;}
.ic4 {color:#fff95f; position: absolute; left: -22px; top:4px;}

.list0 {font-size: 18px; line-height: 1.4em; padding: 0px; margin: 0; list-style: none;}
.list0 li {position: relative; margin:4px 0; line-height: 1.4; padding: 0 0 0 36px;}
.list1,.list2,.list3,.list5 {font-size: 18px; line-height: 1.4em; margin:28px;}
.list1 li {position: relative; margin:4px 0; line-height: 1.4; padding: 0 0 0 36px;}
.list2 li {position: relative; margin:12px 0; line-height: 1.4; padding: 0 0 0 36px;}
.list3 li {position: relative; margin:12px 0; line-height: 1.4; padding: 0;}
.list3 li ol {list-style:lower-alpha; padding: 6px 24px;} 
.list4 {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px; text-align: left; padding: 0px 100px; margin: 20px 0px; font-size: 17px;}
.list4 li {display: block; line-height: 1.4; position: relative; margin: 6px 0px;}
.list5 li {position: relative; margin:12px 12px 12px 24px;; line-height: 1.4; padding: 0;}

.pixie1 {background-image: url('../img/pixie-dust-1.png'); background-repeat: no-repeat; background-position: bottom right;}
.pixie2 {background-image: url('../img/pixie-dust-1.png'); background-repeat: no-repeat; background-position: bottom left;}

.table1, .table-dine {border-collapse: collapse; width: 100%; font-size: 16px;}
.table1 th, .table-dine th {font-weight: bold; color:#fff95f}
.table1 th, .table1 td, .table-dine th, .table-dine td {border: 1px solid #00aeff; padding: 12px;}

.table2, .table3, .table4, .table5, .table6 {width: 100%; background:#fff;color:#000;border-radius:10px;}
.table2 th, .table3 th, .table4 th, .table5 th, .table6 th {color:#fff;border-radius:10px 10px 0 0;padding:15px;font-size:18px}
.table2 td, .table3 td, .table4 td, .table5 td, .table6 td {padding: 18px;}
.table2 .alt1, .table3 .alt1, .table4 .alt1, .table5 .alt1, .table6 .alt1  {background:#e5e5e5;}
.table2 .alt2, .table3 .alt2, .table4 .alt2, .table5 .alt2, .table6 .alt2 {padding:15px;border-radius:0 0 10px 10px;font-weight: bold;font-size:16px;text-align:center;text-transform: uppercase;}

.table2 th {background:#0875b9}
.table3 th {background:#f02f39;}
.table4 th {background:#861371}
.table5 th {background:#12ac07}
.table6 th {background:#b3085c}

.table2 .alt2 {background:#ffcb57;height: 80px; color:#000;}
.table3 .alt2 {background:#2440c9; color:#fff;}
.table4 .alt2 {background:#0875b9; color:#fff; height: 80px;}
.table5 .alt2 {background:#2440c9; color:#fff; height: 80px;}
.table6 .alt2 {background:#608129; color:#fff; height: 80px;}

.numlist {position: absolute; top: -10px; left: 0; border-radius: 50%; background-color: #1e2b68; color: #FFF; font-size: 24px; text-align: center; height: 44px; width: 44px; display: block; line-height: 44px; border: solid 3px #00aeff;}

.accordion {background-color: #1e2b68; text-align:left; margin: 0 auto; font-size: 18px; line-height: 1.4em;}
.accordion-header {border-bottom: 1px solid #00aeff; color: #ffff; cursor: pointer; padding: 18px 24px;}
.accordion-header:hover {background-color:#2f3f86;}
.accordion-content {display: none; background-color: #00134e; border-bottom: 1px solid #00aeff; padding: 26px 48px; color: #fff;}
.accordion-header::before {content: ''; vertical-align: middle; display: inline-block; width: .75rem; height: .75rem; border-radius: 50%; background-color: #B1B5BE; margin-right: .75rem;}
.active.accordion-header::before {background-color: #fff95f;}

.box1 {position: relative; max-width:700px; margin:auto auto 24px auto; text-align: left; padding: 36px 60px; border: 1px solid #00aeff;}

.box2-c {text-align: center; margin:auto; font-size: 18px; max-width: 1000px;}
.box2-pad {padding: 6px 36px 0;}
.box2 {display:inline-block; position: relative; box-sizing: border-box; width: 44%; margin:16px 1%; background: #1e2b68; border-radius: 44px; min-height: 860px; vertical-align: top;}
.box2-img {border-bottom-right-radius: 990px; overflow: hidden; border-bottom: 40px solid #fff; max-height: 280px;}
.box2-img img {min-height: 280px; width: auto;}
.box2 ul {margin:0;}
.box2 li {border-bottom: 1px solid #00aeff; padding: 10px 0px; font-size: 16px;}
.box2 p {font-size: 16px !important; margin-bottom:0 !important;}
.badge2 {background:#00aeff; position: absolute; border-radius: 12px; font-size: 14px; padding: 8px; color: #fff; font-weight: bold; top: 20px; right: 20px;}

.box3 {padding: 36px 60px; margin: 0 auto 38px auto; background: #1e2b68; border-radius: 44px;}
.box3 .head2 {font-size: 20px; margin: 28px auto;}

.headnum {text-align: center; color: #fff; font-size: 24px; margin-bottom: 38px;}
.headnum span {display: block; font-size: 42px; color: #fff95f; line-height: 52px; border: 1px solid #00aeff; border-radius: 100px; margin-bottom: 10px;}

.hat {position: absolute; top: -92px; right: -77px; transform: rotate(36deg); -webkit-transform: rotate(36deg);}
.stars {position: relative; top: -80px; left: -130px; margin-bottom: -60px; display: block; }

.payspace {padding-right: 50px;}
.nospace {margin:0 !important;}
.nospace2 {margin-top:0 !important}

.matterport iframe {width:100% !important; height:620px !important;}

.feedback .guestbook-entry {display:inline-block; background: #1e2b68; padding: 38px !important; border-radius: 44px; border-bottom: 18px solid #00aeff; border-top:0 !important;}
.feedback .comments {line-height: 1.6 !important;}
.pagination ul>li>a, .pagination ul>li>span {background-color: transparent !important; border: 1px solid #00aeff !important;}
.pagination ul>li>a:hover {background-color: #1e2b68 !important;}
.pagination ul>.active>a, .pagination ul>.active>span {color: #fff !important;}

.country-name { color: #333; }
.div1 {margin:18px auto;}

.resort-features table {border-collapse: collapse; width: 100%; font-size: 18px; max-width: 500px; text-align: left; margin: 34px auto;}
.resort-features table th {font-weight: bold; color:#fff95f;}
.resort-features table th, .resort-features table td {border: 1px solid #00aeff; padding: 12px;}

#transportation {font-size: 18px; line-height: 1.4;}
#transportation p {line-height: 1.4 !important;}

#amenities h1,#amenities h2,#amenities h3,#amenities h4,#amenities h5,#amenities h6 {font-size: 24px; color: #fff95f; margin: 34px auto; border-bottom: 1px solid; padding-bottom: 18px; max-width: 500px; text-align:left;}
#amenities ul {font-size: 18px; list-style-type: disc; text-align: left; line-height: 1.4; max-width: 500px; margin: auto; padding-left: 68px;}
#amenities li {margin:12px 0;}

#guestbooks {margin-left: 0;}

.modal-body { max-height: 500px; }

#Summary {background-color: rgba(255,255,255,0.1); padding: 18px; margin-bottom: 68px; border-radius: 18px;}
.Bookings .pad2 {padding:0px;}

#cost-calculator-instructions {font-size: 20px; line-height: 1.4em; margin: 20px 0; color: rgb(255,244,78);}
.costCalculator .badge {border: 2px solid #fff; width: 13px; height: 13px; padding: 0; border-radius: 50%; position: relative; top: -1px; left: 4px;}

.ylw {color:#fff44e}

.ded-feature {background-image: url('/img/bg-dedicated-res-4.jpg'); width: 100%; max-width: 1078px; height: 179px; display: block; margin: auto; padding: 38px 13% 38px 23%; box-sizing: border-box;
font-weight: 600; font-style: italic; color: #002493; font-size: 28px; line-height: 1.4;}
	
.ded-feature span, .Owners.availableReservations .price {background: #ff0000; border-radius: 50%; padding: 2px 18px; font-size: 48px; vertical-align: middle; font-weight: bold; color: #fff;}
.Pages.home .price {background: #ff0000; border-radius: 18px; padding: 2px 18px; vertical-align: middle; font-weight: bold; color: #fff; top: 0;}
.price {position: relative; top: 4px;}

.video {background:#fff95f; border-radius: 12px; padding:18px; text-align: center; margin: 0 18px;}
.video iframe {max-width:720px; height: 405px;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}