/* This ensures that the page always has a scrollbar to ensure that some headers load correctly without FOUC */

html, body {
    height: 100%;
}

body > .contentRender {
    min-height: 100%;
    height: 100%;
}

body .mfp-arrow:hover, body .mfp-arrow:focus {
	background-color: transparent; /* foundation compatibility with magnific popup */
}

/*---------------------------CORE STYLES---------------------------*/

/*
	Fonts:
	font-family:'Lucida Fax W01 Regular';
	font-family:'Lucida Fax W01 Italic';
	font-family:'Lucida Fax W01 Demi';
	font-family:'LucidaFaxW01-DemiItalic';
	font-family:'Avenir LT W01_45 Book1475508';
	font-family:'Avenir LT W01_55 Roman1475520';
	font-family:'Avenir LT W01_85 Heavy1475544';
*/

@font-face {
    font-family: 'maywilde';
    src: url('/includes/public/fonts/maywilde-webfont.woff') format('woff'),
         url('/includes/public/fonts/maywilde-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
.mw-font {
    font-family: 'maywilde', Arial, sans-serif;
}

.core-styles h1,
.contentRender_name_plugins_core_textbox h1 {
    color: #618fb3;
    font-size: 80px;
    line-height: 80px;
    font-family: 'maywilde';
}

.core-styles h2,
.contentRender_name_plugins_core_textbox h2 {
	color: #505151;
    font-size: 36px;
    line-height: 1.17;
    font-family: 'Avenir LT W01_45 Book1475508';
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.core-styles h3,
.contentRender_name_plugins_core_textbox h3 {
    color: #505151;
    font-size: 28px;
    line-height: 32px;
    font-family: 'Avenir LT W01_55 Roman1475520';
    letter-spacing: 0.1em;
}

.core-styles h4,
.contentRender_name_plugins_core_textbox h4 {
	color: #505151;
    font-size: 24px;
    line-height: 32px;
    font-family: 'Lucida Fax W01 Regular';
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.core-styles h5,
.contentRender_name_plugins_core_textbox h5 {
    color: #618fb3;
    font-size: 24px;
    line-height: 32px;
    font-family: 'Avenir LT W01_55 Roman1475520';
    letter-spacing: 0.1em;
}

.core-styles h6,
.contentRender_name_plugins_core_textbox h6 {
	color: #505151;
    font-size: 21px;
    line-height: 27px;
    font-family: 'Avenir LT W01_55 Roman1475520';
    letter-spacing: 0.1em;
}

.core-styles p,
.contentRender_name_plugins_core_textbox p {
    color: #505151;
    font-size: 19px;
    line-height: 28px;
    font-family: 'Avenir LT W01_55 Roman1475520';
}

.core-styles a,
.contentRender_name_plugins_core_textbox a {
	color: #43a5d1;
}

.core-styles ul:not([class*="block-grid-"]),
.core-styles ol:not([class*="block-grid-"]),
.contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]),
.contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]) {
	list-style-position: inside;
}
.core-styles ul:not([class*="block-grid-"]) li,
.core-styles ol:not([class*="block-grid-"]) li,
.contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]) li,
.contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]) li {
    color: #618fb3;
    font-size: 19px;
    line-height: 28px;
    font-family: 'Avenir LT W01_45 Book1475508';
    font-weight: 400;
}

.core-styles td,
.contentRender_name_plugins_core_textbox td,
.core-styles tr,
.contentRender_name_plugins_core_textbox tr {

}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}

.core-styles img[style*='float: right'],
.contentRender_name_plugins_core_textbox img[style*='float: right'] { margin-left : 15px; margin-bottom: 5px; }
.core-styles img[style*='float: left'],
.contentRender_name_plugins_core_textbox img[style*='float: left'] { margin-right : 15px; margin-bottom: 5px; }

@media screen and (max-width: 1024px){
	.core-styles h1,
	.contentRender_name_plugins_core_textbox h1 {
	    font-size: 70px;
	    line-height: 70px;
	    margin-bottom: 6px;
	}

	.core-styles h2,
	.contentRender_name_plugins_core_textbox h2 {
		font-size: 32px;
    	line-height: 38px;
	}

	.core-styles h3,
	.contentRender_name_plugins_core_textbox h3 {
	    font-size: 28px;
	    line-height: 32px;
	}

	.core-styles h4,
	.contentRender_name_plugins_core_textbox h4 {
		font-size: 24px;
	    line-height: 30px;
	}

	.core-styles h5,
	.contentRender_name_plugins_core_textbox h5 {
	    font-size: 24px;
    	line-height: 32px;
	}

	.core-styles h6,
	.contentRender_name_plugins_core_textbox h6 {
		font-size: 20px;
    	line-height: 27px;
	}

	.core-styles p,
	.contentRender_name_plugins_core_textbox p {
	    font-size: 17px;
    	line-height: 26px;
	}

	.core-styles ul:not([class*="block-grid-"]) li,
	.core-styles ol:not([class*="block-grid-"]) li,
	.contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]) li,
	.contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]) li {
	    font-size: 17px;
    	line-height: 26px;
	}
}

@media screen and (max-width: 640px){
	.core-styles h1,
	.contentRender_name_plugins_core_textbox h1 {
	    font-size: 42px;
	    line-height: 40px;
	    margin-bottom: 10px;
	}

	.core-styles h2,
	.contentRender_name_plugins_core_textbox h2 {
		font-size: 24px;
    	line-height: 28px;
	}

	.core-styles h3,
	.contentRender_name_plugins_core_textbox h3 {
	    font-size: 22px;
    	line-height: 26px;
	}

	.core-styles h4,
	.contentRender_name_plugins_core_textbox h4 {
	    font-size: 20px;
    	line-height: 26px;
	}

	.core-styles h5,
	.contentRender_name_plugins_core_textbox h5 {
	    font-size: 20px;
    	line-height: 26px;
	}

	.core-styles h6,
	.contentRender_name_plugins_core_textbox h6 {
		font-size: 18px;
	    line-height: 24px;
	}

	.core-styles p,
	.contentRender_name_plugins_core_textbox p {
	    font-size: 15px;
    	line-height: 23px;
	}

	.core-styles ul:not([class*="block-grid-"]) li,
	.core-styles ol:not([class*="block-grid-"]) li,
	.contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]) li,
	.contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]) li {
	    font-size: 15px;
    	line-height: 23px;
	}
}

/*---------------------------END CORE STYLES---------------------------*/

/*---------------------------FORM STYLES---------------------------*/
/* START RESET FORM STYLING. YOU SHOULDN'T HAVE TO MODIFY ANYTHING TILL CUSTOMIZE SECTION  */

/* The crm-calendar-popup class is added by JS in the header */
body.crm-calendar-popup  { overflow-y: hidden !important; }
body.crm-calendar-popup::-webkit-scrollbar { display: none; }
body.crm-calendar-popup .contentRender { display: none; }
body.crm-calendar-popup .crm-calendar-parent { padding: 0; margin: 0; background: #fff; }
body.crm-calendar-popup table { width: 100%; margin-bottom: 0;}
body.crm-calendar-popup table thead tr th,
body.crm-calendar-popup table tfoot tr th,
body.crm-calendar-popup table tfoot tr td,
body.crm-calendar-popup table tbody tr th,
body.crm-calendar-popup table tbody tr td,
body.crm-calendar-popup table tr td {
	padding: 2px;
	font-size: 12px;
}
body.crm-calendar-popup .lookup-cal,
body.crm-calendar-popup .lookup-calNav { border: none; }
body.crm-calendar-popup .lookup-calNav {
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
}
body.crm-calendar-popup .lookup-cal td,
body.crm-calendar-popup .lookup-calNav td { text-align: center; }
body.crm-calendar-popup .lookup-close {
	margin-top: 15px;
	text-transform: uppercase;
	padding-bottom: 20px;
}

/* TARGET CALENDER TRIGGER ON FORMS*/
.contentRender form.simpleForm a img { margin-bottom: 10px; }

.contentRender form.simpleForm .row textarea,
.contentRender form.simpleForm .row input { margin-bottom: 10px; }
.contentRender form.simpleForm .button { display: inline-block; }
.contentRender form.simpleForm .captcha img,
.contentRender #sv_submit_event_form img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
.contentRender form.simpleForm .hint,
.contentRender #sv_submit_event_form .sv_api_hint {
	display: block;
	text-align: center;
}
.contentRender form.simpleForm .captcha #code,
.contentRender #sv_submit_event_form #code {
	width: 200px;
	display: block;
	margin: 0 auto;
	margin-top: -13px;
}
.contentRender form.simpleForm .captcha { overflow: hidden; }
.contentRender form.simpleForm .captcha #capimage { float: left;  margin-top: 10px; margin-right: 8px; }
.contentRender form.simpleForm .captcha .hint { margin-top: 10px; }
.contentRender #sv_submit_event_form .svrecurall *,#sv_submit_event_form #recur_show_1 {
	-moz-transition: opacity .6s;
	-o-transition: opacity .6s;
	-transition: opacity .6s;
	-webkit-transition: opacity .6s;
}
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text] { padding: 6px; }
.contentRender #sv_submit_event_form td:not(:first-child) {
	padding-left: 0;
	vertical-align: middle;
}
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form label.recur_menu,
.contentRender #sv_submit_event_form legend,
.contentRender #sv_submit_event_form div.datalabel label {
	font-weight: normal;
}
.contentRender #sv_submit_event_form .progress {
	background: grey;
	height: 22px;
	line-height: 18px;
}
.contentRender div#sv_submit_event_form.submitEventForm { padding: 0 !important; }
.contentRender #sv_submit_event_form .svrecurall *,#sv_submit_event_form #recur_show_1{
	-moz-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
	-webkit-transition:all .6s;
}
.contentRender #sv_submit_event_form #customdate_list {padding: 0 !important; }
.contentRender #sv_submit_event_form #customdate_list table { margin-bottom: 0; border: 1px solid #ddd; }
.contentRender #sv_submit_event_form #customdate_list table td,
.contentRender #sv_submit_event_form #customdate_list table tr { border: none; }
.contentRender #sv_submit_event_form .recur_opt .detailbar { vertical-align: middle; }
.contentRender #sv_submit_event_form .recur_opt td {padding: 2px 0;}
.contentRender #sv_submit_event_form input[type=radio]:checked ~ div.recur_opt { max-height: 100%; }
.contentRender #sv_submit_event_form #recur_opts_99 { overflow: visible !important; }
.contentRender #sv_submit_event_form .inner_recur_opt,
.contentRender #sv_submit_event_form label.recur_menu { margin: 0 1.25em ;}
.contentRender #sv_submit_event_form .inner_recur_opt { padding: 0 1.25em 0 1.25em; }
.contentRender #sv_submit_event_form #recur_range {
	margin: 0 1.25em;
	padding: 0 1.25em 0 1.25em;
}
.contentRender #sv_submit_event_form .inner_recur_opt label {
	height: 50px;
	line-height: 46px;
}
.contentRender #sv_submit_event_form .inner_recur_opt select {
	border: none;
	border-radius: 2px;
	min-width: 60px;
	padding-right: 24px;
}
.contentRender #sv_submit_event_form .svrecurall input[type=text]:not(#customdate) {
	border: none;
	border-radius: 2px;
}
.contentRender #sv_submit_event_form .svrecurall #customdate {
	width: 130px;
	text-align: center;
	vertical-align: text-top;
}

.contentRender form.simpleForm .formCntrls,
.contentRender form.simpleForm h3 { text-align: center; }
@media only screen and (min-width: 40.125em) {
	.contentRender form.simpleForm p.hint,
	.contentRender form.simpleForm h3 {
		padding-left: 8px;
	}
	.contentRender form.simpleForm p.hint,
	.contentRender form.simpleForm .captcha,
	.contentRender form.simpleForm .formCntrls,
	.contentRender form.simpleForm h3 {
		margin-left: 25%;
		text-align: left !important;
		width: auto;
	}
	.contentRender form.simpleForm .columns p.hint {
		margin: 8px 0 10px 0;
		padding-left: 0px;
	}
	.contentRender form.simpleForm .captcha img,
	.contentRender form.simpleForm .captcha #code { margin-left: 0; }
	.contentRender form.simpleForm .hint { text-align: left; }
}
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	box-shadow: none;
}
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	border-radius: 0px;
}
.contentRender form.simpleForm h3,
.contentRender #sv_submit_event_form .formhead {
	background-color: transparent;
}
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	background: none;
	border: none;
}
.contentRender form.simpleForm div input,
.contentRender #sv_submit_event_form div input {
	border-radius: initial;
}
/* END RESET */

/* CUSTOMIZE THE FOLLOWING */

/* RESET FONT FAMILY */
.contentRender #sv_submit_event_form legend,
.contentRender form.simpleForm label,
.contentRender form.simpleForm .formtext,
.contentRender form.simpleForm input,
.contentRender form.simpleForm select,
.contentRender #sv_submit_event_form .recur_opt input[type=checkbox] ~ label.minilabel,
.contentRender #sv_submit_event_form .recur_opt input[type=radio] ~ label.minilabel,
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text],
.contentRender #sv_submit_event_form div.datalabel label,
.contentRender #sv_submit_event_form label.recur_menu {
	/*
		Add a font family
	*/
	font-family: 'Avenir LT W01_55 Roman1475520';
	border-radius: 0;
}
/* RESET FONT STYLE */
.contentRender form.simpleForm .columns label,
.contentRender form.simpleForm .formtext,
.contentRender #sv_submit_event_form #customdate_list .formhead,
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text],
.contentRender #sv_submit_event_form div.datalabel label {
	/*
		Add style, weight color to match general html style. Do not set font-family here. Use the above class.
	*/
	color: #505151;
    font-size: 19px;
    line-height: 28px;
}
/* OPTIONAL RESET FOR INPUT STYLE */
/* This over-writes foundation style. Double check your select boxes. You may have to adjust the line-height to vertically center text */
.contentRender form.simpleForm input,
.contentRender form.simpleForm select,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text] {
	color: #464646;
}
/* REPLACE WITH A CORE STYLE HEADING */
.contentRender form.simpleForm h3,
.contentRender #sv_submit_event_form .formhead {
	/*
		Add font family, style, weight color to match body.
		The easiest thing here to do is find a match H style on your html-styles page.
	*/
	color: #505151;
    font-size: 28px;
    line-height: 32px;
    font-family: 'Avenir LT W01_55 Roman1475520';
    letter-spacing: 0.1em;
}
/* SET KEY COLOR HERE */
.contentRender #sv_submit_event_form .recur_opt input[type=checkbox]:checked ~ label,
.contentRender #sv_submit_event_form .recur_opt input[type=radio]:checked ~ label,
.contentRender #sv_submit_event_form #recur_range input[type=checkbox]:checked ~ label,
.contentRender #sv_submit_event_form #recur_range input[type=radio]:checked ~ label,
.contentRender #sv_submit_event_form input[type=radio]:checked ~ label.recur_menu,
.contentRender #sv_submit_event_form .progress {
	/*
		Set a background color or tiled image here as well as the color of text over it.
		This will affect things like the loading progress bar as well as some other event
		calendar related items.
	*/
	background-color: #618fb3;
	border-radius: 0;
}
/* STRONG WEIGHT FOR LABELS */
.contentRender #sv_submit_event_form #customdate_list .formhead,
.contentRender #sv_submit_event_form legend {
	/*
		Set your strong weight here for label items that need to be bolded
	*/
	font-weight: 700;
}
/* STYLE SUBMIT BUTTONS */
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	/*
		This is your basic button styling. You can use your site submit button styling here.
		E.G. the listings submit styles
	*/
	display: block;
    text-align: center;
    padding: 10px 18px;
    margin-bottom: 10px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #e0bd6e;
    vertical-align: text-top;
}
.contentRender form.simpleForm .button:hover,
.contentRender form.simpleForm .button:active,
.contentRender #sv_submit_event_form input.button:hover,
.contentRender #sv_submit_event_form input.button:active,
.contentRender #sv_submit_event_form .svbtn:hover,
.contentRender #sv_submit_event_form .svbtn:active,
.contentRender #multifileuploadcontainer label:hover,
.contentRender #multifileuploadcontainer label:active {
	/*
		This is the hover style on the submit buttons
	*/
	color: white;
    background-color: #e0bd6e;
}
/* SET LINK COLOR HERE */
body.crm-calendar-popup .contentRender a, body.crm-calendar-popup .contentRender a:hover {
	/*
		This is a generic link style for the calendar popup.

		It's recommended you test the calendar popup but you might wanna limit your style here to color and family.
		The font size should be able to work across all sites.
	*/
	font-size: 1.0625rem;
	font-style: normal;
	color: #43a5d1;
}
/* OPTIONAL: SET FORM HINT STYLE HERE */
.contentRender #sv_submit_event_form .hint,
.contentRender form.simpleForm p.hint:not(.formreq) {
	/* Default styling here. Changing is optional */
	color: #5b5b5b;
	font-size: 14px;
}
/* OPTIONAL: SET FORM REQUIRED STYLE HERE */
.contentRender #sv_submit_event_form div.datalabel label.svformreq,
.contentRender form.simpleForm label.formreq {
	color: #d81111;
}
/* SUBMIT EVENT FORM PIKA CALENDAR */
/* To test, click on the start date in a submit event form */
.pika-lendar .is-today .pika-button {
	/*
		Set a link color here. This can be standard site anchor color
	*/
	color: #43a5d1;
}
.pika-lendar .pika-button:hover,
.pika-lendar .is-selected .pika-button {
	/*
		Set your hover/selected background and text color here.
		Note the Pika calendar uses important here so this is required to overwrite.
	*/
	color: #fff;
	background: #e0bd6e !important;
	border-radius: 0 !important;
	box-shadow: none;
}
/*---------------------------END FORM STYLES---------------------------*/

/*
|-----------------------------------------------------------------------------------------------------------
| RESET STYLES
|-----------------------------------------------------------------------------------------------------------
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }

body { line-height: 1; }

p ol,
p ul { list-style: none; }

blockquote,
q { quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

body {
    background-color: #ffffff;
    font-family:'Avenir LT W01_55 Roman1475520', sans-serif;
    color: #505151;
}
.wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: block;
    font-size: 16px;
}
a,
a:link,
a:visited,
a:focus {
    border: medium none;
    font-weight: normal;
    outline: 0 none;
    text-decoration: none;
}

h1 {
    font-family: 'maywilde';
    color: #618fb3;
    font-size: 100px;
    line-height: 110px;
    margin: 0 auto 30px;
}
h2 {
    color: #505151;
    font-size: 58px;
    line-height: 66px;
}
h3 {
    color: #505151;
    font-size: 38px;
    line-height: 46px;
    letter-spacing: 5px;
    text-transform: uppercase;
}
h4 {
    color: #505151;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 3px;
}
h5 {
    color: #505151;
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
}
h6 {
    color: #505151;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}
p {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    margin: 0 0 20px;
    color: #505151;
}

@media (max-width: 1024px) {
    h1 {
        font-size: 72px;
        line-height: 78px;
        margin: 0 auto 20px;
    }
    h3 {
        font-size: 32px;
        line-height: 48px;
        margin: 0 auto 5px;
    }
    h4 {
        font-size: 28px;
        line-height: 34px;
        margin: 0 auto 15px;
    }
}

@media (max-width: 641px) {
    p {
        font-size: 16px;
        line-height: 24px;
    }
    h1 {
        font-size: 42px;
        line-height: 48px;
        margin-bottom: 10px;
    }
    h3 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 auto 5px;
    }
    h4 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 auto 5px;
    }
}
.slideshow_container {min-height: 30px;}
.wrapper img { border: medium none; }

.center-align { text-align: center; }

.btn-style,
.btn-style:focus {
    position: relative;
    background-color: #ffda27;
    color: #3d4543;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 0;
    padding: 9px 10px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.btn-style::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: all 0.5s ease 0s;
}
.clear {
    clear: both;
    line-height: 1px;
    visibility: hidden;
}
body .wrapper .row {
    max-width: none;
}
::-webkit-input-placeholder {
    color: #c9bea7;
    opacity: 1;
}
:-moz-placeholder {
    /* Firefox 18- */

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

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

.sitemap {margin-bottom: 30px;}
.sitemap ul {
	list-style-position: inside;
	color: #618fb3;
    font-size: 19px;
    line-height: 28px;
    font-family: 'Avenir LT W01_45 Book1475508';
    font-weight: 400;
}
.sitemap h4 {
	color: #505151;
    font-size: 24px;
    line-height: 32px;
    font-family: 'Lucida Fax W01 Regular';
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.sitemap > ul {
	margin-left: 0;
	-webkit-column-count: 3;
	   -moz-column-count: 3;
			column-count: 3;
	-webkit-column-gap: 15px;
	   -moz-column-gap: 15px;
			column-gap: 15px;
}
@media (max-width: 1025px) {
	.sitemap h4 {
		font-size: 24px;
    	line-height: 30px;
	}
	.sitemap ul {
		font-size: 17px;
    	line-height: 26px;
	}
	.sitemap > ul {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
				column-count: 2;
		-webkit-column-gap: 15px;
		   -moz-column-gap: 15px;
				column-gap: 15px;
	}
}
@media (max-width: 641px) {
	.sitemap h4 {
		font-size: 20px;
    	line-height: 26px;
	}
	.sitemap ul {
		font-size: 15px;
    	line-height: 23px;
	}
	.sitemap > ul {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
				column-count: 1;
		-webkit-column-gap: 15px;
		   -moz-column-gap: 15px;
				column-gap: 15px;
	}
}


/*---------------------------CUTUP STYLES---------------------------*/

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

.header-section {
    position: relative;
    z-index: 999;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #e9eae9;
}

.header-section .top-nav-cont {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 115px;
    width: 100%;
    padding: 0 30px;
}
.header-section .contentRender_name_plugins_common_logo {
	display: flex;
	align-items: center;
}

.header-section .top-nav-cont .top-wrapper {
    flex: 0 0 auto;
}

@media only screen and (max-width: 1360px) {
    .header-section .top-nav-cont {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 1024px) {
    .header-section .top-nav-cont {
        height: 55px;
        padding: 0 25px;
    }
}

@media only screen and (max-width: 641px) {
    .header-section .top-nav-cont {
        padding: 0 15px;
    }
}

.header-section .logo {
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 0;
    height: inherit;
    flex: 0 1 auto;
    min-width: 185px;
}

.header-section .logo a {
    display: flex;
    align-items: center;
    height: inherit;
}

.header-section .logo img {
    width: 100%;/*IE fix*/
}

.header-section .utility a {
    position: relative;
    color: #43a5d1;
}

@media only screen and (max-width: 1024px) {
    .header-section .logo img {
        width: 160px;
    }
}
/*
|-----------------------------------------------------------------------------------------------------------
| BODY SECTION
|-----------------------------------------------------------------------------------------------------------
*/

.body-section {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
}
.body-section .intro-panel {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.body-section .intro-panel p{
    padding: 0 70px;
}

@media only screen and (max-width: 1024px) {
    .body-section .intro-panel p {
        padding: 0 40px;
    }
    .body-section .intro-panel .intro-text {
        padding: 0;
    }
}

@media only screen and (max-width: 641px) {
	.body-section .intro-panel {padding-bottom: 0;}
    .body-section .intro-panel p {
        padding: 0;
    }
}

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

.controlled-width {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.controlled-width.wide {
    max-width: 1330px;
}

.controlled-width.narrow {
    max-width: 960px;
}

/*only used in header panel*/
.controlled-width.header {
    max-width: 1220px;
}

.social-panel {
    margin-bottom: 40px;
}

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

.panel-one-col .panel-two-col-right,
.panel-one-col .panel-two-col-left,
.panel-one-col .panel-two-col-even { padding-bottom: 0; }

@media only screen and (max-width: 641px) {
    .panel-one-col,
    .panel-two-col-right,
    .panel-two-col-left,
    .panel-two-col-even {
        padding-bottom: 20px;
    }
}

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

/* visitors guide */
.vguide-panel {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    padding-top: 40px;
    width: 100%;
}
.vguide-item {
    width: 33.3333%;
    border: 1px solid #e0bd6e;
    padding: 10px;
    margin-right: 40px;
}

.vguide-panel .vguide-item:last-of-type {
    margin-right: 0;
}
.vguide-item .contentRender_name_plugins_common_footer_link {height: 100%}
.vguide-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e0bd6e;
    text-align: center;
    padding: 25px 35px;
    height: 100%;
}

.vguide-item a h2 {
    font-size: 32px;
    line-height: 48px;
    color: white;
    margin: 0;
}
@media only screen and (max-width: 1151px) {
	.vguide-item a h2 {
	    font-size: 24px;
	}
}
@media only screen and (max-width: 1024px) {
    .vguide-panel {
        padding-top: 0;
    }
    .vguide-item a {
        padding: 15px 10px;
    }
    .vguide-item a h2 {
        font-size: 32px;
        line-height: 32px;
    }
    .vguide-item a h2 {
	    font-size: 22px;
	}
}
@media only screen and (max-width: 750px) {
	.vguide-item a h2 {
	    font-size: 16px;
	}
}
@media only screen and (max-width: 641px) {
    .vguide-panel {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .vguide-item {
        width: 100%;
        margin: 0 0 20px;
        padding: 5px;
    }
    .vguide-item a {
        padding: 25px 10px;
    }
    .vguide-item a h2 {
        font-size: 40px;
        line-height: 40px;
    }
}
/* visitors guide end */
.footer-section ul {
    margin: 0;
    list-style: none;
    overflow: hidden;
}

.footer-section .footer-main {
    background-color: #618fb3;
    padding: 60px 0;
}

.footer-section .footer-col-left {
    width: 40%;
    float: left;
}

.footer-section .footer-col-center {
    width: 37%;
    float: left;
}

.footer-section .footer-col-right {
    width: 23%;
    float: left;
}

.footer-section .footer-col-left,
.footer-section .footer-col-center {
    padding-right: 15px;
}

.footer-section .footer-col-left .flex-wrapper {
    display: flex;
    align-items: center;
    padding-top: 5px;
}

.footer-section .address-cont {
    margin-bottom: 20px;
}

.footer-section .address-cont p {
    color: white;
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 5px;
}

.footer-section .footer-col-upper {
    margin-bottom: 20px;
}

.footer-section .copyright {
    font-size: 14px;
    margin: 0;
}

.footer-section .trip-advisor img {
    width: 135px;
}

.footer-section .made-by img {
    width: 150px;
}

.footer-section .copyright {
    color: white;
    font-size: 14px;
    margin-right: 35px;
}

.footer-section .logos {
    display: flex;
    align-items: center;
}

.footer-section .logos a {
    margin-right: 15px;
}

.footer-section .logos a:last-child {
    margin-right: 0;
}

@media (max-width: 1100px) {
    .footer-section .address-cont p {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .footer-section .footer-col-left {
        width: 52%;
    }
    .footer-section .footer-col-center {
        width: 48%;
    }
    .footer-section .footer-bottom .footer-col-right {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
    }
    .footer-section .footer-bottom .footer-col-left {
        width: 55%;
    }
    .footer-section .footer-bottom .footer-col-center {
        width: 45%;
    }
    .footer-section .footer-col-right .footer-col-upper,
    .footer-section .footer-col-right .footer-col-lower {
        width: 50%;
        margin: 0;
    }
    .footer-section .address-cont {
        margin-bottom: 10px;
    }
    .footer-section .logos {
        justify-content: flex-end;
        margin-right: 30px;
        margin-left: auto;
    }
    .footer-section .copyright {
        margin-right: 0;
    }
    .footer-section .footer-col-left .flex-wrapper {
        justify-content: space-between;
    }
    .footer-section .footer-col-center {
        padding-right: 0;
    }
}

@media (max-width: 1024px) {
    .footer-section .footer-col-center .footer-col-upper {
        margin-bottom: 15px;
    }
    .footer-section .footer-main {
        padding: 30px 0;
    }
}

@media (max-width: 641px) {
    .footer-section .footer-col-left,
    .footer-section .footer-col-center,
    .footer-section .footer-col-right,
    .footer-section .footer-bottom .footer-col-left,
    .footer-section .footer-bottom .footer-col-center {
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin: 0;
    }
    .footer-section .footer-col-left .flex-wrapper {
        flex-direction: column;
    }
    .footer-section .footer-col-right .footer-col-lower {
        width: 100%;
    }
    .footer-section .mobile-logos {
        margin: 20px 0;
    }
    .footer-section .mobile-logos .logos {
        margin-right: 0;
        justify-content: center;
    }
    .footer-section .address-cont {
        margin-bottom: 25px;
        padding: 0 10px;
    }
    .footer-section .copyright,
    .footer-section .trip-advisor {
        margin-bottom: 20px;
    }
    .footer-section .trip-advisor {
        height: 100%; /*IE fix*/
    }
}

/* Shared Input */
.shared-input,
.shared-input[type] {
	border: 1px solid #909492;
	background-color: #fff;
	height: 75px;
	line-height: 70px;
	font-size: 32px;
	color: #909492;
	padding: 0 10px;
	margin-bottom: 25px;
	font-style: italic;
	box-shadow: 0px 0px 0px;
}

.shared-layout .shared-input,
.shared-layout .shared-input[type] {
	height: 45px;
	line-height: 40px;
	font-size: 16px;
}

.shared-input::-webkit-input-placeholder {
	color: #909492;
}

.shared-input::-moz-placeholder {
	color: #909492;
}

.shared-input:-ms-input-placeholder {
	color: #909492;
}

.shared-input:-moz-placeholder {
	color: #909492;
}

/*GDPR Notification*/

.mobile-banners{
	z-index: 1001;
	position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
}

.alert-wrapper-cookie .alert-container {display: none;}
.alert-wrapper-cookie.show-alert .alert-container {
	display: block;
    z-index: 1001;
    max-width: 540px;
    position:relative;
    width: 100%;
    background: #FFF;
    padding: 14px 60px 12px 17px;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 3px 0px 40px rgba(0,0,0,.16);
}
@media screen and (max-width: 640px) {
	/*.alert-wrapper-cookie.show-alert .alert-container {
		position: relative;
	}*/
}
.alert-wrapper-cookie .alert-container .close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: flex;
    justify-content:center;
    align-items:center;

}
.alert-wrapper-cookie .alert-container .close:hover {
	background-color: rgba(0,0,0,0.1);
	border-radius: 50%;
}

.mobileAd {
	display: none;
    width: 100%;
    height: 50px;
    position: relative;
    bottom: 0;
}

.footer_container.hasMobileAd { z-index: 10; }
.hasMobileAd .mobileAd { display: block; z-index: 10;}

.mobileAd .dtnContainer {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: block;
    max-width: 320px;
}
.mobileAd .dtnContainer img { display: block; width: 100%;}
.mobileAd .banner-close {
    position: absolute;
    top: 0px;
    right: calc(calc(100vw - 320px) / 2);
    z-index: 1;
}
.mobileAd .banner-close .fa-times-circle {
	color: black;
    background-color: white;
    border-radius: 50%;
}