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

disable desktop elements
& enable mobile elements

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

a#scroll-to-top,
#wrap #header #nav{
	display: none !important;
}

/* end of disable desktop elements & enable mobile elements */

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

mobile elements

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

#wrap,
#cookie-bar{
	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;
}

.offset{
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-khtml-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

@media screen and (max-width: 768px){
.offset{
	transform: translateX(-75%);
	-o-transform: translateX(-75%);
	-ms-transform: translateX(-75%);
	-moz-transform: translateX(-75%);
	-khtml-transform: translateX(-75%);
	-webkit-transform: translateX(-75%);
}
}

/* end of mobile elements */

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

mobile-header

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

#mobile-header{
	position: fixed;
	top: 0px;
	z-index: 999;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 64px;
	background-color: 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;
}

#mobile-header.sticky{
	background-color: rgba(255,255,255,0.9);
	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);
	backdrop-filter: blur(8px) saturate(200%) brightness(1.2);
	-webkit-backdrop-filter: blur(8px) saturate(200%) brightness(1.2);
}

			#mobile-header a#mobile-search{
				position: absolute;
				top: 0px;
				left: 0px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 64px;
				height: 64px;
				background-color: transparent;
				display: block;
			}
			
			#mobile-header a#mobile-search:before,
			#mobile-header a#mobile-search:after{
				position: absolute;
				top: 20px;
				left: 20px;
				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)";
			}
			
			#mobile-header a#mobile-search:before{
				background-image: url('data/img/icon-search.svg');
				opacity: 1;
				-moz-opacity: 1;
				-khtml-opacity: 1;
				filter: alpha(opacity=100);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			}
			
			#mobile-header a#mobile-search:after{
				background-image: url('data/img/icon-search-sticky.svg');
				opacity: 0;
				-moz-opacity: 0;
				-khtml-opacity: 0;
				filter: alpha(opacity=0);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			}
			
			#mobile-header.sticky a#mobile-search:before{
				opacity: 0;
				-moz-opacity: 0;
				-khtml-opacity: 0;
				filter: alpha(opacity=0);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			}
			
			#mobile-header.sticky a#mobile-search:after{
				opacity: 1;
				-moz-opacity: 1;
				-khtml-opacity: 1;
				filter: alpha(opacity=100);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			}
			
			#mobile-header a#mobile-logo{
				position: absolute;
				top: 0px;
				left: 50%;
				margin: 0px 0px 0px -43px;
				padding: 0px 0px 0px 0px;
				width: 86px;
				height: 64px;
				background-color: transparent;
				display: block;
			}
			
			#mobile-header a#mobile-logo:before,
			#mobile-header a#mobile-logo: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: center 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)";
			}
			
			#mobile-header a#mobile-logo: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)";
			}
			
			#mobile-header a#mobile-logo: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)";
			}
			
			#mobile-header.sticky a#mobile-logo:before{
				opacity: 0;
				-moz-opacity: 0;
				-khtml-opacity: 0;
				filter: alpha(opacity=0);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			}
			
			#mobile-header.sticky a#mobile-logo:after{
				opacity: 1;
				-moz-opacity: 1;
				-khtml-opacity: 1;
				filter: alpha(opacity=100);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			}
			
			#mobile-header a#mobile-menu{
				position: absolute;
				top: 0px;
				right: 0px;
				margin: 0px 0px 0px 0px;
				padding: 20px 20px 20px 20px;
				width: 24px;
				height: 24px;
				background-color: transparent;
				display: block;
			}
			
						#mobile-header a#mobile-menu span{
							position: relative;
							margin: 11px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 24px;
							height: 2px;
							background-color: #ffffff;
							display: block;
							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;
						}
						
						#mobile-header a#mobile-menu span:before{
							position: absolute;
							margin: -6px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 24px;
							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;
							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;
						}
						
						#mobile-header a#mobile-menu span:after{
							position: absolute;
							margin: 6px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 24px;
							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;
							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;
						}
						
						#mobile-header a#mobile-menu.highlight span{
							background-color: transparent;
						}
						
						#mobile-header a#mobile-menu.highlight span:before{
							margin: 0px 0px 0px 0px;
							background-color: #ffffff;
							transform: rotate(45deg);
							-o-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-khtml-transform: rotate(45deg);
							-webkit-transform: rotate(45deg);
						}
						
						#mobile-header a#mobile-menu.highlight span:after{
							margin: 0px 0px 0px 0px;
							background-color: #ffffff;
							transform: rotate(-45deg);
							-o-transform: rotate(-45deg);
							-ms-transform: rotate(-45deg);
							-moz-transform: rotate(-45deg);
							-khtml-transform: rotate(-45deg);
							-webkit-transform: rotate(-45deg);
						}
						
						#mobile-header.sticky a#mobile-menu span,
						#mobile-header.sticky a#mobile-menu span:before,
						#mobile-header.sticky a#mobile-menu span:after,
						#mobile-header.sticky a#mobile-menu.highlight span:before,
						#mobile-header.sticky a#mobile-menu.highlight span:after{
							background-color: #333333;
						}
						
						#mobile-header.sticky a#mobile-menu.highlight span{
							background-color: transparent;
						}
			
			#mobile-header form{
				position: absolute;
				top: 0px;
				left: 0px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 100%;
				background-color: transparent;
				display: none;
			}
			
						#mobile-header form a{
							position: absolute;
							top: 0px;
							left: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 64px;
							height: 64px;
							background-color: transparent;
							display: block;
						}
						
									#mobile-header form a span{
										position: relative;
										margin: 20px 20px 20px 20px;
										padding: 0px 0px 0px 0px;
										width: 24px;
										height: 24px;
										background-color: transparent;
										display: block;
									}
									
									#mobile-header form a span:before{
										position: absolute;
										top: 11px;
										left: 0px;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 24px;
										height: 2px;
										background-color: #333333;
										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);
									}
									
									#mobile-header form a span:after{
										position: absolute;
										top: 11px;
										left: 0px;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 24px;
										height: 2px;
										background-color: #333333;
										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);
									}
						
						#mobile-header form input[type="text"]{
							padding: 0px 64px 0px 64px;
							height: 64px; /* box-sizing ignores padding and border */
							line-height: 64px; /* box-sizing ignores padding and border */
							background-color: rgba(255,255,255,1);
							border-width: 0px 0px 1px 0px;
							font-size: 16px;
							font-weight: bold;
							text-align: center;
							border-radius: 0px;
							-o-border-radius: 0px;
							-ms-border-radius: 0px;
							-moz-border-radius: 0px;
							-khtml-border-radius: 0px;
							-webkit-border-radius: 0px;
						}
						
						#mobile-header form button{
							position: absolute;
							top: 0px;
							right: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 64px;
							height: 64px;
							background-color: #064036;
							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;
						}
						
									#mobile-header form button span{
										margin: 20px 20px 20px 20px;
										padding: 0px 0px 0px 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;
										display: block;
									}

/* end of mobile-header */

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

mobile-nav

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

#mobile-nav{
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 999;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50%;
	height: 100%;
	background-color: #ffffff;
	display: block;
	/*
	overflow: hidden;
	*/
	overflow: 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;
	transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-khtml-transform: translateX(100%);
	-webkit-transform: translateX(100%);
}

@media screen and (max-width: 768px){
#mobile-nav{
	width: 75%;
}
}

#mobile-nav.highlight{
	transform: translateX(0%);
	-o-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-khtml-transform: translateX(0%);
	-webkit-transform: translateX(0%);
}
			
			#mobile-nav > div{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 100%;
				background-color: transparent;
				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);
			}
			
						#mobile-nav > div > a{
							line-height: 64px;
							background-color: #064036;
							font-size: 16px;
							font-weight: normal;
							color: #ffffff;
							text-align: center;
							display: block;
						}
						
						#mobile-nav > div > a:hover{
							background-color: #0a6657;
						}

									#mobile-nav > div > a > img{
										margin: auto;
										padding: 8px 0px 8px 0px;
										width: auto;
										height: 48px;
										display: block;
									}
			
			#mobile-nav > a{
				position: relative;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				height: 64px;
				line-height: 64px;
				font-size: 16px;
				font-weight: normal;
				color: #333333;
				text-align: center;
				display: block;
				overflow: hidden;
			}
			
			#mobile-nav > a:hover,
			#mobile-nav > a.highlight{
				color: #064036;
			}
			
			#mobile-nav > 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)";
			}
			
			#mobile-nav > a:hover:before,
			#mobile-nav > 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)";
			}

			#mobile-nav > select{
				padding: 0px 0px 0px 0px;
				height: 64px; /* box-sizing ignores padding and border */
				line-height: 64px; /* box-sizing ignores padding and border */
				background-color: #aaf2e6;
				border: none;
				font-size: 16px;
				color: #064036;
				text-align: center;
				text-align-last: center;
			}
			
			#mobile-nav > p{
				background-color: #f2f2f2;
				text-align: center;
			}
			
						#mobile-nav > p > a{
							line-height: 64px;
							display: block;
						}

			#mobile-nav > ul{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: auto;
				height: auto;
				display: block;
			}

						#mobile-nav > ul > li{
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: auto;
							height: auto;
							display: block;
						}

									#mobile-nav > ul > li > ul{
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: auto;
										height: auto;
										background-color: rgba(0,0,0,0.1);
										display: none;
									}

												#mobile-nav > ul > li.highlight > ul{
													display: block;
												}

															#mobile-nav > ul > li > ul > li{
																margin: 0px 0px 0px 0px;
																padding: 0px 0px 0px 0px;
																width: auto;
																height: auto;
																display: block;
															}

									#mobile-nav > ul > li a{
										position: relative;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										height: 64px;
										line-height: 64px;
										font-size: 16px;
										font-weight: normal;
										color: #333333;
										text-align: center;
										display: block;
										overflow: hidden;
									}

									#mobile-nav > ul > li a:hover{
										color: #064036;
									}

									#mobile-nav > ul > li.current-menu-item a,
									#mobile-nav > ul > li.current_page_item a,
									#mobile-nav > ul > li.current_page_parent a,
									#mobile-nav > ul > li.current-page-ancestor a{
										font-weight: bold;
										color: #064036;
									}

									#mobile-nav > ul > li a:before{
										position: absolute;
										bottom: 0px;
										left: 50%;
										z-index: -1;
										width: 0%;
										height: 100%;
										background-color: rgba(170,242,230,0);
										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;
									}

									#mobile-nav > ul > li a:hover:before,
									#mobile-nav > ul > li.current-menu-item a:before,
									#mobile-nav > ul > li.current_page_item a:before,
									#mobile-nav > ul > li.current_page_parent a:before,
									#mobile-nav > ul > li.current-page-ancestor a:before{
										left: 0px;
										width: 100%;
										background-color: rgba(170,242,230,1);
									}

									#mobile-nav > ul > li.menu-item-has-children > a:after{
										position: absolute;
										top: 29px;
										right: 10px;
										z-index: -1;
										margin: 0px 0px 0px 1px;
										padding: 0px 0px 0px 0px;
										width: 12px;
										height: 12px;
										background-color: rgba(170,242,230,0);
										content: "";
										width: 0px;
										height: 0px;
										background-color: transparent;
										border-width: 6px 6px 6px 6px;
										border-style: solid;
										border-color: #333333 transparent 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;
									}

									#mobile-nav > ul > li.menu-item-has-children > a:hover:after{
										border-color: #064036 transparent transparent transparent;
									}

/* end of mobile-nav */

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

nav-overlay

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

#mobile-overlay{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	display: none;
}

/* end of nav-overlay */

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

main style

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

body{
	min-width: 0px;
}

@media screen and (max-width: 768px){
.linebreak{
	margin: 10px 0px 10px 0px;
}
}

/* end of main style */

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

common elements

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

@media screen and (max-width: 768px){
.box-warning,
.box-alert,
.box-error{
	margin: 0px 0px 10px 0px;
}
			
.box-toggle{
	margin: 0px 0px 10px 0px;
}
}

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

blur

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

@media screen and (max-width: 360px){
.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,
#wrap #header #nav.sticky,
#wrap #header #overlay #info > .box-warning,
#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,
.popup .popup-overlay,
.fancybox-overlay,
#mobile-header.sticky{
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}
}

/* end of blur */

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

banner

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

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

			.banner > a{
				display: inline-block;
			}
			
						.banner > a > img{
							width: auto;
							max-width: 100%;
						}

/* end of banner */

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

separator

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

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

/* end of separator */

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

gallery

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

@media screen and (max-width: 768px){
.gallery > div > a{
	width: 33.333333%;
}
}

/* end of gallery */

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

instagram

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

@media screen and (max-width: 768px){
.instagram > div > a{
	width: 33.333333%;
}

.instagram > div > a:last-of-type{
	display: none;
}
}

/* end of instagram */

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

item-post

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

@media screen and (max-width: 768px){
.item-post > a > div.details > h1{
	white-space: normal;
	text-overflow: clip;
}

.item-post > a > div.details > p{
	height: auto;
	white-space: normal;
	text-overflow: clip;
}
}

/* end of item-post */

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

google-maps

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

@media screen and (max-width: 768px){
#google-maps.widescreen{
	padding-bottom: 100%;
}

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

/* end of google-maps */

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

gutenberg

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

@media screen and (max-width: 768px){
.wp-block-image{
	margin: 0px 0px 10px 0px !important;
}

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

/* end of gutenberg */
			
/* end of common elements */

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

wrap

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

			/******************************
			
			header
			
			******************************/
			
						/******************************
						
						overlay
						
						******************************/
									
						@media screen and (max-width: 768px){
						#wrap #header #overlay #info > h1{
							margin: 0px 10px 0px 10px;
							max-width: none;
							line-height: 32px;
							/*
							font-size: 24px;
							*/
							font-size: 32px;
						}
						
						#wrap #header #overlay #info > h2{
							margin: 0px 10px 0px 10px;
							max-width: none;
							/*
							line-height: 24px;
							font-size: 12px;
							*/
							line-height: 32px;
							font-size: 16px;
						}
						
									#wrap #header #overlay #info > h2 > a{
										/*
										line-height: 24px;
										font-size: 12px;
										*/
										line-height: 48px;
										font-size: 24px;
									}

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

						#wrap #header #overlay #info > img{
							margin: 0px auto 10px auto;
							/*
							width: 128px;
							height: 128px;
							*/
							max-width: 256px;
							max-height: 192px;
						}

						#wrap #header #overlay #info > .box-warning{
							margin: 10px 10px 0px 10px;
							max-width: none;
						}

						#wrap #header #overlay #info > #scroll-to-main{
							margin: 10px auto 0px auto;
						}

						#wrap #header #overlay #info > div{
							margin: 10px 0px 0px 0px;
							padding: 0px 10px 0px 10px;
							width: auto;
						}
						
						#wrap #header #overlay #slider-nav{
							bottom: 10px;
							padding: 8px 0px 8px 0px;
						}
						
									#wrap #header #overlay #slider-nav > a{
										width: 8px;
										height: 8px;
										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 #slider-nav > a:before{
										top: 0px;
										width: 8px;
										height: 8px;
										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 #share{
							bottom: 10px;
							left: 10px;
						}
						
						#wrap #header #overlay > p{
							bottom: 10px;
							right: 10px;
							font-size: 0px;
						}

									#wrap #header #overlay > p > span{
										display: none;
									}

						#wrap #header #overlay #waves{
							height: 10%;
						}
						}
															
						/* end of overlay */
			
			/* end of header */

			/******************************
			
			main
			
			******************************/

						/******************************
						
						page-welcome
						
						******************************/
						
						#wrap #main #page-welcome{
							padding: 20px 20px 20px 20px;
						}
						
						@media screen and (max-width: 768px){
						#wrap #main #page-welcome{
							padding: 10px 10px 10px 10px;
						}
						}
						
									#wrap #main #page-welcome > div{
										margin: 0px 0px 0px 0px;
										width: auto;
									}
												
												@media screen and (max-width: 768px){
												#wrap #main #page-welcome > div > h1{
													line-height: 48px;
													font-size: 32px;
												}

												#wrap #main #page-welcome > div .welcome{
													margin: 0px 0px 0px 0px;
												}
												
															#wrap #main #page-welcome > div .welcome .item-welcome{
																padding: 0px 0px 0px 0px;
																float: none;
																width: auto;
															}
																					
																		#wrap #main #page-welcome > div .welcome .item-welcome a p{
																			height: auto;
																		}
												}
						
						/* end of page-welcome */

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

						page-home

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

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

									item-parallax

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

									#wrap #main #page-home .item-parallax > div.content{
										margin: 0px 0px 0px 0px;
										padding: 48px 20px 48px 20px;
										width: auto;
									}

									@media screen and (max-width: 768px){
									#wrap #main #page-home .item-parallax > div.content{
										padding: 48px 10px 48px 10px;
									}
									}

												#wrap #main #page-home .item-parallax > div.content > div.fullwidth{
													padding: 0px 0px 0px 0px;
												}

															#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{
																width: 50%;
															}

												@media screen and (max-width: 768px){
												#wrap #main #page-home .item-parallax > div.content > div.float{
													margin: -10px 0px -10px 0px;
												}

															#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{
																padding: 10px 0px 10px 0px;
																float: none;
																width: auto;
															}
												}

									@media screen and (max-width: 768px){
									#wrap #main #page-home .item-parallax > div.content > div.reasons > div > div.item-reason{
										width: 50%;
									}
									}

									@media screen and (max-width: 768px){
									#wrap #main #page-home .item-parallax > div.content > div.amenities > div > div.item-amenity{
										width: 50%;
									}
									}

									/* end of item-parallax */

						/* end of page-home */

						/******************************
						
						page-guide
						
						******************************/

						#wrap #main #page-guide{
							padding: 20px 20px 20px 20px;
						}

						@media screen and (max-width: 768px){
						#wrap #main #page-guide{
							padding: 10px 10px 10px 10px;
						}
						}
						
									#wrap #main #page-guide #the-guide{
										margin: 20px 0px 0px 0px;
										width: auto;
									}
									
									@media screen and (max-width: 768px){
									#wrap #main #page-guide #the-guide{
										margin: 10px 0px 0px 0px;
									}
									
												#wrap #main #page-guide #the-guide > div{
													position: static;
													padding-bottom: 0px;
													height: auto;
												}
												
															#wrap #main #page-guide #the-guide > div > div{
																position: static;
																top: auto;
																left: auto;
																bottom: auto;
																right: auto;
															}
															
																		#wrap #main #page-guide #the-guide > div > div > div{
																			position: static;
																			margin: 0px 0px 10px 0px;
																			padding: 0px 0px 0px 0px;
																		}
																		
																		#wrap #main #page-guide #the-guide > div > div > div:first-child,
																		#wrap #main #page-guide #the-guide > div > div > div:nth-child(2),
																		#wrap #main #page-guide #the-guide > div > div > div:nth-child(3),
																		#wrap #main #page-guide #the-guide > div > div > div:nth-child(4),
																		#wrap #main #page-guide #the-guide > div > div > div:nth-child(5),
																		#wrap #main #page-guide #the-guide > div > div > div:last-child{
																			top: auto;
																			left: auto;
																			width: auto;
																			height: auto;
																		}
																		
																		#wrap #main #page-guide #the-guide > div > div > div:last-child{
																			margin: 0px 0px 0px 0px;
																		}
																		
																					#wrap #main #page-guide #the-guide > div > div > div > a{
																						width: auto;
																						height: auto;
																					}
																					
																								#wrap #main #page-guide #the-guide > div > div > div > a > span{
																									position: static;
																									top: auto;
																									left: auto;
																									width: auto;
																									height: auto;
																								}
																								
																											#wrap #main #page-guide #the-guide > div > div > div > a > span > span{
																												padding-bottom: 56.25%;
																												width: auto;
																												height: 0px;
																											}
																					
																					#wrap #main #page-guide #the-guide > div > div > div > a > div{
																						padding: 10px 10px 10px 10px;
																					}
									}
						
						/* end of page-guide */

						/******************************
						
						page-island
						
						******************************/

						#wrap #main #page-island{
							padding: 20px 20px 20px 20px;
						}

						@media screen and (max-width: 768px){
						#wrap #main #page-island{
							padding: 10px 10px 10px 10px;
						}
						}
						
									#wrap #main #page-island #the-island{
										margin: 20px 0px 0px 0px;
										width: auto;
									}
									
									@media screen and (max-width: 768px){
									#wrap #main #page-island #the-island{
										margin: 10px 0px 0px 0px;
									}
									
												#wrap #main #page-island #the-island > div{
													position: static;
													padding-bottom: 0px;
													height: auto;
												}
												
															#wrap #main #page-island #the-island > div > div{
																position: static;
																top: auto;
																left: auto;
																bottom: auto;
																right: auto;
															}
															
																		#wrap #main #page-island #the-island > div > div > div{
																			position: static;
																			margin: 0px 0px 10px 0px;
																			padding: 0px 0px 0px 0px;
																		}
																		
																		#wrap #main #page-island #the-island > div > div > div:first-child,
																		#wrap #main #page-island #the-island > div > div > div:nth-child(2),
																		#wrap #main #page-island #the-island > div > div > div:nth-child(3),
																		#wrap #main #page-island #the-island > div > div > div:nth-child(4),
																		#wrap #main #page-island #the-island > div > div > div:last-child{
																			top: auto;
																			left: auto;
																			width: auto;
																			height: auto;
																		}
																		
																		#wrap #main #page-island #the-island > div > div > div:last-child{
																			margin: 0px 0px 0px 0px;
																		}
																		
																					#wrap #main #page-island #the-island > div > div > div > a{
																						width: auto;
																						height: auto;
																					}
																					
																								#wrap #main #page-island #the-island > div > div > div > a > span{
																									position: static;
																									top: auto;
																									left: auto;
																									width: auto;
																									height: auto;
																								}
																								
																											#wrap #main #page-island #the-island > div > div > div > a > span > span{
																												padding-bottom: 56.25%;
																												width: auto;
																												height: 0px;
																											}
																					
																					#wrap #main #page-island #the-island > div > div > div > a > div{
																						padding: 10px 10px 10px 10px;
																					}
									}
						
						/* end of page-island */

						/******************************
						
						page-visit
						
						******************************/

						#wrap #main #page-visit{
							padding: 20px 20px 20px 20px;
						}

						@media screen and (max-width: 768px){
						#wrap #main #page-visit{
							padding: 10px 10px 10px 10px;
						}
						}
						
									#wrap #main #page-visit #the-visit{
										margin: 20px 0px 0px 0px;
										width: auto;
									}
									
									@media screen and (max-width: 768px){
									#wrap #main #page-visit #the-visit{
										margin: 10px 0px 0px 0px;
									}
									
												#wrap #main #page-visit #the-visit > div{
													position: static;
													padding-bottom: 0px;
													height: auto;
												}
												
															#wrap #main #page-visit #the-visit > div > div{
																position: static;
																top: auto;
																left: auto;
																bottom: auto;
																right: auto;
															}
															
																		#wrap #main #page-visit #the-visit > div > div > div{
																			position: static;
																			margin: 0px 0px 10px 0px;
																			padding: 0px 0px 0px 0px;
																		}
																		
																		#wrap #main #page-visit #the-visit > div > div > div:first-child,
																		#wrap #main #page-visit #the-visit > div > div > div:nth-child(2),
																		#wrap #main #page-visit #the-visit > div > div > div:last-child{
																			top: auto;
																			left: auto;
																			width: auto;
																			height: auto;
																		}
																		
																		#wrap #main #page-visit #the-visit > div > div > div:last-child{
																			margin: 0px 0px 0px 0px;
																		}
																		
																					#wrap #main #page-visit #the-visit > div > div > div > a{
																						width: auto;
																						height: auto;
																					}
																					
																								#wrap #main #page-visit #the-visit > div > div > div > a > span{
																									position: static;
																									top: auto;
																									left: auto;
																									width: auto;
																									height: auto;
																								}
																								
																											#wrap #main #page-visit #the-visit > div > div > div > a > span > span{
																												padding-bottom: 56.25%;
																												width: auto;
																												height: 0px;
																											}
																					
																					#wrap #main #page-visit #the-visit > div > div > div > a > div{
																						padding: 10px 10px 10px 10px;
																					}
									}
						
						/* end of page-visit */

						/******************************
						
						page-team
						
						******************************/

						#wrap #main #page-team{
							padding: 20px 20px 20px 20px;
						}

						@media screen and (max-width: 768px){
						#wrap #main #page-team{
							padding: 10px 10px 10px 10px;
						}

									#wrap #main #page-team > img{
										margin: 0px auto 10px auto;
										/*
										width: 128px;
										height: 128px;
										*/
										max-width: 256px;
										max-height: 192px;
									}
						}
						
									#wrap #main #page-team #the-team{
										margin: 20px 0px 0px 0px;
										width: auto;
									}

									#wrap #main #page-team #the-team.front-page{
										margin: 20px 0px 20px 0px;
									}
									
									@media screen and (max-width: 768px){
									#wrap #main #page-team #the-team{
										margin: 10px 0px 0px 0px;
									}

									#wrap #main #page-team #the-team.front-page{
										margin: 10px 0px 10px 0px;
									}
									
												#wrap #main #page-team #the-team > div{
													position: static;
													padding-bottom: 0px;
													height: auto;
												}
												
															#wrap #main #page-team #the-team > div > div{
																position: static;
																top: auto;
																left: auto;
																bottom: auto;
																right: auto;
															}
															
																		#wrap #main #page-team #the-team > div > div > div{
																			position: static;
																			margin: 0px 0px 10px 0px;
																			padding: 0px 0px 0px 0px;
																		}
																		
																		#wrap #main #page-team #the-team > div > div > div:first-child,
																		#wrap #main #page-team #the-team > div > div > div:last-child{
																			top: auto;
																			left: auto;
																			width: auto;
																			height: auto;
																		}
																		
																		#wrap #main #page-team #the-team > div > div > div:last-child{
																			margin: 0px 0px 0px 0px;
																		}
																		
																					#wrap #main #page-team #the-team > div > div > div > a{
																						width: auto;
																						height: auto;
																					}
																					
																								#wrap #main #page-team #the-team > div > div > div > a > span{
																									position: static;
																									top: auto;
																									left: auto;
																									width: auto;
																									height: auto;
																								}
																								
																											#wrap #main #page-team #the-team > div > div > div > a > span > span{
																												padding-bottom: 56.25%;
																												width: auto;
																												height: 0px;
																											}
																					
																					#wrap #main #page-team #the-team > div > div > div > a > div{
																						padding: 10px 10px 10px 10px;
																					}
									}
						
						/* end of page-team */

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

						page-reviews

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

						#wrap #main #page-reviews .item-review{
							margin: 0px 0px 0px 0px;
							padding: 0px 56px 0px 56px;
							width: auto;
						}

						@media screen and (max-width: 768px){
						#wrap #main #page-reviews .item-review{
							padding: 0px 32px 0px 32px;
						}

						#wrap #main #page-reviews .swiper-button-prev,
						#wrap #main #page-reviews .swiper-button-next{
							width: 12px;
							height: 24px;
						}

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

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

						/* end of page-reviews */
			
						/******************************
						
						page
						
						******************************/
						
						#wrap #main #page{
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							width: auto;
						}
						
						@media screen and (max-width: 768px){
						#wrap #main #page{
							padding: 10px 10px 10px 10px;
						}
						}
						
						/* end of page */

						/******************************
						
						page-sidebar
						
						******************************/
						
						#wrap #main #page-sidebar{
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							width: auto;
						}

						@media screen and (max-width: 768px){
						#wrap #main #page-sidebar{
							padding: 10px 10px 10px 10px;
						}
						}
									
									/******************************
									
									page-sidebar-inner
									
									******************************/
									
									#wrap #main #page-sidebar #page-sidebar-inner{
										float: none;
										width: auto;
									}

												@media screen and (max-width: 768px){
												#wrap #main #page-sidebar #page-sidebar-inner form > .left,
												#wrap #main #page-sidebar #page-sidebar-inner form > .right{
													padding: 0px 0px 0px 0px;
													float: none;
													width: auto;
												}
												}

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

												gutenberg

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

												@media screen and (max-width: 768px){
												#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 10px 0px;
												}
												}

												/* end of gutenberg */
									
									/* end of page-sidebar-inner */
						
						/* end of page-sidebar */
						
						/******************************
						
						page-contact
						
						******************************/
						
						#wrap #main #page-contact{
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							width: auto;
						}
						
						@media screen and (max-width: 768px){
						#wrap #main #page-contact{
							padding: 10px 10px 10px 10px;
						}
						}
						
									#wrap #main #page-contact #info,
									#wrap #main #page-contact #contact-form{
										float: none;
										width: auto;
									}
									
									@media screen and (max-width: 768px){
									#wrap #main #page-contact #contact-form form .left,
									#wrap #main #page-contact #contact-form form .right{
										padding: 0px 0px 0px 0px;
										float: none;
										width: auto
									}
									}
						
						/* end of page-contact */

						/******************************
						
						page-posts
						
						******************************/
						
						#wrap #main #page-posts{
							padding: 20px 20px 20px 20px;
						}
						
						@media screen and (max-width: 768px){
						#wrap #main #page-posts{
							padding: 10px 10px 10px 10px;
						}
						}

									#wrap #main #page-posts > div{
										margin: 0px 0px 0px 0px;
										width: auto;
									}
									
												/******************************
												
												posts
												
												******************************/
												
												@media screen and (max-width: 768px){
												#wrap #main #page-posts > div #posts{
													margin: 0px 0px 0px 0px;
												}
												}

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

															item-post

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

															@media screen and (max-width: 768px){
															#wrap #main #page-posts > div #posts .item-post{
																margin: 0px 0px 10px 0px;
																padding: 0px 0px 0px 0px;
																float: none;
																width: auto;
															}
															}

															/* end of item-post */
															
												/* end of posts */
						
						/* end of page-posts */
						
						/******************************
						
						single-post
						
						******************************/
						
						#wrap #main #single-post{
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							width: auto;
						}

						@media screen and (max-width: 768px){
						#wrap #main #single-post{
							padding: 10px 10px 10px 10px;
						}
						}
									
									/******************************
									
									post
									
									******************************/
									
									#wrap #main #single-post #post{
										float: none;
										width: auto;
									}
									
												/******************************
												
												meta
												
												******************************/
												
												@media screen and (max-width: 768px){
												#wrap #main #single-post #post #meta{
													text-align: center;
												}
												
															#wrap #main #single-post #post #meta > p,
															#wrap #main #single-post #post #meta > a,
															#wrap #main #single-post #post #meta > p:first-of-type,
															#wrap #main #single-post #post #meta > p:last-of-type{
																margin: 0px 5px 10px 5px;
															}
															
															#wrap #main #single-post #post #meta #share{
																float: none;
															}
															
																		#wrap #main #single-post #post #meta #share > a:first-of-type,
																		#wrap #main #single-post #post #meta #share > a:last-of-type{
																			margin: 0px 5px 0px 5px;
																		}
												}
												
												/* end of meta */

												@media screen and (max-width: 768px){
												#wrap #main #single-post #post > ul{
													margin: 0px 0px 10px 0px;
												}
												}

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

												gutenberg

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

												@media screen and (max-width: 768px){
												#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 10px 0px;
												}
												}

												/* end of gutenberg */
									
									/* end of post */
						
						/* end of single-post */
						
						/******************************
						
						sidebar
						
						******************************/
						
						#wrap #main #sidebar{
							float: none;
							width: auto;
						}

									#wrap #main #sidebar > form{
										margin: 20px 0px 0px 0px;
									}

									@media screen and (max-width: 768px){
									#wrap #main #sidebar #menu-sidebar{
										padding: 10px 10px 10px 10px;
									}
									
									#wrap #main #sidebar > form{
										margin: 10px 0px 0px 0px;
										padding: 9px 9px 9px 9px;
									}

												#wrap #main #sidebar > form .left,
												#wrap #main #sidebar > form .right{
													padding: 0px 0px 0px 0px;
													float: none;
													width: auto
												}
									}
						
						/* end of sidebar */
						
						/******************************
						
						page-conditions
						
						******************************/
						
						#wrap #main #page-conditions{
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							width: auto;
						}
						
						@media screen and (max-width: 768px){
						#wrap #main #page-conditions{
							padding: 10px 10px 10px 10px;
						}
						}
									
									#wrap #main #page-conditions ul li,
									#wrap #main #page-conditions ol li,
									#wrap #main #page-conditions ul li ul li,
									#wrap #main #page-conditions ol li ol li{
										list-style-position: inside;
									}

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

									gutenberg

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

									@media screen and (max-width: 768px){
									#wrap #main #page-conditions > h1,
									#wrap #main #page-conditions > h2,
									#wrap #main #page-conditions > h3,
									#wrap #main #page-conditions > p{
										margin: 0px 0px 10px 0px;
									}
									}

									/* end of gutenberg */
						
						/* end of page-conditions */
						
						/******************************
						
						page-404
						
						******************************/
						
						#wrap #main #page-404{
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							display: block;
						}
						
						@media screen and (max-width: 768px){
						#wrap #main #page-404{
							padding: 10px 10px 10px 10px;
						}
						}

									#wrap #main #page-404 span{
										margin: 0px auto 20px auto;
										float: none;
									}
									
									#wrap #main #page-404 div{
										float: none;
									}
									
												#wrap #main #page-404 div h1{
													margin: 0px 0px 0px 0px;
													text-align: center;
												}
												
												#wrap #main #page-404 div p{
													text-align: center;
												}
						
						/* end of page-404 */
						
						/******************************
						
						news
						
						******************************/
						
						@media screen and (max-width: 768px){
						#wrap #main #news > div{
							margin: -1px 0px 0px 0px;
						}
						
									#wrap #main #news > div .item-news{
										float: none;
										width: auto;
										border-width: 1px 0px 0px 0px;
									}
									
									#wrap #main #news > div .item-news:first-child,
									#wrap #main #news > div .item-news:nth-child(2){
										width: auto;
									}
						}
						
												#wrap #main #news > div .item-news > div{
													padding: 0px 0px 0px 0px;
												}
												
															#wrap #main #news > div .item-news > div h1{
																line-height: 32px;
																font-size: 16px;
															}
															
																		#wrap #main #news > div .item-news > div h1 a{
																			line-height: 32px;
																			font-size: 16px;
																		}
																		
																		#wrap #main #news > div .item-news > div p{
																			line-height: 32px;
																		}
																		
																					#wrap #main #news > div .item-news > div p a{
																						line-height: 32px;
																					}
						
						/* end of news */
						
						/******************************
						
						call-to-action
						
						******************************/
						
						@media screen and (max-width: 768px){
						#wrap #main .call-to-action:before{
							width: 100%;
						}
						
						#wrap #main .call-to-action:after{
							width: 100%;
						}
						}
						
									#wrap #main .call-to-action > div{
										margin: 0px 0px 0px 0px;
										width: auto;
									}
									
												#wrap #main .call-to-action > div > div{
													padding: 64px 20px 64px 20px;
													width: auto;
												}
												
												@media screen and (max-width: 768px){
												#wrap #main .call-to-action > div > div{
													padding: 64px 10px 64px 10px;
													text-align: center;
												}
												}
												
															@media screen and (max-width: 768px){
															#wrap #main .call-to-action > div > div > h1,
															#wrap #main .call-to-action > div > div > h2{
																margin: 0px 0px 10px 0px;
															}
															
															#wrap #main .call-to-action > div > div > a{
																padding: 0px 0px 0px 0px;
																display: block;
															}

															#wrap #main .call-to-action > div > div > form .left,
															#wrap #main .call-to-action > div > div > form .right{
																padding: 0px 0px 0px 0px;
																float: none;
																width: auto
															}
															}
						
						/* end of call-to-action */
						
						/******************************
						
						top
						
						******************************/
						
						#wrap #main #top{
							padding: 0px 0px 0px 0px;
						}
						
									#wrap #main #top > div{
										margin: 0px 0px 0px 0px;
										padding: 20px 20px 20px 20px;
										width: auto;
									}
									
									@media screen and (max-width: 768px){
									#wrap #main #top > div{
										padding: 10px 10px 10px 10px;
									}
									}
									
												@media screen and (max-width: 768px){
												#wrap #main #top > div > div{
													margin: -5px 0px -5px 0px;
												}
												}

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

															item-post

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

															@media screen and (max-width: 768px){
															#wrap #main #top > div > div > .item-post{
																padding: 5px 0px 5px 0px;
																width: auto;
																display: block;
															}
															}

															/* end of item-post */
				
						/* end of top */

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

						islands

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

						#wrap #main #islands > div{
							margin: 0px 0px 0px 0px;
							padding: 64px 20px 64px 20px;
							width: auto;
						}

						@media screen and (max-width: 768px){
						#wrap #main #islands > div{
							padding: 64px 10px 64px 10px;
						}

									#wrap #main #islands > div a{
										width: 64px;
										height: 64px;
									}

												#wrap #main #islands > div a img{
													width: 64px;
													height: 64px;
												}

												#wrap #main #islands > div a span{
													width: 64px;
													height: 64px;
													background-size: 896px 64px;
												}

												#wrap #main #islands > div a span.tahiti{
													background-position: 0px 0px;
												}

												#wrap #main #islands > div a span.moorea{
													background-position: -64px 0px;
												}

												#wrap #main #islands > div a span.bora-bora{
													background-position: -128px 0px;
												}

												#wrap #main #islands > div a span.tetiaroa{
													background-position: -192px 0px;
												}

												#wrap #main #islands > div a span.huahine{
													background-position: -256px 0px;
												}

												#wrap #main #islands > div a span.raiatea{
													background-position: -320px 0px;
												}

												#wrap #main #islands > div a span.tahaa{
													background-position: -384px 0px;
												}

												#wrap #main #islands > div a span.maupiti{
													background-position: -448px 0px;
												}

												#wrap #main #islands > div a span.tupai{
													background-position: -512px 0px;
												}

												#wrap #main #islands > div a span.maiao{
													background-position: -576px 0px;
												}

												#wrap #main #islands > div a span.mehetia{
													background-position: -640px 0px;
												}

												#wrap #main #islands > div a span.maupihaa{
													background-position: -704px 0px;
												}

												#wrap #main #islands > div a span.manuae{
													background-position: -768px 0px;
												}

												#wrap #main #islands > div a span.motu-one{
													background-position: -832px 0px;
												}

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

									swiper

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

									#wrap #main #islands > div .swiper{
										padding: 0px 22px 0px 22px;
									}

									#wrap #main #islands > div .swiper-slide{
										width: 64px;
										height: 64px;
									}

									#wrap #main #islands > div .swiper-button-prev,
									#wrap #main #islands > div .swiper-button-next{
										width: 22px;
									}

									/* end of swiper */
						}

						/* end of islands */

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

						partners

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

						#wrap #main #partners > div{
							margin: 0px 0px 0px 0px;
							padding: 64px 20px 64px 20px;
							width: auto;
						}

						@media screen and (max-width: 768px){
						#wrap #main #partners > div{
							padding: 64px 10px 64px 10px;
						}

									#wrap #main #partners > div a{
										width: 64px;
										height: 64px;
									}

												#wrap #main #partners > div a img{
													width: 64px;
													height: 64px;
												}

												#wrap #main #partners > div a span{
													width: 64px;
													height: 64px;
												}

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

									swiper

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

									#wrap #main #partners > div .swiper{
										padding: 0px 22px 0px 22px;
									}

									#wrap #main #partners > div .swiper-slide{
										width: 64px;
										height: 64px;
									}

									#wrap #main #partners > div .swiper-button-prev,
									#wrap #main #partners > div .swiper-button-next{
										width: 22px;
									}

									/* end of swiper */
						}

						/* end of partners */
			
			/* end of main */
			
			/******************************
			
			footer
			
			******************************/
			
			#wrap #footer #footer-inner{
				margin: 0px 0px 0px 0px;
				padding: 20px 20px 20px 20px;
				width: auto;
			}

			@media screen and (max-width: 768px){
			#wrap #footer #footer-inner{
				padding: 10px 10px 10px 10px;
			}
			}
			
						#wrap #footer #footer-inner > a{
							margin: 0px auto 20px auto;
							float: none;
							width: 154px;
							height: 96px;
						}

						@media screen and (max-width: 768px){
						#wrap #footer #footer-inner > a{
							margin: 0px auto 10px auto;
						}
						}
						
						#wrap #footer #footer-inner .item-footer{
							text-align: center;
						}
						
						#wrap #footer #footer-inner .item-footer.left,
						#wrap #footer #footer-inner .item-footer.right{
							float: none;
							text-align: center;
						}
						
									#wrap #footer #footer-inner .item-footer > p,
									#wrap #footer #footer-inner .item-footer p.copyright{
										text-align: center;
									}
									
									#wrap #footer #footer-inner .item-footer > a:first-of-type,
									#wrap #footer #footer-inner .item-footer > a:last-of-type{
										margin: 0px 10px 0px 10px;
									}
			
			/* end of footer */

/* end of wrap */

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

jQuery CookieBar

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

#cookie-bar{
	padding: 0px 0px 0px 0px;
}

#cookie-bar.fixed{
	margin: 0px 0px 0px 0px;
	left: 0px;
	width: 100%;
}

			#cookie-bar p{
				padding: 20px 20px 20px 20px;
				border-radius: 0px;
				-o-border-radius: 0px;
				-ms-border-radius: 0px;
				-moz-border-radius: 0px;
				-khtml-border-radius: 0px;
				-webkit-border-radius: 0px;
			}

/* end of jQuery CookieBar */