/******************************

Theme Name: TARAVANATOURS.COM BY STINGRAY STUDIO
Theme URI: https://taravanatours.com/
Description: This theme is dedicated to the website TaravanaTours.com.
Author: Stingray Studio
Author URI: https://stingray.pf/
Version: 1.0

******************************/

/******************************

reset

******************************/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body{
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
}

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

input::-moz-focus-inner{ /* remove button padding in FF */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

sup, sub{
	line-height: 0px;
}

/* end of reset */

/******************************

reset default wp elements

******************************/

.instagram-media{
	position: static !important;
	max-width: none !important;
}

/* end of reset default wp elements */

/******************************

google recaptcha fix

******************************/

.grecaptcha-badge{
	visibility: hidden !important;
}

/* end of google recaptcha fix */

/******************************

facebook widget fix

******************************/

.fb_iframe_widget{
	text-align: center !important;
	display: block !important;
}

/* end of facebook widget fix */

/******************************

main style

******************************/

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

html{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow-x: hidden; /* prevent x scroll because of links title in #nav */
}

body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-width: 1000px;
	background-color: #f2f2f2;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: 'Roboto', sans-serif, Arial;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*
	font-family: 'Roboto', sans-serif, Arial;
	font-size: 24px;
	*/
	font-family: 'Sorts Mill Goudy', serif, Arial;
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	color: #333333;
}

h2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*
	font-family: 'Roboto', sans-serif, Arial;
	font-size: 16px;
	*/
	font-family: 'Sorts Mill Goudy', serif, Arial;
	font-size: 24px;
	/*
	font-weight: bold;
	*/
	font-weight: normal;
	font-style: normal;
	color: #333333;
}

h3{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*
	font-family: 'Roboto', sans-serif, Arial;
	*/
	font-family: 'Sorts Mill Goudy', serif, Arial;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: #333333;
}

p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	text-indent: 0px;
	text-align: justify;
}

p.note{
	font-size: 10px;
	color: #999999;
}

p.note > a{
	font-size: 10px;
	color: #999999;
}

p.note > a:hover{
	color: #064036;
}

p.signature{
	float: right;
	font-weight: bold;
}

a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	outline: none;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-khtml-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

a:hover{
	color: #064036;
}

span.symbol{
	color: #064036;
}

img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	border: none;
}

iframe{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	border: none;
	display: block;
	overflow: hidden;
}

.linebreak{
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
}

.line{
	margin: 100px 0px 100px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 1px;
	background-color: #064036;
}

.clear{
	clear: both;
 	height: 0px;
}

/* end of main style */

/******************************

common elements

******************************/

.box-warning,
.box-alert,
.box-error{
	position: relative;
	margin: 0px 0px 20px 0px;
	padding: 16px 48px 16px 48px;
	width: auto;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.box-warning{
	background-color: #064036;
}

.box-alert{
	background-color: #00bf00;
}

.box-error{
	background-color: #bf0000;
}

.box-warning.no-margin,
.box-alert.no-margin,
.box-error.no-margin{
	margin: 0px 0px 0px 0px;
}

			.box-warning > p,
			.box-alert > p,
			.box-error > p{
				line-height: 16px;
				color: #ffffff;
			}

						.box-warning > p > a,
						.box-alert > p > a,
						.box-error > p > a{
							color: #ffffff;
						}

						.box-warning > p > a:hover,
						.box-alert > p > a:hover,
						.box-error > p > a:hover{
							text-decoration: underline;
						}

			.box-warning > a,
			.box-alert > a,
			.box-error > a{
				position: absolute;
				top: 0px;
				right: 0px;
				margin: 0px 0px 0px 0px !important;
				padding: 18px 18px 18px 18px !important;
				width: 12px;
				height: 12px;
				background-color: transparent;
				display: block;
			}

						.box-warning > a > span,
						.box-alert > a > span,
						.box-error > a > span{
							position: relative;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 12px;
							height: 12px;
							background-color: transparent;
							display: block;
						}

						.box-warning > a > span:before,
						.box-alert > a > span:before,
						.box-error > a > span:before{
							position: absolute;
							top: 5px;
							left: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 12px;
							height: 2px;
							background-color: #ffffff;
							display: block;
							content: "";
							border-radius: 1px;
							-o-border-radius: 1px;
							-ms-border-radius: 1px;
							-moz-border-radius: 1px;
							-khtml-border-radius: 1px;
							-webkit-border-radius: 1px;
							transform: rotate(45deg);
							-o-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-khtml-transform: rotate(45deg);
							-webkit-transform: rotate(45deg);
						}

						.box-warning > a > span:after,
						.box-alert > a > span:after,
						.box-error > a > span:after{
							position: absolute;
							top: 5px;
							left: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 12px;
							height: 2px;
							background-color: #ffffff;
							display: block;
							content: "";
							border-radius: 1px;
							-o-border-radius: 1px;
							-ms-border-radius: 1px;
							-moz-border-radius: 1px;
							-khtml-border-radius: 1px;
							-webkit-border-radius: 1px;
							transform: rotate(-45deg);
							-o-transform: rotate(-45deg);
							-ms-transform: rotate(-45deg);
							-moz-transform: rotate(-45deg);
							-khtml-transform: rotate(-45deg);
							-webkit-transform: rotate(-45deg);
						}

			.box-warning > span,
			.box-alert > span,
			.box-error > span{
				position: absolute;
				top: 18px;
				left: 18px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 12px;
				height: 12px;
				background-color: transparent;
				background-image: url('data/img/icon-box-warning.svg');
				background-size: 12px 12px;
				background-position: 0px 0px;
				background-repeat: no-repeat;
				display: block;
			}

			.box-warning > span{
				background-image: url('data/img/icon-box-warning.svg');
			}

			.box-alert > span{
				background-image: url('data/img/icon-box-alert.svg');
			}

			.box-error > span{
				background-image: url('data/img/icon-box-error.svg');
			}

.box-toggle{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	background-color: #f2f2f2;
	border-width: 1px;
	border-style: solid;
	border-color: #e5e5e5;
	overflow: hidden;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.box-toggle:last-child{
	margin: 0px 0px 0px 0px;
}

			.box-toggle > a{
				position: relative;
				margin: 0px 0px 0px 0px;
				padding: 15px 47px 15px 19px;
				line-height: 16px;
				background-color: #f2f2f2;
				text-transform: uppercase;
				display: block;
			}

			.box-toggle > a.highlight{
				color: #064036;
			}

			.box-toggle > a:hover,
			.box-toggle > a.highlight:hover{
				color: #0a6657;
			}

						.box-toggle > a > span{
							position: absolute;
							top: 17px;
							right: 17px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 12px;
							height: 12px;
							background-color: transparent;
							display: block;
						}

						.box-toggle > a > span:before,
						.box-toggle > a > span:after{
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 12px;
							height: 2px;
							background-color: #000000;
							display: block;
							content: "";
							border-radius: 1px;
							-o-border-radius: 1px;
							-ms-border-radius: 1px;
							-moz-border-radius: 1px;
							-khtml-border-radius: 1px;
							-webkit-border-radius: 1px;
							transition: all 0.3s;
							-o-transition: all 0.3s;
							-ms-transition: all 0.3s;
							-moz-transition: all 0.3s;
							-khtml-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}

						.box-toggle > a > span:before{
							position: absolute;
							top: 5px;
							left: 0px;
							transform: rotate(90deg);
							-o-transform: rotate(90deg);
							-ms-transform: rotate(90deg);
							-moz-transform: rotate(90deg);
							-khtml-transform: rotate(90deg);
							-webkit-transform: rotate(90deg);
						}

						.box-toggle > a > span:after{
							position: absolute;
							top: 5px;
							left: 0px;
							transform: rotate(0deg);
							-o-transform: rotate(0deg);
							-ms-transform: rotate(0deg);
							-moz-transform: rotate(0deg);
							-khtml-transform: rotate(0deg);
							-webkit-transform: rotate(0deg);
						}

						.box-toggle > a.highlight > span:before{
							background-color: #064036;
							transform: rotate(45deg);
							-o-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-khtml-transform: rotate(45deg);
							-webkit-transform: rotate(45deg);
						}

						.box-toggle > a.highlight > span:after{
							background-color: #064036;
							transform: rotate(-45deg);
							-o-transform: rotate(-45deg);
							-ms-transform: rotate(-45deg);
							-moz-transform: rotate(-45deg);
							-khtml-transform: rotate(-45deg);
							-webkit-transform: rotate(-45deg);
						}

						.box-toggle > a:hover > span:before,
						.box-toggle > a:hover > span:after,
						.box-toggle > a.highlight:hover > span:before,
						.box-toggle > a.highlight:hover > span:after{
							background-color: #0a6657;
						}

			.box-toggle .box-toggle-wrap{
				margin: 0px 0px 0px 0px;
				padding: 0px 19px 19px 19px;
				width: auto;
				background-color: #f2f2f2;
			}

a.button{
	margin: 0px 0px 0px 0px;
	padding: 0px 47px 0px 47px;
	height: 46px;
	line-height: 46px;
	background-color: #064036;
	border-width: 1px;
	border-style: solid;
	border-color: #064036;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.button:hover{
	background-color: transparent;
	color: #064036;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
select,
textarea{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	width: 100%;
	height: 48px; /* box-sizing ignores padding and border */
	line-height: 48px; /* box-sizing ignores padding and border */
	background-color: rgba(0,0,0,0.05);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0.05);
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #999999;
	outline: none;
	-webkit-appearance: none; /* prevent webkit default style */
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-khtml-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
select:hover,
textarea:hover{
	border-color: rgba(6,64,54,1);
	color: #064036;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
select:focus,
textarea:focus{
	border-color: rgba(6,64,54,1);
	color: #064036;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled,
input[type="time"]:disabled,
select:disabled,
textarea:disabled{
	background-color: rgba(0,0,0,0.05);
}

input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
input[type="tel"].error,
input[type="number"].error,
input[type="date"].error,
input[type="time"].error,
select.error,
textarea.error{
	background-color: rgba(191,0,0,0.1);
	border-color: rgba(191,0,0,1);
	color: #bf0000;
}

textarea{
	padding: 10px 10px 10px 10px;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 96px;
	min-height: 96px;
	max-height: 96px;
	line-height: 16px;
	resize: none;
}

input[type="submit"]{
	margin: 0px 0px 0px 0px;
	padding: 0px 47px 0px 47px;
	height: 48px; /* button and input type submit use inner border */
	line-height: 48px; /* button and input type submit use inner border */
	background-color: #064036;
	border-width: 1px;
	border-style: solid;
	border-color: #064036;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none; /* prevent webkit default style */
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-khtml-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

input[type="submit"]:hover{
	background-color: transparent;
	border-color: #0a6657;
	color: #0a6657;
}

input[type="submit"]:disabled{
	background-color: transparent;
	border-color: #999999;
	color: #999999;
}

/******************************

blur

******************************/

.item-post > a > div.thumbnail > div.date,
.item-post > a > div.thumbnail > div.stats > p,
#wrap #header #overlay #share > a,
#wrap #header #overlay > p > a{
	backdrop-filter: blur(3px) saturate(200%) brightness(1.2);
	-webkit-backdrop-filter: blur(3px) saturate(200%) brightness(1.2);
}

#wrap #header #nav.sticky,
#wrap #header #overlay #info > .box-warning{
	backdrop-filter: blur(8px) saturate(200%) brightness(1.2);
	-webkit-backdrop-filter: blur(8px) saturate(200%) brightness(1.2);
}

#wrap #header #overlay #info > a,
#wrap #header #overlay #info > div > div > a,
#wrap #header #overlay #info > div > div > div > a,
#wrap #header #overlay #info form select,
#cookie-bar p{
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}

.popup .popup-overlay,
.fancybox-overlay{
	backdrop-filter: blur(8px) saturate(0%);
	-webkit-backdrop-filter: blur(8px) saturate(0%);
}

/* end of blur */

/******************************

banner

******************************/

.banner{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	background-color: transparent;
	overflow: hidden;
}

			.banner > a{
				line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
				display: block;
			}

						.banner > a > img{
							width: 100%;
							height: auto;
						}

/* end of banner */

/******************************

premium-profile

******************************/

.premium-profile{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-bottom: 100%;
	width: auto;
	height: 0px;
	background-color: transparent;
	overflow: hidden;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

			.premium-profile > a{
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				background-color: transparent;
				display: block;
				overflow: hidden;
			}

						.premium-profile > a > img{
							position: absolute;
							top: 50%;
							left: 50%;
							max-width: 66.666666%;
							max-height: 66.666666%;
							transform: translate(-50%, -50%);
							-o-transform: translate(-50%, -50%);
							-ms-transform: translate(-50%, -50%);
							-moz-transform: translate(-50%, -50%);
							-khtml-transform: translate(-50%, -50%);
							-webkit-transform: translate(-50%, -50%);
						}

						.premium-profile > a > h1{
							position: absolute;
							top: 50%;
							padding: 10px 10px 10px 10px;
							width: 100%;
							/*
							font-weight: bold;
							*/
							font-weight: normal;
							color: #ffffff;
							text-align: center;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							transform: translateY(-50%);
							-o-transform: translateY(-50%);
							-ms-transform: translateY(-50%);
							-moz-transform: translateY(-50%);
							-khtml-transform: translateY(-50%);
							-webkit-transform: translateY(-50%);
						}

						.premium-profile > a > p{
							position: absolute;
							bottom: 10px;
							right: 10px;
							padding: 3px 3px 3px 3px;
							line-height: 16px;
							background-color: rgba(255,255,255,0);
							font-weight: bold;
							color: #ffffff;
							border-radius: 3px;
							-o-border-radius: 3px;
							-ms-border-radius: 3px;
							-moz-border-radius: 3px;
							-khtml-border-radius: 3px;
							-webkit-border-radius: 3px;
							transition: all 0.3s;
							-o-transition: all 0.3s;
							-ms-transition: all 0.3s;
							-moz-transition: all 0.3s;
							-khtml-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}

						.premium-profile > a > p:hover{
							background-color: rgba(255,255,255,0.3);
						}

						.premium-profile > a > span{
							position: relative;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 100%;
							height: 100%;
							background-color: transparent;
							background-image: url('data/img/bg-society-islands.jpg');
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
							display: block;
							transition: all 0.3s;
							-o-transition: all 0.3s;
							-ms-transition: all 0.3s;
							-moz-transition: all 0.3s;
							-khtml-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}

						.premium-profile > a > span:before{
							position: absolute;
							top: 0px;
							left: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 100%;
							height: 100%;
							background-color: rgba(0,0,0,0.3);
							display: block;
							content: "";
						}

						.premium-profile > a:hover > span{
							transform: scale(1.1);
							-o-transform: scale(1.1);
							-ms-transform: scale(1.1);
							-moz-transform: scale(1.1);
							-khtml-transform: scale(1.1);
							-webkit-transform: scale(1.1);
						}

/* end of premium-profile */

/******************************

separator

******************************/

.separator{
	position: relative;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: 24px;
	background-color: transparent;
}

.separator.first-child{
	margin: 0px 0px 20px 0px;
}

			.separator p{
				position: absolute;
				top: 0px;
				left: 0px;
				z-index: 1;
				padding: 0px 10px 0px 0px;
				line-height: 24px;
				height: 24px;
				background-color: #ffffff;
				color: #bfbfbf;
				text-transform: uppercase;
			}

						.separator p span{
							margin: 4px 10px 0px 0px;
							padding: 0px 0px 0px 0px;
							float: left;
							width: 16px;
							height: 16px;
							background-color: transparent;
							background-image: url('data/img/icon-separator-info.svg');
							background-size: 16px 16px;
							background-position: 0px 0px;
							background-repeat: no-repeat;
							display: block;
						}

						.separator p span.info{
							background-image: url('data/img/icon-separator-info.svg');
						}

						.separator p span.contact{
							background-image: url('data/img/icon-separator-contact.svg');
						}

						.separator p span.blog{
							background-image: url('data/img/icon-separator-blog.svg');
						}

						.separator p span.workshop{
							background-image: url('data/img/icon-separator-workshop.svg');
						}

						.separator p span.category{
							background-image: url('data/img/icon-separator-category.svg');
						}

						.separator p span.gallery{
							background-image: url('data/img/icon-separator-gallery.svg');
						}

						.separator p span.video{
							background-image: url('data/img/icon-separator-video.svg');
						}

						.separator p span.tag{
							background-image: url('data/img/icon-separator-tag.svg');
						}

						.separator p span.comments{
							background-image: url('data/img/icon-separator-comments.svg');
						}

						.separator p span.map{
							background-image: url('data/img/icon-separator-map.svg');
						}

						.separator p span.facebook{
							background-image: url('data/img/icon-separator-facebook.svg');
						}

						.separator p span.instagram{
							background-image: url('data/img/icon-separator-instagram.svg');
						}

						.separator p span.advertising{
							background-image: url('data/img/icon-separator-advertising.svg');
						}

						.separator p span.pricelist{
							background-image: url('data/img/icon-separator-pricelist.svg');
						}

						.separator p span.menu{
							background-image: url('data/img/icon-separator-menu.svg');
						}

						.separator p span.daily-menu{
							background-image: url('data/img/icon-separator-daily-menu.svg');
						}

						.separator p span.symbol{
							background-image: url('data/img/icon-separator-symbol.svg');
						}

						.separator p span.position{
							background-image: url('data/img/icon-separator-position.svg');
						}

						.separator p span.history{
							background-image: url('data/img/icon-separator-history.svg');
						}

						.separator p span.culture{
							background-image: url('data/img/icon-separator-culture.svg');
						}

						.separator p span.nature{
							background-image: url('data/img/icon-separator-nature.svg');
						}

						.separator p span.magic{
							background-image: url('data/img/icon-separator-magic.svg');
						}

						.separator p span.island{
							background-image: url('data/img/icon-separator-island.svg');
						}

						.separator p span.transfer{
							background-image: url('data/img/icon-separator-transfer.svg');
						}

						.separator p span.flight{
							background-image: url('data/img/icon-separator-flight.svg');
						}

						.separator p span.accommodation{
							background-image: url('data/img/icon-separator-accommodation.svg');
						}

						.separator p span.activity{
							background-image: url('data/img/icon-separator-activity.svg');
						}

						.separator p span.insurance{
							background-image: url('data/img/icon-separator-insurance.svg');
						}

						.separator p span.compass{
							background-image: url('data/img/icon-separator-compass.svg');
						}

			.separator > span{
				position: absolute;
				top: 12px;
				left: 0px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 100%;
				height: 1px;
				background-color: #e5e5e5;
				display: block;
			}

/* end of separator */

/******************************

pagination

******************************/

#pagination{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
	background-color: transparent;
	text-align: center;
}

			#pagination ul{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				height: 48px;
				line-height: 48px;
				display: inline-block;
			}

						#pagination ul li{
							margin: 0px 3px 0px 0px;
							padding: 0px 0px 0px 0px;
							float: left;
							width: 48px;
							height: 48px;
						}

						#pagination ul li:last-child{
							margin: 0px 0px 0px 0px;
						}

									#pagination ul li a{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 48px;
										height: 45px;
										line-height: 48px;
										background-color: #f2f2f2;
										border-width: 0px 0px 3px 0px;
										border-style: solid;
										border-color: #999999;
										font-size: 12px;
										font-weight: bold;
										font-style: normal;
										color: #999999;
										text-align: center;
										text-decoration: none;
										outline: none;
										display: block;
										border-radius: 3px;
										-o-border-radius: 3px;
										-ms-border-radius: 3px;
										-moz-border-radius: 3px;
										-khtml-border-radius: 3px;
										-webkit-border-radius: 3px;
										transition: all 0.3s;
										-o-transition: all 0.3s;
										-ms-transition: all 0.3s;
										-moz-transition: all 0.3s;
										-khtml-transition: all 0.3s;
										-webkit-transition: all 0.3s;
									}

									#pagination ul li a:hover{
										border-color: #064036;
										color: #064036;
									}

									#pagination ul li span{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 48px;
										height: 45px;
										line-height: 48px;
										background-color: #f2f2f2;
										border-width: 0px 0px 3px 0px;
										border-style: solid;
										border-color: #999999;
										font-size: 12px;
										font-weight: bold;
										font-style: normal;
										color: #999999;
										text-align: center;
										text-decoration: none;
										outline: none;
										display: block;
										border-radius: 3px;
										-o-border-radius: 3px;
										-ms-border-radius: 3px;
										-moz-border-radius: 3px;
										-khtml-border-radius: 3px;
										-webkit-border-radius: 3px;
									}

									#pagination ul li span.current{
										height: 48px;
										background-color: #064036;
										border: none;
										color: #ffffff;
									}

/* end of pagination */

/******************************

tags

******************************/

#tags{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	background-color: transparent;
	/* text-align: justify; */
}

			#tags > a{
				position: relative;
				margin: 0px 0px 5px 12px;
				padding: 0px 12px 0px 12px;
				height: 24px;
				line-height: 24px;
				background-color: #f2f2f2;
				font-size: 12px;
				font-weight: normal;
				font-style: normal;
				color: #999999;
				text-decoration: none;
				display: inline-block;
			}

			#tags > a:before{
				position: absolute;
				top: 0px;
				left: -12px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 0px;
				height: 0px;
				background-color: transparent;
				border-width: 12px 12px 12px 0px;
				border-style: solid;
				border-color: transparent #f2f2f2 transparent transparent;
				display: block;
				content: "";
				transition: all 0.3s;
				-o-transition: all 0.3s;
				-ms-transition: all 0.3s;
				-moz-transition: all 0.3s;
				-khtml-transition: all 0.3s;
				-webkit-transition: all 0.3s;
			}

			#tags > a:after{
				position: absolute;
				top: 9px;
				left: -3px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 6px;
				height: 6px;
				background-color: #ffffff;
				display: block;
				content: "";
				border-radius: 50%;
				-o-border-radius: 50%;
				-ms-border-radius: 50%;
				-moz-border-radius: 50%;
				-khtml-border-radius: 50%;
				-webkit-border-radius: 50%;
			}

			#tags > a:hover{
				background-color: #064036;
				color: #ffffff;
			}

			#tags > a:hover:before{
				border-color: transparent #064036 transparent transparent;
			}

/* end of tags */

/******************************

comments

******************************/

#comments{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	background-color: transparent;
}

			#comments > a,
			#comments > ol > li > a,
			#comments > ol > li > ol > li > a{
				position: relative;
				margin: 0px 10px 0px 0px;
				padding: 0px 0px 0px 0px;
				float: left;
				line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
				outline: none;
				display: block;
				overflow: hidden;
				border-radius: 50%;
				-o-border-radius: 50%;
				-ms-border-radius: 50%;
				-moz-border-radius: 50%;
				-khtml-border-radius: 50%;
				-webkit-border-radius: 50%;
			}

						#comments > a img,
						#comments > ol > li > a img{
							width: 48px;
							height: 48px;
						}

						#comments > ol > li > ol > li > a img{
							width: 32px;
							height: 32px;
						}

						#comments > a span.overlay,
						#comments > a span.icon,
						#comments > ol > li > a span.overlay,
						#comments > ol > li > a span.icon,
						#comments > ol > li > ol > li > a span.overlay,
						#comments > ol > li > ol > li > a span.icon{
							position: absolute;
							z-index: 9;
							padding: 0px 0px 0px 0px;
							display: block;
							transition: all 0.3s;
							-o-transition: all 0.3s;
							-ms-transition: all 0.3s;
							-moz-transition: all 0.3s;
							-khtml-transition: all 0.3s;
							-webkit-transition: all 0.3s;
							opacity: 0;
							-moz-opacity: 0;
							-khtml-opacity: 0;
							filter: alpha(opacity=0);
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
						}

						#comments > a span.overlay,
						#comments > ol > li > a span.overlay,
						#comments > ol > li > ol > li > a span.overlay{
							top: 0px;
							left: 0px;
							margin: 0px 0px 0px 0px;
							width: 100%;
							height: 100%;
							background-color: #064036;
						}

						#comments > a:hover span.overlay,
						#comments > ol > li > a:hover span.overlay,
						#comments > ol > li > ol > li > a:hover span.overlay{
							opacity: 0.3;
							-moz-opacity: 0.3;
							-khtml-opacity: 0.3;
							filter: alpha(opacity=30);
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
						}

						#comments > a span.icon,
						#comments > ol > li > a span.icon,
						#comments > ol > li > ol > li > a span.icon{
							top: 50%;
							left: 50%;
							margin: -8px 0px 0px -8px;
							width: 16px;
							height: 16px;
							background-color: transparent;
							background-image: url('data/img/icon-open.svg');
							background-size: 16px 16px;
							background-position: 0px 0px;
							background-repeat: no-repeat;
						}

						#comments > a:hover span.icon,
						#comments > ol > li > a:hover span.icon,
						#comments > ol > li > ol > li > a:hover span.icon{
							opacity: 1;
							-moz-opacity: 1;
							-khtml-opacity: 1;
							filter: alpha(opacity=100);
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						}

			#comments form{
				margin: 0px 0px 0px 68px;
				padding: 0px 0px 0px 0px;
				width: auto;
				line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
				background-color: transparent;
				display: block;
			}

						#comments form .left,
						#comments form .right{
							margin: 0px 0px 0px 0px;
							width: 50%;
							background-color: transparent;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
						}

						#comments form .left{
							padding: 0px 5px 0px 0px;
							float: left;
						}

						#comments form .right{
							padding: 0px 0px 0px 5px;
							float: right;
						}

						#comments form input[type="text"],
						#comments form input[type="email"],
						#comments form textarea{
							margin: 0px 0px 10px 0px;
						}

						#comments form input[type="submit"]{
							margin: 0px 0px 10px 0px;
							padding: 0px 0px 0px 0px;
							width: 100%;
						}

			#comments ol{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}

						#comments ol li{
							margin: 0px 0px 10px 0px;
							padding: 0px 0px 0px 0px;
							overflow: hidden;
						}

						#comments ol li:last-child{
							margin: 0px 0px 0px 0px;
						}

									#comments ol li ol{
										margin: 10px 0px 0px 0px;
									}

												#comments ol li ol li{
													margin: 0px 0px 10px 68px;
												}

												#comments ol li ol li:last-child{
													margin: 0px 0px 0px 68px;
												}

			#comments ol li div.comment{
				position: relative;
				margin: 0px 0px 0px 68px;
				padding: 10px 10px 10px 10px;
				width: auto;
				line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
				background-color: #e5e5e5;
				border-radius: 3px;
				-o-border-radius: 3px;
				-ms-border-radius: 3px;
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
			}

			#comments ol li ol li div.comment{
				margin: 0px 0px 0px 42px;
			}

			#comments ol li.bypostauthor > div.comment{
				background-color: #064036;
			}

						#comments ol li div.comment > span{
							position: absolute;
							top: 16px;
							left: -16px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 0px;
							height: 0px;
							background-color: transparent;
							border-width: 8px 8px 8px 8px;
							border-style: solid;
							border-color: transparent #e5e5e5 transparent transparent;
							display: block;
							transition: all 0.3s;
							-o-transition: all 0.3s;
							-ms-transition: all 0.3s;
							-moz-transition: all 0.3s;
							-khtml-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}

						#comments ol li ol li div.comment > span{
							top: 10px;
							left: -12px;
							border-width: 6px 6px 6px 6px;
						}

						#comments ol li.bypostauthor > div.comment > span{
							border-color: transparent #064036 transparent transparent;
						}

						#comments ol li div.comment h2{
							line-height: 24px;
							font-size: 12px;
							font-weight: normal;
							color: #999999;
						}

						#comments ol li.bypostauthor > div.comment h2{
							color: rgba(255,255,255,0.75);
						}

						#comments ol li div.comment p{
							line-height: 16px;
						}

						#comments ol li.bypostauthor > div.comment p{
							color: #ffffff;
						}

						#comments ol li div.comment a.comment-edit-link{
							position: absolute;
							top: 10px;
							right: 10px;
							line-height: 24px;
						}

						#comments ol li div.comment a.comment-reply-link{
							float: right;
							line-height: 24px;
						}

						#comments ol li.bypostauthor > div.comment a{
							color: rgba(255,255,255,0.75);
						}

						#comments ol li.bypostauthor > div.comment a:hover{
							color: rgba(255,255,255,1);
						}

/* end of comments */

/******************************

gallery

******************************/

.gallery{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	background-color: transparent;
	overflow: hidden;
}

			.gallery > div{
				margin: -1px 0px 0px -1px;
				padding: 0px 0px 0px 0px;
				width: auto;
				background-color: transparent;
			}

						.gallery > div > a{
							position: relative;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							float: left;
							width: 20%;
							line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
							border-width: 1px 0px 0px 1px;
							border-style: solid;
							border-color: #ffffff;
							outline: none;
							display: block;
							overflow: hidden;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
						}

									.gallery > div > a img{
										width: 100%;
										height: auto;
									}

									.gallery > div > a span.overlay,
									.gallery > div > a span.icon{
										position: absolute;
										z-index: 9;
										padding: 0px 0px 0px 0px;
										display: block;
										transition: all 0.3s;
										-o-transition: all 0.3s;
										-ms-transition: all 0.3s;
										-moz-transition: all 0.3s;
										-khtml-transition: all 0.3s;
										-webkit-transition: all 0.3s;
										opacity: 0;
										-moz-opacity: 0;
										-khtml-opacity: 0;
										filter: alpha(opacity=0);
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
									}

									.gallery > div > a span.overlay{
										top: 0px;
										left: 0px;
										margin: 0px 0px 0px 0px;
										width: 100%;
										height: 100%;
										background-color: #064036;
									}

									.gallery > div > a:hover span.overlay{
										opacity: 0.3;
										-moz-opacity: 0.3;
										-khtml-opacity: 0.3;
										filter: alpha(opacity=30);
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
									}

									.gallery > div > a span.icon{
										top: 50%;
										left: 50%;
										margin: -16px 0px 0px -16px;
										width: 32px;
										height: 32px;
										background-color: transparent;
										background-image: url('data/img/icon-open.svg');
										background-size: 32px 32px;
										background-position: 0px 0px;
										background-repeat: no-repeat;
									}

									.gallery > div > a:hover span.icon{
										opacity: 1;
										-moz-opacity: 1;
										-khtml-opacity: 1;
										filter: alpha(opacity=100);
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
									}

/* end of gallery */

/******************************

instagram

******************************/

.instagram{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	background-color: transparent;
	overflow: hidden;
}

			.instagram > div{
				margin: -1px 0px 0px -1px;
				padding: 0px 0px 0px 0px;
				width: auto;
				background-color: transparent;
			}

						.instagram > div > a{
							position: relative;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							float: left;
							width: 20%;
							line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
							border-width: 1px 0px 0px 1px;
							border-style: solid;
							border-color: #ffffff;
							outline: none;
							display: block;
							overflow: hidden;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
						}

									.instagram > div > a img{
										width: 100%;
										height: auto;
									}

									.instagram > div > a span.image{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										padding-bottom: 100%;
										width: 100%;
										height: 0px;
										background-color: transparent;
										background-image: url('data/img/thumb-384x384.jpg');
										background-position: center center;
										background-repeat: no-repeat;
										background-size: cover;
										display: block;
									}

									.instagram > div > a span.overlay,
									.instagram > div > a span.icon{
										position: absolute;
										z-index: 9;
										padding: 0px 0px 0px 0px;
										display: block;
										transition: all 0.3s;
										-o-transition: all 0.3s;
										-ms-transition: all 0.3s;
										-moz-transition: all 0.3s;
										-khtml-transition: all 0.3s;
										-webkit-transition: all 0.3s;
										opacity: 0;
										-moz-opacity: 0;
										-khtml-opacity: 0;
										filter: alpha(opacity=0);
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
									}

									.instagram > div > a span.overlay{
										top: 0px;
										left: 0px;
										margin: 0px 0px 0px 0px;
										width: 100%;
										height: 100%;
										background-color: #064036;
									}

									.instagram > div > a:hover span.overlay{
										opacity: 0.3;
										-moz-opacity: 0.3;
										-khtml-opacity: 0.3;
										filter: alpha(opacity=30);
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
									}

									.instagram > div > a span.icon{
										top: 50%;
										left: 50%;
										margin: -16px 0px 0px -16px;
										width: 32px;
										height: 32px;
										background-color: transparent;
										background-image: url('data/img/icon-open.svg');
										background-size: 32px 32px;
										background-position: 0px 0px;
										background-repeat: no-repeat;
									}

									.instagram > div > a:hover span.icon{
										opacity: 1;
										-moz-opacity: 1;
										-khtml-opacity: 1;
										filter: alpha(opacity=100);
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
									}

/* end of instagram */

/******************************

item-post

******************************/

.item-post{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	background-color: transparent;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.item-post.expired{
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

			.item-post > a{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: auto;
				background-color: #ffffff;
				display: block;
				overflow: hidden;
				border-radius: 3px;
				-o-border-radius: 3px;
				-ms-border-radius: 3px;
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
			}

			.item-post > a:hover{
				/*
				box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
				-o-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
				-ms-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
				-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
				-khtml-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
				-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
				*/
				box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
				-o-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
				-ms-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
				-moz-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
				-khtml-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
				-webkit-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
				transform: translateY(-3px);
				-o-transform: translateY(-3px);
				-ms-transform: translateY(-3px);
				-moz-transform: translateY(-3px);
				-khtml-transform: translateY(-3px);
				-webkit-transform: translateY(-3px);
			}

						.item-post > a > div.thumbnail{
							position: relative;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
							display: block;
						}

						.item-post > a > div.thumbnail.logo{
							/*
							margin: 0px 0px 48px 0px;
							*/
							margin: 0px 0px 32px 0px;
						}

									.item-post > a > div.thumbnail > img{
										width: 100%;
										height: auto;
									}

									.item-post > a > div.thumbnail > img.logo{
										position: absolute;
										bottom: 0px;
										left: 50%;
										z-index: 9;
										/*
										margin: 0px 0px -50px -50px;
										*/
										margin: 0px 0px -34px -50px;
										padding: 2px 2px 2px 2px;
										width: 96px;
										height: 96px;
										background-color: #ffffff;
										display: block;
										border-radius: 50%;
										-o-border-radius: 50%;
										-ms-border-radius: 50%;
										-moz-border-radius: 50%;
										-khtml-border-radius: 50%;
										-webkit-border-radius: 50%;
									}

									.item-post > a > div.thumbnail > span{
										position: absolute;
										bottom: 0px;
										left: 50%;
										z-index: 9;
										/*
										margin: 0px 0px -50px -50px;
										*/
										margin: 0px 0px -34px -50px;
										padding: 0px 0px 0px 0px;
										width: 96px;
										height: 96px;
										background-color: #999999;
										border-width: 2px 2px 2px 2px;
										border-style: solid;
										border-color: #ffffff;
										display: block;
										border-radius: 50%;
										-o-border-radius: 50%;
										-ms-border-radius: 50%;
										-moz-border-radius: 50%;
										-khtml-border-radius: 50%;
										-webkit-border-radius: 50%;
										transition: all 0.3s;
										-o-transition: all 0.3s;
										-ms-transition: all 0.3s;
										-moz-transition: all 0.3s;
										-khtml-transition: all 0.3s;
										-webkit-transition: all 0.3s;
									}

									.item-post > a:hover > div.thumbnail > span{
										background-color: #064036;
									}

												.item-post > a > div.thumbnail > span.island > span{
													margin: 24px 24px 24px 24px;
													padding: 0px 0px 0px 0px;
													width: 48px;
													height: 48px;
													background-color: transparent;
													background-image: url('data/img/icons-islands.png');
													background-size: 672px 48px;
													background-position: 0px 0px;
													background-repeat: no-repeat;
													display: block;
												}

												.item-post > a > div.thumbnail > span.island > span.tahiti{
													background-position: 0px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.moorea{
													background-position: -48px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.bora-bora{
													background-position: -96px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.tetiaroa{
													background-position: -144px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.huahine{
													background-position: -192px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.raiatea{
													background-position: -240px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.tahaa{
													background-position: -288px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.maupiti{
													background-position: -336px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.tupai{
													background-position: -384px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.maiao{
													background-position: -432px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.mehetia{
													background-position: -480px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.maupihaa{
													background-position: -528px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.manuae{
													background-position: -576px 0px;
												}

												.item-post > a > div.thumbnail > span.island > span.motu-one{
													background-position: -624px 0px;
												}

												.item-post > a > div.thumbnail > span.activity > span{
													margin: 24px 24px 24px 24px;
													padding: 0px 0px 0px 0px;
													width: 48px;
													height: 48px;
													background-color: transparent;
													background-image: url('data/img/icon-activity-default.svg');
													background-size: 48px 48px;
													background-position: 0px 0px;
													background-repeat: no-repeat;
													display: block;
												}

												.item-post > a > div.thumbnail > span.activity > span.beach{
													background-image: url('data/img/icon-activity-beach.svg');
												}

												.item-post > a > div.thumbnail > span.activity > span.diving{
													background-image: url('data/img/icon-activity-diving.svg');
												}

												.item-post > a > div.thumbnail > span.activity > span.tour{
													background-image: url('data/img/icon-activity-tour.svg');
												}

												.item-post > a > div.thumbnail > span.activity > span.attraction{
													background-image: url('data/img/icon-activity-attraction.svg');
												}

												.item-post > a > div.thumbnail > span.activity > span.sightseeing{
													background-image: url('data/img/icon-activity-sightseeing.svg');
												}

												.item-post > a > div.thumbnail > span.activity > span.hiking{
													background-image: url('data/img/icon-activity-hiking.svg');
												}

												.item-post > a > div.thumbnail > span.activity > span.biking{
													background-image: url('data/img/icon-activity-biking.svg');
												}

												.item-post > a > div.thumbnail > span.tour > span{
													margin: 24px 24px 24px 24px;
													padding: 0px 0px 0px 0px;
													width: 48px;
													height: 48px;
													background-color: transparent;
													margin: 24px 24px 24px 24px;
													padding: 0px 0px 0px 0px;
													width: 48px;
													height: 48px;
													background-color: transparent;
													background-image: url('data/img/icon-tour-default.svg');
													background-size: 48px 48px;
													background-position: 0px 0px;
													background-repeat: no-repeat;
													display: block;
												}

												.item-post > a > div.thumbnail > span.tour > span.maa-tahiti-on-the-motu{
													background-image: url('data/img/icon-tour-maa-tahiti.svg');
												}

												.item-post > a > div.thumbnail > span.tour > span.picnic-on-the-motu{
													background-image: url('data/img/icon-tour-picnic.svg');
												}

												.item-post > a > div.thumbnail > span.tour > span.jet-ski-tour{
													background-image: url('data/img/icon-tour-jet-ski.svg');
												}

												.item-post > a > div.thumbnail > span.tour > span.all-terrain-vehicle-tour{
													background-image: url('data/img/icon-tour-atv.svg');
												}

												.item-post > a > div.thumbnail > span.tour > span.safari-cruise{
													background-image: url('data/img/icon-tour-offroad.svg');
												}
												
												.item-post > a > div.thumbnail > span.tour > span.circle-island-tour{
													background-image: url('data/img/icon-tour-island.svg');
												}

												.item-post > a > div.thumbnail > span.tour > span.lagoon-cruise{
													background-image: url('data/img/icon-tour-lagoon.svg');
												}

												.item-post > a > div.thumbnail > span.tour > span.snorkeling-tour{
													background-image: url('data/img/icon-tour-snorkel.svg');
												}

												.item-post > a > div.thumbnail > span.tour > span.cata-jet-tour{
													background-image: url('data/img/icon-tour-cata-jet.svg');
												}

												.item-post > a > div.thumbnail > span.tour > span.dolphin-and-whale-watching-tour{
													background-image: url('data/img/icon-tour-whale.svg');
												}

												.item-post > a > div.thumbnail > span.bungalow > span{
													margin: 24px 24px 24px 24px;
													padding: 0px 0px 0px 0px;
													width: 48px;
													height: 48px;
													background-color: transparent;
													margin: 24px 24px 24px 24px;
													padding: 0px 0px 0px 0px;
													width: 48px;
													height: 48px;
													background-color: transparent;
													background-image: url('data/img/icon-bungalow-default.svg');
													background-size: 48px 48px;
													background-position: 0px 0px;
													background-repeat: no-repeat;
													display: block;
												}

									.item-post > a > div.thumbnail > div.date{
										position: absolute;
										top: 0px;
										left: 0px;
										z-index: 9;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 48px;
										background-color: rgba(6,64,54,0.3);
										overflow: hidden;
										border-radius: 3px 0px 3px 0px;
										-o-border-radius: 3px 0px 3px 0px;
										-ms-border-radius: 3px 0px 3px 0px;
										-moz-border-radius: 3px 0px 3px 0px;
										-khtml-border-radius: 3px 0px 3px 0px;
										-webkit-border-radius: 3px 0px 3px 0px;
									}

												.item-post > a > div.thumbnail > div.date > p{
													line-height: 24px;
													color: rgba(255,255,255,1);
													text-align: center;
													text-shadow: 0px 0px 24px #000000;
												}

												.item-post > a > div.thumbnail > div.date > span{
													margin: auto;
													padding: 0px 0px 0px 0px;
													width: 33.333333%;
													height: 1px;
													background-color: rgba(255,255,255,0.5);
													display: block;
												}

									.item-post > a > div.thumbnail > div.stats{
										position: absolute;
										top: 10px;
										left: 10px;
										z-index: 9;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										background-color: transparent;
									}

												.item-post > a > div.thumbnail > div.stats > p{
													padding: 0px 6px 0px 6px;
													height: 24px;
													line-height: 24px;
													/*
													background-color: rgba(255,255,255,0.3);
													*/
													background-color: rgba(6,64,54,0.3);
													color: rgba(255,255,255,0.9);
													text-shadow: 0px 0px 24px #000000;
													border-radius: 3px;
													-o-border-radius: 3px;
													-ms-border-radius: 3px;
													-moz-border-radius: 3px;
													-khtml-border-radius: 3px;
													-webkit-border-radius: 3px;
												}

															.item-post > a > div.thumbnail > div.stats > p > span{
																margin: 6px 5px 0px 0px;
																padding: 0px 0px 0px 0px;
																float: left;
																width: 12px;
																height: 12px;
																background-color: transparent;
																background-image: url('data/img/icon-post-sponsored.svg');
																background-size: 12px 12px;
																background-position: 0px 0px;
																background-repeat: no-repeat;
																display: block;
																opacity: 0.9;
																-moz-opacity: 0.9;
																-khtml-opacity: 0.9;
																filter: alpha(opacity=90);
																-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
															}

															.item-post > a > div.thumbnail > div.stats > p > span.recommended{
																background-image: url('data/img/icon-post-recommended.svg');
															}

															.item-post > a > div.thumbnail > div.stats > p > span.sponsored{
																background-image: url('data/img/icon-post-sponsored.svg');
															}

															.item-post > a > div.thumbnail > div.stats > p > span.rate{
																background-image: url('data/img/icon-post-rate.svg');
															}

						.item-post > a > div.details{
							position: relative;
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							width: auto;
							background-color: transparent;
						}

									.item-post > a > div.details > h1{
										line-height: 24px;
										font-size: 16px;
										font-weight: bold;
										text-align: center;
										overflow: hidden;
										white-space: nowrap;
										text-overflow: ellipsis;
										transition: all 0.3s;
										-o-transition: all 0.3s;
										-ms-transition: all 0.3s;
										-moz-transition: all 0.3s;
										-khtml-transition: all 0.3s;
										-webkit-transition: all 0.3s;
									}

									.item-post > a:hover > div.details > h1{
										color: #064036;
									}

									.item-post > a > div.details > h1.double{
										height: 48px;
										white-space: normal;
										display: -ms-box;
										display: -moz-box;
										display: -webkit-box;
										-ms-box-orient: vertical;
										-moz-box-orient: vertical;
										-webkit-box-orient: vertical;
										line-clamp: 2;
										-webkit-line-clamp: 2;
									}

									.item-post > a > div.details > h2{
										line-height: 24px;
										text-align: center;
									}

									.item-post > a > div.details > p{
										height: 24px;
										line-height: 24px;
										color: #666666;
										text-align: center;
										overflow: hidden;
										white-space: nowrap;
										text-overflow: ellipsis;
									}

												.item-post > a > div.details > p > span{
													margin: 0px 5px 0px 5px;
													line-height: 24px;
													font-size: 12px;
													font-weight: normal;
													color: #999999;
													display: inline-block;
												}

															.item-post > a > div.details > p > span > span{
																margin: 6px 5px 0px 0px;
																padding: 0px 0px 0px 0px;
																float: left;
																width: 12px;
																height: 12px;
																background-color: transparent;
																background-image: url('data/img/icon-post-calendar.svg');
																background-size: 12px 12px;
																background-position: 0px 0px;
																background-repeat: no-repeat;
																display: block;
																opacity: 0.5;
																-moz-opacity: 0.5;
																-khtml-opacity: 0.5;
																filter: alpha(opacity=50);
																-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
															}

															.item-post > a > div.details > p > span > span.calendar{
																background-image: url('data/img/icon-post-calendar.svg');
															}

															.item-post > a > div.details > p > span > span.map{
																background-image: url('data/img/icon-post-map.svg');
															}

															.item-post > a > div.details > p > span > span.author{
																background-image: url('data/img/icon-post-author.svg');
															}

															.item-post > a > div.details > p > span > span.category{
																background-image: url('data/img/icon-post-category.svg');
															}

															.item-post > a > div.details > p > span > span.comments{
																background-image: url('data/img/icon-post-comments.svg');
															}

															.item-post > a > div.details > p > span > span.views{
																background-image: url('data/img/icon-post-views.svg');
															}

															.item-post > a > div.details > p > span > span.island{
																background-image: url('data/img/icon-post-island.svg');
															}

/* end of item-post */

/******************************

google-maps

******************************/

#google-maps{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-bottom: 100%;
	width: auto;
	height: 0px;
	background-color: transparent;
	overflow: hidden;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#google-maps.widescreen{
	padding-bottom: 56.25%;
}

#google-maps.contact{
	padding-bottom: 33.333333%;
}

			#google-maps #map{
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				background-color: rgba(0,0,0,0.5);
			}

						#google-maps #map p{
							text-align: center;
						}

			#google-maps iframe{
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
			}

/* end of google-maps */

/******************************

youtube-video

******************************/

.youtube-video{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-bottom: 56.25%;
	width: auto;
	height: 0px;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
}

			.youtube-video iframe{
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
			}

/* end of youtube-video */

/******************************

scroll to top

******************************/

a#scroll-to-top{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 48px;
	height: 48px;
	background-color: rgba(0,0,0,0.3);
	display: none;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
}

a#scroll-to-top:hover{
	background-color: rgba(6,64,54,1);
}

			a#scroll-to-top span{
				margin: 12px 12px 12px 12px;
				padding: 0px 0px 0px 0px;
				width: 24px;
				height: 24px;
				background-color: transparent;
				background-image: url('data/img/icon-arrow-up.svg');
				background-size: 24px 24px;
				background-position: 0px 0px;
				background-repeat: no-repeat;
				display: block;
			}

/* end of scroll to top */

/******************************

gutenberg

******************************/

.wp-block-image{
	margin: 0px 0px 20px 0px !important;
}

			.wp-block-image > img{
				width: 100% !important;
				height: auto !important;
			}

			.wp-block-image > figcaption{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				font-size: 12px;
				font-weight: normal;
				font-style: italic;
				color: #999999;
				text-align: center;
			}

.wp-block-columns{
	gap: 20px;
}

a.wp-block-button__link{
	margin: 0px 0px 0px 0px;
	padding: 0px 47px 0px 47px;
	height: 46px;
	line-height: 46px;
	background-color: #064036;
	border-width: 1px;
	border-style: solid;
	border-color: #064036;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	/*
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	*/
}

a.wp-block-button__link:hover{
	background-color: transparent;
	color: #064036;
}

/* end of gutenberg */

/* end of common elements */

/******************************

disable mobile elements

******************************/

#mobile-header,
#mobile-nav,
#mobile-overlay{
	display: none;
}

/* end of disable mobile elements */

/******************************

wrap

******************************/

#wrap{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	background-color: transparent;
	overflow: hidden;
}

			/******************************

			header

			******************************/

			#wrap #header{
				position: relative;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 100%;
				height: 50vh;
				min-height: 480px;
				background-color: transparent;
				overflow: hidden;
			}

			#wrap #header.fullscreen{
				height: 100vh;
			}

						/******************************

						nav

						******************************/

						#wrap #header #nav{
							position: fixed;
							top: 0px;
							z-index: 999;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 100%;
							height: 64px;
							background-color: transparent;
							transition: all 0.3s;
							-o-transition: all 0.3s;
							-ms-transition: all 0.3s;
							-moz-transition: all 0.3s;
							-khtml-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}

						#wrap #header #nav.sticky{
							background-color: rgba(255,255,255,0.75);
							box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
							-o-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
							-ms-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
							-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
							-khtml-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
							-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
						}

						#wrap #header #nav.admin{
							top: 32px;
						}

									#wrap #header #nav > a{
										position: absolute;
										top: 0px;
										left: 0px;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 78px;
										height: 64px;
										background-color: transparent;
										display: block;
									}

									#wrap #header #nav > a:before,
									#wrap #header #nav > a:after{
										position: absolute;
										top: 0px;
										left: 0px;
										width: 100%;
										height: 100%;
										background-color: transparent;
										background-image: url('data/img/logo-menu.png');
										background-size: 70px 48px;
										background-position: right center;
										background-repeat: no-repeat;
										content: "";
										transition: all 0.3s;
										-o-transition: all 0.3s;
										-ms-transition: all 0.3s;
										-moz-transition: all 0.3s;
										-khtml-transition: all 0.3s;
										-webkit-transition: all 0.3s;
										opacity: 0;
										-moz-opacity: 0;
										-khtml-opacity: 0;
										filter: alpha(opacity=0);
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
									}

									#wrap #header #nav > a:before{
										background-image: url('data/img/logo-menu.png');
										opacity: 1;
										-moz-opacity: 1;
										-khtml-opacity: 1;
										filter: alpha(opacity=100);
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
									}

									#wrap #header #nav > a:after{
										background-image: url('data/img/logo-menu-sticky.png');
										opacity: 0;
										-moz-opacity: 0;
										-khtml-opacity: 0;
										filter: alpha(opacity=0);
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
									}

									#wrap #header #nav.sticky > a:before{
										opacity: 0;
										-moz-opacity: 0;
										-khtml-opacity: 0;
										filter: alpha(opacity=0);
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
									}

									#wrap #header #nav.sticky > a:after{
										opacity: 1;
										-moz-opacity: 1;
										-khtml-opacity: 1;
										filter: alpha(opacity=100);
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
									}

									#wrap #header #nav #menu{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: auto;
										line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
										background-color: transparent;
										font-size: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
										text-align: center;
									}

												#wrap #header #nav #menu > a{
													position: relative;
													margin: 0px 10px 0px 10px;
													height: 64px;
													line-height: 64px;
													font-size: 16px;
													font-weight: normal;
													color: rgba(255,255,255,0.75);
													display: inline-block;
												}

												#wrap #header #nav #menu > a:hover,
												#wrap #header #nav #menu > a.highlight{
													color: rgba(255,255,255,1);
												}

												#wrap #header #nav.sticky #menu > a{
													color: #333333;
												}

												#wrap #header #nav.sticky #menu > a:hover,
												#wrap #header #nav.sticky #menu > a.highlight{
													color: #064036;
												}

												#wrap #header #nav #menu > a:before{
													position: absolute;
													bottom: 0px;
													left: 50%;
													width: 0px;
													height: 3px;
													background-color: #ffffff;
													content: "";
													transition: all 0.3s;
													-o-transition: all 0.3s;
													-ms-transition: all 0.3s;
													-moz-transition: all 0.3s;
													-khtml-transition: all 0.3s;
													-webkit-transition: all 0.3s;
													opacity: 0;
													-moz-opacity: 0;
													-khtml-opacity: 0;
													filter: alpha(opacity=0);
													-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
												}

												#wrap #header #nav #menu > a:hover:before,
												#wrap #header #nav #menu > a.highlight:before{
													left: 0px;
													width: 100%;
													opacity: 1;
													-moz-opacity: 1;
													-khtml-opacity: 1;
													filter: alpha(opacity=100);
													-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
												}

												#wrap #header #nav.sticky #menu > a:before{
													background-color: #064036;
												}

												#wrap #header #nav #menu > ul{
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													width: auto;
													height: auto;
													display: inline-block;
												}

															#wrap #header #nav #menu > ul > li{
																position: relative;
																margin: 0px 10px 0px 10px;
																padding: 0px 0px 0px 0px;
																float: left;
																width: auto;
																height: auto;
																display: block;
															}

																		#wrap #header #nav #menu > ul > li > ul{
																			position: absolute;
																			top: 64px;
																			left: 0px;
																			margin: 0px 0px 0px 0px;
																			padding: 0px 0px 0px 0px;
																			width: auto;
																			height: auto;
																			background-color: rgba(255,255,255,0.9);
																			/*
																			display: none;
																			*/
																			visibility: hidden;
																			transition: all 0.3s;
																			-o-transition: all 0.3s;
																			-ms-transition: all 0.3s;
																			-moz-transition: all 0.3s;
																			-khtml-transition: all 0.3s;
																			-webkit-transition: all 0.3s;
																			opacity: 0;
																			-moz-opacity: 0;
																			-khtml-opacity: 0;
																			filter: alpha(opacity=0);
																			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
																		}

																		#wrap #header #nav #menu > ul > li:hover > ul{
																			/*
																			display: block;
																			*/
																			visibility: visible;
																			opacity: 1;
																			-moz-opacity: 1;
																			-khtml-opacity: 1;
																			filter: alpha(opacity=100);
																			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
																		}

																		#wrap #header #nav #menu > ul > li > ul > li{
																			margin: 0px 0px 0px 0px;
																			padding: 0px 0px 0px 0px;
																			width: auto;
																			height: auto;
																			display: block;
																		}

																		#wrap #header #nav #menu > ul > li > a{
																			position: relative;
																			margin: 0px 0px 0px 0px;
																			height: 64px;
																			line-height: 64px;
																			font-size: 16px;
																			font-weight: normal;
																			color: rgba(255,255,255,0.75);
																			display: inline-block;
																		}

																		#wrap #header #nav #menu > ul > li > a:hover,
																		#wrap #header #nav #menu > ul > li > a.highlight,
																		#wrap #header #nav #menu > ul > li.current-menu-item > a,
																		#wrap #header #nav #menu > ul > li.current_page_item > a,
																		#wrap #header #nav #menu > ul > li.current_page_parent > a,
																		#wrap #header #nav #menu > ul > li.current-page-ancestor > a{
																			color: rgba(255,255,255,1);
																		}

																		#wrap #header #nav.sticky #menu > ul > li > a{
																			color: #333333;
																		}

																		#wrap #header #nav.sticky #menu > ul > li > a:hover,
																		#wrap #header #nav.sticky #menu > ul > li > a.highlight,
																		#wrap #header #nav.sticky #menu > ul > li.current-menu-item > a,
																		#wrap #header #nav.sticky #menu > ul > li.current_page_item > a,
																		#wrap #header #nav.sticky #menu > ul > li.current_page_parent > a,
																		#wrap #header #nav.sticky #menu > ul > li.current-page-ancestor > a{
																			color: #064036;
																		}

																		#wrap #header #nav #menu > ul > li > a:before{
																			position: absolute;
																			bottom: 0px;
																			left: 50%;
																			width: 0px;
																			height: 3px;
																			background-color: #ffffff;
																			content: "";
																			transition: all 0.3s;
																			-o-transition: all 0.3s;
																			-ms-transition: all 0.3s;
																			-moz-transition: all 0.3s;
																			-khtml-transition: all 0.3s;
																			-webkit-transition: all 0.3s;
																			opacity: 0;
																			-moz-opacity: 0;
																			-khtml-opacity: 0;
																			filter: alpha(opacity=0);
																			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
																		}

																		#wrap #header #nav #menu > ul > li > a:hover:before,
																		#wrap #header #nav #menu > ul > li > a.highlight:before,
																		#wrap #header #nav #menu > ul > li.current-menu-item > a:before,
																		#wrap #header #nav #menu > ul > li.current_page_item > a:before,
																		#wrap #header #nav #menu > ul > li.current_page_parent > a:before,
																		#wrap #header #nav #menu > ul > li.current-page-ancestor > a:before{
																			left: 0px;
																			width: 100%;
																			opacity: 1;
																			-moz-opacity: 1;
																			-khtml-opacity: 1;
																			filter: alpha(opacity=100);
																			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
																		}

																		#wrap #header #nav.sticky #menu > ul > li > a:before{
																			background-color: #064036;
																		}

																		#wrap #header #nav #menu > ul > li > ul > li > a{
																			position: relative;
																			margin: 0px 0px 0px 0px;
																			padding: 0px 24px 0px 24px;
																			height: 48px;
																			line-height: 48px;
																			font-size: 16px;
																			font-weight: normal;
																			color: rgba(0,0,0,0.75);
																			display: block;
																			white-space: nowrap;
																		}

																		#wrap #header #nav #menu > ul > li > ul > li > a:hover{
																			background-color: rgba(0,0,0,0.1);
																			color: rgba(6,64,54,1);
																		}

									#wrap #header #nav #search{
										position: absolute;
										top: 20px;
										right: 20px;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: auto;
										height: auto;
										background-color: transparent;
									}

												#wrap #header #nav #search > a{
													position: relative;
													margin: 0px 0px 0px 10px;
													padding: 0px 0px 0px 0px;
													float: left;
													width: 24px;
													height: 24px;
													background-color: transparent;
													display: block;
												}

												#wrap #header #nav #search > a:before,
												#wrap #header #nav #search > a:after{
													position: absolute;
													top: 0px;
													left: 0px;
													width: 24px;
													height: 24px;
													background-color: transparent;
													background-image: url('data/img/icon-search.svg');
													background-size: 24px 24px;
													background-position: 0px 0px;
													background-repeat: no-repeat;
													content: "";
													transition: all 0.3s;
													-o-transition: all 0.3s;
													-ms-transition: all 0.3s;
													-moz-transition: all 0.3s;
													-khtml-transition: all 0.3s;
													-webkit-transition: all 0.3s;
													opacity: 0;
													-moz-opacity: 0;
													-khtml-opacity: 0;
													filter: alpha(opacity=0);
													-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
												}

												#wrap #header #nav #search > a:before{
													opacity: 1;
													-moz-opacity: 1;
													-khtml-opacity: 1;
													filter: alpha(opacity=100);
													-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
												}

												#wrap #header #nav #search > a:after{
													opacity: 0;
													-moz-opacity: 0;
													-khtml-opacity: 0;
													filter: alpha(opacity=0);
													-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
												}

												#wrap #header #nav.sticky #search > a:before{
													opacity: 0;
													-moz-opacity: 0;
													-khtml-opacity: 0;
													filter: alpha(opacity=0);
													-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
												}

												#wrap #header #nav.sticky #search > a:after{
													opacity: 1;
													-moz-opacity: 1;
													-khtml-opacity: 1;
													filter: alpha(opacity=100);
													-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
												}

												#wrap #header #nav #search > a.search:before{
													background-image: url('data/img/icon-search.svg');
												}

												#wrap #header #nav #search > a.search:after{
													background-image: url('data/img/icon-search-sticky.svg');
												}

						/* end of nav */

						/******************************

						overlay

						******************************/

						#wrap #header #overlay{
							position: absolute;
							top: 0px;
							left: 0px;
							z-index: 1;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 100%;
							height: 100%;
							background-color: rgba(0,0,0,0.3);
						}

									#wrap #header #overlay #info{
										position: absolute;
										top: 50%;
										left: 0px;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 100%;
										line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
										background-color: transparent;
										font-size: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
										text-align: center;
										transform: translateY(-50%);
										-o-transform: translateY(-50%);
										-ms-transform: translateY(-50%);
										-moz-transform: translateY(-50%);
										-khtml-transform: translateY(-50%);
										-webkit-transform: translateY(-50%);
									}

												#wrap #header #overlay #info > h1{
													margin: auto;
													max-width: 1000px;
													line-height: 48px;
													/*
													font-size: 36px;
													*/
													font-size: 48px;
													color: #ffffff;
												}

												#wrap #header #overlay #info > h2{
													margin: auto;
													max-width: 1000px;
													line-height: 32px;
													font-size: 16px;
													color: rgba(255,255,255,0.75);
												}

															#wrap #header #overlay #info > h2 > a{
																/*
																line-height: 32px;
																font-size: 16px;
																font-weight: bold;
																*/
																line-height: 48px;
																font-size: 24px;
																font-weight: normal;
																color: rgba(255,255,255,0.75);
															}

															#wrap #header #overlay #info > h2 > a:hover{
																color: rgba(255,255,255,1);
															}

															#wrap #header #overlay #info > h2 > span{
																line-height: 32px;
																font-size: 32px;
															}

												#wrap #header #overlay #info > img{
													margin: 0px auto 20px auto;
													padding: 0px 0px 0px 0px;
													/*
													width: 256px;
													height: 256px;
													*/
													max-width: 512px;
													max-height: 256px;
													background-color: transparent;
													display: block;
												}

												#wrap #header #overlay #info > a{
													margin: 0px 5px 0px 5px;
													padding: 0px 0px 0px 0px;
													width: 48px;
													height: 48px;
													background-color: rgba(0,0,0,0.3);
													display: inline-block;
													overflow: hidden;
													border-radius: 50%;
													-o-border-radius: 50%;
													-ms-border-radius: 50%;
													-moz-border-radius: 50%;
													-khtml-border-radius: 50%;
													-webkit-border-radius: 50%;
												}

												#wrap #header #overlay #info > a:hover{
													background-color: rgba(6,64,54,1);
												}

															#wrap #header #overlay #info > a > span{
																margin: 12px 12px 12px 12px;
																padding: 0px 0px 0px 0px;
																width: 24px;
																height: 24px;
																background-color: transparent;
																background-image: url('data/img/icon-banner-phone.svg');
																background-size: 24px 24px;
																background-position: 0px 0px;
																background-repeat: no-repeat;
																display: block;
															}

															#wrap #header #overlay #info > a > span.phone{
																background-image: url('data/img/icon-banner-phone.svg');
															}

															#wrap #header #overlay #info > a > span.whatsapp{
																background-image: url('data/img/icon-banner-whatsapp.svg');
															}

															#wrap #header #overlay #info > a > span.viber{
																background-image: url('data/img/icon-banner-viber.svg');
															}

															#wrap #header #overlay #info > a > span.mail{
																background-image: url('data/img/icon-banner-mail.svg');
															}

															#wrap #header #overlay #info > a > span.web{
																background-image: url('data/img/icon-banner-web.svg');
															}

															#wrap #header #overlay #info > a > span.societyislands{
																background-image: url('data/img/icon-banner-societyislands.svg');
															}

															#wrap #header #overlay #info > a > span.facebook{
																background-image: url('data/img/icon-banner-facebook.svg');
															}

															#wrap #header #overlay #info > a > span.instagram{
																background-image: url('data/img/icon-banner-instagram.svg');
															}

															#wrap #header #overlay #info > a > span.google{
																background-image: url('data/img/icon-banner-google.svg');
															}

															#wrap #header #overlay #info > a > span.twitter{
																background-image: url('data/img/icon-banner-twitter.svg');
															}

															#wrap #header #overlay #info > a > span.pinterest{
																background-image: url('data/img/icon-banner-pinterest.svg');
															}

															#wrap #header #overlay #info > a > span.linkedin{
																background-image: url('data/img/icon-banner-linkedin.svg');
															}

															#wrap #header #overlay #info > a > span.tiktok{
																background-image: url('data/img/icon-banner-tiktok.svg');
															}

															#wrap #header #overlay #info > a > span.youtube{
																background-image: url('data/img/icon-banner-youtube.svg');
															}

															#wrap #header #overlay #info > a > span.vimeo{
																background-image: url('data/img/icon-banner-vimeo.svg');
															}

															#wrap #header #overlay #info > a > span.tripadvisor{
																background-image: url('data/img/icon-banner-tripadvisor.svg');
															}

															#wrap #header #overlay #info > a > span.booking{
																background-image: url('data/img/icon-banner-booking.svg');
															}

															#wrap #header #overlay #info > a > span.airbnb{
																background-image: url('data/img/icon-banner-airbnb.svg');
															}

															#wrap #header #overlay #info > a > span.vrbo{
																background-image: url('data/img/icon-banner-vrbo.svg');
															}

												#wrap #header #overlay #info > .box-warning{
													margin: 20px auto 0px auto;
													padding: 12px 48px 12px 48px;
													background-color: rgba(0,77,64,0.5);
													width: auto;
													max-width: 640px;
													box-sizing: border-box;
													-moz-box-sizing: border-box;
													-webkit-box-sizing: border-box;
												}

															#wrap #header #overlay #info > .box-warning > p,
															#wrap #header #overlay #info > .box-warning > p > a{
																line-height: 24px;
																font-size: 16px;
															}

												#wrap #header #overlay #info ul{
													margin: 0px 0px 0px 0px;
													padding: 8px 0px 8px 0px;
													line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
													font-size: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
													text-align: center;
													display: block;
												}

															#wrap #header #overlay #info ul li{
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																height: 16px;
																line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
																font-size: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
																display: inline-block;
															}

																		#wrap #header #overlay #info ul li p{
																			padding: 0px 5px 0px 5px;
																			line-height: 16px;
																			color: rgba(255,255,255,0.75);
																		}

																		#wrap #header #overlay #info ul li p.highlight{
																			padding: 0px 0px 0px 0px;
																			font-weight: bold;
																			color: #ffffff;
																		}

																		#wrap #header #overlay #info ul li a{
																			line-height: 16px;
																			font-weight: normal;
																			color: rgba(255,255,255,0.75);
																			display: block;
																		}

																		#wrap #header #overlay #info ul li a:hover{
																			color: rgba(255,255,255,1);
																		}
																		
												#wrap #header #overlay #info > #scroll-to-main{
													margin: 20px auto 0px auto;
													padding: 0px 0px 0px 0px;
													width: 48px;
													height: 48px;
													background-color: transparent;
												}

															#wrap #header #overlay #info > #scroll-to-main > a{
																position: relative;
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: 48px;
																height: 48px;
																background-color: transparent;
																display: block;
															}

															#wrap #header #overlay #info > #scroll-to-main > a:before{
																position: absolute;
																top: 8px;
																left: 8px;
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: 32px;
																height: 32px;
																background-color: transparent;
																background-image: url('data/img/icon-banner-scroll.svg');
																background-size: 32px 32px;
																background-position: center center;
																background-repeat: no-repeat;
																display: block;
																content: "";
																transition: all 0.3s;
																-o-transition: all 0.3s;
																-ms-transition: all 0.3s;
																-moz-transition: all 0.3s;
																-khtml-transition: all 0.3s;
																-webkit-transition: all 0.3s;
																filter: opacity(30%);
																-webkit-filter: opacity(30%);
																animation: scroll-forever 2s linear infinite;
															}

															#wrap #header #overlay #info > #scroll-to-main > a:hover:before{
																filter: opacity(90%);
																-webkit-filter: opacity(90%);
															}

															@keyframes scroll-forever{
																0%{transform: translate3d(0,-8px,0);}
																50%{transform: translate3d(0,8px,0);}
																100%{transform: translate3d(0,-8px,0);}
															}

												#wrap #header #overlay #info > div{
													margin: 48px auto 0px auto;
													padding: 0px 0px 0px 0px;
													width: 480px;
													background-color: transparent;
												}

												#wrap #header #overlay #info > div.no-margin{
													margin: 10px auto 0px auto;
												}

															#wrap #header #overlay #info > div > div{
																margin: 0px -5px 0px -5px;
																padding: 0px 0px 0px 0px;
																width: auto;
																background-color: transparent;
															}

																		#wrap #header #overlay #info > div > div .item-one-half,
																		#wrap #header #overlay #info > div > div .item-one-third{
																			margin: 0px 0px 0px 0px;
																			padding: 0px 5px 0px 5px;
																			float: left;
																			background-color: transparent;
																			box-sizing: border-box;
																			-moz-box-sizing: border-box;
																			-webkit-box-sizing: border-box;
																		}

																		#wrap #header #overlay #info > div > div .item-one-half{
																			width: 50%;
																		}

																		#wrap #header #overlay #info > div > div .item-one-third{
																			width: 33.333333%;
																		}

																					#wrap #header #overlay #info > div > div > div > a{
																						margin: 0px 0px 0px 0px;
																						padding: 0px 0px 0px 0px;
																						width: auto;
																						height: 46px;
																						line-height: 46px;
																						background-color: rgba(255,255,255,0.3);
																						border-width: 1px;
																						border-style: solid;
																						border-color: rgba(255,255,255,0);
																						font-size: 16px;
																						font-weight: bold;
																						font-style: normal;
																						color: rgba(255,255,255,1);
																						text-decoration: none;
																						display: block;
																						overflow: hidden;
																						white-space: nowrap;
																						text-overflow: ellipsis;
																						border-radius: 3px;
																						-o-border-radius: 3px;
																						-ms-border-radius: 3px;
																						-moz-border-radius: 3px;
																						-khtml-border-radius: 3px;
																						-webkit-border-radius: 3px;
																					}

																					#wrap #header #overlay #info > div > div > div > a:hover{
																						background-color: rgba(255,255,255,0);
																						border-color: rgba(255,255,255,1);
																					}

																					#wrap #header #overlay #info > div > div > div > a.scroll-to-main,
																					#wrap #header #overlay #info > div > div > div > a.scroll-to-book-now,
																					#wrap #header #overlay #info > div > div > div > a.scroll-to-bungalow,
																					#wrap #header #overlay #info > div > div > div > a.group-tours,
																					#wrap #header #overlay #info > div > div > div > a.private-tours{
																						position: relative;
																						padding: 0px 0px 0px 47px;
																					}

																					#wrap #header #overlay #info > div > div > div > a.scroll-to-main:before,
																					#wrap #header #overlay #info > div > div > div > a.scroll-to-book-now:before,
																					#wrap #header #overlay #info > div > div > div > a.scroll-to-bungalow:before,
																					#wrap #header #overlay #info > div > div > div > a.group-tours:before,
																					#wrap #header #overlay #info > div > div > div > a.private-tours:before{
																						position: absolute;
																						top: 0px;
																						left: 0px;
																						width: 46px;
																						height: 46px;
																						background-color: transparent;
																						background-image: url('data/img/icon-banner-overview.svg');
																						background-size: 24px 24px;
																						background-position: center center;
																						background-repeat: no-repeat;
																						display: block;
																						content: "";
																					}

																					#wrap #header #overlay #info > div > div > div > a.scroll-to-main:before{
																						background-image: url('data/img/icon-banner-overview.svg');
																					}

																					#wrap #header #overlay #info > div > div > div > a.scroll-to-book-now:before{
																						background-image: url('data/img/icon-banner-book-now.svg');
																					}

																					#wrap #header #overlay #info > div > div > div > a.scroll-to-bungalow:before{
																						background-image: url('data/img/icon-banner-bungalow.svg');
																					}

																					#wrap #header #overlay #info > div > div > div > a.group-tours:before{
																						background-image: url('data/img/icon-banner-group-tours.svg');
																					}

																					#wrap #header #overlay #info > div > div > div > a.private-tours:before{
																						background-image: url('data/img/icon-banner-private-tours.svg');
																					}

																					#wrap #header #overlay #info > div > div form{
																						margin: 0px 0px 0px 0px;
																						padding: 0px 0px 0px 0px;
																						width: auto;
																						line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
																						background-color: transparent;
																						display: block;
																					}

																					#wrap #header #overlay #info > div > div form select{
																						background-color: rgba(255,255,255,0.3);
																						border-width: 1px 1px 1px 1px;
																						border-color: rgba(255,255,255,0);
																						font-size: 16px;
																						font-weight: bold;
																						color: rgba(255,255,255,1);
																						cursor: pointer;
																						border-radius: 3px;
																						-o-border-radius: 3px;
																						-ms-border-radius: 3px;
																						-moz-border-radius: 3px;
																						-khtml-border-radius: 3px;
																						-webkit-border-radius: 3px;
																					}

																					#wrap #header #overlay #info > div > div form select:hover{
																						background-color: rgba(255,255,255,0);
																						border-color: rgba(255,255,255,1);
																						color: rgba(255,255,255,1);
																					}

																					#wrap #header #overlay #info > div > div form select:focus{
																						background-color: rgba(255,255,255,0);
																						border-color: rgba(255,255,255,1);
																						color: rgba(255,255,255,1);
																					}

																					#wrap #header #overlay #info > div > div form select option{
																						color: #064036;
																					}

									#wrap #header #overlay #slider-nav{
										position: absolute;
										bottom: 20px;
										left: 0px;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 100%;
										line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
										background-color: transparent;
										font-size: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
										text-align: center;
									}

												#wrap #header #overlay #slider-nav > a{
													position: relative;
													margin: 0px 5px 0px 5px;
													padding: 0px 0px 0px 0px;
													width: 48px;
													height: 24px;
													background-color: transparent;
													display: inline-block;
													overflow: hidden;
												}

												#wrap #header #overlay #slider-nav > a:before{
													position: absolute;
													top: 11px;
													left: 0px;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													width: 48px;
													height: 2px;
													background-color: rgba(255,255,255,0.3);
													display: block;
													content: "";
													border-radius: 1px;
													-o-border-radius: 1px;
													-ms-border-radius: 1px;
													-moz-border-radius: 1px;
													-khtml-border-radius: 1px;
													-webkit-border-radius: 1px;
													transition: all 0.3s;
													-o-transition: all 0.3s;
													-ms-transition: all 0.3s;
													-moz-transition: all 0.3s;
													-khtml-transition: all 0.3s;
													-webkit-transition: all 0.3s;
												}

												#wrap #header #overlay #slider-nav > a:hover:before{
													background-color: rgba(255,255,255,0.9);
												}

												#wrap #header #overlay #slider-nav > a.highlight:before{
													background-color: rgba(255,255,255,0.9);
												}

									#wrap #header #overlay #share{
										position: absolute;
										bottom: 20px;
										left: 20px;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
										background-color: transparent;
										font-size: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
									}

												#wrap #header #overlay #share > a{
													margin: 0px 0px 0px 1px;
													padding: 0px 0px 0px 0px;
													width: 32px;
													height: 32px;
													background-color: rgba(255,255,255,0.1);
													display: inline-block;
													overflow: hidden;
												}

												#wrap #header #overlay #share > a:first-child{
													margin: 0px 0px 0px 0px;
													border-radius: 3px 0px 0px 3px;
													-o-border-radius: 3px 0px 0px 3px;
													-ms-border-radius: 3px 0px 0px 3px;
													-moz-border-radius: 3px 0px 0px 3px;
													-khtml-border-radius: 3px 0px 0px 3px;
													-webkit-border-radius: 3px 0px 0px 3px;
												}

												#wrap #header #overlay #share > a:last-child{
													border-radius: 0px 3px 3px 0px;
													-o-border-radius: 0px 3px 3px 0px;
													-ms-border-radius: 0px 3px 3px 0px;
													-moz-border-radius: 0px 3px 3px 0px;
													-khtml-border-radius: 0px 3px 3px 0px;
													-webkit-border-radius: 0px 3px 3px 0px;
												}

												#wrap #header #overlay #share > a:hover{
													background-color: rgba(255,255,255,0.3);
												}

															#wrap #header #overlay #share > a > span{
																margin: 8px 8px 8px 8px;
																padding: 0px 0px 0px 0px;
																width: 16px;
																height: 16px;
																background-color: transparent;
																background-image: url('data/img/icon-banner-facebook.svg');
																background-size: 16px 16px;
																background-position: 0px 0px;
																background-repeat: no-repeat;
																display: block;
															}

															#wrap #header #overlay #share > a > span.facebook{
																background-image: url('data/img/icon-banner-facebook.svg');
															}

															#wrap #header #overlay #share > a > span.google{
																background-image: url('data/img/icon-banner-google.svg');
															}

															#wrap #header #overlay #share > a > span.mail{
																background-image: url('data/img/icon-banner-mail.svg');
															}

									#wrap #header #overlay > p{
										position: absolute;
										bottom: 20px;
										right: 20px;
										line-height: 24px;
										color: rgba(255, 255, 255, 0.8);
									}

												#wrap #header #overlay > p > a{
													padding: 0px 5px 0px 5px;
													color: rgba(255,255,255,0.8);
													background-color: rgba(255,255,255,0.1);
													display: inline-block;
													border-radius: 3px;
													-o-border-radius: 3px;
													-ms-border-radius: 3px;
													-moz-border-radius: 3px;
													-khtml-border-radius: 3px;
													-webkit-border-radius: 3px;
												}

												#wrap #header #overlay > p > a:hover{
													color: rgba(255,255,255,1);
													background-color: rgba(255,255,255,0.3);
												}

												#wrap #header #overlay > p > span{
													margin: 6px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													width: 12px;
													height: 12px;
													background-color: transparent;
													background-image: url('data/img/icon-banner-heart.svg');
													background-size: 12px 12px;
													background-position: 0px 0px;
													background-repeat: no-repeat;
													display: inline-block;
													vertical-align: top;
													opacity: 0.8;
													-moz-opacity: 0.8;
													-khtml-opacity: 0.8;
													filter: alpha(opacity=80);
													-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
												}

									#wrap #header #overlay #waves{
										position: absolute;
										z-index: -1;
										/*
										bottom: 0px;
										*/
										bottom: -1px;
										left: 0px;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 100%;
										height: 20%;
										background-color: transparent;
									}

												#wrap #header #overlay #waves > svg{
													position: relative;
													width: 100%;
													height: 100%;
												}

															#wrap #header #overlay #waves > svg > g > use{
																animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
															}

															#wrap #header #overlay #waves > svg > g > use:nth-child(1){
																animation-delay: -2s;
																animation-duration: 7s;
															}

															#wrap #header #overlay #waves > svg > g > use:nth-child(2){
																animation-delay: -3s;
																animation-duration: 10s;
															}

															#wrap #header #overlay #waves > svg > g > use:nth-child(3){
																animation-delay: -4s;
																animation-duration: 13s;
															}

															#wrap #header #overlay #waves > svg > g > use:nth-child(4){
																animation-delay: -5s;
																animation-duration: 20s;
															}

															@keyframes move-forever{
																0%{transform: translate3d(-90px,0,0);}
																100%{transform: translate3d(85px,0,0);}
															}

						/* end of overlay */

						/******************************

						banner

						******************************/

						#wrap #header #banner{
							position: absolute;
							top: 0px;
							left: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 100%;
							height: 100%;
							background-color: #ffffff;
							background-image: url('data/img/bg-001.jpg');
							background-position: center center;
							background-repeat: no-repeat;
							/* background-attachment: fixed; */
							background-size: cover;
						}

									#wrap #header #banner #slideshow{
										position: relative;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 100%;
										height: 100%;
										background-color: #000000;
									}

												#wrap #header #banner #slideshow div{
													position: absolute;
													top: 0px;
													left: 0px;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													width: 100%;
													height: 100%;
													background-color: transparent;
													/* background-image: url('data/img/bg-1.jpg'); */
													background-position: center center;
													background-repeat: no-repeat;
													/* background-attachment: fixed; */
													background-size: cover;
												}

												#wrap #header #banner #slideshow div.bg-001{
													background-image: url('data/img/bg-001.jpg');
												}

												#wrap #header #banner #slideshow div.bg-002{
													background-image: url('data/img/bg-002.jpg');
												}

												#wrap #header #banner #slideshow div.bg-003{
													background-image: url('data/img/bg-003.jpg');
												}

												#wrap #header #banner #slideshow div.bg-004{
													background-image: url('data/img/bg-004.jpg');
												}

												#wrap #header #banner #slideshow div.bg-005{
													background-image: url('data/img/bg-005.jpg');
												}

						/* end of banner */

			/* end of header */

			/******************************

			main

			******************************/

			#wrap #main{
				position: relative;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: auto;
				background-color: #ffffff;
			}

						/******************************

						page-welcome

						******************************/

						#wrap #main #page-welcome{
							position: relative;
							margin: 0px 0px 0px 0px;
							padding: 20px 0px 20px 0px;
							width: auto;
							background-color: #064036;
							background-image: url('data/img/bg-texture-tiki.svg');
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
						}

						#wrap #main #page-welcome:before{
							position: absolute;
							top: 0px;
							right: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 100%;
							height: 96px;
							background-color: transparent;
							background-image: linear-gradient(top, rgba(6,64,54,1) 0%, rgba(6,64,54,0) 100%);
							background-image: -o-linear-gradient(top, rgba(6,64,54,1) 0%, rgba(6,64,54,0) 100%);
							background-image: -ms-linear-gradient(top, rgba(6,64,54,1) 0%, rgba(6,64,54,0) 100%);
							background-image: -moz-linear-gradient(top, rgba(6,64,54,1) 0%, rgba(6,64,54,0) 100%);
							background-image: -webkit-linear-gradient(top, rgba(6,64,54,1) 0%, rgba(6,64,54,0) 100%);
							background-image: -webkit-gradient(linear, top, bottom, color-stop(0, rgba(6,64,54,1)), color-stop(1, rgba(6,64,54,0)));
							display: block;
							content: "";
						}

									#wrap #main #page-welcome > div{
										position: relative;
										margin: auto;
										padding: 0px 0px 0px 0px;
										width: 1000px;
										background-color: transparent;
										text-align: center;
										overflow: hidden;
									}

												#wrap #main #page-welcome > div > h1{
													line-height: 72px;
													font-size: 48px;
													color: rgba(229,207,161,1);
													text-align: center;
												}

												#wrap #main #page-welcome > div > h2{
													line-height: 32px;
													font-weight: normal;
													color: rgba(229,207,161,1);
													text-align: center;
												}

												#wrap #main #page-welcome > div > p{
													margin: 20px 0px 20px 0px;
													line-height: 24px;
													font-size: 16px;
													/* color: rgba(255,255,255,0.75); */
													color: rgba(255,255,255,1);
													text-align: center;
												}

												#wrap #main #page-welcome > div > a.button{
													background-color: #e5cfa1;
													border-color: #e5cfa1;
													color: #064036;
												}

												#wrap #main #page-welcome > div > a.button:hover{
													background-color: transparent;
													color: #e5cfa1;
												}

												#wrap #main #page-welcome > div .welcome{
													margin: 0px -10px 0px -10px;
													padding: 0px 0px 0px 0px;
													width: auto;
													background-color: transparent;
													text-align: center;
												}

															#wrap #main #page-welcome > div .welcome .item-welcome{
																margin: 0px 0px 20px 0px;
																padding: 0px 10px 0px 10px;
																float: left;
																width: 33.333333%;
																background-color: transparent;
																box-sizing: border-box;
																-moz-box-sizing: border-box;
																-webkit-box-sizing: border-box;
															}

																		#wrap #main #page-welcome > div .welcome .item-welcome a{
																			display: block;
																		}

																					#wrap #main #page-welcome > div .welcome .item-welcome a h2{
																						margin: 20px 0px 0px 0px;
																						position: relative;
																						line-height: 32px;
																						font-size: 16px;
																						color: rgba(229,207,161,1);
																						text-align: center;
																						text-transform: uppercase;
																						display: inline-block;
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a h2:before{
																						position: absolute;
																						bottom: 0px;
																						left: 50%;
																						width: 0px;
																						height: 3px;
																						background-color: rgba(229,207,161,1);
																						content: "";
																						transition: all 0.3s;
																						-o-transition: all 0.3s;
																						-ms-transition: all 0.3s;
																						-moz-transition: all 0.3s;
																						-khtml-transition: all 0.3s;
																						-webkit-transition: all 0.3s;
																						opacity: 0;
																						-moz-opacity: 0;
																						-khtml-opacity: 0;
																						filter: alpha(opacity=0);
																						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a:hover h2:before{
																						left: 0px;
																						width: 100%;
																						opacity: 1;
																						-moz-opacity: 1;
																						-khtml-opacity: 1;
																						filter: alpha(opacity=100);
																						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a p{
																						height: 72px;
																						line-height: 24px;
																						color: rgba(255,255,255,0.75);;
																						text-align: center;
																						overflow: hidden;
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span{
																						margin: auto;
																						padding: 0px 0px 0px 0px;
																						width: 128px;
																						height: 128px;
																						background-color: transparent;
																						background-image: url('data/img/icon-welcome-about-us.svg');
																						background-size: 128px 128px;
																						background-position: 0px 0px;
																						background-repeat: no-repeat;
																						display: block;
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span.about-us{
																						background-image: url('data/img/icon-welcome-about-us.svg');
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span.blog{
																						background-image: url('data/img/icon-welcome-blog.svg');
																					}
																					
																					#wrap #main #page-welcome > div .welcome .item-welcome a span.gallery{
																						background-image: url('data/img/icon-welcome-gallery.svg');
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span.contact{
																						background-image: url('data/img/icon-welcome-contact.svg');
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span.places-to-stay{
																						background-image: url('data/img/icon-welcome-places-to-stay.svg');
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span.where-to-eat{
																						background-image: url('data/img/icon-welcome-where-to-eat.svg');
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span.things-to-do{
																						background-image: url('data/img/icon-welcome-things-to-do.svg');
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span.tours{
																						background-image: url('data/img/icon-welcome-tours.svg');
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span.transfer{
																						background-image: url('data/img/icon-welcome-transfer.svg');
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span.bungalows{
																						background-image: url('data/img/icon-welcome-bungalows.svg');
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span.snorkeling-tour{
																						background-image: url('data/img/icon-welcome-snorkeling-tour.svg');
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span.lunch-tour{
																						background-image: url('data/img/icon-welcome-lunch-tour.svg');
																					}

																					#wrap #main #page-welcome > div .welcome .item-welcome a span.sunset-tour{
																						background-image: url('data/img/icon-welcome-sunset-tour.svg');
																					}

						/* end of page-welcome */

						/******************************

						page-home

						******************************/

						#wrap #main #page-home{
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: auto;
							background-color: transparent;
						}

									/******************************

									item-parallax

									******************************/

									#wrap #main #page-home .item-parallax{
										position: relative;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: auto;
										height: auto;
										/*
										height: 100vh;
										min-height: 480px;
										*/
										background-color: transparent;
										overflow: hidden;
									}

												#wrap #main #page-home .item-parallax > div.content{
													position: relative;
													z-index: 99;
													margin: auto;
													padding: 48px 0px 48px 0px;
													width: 1000px;
													background-color: transparent;
													overflow: hidden;
												}
															
															#wrap #main #page-home .item-parallax > div.content > div.fullwidth{
																margin: 0px 0px 0px 0px;
																padding: 0px 260px 0px 260px;
																width: auto;
																background-color: transparent;
																text-align: center;
															}

															#wrap #main #page-home .item-parallax > div.content > div.float{
																margin: 0px -10px 0px -10px;
																padding: 0px 0px 0px 0px;
																width: auto;
																background-color: transparent;
															}

																		#wrap #main #page-home .item-parallax > div.content > div.float > div.one-half,
																		#wrap #main #page-home .item-parallax > div.content > div.float > div.one-third,
																		#wrap #main #page-home .item-parallax > div.content > div.float > div.two-third{
																			margin: 0px 0px 0px 0px;
																			padding: 0px 10px 0px 10px;
																			float: left;
																			background-color: transparent;
																			text-align: center;
																			overflow: hidden;
																			box-sizing: border-box;
																			-moz-box-sizing: border-box;
																			-webkit-box-sizing: border-box;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div.float > div.one-half{
																			width: 50%;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div.float > div.one-third{
																			width: 33.333333%;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div.float > div.two-third{
																			width: 66.666666%;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div h1{
																			line-height: 72px;
																			font-size: 48px;
																			/*
																			font-weight: lighter;
																			*/
																			color: #e5cfa1;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div h2{
																			line-height: 24px;
																			color: #e5cfa1;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div h3{
																			line-height: 24px;
																			color: #e5cfa1;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div p{
																			line-height: 24px;
																			font-size: 16px;
																			font-weight: lighter;
																			color: #ffffff;
																		}

																					#wrap #main #page-home .item-parallax > div.content > div p a{
																						line-height: 24px;
																						font-size: 16px;
																						color: #ffffff;
																					}

																					#wrap #main #page-home .item-parallax > div.content > div p a:hover{
																						color: #064036;
																					}

																		#wrap #main #page-home .item-parallax > div.content > div a.button{
																			background-color: #e5cfa1;
																			border-color: #e5cfa1;
																			color: #064036;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div a.button:hover{
																			background-color: transparent;
																			color: #e5cfa1;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div a.button.color{
																			background-color: #064036;
																			border-color: #064036;
																			color: #e5cfa1;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div a.button.color:hover{
																			background-color: transparent;
																			color: #e5cfa1;
																			border-color: #e5cfa1;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div img{
																			margin: auto;
																			padding: 0px 0px 0px 0px;
																			max-width: 256px;
																			/*
																			max-height: 256px;
																			*/
																			max-height: 128px;
																			background-color: transparent;
																			display: block;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div img.full{
																			margin: 0px 0px 0px 0px;
																			width: 100%;
																			height: auto;
																			max-width: none;
																			max-height: none;
																		}

																		#wrap #main #page-home .item-parallax > div.content > div table{
																			margin: 0px 0px 0px 0px;
																			padding: 0px 0px 0px 0px;
																			width: 100%;
																			background-color: transparent;
																		}

																					#wrap #main #page-home .item-parallax > div.content > div table thead{
																						background-color: rgba(255,255,255,0.3);
																					}

																								#wrap #main #page-home .item-parallax > div.content > div table tbody tr:nth-child(2n){
																									background-color: rgba(255,255,255,0.3);
																								}

																											#wrap #main #page-home .item-parallax > div.content > div table thead th,
																											#wrap #main #page-home .item-parallax > div.content > div table tbody td{
																												padding: 12px 10px 12px 10px;
																											}

																														#wrap #main #page-home .item-parallax > div.content > div table thead th h1{
																															line-height: 24px;
																															font-size: 16px;
																															color: #e5cfa1;
																															text-align: center;
																															text-transform: uppercase;
																														}

																														#wrap #main #page-home .item-parallax > div.content > div table tbody td h1{
																															line-height: 24px;
																															font-size: 16px;
																															font-weight: bold;
																															color: #ffffff;
																															text-align: center;
																															text-transform: uppercase;
																														}

																														#wrap #main #page-home .item-parallax > div.content > div table tbody td h2{
																															line-height: 24px;
																															color: #ffffff;
																															text-align: left;
																														}

																														#wrap #main #page-home .item-parallax > div.content > div table tbody td p{
																															line-height: 24px;
																															font-size: 16px;
																															font-weight: bold;
																															color: #ffffff;
																															text-align: right;
																														}

															#wrap #main #page-home .item-parallax > div.content > div.reasons{
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: auto;
																background-color: transparent;
																text-align: center;
																overflow: hidden;
															}

																		#wrap #main #page-home .item-parallax > div.content > div.reasons > div{
																			margin: 20px -10px 0px -10px;
																			padding: 0px 0px 0px 0px;
																			width: auto;
																			background-color: transparent;
																		}

																					#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason{
																						margin: 0px 0px 20px 0px;
																						padding: 0px 10px 0px 10px;
																						float: left;
																						width: 20%;
																						background-color: transparent;
																						box-sizing: border-box;
																						-moz-box-sizing: border-box;
																						-webkit-box-sizing: border-box;
																					}
																					
																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > h1{
																									margin: 20px 0px 0px 0px;
																									height: 64px;
																									line-height: 32px;
																									font-size: 16px;
																									/*
																									font-weight: bold;
																									*/
																									color: #ffffff;
																									overflow: hidden;
																									/*
																									white-space: nowrap;
																									*/
																									white-space: normal;
																									text-overflow: ellipsis;
																									display: -ms-box;
																									display: -moz-box;
																									display: -webkit-box;
																									-ms-box-orient: vertical;
																									-moz-box-orient: vertical;
																									-webkit-box-orient: vertical;
																									line-clamp: 2;
																									-webkit-line-clamp: 2;
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span{
																									margin: auto;
																									padding: 0px 0px 0px 0px;
																									width: 64px;
																									height: 64px;
																									background-color: transparent;
																									background-image: url('data/img/icon-reason-island.svg');
																									background-size: 64px 64px;
																									background-position: 0px 0px;
																									background-repeat: no-repeat;
																									display: block;
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.captain{
																									background-image: url('data/img/icon-reason-captain.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.language{
																									background-image: url('data/img/icon-reason-language.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.tours{
																									background-image: url('data/img/icon-reason-tours.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.lagoon-tours{
																									background-image: url('data/img/icon-reason-lagoon-tours.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.island-tours{
																									background-image: url('data/img/icon-reason-island-tours.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.drinks{
																									background-image: url('data/img/icon-reason-drinks.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.cuisine{
																									background-image: url('data/img/icon-reason-cuisine.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.snorkeling{
																									background-image: url('data/img/icon-reason-snorkeling.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.island{
																									background-image: url('data/img/icon-reason-island.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.wildlife{
																									background-image: url('data/img/icon-reason-wildlife.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.transfer{
																									background-image: url('data/img/icon-reason-transfer.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.photographer{
																									background-image: url('data/img/icon-reason-photographer.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.guide{
																									background-image: url('data/img/icon-reason-guide.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.experience{
																									background-image: url('data/img/icon-reason-experience.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.location{
																									background-image: url('data/img/icon-reason-location.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.custom{
																									background-image: url('data/img/icon-reason-custom.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason > span.safety{
																									background-image: url('data/img/icon-reason-safety.svg');
																								}

															#wrap #main #page-home .item-parallax > div.content > div.amenities{
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: auto;
																background-color: transparent;
																text-align: center;
																overflow: hidden;
															}

																		#wrap #main #page-home .item-parallax > div.content > div.amenities > div{
																			margin: 20px -10px 0px -10px;
																			padding: 0px 0px 0px 0px;
																			width: auto;
																			background-color: transparent;
																		}

																					#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity{
																						margin: 0px 0px 20px 0px;
																						padding: 0px 10px 0px 10px;
																						float: left;
																						width: 20%;
																						background-color: transparent;
																						box-sizing: border-box;
																						-moz-box-sizing: border-box;
																						-webkit-box-sizing: border-box;
																					}
																					
																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > h1{
																									margin: 20px 0px 0px 0px;
																									height: 64px;
																									line-height: 32px;
																									font-size: 16px;
																									/*
																									font-weight: bold;
																									*/
																									color: #ffffff;
																									overflow: hidden;
																									/*
																									white-space: nowrap;
																									*/
																									white-space: normal;
																									text-overflow: ellipsis;
																									display: -ms-box;
																									display: -moz-box;
																									display: -webkit-box;
																									-ms-box-orient: vertical;
																									-moz-box-orient: vertical;
																									-webkit-box-orient: vertical;
																									line-clamp: 2;
																									-webkit-line-clamp: 2;
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span{
																									margin: auto;
																									padding: 0px 0px 0px 0px;
																									width: 64px;
																									height: 64px;
																									background-color: transparent;
																									background-image: url('data/img/icon-amenity-location.svg');
																									background-size: 64px 64px;
																									background-position: 0px 0px;
																									background-repeat: no-repeat;
																									display: block;
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.ac{
																									background-image: url('data/img/icon-amenity-ac.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.balcony{
																									background-image: url('data/img/icon-amenity-balcony.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.bathroom{
																									background-image: url('data/img/icon-amenity-bathroom.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.bathtub{
																									background-image: url('data/img/icon-amenity-bathtub.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.bike{
																									background-image: url('data/img/icon-amenity-bike.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.island{
																									background-image: url('data/img/icon-amenity-island.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.kayak{
																									background-image: url('data/img/icon-amenity-kayak.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.kitchen{
																									background-image: url('data/img/icon-amenity-kitchen.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.location{
																									background-image: url('data/img/icon-amenity-location.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.no-smoking{
																									background-image: url('data/img/icon-amenity-no-smoking.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.parking{
																									background-image: url('data/img/icon-amenity-parking.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.pets{
																									background-image: url('data/img/icon-amenity-pets.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.pool{
																									background-image: url('data/img/icon-amenity-pool.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.shower{
																									background-image: url('data/img/icon-amenity-shower.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.smoking{
																									background-image: url('data/img/icon-amenity-smoking.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.spa{
																									background-image: url('data/img/icon-amenity-spa.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.tv{
																									background-image: url('data/img/icon-amenity-tv.svg');
																								}

																								#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity > span.wifi{
																									background-image: url('data/img/icon-amenity-wifi.svg');
																								}

												#wrap #main #page-home .item-parallax > div.overlay{
													position: absolute;
													top: 0px;
													left: 0px;
													z-index: 9;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													width: 100%;
													height: 100%;
													background-color: rgba(0,0,0,0.5);
												}

												#wrap #main #page-home .item-parallax > div.overlay.gradient{
													background-color: rgba(6,64,54,0);
													background-image: linear-gradient(120deg, rgba(6,64,54,0.75) 0%, rgba(11,77,66,0.75) 50%, rgba(6,64,54,0.75) 50%);
													background-image: -o-linear-gradient(120deg, rgba(6,64,54,0.75) 0%, rgba(11,77,66,0.75) 50%, rgba(6,64,54,0.75) 0%);
													background-image: -ms-linear-gradient(120deg, rgba(6,64,54,0.75) 0%, rgba(11,77,66,0.75) 50%, rgba(6,64,54,0.75) 0%);
													background-image: -moz-linear-gradient(120deg, rgba(6,64,54,0.75) 0%, rgba(11,77,66,0.75) 50%, rgba(6,64,54,0.75) 0%);
													background-image: -webkit-linear-gradient(120deg, rgba(6,64,54,0.75) 0%, rgba(11,77,66,0.75) 50%, rgba(6,64,54,0.75) 0%);
													/*
													background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(6,64,54,0.75)), color-stop(0.5, rgba(11,77,66,0.75)), color-stop(0.5, rgba(6,64,54,0.75)));
													*/
												}

												#wrap #main #page-home .item-parallax > div.parallax{
													position: absolute;
													top: 0px;
													left: 0px;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													width: 100%;
													height: 100%;
													min-height: 100vh;
													background-color: transparent;
													background-image: url('data/img/bg-blur.jpg');
													background-position: center center;
													background-repeat: no-repeat;
													/* background-attachment: fixed; */
													background-size: cover;
												}

												#wrap #main #page-home .item-parallax > div.parallax.blur{
													background-image: url('data/img/bg-blur.jpg');
												}

									/* end of item-parallax */

						/* end of page-home */

						/******************************

						page-guide

						******************************/

						#wrap #main #page-guide{
							margin: 0px 0px 0px 0px;
							padding: 20px 0px 20px 0px;
							width: auto;
							background-color: #ffffff;
							background-image: url('data/img/bg-texture-gray.svg');
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
						}

									#wrap #main #page-guide > h1{
										text-align: center;
										text-transform: uppercase;
									}

									#wrap #main #page-guide > h2{
										font-weight: normal;
										color: #064036;
										text-align: center;
									}

									#wrap #main #page-guide #the-guide{
										margin: 20px auto auto auto;
										padding: 0px 0px 0px 0px;
										width: 1000px;
										background-color: transparent;
										/*
										overflow: hidden;
										*/
									}

												#wrap #main #page-guide #the-guide > div{
													position: relative;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													padding-bottom: 100%;
													width: auto;
													height: 0px;
													background-color: transparent;
												}

															#wrap #main #page-guide #the-guide > div > div{
																position: absolute;
																top: -10px;
																left: -10px;
																bottom: -10px;
																right: -10px;
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: auto;
																height: auto;
																background-color: transparent;
															}

																		#wrap #main #page-guide #the-guide > div > div > div{
																			position: absolute;
																			margin: 0px 0px 0px 0px;
																			padding: 10px 10px 10px 10px;
																			background-color: transparent;
																			box-sizing: border-box;
																			-moz-box-sizing: border-box;
																			-webkit-box-sizing: border-box;
																		}

																		#wrap #main #page-guide #the-guide > div > div > div:first-child{
																			top: 0%;
																			left: 0%;
																			width: 50%;
																			height: 50%;
																		}

																		#wrap #main #page-guide #the-guide > div > div > div:nth-child(2){
																			top: 0%;
																			left: 50%;
																			width: 50%;
																			height: 25%;
																		}

																		#wrap #main #page-guide #the-guide > div > div > div:nth-child(3){
																			top: 25%;
																			left: 50%;
																			width: 50%;
																			height: 25%;
																		}

																		#wrap #main #page-guide #the-guide > div > div > div:nth-child(4){
																			top: 50%;
																			left: 0%;
																			width: 33.333333%;
																			height: 50%;
																		}

																		#wrap #main #page-guide #the-guide > div > div > div:nth-child(5){
																			top: 50%;
																			left: 33.333333%;
																			width: 33.333333%;
																			height: 50%;
																		}

																		#wrap #main #page-guide #the-guide > div > div > div:last-child{
																			top: 50%;
																			left: 66.666666%;
																			width: 33.333333%;
																			height: 50%;
																		}

																					#wrap #main #page-guide #the-guide > div > div > div > a{
																						position: relative;
																						width: 100%;
																						height: 100%;
																						display: block;
																						background-color: #ffffff;
																						overflow: hidden;
																						border-radius: 3px;
																						-o-border-radius: 3px;
																						-ms-border-radius: 3px;
																						-moz-border-radius: 3px;
																						-khtml-border-radius: 3px;
																						-webkit-border-radius: 3px;
																					}

																					#wrap #main #page-guide #the-guide > div > div > div > a:hover{
																						box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-o-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-ms-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-moz-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-khtml-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-webkit-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																					}

																								#wrap #main #page-guide #the-guide > div > div > div > a > span{
																									position: absolute;
																									top: 0px;
																									left: 0px;
																									margin: 0px 0px 0px 0px;
																									padding: 0px 0px 0px 0px;
																									width: 100%;
																									height: 100%;
																									background-color: transparent;
																									display: block;
																									overflow: hidden;
																								}

																											#wrap #main #page-guide #the-guide > div > div > div > a > span > span{
																												margin: 0px 0px 0px 0px;
																												padding: 0px 0px 0px 0px;
																												width: 100%;
																												height: 100%;
																												background-color: transparent;
																												background-image: url('data/img/thumb-1080x720.jpg');
																												background-position: center center;
																												background-repeat: no-repeat;
																												background-size: cover;
																												display: block;
																												transition: all 0.3s;
																												-o-transition: all 0.3s;
																												-ms-transition: all 0.3s;
																												-moz-transition: all 0.3s;
																												-khtml-transition: all 0.3s;
																												-webkit-transition: all 0.3s;
																											}

																											/*
																											#wrap #main #page-guide #the-guide > div > div > div:first-child > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}

																											#wrap #main #page-guide #the-guide > div > div > div:nth-child(2) > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}

																											#wrap #main #page-guide #the-guide > div > div > div:nth-child(3) > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}

																											#wrap #main #page-guide #the-guide > div > div > div:nth-child(4) > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}

																											#wrap #main #page-guide #the-guide > div > div > div:nth-child(5) > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}

																											#wrap #main #page-guide #the-guide > div > div > div:last-child > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}
																											*/

																											#wrap #main #page-guide #the-guide > div > div > div > a:hover > span > span{
																												transform: scale(1.1);
																												-o-transform: scale(1.1);
																												-ms-transform: scale(1.1);
																												-moz-transform: scale(1.1);
																												-khtml-transform: scale(1.1);
																												-webkit-transform: scale(1.1);
																											}

																								#wrap #main #page-guide #the-guide > div > div > div > a > div{
																									position: absolute;
																									bottom: 0px;
																									left: 0px;
																									margin: 0px 0px 0px 0px;
																									padding: 20px 20px 20px 20px;
																									width: 100%;
																									background-color: transparent;
																									background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.5)));
																									box-sizing: border-box;
																									-moz-box-sizing: border-box;
																									-webkit-box-sizing: border-box;
																								}

																											#wrap #main #page-guide #the-guide > div > div > div > a > div > h1{
																												line-height: 32px;
																												font-size: 24px;
																												/*
																												font-weight: bold;
																												*/
																												color: #ffffff;
																												text-transform: uppercase;
																											}

																											#wrap #main #page-guide #the-guide > div > div > div > a > div > p{
																												height: 24px;
																												line-height: 24px;
																												color: #ffffff;
																												overflow: hidden;
																												white-space: nowrap;
																												text-overflow: ellipsis;
																											}

						/* end of page-guide */

						/******************************

						page-island

						******************************/

						#wrap #main #page-island{
							margin: 0px 0px 0px 0px;
							padding: 20px 0px 20px 0px;
							width: auto;
							background-color: #ffffff;
							background-image: url('data/img/bg-texture-gray.svg');
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
						}

									#wrap #main #page-island > h1{
										text-align: center;
										text-transform: uppercase;
									}

									#wrap #main #page-island > h2{
										font-weight: normal;
										color: #064036;
										text-align: center;
									}

									#wrap #main #page-island #the-island{
										margin: 20px auto auto auto;
										padding: 0px 0px 0px 0px;
										width: 1000px;
										background-color: transparent;
										/*
										overflow: hidden;
										*/
									}

												#wrap #main #page-island #the-island > div{
													position: relative;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													padding-bottom: 100%;
													width: auto;
													height: 0px;
													background-color: transparent;
												}

															#wrap #main #page-island #the-island > div > div{
																position: absolute;
																top: -10px;
																left: -10px;
																bottom: -10px;
																right: -10px;
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: auto;
																height: auto;
																background-color: transparent;
															}

																		#wrap #main #page-island #the-island > div > div > div{
																			position: absolute;
																			margin: 0px 0px 0px 0px;
																			padding: 10px 10px 10px 10px;
																			background-color: transparent;
																			box-sizing: border-box;
																			-moz-box-sizing: border-box;
																			-webkit-box-sizing: border-box;
																		}

																		#wrap #main #page-island #the-island > div > div > div:first-child{
																			top: 0%;
																			left: 0%;
																			width: 50%;
																			height: 50%;
																		}

																		#wrap #main #page-island #the-island > div > div > div:nth-child(2){
																			top: 0%;
																			left: 50%;
																			width: 50%;
																			height: 50%;
																		}

																		#wrap #main #page-island #the-island > div > div > div:nth-child(3){
																			top: 50%;
																			left: 0%;
																			width: 33.333333%;
																			height: 50%;
																		}

																		#wrap #main #page-island #the-island > div > div > div:nth-child(4){
																			top: 50%;
																			left: 33.333333%;
																			width: 33.333333%;
																			height: 50%;
																		}

																		#wrap #main #page-island #the-island > div > div > div:last-child{
																			top: 50%;
																			left: 66.666666%;
																			width: 33.333333%;
																			height: 50%;
																		}

																					#wrap #main #page-island #the-island > div > div > div > a{
																						position: relative;
																						width: 100%;
																						height: 100%;
																						display: block;
																						background-color: #ffffff;
																						overflow: hidden;
																						border-radius: 3px;
																						-o-border-radius: 3px;
																						-ms-border-radius: 3px;
																						-moz-border-radius: 3px;
																						-khtml-border-radius: 3px;
																						-webkit-border-radius: 3px;
																					}

																					#wrap #main #page-island #the-island > div > div > div > a:hover{
																						box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-o-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-ms-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-moz-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-khtml-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-webkit-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																					}

																								#wrap #main #page-island #the-island > div > div > div > a > span{
																									position: absolute;
																									top: 0px;
																									left: 0px;
																									margin: 0px 0px 0px 0px;
																									padding: 0px 0px 0px 0px;
																									width: 100%;
																									height: 100%;
																									background-color: transparent;
																									display: block;
																									overflow: hidden;
																								}

																											#wrap #main #page-island #the-island > div > div > div > a > span > span{
																												margin: 0px 0px 0px 0px;
																												padding: 0px 0px 0px 0px;
																												width: 100%;
																												height: 100%;
																												background-color: transparent;
																												background-image: url('data/img/thumb-1080x720.jpg');
																												background-position: center center;
																												background-repeat: no-repeat;
																												background-size: cover;
																												display: block;
																												transition: all 0.3s;
																												-o-transition: all 0.3s;
																												-ms-transition: all 0.3s;
																												-moz-transition: all 0.3s;
																												-khtml-transition: all 0.3s;
																												-webkit-transition: all 0.3s;
																											}

																											/*
																											#wrap #main #page-island #the-island > div > div > div:first-child > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}

																											#wrap #main #page-island #the-island > div > div > div:nth-child(2) > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}

																											#wrap #main #page-island #the-island > div > div > div:nth-child(3) > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}

																											#wrap #main #page-island #the-island > div > div > div:nth-child(4) > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}

																											#wrap #main #page-island #the-island > div > div > div:last-child > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}
																											*/

																											#wrap #main #page-island #the-island > div > div > div > a:hover > span > span{
																												transform: scale(1.1);
																												-o-transform: scale(1.1);
																												-ms-transform: scale(1.1);
																												-moz-transform: scale(1.1);
																												-khtml-transform: scale(1.1);
																												-webkit-transform: scale(1.1);
																											}

																								#wrap #main #page-island #the-island > div > div > div > a > div{
																									position: absolute;
																									bottom: 0px;
																									left: 0px;
																									margin: 0px 0px 0px 0px;
																									padding: 20px 20px 20px 20px;
																									width: 100%;
																									background-color: transparent;
																									background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.5)));
																									box-sizing: border-box;
																									-moz-box-sizing: border-box;
																									-webkit-box-sizing: border-box;
																								}

																											#wrap #main #page-island #the-island > div > div > div > a > div > h1{
																												line-height: 32px;
																												font-size: 24px;
																												/*
																												font-weight: bold;
																												*/
																												color: #ffffff;
																												text-transform: uppercase;
																											}

																											#wrap #main #page-island #the-island > div > div > div > a > div > p{
																												height: 24px;
																												line-height: 24px;
																												color: #ffffff;
																												overflow: hidden;
																												white-space: nowrap;
																												text-overflow: ellipsis;
																											}

						/* end of page-island */

						/******************************

						page-visit

						******************************/

						#wrap #main #page-visit{
							margin: 0px 0px 0px 0px;
							padding: 20px 0px 20px 0px;
							width: auto;
							background-color: #ffffff;
							background-image: url('data/img/bg-texture-gray.svg');
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
						}

									#wrap #main #page-visit > h1{
										text-align: center;
										text-transform: uppercase;
									}

									#wrap #main #page-visit > h2{
										font-weight: normal;
										color: #064036;
										text-align: center;
									}

									#wrap #main #page-visit #the-visit{
										margin: 20px auto auto auto;
										padding: 0px 0px 0px 0px;
										width: 1000px;
										background-color: transparent;
										/*
										overflow: hidden;
										*/
									}

												#wrap #main #page-visit #the-visit > div{
													position: relative;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													padding-bottom: 48%;
													width: auto;
													height: 0px;
													background-color: transparent;
												}

															#wrap #main #page-visit #the-visit > div > div{
																position: absolute;
																top: -10px;
																left: -10px;
																bottom: -10px;
																right: -10px;
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: auto;
																height: auto;
																background-color: transparent;
															}

																		#wrap #main #page-visit #the-visit > div > div > div{
																			position: absolute;
																			margin: 0px 0px 0px 0px;
																			padding: 10px 10px 10px 10px;
																			background-color: transparent;
																			box-sizing: border-box;
																			-moz-box-sizing: border-box;
																			-webkit-box-sizing: border-box;
																		}

																		#wrap #main #page-visit #the-visit > div > div > div:first-child{
																			top: 0%;
																			left: 0%;
																			width: 33.333333%;
																			height: 100%;
																		}

																		#wrap #main #page-visit #the-visit > div > div > div:nth-child(2){
																			top: 0%;
																			left: 33.333333%;
																			width: 33.333333%;
																			height: 100%;
																		}

																		#wrap #main #page-visit #the-visit > div > div > div:last-child{
																			top: 0%;
																			left: 66.666666%;
																			width: 33.333333%;
																			height: 100%;
																		}

																					#wrap #main #page-visit #the-visit > div > div > div > a{
																						position: relative;
																						width: 100%;
																						height: 100%;
																						display: block;
																						background-color: #ffffff;
																						overflow: hidden;
																						border-radius: 3px;
																						-o-border-radius: 3px;
																						-ms-border-radius: 3px;
																						-moz-border-radius: 3px;
																						-khtml-border-radius: 3px;
																						-webkit-border-radius: 3px;
																					}

																					#wrap #main #page-visit #the-visit > div > div > div > a:hover{
																						box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-o-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-ms-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-moz-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-khtml-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-webkit-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																					}

																								#wrap #main #page-visit #the-visit > div > div > div > a > span{
																									position: absolute;
																									top: 0px;
																									left: 0px;
																									margin: 0px 0px 0px 0px;
																									padding: 0px 0px 0px 0px;
																									width: 100%;
																									height: 100%;
																									background-color: transparent;
																									display: block;
																									overflow: hidden;
																								}

																											#wrap #main #page-visit #the-visit > div > div > div > a > span > span{
																												margin: 0px 0px 0px 0px;
																												padding: 0px 0px 0px 0px;
																												width: 100%;
																												height: 100%;
																												background-color: transparent;
																												background-image: url('data/img/thumb-1080x720.jpg');
																												background-position: center center;
																												background-repeat: no-repeat;
																												background-size: cover;
																												display: block;
																												transition: all 0.3s;
																												-o-transition: all 0.3s;
																												-ms-transition: all 0.3s;
																												-moz-transition: all 0.3s;
																												-khtml-transition: all 0.3s;
																												-webkit-transition: all 0.3s;
																											}

																											/*
																											#wrap #main #page-visit #the-visit > div > div > div:first-child > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}

																											#wrap #main #page-visit #the-visit > div > div > div:nth-child(2) > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}

																											#wrap #main #page-visit #the-visit > div > div > div:last-child > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}
																											*/

																											#wrap #main #page-visit #the-visit > div > div > div > a:hover > span > span{
																												transform: scale(1.1);
																												-o-transform: scale(1.1);
																												-ms-transform: scale(1.1);
																												-moz-transform: scale(1.1);
																												-khtml-transform: scale(1.1);
																												-webkit-transform: scale(1.1);
																											}

																								#wrap #main #page-visit #the-visit > div > div > div > a > div{
																									position: absolute;
																									bottom: 0px;
																									left: 0px;
																									margin: 0px 0px 0px 0px;
																									padding: 20px 20px 20px 20px;
																									width: 100%;
																									background-color: transparent;
																									background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.5)));
																									box-sizing: border-box;
																									-moz-box-sizing: border-box;
																									-webkit-box-sizing: border-box;
																								}

																											#wrap #main #page-visit #the-visit > div > div > div > a > div > h1{
																												line-height: 32px;
																												font-size: 24px;
																												/*
																												font-weight: bold;
																												*/
																												color: #ffffff;
																												text-transform: uppercase;
																											}

																											#wrap #main #page-visit #the-visit > div > div > div > a > div > p{
																												height: 24px;
																												line-height: 24px;
																												color: #ffffff;
																												overflow: hidden;
																												white-space: nowrap;
																												text-overflow: ellipsis;
																											}

						/* end of page-visit */

						/******************************

						page-team

						******************************/

						#wrap #main #page-team{
							margin: 0px 0px 0px 0px;
							padding: 20px 0px 20px 0px;
							width: auto;
							background-color: #ffffff;
							background-image: url('data/img/bg-texture-gray.svg');
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
							text-align: center;
						}

									#wrap #main #page-team > h1{
										text-align: center;
										text-transform: uppercase;
									}

									#wrap #main #page-team > h2{
										font-weight: normal;
										color: #064036;
										text-align: center;
									}

									#wrap #main #page-team > img{
									margin: 0px auto 20px auto;
									padding: 0px 0px 0px 0px;
									/*
									width: 256px;
									height: 256px;
									*/
									max-width: 512px;
									max-height: 256px;
									background-color: transparent;
									display: block;
									}

									#wrap #main #page-team #the-team{
										margin: 20px auto auto auto;
										padding: 0px 0px 0px 0px;
										width: 1000px;
										background-color: transparent;
										/*
										overflow: hidden;
										*/
									}

									#wrap #main #page-team #the-team.front-page{
										margin: 20px auto 20px auto;
									}

												#wrap #main #page-team #the-team > div{
													position: relative;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													padding-bottom: 48%;
													width: auto;
													height: 0px;
													background-color: transparent;
												}

															#wrap #main #page-team #the-team > div > div{
																position: absolute;
																top: -10px;
																left: -10px;
																bottom: -10px;
																right: -10px;
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: auto;
																height: auto;
																background-color: transparent;
															}

																		#wrap #main #page-team #the-team > div > div > div{
																			position: absolute;
																			margin: 0px 0px 0px 0px;
																			padding: 10px 10px 10px 10px;
																			background-color: transparent;
																			box-sizing: border-box;
																			-moz-box-sizing: border-box;
																			-webkit-box-sizing: border-box;
																		}

																		#wrap #main #page-team #the-team > div > div > div:first-child{
																			top: 0%;
																			left: 0%;
																			width: 50%;
																			height: 100%;
																		}

																		#wrap #main #page-team #the-team > div > div > div:last-child{
																			top: 0%;
																			left: 50%;
																			width: 50%;
																			height: 100%;
																		}

																					#wrap #main #page-team #the-team > div > div > div > a{
																						position: relative;
																						width: 100%;
																						height: 100%;
																						display: block;
																						background-color: #ffffff;
																						overflow: hidden;
																						border-radius: 3px;
																						-o-border-radius: 3px;
																						-ms-border-radius: 3px;
																						-moz-border-radius: 3px;
																						-khtml-border-radius: 3px;
																						-webkit-border-radius: 3px;
																					}

																					#wrap #main #page-team #the-team > div > div > div > a:hover{
																						box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-o-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-ms-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-moz-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-khtml-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																						-webkit-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
																					}

																								#wrap #main #page-team #the-team > div > div > div > a > span{
																									position: absolute;
																									top: 0px;
																									left: 0px;
																									margin: 0px 0px 0px 0px;
																									padding: 0px 0px 0px 0px;
																									width: 100%;
																									height: 100%;
																									background-color: transparent;
																									display: block;
																									overflow: hidden;
																								}

																											#wrap #main #page-team #the-team > div > div > div > a > span > span{
																												margin: 0px 0px 0px 0px;
																												padding: 0px 0px 0px 0px;
																												width: 100%;
																												height: 100%;
																												background-color: transparent;
																												background-image: url('data/img/thumb-1080x720.jpg');
																												background-position: center center;
																												background-repeat: no-repeat;
																												background-size: cover;
																												display: block;
																												transition: all 0.3s;
																												-o-transition: all 0.3s;
																												-ms-transition: all 0.3s;
																												-moz-transition: all 0.3s;
																												-khtml-transition: all 0.3s;
																												-webkit-transition: all 0.3s;
																											}

																											/*
																											#wrap #main #page-team #the-team > div > div > div:first-child > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}

																											#wrap #main #page-team #the-team > div > div > div:last-child > a > span > span{
																												background-image: url('data/img/thumb-1080x720.jpg');
																											}
																											*/

																											#wrap #main #page-team #the-team > div > div > div > a:hover > span > span{
																												transform: scale(1.1);
																												-o-transform: scale(1.1);
																												-ms-transform: scale(1.1);
																												-moz-transform: scale(1.1);
																												-khtml-transform: scale(1.1);
																												-webkit-transform: scale(1.1);
																											}

																								#wrap #main #page-team #the-team > div > div > div > a > div{
																									position: absolute;
																									bottom: 0px;
																									left: 0px;
																									margin: 0px 0px 0px 0px;
																									padding: 20px 20px 20px 20px;
																									width: 100%;
																									background-color: transparent;
																									background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																									background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.5)));
																									box-sizing: border-box;
																									-moz-box-sizing: border-box;
																									-webkit-box-sizing: border-box;
																								}

																											#wrap #main #page-team #the-team > div > div > div > a > div > h1{
																												line-height: 32px;
																												font-size: 24px;
																												/*
																												font-weight: bold;
																												*/
																												color: #ffffff;
																												text-align: left;
																												text-transform: uppercase;
																											}

																											#wrap #main #page-team #the-team > div > div > div > a > div > p{
																												height: 24px;
																												line-height: 24px;
																												color: #ffffff;
																												text-align: left;
																												overflow: hidden;
																												white-space: nowrap;
																												text-overflow: ellipsis;
																											}

						/* end of page-team */

						/******************************

						page-reviews

						******************************/

						#wrap #main #page-reviews{
							margin: 0px 0px 0px 0px;
							padding: 64px 0px 64px 0px;
							width: auto;
							height: auto;
							background-color: #f2f2f2;
						}

									#wrap #main #page-reviews > h1{
										text-align: center;
										text-transform: uppercase;
									}

									#wrap #main #page-reviews > h2{
										font-weight: normal;
										color: #064036;
										text-align: center;
									}

									#wrap #main #page-reviews .item-review{
										margin: auto;
										padding: 0px 0px 0px 0px;
										width: 640px;
										background-color: transparent;
									}

												#wrap #main #page-reviews .item-review h1,
												#wrap #main #page-reviews .item-review h2,
												#wrap #main #page-reviews .item-review h3{
													line-height: 24px;
													font-size: 24px;
													text-align: center;
												}

												#wrap #main #page-reviews .item-review h3:last-child{
													font-size: 16px;
												}

												#wrap #main #page-reviews .item-review p{
													position: relative;
													margin: 20px 0px 20px 0px;
													padding: 20px 20px 20px 20px;
													line-height: 24px;
													font-size: 14px;
													color: #999999;
													text-align: center;
												}

												#wrap #main #page-reviews .item-review p:before{
													position: absolute;
													top: 0px;
													left: 0px;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													font-size: 48px;
													font-weight: bold;
													font-style: normal;
													color: #cccccc;
													display: block;
													content: '"';
												}

												#wrap #main #page-reviews .item-review p:after{
													position: absolute;
													bottom: -24px;
													right: 0px;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													font-size: 48px;
													font-weight: bold;
													font-style: normal;
													color: #cccccc;
													display: block;
													content: '"';
												}

												#wrap #main #page-reviews .item-review a{
													font-size: 14px;
												}

												#wrap #main #page-reviews .item-review img{
													margin: 0px auto 10px auto;
													width: 96px;
													height: 96px;
													display: block;
													border-radius: 50%;
													-o-border-radius: 50%;
													-ms-border-radius: 50%;
													-moz-border-radius: 50%;
													-khtml-border-radius: 50%;
													-webkit-border-radius: 50%;
												}

									/******************************

									swiper

									******************************/

									#wrap #main #page-reviews .swiper{
										padding: 0px 0px 28px 0px;
									}

									#wrap #main #page-reviews .swiper-button-prev,
									#wrap #main #page-reviews .swiper-button-next{
										width: 16px;
										height: 32px;
										color: #999999;
										transition: all 0.3s;
										-o-transition: all 0.3s;
										-ms-transition: all 0.3s;
										-moz-transition: all 0.3s;
										-khtml-transition: all 0.3s;
										-webkit-transition: all 0.3s;
									}

									#wrap #main #page-reviews .swiper-button-prev::after,
									#wrap #main #page-reviews .swiper-button-next::after{
										font-size: 32px;
									}

									#wrap #main #page-reviews .swiper-button-prev:hover,
									#wrap #main #page-reviews .swiper-button-next:hover{
										color: #064036;
									}

									#wrap #main #page-reviews .swiper-button-prev{
										left: 20px;
									}

									#wrap #main #page-reviews .swiper-button-next{
										right: 20px;
									}

									#wrap #main #page-reviews .swiper-pagination-bullets{
										bottom: 0px;
									}

									#wrap #main #page-reviews .swiper-pagination-bullet{
										background-color: #999999;
										opacity: 1;
										-moz-opacity: 1;
										-khtml-opacity: 1;
										filter: alpha(opacity=100);
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
									}

									#wrap #main #page-reviews .swiper-pagination-bullet-active{
										background-color: #064036;
									}

									/* end of swiper */

						/* end of page-reviews */

						/******************************

						page

						******************************/

						#wrap #main #page{
							margin: auto;
							padding: 20px 0px 20px 0px;
							width: 1000px;
							background-color: transparent;
						}

									#wrap #main #page > p{
										min-height: 24px;
										line-height: 24px;
										font-size: 14px;
									}

									/******************************

									sitemap

									******************************/

									#wrap #main #page ul.sitemap{
										margin: auto;
										padding: 0px 0px 0px 0px;
										line-height: 24px;
										display: table;
									}

												#wrap #main #page ul.sitemap li{
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
												}

															#wrap #main #page ul.sitemap li ul li{
																margin: 0px 0px 0px 22px;
															}

																		#wrap #main #page ul.sitemap li span{
																			margin: 6px 10px 0px 0px;
																			padding: 0px 0px 0px 0px;
																			float: left;
																			width: 12px;
																			height: 12px;
																			background-color: transparent;
																			background-image: url('data/img/icon-post-category.svg');
																			background-size: 12px 12px;
																			background-position: 0px 0px;
																			background-repeat: no-repeat;
																			display: block;
																		}

									/* end of sitemap */

						/* end of page */

						/******************************

						page-sidebar

						******************************/

						#wrap #main #page-sidebar{
							margin: auto;
							padding: 20px 0px 20px 0px;
							width: 1000px;
							background-color: transparent;
						}

									/******************************

									page-sidebar-inner

									******************************/

									#wrap #main #page-sidebar #page-sidebar-inner{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										float: left;
										width: 640px;
										background-color: #ffffff;
									}

												#wrap #main #page-sidebar #page-sidebar-inner > p,
												#wrap #main #page-sidebar #page-sidebar-inner > p > a{
													line-height: 24px;
													font-size: 14px;
												}

												#wrap #main #page-sidebar #page-sidebar-inner > p > img{
													width: 100%;
													height: auto;
												}

												#wrap #main #page-sidebar #page-sidebar-inner table{
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													width: 100%;
													background-color: transparent;
													border-width: 1px 0px 0px 0px;
													border-style: solid;
													border-color: #ffffff;
												}

															#wrap #main #page-sidebar #page-sidebar-inner table thead{
																background-color: #064036;
															}

																		#wrap #main #page-sidebar #page-sidebar-inner table tbody tr:hover{
																			background-color: #ccfff7;
																		}

																					#wrap #main #page-sidebar #page-sidebar-inner table thead th,
																					#wrap #main #page-sidebar #page-sidebar-inner table tbody td{
																						padding: 12px 10px 12px 10px;
																						border-width: 0px 0px 1px 0px;
																						border-style: solid;
																						/*
																						border-color: #ffffff;
																						*/
																					}

																					#wrap #main #page-sidebar #page-sidebar-inner table thead th{
																						border-color: #ffffff;
																					}

																					#wrap #main #page-sidebar #page-sidebar-inner table tbody td{
																						border-color: #e5e5e5;
																					}

																					#wrap #main #page-sidebar #page-sidebar-inner table tbody td:last-child{
																						white-space: nowrap;
																					}

																								#wrap #main #page-sidebar #page-sidebar-inner table thead th h1{
																									line-height: 32px;
																									font-size: 16px;
																									color: #ffffff;
																									text-align: center;
																									text-transform: uppercase;
																								}

																								#wrap #main #page-sidebar #page-sidebar-inner table tbody td h1{
																									line-height: 32px;
																									font-size: 16px;
																									/*
																									font-weight: bold;
																									*/
																									text-align: center;
																									text-transform: uppercase;
																								}

																								#wrap #main #page-sidebar #page-sidebar-inner table tbody td h2{
																									line-height: 16px;
																									/*
																									font-size: 12px;
																									*/
																									font-size: 16px;
																									color: #009900;
																								}

																								#wrap #main #page-sidebar #page-sidebar-inner table tbody td h3{
																									line-height: 24px;
																									font-weight: bold;
																								}

																								#wrap #main #page-sidebar #page-sidebar-inner table tbody td:last-child h3{
																									text-align: right;
																								}

																								#wrap #main #page-sidebar #page-sidebar-inner table tbody td p{
																									line-height: 16px;
																									font-weight: bold;
																									text-align: center;
																								}

																								#wrap #main #page-sidebar #page-sidebar-inner table tbody td:first-child p{
																									font-weight: normal;
																									text-align: left;
																								}

																								#wrap #main #page-sidebar #page-sidebar-inner table tbody td:last-child p{
																									color: #990000;
																									text-align: right;
																								}

												#wrap #main #page-sidebar #page-sidebar-inner form{
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													width: auto;
													line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
													background-color: transparent;
													display: block;
												}

															#wrap #main #page-sidebar #page-sidebar-inner form p{
																line-height: 16px;
															}

															#wrap #main #page-sidebar #page-sidebar-inner form .left,
															#wrap #main #page-sidebar #page-sidebar-inner form .right{
																margin: 0px 0px 0px 0px;
																width: 50%;
																background-color: transparent;
																box-sizing: border-box;
																-moz-box-sizing: border-box;
																-webkit-box-sizing: border-box;
															}

															#wrap #main #page-sidebar #page-sidebar-inner form .left{
																padding: 0px 5px 0px 0px;
																float: left;
															}

															#wrap #main #page-sidebar #page-sidebar-inner form .right{
																padding: 0px 0px 0px 5px;
																float: right;
															}

															#wrap #main #page-sidebar #page-sidebar-inner form input[type="text"],
															#wrap #main #page-sidebar #page-sidebar-inner form input[type="email"],
															#wrap #main #page-sidebar #page-sidebar-inner form input[type="tel"],
															#wrap #main #page-sidebar #page-sidebar-inner form input[type="date"],
															#wrap #main #page-sidebar #page-sidebar-inner form textarea{
																margin: 0px 0px 10px 0px;
															}

															#wrap #main #page-sidebar #page-sidebar-inner form input[type="submit"]{
																margin: 0px 0px 10px 0px;
																padding: 0px 0px 0px 0px;
																width: 100%;
															}

												#wrap #main #page-sidebar #page-sidebar-inner > p.note,
												#wrap #main #page-sidebar #page-sidebar-inner > div > p.note{
													margin: 20px 0px 0px 0px;
													font-size: 12px;
												}

												/******************************

												gutenberg

												******************************/

												#wrap #main #page-sidebar #page-sidebar-inner > h1,
												#wrap #main #page-sidebar #page-sidebar-inner > h2,
												#wrap #main #page-sidebar #page-sidebar-inner > h3,
												#wrap #main #page-sidebar #page-sidebar-inner > p{
													margin: 0px 0px 20px 0px;
												}

												/* end of gutenberg */

									/* end of page-sidebar-inner */

						/* end of page-sidebar */

						/******************************

						page-contact

						******************************/

						#wrap #main #page-contact{
							margin: auto;
							padding: 20px 0px 20px 0px;
							width: 1000px;
							background-color: transparent;
						}

									#wrap #main #page-contact #info{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										float: left;
										width: 340px;
										background-color: transparent;
									}

												#wrap #main #page-contact #info > p{
													line-height: 24px;
												}

												#wrap #main #page-contact #info > a{
													line-height: 24px;
													color: #999999;
													/* display: block; */
													display: inline-block;
												}

												#wrap #main #page-contact #info > a:hover{
													color: #333333;
												}

															#wrap #main #page-contact #info a > span{
																margin: 4px 10px 0px 0px;
																padding: 0px 0px 0px 0px;
																float: left;
																width: 16px;
																height: 16px;
																background-color: transparent;
																background-image: url('data/img/icon-contact-phone.svg');
																background-size: 16px 16px;
																background-position: 0px 0px;
																background-repeat: no-repeat;
																display: block;
																transition: all 0.3s;
																-o-transition: all 0.3s;
																-ms-transition: all 0.3s;
																-moz-transition: all 0.3s;
																-khtml-transition: all 0.3s;
																-webkit-transition: all 0.3s;
																opacity: 0.5;
																-moz-opacity: 0.5;
																-khtml-opacity: 0.5;
																filter: alpha(opacity=50);
																-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
															}

															#wrap #main #page-contact #info > a:hover span{
																opacity: 1;
																-moz-opacity: 1;
																-khtml-opacity: 1;
																filter: alpha(opacity=100);
																-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
															}

															#wrap #main #page-contact #info > a span.phone{
																background-image: url('data/img/icon-contact-phone.svg');
															}

															#wrap #main #page-contact #info > a span.whatsapp{
																background-image: url('data/img/icon-contact-whatsapp.svg');
															}

															#wrap #main #page-contact #info > a span.viber{
																background-image: url('data/img/icon-contact-viber.svg');
															}

															#wrap #main #page-contact #info > a span.mail{
																background-image: url('data/img/icon-contact-mail.svg');
															}

															#wrap #main #page-contact #info > a span.web{
																background-image: url('data/img/icon-contact-web.svg');
															}

															#wrap #main #page-contact #info > a span.societyislands{
																background-image: url('data/img/icon-contact-societyislands.svg');
															}

															#wrap #main #page-contact #info > a span.facebook{
																background-image: url('data/img/icon-contact-facebook.svg');
															}

															#wrap #main #page-contact #info > a span.instagram{
																background-image: url('data/img/icon-contact-instagram.svg');
															}

															#wrap #main #page-contact #info > a span.google{
																background-image: url('data/img/icon-contact-google.svg');
															}

															#wrap #main #page-contact #info > a span.twitter{
																background-image: url('data/img/icon-contact-twitter.svg');
															}

															#wrap #main #page-contact #info > a span.pinterest{
																background-image: url('data/img/icon-contact-pinterest.svg');
															}

															#wrap #main #page-contact #info > a span.linkedin{
																background-image: url('data/img/icon-contact-linkedin.svg');
															}

															#wrap #main #page-contact #info > a span.tiktok{
																background-image: url('data/img/icon-contact-tiktok.svg');
															}

															#wrap #main #page-contact #info > a span.youtube{
																background-image: url('data/img/icon-contact-youtube.svg');
															}

															#wrap #main #page-contact #info > a span.vimeo{
																background-image: url('data/img/icon-contact-vimeo.svg');
															}

															#wrap #main #page-contact #info > a span.tripadvisor{
																background-image: url('data/img/icon-contact-tripadvisor.svg');
															}

															#wrap #main #page-contact #info > a span.booking{
																background-image: url('data/img/icon-contact-booking.svg');
															}

															#wrap #main #page-contact #info > a span.airbnb{
																background-image: url('data/img/icon-contact-airbnb.svg');
															}

															#wrap #main #page-contact #info > a span.vrbo{
																background-image: url('data/img/icon-contact-vrbo.svg');
															}

															#wrap #main #page-contact #info > a span.rss{
																background-image: url('data/img/icon-contact-rss.svg');
															}

									#wrap #main #page-contact #contact-form{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										float: right;
										width: 640px;
										background-color: transparent;
									}

												#wrap #main #page-contact #contact-form form{
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													width: auto;
													line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
													background-color: transparent;
													display: block;
												}

															#wrap #main #page-contact #contact-form form p{
																line-height: 16px;
															}

															#wrap #main #page-contact #contact-form form .left,
															#wrap #main #page-contact #contact-form form .right{
																margin: 0px 0px 0px 0px;
																width: 50%;
																background-color: transparent;
																box-sizing: border-box;
																-moz-box-sizing: border-box;
																-webkit-box-sizing: border-box;
															}

															#wrap #main #page-contact #contact-form form .left{
																padding: 0px 5px 0px 0px;
																float: left;
															}

															#wrap #main #page-contact #contact-form form .right{
																padding: 0px 0px 0px 5px;
																float: right;
															}

															#wrap #main #page-contact #contact-form form input[type="text"],
															#wrap #main #page-contact #contact-form form input[type="email"],
															#wrap #main #page-contact #contact-form form input[type="tel"],
															#wrap #main #page-contact #contact-form form textarea{
																margin: 0px 0px 10px 0px;
															}

															#wrap #main #page-contact #contact-form form input[type="submit"]{
																margin: 0px 0px 10px 0px;
																padding: 0px 0px 0px 0px;
																width: 100%;
															}

						/* end of page-contact */

						/******************************

						page-posts

						******************************/

						#wrap #main #page-posts{
							margin: 0px 0px 0px 0px;
							padding: 20px 0px 20px 0px;
							width: auto;
							background-color: #f2f2f2;
						}

									#wrap #main #page-posts > div{
										margin: auto;
										padding: 0px 0px 0px 0px;
										width: 1000px;
										background-color: transparent;
									}

												/******************************

												posts

												******************************/

												#wrap #main #page-posts > div #posts{
													margin: 0px -10px 0px -10px;
													padding: 0px 0px 0px 0px;
													width: auto;
													background-color: transparent;
												}

															/******************************

															item-post

															******************************/

															#wrap #main #page-posts > div #posts .item-post{
																margin: 0px 0px 20px 0px;
																padding: 0px 10px 0px 10px;
																float: left;
																width: 33.333333%;
															}

															/* end of item-post */

												/* end of posts */

						/* end of page-posts */

						/******************************

						single-post

						******************************/

						#wrap #main #single-post{
							margin: auto;
							padding: 20px 0px 20px 0px;
							width: 1000px;
							background-color: transparent;
						}

									/******************************

									post

									******************************/

									#wrap #main #single-post #post{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										float: left;
										width: 640px;
										background-color: transparent;
									}

												/******************************

												meta

												******************************/

												#wrap #main #single-post #post #meta{
													margin: 0px 0px 20px 0px;
													padding: 0px 0px 7px 0px;
													width: auto;
													line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
													background-color: transparent;
													border-width: 0px 0px 1px 0px;
													border-style: solid;
													border-color: #e5e5e5;
													font-size: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
												}

															#wrap #main #single-post #post #meta > p,
															#wrap #main #single-post #post #meta > a{
																margin: 0px 5px 0px 5px;
																line-height: 16px;
																font-size: 12px;
																display: inline-block;
															}

															#wrap #main #single-post #post #meta > p:first-of-type{
																margin: 0px 5px 0px 0px;
															}

															#wrap #main #single-post #post #meta > p:last-of-type{
																margin: 0px 0px 0px 5px;
															}

															#wrap #main #single-post #post #meta > p{
																color: #bfbfbf;
															}

															#wrap #main #single-post #post #meta > a{
																font-weight: normal;
																color: #bfbfbf;
															}

															#wrap #main #single-post #post #meta > a:hover{
																text-decoration: underline;
															}

																		#wrap #main #single-post #post #meta > p > span,
																		#wrap #main #single-post #post #meta > a > span{
																			margin: 0px 5px 0px 0px;
																			padding: 0px 0px 0px 0px;
																			float: left;
																			width: 16px;
																			height: 16px;
																			background-color: transparent;
																			background-image: url('data/img/icon-post-calendar.svg');
																			background-size: 16px 16px;
																			background-position: 0px 0px;
																			background-repeat: no-repeat;
																			display: block;
																			opacity: 0.25;
																			-moz-opacity: 0.25;
																			-khtml-opacity: 0.25;
																			filter: alpha(opacity=25);
																			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
																		}

																		#wrap #main #single-post #post #meta > p > span.calendar,
																		#wrap #main #single-post #post #meta > a > span.calendar{
																			background-image: url('data/img/icon-post-calendar.svg');
																		}

																		#wrap #main #single-post #post #meta > p > span.map,
																		#wrap #main #single-post #post #meta > a > span.map{
																			background-image: url('data/img/icon-post-map.svg');
																		}

																		#wrap #main #single-post #post #meta > p > span.author,
																		#wrap #main #single-post #post #meta > a > span.author{
																			background-image: url('data/img/icon-post-author.svg');
																		}

																		#wrap #main #single-post #post #meta > p > span.category,
																		#wrap #main #single-post #post #meta > a > span.category{
																			background-image: url('data/img/icon-post-category.svg');
																		}

																		#wrap #main #single-post #post #meta > p > span.comments,
																		#wrap #main #single-post #post #meta > a > span.comments{
																			background-image: url('data/img/icon-post-comments.svg');
																		}

																		#wrap #main #single-post #post #meta > p > span.views,
																		#wrap #main #single-post #post #meta > a > span.views{
																			background-image: url('data/img/icon-post-views.svg');
																		}

															#wrap #main #single-post #post #meta #share{
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																float: right;
																width: auto;
																height: 16px;
																background-color: transparent;
															}

																		#wrap #main #single-post #post #meta #share > a{
																			margin: 0px 5px 0px 5px;
																			width: 16px;
																			height: 16px;
																			display: inline-block;
																		}

																		#wrap #main #single-post #post #meta #share > a:first-of-type{
																			margin: 0px 5px 0px 0px;
																		}

																		#wrap #main #single-post #post #meta #share > a:last-of-type{
																			margin: 0px 0px 0px 5px;
																		}

																					#wrap #main #single-post #post #meta #share > a > span{
																						margin: 0px 0px 0px 0px;
																						padding: 0px 0px 0px 0px;
																						float: left;
																						width: 16px;
																						height: 16px;
																						background-color: transparent;
																						background-image: url('data/img/icon-contact-facebook.svg');
																						background-size: 16px 16px;
																						background-position: 0px 0px;
																						background-repeat: no-repeat;
																						display: block;
																						transition: all 0.3s;
																						-o-transition: all 0.3s;
																						-ms-transition: all 0.3s;
																						-moz-transition: all 0.3s;
																						-khtml-transition: all 0.3s;
																						-webkit-transition: all 0.3s;
																						opacity: 0.5;
																						-moz-opacity: 0.5;
																						-khtml-opacity: 0.5;
																						filter: alpha(opacity=50);
																						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
																					}

																					#wrap #main #single-post #post #meta #share > a > span.facebook{
																						background-image: url('data/img/icon-contact-facebook.svg');
																					}

																					#wrap #main #single-post #post #meta #share > a > span.google{
																						background-image: url('data/img/icon-contact-google.svg');
																					}

																					#wrap #main #single-post #post #meta #share > a > span.mail{
																						background-image: url('data/img/icon-contact-mail.svg');
																					}

																					#wrap #main #single-post #post #meta #share > a:hover > span{
																						opacity: 1;
																						-moz-opacity: 1;
																						-khtml-opacity: 1;
																						filter: alpha(opacity=100);
																						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
																					}

												/* end of meta */

												#wrap #main #single-post #post table{
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													width: 100%;
													background-color: transparent;
													border-width: 1px 0px 0px 0px;
													border-style: solid;
													border-color: #ffffff;
												}

															#wrap #main #single-post #post table thead{
																background-color: #064036;
															}

																		#wrap #main #single-post #post table tbody tr:hover{
																			background-color: #ccfff7;
																		}

																					#wrap #main #single-post #post table thead th,
																					#wrap #main #single-post #post table tbody td{
																						padding: 12px 10px 12px 10px;
																						border-width: 0px 0px 1px 0px;
																						border-style: solid;
																						/*
																						border-color: #ffffff;
																						*/
																					}

																					#wrap #main #single-post #post table thead th{
																						border-color: #ffffff;
																					}

																					#wrap #main #single-post #post table tbody td{
																						border-color: #e5e5e5;
																					}

																					#wrap #main #single-post #post table tbody td:last-child{
																						white-space: nowrap;
																					}

																								#wrap #main #single-post #post table thead th h1{
																									line-height: 32px;
																									font-size: 16px;
																									color: #ffffff;
																									text-align: center;
																									text-transform: uppercase;
																								}

																								#wrap #main #single-post #post table tbody td h1{
																									line-height: 32px;
																									font-size: 16px;
																									/*
																									font-weight: bold;
																									*/
																									text-align: center;
																									text-transform: uppercase;
																								}

																								#wrap #main #single-post #post table tbody td h2{
																									line-height: 16px;
																									/*
																									font-size: 12px;
																									*/
																									font-size: 16px;
																									color: #009900;
																								}

																								#wrap #main #single-post #post table tbody td h3{
																									line-height: 24px;
																									font-weight: bold;
																								}

																								#wrap #main #single-post #post table tbody td:last-child h3{
																									text-align: right;
																								}

																								#wrap #main #single-post #post table tbody td p{
																									line-height: 16px;
																									font-weight: bold;
																									text-align: center;
																								}

																								#wrap #main #single-post #post table tbody td:first-child p{
																									font-weight: normal;
																									text-align: left;
																								}

																								#wrap #main #single-post #post table tbody td:last-child p{
																									color: #990000;
																									text-align: right;
																								}

												#wrap #main #single-post #post > p,
												#wrap #main #single-post #post > p > a{
													line-height: 24px;
													font-size: 14px;
												}

												#wrap #main #single-post #post > p > img,
												#wrap #main #single-post #post > div > div > p > img{
													width: 100%;
													height: auto;
												}

												#wrap #main #single-post #post > ul{
													margin: 0px 0px 20px 0px;
													padding: 0px 0px 0px 0px;
													display: block;
												}

															#wrap #main #single-post #post > ul > li{
																position: relative;
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 24px;
																line-height: 24px;
																font-size: 14px;
															}

															#wrap #main #single-post #post > ul > li:before{
																position: absolute;
																top: 9px;
																left: 0px;
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: 6px;
																height: 6px;
																background-color: #000000;
																display: block;
																content: "";
																border-radius: 50%;
																-o-border-radius: 50%;
																-ms-border-radius: 50%;
																-moz-border-radius: 50%;
																-khtml-border-radius: 50%;
																-webkit-border-radius: 50%;
															}

																		#wrap #main #single-post #post > ul > li > ul > li{
																			margin: 0px 0px 0px 24px;
																		}

												/******************************

												gutenberg

												******************************/

												#wrap #main #single-post #post > h1,
												#wrap #main #single-post #post > h2,
												#wrap #main #single-post #post > h3,
												#wrap #main #single-post #post > p{
													margin: 0px 0px 20px 0px;
												}

												/* end of gutenberg */

									/* end of post */

						/* end of single-post */

						/******************************

						sidebar

						******************************/

						#wrap #main #sidebar{
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							float: right;
							width: 340px;
							background-color: transparent;
							/*
							overflow: hidden;
							*/
						}

									/******************************

									swiper

									******************************/

									#wrap #main #sidebar .swiper{
										padding: 0px 0px 18px 0px;
									}

									#wrap #main #sidebar .swiper-pagination-bullets{
										bottom: 0px;
									}

									#wrap #main #sidebar .swiper-pagination-bullet-active{
										background-color: #064036;
									}

									/* end of swiper */

									/******************************

									instagram

									******************************/

									#wrap #main #sidebar .instagram > div > a{
										width: 33.333333%;
										border-color: transparent;
									}

									#wrap #main #sidebar .instagram > div > a:last-of-type{
										display: none;
									}

									/* end of instagram */

									#wrap #main #sidebar #menu-sidebar{
										margin: 0px 0px 0px 0px;
										padding: 20px 20px 20px 20px;
										width: auto;
										background-color: #064036;
										background-image: url('data/img/bg-texture-tiki.svg');
										background-position: center center;
										background-repeat: no-repeat;
										/*
										background-size: cover;
										*/
									}

												#wrap #main #sidebar #menu-sidebar > ul{
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													width: auto;
													height: auto;
													display: block;
												}

															#wrap #main #sidebar #menu-sidebar > ul > li{
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: auto;
																height: auto;
																display: block;
															}

																		#wrap #main #sidebar #menu-sidebar > ul > li > a{
																			position: relative;
																			margin: 0px 0px 0px 0px;
																			padding: 0px 0px 0px 0px;
																			height: 48px;
																			line-height: 48px;
																			font-size: 14px;
																			color: rgba(255,255,255,0.75);
																			text-transform: uppercase;
																			display: block;
																			overflow: hidden;
																		}

																		#wrap #main #sidebar #menu-sidebar > ul > li > a:hover,
																		#wrap #main #sidebar #menu-sidebar > ul > li > a.highlight
																		#wrap #main #sidebar #menu-sidebar > ul > li.current-menu-item > a,
																		#wrap #main #sidebar #menu-sidebar > ul > li.current_page_item > a{
																			color: rgba(255,255,255,1);
																		}

																		#wrap #main #sidebar #menu-sidebar > ul > li > a:before{
																			position: absolute;
																			bottom: 0px;
																			left: 50%;
																			width: 0px;
																			height: 3px;
																			background-color: rgba(255,255,255,1);
																			content: "";
																			transition: all 0.3s;
																			-o-transition: all 0.3s;
																			-ms-transition: all 0.3s;
																			-moz-transition: all 0.3s;
																			-khtml-transition: all 0.3s;
																			-webkit-transition: all 0.3s;
																			opacity: 0;
																			-moz-opacity: 0;
																			-khtml-opacity: 0;
																			filter: alpha(opacity=0);
																			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
																		}

																		#wrap #main #sidebar #menu-sidebar > ul > li > a:hover:before,
																		#wrap #main #sidebar #menu-sidebar > ul > li > a.highlight:before,
																		#wrap #main #sidebar #menu-sidebar > ul > li.current-menu-item > a:before,
																		#wrap #main #sidebar #menu-sidebar > ul > li.current_page_item > a:before{
																			left: 0px;
																			width: 100%;
																			opacity: 1;
																			-moz-opacity: 1;
																			-khtml-opacity: 1;
																			filter: alpha(opacity=100);
																			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
																		}

																					#wrap #main #sidebar #menu-sidebar > ul > li > a > span{
																						margin: 16px 10px 0px 0px;
																						padding: 0px 0px 0px 0px;
																						float: left;
																						width: 16px;
																						height: 16px;
																						background-color: transparent;
																						background-image: url('data/img/icon-menu-default.svg');
																						background-size: 16px 16px;
																						background-position: 0px 0px;
																						background-repeat: no-repeat;
																						display: block;
																					}

									#wrap #main #sidebar #categories{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: auto;
										background-color: transparent;
									}

												#wrap #main #sidebar #categories > a{
													position: relative;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													height: 48px;
													line-height: 48px;
													font-weight: normal;
													color: #333333;
													text-transform: uppercase;
													display: block;
													overflow: hidden;
												}

												#wrap #main #sidebar #categories > a:hover,
												#wrap #main #sidebar #categories > a.highlight{
													color: #064036;
												}

												#wrap #main #sidebar #categories > a:before{
													position: absolute;
													bottom: 0px;
													left: 50%;
													width: 0px;
													height: 3px;
													background-color: #064036;
													content: "";
													transition: all 0.3s;
													-o-transition: all 0.3s;
													-ms-transition: all 0.3s;
													-moz-transition: all 0.3s;
													-khtml-transition: all 0.3s;
													-webkit-transition: all 0.3s;
													opacity: 0;
													-moz-opacity: 0;
													-khtml-opacity: 0;
													filter: alpha(opacity=0);
													-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
												}

												#wrap #main #sidebar #categories > a:hover:before,
												#wrap #main #sidebar #categories > a.highlight:before{
													left: 0px;
													width: 100%;
													opacity: 1;
													-moz-opacity: 1;
													-khtml-opacity: 1;
													filter: alpha(opacity=100);
													-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
												}

															#wrap #main #sidebar #categories > a > span{
																margin: 16px 10px 0px 0px;
																padding: 0px 0px 0px 0px;
																float: left;
																width: 16px;
																height: 16px;
																background-color: transparent;
																background-image: url('data/img/icon-post-category.svg');
																background-size: 16px 16px;
																background-position: 0px 0px;
																background-repeat: no-repeat;
																display: block;
															}

									#wrap #main #sidebar .item-sidebar{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: auto;
										background-color: transparent;
										overflow: hidden;
									}

												#wrap #main #sidebar .item-sidebar > a{
													margin: 0px 0px 20px 0px;
													padding: 0px 0px 0px 0px;
													line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
													border: none;
													text-decoration: none;
													outline: none;
													display: block;
												}

												#wrap #main #sidebar .item-sidebar > a:last-child{
													margin: 0px 0px 0px 0px;
												}

												#wrap #main #sidebar .item-sidebar > a.expired{
													opacity: 0.5;
													-moz-opacity: 0.5;
													-khtml-opacity: 0.5;
													filter: alpha(opacity=50);
													-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
												}

															#wrap #main #sidebar .item-sidebar > a > span{
																position: relative;
																margin: 0px 10px 0px 0px;
																padding: 0px 0px 0px 0px;
																float: left;
																display: block;
																overflow: hidden;
																border-radius: 3px;
																-o-border-radius: 3px;
																-ms-border-radius: 3px;
																-moz-border-radius: 3px;
																-khtml-border-radius: 3px;
																-webkit-border-radius: 3px;
															}

																		#wrap #main #sidebar .item-sidebar > a > span img{
																			width: 96px;
																			height: 96px;
																		}

																		#wrap #main #sidebar .item-sidebar > a > span span.overlay,
																		#wrap #main #sidebar .item-sidebar > a > span span.icon{
																			position: absolute;
																			z-index: 9;
																			padding: 0px 0px 0px 0px;
																			display: block;
																			transition: all 0.3s;
																			-o-transition: all 0.3s;
																			-ms-transition: all 0.3s;
																			-moz-transition: all 0.3s;
																			-khtml-transition: all 0.3s;
																			-webkit-transition: all 0.3s;
																			opacity: 0;
																			-moz-opacity: 0;
																			-khtml-opacity: 0;
																			filter: alpha(opacity=0);
																			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
																		}

																		#wrap #main #sidebar .item-sidebar > a > span span.overlay{
																			top: 0px;
																			left: 0px;
																			margin: 0px 0px 0px 0px;
																			width: 100%;
																			height: 100%;
																			background-color: #064036;
																		}

																		#wrap #main #sidebar .item-sidebar > a:hover > span span.overlay{
																			opacity: 0.5;
																			-moz-opacity: 0.5;
																			-khtml-opacity: 0.5;
																			filter: alpha(opacity=50);
																			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
																		}

																		#wrap #main #sidebar .item-sidebar > a > span span.icon{
																			top: 50%;
																			left: 50%;
																			margin: -16px 0px 0px -16px;
																			width: 32px;
																			height: 32px;
																			background-color: transparent;
																			background-image: url('data/img/icon-open.svg');
																			background-size: 32px 32px;
																			background-position: 0px 0px;
																			background-repeat: no-repeat;
																		}

																		#wrap #main #sidebar .item-sidebar > a:hover > span span.icon{
																			opacity: 1;
																			-moz-opacity: 1;
																			-khtml-opacity: 1;
																			filter: alpha(opacity=100);
																			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
																		}

															#wrap #main #sidebar .item-sidebar > a h2{
																line-height: 24px;
																/*
																font-size: 12px;
																*/
																font-size: 16px;
																overflow: hidden;
																white-space: nowrap;
																text-overflow: ellipsis;
																transition: all 0.3s;
																-o-transition: all 0.3s;
																-ms-transition: all 0.3s;
																-moz-transition: all 0.3s;
																-khtml-transition: all 0.3s;
																-webkit-transition: all 0.3s;
															}

															#wrap #main #sidebar .item-sidebar > a:hover h2{
																color: #064036;
															}

															#wrap #main #sidebar .item-sidebar > a > p{
																line-height: 24px;
																max-height: 48px;
																color: #666666;
																overflow: hidden;
															}

															#wrap #main #sidebar .item-sidebar > a .meta{
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: auto;
																background-color: transparent;
																height: 24px;
															}

																		#wrap #main #sidebar .item-sidebar > a .meta p{
																			margin: 0px 10px 0px 0px;
																			float: left;
																			line-height: 24px;
																			color: #999999;
																		}

																					#wrap #main #sidebar .item-sidebar > a .meta p span{
																						margin: 6px 5px 0px 0px;
																						padding: 0px 0px 0px 0px;
																						float: left;
																						width: 12px;
																						height: 12px;
																						background-color: transparent;
																						background-image: url('data/img/icon-post-calendar.svg');
																						background-size: 12px 12px;
																						background-position: 0px 0px;
																						background-repeat: no-repeat;
																						display: block;
																						opacity: 0.5;
																						-moz-opacity: 0.5;
																						-khtml-opacity: 0.5;
																						filter: alpha(opacity=50);
																						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
																					}

																					#wrap #main #sidebar .item-sidebar > a .meta p span.calendar{
																						background-image: url('data/img/icon-post-calendar.svg');
																					}

																					#wrap #main #sidebar .item-sidebar > a .meta p span.map{
																						background-image: url('data/img/icon-post-map.svg');
																					}

																					#wrap #main #sidebar .item-sidebar > a .meta p span.category{
																						background-image: url('data/img/icon-post-category.svg');
																					}

																					#wrap #main #sidebar .item-sidebar > a .meta p span.comments{
																						background-image: url('data/img/icon-post-comments.svg');
																					}

																					#wrap #main #sidebar .item-sidebar > a .meta p span.views{
																						background-image: url('data/img/icon-post-views.svg');
																					}

																					#wrap #main #sidebar .item-sidebar > a .meta p span.price{
																						background-image: url('data/img/icon-post-price.svg');
																					}

									#wrap #main #sidebar table{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 100%;
										background-color: transparent;
									}

												#wrap #main #sidebar table thead{
													background-color: #064036;
												}

															#wrap #main #sidebar table tbody tr:nth-child(2n){
																background-color: #ffffff;
															}

															#wrap #main #sidebar table tbody tr:hover{
																background-color: #ccfff7;
															}

															#wrap #main #sidebar table thead th,
															#wrap #main #sidebar table tbody td{
																padding: 0px 10px 0px 10px;
															}

																		#wrap #main #sidebar table thead th h1{
																			line-height: 32px;
																			font-size: 16px;
																			color: #ffffff;
																			text-align: center;
																			text-transform: uppercase;
																		}

																		#wrap #main #sidebar table tbody td h1{
																			line-height: 32px;
																			font-size: 16px;
																			font-weight: bold;
																			text-align: center;
																			text-transform: uppercase;
																		}

																		#wrap #main #sidebar table tbody td h2{
																			line-height: 32px;
																		}

																		#wrap #main #sidebar table tbody td:last-child h2{
																			text-align: right;
																		}

									#wrap #main #sidebar > form{
										margin: 0px 0px 0px 0px;
										padding: 19px 19px 19px 19px;
										width: auto;
										line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
										background-color: #ffffff;
										border-width: 1px;
										border-style: solid;
										border-color: rgba(0,0,0,0.05);
										display: block;
										border-radius: 3px;
										-o-border-radius: 3px;
										-ms-border-radius: 3px;
										-moz-border-radius: 3px;
										-khtml-border-radius: 3px;
										-webkit-border-radius: 3px;
										/*
										box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
										-o-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
										-ms-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
										-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
										-khtml-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
										-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
										*/
										box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
										-o-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
										-ms-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
										-moz-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
										-khtml-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
										-webkit-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.2);
									}

												#wrap #main #sidebar > form h1{
													margin: 0px 0px 10px 0px;
													line-height: 24px;
													/*
													font-size: 16px;
													*/
													font-size: 24px;
												}

												#wrap #main #sidebar > form p{
													line-height: 16px;
												}

												#wrap #main #sidebar > form .left,
												#wrap #main #sidebar > form .right{
													margin: 0px 0px 0px 0px;
													width: 50%;
													background-color: transparent;
													box-sizing: border-box;
													-moz-box-sizing: border-box;
													-webkit-box-sizing: border-box;
												}

												#wrap #main #sidebar > form .left{
													padding: 0px 5px 0px 0px;
													float: left;
												}

												#wrap #main #sidebar > form .right{
													padding: 0px 0px 0px 5px;
													float: right;
												}

												#wrap #main #sidebar > form input[type="text"],
												#wrap #main #sidebar > form input[type="email"],
												#wrap #main #sidebar > form input[type="tel"],
												#wrap #main #sidebar > form input[type="number"],
												#wrap #main #sidebar > form input[type="date"],
												#wrap #main #sidebar > form input[type="time"],
												#wrap #main #sidebar > form select{
													margin: 0px 0px 10px 0px;
												}

												#wrap #main #sidebar > form select{
													cursor: pointer;
												}

												#wrap #main #sidebar > form input[type="submit"]{
													margin: 0px 0px 10px 0px;
													padding: 0px 0px 0px 0px;
													width: 100%;
												}

						/* end of sidebar */

						/******************************

						page-conditions

						******************************/

						#wrap #main #page-conditions{
							margin: auto;
							padding: 20px 180px 20px 180px;
							width: 640px;
							background-color: transparent;
						}

									#wrap #main #page-conditions h1{
										text-align: center;
										text-transform: uppercase;
									}

									#wrap #main #page-conditions h2{
										color: #064036;
										text-align: center;
										text-transform: uppercase;
									}

									#wrap #main #page-conditions h3{
										color: #999999;
										text-align: center;
									}

									#wrap #main #page-conditions > p,
									#wrap #main #page-conditions > p > a{
										line-height: 24px;
										font-size: 14px;
									}

									#wrap #main #page-conditions > p > img,
									#wrap #main #page-conditions > div > div > p > img{
										width: 100%;
										height: auto;
									}

									#wrap #main #page-conditions ul,
									#wrap #main #page-conditions ol{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										display: block;
									}

												#wrap #main #page-conditions ul li,
												#wrap #main #page-conditions ol li{
													margin: 0px 0px 10px 0px;
													padding: 0px 0px 0px 0px;
													list-style-type: decimal;
													text-align: justify;
												}

															#wrap #main #page-conditions ul li ul,
															#wrap #main #page-conditions ol li ol{
																margin: 10px 0px 0px 24px;
																padding: 0px 0px 0px 0px;
																display: block;
															}

																		#wrap #main #page-conditions ul li ul li,
																		#wrap #main #page-conditions ol li ol li{
																			margin: 0px 0px 10px 0px;
																			padding: 0px 0px 0px 0px;
																			list-style-type: lower-alpha;
																			text-align: justify;
																		}

									/******************************

									gutenberg

									******************************/

									#wrap #main #page-conditions > h1,
									#wrap #main #page-conditions > h2,
									#wrap #main #page-conditions > h3,
									#wrap #main #page-conditions > p{
										margin: 0px 0px 20px 0px;
									}

									/* end of gutenberg */

						/* end of page-conditions */

						/******************************

						page-404

						******************************/

						#wrap #main #page-404{
							margin: auto;
							padding: 20px 0px 20px 0px;
							width: auto;
							background-color: transparent;
							display: table; /* this stop the div behive like a dick! */
						}

									#wrap #main #page-404 span{
										margin: 0px 20px 0px 0px;
										padding: 0px 0px 0px 0px;
										float: left;
										width: 256px;
										height: 256px;
										background-color: transparent;
										background-image: url('data/img/icon-404.svg');
										background-size: 256px 256px;
										background-position: 0px 0px;
										background-repeat: no-repeat;
										display: block;
									}

									#wrap #main #page-404 div{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										float: left;
										background-color: transparent;
									}

												#wrap #main #page-404 div h1{
													margin: 80px 0px 0px 0px;
													line-height: 48px;
													color: #064036;
												}

												#wrap #main #page-404 div p{
													line-height: 24px;
												}

												#wrap #main #page-404 div a{
													text-decoration: underline;
												}

												#wrap #main #page-404 div a:hover{
													text-decoration: underline;
												}

						/* end of page-404 */

						/******************************

						news

						******************************/

						#wrap #main #news{
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: auto;
							background-color: transparent;
							overflow: hidden;
						}

									#wrap #main #news > div{
										margin: -1px 0px 0px -1px;
										padding: 0px 0px 0px 0px;
										width: auto;
										background-color: transparent;
									}

												#wrap #main #news > div .item-news{
													position: relative;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 0px 0px;
													float: left;
													width: 33.333333%;
													background-color: transparent;
													border-width: 1px 0px 0px 1px;
													border-style: solid;
													border-color: #ffffff;
													overflow: hidden;
													box-sizing: border-box;
													-moz-box-sizing: border-box;
													-webkit-box-sizing: border-box;
												}

												#wrap #main #news > div .item-news:first-child,
												#wrap #main #news > div .item-news:nth-child(2){
													width: 50%;
												}

															#wrap #main #news > div .item-news > a{
																position: relative;
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: 100%;
																line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
																outline: none;
																display: block;
															}

																		#wrap #main #news > div .item-news > a img{
																			width: 100%;
																			height: auto;
																			transition: all 0.3s;
																			-o-transition: all 0.3s;
																			-ms-transition: all 0.3s;
																			-moz-transition: all 0.3s;
																			-khtml-transition: all 0.3s;
																			-webkit-transition: all 0.3s;
																		}

																		#wrap #main #news > div .item-news:hover > a img{
																			transform: scale(1.1);
																			-o-transform: scale(1.1);
																			-ms-transform: scale(1.1);
																			-moz-transform: scale(1.1);
																			-khtml-transform: scale(1.1);
																			-webkit-transform: scale(1.1);
																			/*
																			filter: blur(1px);
																			-o-filter: blur(1px);
																			-ms-filter: blur(1px);
																			-moz-filter: blur(1px);
																			-khtml-filter: blur(1px);
																			-webkit-filter: blur(1px);
																			*/
																		}

																		#wrap #main #news > div .item-news > a span.overlay{
																			position: absolute;
																			top: 0px;
																			left: 0px;
																			z-index: 9;
																			margin: 0px 0px 0px 0px;
																			padding: 0px 0px 0px 0px;
																			width: 100%;
																			height: 100%;
																			background-color: rgba(0,0,0,0);
																			display: block;
																			transition: all 0.3s;
																			-o-transition: all 0.3s;
																			-ms-transition: all 0.3s;
																			-moz-transition: all 0.3s;
																			-khtml-transition: all 0.3s;
																			-webkit-transition: all 0.3s;
																		}

																		#wrap #main #news > div .item-news:hover > a span.overlay{
																			background-color: rgba(0,0,0,0.3);
																		}

															#wrap #main #news > div .item-news > div{
																position: absolute;
																bottom: 0px;
																left: 0px;
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 24px 0px;
																z-index: 9;
																width: 100%;
																background-color: transparent;
																background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
																background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.5)));
															}

																		#wrap #main #news > div .item-news > div h1{
																			line-height: 48px;
																			color: #ffffff;
																			text-align: center;
																		}

																					#wrap #main #news > div .item-news > div h1 a{
																						line-height: 48px;
																						font-size: 24px;
																						font-weight: normal;
																						color: #ffffff;
																						display: block;
																					}

																					#wrap #main #news > div .item-news > div h1 a:hover{
																						color: #0a6657;
																					}

																		#wrap #main #news > div .item-news > div p{
																			line-height: 24px;
																			text-align: center;
																		}

																					#wrap #main #news > div .item-news > div p a{
																						line-height: 24px;
																						font-weight: normal;
																						color: #ffffff;
																						display: block;
																					}

																					#wrap #main #news > div .item-news > div p a:hover{
																						color: #0a6657;
																					}

						/* end of news */

						/******************************

						call-to-action

						******************************/

						#wrap #main .call-to-action{
							position: relative;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: auto;
							background-color: #064036;
						}

						#wrap #main .call-to-action:before{
							position: absolute;
							top: 0px;
							right: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 50%;
							height: 100%;
							background-color: transparent;
							background-image: url('data/img/bg-society-islands.jpg');
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
							display: block;
							content: "";
						}

						#wrap #main .call-to-action.societyislands:before{
							background-image: url('data/img/bg-society-islands.jpg');
						}

						#wrap #main .call-to-action.newsletter:before{
							background-image: url('data/img/bg-newsletter.jpg');
						}

						#wrap #main .call-to-action.instagram:before{
							background-image: url('data/img/bg-instagram.jpg');
						}

						#wrap #main .call-to-action:after{
							position: absolute;
							top: 0px;
							right: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 50%;
							height: 100%;
							background-color: transparent;
							background-image: linear-gradient(left, rgba(6,64,54,1) 0%, rgba(6,64,54,0) 100%);
							background-image: -o-linear-gradient(left, rgba(6,64,54,1) 0%, rgba(6,64,54,0) 100%);
							background-image: -ms-linear-gradient(left, rgba(6,64,54,1) 0%, rgba(6,64,54,0) 100%);
							background-image: -moz-linear-gradient(left, rgba(6,64,54,1) 0%, rgba(6,64,54,0) 100%);
							background-image: -webkit-linear-gradient(left, rgba(6,64,54,1) 0%, rgba(6,64,54,0) 100%);
							background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(6,64,54,1)), color-stop(1, rgba(6,64,54,0)));
							display: block;
							content: "";
						}

									#wrap #main .call-to-action > div{
										position: relative;
										z-index: 9;
										margin: auto;
										padding: 0px 0px 0px 0px;
										width: 1000px;
										background-color: transparent;
									}

												#wrap #main .call-to-action > div > div{
													margin: 0px 0px 0px 0px;
													padding: 64px 0px 64px 0px;
													width: 50%;
													background-color: transparent;
												}

															#wrap #main .call-to-action > div > div > h1{
																margin: 0px 0px 20px 0px;
																line-height: 48px;
																font-size: 32px;
																color: #e5cfa1;
															}

															#wrap #main .call-to-action > div > div > h2{
																margin: 0px 0px 20px 0px;
																line-height: 32px;
																font-size: 16px;
																color: #ffffff;
															}

															#wrap #main .call-to-action > div > div > a{
																padding: 0px 47px 0px 47px;
																height: 46px;
																line-height: 46px;
																background-color: #e5cfa1;
																border-width: 1px;
																border-style: solid;
																border-color: #e5cfa1;
																font-size: 16px;
																color: #064036;
																display: inline-block;
																border-radius: 3px;
																-o-border-radius: 3px;
																-ms-border-radius: 3px;
																-moz-border-radius: 3px;
																-khtml-border-radius: 3px;
																-webkit-border-radius: 3px;
															}

															#wrap #main .call-to-action > div > div > a:hover{
																background-color: transparent;
																color: #e5cfa1;
															}

															#wrap #main .call-to-action > div > div > form{
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: auto;
																line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space) */
																background-color: transparent;
																display: block;
															}

																		#wrap #main .call-to-action > div > div > form .left,
																		#wrap #main .call-to-action > div > div > form .right{
																			margin: 0px 0px 0px 0px;
																			width: 50%;
																			background-color: transparent;
																			box-sizing: border-box;
																			-moz-box-sizing: border-box;
																			-webkit-box-sizing: border-box;
																		}

																		#wrap #main .call-to-action > div > div > form .left{
																			padding: 0px 5px 0px 0px;
																			float: left;
																		}

																		#wrap #main .call-to-action > div > div > form .right{
																			padding: 0px 0px 0px 5px;
																			float: right;
																		}

																		#wrap #main .call-to-action > div > div > form input[type="text"],
																		#wrap #main .call-to-action > div > div > form input[type="email"]{
																			margin: 0px 0px 10px 0px;
																			background-color: rgba(255,255,255,0.1);
																			border-color: rgba(255,255,255,0.2);
																			font-size: 16px;
																			color: rgba(255,255,255,0.5);
																		}

																		#wrap #main .call-to-action > div > div > form input[type="text"]:hover,
																		#wrap #main .call-to-action > div > div > form input[type="email"]:hover{
																			border-color: rgba(255,255,255,1);
																			color: rgba(255,255,255,1);
																		}

																		#wrap #main .call-to-action > div > div > form input[type="text"]:focus,
																		#wrap #main .call-to-action > div > div > form input[type="email"]:focus{
																			border-color: rgba(255,255,255,1);
																			color: rgba(255,255,255,1);
																		}

																		#wrap #main .call-to-action > div > div > form input[type="text"]::placeholder,
																		#wrap #main .call-to-action > div > div > form input[type="email"]::placeholder{
																			color: rgba(255,255,255,0.5);
																		}

																		#wrap #main .call-to-action > div > div > form input[type="text"].error,
																		#wrap #main .call-to-action > div > div > form input[type="email"].error,
																		#wrap #main .call-to-action > div > div > form input[type="text"].error::placeholder,
																		#wrap #main .call-to-action > div > div > form input[type="email"].error::placeholder{
																			border-color: rgba(191,0,0,1);
																			color: rgba(191,0,0,1);
																		}

																		#wrap #main .call-to-action > div > div > form input[type="text"].error,
																		#wrap #main .call-to-action > div > div > form input[type="email"].error{
																			background-color: rgba(191,0,0,0.1);
																		}

																		#wrap #main .call-to-action > div > div > form input[type="submit"]{
																			margin: 0px 0px 0px 0px;
																			padding: 0px 0px 0px 0px;
																			width: 100%;
																			background-color: #e5cfa1;
																			border-color: #e5cfa1;
																			font-size: 16px;
																			color: #064036;
																		}

																		#wrap #main .call-to-action > div > div > form input[type="submit"]:hover{
																			background-color: transparent;
																			border-color: #e5cfa1;
																			color: #e5cfa1;
																		}

						/* end of call-to-action */

						/******************************

						top

						******************************/

						#wrap #main #top{
							position: relative;
							margin: 0px 0px 0px 0px;
							padding: 20px 0px 20px 0px;
							width: auto;
							background-color: #064036;
							background-image: url('data/img/bg-blur.jpg');
							background-position: center center;
							background-repeat: no-repeat;
							background-attachment: fixed;
							background-size: cover;
						}

						#wrap #main #top:before{
							position: absolute;
							top: 0px;
							left: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 100%;
							height: 100%;
							background-color: rgba(0,0,0,0.5);
							display: block;
							content: "";
						}

									#wrap #main #top > div{
										position: relative;
										z-index: 9;
										margin: auto;
										padding: 0px 0px 0px 0px;
										width: 1000px;
										background-color: transparent;
									}

												#wrap #main #top > div > div{
													margin: 0px -10px 0px -10px;
													padding: 0px 0px 0px 0px;
													width: auto;
													line-height: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
													background-color: transparent;
													font-size: 0px; /* this shit fix fuckin' html5 error (god damn white space because of using inline-block) */
													text-align: center;
												}

															/******************************

															item-post

															******************************/

															#wrap #main #top > div > div > .item-post{
																padding: 0px 10px 0px 10px;
																width: 33.333333%;
																display: inline-block;
															}

															/* end of item-post */

						/* end of top */

						/******************************

						islands

						******************************/

						#wrap #main #islands{
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: auto;
							background-color: #ffffff;
							/*
							border-width: 1px 0px 1px 0px;
							border-style: solid;
							border-color: #e5e5e5;
							*/
						}

									#wrap #main #islands > div{
										margin: auto;
										padding: 64px 0px 64px 0px;
										width: 1000px;
										background-color: transparent;
									}

												#wrap #main #islands > div h1{
													text-align: center;
													text-transform: uppercase;
												}

												#wrap #main #islands > div h2{
													font-weight: normal;
													color: #064036;
													text-align: center;
												}

												#wrap #main #islands > div a{
													width: 96px;
													height: 96px;
													display: block;
													filter: opacity(50%) grayscale(100%);
													-webkit-filter: opacity(50%) grayscale(100%);
												}

												#wrap #main #islands > div a:hover{
													filter: opacity(100%) grayscale(0%);
													-webkit-filter: opacity(100%) grayscale(0%);
												}

															#wrap #main #islands > div a img{
																width: 96px;
																height: 96px;
															}

															#wrap #main #islands > div a span{
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: 96px;
																height: 96px;
																background-color: transparent;
																display: block;
																background-image: url('data/img/icons-islands-color.png');
																background-size: 1344px 96px;
																background-position: 0px 0px;
																background-repeat: no-repeat;
															}

															#wrap #main #islands > div a span.tahiti{
																background-position: 0px 0px;
															}

															#wrap #main #islands > div a span.moorea{
																background-position: -96px 0px;
															}

															#wrap #main #islands > div a span.bora-bora{
																background-position: -192px 0px;
															}

															#wrap #main #islands > div a span.tetiaroa{
																background-position: -288px 0px;
															}

															#wrap #main #islands > div a span.huahine{
																background-position: -384px 0px;
															}

															#wrap #main #islands > div a span.raiatea{
																background-position: -480px 0px;
															}

															#wrap #main #islands > div a span.tahaa{
															background-position: -576px 0px;
															}

															#wrap #main #islands > div a span.maupiti{
																background-position: -672px 0px;
															}

															#wrap #main #islands > div a span.tupai{
																background-position: -768px 0px;
															}

															#wrap #main #islands > div a span.maiao{
																background-position: -864px 0px;
															}

															#wrap #main #islands > div a span.mehetia{
																background-position: -960px 0px;
															}

															#wrap #main #islands > div a span.maupihaa{
																background-position: -1056px 0px;
															}

															#wrap #main #islands > div a span.manuae{
																background-position: -1152px 0px;
															}

															#wrap #main #islands > div a span.motu-one{
																background-position: -1248px 0px;
															}

												/******************************

												swiper

												******************************/

												#wrap #main #islands > div .swiper{
													margin: 20px 0px 0px 0px;
													padding: 0px 32px 0px 32px;
												}

												#wrap #main #islands > div .swiper-slide{
													width: 96px;
													height: 96px;
												}

												#wrap #main #islands > div .swiper-button-prev,
												#wrap #main #islands > div .swiper-button-next{
													top: 0px;
													margin: 0px 0px 0px 0px;
													width: 32px;
													height: 100%;
													background-color: #ffffff;
													color: #999999;
													transition: all 0.3s;
													-o-transition: all 0.3s;
													-ms-transition: all 0.3s;
													-moz-transition: all 0.3s;
													-khtml-transition: all 0.3s;
													-webkit-transition: all 0.3s;
												}

												#wrap #main #islands > div .swiper-button-prev::after,
												#wrap #main #islands > div .swiper-button-next::after{
													font-size: 24px;
												}

												#wrap #main #islands > div .swiper-button-prev:hover,
												#wrap #main #islands > div .swiper-button-next:hover{
													color: #064036;
												}

												#wrap #main #islands > div .swiper-button-prev{
													left: 0px;
													justify-content: flex-start;
												}

												#wrap #main #islands > div .swiper-button-next{
													right: 0px;
													justify-content: flex-end;
												}

												/* end of swiper */

						/* end of islands */

						/******************************

						partners

						******************************/

						#wrap #main #partners{
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: auto;
							background-color: #f2f2f2;
							border-width: 1px 0px 0px 0px;
							border-style: solid;
							border-color: #e5e5e5;
						}

									#wrap #main #partners > div{
										margin: auto;
										padding: 64px 0px 64px 0px;
										width: 1000px;
										background-color: transparent;
									}

												#wrap #main #partners > div h1{
													text-align: center;
													text-transform: uppercase;
												}

												#wrap #main #partners > div h2{
													font-weight: normal;
													color: #064036;
													text-align: center;
												}

												#wrap #main #partners > div a{
													width: 96px;
													height: 96px;
													display: block;
													filter: opacity(50%) grayscale(100%);
													-webkit-filter: opacity(50%) grayscale(100%);
												}

												#wrap #main #partners > div a:hover{
													filter: opacity(100%) grayscale(0%);
													-webkit-filter: opacity(100%) grayscale(0%);
												}

															#wrap #main #partners > div a img{
																width: 96px;
																height: 96px;
															}

															#wrap #main #partners > div a span{
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: 96px;
																height: 96px;
																background-color: transparent;
																background-image: url('data/img/logo-1024x1024.png');
																background-size: contain;
																background-position: 0px 0px;
																background-repeat: no-repeat;
																display: block;
															}

												/******************************

												swiper

												******************************/

												#wrap #main #partners > div .swiper{
													margin: 20px 0px 0px 0px;
													padding: 0px 32px 0px 32px;
												}

												#wrap #main #partners > div .swiper-slide{
													width: 96px;
													height: 96px;
												}

												#wrap #main #partners > div .swiper-button-prev,
												#wrap #main #partners > div .swiper-button-next{
													top: 0px;
													margin: 0px 0px 0px 0px;
													width: 32px;
													height: 100%;
													background-color: #f2f2f2;
													color: #999999;
													transition: all 0.3s;
													-o-transition: all 0.3s;
													-ms-transition: all 0.3s;
													-moz-transition: all 0.3s;
													-khtml-transition: all 0.3s;
													-webkit-transition: all 0.3s;
												}

												#wrap #main #partners > div .swiper-button-prev::after,
												#wrap #main #partners > div .swiper-button-next::after{
													font-size: 24px;
												}

												#wrap #main #partners > div .swiper-button-prev:hover,
												#wrap #main #partners > div .swiper-button-next:hover{
													color: #064036;
												}

												#wrap #main #partners > div .swiper-button-prev{
													left: 0px;
													justify-content: flex-start;
												}

												#wrap #main #partners > div .swiper-button-next{
													right: 0px;
													justify-content: flex-end;
												}

												/* end of swiper */

						/* end of partners */

			/* end of main */

			/******************************

			footer

			******************************/

			#wrap #footer{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: auto;
				background-color: transparent;
				border-width: 1px 0px 0px 0px;
				border-style: solid;
				border-color: #e5e5e5;
			}

						#wrap #footer #footer-inner{
							margin: auto;
							padding: 20px 0px 20px 0px;
							width: 1000px;
							background-color: transparent;
							overflow: hidden;
						}

									#wrap #footer #footer-inner > a{
										margin: 0px 20px 0px 0px;
										padding: 0px 0px 0px 0px;
										float: left;
										width: 77px;
										height: 48px;
										background-color: transparent;
										background-image: url('data/img/logo-footer.png');
										background-size: contain;
										background-position: 0px 0px;
										background-repeat: no-repeat;
										display: block;
										filter: opacity(50%) grayscale(100%);
										-webkit-filter: opacity(50%) grayscale(100%);
									}

									#wrap #footer #footer-inner > a:hover{
										filter: opacity(100%) grayscale(0%);
										-webkit-filter: opacity(100%) grayscale(0%);
									}

									#wrap #footer #footer-inner .item-footer{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: auto;
										background-color: transparent;
									}

									#wrap #footer #footer-inner .item-footer.left{
										float: left;
									}

									#wrap #footer #footer-inner .item-footer.right{
										float: right;
										text-align: right;
									}

												#wrap #footer #footer-inner .item-footer > p{
													line-height: 24px;
												}

															#wrap #footer #footer-inner .item-footer > p > a{
																color: #064036;
															}

															#wrap #footer #footer-inner .item-footer > p > a:hover{
																color: #0a6657;
															}

												#wrap #footer #footer-inner .item-footer p.copyright{
													color: #999999;
													text-align: right;
												}

															#wrap #footer #footer-inner .item-footer p.copyright a{
																font-weight: normal;
															}

															#wrap #footer #footer-inner .item-footer p.copyright > span{
																margin: 6px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: 12px;
																height: 12px;
																background-color: transparent;
																background-image: url('data/img/icon-footer-heart.svg');
																background-size: 12px 12px;
																background-position: 0px 0px;
																background-repeat: no-repeat;
																display: inline-block;
																vertical-align: top;
																opacity: 0.5;
																-moz-opacity: 0.5;
																-khtml-opacity: 0.5;
																filter: alpha(opacity=50);
																-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
															}

												#wrap #footer #footer-inner .item-footer > a{
													margin: 0px 10px 0px 10px;
													line-height: 24px;
													font-weight: normal;
													color: #666666;
													display: inline-block;
												}

												#wrap #footer #footer-inner .item-footer > a:first-of-type{
													margin: 0px 10px 0px 0px;
												}

												#wrap #footer #footer-inner .item-footer > a:last-of-type{
													margin: 0px 0px 0px 10px;
												}

												#wrap #footer #footer-inner .item-footer > a:hover{
													color: #333333;
												}

															#wrap #footer #footer-inner .item-footer > a > span{
																margin: 4px 10px 0px 0px;
																padding: 0px 0px 0px 0px;
																float: left;
																width: 16px;
																height: 16px;
																background-color: transparent;
																background-image: url('data/img/icon-contact-societyislands.svg');
																background-size: 16px 16px;
																background-position: 0px 0px;
																background-repeat: no-repeat;
																display: block;
																transition: all 0.3s;
																-o-transition: all 0.3s;
																-ms-transition: all 0.3s;
																-moz-transition: all 0.3s;
																-khtml-transition: all 0.3s;
																-webkit-transition: all 0.3s;
																opacity: 0.75;
																-moz-opacity: 0.75;
																-khtml-opacity: 0.75;
																filter: alpha(opacity=75);
																-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
															}

															#wrap #footer #footer-inner .item-footer > a > span.societyislands{
																background-image: url('data/img/icon-contact-societyislands.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.facebook{
																background-image: url('data/img/icon-contact-facebook.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.instagram{
																background-image: url('data/img/icon-contact-instagram.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.google{
																background-image: url('data/img/icon-contact-google.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.twitter{
																background-image: url('data/img/icon-contact-twitter.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.pinterest{
																background-image: url('data/img/icon-contact-pinterest.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.linkedin{
																background-image: url('data/img/icon-contact-linkedin.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.tiktok{
																background-image: url('data/img/icon-contact-tiktok.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.youtube{
																background-image: url('data/img/icon-contact-youtube.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.vimeo{
																background-image: url('data/img/icon-contact-vimeo.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.tripadvisor{
																background-image: url('data/img/icon-contact-tripadvisor.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.booking{
																background-image: url('data/img/icon-contact-booking.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.airbnb{
																background-image: url('data/img/icon-contact-airbnb.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.vrbo{
																background-image: url('data/img/icon-contact-vrbo.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.rss{
																background-image: url('data/img/icon-contact-rss.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.contact{
																background-image: url('data/img/icon-contact-mail.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.blog{
																background-image: url('data/img/icon-footer-blog.svg');
															}

															#wrap #footer #footer-inner .item-footer > a > span.faq{
																background-image: url('data/img/icon-footer-faq.svg');
															}

															#wrap #footer #footer-inner .item-footer > a:hover > span{
																opacity: 1;
																-moz-opacity: 1;
																-khtml-opacity: 1;
																filter: alpha(opacity=100);
																-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
															}

												#wrap #footer #footer-inner .item-footer p.language{
													margin: 0px 5px 0px 0px;
													color: #999999;
													display: inline-block;
												}

															#wrap #footer #footer-inner .item-footer p.language > span{
																margin: 4px 10px 0px 0px;
																padding: 0px 0px 0px 0px;
																float: left;
																width: 16px;
																height: 16px;
																background-color: transparent;
																background-image: url('data/img/icon-footer-language.svg');
																background-size: 16px 16px;
																background-position: 0px 0px;
																background-repeat: no-repeat;
																display: block;
																opacity: 0.5;
																-moz-opacity: 0.5;
																-khtml-opacity: 0.5;
																filter: alpha(opacity=50);
																-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
															}

												#wrap #footer #footer-inner .item-footer > select{
													margin: 0px 0px 0px 0px;
													padding: 0px 10px 0px 10px;
													width: auto;
													height: 24px; /* box-sizing ignores padding and border */
													line-height: 24px; /* box-sizing ignores padding and border */
													background-color: #ffffff;
													border-width: 1px 1px 1px 1px;
													border-style: solid;
													border-color: #e5e5e5;
													font-size: 12px;
													font-weight: normal;
													font-style: normal;
													color: #999999;
													outline: none;
													cursor: pointer;
													-webkit-appearance: none; /* prevent webkit default style */
													border-radius: 3px;
													-o-border-radius: 3px;
													-ms-border-radius: 3px;
													-moz-border-radius: 3px;
													-khtml-border-radius: 3px;
													-webkit-border-radius: 3px;
													transition: all 0.3s;
													-o-transition: all 0.3s;
													-ms-transition: all 0.3s;
													-moz-transition: all 0.3s;
													-khtml-transition: all 0.3s;
													-webkit-transition: all 0.3s;
													box-sizing: border-box;
													-moz-box-sizing: border-box;
													-webkit-box-sizing: border-box;
												}

												#wrap #footer #footer-inner .item-footer > select:hover{
													border-color: #064036;
													color: #064036;
												}

												#wrap #footer #footer-inner .item-footer > select:focus{
													border-color: #064036;
													color: #064036;
												}

			/* end of footer */

/* end of wrap */

/******************************

popup

******************************/

.popup{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999999;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	display: none;
}

			.popup .popup-overlay{
				position: absolute;
				top: 0px;
				left: 0px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 100%;
				height: 100%;
				background-color: rgba(6,64,54,0.9);
			}

			/******************************

			search

			******************************/

			.popup > a{
				position: absolute;
				top: 0px;
				right: 0px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 64px;
				height: 64px;
				background-color: transparent;
				display: block;
			}

						.popup > a > span{
							position: relative;
							margin: 16px 16px 16px 16px;
							padding: 0px 0px 0px 0px;
							width: 32px;
							height: 32px;
							background-color: transparent;
							display: block;
						}

						.popup > a > span:before{
							position: absolute;
							top: 15px;
							left: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 32px;
							height: 2px;
							background-color: #ffffff;
							display: block;
							content: "";
							border-radius: 1px;
							-o-border-radius: 1px;
							-ms-border-radius: 1px;
							-moz-border-radius: 1px;
							-khtml-border-radius: 1px;
							-webkit-border-radius: 1px;
							transform: rotate(45deg);
							-o-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-khtml-transform: rotate(45deg);
							-webkit-transform: rotate(45deg);
						}

						.popup > a > span:after{
							position: absolute;
							top: 15px;
							left: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 32px;
							height: 2px;
							background-color: #ffffff;
							display: block;
							content: "";
							border-radius: 1px;
							-o-border-radius: 1px;
							-ms-border-radius: 1px;
							-moz-border-radius: 1px;
							-khtml-border-radius: 1px;
							-webkit-border-radius: 1px;
							transform: rotate(-45deg);
							-o-transform: rotate(-45deg);
							-ms-transform: rotate(-45deg);
							-moz-transform: rotate(-45deg);
							-khtml-transform: rotate(-45deg);
							-webkit-transform: rotate(-45deg);
						}

			.popup > form{
				position: absolute;
				top: 50%;
				margin: -32px 0px 0px 0px;
				padding: 0px 64px 0px 64px;
				width: 100%;
				height: 64px;
				background-color: transparent;
				display: block;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}

						.popup > form > input[type="text"]{
							padding: 0px 64px 0px 0px;
							height: 64px; /* box-sizing ignores padding and border */
							line-height: 64px; /* box-sizing ignores padding and border */
							background-color: transparent;
							border-width: 0px 0px 1px 0px;
							border-color: rgba(255,255,255,1);
							font-size: 48px;
							color: rgba(255,255,255,1);
							text-align: center;
							text-transform: uppercase;
							border-radius: 0px;
							-o-border-radius: 0px;
							-ms-border-radius: 0px;
							-moz-border-radius: 0px;
							-khtml-border-radius: 0px;
							-webkit-border-radius: 0px;
						}

						.popup > form > input[type="text"]:hover{
							border-color: rgba(255,255,255,1);
							color: rgba(255,255,255,1);
						}

						.popup > form > input[type="text"]:focus{
							border-color: rgba(255,255,255,1);
							color: rgba(255,255,255,1);
						}

						.popup > form > input[type="text"]::placeholder{
							color: rgba(255,255,255,0.5);
						}

						.popup > form > button{
							position: absolute;
							top: 0px;
							right: 64px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 64px;
							height: 64px;
							background-color: transparent;
							border: none;
							outline: none;
							cursor: pointer;
							-webkit-appearance: none; /* prevent webkit default style */
							transition: all 0.3s;
							-o-transition: all 0.3s;
							-ms-transition: all 0.3s;
							-moz-transition: all 0.3s;
							-khtml-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}

									.popup > form > button > span{
										margin: 16px 16px 16px 16px;
										padding: 0px 0px 0px 0px;
										width: 32px;
										height: 32px;
										background-color: transparent;
										background-image: url('data/img/icon-search.svg');
										background-size: 32px 32px;
										background-position: 0px 0px;
										background-repeat: no-repeat;
										display: block;
									}

			/* end of search */

/* end of popup */

/******************************

jquery ui bug

******************************/

.ui-helper-hidden-accessible{
	display: none;
}

/* end of jquery ui bug */

/******************************

jquery ui tooltip

******************************/

.ui-tooltip{
	position: absolute;
	z-index: 999999;
	margin: 0px 0px 0px 0px;
	padding: 0px 32px 0px 32px;
	height: 32px;
	line-height: 32px;
	background-color: rgba(0,0,0,0.5);
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* end of jquery ui tooltip */

/******************************

jQuery CookieBar

******************************/

#cookie-bar{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width: auto;
	height: auto;
	background-color: transparent;
}

#cookie-bar.fixed{
	margin: 0px 0px 0px -500px;
	position: fixed;
	top: 0px;
	left: 50%;
	width: 1000px;
}

#cookie-bar.fixed.bottom{
	top: auto;
	bottom: 0px;
}

#cookie-bar p{
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 12px 0px;
	line-height: 24px;
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
	text-align: center;
	display: block;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#cookie-bar a{
	margin: 0px 0px 0px 10px;
	padding: 0px 24px 0px 24px;
	height: 24px;
	line-height: 24px;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#cookie-bar .cb-enable,
#cookie-bar .cb-disable,
#cookie-bar .cb-policy{
	background-color: #064036;
}

#cookie-bar .cb-enable:hover,
#cookie-bar .cb-disable:hover,
#cookie-bar .cb-policy:hover{
	background-color: #0a6657;
}

/* end of jQuery CookieBar */

/******************************

fancybox 2.1.6

******************************/

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	background-color: transparent;
	border: none;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 8020;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

.fancybox-skin{
	position: relative;
	background-color: #ffffff;
	text-shadow: none;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.fancybox-opened{
	z-index: 8030;
}

.fancybox-opened .fancybox-skin{
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-khtml-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}

.fancybox-outer, .fancybox-inner{
	position: relative;
}

.fancybox-inner{
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner{
	-webkit-overflow-scrolling: touch;
}

.fancybox-error{
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe{
	width: 100%;
	height: 100%;
	display: block;
}

.fancybox-image{
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 8060;
	margin: -24px 0px 0px -24px;
	background-color: rgba(0,0,0,0.3);
	cursor: pointer;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
}

#fancybox-loading div{
	width: 48px;
	height: 48px;
	background-color: transparent;
	background-image: url('data/img/logo-48x48.png');
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
}

.fancybox-close{
	position: absolute;
	top: -16px;
	right: -16px;
	z-index: 8040;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	width: 12px;
	height: 12px;
	background-color: #064036;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff;
	cursor: pointer;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-khtml-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}

.fancybox-close span{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 12px;
	height: 12px;
	background-color: transparent;
	display: block;
}

.fancybox-close span:before{
	position: absolute;
	top: 5px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 12px;
	height: 2px;
	background-color: #ffffff;
	display: block;
	content: "";
	border-radius: 1px;
	-o-border-radius: 1px;
	-ms-border-radius: 1px;
	-moz-border-radius: 1px;
	-khtml-border-radius: 1px;
	-webkit-border-radius: 1px;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-khtml-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.fancybox-close span:after{
	position: absolute;
	top: 5px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 12px;
	height: 2px;
	background-color: #ffffff;
	display: block;
	content: "";
	border-radius: 1px;
	-o-border-radius: 1px;
	-ms-border-radius: 1px;
	-moz-border-radius: 1px;
	-khtml-border-radius: 1px;
	-webkit-border-radius: 1px;
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-khtml-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.fancybox-nav{
	position: absolute;
	top: 0px;
	z-index: 8040;
	width: 50%;
	height: 100%;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fancybox-prev{
	left: 0px;
}

.fancybox-next{
	right: 0px;
}

.fancybox-nav > span{
	position: absolute;
	top: 50%;
	z-index: 8040;
	margin: -16px 0px 0px 0px;
	padding: 8px 11px 8px 11px;
	width: 6px;
	height: 12px;
	background-color: #064036;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff;
	cursor: pointer;
	display: none;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-khtml-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}

.fancybox-nav > span > span{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 0px;
	height: 0px;
	border-width: 6px 6px 6px 6px;
	border-style: solid;
	display: none;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-khtml-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.fancybox-prev > span{
	left: 10px;
}

.fancybox-next > span{
	right: 10px;
}

.fancybox-nav:hover > span,
.fancybox-nav:hover > span > span{
	display: block;
}

.fancybox-prev > span > span{
	margin: 0px 0px 0px -6px;
	border-color: transparent #ffffff transparent transparent;
}

.fancybox-next > span > span{
	margin: 0px 0px 0px 0px;
	border-color: transparent transparent transparent #ffffff;
}

.fancybox-tmp{
	position: absolute;
	top: -999999px;
	left: -999999px;
	max-width: 999999px;
	max-height: 999999;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock{
	width: auto;
	overflow: visible !important;
}

.fancybox-lock body{
	overflow: hidden !important;
}

.fancybox-lock-test{
	overflow-y: hidden !important;
}

.fancybox-overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 8010;
	background-color: rgba(6,64,54,0.6);
	overflow: hidden;
	display: none;
}

.fancybox-overlay-fixed{
	position: fixed;
	bottom: 0px;
	right: 0px;
}

.fancybox-lock .fancybox-overlay{
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title{
	position: relative;
	z-index: 8050;
	visibility: hidden;
}

.fancybox-opened .fancybox-title{
	visibility: visible;
}

.fancybox-title-float-wrap{
	position: absolute;
	bottom: 0px;
	right: 50%;
	z-index: 8050;
	margin-bottom: -34px;
	text-align: center;
}

.fancybox-title-float-wrap .child{
	padding: 0px 24px 0px 24px;
	margin-right: -100%;
	line-height: 24px;
	background-color: transparent; /* fallback for web browsers that doesn't support RGBa */
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
	white-space: nowrap;
	display: inline-block;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.fancybox-title-outside-wrap{
	position: relative;
	margin-top: 10px;
	color: #ffffff;
}

.fancybox-title-inside-wrap{
	margin-top: 10px;
}

.fancybox-title-over-wrap{
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 10px 10px 10px 10px;
	background-color: #000000; /* fallback for web browsers that doesn't support RGBa */
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
}

/* end of fancybox 2.1.6 */