/*
|-----------------------------------------------------------------------------------------------------------
| FONTS
|-----------------------------------------------------------------------------------------------------------
|
*/

/*
REGULAR EXTRA CONDENSED:
	font-family: "acumin-pro-extra-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;

REGULAR CONDENSED:
	font-family: "acumin-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;

LIGHT:
	font-family: "acumin-pro-extra-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;

EXTRA LIGHT:
	font-family: "acumin-pro-extra-condensed",sans-serif;
	font-style: normal;
	font-weight: 200;

ITALIC:
	font-family: "acumin-pro-extra-condensed",sans-serif;
	font-style: italic;
	font-weight: 400;

SEMIBOLD:
	font-family: "acumin-pro-extra-condensed",sans-serif;
	font-style: normal;
	font-weight: 600;

BOLD:
	font-family: "acumin-pro-extra-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
*/

/*
|-----------------------------------------------------------------------------------------------------------
| GLOBAL TAG STYLES
|-----------------------------------------------------------------------------------------------------------
*/

body .wrapper {
	font-family:"acumin-pro-condensed";
	color: #3d4543;
}
.wrapper {
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	font-size: 16px;
	color: #444;
}

a {
	border: medium none;
	font-weight: bold;
	outline: 0 none;
	text-decoration: none;
	color: #00adbb;
	font-family: "acumin-pro-condensed", sans-serif;
	-webkit-transition: color 225ms ease-in-out;
	-moz-transition: color 225ms ease-in-out;
	-o-transition: color 225ms ease-in-out;
	transition: color 225ms ease-in-out;
}
a:hover {
	border: medium none;
	opacity: 0.98;
	color: #00739a;
	text-decoration: none;
}

/* GAM AD OVERWRITES */
.contentRender_name_plugins_core_textbox a { color: #00adbb; }
.contentRender_name_plugins_core_textbox a:hover { color: #00739a; }

h1,
.title1,
.title1 a {
	color: #00adbb;
	font-family: "acumin-pro-extra-condensed", serif;
	font-size: 80px;
	font-weight: 300;
	line-height: 1em;
	margin: 10px auto;
}
h2,
.title2,
.title2 a {
	color: #222;
	font-family: "acumin-pro-condensed",cursive;
	font-size: 30px;
	line-height: 1.3em;
}
h3,
.title3,
.title3 a {
	color: #3d4543;
	font-family: "acumin-pro-condensed";
	font-size: 12px;
	line-height: 1em;
	margin: 10px auto 25px;
}
.contentRender_name_plugins_core_textbox h3 {
	font-size: 28px;
	line-height: 1em;
}
h4,
.title4,
.title4 a {
	color: #222;
	font-family: "acumin-pro-condensed",cursive;
	font-size: 26px;
	line-height: 1em;
}
h5,
.title5,
.title5 a {
	color: #3d4543;
	font-family: "acumin-pro-condensed",sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3em;
	text-transform: uppercase;
}
h6,
.title6,
.title6 a {
	color: #3d4543;
	font-family: "acumin-pro-condensed",sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3em;
	text-transform: uppercase;
}
p{
	font-family: "acumin-pro-condensed", serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #2d2d2d;
	margin: 0 0 20px;
}
em {
	padding-right: 2px;
}
li {
	font-family: "acumin-pro-condensed", serif;
	font-size: 20px;
	line-height: 30px;
}
ul {margin-left: 1.8em;}
.wrapper img {
		border: medium none;
}
.wrapper .ui-datepicker select {
		padding: 0;
}
.ui-datepicker {
		z-index: 10 !important;
}
.text-cont {
		text-align:center;
		padding:100px 0px;
		position:relative;
}
.center-align {
		text-align:center;
}
.title-description {
		color:#939786;
		font-size:18px;
		margin-bottom:60px;
		text-transform:uppercase;
		font-family: "acumin-pro-condensed", sans-serif;
}
.text-cont .title1,
.text-cont .title2,
.text-cont .title4,
.text-cont .title5,
.text-cont .title6 {
		margin-bottom:-10px;
}
.text-cont .title2 {
		margin-bottom:-10px;
}
.text-cont .title3 {
		margin-bottom:-5px;
}
.sample2 .title5 {
		text-transform: capitalize;
}
.sample2 .title6 {
		font-weight: 400;
}

.pattern1 {
		background-image: url("/includes/public/assets/images/pattern1.jpg");
}

.color-head .title1 {
		color: #fff;
		margin: 6px 0;
}
.body-copy {
		color:#343433;
		font-size:16px;
		font-family: "acumin-pro-condensed", sans-serif;
		margin:20px auto;
}
.body-copy a {
		color:#343433;
		font-weight:700;
}
.text-cont .title1,
.text-cont .title2,
.text-cont .title4,
.blog-caption .title2,
.body-copy a {
		display:inline;
		background-size:0% 90%;
		background-repeat:no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent 80%, #ffda27 80%);
		background-image: -o-linear-gradient(transparent, transparent 80%, #ffda27 80%);
		background-image: -moz-linear-gradient(transparent, transparent 80%, #ffda27 80%);
		background-image: linear-gradient(transparent, transparent 80%, #ffda27 80%);
		transition:all ease .5s;
}
.text-cont .title2 {
		background-image: -webkit-linear-gradient(transparent, transparent 80%, #ffef9f 80%);
		background-image: -o-linear-gradient(transparent, transparent 80%, #ffef9f 80%);
		background-image: -moz-linear-gradient(transparent, transparent 80%, #ffef9f 80%);
		background-image: linear-gradient(transparent, transparent 80%, #ffef9f 80%);
}
.text-cont .title1:hover,
.text-cont .title2:hover,
.text-cont .title4:hover,
.body-copy a:hover,
.blog-caption .title2:hover,
.text-cont .sample2 .title1:hover,
.text-cont .sample2 .title2:hover,
.text-cont .sample2 .title4:hover,
.events-text .title6:hover {
		background-size:100% 90%;
}
.text-cont .sample2 .title1,
.text-cont .sample2 .title2,
.text-cont .sample2 .title4,
.events-text .title6 {
		display:inline;
		background-size:0% 90%;
		background-repeat:no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent 80%, #ffda27 80%);
		background-image: -o-linear-gradient(transparent, transparent 80%, #ffda27 80%);
		background-image: -moz-linear-gradient(transparent, transparent 80%, #ffda27 80%);
		background-image: linear-gradient(transparent, transparent 80%, #ffda27 80%);
		transition:all ease .5s;
}
.biggie-text {
		font-size:16px;
		text-transform:uppercase;
}

.btn-style, .btn-style:focus {
		background-color: #fff;
		border: 1px solid #f28b20;
		color: #f28b20;
		font-family: "acumin-pro-condensed",sans-serif;
		font-size: 18px;
		font-weight: 300;
		line-height: 1em;
		margin-bottom: 0;
		padding: 6px 20px;
		position: relative;
		text-transform: uppercase;
		transition: all 0.5s ease 0s;
}
.clear,
.clearfix {
		clear: both;
		line-height: 1px;
}

body .wrapper .row {
		max-width: 1100px;
}

::-webkit-input-placeholder {
	 color: #a7bbc9;
	 opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
	 color: #a7bbc9;
	 opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
	 color: #a7bbc9;
	 opacity: 1;
}

:-ms-input-placeholder {
	 color: #a7bbc9;
	 opacity: 1;
}

.mobile-fixed {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 200001;
}

.custom_header_slideshow_blog img {
	width: 100%;
}

/*
|-----------------------------------------------------------------------------------------------------------
| HEADER SECTION
|-----------------------------------------------------------------------------------------------------------
*/

.header-section{
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 999;
}

.header-section:before {
	content:"";
	position:absolute;
	top:0px;
 /* left:50%;*/
	width:100%;
	height:150px;
	z-index:-1;
	background-image: -moz-linear-gradient(rgba(0,0,0,0.8), transparent);
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.8), transparent);
	background-image: -ms-linear-gradient(rgba(0,0,0,0.8), transparent);
	background-image: linear-gradient(rgba(0,0,0,0.8), transparent);
/*  transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);*/
}
.homepage .header-section {}

.header-section .backtotop {position: fixed; bottom: 0; right: 0;}
.header-section .headerRow{ margin: 0 auto; max-width: 1000px;}

.header-section .section-top{
		height: 40px;
}
.header-section .section-top-lower {
		display: inline-block;
		position: relative;
		top: -2px;
		vertical-align: top;
}

.header-section .section-main-nav{
		height: 50px;
		background-color: rgba(0, 0, 0, 0.20);
}

.header-section .top-nav-cont {
	background-color: rgba(16, 22, 34, 0);
	height: 190px;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 3;
}
.show-sub .header-section .top-nav-cont {
		background-color: rgba(16, 22, 34, 0.96);
		box-shadow: 0 0 0 0 #101622;
		height: 70px;
}

.header-section .top-nav-cont .top-header .top-header-left {
		position: relative;
		float: left;
}
.header-section .top-nav-cont .top-header .top-header-right {
	float: right;
	text-align: center;
}
.header-section .top-nav-cont .top-header .top-header-right .top-cont {
	position: relative;
	float: right;
}

.header-section .top-nav-cont .top-text {
		font-family: "acumin-pro-condensed", Arial;
		font-size: 13px;
		font-weight: 300;
		color: #939786;
		padding: 8px 0;
		text-align: center;
}

.header-section .top-nav-cont .top-cont .fa {
	font-size: 18px;
	line-height: 1;
	margin-left: 0;
	position: relative;
	top: -3px;
	vertical-align: middle;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.header-section .top-nav-cont .top-cont > .active { }
.header-section .top-nav-cont .top-cont>.active .fa { }
.header-section .top-nav-cont .top-cont span { font-family: "acumin-pro-condensed"; }

.header-section .top-nav-cont .fa {}
.header-section .top-header-right .top-dd {
	background-color: rgba(255,255,255,0.8);
	display: none;
	width: 220px;
	min-height: 50px;
	padding: 10px;
	position: absolute;
	top: 55px;
	transform-origin: 100% 0 0;
	box-shadow: 1px 0 5px rgba(0,0,0,.4);
	z-index: 20001;
}

.header-section .top-header-right .top-dd select {
	background-color: transparent;
}
.header-section .top-header-right .top-dd.active {
		display: block;
}
.header-section .top-header-right .top-dd ul {
		padding: 0;
		margin: 0;
}
.header-section .top-header-right .top-dd li {
	float: left;
	list-style: outside none none;
	text-align: left;
	width: 50%;
}
.header-section .top-header-right .top-dd li a {
		display: block;
		width: auto;
		font-family: "acumin-pro-condensed", Arial;
		font-size: 18px;
		font-weight: 300;
		line-height: 18px;
		color: #616a72;
		text-align: left;
		text-transform: none;
		padding: 8px 10px;
}
.header-section .top-header-right .top-dd li a:hover { color: #00739a; }

.header-section .nav-marker {
	position: relative;
	left: 0;
	z-index: 20002;
	background: url('/includes/public/assets/images/nav-marker.png') no-repeat bottom center;
	width: 100%;
	height: 30px;
	display: none;
	opacity: 0.8;
}

.header-section .active .nav-marker { display: block; }

.header-section .weather-cont,
.header-section .weather-cont .weather-icon,
.header-section .weather-cont .weather-text,
.header-section .translate-cont,
.header-section .surfreport-cont,
.header-section .ind-nav-cont,
.header-section .ind-nav-cont a,
.header-section .search-cont {
	display: inline-block;
	font-family: "acumin-pro-condensed", sans-serif;
	color: #939786;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
	font-size: 13px;
	text-transform: uppercase;
}

.header-section .surfreport-cont .surfreport-dd {
	cursor: default !important;
}

.header-section .search-cont { text-align: center; }

.header-section .translate-cont,
.header-section .surfreport-cont {
	padding: 5px 0px;
	text-align: center;
	width: 50px;
	vertical-align: top;
	cursor: pointer;
}
.header-section .surfreport-cont { float: left;}

.header-section .surfreport-cont a {
		font-family: "acumin-pro-condensed", sans-serif;
		color: #fff;
}
.header-section .top-header-right .surfreport-cont .nav-marker {
	top: -6px;
}
.header-section .top-header-right .surfreport-dd {
	right: 0;
	width: 490px;
	font-size: 16px;
	color: #616a72;
}
.header-section .top-header-right .surfreport-dd .imagebox,
.header-section .top-header-right .surfreport-dd .text { float: left; }

.header-section .top-header-right .surfreport-dd .imagebox {
	border-right: 1px solid #ccc;
	margin-top: 10px;
	padding: 0 20px 0px 10px;
	text-align: left;
	width: 57%;
	margin-bottom: 0;
}
.header-section .top-header-right .surfreport-dd .imagebox img {
	max-height: 152px;
}
.header-section .top-header-right .surfreport-dd .imagebox .link {
	position: relative;
	bottom: 0px;
	height: auto;
	padding: 0;
	text-align: center;
	width: 100%;
}
.header-section .top-header-right .surfreport-dd .imagebox .link a:after {
	content: "\f105";
	margin: 0 0 0 7px;
	font-family: "FontAwesome";
	line-height: 28px;
	display: inline-block;
}
.header-section .top-header-right .surfreport-dd .imagebox .link a {
	background-color: transparent !important;
	color: #00adbb !important;
	font-family: "acumin-pro-condensed",sans-serif;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 30px;
	text-align: center;
	padding: 0;
	border: none;
	display: block;
}
.header-section .top-header-right .surfreport-dd .imagebox .link a:hover {
	text-decoration: underline;
}

.header-section .top-header-right .surfreport-dd .text {
	width: 43%;
	padding: 0px 10px 10px 20px;
	margin: 10px auto 0;
	text-align: center;
}
.header-section .top-header-right .surfreport-dd .text .top-link a,
.header-section .top-header-right .surfreport-dd .text .mid-link a,
.header-section .top-header-right .surfreport-dd .text .btm-link a {
	display: block;
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
	padding: 10px 20px;
	color: inherit;
}
.header-section .top-header-right .surfreport-dd .text .top-link,
.header-section .top-header-right .surfreport-dd .text .btm-link {
	color: #00adbb;
	border: 1px solid #00adbb;
	margin-bottom: 10px;
}
.header-section .top-header-right .surfreport-dd .text .mid-link {
	color: #f28b20;
	border: 1px solid #f28b20;
	margin-bottom: 10px;
	margin-top: 15%;
}

.header-section .top-header-right .surfreport-dd .surfline-logo { margin-top: 10px; }

.header-section .translate-cont img,
.header-section .surfreport-cont img {
		position: relative;
		top: 0px;
}

.header-section .translate {
		float: left;
		position: relative;
		width: 50px;
	text-align: center;
	z-index: 20003;
	cursor: pointer;
}
.header-section .translate .nav-marker { top: -6px; }
.header-section .translate img {
		position: relative;
		top: -2px;
		min-width: 22px;
}
.header-section .translate .title { margin-right: 20px; }
.header-section .translate .lang {
		display: inline-block;
		margin-left: 10px;
}

.header-section .mobilenav .translate {
		position: absolute;
		right: 15px;
	z-index: 20003;
}

.header-section .translate-dd {
		background-color: #00aeef;
	display: none;
	min-height: 200px;
	min-width: 220px;
	position: absolute;
	left: -50px;
	top: 40px;
	z-index: 20002;
		padding: 3px;
}
.header-section .mobilenav .translate-dd {right: 15px; max-width: 210px;}
.header-section .translate-dd.active {display: block;}

.header-section .translate-dd form {
	display: block;
	height: auto;
	margin: 20px 0 0;
	padding: 0 10px;
}
.header-section .translate-dd form select {
	border: 1px solid #a7bbc9;
	box-sizing: border-box;
	height: auto;
	padding-top: 5px;
}

.header-section .weather-cont {
	position: relative;
	top: -5px;
	cursor: pointer;
	font-size: 16px;
	float: left;
	text-align: right;
	vertical-align: middle;
	width: 110px;
	margin: 0 15px;
}
.header-section .weather-cont.loaded {
	width: 100px;
}
.header-section .top-header-right .weather-cont .nav-marker {
	top: -20px;
}

.header-section .weather-cont .weather-text {
	position: relative;
	top: -3px;
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 32px;
	font-weight: 300;
	color: #fff;
	margin-left: 8px;
}
.header-section .weather-cont .weather-text span { font-family:"acumin-pro-condensed"; color: #fff; }
.header-section .weather-cont .weather-icon {
	color: #fff;
	font-size: 30px;
	font-family: weathericons;
	font-style: normal;
	font-weight: 400;
	vertical-align: top;
	text-align: center;
	display: inline-block;
	float: left;
}
.mobilenav-btm .weather-cont .weather-icon {
	position: relative;
	top: 12px;
	color: #f28b20;
}
.header-section .weather-cont .fa {
	display: inline-block;
	-webkit-transition: all 0.2s linear;
	 -ms-transition: all 0.2s linear;
	 transition: all 0.2s linear;
}
.header-section .weather-cont.active .fa-angle-down {
	transform: rotate(180deg);
}
.header-section .top-dd.weather-dd {
	min-width: 500px;
	padding: 20px 20px 10px;
	right: 0;
	top: 58px;
	width: 100%;
}
.header-section .weather-dd.active {
	display: block;
}
.header-section .weather-dd .weather-inner {
	 color: #fff;
	 padding: 3px 0 0;
	 position: relative;
}
.header-section .weather-dd .item {
	font-family:"acumin-pro-condensed";
	float: left;
	width: 28%;
	min-height: 145px;
	border-right: 1px solid #cdcdcd;
	padding: 0 20px;
}
.header-section .weather-dd .item:last-child {border: 0 none;}

.header-section .weather-dd .title {
	font-size: 16px;
	color: #a7bbc9;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.header-section .weather-dd .text {
	color: #616a72;
	display: inline-block;
	font-size: 26px;
	line-height: 1;
	position: relative;
	text-align: left;
	vertical-align: top;
}
.header-section .weather-dd .text.high-temp { margin-bottom: 20px; }

.header-section .weather-dd .icon {
	position: relative;
	top: -5px;
	display: inline-block;
	float: left;
	width: 36px;
	font-family: weathericons;
	font-size: 42px;
	line-height: 1;
	vertical-align: top;
	color: #f28b20;
}
.header-section .weather-dd .icon i { font-style: normal !important; }
.header-section .weather-dd .low-temp { margin-top: 20px; }

.header-section .weather-dd .item-current { width: 44%; }
.header-section .weather-dd .item-current .text .temp {
	position: relative;
	top: -8px;
	font-size: 70px;
}
.header-section .weather-dd .item-current .icon {
	position: relative;
	top: -5px;
	width: auto;
	font-size: 72px;
	vertical-align: top;
	line-height: 1;
}
.header-section .weather-dd .item-current .cond {
	font-family:"acumin-pro-condensed";
	font-size: 22px;
	color: #616a72;
	text-transform: none;
}

.header-section .weather-dd .more-link { margin: 20px 0; }
.header-section .weather-dd .more-link a {
	font-family:"acumin-pro-condensed";
	font-size: 18px;
	font-weight: 600;
	color: #00adbb;
	width: 100%;
	text-align: center;
}

.header-section .search-mobile{
	float: right;
	position: absolute;
	right: 11px;
	top: 9px;
}
.header-section .logo{
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	z-index: 20003;
	transition: all 0.5s ease 0s;
	pointer-events: none;
}
.header-section .logo a {position: relative; z-index: 10; left: 10px;}

.top-header,
.header-section .logo { float: left; }

.top-header {
	padding-top: 25px;
}
.header-section .logo img {
	max-width: 170px;
	padding-top: 10px;
	padding-left: 0px;
	pointer-events: all;
}
@media screen and (max-width: 1200px){
	.header-section .logo img {
		width: 100%;
		padding-left: 0 !important;
	}
}

.wrapper .slideshow-container {
	background: url(/includes/public/assets/images/header-noimage.jpg) no-repeat center center;
	background-size: cover;
	min-height: 90px;
	border-bottom: 3px solid #a7bbc9;
}

.wrapper .slideshow-container.no-bg {
	background-image: none;
	border-bottom: none;
}

.wrapper .slideshow-container.timeline { min-height: 0 !important; }

/*
|-----------------------------------------------------------------------------------------------------------
| BODY SECTION
|-----------------------------------------------------------------------------------------------------------
*/
.body-section{
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
}

.body-section h1 {
		text-align: left;
		line-height: 100%;
		padding-bottom: 25px;
}
.body-section .sub-title {
		color: #3d4543;
	font-family: "acumin-pro-condensed";
	font-size: 21px;
	line-height: 1em;
	margin: 10px auto 25px;
		text-align: center;
}
.body-section .intro-panel { padding: 70px 150px; }
.body-section .intro-panel h1 { text-align: center; }

.body-section .intro-text p {
		color: #343433;
	font-family: "acumin-pro-condensed",sans-serif;
	font-size: 16px;
	margin: 20px auto;
		text-align: center;
}

.body-section .maincont { padding: 0px; }

/* Desktop & up */
@media only screen and (min-width: 64.063em) {
	.body-section .panel_custom_one_col.blog-width .row {
		max-width: 1300px;
	}

	.body-section .panel_custom_pr_two_col.full-width .row {
		max-width: 100%;
	}
	.body-section .panel_custom_pr_two_col.full-width .row .columns.left_container {
		padding-left: 0;
	}
	.body-section .panel_custom_pr_two_col.full-width .row .columns.right_container {
		padding-right: 0;
	}

	.panel_custom_pr_three_col.full-width .row {
		max-width: 100% !important;
	}
	.panel_custom_pr_three_col.full-width .row .columns.first_container {
		padding-left: 0;
	}
	.panel_custom_pr_three_col.full-width .row .columns.third_container {
		padding-right: 0;
	}
}

.withheader .body-section .maincont { padding-top: 110px; }

.panel-one-col,
.panel-two-col-right,
.panel-two-col-left,
.panel-two-col-even {
		display: block;
}
.panel-two-col-right,
.panel-two-col-left,
.panel-two-col-even { padding-top: 60px; }

.panel-flex { display: flex; }
.flex1, .flex2 {
		flex: 1 1 0;
		overflow: hidden;
		position: relative;
}
.flex1 {
		flex: 1.5 1 0;
}
.flex2 {
		background-image: url("/includes/public/assets/images/img4.jpg");
		background-size: cover;
		min-height: 520px;
}

.panel-dtn-container {
	padding: 10px 0px;
	text-align: center;
}

.panel-dtn-container .dtn-container-inner {
	display: inline-block;
	vertical-align: top;
}

/* Booking Widget */

.booking .booking-form {
	display: inline-block;
	vertical-align: top;
	width:100%;
	margin: 20px 0;
}
.booking .booking-title2,
.booking .booking-title3 { margin-bottom: 0; }
.booking .booking-title2 { font-size: 30px; }
.booking .booking-title3 {
	font-size: 16px;
	text-transform: uppercase;
}
.booking .date,
.booking .category {
	float: left;
	position: relative;
	margin-right: 40px;
}
.booking .booking-form input,
.booking .booking-form select {
	display: inline-block;
	font-family:"acumin-pro-condensed", Arial;
	font-size: 17px;
	height: 40px;
	color: #404a46;
	text-transform: none;
	padding: 10px;
}
select::-ms-expand {
		display: none;
}
.booking .booking-form select { background: #fff url("/includes/public/assets/images/down-arrow.png") no-repeat scroll 94% 15px; }
.booking .booking-form .cal-icon {
	position: absolute;
	right: 10px;
	top: 8px;
	cursor: pointer;
}
.booking .booking-form .button,
.booking .booking-form button {
	background-color: transparent;
	display: inline-block;
	font-family:"acumin-pro-condensed";
	font-size: 21px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0;
	width: auto;
}
.booking .booking-form .button {
	background: url('/includes/public/assets/images/button-bg.jpg') repeat;
	float: left;
}
.booking .booking-form button { padding: 0px 12px; }

/* Add This Widget - Relocate to widget template during build */

.addthis-cont {
		position: relative;
		width: 100%;
		margin: 0px auto;
		text-align: right;
}
.addthis {
		position: relative;
		right: 20px;
		top: 15px;
}

/*
|-----------------------------------------------------------------------------------------------------------
| FOOTER SECTION
|-----------------------------------------------------------------------------------------------------------
*/

.footer-section {
	position: relative;
	text-align: center;
	z-index: 1;
}
.footer-section .footer-top {
	background-image: url(/includes/public/assets/images/footer-surfer.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	min-height: 420px;
	border-top: 1px solid #fff;
}
.footer-section .footer-top .footer-buttons {
	position: relative;
	min-height: 420px;
}
.footer-section .footer-top .footer-buttons .vguide {
	left:0;
}
.footer-section .footer-top .footer-buttons .newsletter {
	right: 0;
}
.footer-section .footer-top .footer-button {
	height: 135px;
	border: 2px solid #fff
}
.footer-section .footer-top .footer-button .title {
	line-height: 130px;
	font-family: "acumin-pro-extra-condensed", serif;
	font-size: 52px;
	color: #fff;
	font-weight: 100;
}
.footer-section .footer-top .footer-button .fa {font-size: 48px;}
.footer-section .footer-top .footer-button:hover{
	background-color: #fff
}
.footer-section .footer-top .footer-button:hover .title {
	color: #00adbb;
}
@media screen and (min-width: 640px){
	.footer-section .footer-top .footer-buttons .vguide,
	.footer-section .footer-top .footer-buttons .newsletter {
		position: absolute;
		top:50%;
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 1024px){
	.footer-section .footer-top .footer-button {
		height: 85px;
	}
	.footer-section .footer-top .footer-button .title {
		font-size: 30px;
		line-height: 82px;
	}
	.footer-section .footer-top .footer-button .title .fa{
		font-size: 30px;
	}
}

@media screen and (max-width: 640px){
	.footer-section .footer-top .footer-buttons{
		padding: 100px 0;
	}
	.footer-section .footer-top .footer-button {
		margin: 10px 0;
	}
}

.footer-section .footer-middle .footer-info {
	background-color: #00adbb;
	border-top: 1px solid #fff;
	width: 100%;
	min-height: 200px;
	padding: 35px 0;
	position: relative;
}

.footer-section .section-footer-nav-main {
		text-align: left;
		padding: 0 15px;
}
.footer-section .footer-address {
		font-family: "acumin-pro-condensed", serif;
		font-size: 18px;
		text-align: left;
		color: #fff;
		margin-top: 20px;
}
.footer-address a {
		font-family:"acumin-pro-condensed", serif;
	font-weight: 700;
		color: #fff;
}

.footer-section .footer-bottom {
		font-family: "acumin-pro-condensed",serif;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: center;
}
.footer-section .footer-row {
	padding: 0;
	text-align: left;
	box-sizing: border-box;
}

.footer-section .copyright {
		display: block;
		color: #a7bbc9;
		font-size: 14px;
		text-align: center;
		line-height: 1;
		vertical-align: middle;
}
.footer-section .logos{text-align: center;}
.footer-section .usa-logo,
.footer-section .california-logo,
.footer-section .tripadvisor-logo,
.footer-section .sv-logo {
	/*float: left;*/
	/*width: 24%;*/
	text-align: center;
	padding: 15px 5px 0;
 /* padding-top: 15px;
	padding-right: 0px;*/
	display: inline-block;
}

.footer-section .usa-logo img {
	height: 33px;
	/* width: auto; */
}

.footer-section .sv-logo {
	text-align: center;
	padding-right: 0;
}
.footer-section .sv-logo a {
		height: 40px;
		line-height: 40px;
		vertical-align: middle;
}
.footer-section .sv-logo a img { padding-top: 5px; }

a.blast-off-button {
		width:50px;
		height:50px;
		position:fixed;
		pointer-events:auto;
		right:0px;
		bottom:0px;
		z-index:99999;
		background-image:url(/includes/public/assets/images/to-top.png);
		opacity:0;
		transition:opacity ease .5s;
}
.top-show a.blast-off-button {
		opacity:1;
}
.top-hide a.blast-off-button {
		opacity:0;
}

/*** GDPR Banner ***/
.gdpr-banner {
    position: fixed;
    bottom: 25px;
    right: 0px;
    max-width: 600px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    z-index: 1001;
}

.gdpr-banner.dismissed {
    -webkit-transform: translateX(110%);
            transform: translateX(110%);
}

.gdpr-banner .banner-inner {
	display: flex;
	align-items: center;
    padding: 10px 15px;
}

.gdpr-banner .banner-message {
	flex: 1;
	padding-right: 10px;
}

.gdpr-banner p, .gdpr-banner a {
	margin: 0px;
	font-size: 16px;
    line-height: 1.2;
}

@media (max-width: 64.063em) {
    .gdpr-banner {
        position: relative;
        bottom: 0;
        max-width: none;
    }
    .gdpr-banner.dismissed { transform: translate(0, 110%); }
}

@media (max-width: 40.063em) {
	.gdpr-banner .banner-inner { flex-direction: column; padding: 10px 15px 5px; }
	.gdpr-banner .banner-close { margin-top: 8px; }
}

/*
|-----------------------------------------------------------------------------------------------------------
| VGuide and Enews Signup
|-----------------------------------------------------------------------------------------------------------
*/

.vguide-cont {
		margin-top: 10px;
		margin-bottom: 60px;
}

.vguide-cont .vguide-title3 {
		float: left;
		width: 58%;
}

.vguide-cont .vguide-form { float: left; }
.vguide-cont .button { margin-top: 10px; }

.vguide-cont .title3,
.enews-cont .title3 {
		font-size: 18px;
		color: #fff;
		margin-bottom: 10px;
		line-height: 26px;
		text-align: left;
}

.enews-cont form input[type="text"] {
		display: inline-block;
		font-family: "acumin-pro-condensed",sans-serif;
		width: 75%;
		text-transform: none;
		margin-right: 3px;
}

.vguide-cont .button,
.enews-cont form .button {
		display: inline-block;
}


/*
|-----------------------------------------------------------------------------------------------------------
| Social LInks Widget -  Relocate to widget template during build
|-----------------------------------------------------------------------------------------------------------
*/

.social-buttons {
		margin: 20px auto 0;
		position: relative;
		text-align: left;
		width: auto;
}
.social-buttons .social-icon {
	box-sizing: border-box;
	width: auto;
		height: auto;
		display: inline-block;
		text-align: center;
		margin-right: 15px;
		margin-bottom: 10px;
}
.social-buttons .social-icon.last { margin-right: 0; }
.social-buttons .social-icon a .fa {
		line-height: 1;
		vertical-align: middle;
		display: block;
		font-size: 30px;
		color: #fff;
}

/*** END SOCIAL INFO ***/

/*
|-----------------------------------------------------------------------------------------------------------
| MISC
|-----------------------------------------------------------------------------------------------------------
*/


.dtn-ad {margin: 0 auto 20px; text-align: center;}


/*
|-----------------------------------------------------------------------------------------------------------
| MEDIA QUERIES
|-----------------------------------------------------------------------------------------------------------
*/
/*** Mobile ***/
@media only screen and (max-width: 40em) {
		h1 {
				font-size: 30px;
				line-height: 32px;
				margin-bottom: 10px;
		}
		h2 {
				font-size: 24px;
				line-height: 24px;
		}
		h3 {
				font-size: 16px;
				line-height: 18px;
		}

		p {font-size: 14px;}

		.body-section .intro-panel { padding: 50px 30px; }
		.body-section .intro-text p,
		.body-section .content-main,
		.body-section .content-main a,
		.body-section .content-main ul,
		.body-section .intro-text a {
				font-family: "acumin-pro-condensed", Arial;
				font-size: 16px;
				line-height: 22px;
		}

		.body-section h1 {
				font-size: 34px;
				margin-bottom: 20px;
				padding-bottom: 15px;
		}

		.header-section::before { height: 80px; }

		.header-section .top-nav-cont { height: 90px; }

		.header-section .translate-cont,
		.header-section .surfreport-cont {
			padding: 15px 10px;
			width: 45%;
		}

		.header-section .logo img {
				max-width: 160px;
		padding-left: 0;
		}

		.body-section,
		.body-section .maincont {padding: 0;}
		.body-section .maincont.noBooking {padding-top: 30px;}
		.body-section .maincont.timeline {padding-top: 0;}
		.body-section {margin-top: 0;}

		.footer-section {margin-top: 0px;}
		.footer-section .footer-logo { display: block; width: 100%; text-align: center; margin-top: 20px; }
		.footer-section .footer-logo img { max-width: 200px; }
		.footer-section .footer-row,
		.footer-section .sv-logo {text-align: center;}
		.footer-row {padding: 0 10px 0; margin-top: 20px; font-size: 12px;}

		.footer-section .footer-middle .footer-info {margin: 0px auto 0; padding: 0 10px 20px;}

		.footer-section .footer-address { text-align: center; }

		.footer-section .copyright { line-height: 1.4; }

	.footer-section .usa-logo,
	.footer-section .california-logo,
	.footer-section .tripadvisor-logo,
	.footer-section .sv-logo {
		width: 50%;
		float: left;
	}

	.social-buttons { text-align: center; }
		.social-buttons .social-icon {
		text-align: center;
	}
}


/*** Tablet and Desk***/
@media only screen and (min-width: 40.063em){

		/*
		|------------------------
		| HEADER SECTION
		|------------------------
		*/

		/*
		|------------------------
		| BODY SECTION
		|------------------------
		*/

		/*
		|------------------------
		| FOOTER SECTION
		|------------------------   */

}
/*** Tablet ***/
@media only screen and (min-width: 40.063em) and (max-width: 1025px) {

		p {font-size: 16px;}

		a, a:link, a:visited, a:focus {}

		body .wrapper .panel-two-col-even.row,
		body .wrapper .content-main {
			margin: 0 auto;
			display: block;
			float: none;
		}

	 .header-section .top-nav-cont {
			position: absolute;
			height: 160px;
	 }

	.header-section .top-nav-cont .top-header .top-header-right {
		margin-right: 100px;
	}

	.header-section .nav-marker { min-width: 36px; }

	.header-section .translate {
		text-align: right;
	}
	.header-section .weather-cont {

	}
	.header-section .surfreport-cont {
		min-width: 22px;
	}

	.body-section { margin-top: 0px; }

	.body-section .maincont.noBooking {padding-top: 30px;}
	.body-section .maincont.timeline {padding-top: 0;}

	.body-section .intro-panel { padding: 60px 80px 70px; }

	.header-section .mobilenav .trip-lang { display: none; }

	.wrapper .slideshow-container { min-height: 130px; }

}

/*** Custom Tablet ***/
@media only screen and (min-width: 40.063em) and (max-width: 780px) {

}

/*** Desktop ***/
@media only screen and (min-width: 64.063em) {

		h1,
		.title1,
		.title1 a { font-size: 104px; }
		h2,
		.title2,
		.title2 a { font-size: 40px; }
		h3,
		.title3,
		.title3 a { font-size: 21px; }
		.contentRender_name_plugins_core_textbox h3 { font-size: 38px; }
		h4,
		.title4,
		.title4 a { font-size: 36px; }
		h5,
		.title5,
		.title5 a { font-size: 30px; }
		h6,
		.title6,
		.title6 a { font-size: 24px; }

		.collapse {padding: 0 !important;}

		/*
		|------------------------
		| HEADER SECTION
		|------------------------
		*/

		.top-header {
			position: relative;
			padding-top: 50px;
			padding-left: 30px;
		}

		.header-section .logo img {
				max-width: 290px;
				padding-left: 38px;
		}

		.wrapper .slideshow-container { min-height: 300px; }

		/*
		|------------------------
		| BODY SECTION
		|------------------------
		*/

		.body-section .maincont {}
		.body-section .maincont.noInterior {padding-top: 30px;}
		.body-section .maincont.timeline {padding-top: 0;}
		.home .body-section .maincont.noInterior {padding-top: 0;}

		.panel_custom_two_col .content-right,
		.panel_custom_two_col .content-main {
				margin: 0 auto;
				padding: 0;
		}

		.addthis { top: 10px; }

		/*
		|------------------------
		| FOOTER SECTION
		|------------------------
		*/

		.booking .booking-title2 { font-size: 40px; }
		.booking .booking-title3 { font-size: 21px; }

		.footer-section .copyright {
				display: inline-block;
				text-align: left;
		}
		.footer-section .logos {text-align: rignt;}
		.footer-section .usa-logo,
		.footer-section .california-logo,
		.footer-section .tripadvisor-logo,
		.footer-section .sv-logo {
				width: auto;
				padding-top: 5px;
				padding-right: 8px;
				vertical-align: bottom;
			}

		/*.footer-section .sv-logo { text-align: right; }*/
}

/* Shared Form */
.shared-form {

}

/* Shared Input */
.shared-input,
.shared-input[type] {
	border: none;
	background-color: #fff;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #00adbb;
	padding: 0 15px;
	margin-bottom: 20px;
}
.shared-input::-webkit-input-placeholder {
	color: #b5b5b5;
}
.shared-input::-moz-placeholder {
	color: #b5b5b5;
}
.shared-input:-ms-input-placeholder {
	color: #b5b5b5;
}
.shared-input:-moz-placeholder {
	color: #b5b5b5;
}

/* Shared Select */
.shared-select {
	position: relative;
	color: #00adbb;
	font-family: 'acumin-pro-condensed', sans-serif;
	font-size: 18px;
	border: none;
	background-color: #fff;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	padding-right: 45px;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 20px;
	background-image: url(/includes/public/assets/images/listings/fa-angle-down.png);
	-moz-appearance: none;
}
.shared-select:before {
	content: '\f107';
	font-size: 30px;
	font-family: 'FontAwesome';
	color: #00adbb;
	text-transform: uppercase;
	line-height: 40px;
	text-align: center;
	position: absolute;
	right: 10px;
}

/* Shared Button */
button.shared-button,
a.shared-button,
.shared-button {
	display: block;
	width: 100%;
	color: #fff;
	border: 1px #fff solid;
	font-size: 18px;
	line-height: 38px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'acumin-pro-condensed' ,sans-serif;
	font-weight: 400;
	padding: 0;
	overflow: hidden;
	position: relative;
	background-color: transparent !important;
	transition: all ease .5s;
	margin: auto;
	margin-bottom: 20px;
}
button.shared-button.green,
a.shared-button.green,
.shared-button.green {
	color: #00adbb;
	border-color: #00adbb;
}
button.shared-button.orange,
a.shared-button.orange,
.shared-button.orange {
	color: #f28b20;
	border-color: #f28b20;
}
button.shared-button.blue,
a.shared-button.blue,
.shared-button.blue {
	color: #00739a;
	border-color: #00739a;
}
button.shared-button:hover,
a.shared-button:hover,
.shared-button:hover,
.shared-button.hover {
	color: #fff;
}
@media only screen and (max-width: 64em) {
	button.shared-button.green:hover,
	a.shared-button.green:hover,
	.shared-button.green:hover,
	.shared-button.green.hover {
		color: #00adbb;
	}
	button.shared-button.orange:hover,
	a.shared-button.orange:hover,
	.shared-button.orange:hover,
	.shared-button.orange.hover {
		color: #f28b20;
	}
	button.shared-button.blue:hover,
	a.shared-button.blue:hover,
	.shared-button.blue:hover,
	.shared-button.blue.hover {
		color: #00739a;
	}
}
@media only screen and (max-width: 40em) {
	button.shared-button,
	a.shared-button,
	.shared-button {
		max-width: 150px;
	}
}
button.shared-button:before,
a.shared-button:before,
.shared-button:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120%;
	height: 100%;
	opacity: 0;
	background-color: #00adbb;
	transform: translate(-50%,-50%) scale(0);
	-ms-transform: translate(-50%,-50%) scale(0);
	-webkit-transform: translate(-50%,-50%) scale(0);
	transition: all ease .5s;
}
button.shared-button.green:before,
a.shared-button.green:before,
.shared-button.green:before {
	background-color: #00adbb;
}
button.shared-button.orange:before,
a.shared-button.orange:before,
.shared-button.orange:before {
	background-color: #f28b20;
}
button.shared-button.blue:before,
a.shared-button.blue:before,
.shared-button.blue:before {
	background-color: #00739a;
}
@media only screen and (max-width: 64em) {
	button.shared-button:before,
	a.shared-button:before,
	.shared-button:before {
		content: none;
	}
	.shared-button.hover:before {
		content: '';
	}
}
button.shared-button:hover:before,
a.shared-button:hover:before,
.shared-button:hover:before,
.shared-button.hover:before {
	opacity: 1;
	transform: translate(-50%,-50%) scale(1);
	-ms-transform: translate(-50%,-50%) scale(1);
	-webkit-transform: translate(-50%,-50%) scale(1);
}
button.shared-button > span,
a.shared-button > span,
.shared-button > span {
	position: relative;
	z-index: 1;
	pointer-events: none;
}

/* Add This */
.shareButtons {height: 35px;}
@media screen and (max-width: 1025px){
	.shareButtons {height: 65px;}
	.shareButtons ul.add-this {margin-top: 30px;}
	.listings .shareButtons {height: 30px;}
	.listings .shareButtons ul.add-this {margin-top: 0;}
}
ul.add-this {
	float: right;
	list-style: none;
	margin-bottom: 10px;
	text-align: center;
	position: relative;
	z-index: 1;
}
ul.add-this li {
	float: left;
	margin-left: 5px;
}
ul.add-this li:first-child {
	margin-left: 0;
}
ul.add-this a {
	display: block;
	height: 30px;
	line-height: 30px;
	width: 30px;
	background-color: #00739a;
	color: #fff;
}

/* Map Explorer */
iframe#mapExplorer {
	display: block;
}

/* Booking */
#aresWrap h1 {
	padding-bottom: 0;
	text-align: center;
}
/*@media only screen and (max-width: 64em) {
	.booking {
		margin-bottom: 30px;
	}
}*/
/*@media only screen and (max-width: 64em) {
	.maincont.timeline .booking {
		margin-bottom: 0;
	}
	.home .booking {
		margin-bottom: 0;
	}
}
.booking .title {
	color: #fff;
	text-align: center;
	font-size: 22px;
	line-height: 20px;
	text-transform: uppercase;
	margin: 20px 0;
}
.booking .title i.fa {
	display: none;
	font-size: 28px;
	line-height: 20px;
	margin-left: 5px;
}
@media only screen and (min-width: 40em) {
	.booking form {
		display: block !important;
	}
}
@media only screen and (max-width: 40em) {
	.booking .title {
		cursor: pointer;
	}
	.booking .title i.fa {
		display: inline-block;
	}
	.booking form {
		display: none;
	}
}
.booking input {
	display: block;
	width: 100%;
	font-family: 'acumin-pro-condensed', sans-serif;
	background-color: #fff;
	border: none;
	color: #a7bbc9;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(/includes/public/assets/images/listings/fa-calendar.png);
}
.booking input::-webkit-input-placeholder {
	color: #a7bbc9;
}
.booking input::-moz-placeholder {
	color: #a7bbc9;
}
.booking input:-ms-input-placeholder {
	color: #a7bbc9;
}
.booking input:-moz-placeholder {
	color: #a7bbc9;
}
.booking button {
	font-family: 'acumin-pro-condensed', sans-serif;
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 18px;
	height: 40px;
	line-height: 38px;
	padding: 0;
	width: 100%;
	margin-bottom: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media only screen and (max-width: 40em) {
	.booking button {
		width: auto;
		padding: 0 15px;
	}
}
*/

/*Home page map*/

.panel_custom_map_container{
		position: relative;
}

.panel_custom_map_container .map-inner{  }

/*Global to this widget*/
.panel_custom_map_container .map-inner .content-block{
		width: 100%;
}

@media only screen and (min-width: 64.063em) {
	.panel_custom_map_container .map-inner .content-block{
		position: absolute;
		bottom: 60px;
		left: 270px;
		width: 513px;
		z-index: 1;
	}
}

.panel_custom_map_container .map-inner .content-block .active{
	background-color: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}

.panel_custom_map_container .map-inner .content-block .area.active{ padding: 10px 15px 25px;}
.panel_custom_map_container .map-inner .content-block .districts.active{ padding: 10px 15px 0px;}

@media only screen and (min-width: 40.063em) {
	.panel_custom_map_container .map-inner .content-block .area.active{ padding: 10px 25px 65px;}
	.panel_custom_map_container .map-inner .content-block .districts.active{ padding: 10px 25px 75px;}
}


@media only screen and (min-width: 64.063em) {
	.panel_custom_map_container .map-inner .content-block .area.active{ padding: 10px 25px 15px;}
	.panel_custom_map_container .map-inner .content-block .districts.active{ padding: 10px 25px 25px;}
}

.panel_custom_map_container .map-inner .content-block .title{
		background-color: #00adbb;
		color: #fff;
		font-size: 22px;
		font-family: "acumin-pro-condensed",sans-serif;
		font-style: normal;
		font-weight: 400;
		text-transform: uppercase;
		cursor: pointer;
}

.panel_custom_map_container .map-inner .content-block :not(.active) .title{padding: 10px 15px}


.panel_custom_map_container .map-inner .content-block .active .title{
		background-color: #fff;
		color: inherit;
}

.panel_custom_map_container .map-inner .content-block .title .text{
		max-width: 250px;
		display: inline-block;
		line-height: 22px;
}

@media only screen and (min-width: 40.063em) {
	.panel_custom_map_container .map-inner .content-block :not(.active) .title{padding: 10px 25px}
	.panel_custom_map_container .map-inner .content-block .title{ font-size: 26px;}
	.panel_custom_map_container .map-inner .content-block .title .text{
		max-width: none;
		line-height: inital;
	}
}


.panel_custom_map_container .map-inner .content-block .description{
		display: none;
		overflow: hidden;
		font-size: 16px;
		font-family: "acumin-pro-condensed",sans-serif;
		font-style: normal;
		font-weight: 400;
}

.panel_custom_map_container .map-inner .content-block .description a{
	font-family: "acumin-pro-extra-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #00adbb;
}

.panel_custom_map_container .map-inner .content-block .title .icon{
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 10px;
		vertical-align: middle;
}

.panel_custom_map_container .map-inner .content-block .title .icon .fa{
	position: relative;
	top: 4px;
	font-size: 20px;
}

.panel_custom_map_container .map-inner .content-block .area .title .icon .fa{ top: -10px;}

@media only screen and (min-width: 40.063em) {
	.panel_custom_map_container .map-inner .content-block .title .icon .fa{ font-size: 22px;}
	.panel_custom_map_container .map-inner .content-block .title .icon .fa{ top: 2px}
	.panel_custom_map_container .map-inner .content-block .area .title .icon .fa{ top: 2px;}
}
.panel_custom_map_container .map-inner .content-block .title .icon .fa-plus-circle{ display: block;}
.panel_custom_map_container .map-inner .content-block .active .title .icon .fa-plus-circle{ display: none}

.panel_custom_map_container .map-inner .content-block .title .icon .fa-minus-circle{ display: none;}
.panel_custom_map_container .map-inner .content-block .active .title .icon .fa-minus-circle{ display: block;}

.panel_custom_map_container .map-inner .content-block .title .text{

}

/*Images*/
.panel_custom_map_container .map-inner .image-wrapper{
	position: relative;
	width: 100%;
	overflow: hidden;
	background-image: linear-gradient(to right, #6bd7dc, #f4f3ef);
}
.panel_custom_map_container .map-inner .image-wrapper:after{
	content:"";
	position: absolute;
	top:0;
	right: 0;
	width: 10%;
	height:100%;
	background-image: linear-gradient(to left, #f4f3ef, transparent);
	z-index: 1;
}
@media screen and (max-width: 640px){
	.panel_custom_map_container .map-inner .image-wrapper:after {
		display: none;
	}
}

@media only screen and (min-width: 64.063em) {
	.panel_custom_map_container .map-inner .image-wrapper{
		position: static;
		height: auto;
	}
}

.panel_custom_map_container .map-inner .image-wrapper img{ width: 100%;}

.panel_custom_map_container .map-inner .image-wrapper .overview-image{ display: none; }
.panel_custom_map_container .map-inner .image-wrapper .overview-image.active{ display: block;}

.panel_custom_map_container .map-inner .image-wrapper .district-image{ display: none }
.panel_custom_map_container .map-inner .image-wrapper .district-image.active{ display: block;}




@media only screen and (min-width: 40.063em) {
	.panel_custom_map_container .map-inner .image-wrapper .overview-image.active{
		display: block;
		position: relative;
		right: -164px;
		transform: scale(2, 1);
		-ms-transform: scale(2, 1);
		-webkit-transform: scale(2, 1);
		height: 640px;
	}
	.panel_custom_map_container .map-inner .image-wrapper .district-image.active{
		display: block;
		position: relative;
		margin-bottom: -6px;
	}
	.panel_custom_map_container .map-inner .image-wrapper .district-image.active svg{
		height: 640px;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64.063em) {
	.panel_custom_map_container .map-inner .image-wrapper .district-image.active{right: 472px;}
}

@media only screen and (min-width: 64.063em) {
	.panel_custom_map_container .map-inner .image-wrapper .overview-image.active{
		right: 0;
		transform: none;
		-ms-transform: none;;
		-webkit-transform: none;
		height: auto;
	}
	.panel_custom_map_container .map-inner .image-wrapper .district-image.active{ right: 0;}
	/*.panel_custom_map_container .map-inner .image-wrapper .district-image.active svg{width: 1600px;}*/
}


/*Area*/
.panel_custom_map_container .map-inner .content-block .area{  }
.panel_custom_map_container .map-inner .content-block .area.active{  }

.panel_custom_map_container .map-inner .content-block .area .title .icon{ }
.panel_custom_map_container .map-inner .content-block .area.active .title .icon{ }

.panel_custom_map_container .map-inner .content-block .area.active .description{ display: block; }

.panel_custom_map_container .map-inner .content-block .area .description ul {
		list-style-type: none;
		margin: 0;
		padding-left: 0;
		padding-right: 0;
}

.panel_custom_map_container .map-inner .content-block .area .description ul li{
		font-size: 16px;
		font-family: "acumin-pro-condensed",sans-serif;
		font-style: normal;
		font-weight: 400;
		line-height: 1.25;
}
.panel_custom_map_container .map-inner .content-block .area .description ul li span{ font-weight: 700}


/*Districts*/
.panel_custom_map_container .map-inner .content-block .districts{  }
.panel_custom_map_container .map-inner .content-block .districts.active{  }

.panel_custom_map_container .map-inner .content-block .districts .description{
		display: none;
		background-color: #fff;
		overflow: hidden;
		line-height: 1.4;
		margin-top: 10px;
		color: #616a72;
}

@media only screen and (min-width: 40.063em) {
	.panel_custom_map_container .map-inner .content-block .districts .description{
		line-height: 1.5;
		margin-top: 0;
	}
}

.panel_custom_map_container .map-inner .content-block .districts.active .description{ display: block; }

.panel_custom_map_container .map-inner .content-block .districts .description .select-dropdown{
	position: relative;
	margin-top: 16px;
}

.panel_custom_map_container .map-inner .content-block .districts .description .select-dropdown select{
	background-image: none;
	-moz-apperance: none;
	color: #00adbb;
	background: #fff;
	border: 1px solid #a7bac8;
	font-size: 16px;
	padding: 0px 10px;
	cursor: pointer;
	height: 40px;
	font-family: "acumin-pro-condensed",sans-serif;
}

.panel_custom_map_container .map-inner .content-block .districts .description .select-dropdown i{
	position: absolute;
	bottom: 22px;
	right: 10px;
	color: #00adbb;
	font-size: 25px;
	pointer-events: none;
	cursor: pointer;
}

/*Map*/
.panel_custom_map_container .effect{opacity: 0; cursor: pointer;}

.panel_custom_map_container .effect:hover{opacity: 1;}

/*Slider Holder*/

.custom-map-slider-holder{
		position: relative;
		top: 50px;
		background: #FFF;
		padding: 20px 34px;
		max-width: 720px;
		height: auto;
		margin: auto;
}

.custom-map-slider-holder .mfp-close{
		position: absolute;
		top: -16px;
		right: 0;
		margin-top: 0 !important;
		background-image: url(/includes/public/assets/images/map/close.png);
		background-color: #f28b20;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		opacity: 1;
}


@media only screen and (min-width: 40.063em) {
	.custom-map-slider-holder{top: auto;}
	.custom-map-slider-holder .mfp-close{right: -16px;}
}

@media only screen and (min-width: 64.063em) {
	.mfp-bg.map-slider-container.mfp-ready {opacity: 0;}

	.custom-map-slider-holder{
		max-width: 1125px;
		height: 494px;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
	}
	.custom-map-slider-holder .mfp-close{
		top: -20px;
		right: -20px;
		width: 38px;
		height: 38px;
		font-size: 40px;
	}
}


.embed-surf-cam a {margin: 0 auto}

/*DTN Panel*/
.dtn-panel {
	/*border: 1px solid #a7bbc9;*/
	margin: 40px 0;
	position: relative;
}
.dtn-panel .dtn-panel-title {
	margin: 0px 15px;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.dtn-panel .dtn-panel-title span {
	position: relative;
	display: inline-block;
	margin: auto;
	color: #a7bbc9;
	font-size: 24px;
	font-family: "acumin-pro-extra-condensed",sans-serif;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-align: center;
	text-transform: uppercase;
	z-index: 1;
}
.dtn-panel .dtn-panel-title span:after,
.dtn-panel .dtn-panel-title span:before {
	content: '';
	position: absolute;
	top: 0;
	height: 20px;
	width: 400px;
	border-bottom: 1px solid #a7bbc9;
}
.dtn-panel .dtn-panel-title span:before {
	right: 100%;
	margin-right: 15px;
}
.dtn-panel .dtn-panel-title span:after {
	left: 100%;
	margin-left: 15px;
}
.dtn-panel .left_container {}
.dtn-panel .right_container {}
.dtn-panel .bottom_container #dtnSpotlight {
	border: none;
	padding: 0;
}
@media screen and (max-width: 40em){
	.dtn-panel > .title {
		width: 140px;
	}
}

.dtn-panel .bottom_container #dtnSpotlight .spotlight-cont > .title {
	display: none;
}

@media screen and (max-width: 1024px){
	.dtn-panel .bottom_container #dtnSpotlight img {float: right; padding-right: 15px; width: 100%;}
}

.embed-widget {

}
.embed-widget > .title {
	font-size: 32px;
	line-height: 30px;
	padding: 40px;
	color: #fff;
	background-color: #333e48;
	text-align: center;
	text-transform: uppercase;
	font-family: "acumin-pro-condensed",sans-serif;
}
.embed-widget > .embed-wrapper {

}
@media screen and (max-width: 40em){
	.embed-widget > .title {
		padding: 20px;
	}
}

table { width: 100%; }

.pc-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	margin-bottom: 32px;
  }
  
  /* Then style the iframe to fit in the container div with full height and width */
  iframe.pc {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
    width: 100%;
  }