/*
Theme Name: Codibee Theme
Author: Codibee, Online Business Solutions
Version: 1.0
Tags: minimalistic, simple, widgets, elegant, active
*/

.clearfix::after {
	content: '';
	display: table;
	clear: both;
}



/*.wf-roboto-n4-active body {
	font-family: 'Roboto', sans-serif;
}

.wf-opensans-n4-active body {
	font-family: 'Open Sans', sans-serif;
}

.wf-tinos-n4-active body {
	font-family: 'Tinos', sans-serif;
}
*/

/*.pace-active {
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #FFF;
    z-index: 9999;
    opacity: 1;
}

.pace-inactive {
	transition: opacity 0.3s ease-in;
	opacity: 0;
}*/

/***********intro css loader************/
body.hideBody > .spinner {
	margin: 0 auto;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	position: absolute;
	text-align: center;
	display: block;
	-webkit-animation: sk-rotate 2.0s infinite linear;
	animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 30%;
  height: 30%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #BEBEBE;
  border-radius: 100%;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

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


body.fadeBody > .spinner,
body.fadeBody > .spinner > * {
	display: none;
}

.hideBody > *:not(.spinner) {
	opacity: 0;
}
/******************************************/
body.hideBody { overflow: hidden; }


body:not(.fadeBody) .parallax-mirror,
body:not(.fadeBody) .parallax-container,
/* body:not(.fadeBody) header.site-header, */
body:not(.fadeBody) main#main,
body:not(.fadeBody) aside#aside,
body:not(.fadeBody) footer.site-footer { opacity: 0; }

body.fadeBody .parallax-mirror,
body.fadeBody .parallax-container,
body.fadeBody main#main,
body.fadeBody aside#aside,
body.fadeBody footer.site-footer {
	opacity: 1;
	transition: opacity 0.3s ease-in;
}

body.fadeBody.parallax.desktop .parallax-mirror,
body.fadeBody.parallax.desktop .parallax-container,
body.fadeBody.parallax.desktop #main,
body.fadeBody.parallax.desktop #main > a + *,
body.fadeBody.parallax.desktop footer.site-footer {
	opacity: 1;
	transition: opacity 0.3s ease-in;
}

/* body.fadeBody.parallax.desktop header.site-header, */
body.fadeBody.parallax.desktop aside#aside {
	opacity: 1;
	transition: opacity 0.3s ease-in 0.5s;
}

/* body.fadeBody.parallax.desktop header.site-header > *, */
body.fadeBody.parallax.desktop .h1,
body.fadeBody.parallax.desktop .extras,
body.fadeBody.parallax.desktop aside#aside > * {
	opacity: 1;
	transition: opacity 0.3s ease-in 1s;
}

/*****************/
/* GENERIC RULES */
/*****************/
html { font-size: 62.5%!important; }
body {
	background: none;
	height: initial;
	font-size: 1.6rem;
}

a, svg {
	text-decoration: none;
	/* -webkit-transition: all 0.5s; */
	/* -moz-transition: all 0.5s; */
	/* -ms-transition: all 0.5s; */
	/* -o-transition: all 0.5s; */
	/* transition: all 0.5s; */
}

/*this is for preventing text selecting when clicking any anchor*/
a, a > span, label,
.sync_adult_label,
.sync_children_label,
.controls_sync_children,
.controls_sync_adult,
.section_content .header_image_title,
.slider .gallery_title .header_image_title {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

* {
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   -webkit-tap-highlight-color: transparent; /* For some Androids */
   outline: 0;
}

h5, .h5 { opacity: 0.75; }
h6, .h6 { opacity: 0.5; }

sup {
	vertical-align: super!important;
	font-size: smaller!important;
}


section[class*="included_"] a:not(.button) {
	transition: color 0.3s ease;
}


/* LOAD Slider */

.header_image_wrapper {
	position: relative;
	height: 400px;
	overflow: hidden;
}

.backstretch_header .header_image_texture, .slider .header_image_texture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.backstretch_header.slider {
	position: relative;
}

	.slider .arrLeft, .slider .arrRight {
		position: absolute;
		top: 50%;
		width: 50px;
		cursor: pointer;
		z-index: 1000;
	}

		.slider .arrLeft {
			left: -50%;
			-webkit-transition: left 0.6s ease;
			transition: left 0.6s ease;
		}
		.slider .arrRight {
			right: -50%;
			-webkit-transition: right 0.6s ease;
			transition: right 0.6s ease;
		}

		.slider:hover .arrLeft {
			left: 50px;
			-webkit-transition: left 0.6s ease;
			transition: left 0.6s ease;
		}
		.slider:hover .arrRight {
			right: 20px;
			-webkit-transition: right 0.6s ease;
			transition: right 0.6s ease;
		}

		.slider .arrRight svg:active, .slider .arrLeft svg:active, .slider a:active {
			fill: #A0A0A0!important;
		}

	.slider .gallery_title {
		text-align: center;
		position: relative;
		top: 50%;
		z-index: 999;
	}

	.slider .header_image_title,
	.section_content .header_image_title {
		margin: 20px auto;
	}

	#loader_slider{
		display: none;
	    position: absolute;
	    top: 50%;
	    color: white;
	    left: calc(50% - 12px);
	    z-index: 1;
	    border-radius: 50%;
		width: 24px;
		height: 24px;
		border: 0.25rem solid rgba(255, 255, 255, 0.2);
		border-top-color: white;
		-webkit-animation: spin 1s infinite linear;
		animation: spin 1s infinite linear;
	}

	#loader_slider.active{
		display: block;
	}



	@-webkit-keyframes spin {
	  0% {
	    -webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    transform: rotate(0deg);
	  }

	  100% {
	    -webkit-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	    transform: rotate(360deg);
	  }
	}

	@keyframes spin {
	  0% {
	    -webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    transform: rotate(0deg);
	  }

	  100% {
	    -webkit-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	    transform: rotate(360deg);
	  }
	}


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


/******************************************************/
/****CSS SLIDESHOW*********************/
	.slideshow .slide {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
	}

	.slideshow li .header_image_title {
		/* max-width: 640px; */
		text-align: center;
		z-index: 1;
		padding: 20px 10px;
		transition: opacity 0.6s ease;
		opacity: 0;
		white-space: normal;
	}

		.slideshow li .header_image_title p,
		.section_content .header_image_title p {
			line-height: normal;
		}

		/* .slide .header_image_title > .slider__motto--first-line {
			padding: 20px 10px;
		} */

		.slideshow li .header_image_title svg {
			position: absolute;
			left: 0;
			right: 0;
			margin: 0 auto;
		}

			.slideshow li .header_image_title svg:nth-child(1) { top: -20px; }

			.slideshow li .header_image_title p + svg { bottom: -30px; }



	.slideshow .arr_Right, .slideshow .arr_Left {
		position: absolute;
		top: 50%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
		width: 50px;
		cursor: pointer;
		z-index: 1000;
		text-align: center;
		transition: all 0.6s ease;
		opacity: 0;
	}

	.slideshow .arr_Left { left: -5%; }
	.slideshow .arr_Right { right: -5%; }

		.slideshow .arr_Right svg, .slideshow .arr_Left svg {
			vertical-align: middle;
		}

		.slideshow:hover .arr_Right {
			display: block;
			opacity: 1;
			right: 4%;
			cursor: pointer;
		}

		.slideshow:hover .arr_Left {
			display: block;
			opacity: 1;
			left: 4%;
			cursor: pointer;
		}



	.slideshow {
		position: relative;
		z-index: 0;
		overflow: hidden;
	}


		/*LAYER OPACITY ABOVE SLIDES*/
		/* .slideshow > li .slide_image::before {
		    content: "";
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    top: 0;
		    left: 0;
		    z-index: 4;
		} */


/*SLIDESHOW WITH FADE*/

	.slideshow.fade li {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
    }

    .slideshow.fade:hover > li .slide_image,
    .slideshow.fade:focus > li .slide_image {
        will-change: opacity;
    }

		.slideshow.fade li .slide_image {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			background-size: cover;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			z-index: 1;
			-webkit-transition: opacity 1s ease-in-out, -webkit-transform 20s ease-in-out;
			transition: opacity 1s ease-in-out, transform 20s ease-in-out;
			opacity: 0;
			backface-visibility: hidden;
		}


	.slideshow.fade > li.active .slide_image {
		opacity: 1;
	}

	.slideshow.fade > li.prev .slide_image {
		opacity: 0;
	}

		.slideshow.fade > li.active .header_image_title,
		.slideshow.horizontalSlide > li.active .header_image_title {
			-webkit-animation: fadeInSlide 1.5s forwards 0.5s;
			animation: fadeInSlide 1.5s forwards 0.5s;
		}


/*FADE with ZOOM LEFT BOTTOM*/
	.slideshow.fade.zoomLeftBottom > li.active .slide_image {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);

		-webkit-transform-origin: 0 100%;
		-ms-transform-origin: 0 100%;
		transform-origin: 0 100%;
    }

    .slideshow.fade.zoomLeftBottom:hover > li .slide_image,
    .slideshow.fade.zoomLeftBottom:focus > li .slide_image,
    .slideshow.fade.zoomIn:hover > li .slide_image,
    .slideshow.fade.zoomIn:focus > li .slide_image,
    .slideshow.fade.zoomRightBottom:hover > li .slide_image,
    .slideshow.fade.zoomRightBottom:focus > li .slide_image {
        will-change: transform;
    }


	.slideshow.fade.zoomLeftBottom > li.prev .slide_image {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);

		-webkit-transform-origin: 0 100%;
		-ms-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}

/*FADE with ZOOM RIGHT BOTTOM*/
	.slideshow.fade.zoomRightBottom > li.active .slide_image {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);

		-webkit-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
	}

	.slideshow.fade.zoomRightBottom > li.prev .slide_image {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);

		-webkit-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
	}


/*FADE with ZOOM IN*/
	.slideshow.fade.zoomIn > li.active .slide_image {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);

		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}

	.slideshow.fade.zoomIn > li.prev .slide_image {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);

		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}


    @-webkit-keyframes fadeInSlide {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }

    @keyframes fadeInSlide {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }


    @-webkit-keyframes fadeOutSlide {
        0% { opacity: 1; }
        100% { opacity: 0; }
    }

    @keyframes fadeOutSlide {
        0% { opacity: 1; }
        100% { opacity: 0; }
    }


/*SLIDESHOW WITH HORIZONTAL SLIDES*/
	.slideshow.horizontalSlide {
		white-space: nowrap;
		overflow: hidden;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
			-ms-flex-align: start;
				align-items: flex-start;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
			-ms-flex-pack: start;
				justify-content: flex-start;
		-webkit-flex-wrap: nowrap;
			-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
	}

	.slideshow.horizontalSlide > li {
		/* display: inline-block; */
		width: 100%;
		height: 100%;
		z-index: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: -webkit-transform 0.5s linear;
		transition: -webkit-transform 0.5s linear;
		-o-transition: transform 0.5s linear;
		transition: transform 0.5s linear;
		transition: transform 0.5s linear, -webkit-transform 0.5s linear;
		will-change: transform;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
			-ms-flex: 0 0 100%;
				flex: 0 0 100%;
    }

    .slideshow.horizontalSlide:hover > li,
    .slideshow.horizontalSlide:focus > li {
        will-change: transform;
    }

    .slideshow.horizontalSlide:hover > li .slide_image,
    .slideshow.horizontalSlide:focus > li .slide_image {
        will-change: opacity, visibility;
    }


	.slideshow.horizontalSlide > li .slide_image {
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
		-webkit-transition: -webkit-transform 20s ease-in-out;
    	transition: -webkit-transform 20s ease-in-out;
    	-o-transition: transform 20s ease-in-out;
    	transition: transform 20s ease-in-out;
    	transition: transform 20s ease-in-out, -webkit-transform 20s ease-in-out;
		backface-visibility: hidden;
	}

	.slideshow.horizontalSlide > li.active .slide_image {
		opacity: 1;
		visibility: visible;
	}

/*	.slideshow.horizontalSlide > li.prev {
		-webkit-animation: carouselOut 0.8s linear forwards;
		animation: carouselOut 0.8s linear forwards;
	}
*/
/*	@-webkit-keyframes carouselOut {
		0% { -webkit-transform: translateX(0); }
		0% { -ms-transform: translateX(0); }
		0% { transform: translateX(0); }

		100% {  -webkit-transform: translateX(-100%); }
		100% {  -ms-transform: translateX(-100%); }
		100% {  transform: translateX(-100%); }
	}

	@keyframes carouselOut {
		0% { -webkit-transform: translateX(0); }
		0% { -ms-transform: translateX(0); }
		0% { transform: translateX(0); }

		100% {  -webkit-transform: translateX(-100%); }
		100% {  -ms-transform: translateX(-100%); }
		100% {  transform: translateX(-100%); }
	}*/

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

	.disable_b { pointer-events: none; }

	/*SLIDER ANIMATIONS*/

	 img.zoomIn {
	  -webkit-animation: zoomIn 15s forwards;
	  animation: zoomIn 15s forwards;
	 }

		@-webkit-keyframes zoomIn {
		  0% {
			-webkit-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
		  }

		  100% {
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
		  }
		}

		@keyframes zoomIn {
		  0% {
			-webkit-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
		  }

		  100% {
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
		  }
		}

	 img.zoomLeftBottom {
	  -webkit-animation: zoomLeftBottom 15s forwards;
	  animation: zoomLeftBottom 15s forwards;
	 }

		@-webkit-keyframes zoomLeftBottom {
			0% {
				-webkit-transform: scale(1.0);
				-ms-transform: scale(1.0);
				transform: scale(1.0);

				-webkit-transform-origin: 0 100%;
				-ms-transform-origin: 0 100%;
				transform-origin: 0 100%;
			}

			100% {
				-webkit-transform: scale(1.2);
				-ms-transform: scale(1.2);
				transform: scale(1.2);

				-webkit-transform-origin: 0 100%;
				-ms-transform-origin: 0 100%;
				transform-origin: 0 100%;
			}
		}

		@keyframes zoomLeftBottom {
			0% {
				-webkit-transform: scale(1.0);
				-ms-transform: scale(1.0);
				transform: scale(1.0);

				-webkit-transform-origin: 0 100%;
				-ms-transform-origin: 0 100%;
				transform-origin: 0 100%;
			}

			100% {
				-webkit-transform: scale(1.2);
				-ms-transform: scale(1.2);
				transform: scale(1.2);

				-webkit-transform-origin: 0 100%;
				-ms-transform-origin: 0 100%;
				transform-origin: 0 100%;
			}
		}

	img.zoomRightBottom {
	  -webkit-animation: zoomRightBottom 15s forwards;
	  animation: zoomRightBottom 15s forwards;
	 }

	  @-webkit-keyframes zoomRightBottom {
		  0% {
			-webkit-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);

			-webkit-transform-origin: 100% 100%;
			-ms-transform-origin: 100% 100%;
			transform-origin: 100% 100%;
		  }

		  100% {
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);

			-webkit-transform-origin: 100% 100%;
			-ms-transform-origin: 100% 100%;
			transform-origin: 100% 100%;
		  }
	  }

	  @keyframes zoomRightBottom {
		  0% {
			-webkit-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);

			-webkit-transform-origin: 100% 100%;
			-ms-transform-origin: 100% 100%;
			transform-origin: 100% 100%;
		  }

		  100% {
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);

			-webkit-transform-origin: 100% 100%;
			-ms-transform-origin: 100% 100%;
			transform-origin: 100% 100%;
		  }
	  }



	  /*SLIDER WITH POINTS*/

	  .slider_points_select {
		 	z-index: 1;
			padding: 10px 0;
			width: 100%;
			bottom: 0;
			position: absolute;
			background:rgba(21,21,21,0.4);
			text-align: center;
		}

		.slider_points_select .fa {
			 margin: 20px;
			 opacity: 1;
			 cursor: pointer;
		}

		.slider_points_select.enable {
			 pointer-events:auto;
		}

		.slider_points_select.disable {
			 pointer-events:none;
		}

		.slider_points .gallery_title {
			 text-align: center;
			 position: relative;
			 top: 50%;
			 z-index: 999;
		}

		.slider_points .header_image_title {
			 margin: 20px auto;
		}

		.slider .header_image_texture,
		.slider_points .header_image_texture_points {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}

		.slider .header_image_button,
		.slideshow .header_image_button,
		.backstretch_header > .header_image_button {
			text-align: center;
			position: absolute;
			bottom: 0;
			margin-bottom: 80px;
			z-index: 9;
		}

		.slider .svg_mouse,
		.backstretch_header .svg_mouse {
			margin-bottom: 20px;
			text-align: center;
		}

	/*SVG MOUSE*/
	/*SVG Mouse 1*/

	.mouse-wrapper {
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

		.mouse-wrapper::after {
			position: absolute;
			content: "";
			top: calc(50% - 70px);
			left: calc(50% - 50px);
			width: 100px;
			height: 100px;
			border: 2px solid #FFF;
			border-radius: 50%;
			opacity: 1;
			z-index: -2;
			-webkit-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			-webkit-transition: all 0s ease-in-out;
			transition: all 0s ease-in-out;
			background: rgba(255,255,255,0.1);
		}

		.mouse-wrapper::before {
			position: absolute;
			content: "";
			top: calc(50% - 50px);
			left: calc(50% - 30px);
			width: 60px;
			height: 60px;
			border: 1px solid #FFF;
			border-radius: 50%;
			opacity: 1;
			z-index: -1;
			-webkit-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			-webkit-transition: all 0s ease-in-out;
			transition: all 0s ease-in-out;
			background: rgba(255,255,255,0.1);
		}



			#svg_mouse1:hover + .mouse-wrapper::before {
				opacity: 0;
				-webkit-transform: scale(1.3);
				-ms-transform: scale(1.3);
				transform: scale(1.3);
				-webkit-transition: all 1.5s ease-in-out 0.4s;
				transition: all 1.5s ease-in-out 0.4s;
			}

			#svg_mouse1:hover + .mouse-wrapper::after {
				opacity: 0;
				-webkit-transform: scale(1.2);
				-ms-transform: scale(1.2);
				transform: scale(1.2);
				-webkit-transition: all 1.5s ease-in-out;
				transition: all 1.5s ease-in-out;
			}



/**************************/
/* GENERIC LAYOUT CLASSES */
/**************************/


/*************************/
.pace_minimal .pace-progress {
	top: calc(50% - 1px)!important;
}



.wrapper {
	width: 100%;
}
	.inner {
		max-width: 960px;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}

	.left .button { float: left; }
	.center .button { margin: 0 auto; float: none; }
	.right .button { float: right; }

	/* Buttons */
	.button {
		padding: 10px;
		text-align: center;
		text-decoration: none;
		font-size: 1.6rem;
		position: relative;
		display: inline-block;
		min-width: 26px;
		min-height: 26px;
		line-height: 26px;
		cursor: pointer;
	}


	/* Normal button */
	.button.normal {
		-webkit-transition: 250ms ease-out;
		-moz-transition: 250ms ease-out;
		-ms-transition: 250ms ease-out;
		-o-transition: 250ms ease-out;
		transition: 250ms ease-out;
	}
	/* Hover Underline From Center */
	.underline::before {
		content: "";
		position: absolute;
		z-index: 1;
		left: 51%;
		right: 51%;
		bottom: 0;
		height: 2px;
		-webkit-transition: left, right, 0.2s ease-out;
		-moz-transition: left, right, 0.2s ease-out;
		-ms-transition: left, right, 0.2s ease-out;
		-o-transition: left, right, 0.2s ease-out;
		transition: left, right, 0.2s ease-out;
	}
		.underline:hover::before,
		.underline:focus::before,
		.underline:active::before {
			left: 0;
			right: 0;
		}

	/* GHOST BUTTONS */
	/* GHOST SIMPLE */
	.ghost {
		border: 1px solid;
		border-color: #000; /* here */
		-webkit-transition: background 0.5s ease-out, color 0.5s ease-out;
		-moz-transition: background 0.5s ease-out, color 0.5s ease-out;
		-ms-transition: background 0.5s ease-out, color 0.5s ease-out;
		-o-transition: background 0.5s ease-out, color 0.5s ease-out;
		transition: background 0.5s ease-out, color 0.5s ease-out;
	}

	/*ROUND BUTTON*/
	.button.round {
		-webkit-border-radius: 50%;
		border-radius: 50%;
		width: 26px;
		height: 26px;
		line-height: 26px;
		transition: background 0.3s ease, color 0.3s ease;
	}

	.button.round > span {
		height: 26px;
		line-height: 26px;
	}



	/*STROKE ANIMATION BUTTON*/
	.stroke {
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}


	.stroke::after {
		position: absolute;
		top: 0px;
		left: 0px;
		content: "";
		opacity: 1;
		width: 0%;
		height: 96%;
		border-top: 1.5px solid;
		border-bottom: 1.5px solid;
		background: none;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}

	.stroke::before {
		position: absolute;
		top: 0px;
		left: 0px;
		content: "";
		opacity: 1;
		width: 98%;
		height: 0;
		border-left: 1.5px solid;
		border-right: 1.5px solid;
		background: none;
		-webkit-transition: all 1s;
		transition: all 1s;
	}

	.stroke:hover::after {
		opacity: 1;
		width: 100%;
	}

	.stroke:hover::before {
		opacity: 1;
		-webkit-animation: 0.5s strokeButton forwards 0.4s;
		animation: 0.5s strokeButton forwards 0.4s;
	}

		@-webkit-keyframes strokeButton {
			from {
				height: 0%;
			}

			to {
				height: 100%;
			}
		}

		@keyframes strokeButton {
			from {
				height: 0%;
			}

			to {
				height: 100%;
			}
		}

	/*----BORDER SWITCH----*/
	.switch::before,
	.switch::after {
		content: '';
		position: absolute;
		width: 40px;
		height: 1px;
		opacity: 1;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
		.switch::before {
			top: -4px;
			left: 0;
			-webkit-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			transform-origin: 0 0;
		}
			.switch:hover::before,
			.switch:focus::before {
				left: 50%;
				-webkit-transform: rotate(0deg) translateX(-50%);
				-moz-transform: rotate(0deg) translateX(-50%);
				-ms-transform: rotate(0deg) translateX(-50%);
				-o-transform: rotate(0deg) translateX(-50%);
				transform: rotate(0deg) translateX(-50%);
			}
		.switch::after {
			right: 0;
			top: 100%;
			-webkit-transform-origin: 100% 0;
			-moz-transform-origin: 100% 0;
			-ms-transform-origin: 100% 0;
			-o-transform-origin: 100% 0;
			transform-origin: 100% 0;
		}
			.switch:hover::after,
			.switch:focus::after {
				right: 50%;
				-webkit-transform: rotate(0deg) translateX(50%);
				-moz-transform: rotate(0deg) translateX(50%);
				-ms-transform: rotate(0deg) translateX(50%);
				-o-transform: rotate(0deg) translateX(50%);
				transform: rotate(0deg) translateX(50%);
			}


		/*-----Icon Pulse Grow-------*/
		.icon-pulse .fa {
			display: inline-block;
			position: relative;
		}
			a[class*="icon-"] .fa.left { margin-right: 7px; /*vertical-align: middle;*/ }
			a[class*="icon-"] .fa.right { margin-left: 7px; /*vertical-align: middle;*/ }
			a.no-label .fa { margin-left: 0!important; margin-right: 0!important; }
		.icon-pulse:hover .fa,
		.icon-pulse:focus .fa,
		.icon-pulse:active .fa {
			-webkit-animation: pulse 0.2s linear infinite alternate;
			animation: pulse 0.2s linear infinite alternate;
		}
			@-webkit-keyframes pulse {
				to {
					-webkit-transform: scale(1.3);
					-ms-transform: scale(1.3);
					transform: scale(1.3);
				}
			}

			@keyframes pulse {
				to {
					-webkit-transform: scale(1.3);
					-ms-transform: scale(1.3);
					transform: scale(1.3);
				}
			}


		/*----ICON BOUNCE DOWN----*/
		@-webkit-keyframes bounce-down {
			16.65% {
				-webkit-transform: translateY(-6px);
				-ms-transform: translateY(-6px);
				transform: translateY(-6px);
			}

			33.3% {
				-webkit-transform: translateY(5px);
				-ms-transform: translateY(5px);
				transform: translateY(5px);
			}

			49.95% {
				-webkit-transform: translateY(-4px);
				-ms-transform: translateY(-4px);
				transform: translateY(-4px);
			}

			66.6% {
				-webkit-transform: translateY(2px);
				-ms-transform: translateY(2px);
				transform: translateY(2px);
			}

			83.25% {
				-webkit-transform: translateY(-1px);
				-ms-transform: translateY(-1px);
				transform: translateY(-1px);
			}

			100% {
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
		}

		@keyframes bounce-down {
			16.65% {
				-webkit-transform: translateY(-6px);
				-ms-transform: translateY(-6px);
				transform: translateY(-6px);
			}

			33.3% {
				-webkit-transform: translateY(5px);
				-ms-transform: translateY(5px);
				transform: translateY(5px);
			}

			44.4% {
				-webkit-transform: translateY(-4px);
				-ms-transform: translateY(-4px);
				transform: translateY(-4px);
			}

			55.5% {
				-webkit-transform: translateY(2px);
				-ms-transform: translateY(2px);
				transform: translateY(2px);
			}

			66.6% {
				-webkit-transform: translateY(-1px);
				-ms-transform: translateY(-1px);
				transform: translateY(-1px);
			}

			77.7% {
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
			100% {
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
		}

		a[class*="icon-bounce"] .fa {
			display: inline-block;
			position: relative;
			/*margin: 0 7px;*/
		}

		.icon-bounce--down:hover .fa,
		.icon-bounce--down:focus .fa,
		.icon-bounce--down:active .fa {
			-webkit-animation: bounce-down 1s ease-in-out infinite;
			animation: bounce-down 1s ease-in-out infinite;
		}


		/*----ICON BOUNCE UP----*/

		@-webkit-keyframes bounce-up {
			16.65% {
				-webkit-transform: translateY(6px);
				-ms-transform: translateY(6px);
				transform: translateY(6px);
			}

			33.3% {
				-webkit-transform: translateY(-5px);
				-ms-transform: translateY(-5px);
				transform: translateY(-5px);
			}

			49.95% {
				-webkit-transform: translateY(4px);
				-ms-transform: translateY(4px);
				transform: translateY(4px);
			}

			66.6% {
				-webkit-transform: translateY(-2px);
				-ms-transform: translateY(-2px);
				transform: translateY(-2px);
			}

			83.25% {
				-webkit-transform: translateY(1px);
				-ms-transform: translateY(1px);
				transform: translateY(1px);
			}

			100% {
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
		}

		@keyframes bounce-up {
			16.65% {
				-webkit-transform: translateY(6px);
				-ms-transform: translateY(6px);
				transform: translateY(6px);
			}

			33.3% {
				-webkit-transform: translateY(-5px);
				-ms-transform: translateY(-5px);
				transform: translateY(-5px);
			}

			44.4% {
				-webkit-transform: translateY(4px);
				-ms-transform: translateY(4px);
				transform: translateY(4px);
			}

			55.5% {
				-webkit-transform: translateY(-2px);
				-ms-transform: translateY(-2px);
				transform: translateY(-2px);
			}

			66.6% {
				-webkit-transform: translateY(1px);
				-ms-transform: translateY(1px);
				transform: translateY(1px);
			}

			77.7% {
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
			100% {
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
		}

		.icon-bounce--up:hover .fa,
		.icon-bounce--up:focus .fa,
		.icon-bounce--up:active .fa {
			-webkit-animation: bounce-up 1s ease-in-out infinite;
			animation: bounce-up 1s ease-in-out infinite;
		}

		/*----ICON BOUNCE LEFT----*/

		@-webkit-keyframes bounce-left {
			16.65% {
				-webkit-transform: translateX(6px);
				-ms-transform: translateX(6px);
				transform: translateX(6px);
			}

			33.3% {
				-webkit-transform: translateX(-5px);
				-ms-transform: translateX(-5px);
				transform: translateX(-5px);
			}

			49.95% {
				-webkit-transform: translateX(4px);
				-ms-transform: translateX(4px);
				transform: translateX(4px);
			}

			66.6% {
				-webkit-transform: translateX(-2px);
				-ms-transform: translateX(-2px);
				transform: translateX(-2px);
			}

			83.25% {
				-webkit-transform: translateX(1px);
				-ms-transform: translateX(1px);
				transform: translateX(1px);
			}

			100% {
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
		}

		@keyframes bounce-left {
			16.65% {
				-webkit-transform: translateX(6px);
				-ms-transform: translateX(6px);
				transform: translateX(6px);
			}

			33.3% {
				-webkit-transform: translateX(-5px);
				-ms-transform: translateX(-5px);
				transform: translateX(-5px);
			}

			44.4% {
				-webkit-transform: translateX(4px);
				-ms-transform: translateX(4px);
				transform: translateX(4px);
			}

			55.5% {
				-webkit-transform: translateX(-2px);
				-ms-transform: translateX(-2px);
				transform: translateX(-2px);
			}

			66.6% {
				-webkit-transform: translateX(1px);
				-ms-transform: translateX(1px);
				transform: translateX(1px);
			}

			77.7% {
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
			100% {
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
		}

		.icon-bounce--left:hover .fa,
		.icon-bounce--left:focus .fa,
		.icon-bounce--left:active .fa {
			-webkit-animation: bounce-left 1s ease-in-out infinite;
			animation: bounce-left 1s ease-in-out infinite;
		}

		/*----------ICON BOUNCE RIGHT-------*/
		/*----ICON BOUNCE LEFT----*/

		@-webkit-keyframes bounce-right {
			16.65% {
				-webkit-transform: translateX(-6px);
				-ms-transform: translateX(-6px);
				transform: translateX(-6px);
			}

			33.3% {
				-webkit-transform: translateX(5px);
				-ms-transform: translateX(5px);
				transform: translateX(5px);
			}

			49.95% {
				-webkit-transform: translateX(-4px);
				-ms-transform: translateX(-4px);
				transform: translateX(-4px);
			}

			66.6% {
				-webkit-transform: translateX(2px);
				-ms-transform: translateX(2px);
				transform: translateX(2px);
			}

			83.25% {
				-webkit-transform: translateX(-1px);
				-ms-transform: translateX(-1px);
				transform: translateX(-1px);
			}

			100% {
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
		}

		@keyframes bounce-right {
			16.65% {
				-webkit-transform: translateX(-6px);
				-ms-transform: translateX(-6px);
				transform: translateX(-6px);
			}

			33.3% {
				-webkit-transform: translateX(5px);
				-ms-transform: translateX(5px);
				transform: translateX(5px);
			}

			44.4% {
				-webkit-transform: translateX(-4px);
				-ms-transform: translateX(-4px);
				transform: translateX(-4px);
			}

			55.5% {
				-webkit-transform: translateX(2px);
				-ms-transform: translateX(2px);
				transform: translateX(2px);
			}

			66.6% {
				-webkit-transform: translateX(-1px);
				-ms-transform: translateX(-1px);
				transform: translateX(-1px);
			}

			77.7% {
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
			100% {
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
		}

		.icon-bounce--right:hover .fa,
		.icon-bounce--right:focus .fa,
		.icon-bounce--right:active .fa {
			-webkit-animation: bounce-right 1s ease-in-out infinite;
			animation: bounce-right 1s ease-in-out infinite;
		}
.email span:nth-of-type(n+2)::before {
	content: ", ";
}
/**********/
/* HEADER */
/**********/
.site-header { box-sizing: border-box; }

	.site-header a,
	#aside a,
	footer.site-footer a {
		transition: color 0.3s ease;
	}


.normal header.site-header.fixed, .normal header.site-header.fixed_to_top, .normal header.site-header.fixed_to_bottom { z-index: 1050; position: fixed; }
header.site-header.horizontal.fixed_to_top { top: 0; position: fixed; z-index: 1000; }
header.site-header.horizontal.absolute { position: absolute; top: 0; z-index: 1020; }
header.horizontal.site-header.fixed_to_bottom { bottom: 0; }
	header.site-header.horizontal .inner.normal_width { max-width: 960px; }
	header.site-header.horizontal .inner.wide_width { max-width: 1280px; }

	header.site-header.horizontal .extra_wide_width,
	header.site-header.horizontal .extra_wide_width .nav-menu > .inner { max-width: 1440px; }

header.site-header.vertical { position: fixed; height: auto; z-index: 1150; }
header.site-header.fixed.vertical.left { left: 0; }
header.site-header.fixed.vertical.right { right: 0; }
header.site-header.vertical.text-left { text-align: left; }
header.site-header.vertical.text-center { text-align: center; }
header.site-header.vertical.text-right { text-align: right; }
header.site-header.vertical .nav_toggle > div {
	display: block;
/*	float: left;
	width: 100%;*/
}


header.site-header.vertical .inner > .social > a,
header.site-header.horizontal .inner > .social > a,
header.site-header.minimize .nav_toggle .social:not(.social_general_active) span > a { padding: 5px!important; }

header.site-header .nav_toggle.closed { display: none; }
header.site-header .nav_toggle.open { display: block; }

header.site-header.horizontal .nav_toggle li:not(li[class*='lang-']) a {
	line-height: 40px;
}

header.site-header.shadow {
	-webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.125);
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.125);
}

.logo { display: block; }
	.logo.center { text-align: center; margin: 0 auto; }
	.logo.center img { margin: 0 auto; }
	.logo.right { text-align: right; }

	/*header.site-header.horizontal .logo a { display: inline-block; }*/
	header.site-header.vertical .logo a { display: block; }
	.logo a { display: block; }
	header.site-header.horizontal .logo img,
	header.site-header.vertical .logo img {
		/*width: 90%;*/
		max-width: 90%;
		height: auto;
		display: inline-block;
	}

	header.site-header.horizontal.fixed_to_bottom .logo img {
		/*width: auto;*/
		max-height: 100%;
		display: inline-block;
	}


header.site-header.horizontal.fixed_to_bottom .nav-menu li a { line-height: 60px; }
header.site-header.vertical .nav-menu li a { display: inline-block; }

.nav-menu li a {
	position: relative;
	padding: 10px;
}

	.sub_menu_arrow { margin-left: 5px; }


/******SUB-MENU******/
/*ul.sub-menu {
	position: absolute;
    top: 10px;
    right: 20px;
	background: #000;
    width: 30%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.sub-menu_display {
	position: relative;
}

	.sub-menu_display:hover > ul.sub-menu {
		opacity: 1;
		visibility: visible;
		cursor: pointer;
	}*/




/*Site Menu*/

/* .nav_toggle > div { display: inline-block; } */

/* nav hover effects */
/* swipe */
.nav-menu .swipe .current-menu-item a,
.nav-menu .swipe li a {
	position: relative;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
.nav-menu .swipe .current-menu-item a::before,
.nav-menu .swipe li a::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	overflow: hidden;
	border-bottom: 2px solid;
	content: "";
	white-space: nowrap;
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
	-ms-transition: width 0.5s;
	-o-transition: width 0.5s;
	transition: width 0.5s;
}
.nav-menu .swipe .current-menu-item a::before,
.nav-menu .swipe li a:hover::before,
.nav-menu .swipe li a:focus::before {
	width: 100%;
}
/* underline */
.nav-menu .underline > .current-menu-parent > a::before,
.nav-menu .underline li:not(.logo_center) a::before,
.nav-menu .underline > .current-menu-item > ul.sub-menu > li > a::before,
.nav-menu .underline > .current-menu-parent > ul.sub-menu > .current-menu-item a::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 51%;
	right: 51%;
	bottom: 0;
	height: 1px;
	-webkit-transition: left, right, 0.2s ease-out;
	transition: left, right, 0.2s ease-out;
}

.nav-menu .underline > .current-menu-item:not(.logo_center) a::before,
.nav-menu .underline > .current-menu-parent > a::before,
.nav-menu .underline > li > a:hover::before,
.nav-menu .underline > li > a:focus::before,
.nav-menu .underline > li > a.active::before,
.nav-menu .underline > li > a.active + .sub-menu > li > a:hover::before,
.nav-menu .underline > li > a.active + .sub-menu > li > a:focus::before,
.nav-menu .underline > .current-menu-item .sub-menu > li > a:hover::before,
.nav-menu .underline > .current-menu-item .sub-menu > li > a:focus::before,
.nav-menu .underline > .current-menu-parent .sub-menu > li > a:hover::before,
.nav-menu .underline > .current-menu-parent .sub-menu > li > a:focus::before,
.nav-menu .underline > .current-menu-parent .sub-menu > li.current-menu-item a::before {
    left: 0!important;
    right: 0!important;
}

	/*Dots*/
	.nav-menu .dots li a {
		text-decoration: none;
		position: relative;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

		.nav-menu .dots a::before {
			position: absolute;
			bottom: -7px;
			line-height: normal;
			left: 48%;
			color: transparent;
			content: '.';
			font-weight: bold;
			text-shadow: 0 0 transparent;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
		}

		.nav-menu .dots .current-menu-item a::before,
		.nav-menu .dots li a:hover::before,
		.nav-menu .dots li a:focus::before,
		.nav-menu .dots li a.active::before {
			text-shadow: 10px 0, -10px 0;
		}


	/*Burger Icon*/
	#nav_burger {
		display: none;
		width: 30px;
		height: 20px;
		position: relative;
		margin: 20px auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	#nav_burger span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #212121;
		border-radius: 6px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#nav_burger span:nth-child(1) {
		top: 0px;
	}

	#nav_burger span:nth-child(2),#nav_burger span:nth-child(3) {
		top: 8px;
	}

	#nav_burger span:nth-child(4) {
		top: 16px;
	}

	#nav_burger.open span:nth-child(1) {
		top: 8px;
		width: 0%;
		left: 50%;
	}

	#nav_burger.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#nav_burger.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#nav_burger.open span:nth-child(4) {
		top: 8px;
		width: 0%;
		left: 50%;
	}
	/*****   Burger Icon END  *****/



#main .nav-menu.left,
#main .nav-menu + .box { float: left; }
#main .nav-menu.right { float: right; }

#main .nav-menu { width: 25%; }
	#main .nav-menu a { display: block; }
#main .nav-menu + .box { width: 75%; }

/* Hentry */
#main .extras {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
	.desc h2 + p, .desc h3 + p { margin-top: 20px; }

	#main .title {
		line-height: 1.2;
		position: relative;
	}
		#main .title.sep--shortline::after {
			content: '';
			width: 100px;
			height: 2px;
			position: absolute;
			top: 100%;
			left: calc(50% - 50px);
		}
		#main .title.sep--shortline_double::before {
			content: '';
			width: 200px;
			height: 1px;
			position: absolute;
			top: calc(100% + 5px);
			left: calc(50% - 100px);
		}
		#main .title.sep--shortline_double::after {
			content: '';
			width: 150px;
			height: 1px;
			position: absolute;
			top: calc(100% + 12px);
			left: calc(50% - 75px);
		}
		#main .title.sep--faded_edges::after {
			content: '';
			height: 1px;
			position: absolute;
			top: calc(100% + 2px);
		}

		#main .extras .title.shadow {
			text-shadow: rgba(0,0,0,0.5) 0px 3px 4px;
		}
		#main .extras .title.long-shadow {
			text-shadow:	rgba(0,0,0,0.150) 1px 1px,
							rgba(0,0,0,0.145) 2px 2px,
							rgba(0,0,0,0.140) 3px 3px,
							rgba(0,0,0,0.135) 4px 4px,
							rgba(0,0,0,0.130) 5px 5px,
							rgba(0,0,0,0.125) 6px 6px,
							rgba(0,0,0,0.120) 7px 7px,
							rgba(0,0,0,0.115) 8px 8px,
							rgba(0,0,0,0.110) 9px 9px,
							rgba(0,0,0,0.105) 10px 10px,
							rgba(0,0,0,0.100) 11px 11px,
							rgba(0,0,0,0.095) 12px 12px,
							rgba(0,0,0,0.090) 13px 13px,
							rgba(0,0,0,0.085) 14px 14px,
							rgba(0,0,0,0.080) 15px 15px,
							rgba(0,0,0,0.075) 16px 16px,
							rgba(0,0,0,0.070) 17px 17px,
							rgba(0,0,0,0.065) 18px 18px,
							rgba(0,0,0,0.060) 19px 19px,
							rgba(0,0,0,0.055) 20px 20px,
							rgba(0,0,0,0.050) 21px 21px,
							rgba(0,0,0,0.045) 22px 22px,
							rgba(0,0,0,0.040) 23px 23px,
							rgba(0,0,0,0.035) 24px 24px,
							rgba(0,0,0,0.030) 25px 25px,
							rgba(0,0,0,0.025) 26px 26px,
							rgba(0,0,0,0.020) 27px 27px,
							rgba(0,0,0,0.015) 28px 28px,
							rgba(0,0,0,0.010) 29px 29px,
							rgba(0,0,0,0.005) 29px 29px;
		}
		#main .assemble .title {
			opacity: 0;
			overflow: hidden;
			-webkit-animation: assemble 3s linear forwards 1;
			-moz-animation: assemble 3s linear forwards 1;
			animation: assemble 3s linear forwards 1;

			-webkit-animation-delay: 2s;
			-moz-animation-delay: 2s;
			animation-delay: 2s;
		}

		/*******ASSEMBLE ANIMATION**************/

		@-webkit-keyframes assemble {
			0% {
				letter-spacing: 40px;
				opacity: 0;
			}
			30% {
				letter-spacing: 20px;
				opacity: 0.3;
			}

			70% {
				letter-spacing: 0px;
				opacity: 1;
			}

			100% {
				letter-spacing: 0px;
				opacity: 1;
			}
		}



		@-moz-keyframes assemble {
			0% {
				letter-spacing: 40px;
				opacity: 0;
			}
			30% {
				letter-spacing: 20px;
				opacity: 0.3;
			}

			70% {
				letter-spacing: 0px;
				opacity: 1;
			}

			100% {
				letter-spacing: 0px;
				opacity: 1;
			}
		}

		@keyframes assemble {
					0% {
						letter-spacing: 40px;
						opacity: 0;
					}
					30% {
						letter-spacing: 20px;
						opacity: 0.3;
					}

					70% {
						letter-spacing: 0px;
						opacity: 1;
					}

					100% {
						letter-spacing: 0px;
						opacity: 1;
					}
				}
		/******END OF ASSEMBLE ANIMATION********/

		#main .shine .title {
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(15%,rgba(255,255,255,0)),
			color-stop(85%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
			-webkit-background-clip: text;
					background-clip: text;
			-webkit-animation: shine 5s 1;
					animation: shine 5s 1;
		}

			@-webkit-keyframes shine {
				0% { background-position: 0 0; color: rgba(255,255,255,0.125); }
				50% { background-position: 960px 0; color: rgba(255,255,255,0.125); }
				100% { background-position: 0 0; color: rgba(255,255,255,1); }
			}

			@keyframes shine {
				0% { background-position: 0 0; color: rgba(255,255,255,0.125); }
				50% { background-position: 960px 0; color: rgba(255,255,255,0.125); }
				100% { background-position: 0 0; color: rgba(255,255,255,1); }
			}

		#main .fade-in .title {
			/* color: transparent; */
		}
		#main .fade-in .title {
			-webkit-animation-name: fade;
			-webkit-animation-duration: 4s;
			-webkit-animation-timing-function: linear;
			-webkit-animation-iteration-count: 1;
			animation-name: fade;
			animation-duration: 4s;
			animation-timing-function: linear;
			animation-iteration-count: 1;
		}

		/******FADE IN TEXT ANIMATION******/
		@-webkit-keyframes fade {
				0% { opacity: 0; }
				100% { opacity: 1; }
			}
		@keyframes fade {
			0% { opacity: 0; }
			100% { opacity: 1; }
		}

		/******ANIMATED STROKE ANIMATION******/
		.animated-stroke svg {
			position: relative;
			width: 100%;
			height: auto;
		}
		.animated-stroke .text--line {
			line-height: 1;
			font-size: 64px;
		}


		.animated-stroke .text-copy {
			fill: none;
			stroke: #F00; /*here*/
			stroke-dasharray: 100%;
			stroke-dashoffset: 100%;
			stroke-width: 1px;
			-webkit-animation-name: stroke-offset;
			-webkit-animation-duration: 6s;
			-webkit-animation-timing-function: linear;
			-webkit-animation-delay: 0.5s;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-fill-mode: forwards;
			animation-name: stroke-offset;
			animation-duration: 6s;
			animation-timing-function: linear;
			animation-delay: 0.5s;
			animation-iteration-count: 1;
			animation-fill-mode: forwards;
		}

		@-webkit-keyframes stroke-offset {
			0% {
				stroke-dashoffset: 100%;
				stroke-dasharray: 100% 100%;
				opacity: 0;
			}

		 100% {
				stroke-dashoffset: 0%;
				stroke-dasharray: 40% 0%;
				opacity: 1;
			}

		}

		@keyframes stroke-offset {
			0% {
				stroke-dashoffset: 100%;
				stroke-dasharray: 100% 100%;
				opacity: 0;
			}

		 100% {
				stroke-dashoffset: 0%;
				stroke-dasharray: 40% 0%;
				opacity: 1;
			}

		}


	#main .extras header, #main .extras main, #main .extras footer {
		text-align: center;
	}
#main .svg-button {
	position: absolute;
}


.backstretch_header .content {
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

	.backstretch_header .content .header_image_title {
		line-height: 1.4;
		margin-bottom: 12px;
	}


/************************************************/
/************HEADER ALTERNATIVE OPTIONS**********/

/*HEADER OPTIONS*/

	.site-header.minimize,
	.site-header.transparent,
	.site-header.burger_vertical {
		z-index: 1220;
		top: 0;
      	left: 0;
	}

	.site-header.transparent {
		height: 120px;
    	background-color: rgba(0, 0, 0, 0.1);
    	transition: background-color 0.6s ease;
	}

	.site-header.minimize {
		transition: background-color 0.6s ease 0.2s, height 0.3s ease;
	}


	.site-header.minimize,
	.site-header.transparent {
		position: fixed;
		/* padding: 0; */
	}


	.site-header.minimize .nav_toggle .nav-menu,
	.site-header.minimize .nav_toggle > div.langs {
		transition: font-size 0.3s ease;
	}

	.site-header.minimize .nav_burger {
		z-index: 1220;
	}


		body.desktop .site-header.minimize .nav_toggle > div.langs:not(.button_general) ul,
		body.desktop .site-header.normal.horizontal .nav_toggle > div.langs:not(.button_general) ul { line-height: 1; }

			body.desktop .site-header.minimize .nav_toggle > div.langs ul > li,
			body.desktop .site-header.normal.horizontal .nav_toggle > div.langs:not(.button_general) ul > li { display: inline-block; line-height: 1; padding: 5px; }



  	.site-header.minimize.sticky,
  	.site-header.transparent.trans_bg {
		   height: 50px;
		   box-shadow: 0 1px 4px -3px #000;
  	}

	/*fix bug in burger menus where each div after "cdb-" becomes height 100%*/
  	.site-header .nav_select > div[class*="cdb-"] + div,
  	.site-header .nav_select > div[class*="cdb-"] + div { display: inline-block; }


	body .site-header .nav_select > div[class*="cdb-"] + div,
	body .site-header .nav_select > div[class*="center"] + div {
		border-top: 1px solid #bbb;
		box-sizing: border-box;
		/*padding: 10px 0 0;*/
	}



	/*fix bug with boxes if header is minimized*/
	/*only with scrolling bullets*/
	body.scroll .site-header.minimize.sticky + #main .bullets-yes .boxes_right_top,
	body.scroll .site-header.minimize.sticky + #main .bullets-yes .boxes_left_top {
		top: 50px;
	}

	body.scroll .site-header.minimize.sticky + #main .bullets-yes .boxes_left_bottom,
	body.scroll .site-header.minimize.sticky + #main .bullets-yes .boxes_right_bottom {
		top: calc(50% + 25px);
	}

	body.scroll .site-header.minimize.sticky + #main .bullets-yes .boxes_left_top,
	body.scroll .site-header.minimize.sticky + #main .bullets-yes .boxes_right_top,
	body.scroll .site-header.minimize.sticky + #main .bullets-yes .boxes_left_bottom,
	body.scroll .site-header.minimize.sticky + #main .bullets-yes .boxes_right_bottom {
    	height: calc(50% - 25px);
	}



  	 .site-header.minimize.sticky .nav_toggle {
  	 	/* line-height: 50px; */
  	 	height: 100%;
  	 }


	.site-header.minimize #menu-main-menu.inner,
	.site-header.transparent #menu-main-menu.inner,
	.site-header.burger_vertical  #menu-main-menu.inner {
		max-width: 1280px;
	}


	/* body:not(.mobile) .site-header.minimize .logo,
	body:not(.mobile) .site-header.transparent .logo { margin: 0 20px; } */




	.site-header.minimize, .site-header.burger_vertical {
      height: 120px;
	}

	.site-header.burger_vertical {
		transition: height 0.3s ease 0.3s;
	  }



	.site-header.minimize .logo,
	.site-header.minimize .logo_center,
	.site-header.minimize .logo > a,
	.site-header.minimize .logo_center > a,
	.site-header.burger_vertical .logo,
	.site-header.burger_vertical .logo > a,
	.site-header.transparent .logo,
	.site-header.transparent .logo a {
	  	/* height: 120px; */
		position: relative;
		padding: 0 5px;
	  	text-align: center;
		transition: height 0.3s ease 0.3s;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
		box-sizing: border-box;
	}



	.site-header.minimize .logo img,
	.site-header.minimize .logo_center img,
	.site-header.transparent .logo img,
	.site-header.burger_vertical .logo img {
		max-height: 90px;
		width: auto;
		max-width: 100%;
		box-sizing: border-box;
		transition: max-height 0.3s ease;
		position: relative;
		/* padding: 5px; */
		/* top: 50%; */
		/* -webkit-transform: translateY(-50%) translateZ(0) scale(1.0,1.0);
		-ms-transform: translateY(-50%) translateZ(0) scale(1.0,1.0);
		transform: translateY(-50%) translateZ(0) scale(1.0,1.0); */
	}


	.site-header.minimize.sticky .logo img,
	.site-header.minimize.sticky .logo_center img {
  	 	max-height: 50px;
  	 	width: auto;
  	 }

  	.site-header.minimize.sticky .logo,
  	.site-header.minimize.sticky .logo_center,
  	.site-header.minimize.sticky .logo_center a,
  	.site-header.minimize.sticky .logo a {
        height: 50px;
  	 }


	.site-header.minimize .nav_toggle a {
		transition: height 0s ease 0.3s,
					background-color 0.3s ease,
					color 0.3s ease;
	}

	.site-header.minimize .nav-menu,
	.site-header.transparent .nav-menu {
		padding: 0 10px;
	}

   .site-header.minimize .nav-menu ul li,
   .site-header.transparent .nav-menu ul li {
   	 display: inline-block;
   	 position: relative;
   }


   .site-header.minimize .nav_toggle > .langs > ul.inner { width: 100%; max-width: 100%; }


	.site-header.minimize .nav_toggle .right #menu-main-menu,
	.site-header.transparent .nav_toggle .right #menu-main-menu,
	.site-header.burger_vertical .nav_toggle .right #menu-main-menu {
		text-align: right;
		margin-right: 0;
	}

	/* .site-header.minimize .nav_toggle .left #menu-main-menu,
	.site-header.transparent .nav_toggle .left #menu-main-menu,
	.site-header.burger_vertical .nav_toggle .left #menu-main-menu {
		text-align: left;
		margin-left: 0;
	} */



#burger_desktop {
	display: block;
    position: relative;
    margin: 0px auto;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 1026;
}

	#burger_desktop > div {
		position: relative;
		top: calc(50% - 9px);
		/*-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
		height: 18px;
	}



#burger_desktop span {
 	display: block;
    position: absolute;
    height: 2px;
    width: 35px;
    margin: 0 auto;
    border-radius: 6px;
    opacity: 1;
    top: 0px;
    right: 0;
    left: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    outline: 1px solid transparent;
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#burger_desktop span:nth-child(2),
#burger_desktop span:nth-child(3) {
    top: 8px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

#burger_desktop span:nth-child(4) {
    top: 16px;
}


/*on click of burger*/


	#burger_desktop.open span:nth-child(1),
	#burger_desktop.open span:nth-child(4) {
		top: 8px;
		width: 0%;
	}


	#burger_desktop.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#burger_desktop.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

/*SITE HEADER WITH BURGER and MENU VERTICAL*/
	.site-header.burger_vertical { width: 100%; }

	.site-header.burger_vertical .logo {
		display: inline-block;
		width: 100%;
		vertical-align: top;
	}


	.site-header.burger_vertical .logo {
		z-index: 6;
	}

	body .site-header.burger_vertical #burger_desktop,
	body .site-header.burger_vertical #burger_desktop + .nav_select {
		position: absolute;
		top: 0;
		right: 0;
		width: 80px;
	    height: 100%;
	    vertical-align: top;
	    padding: 0;
	}


	.site-header.burger_vertical #burger_desktop + .nav_select {
		transition:
			width 0.4s ease 0.5s,
			height 0.4s ease 0.5s;
			overflow: hidden;
		}

	.site-header.burger_vertical #burger_desktop.open + .nav_select {
		width: 100%;
		height: 100vh;
		transition: all 0.4s ease;
	}


	.site-header.burger_vertical #burger_desktop { z-index: 8; cursor: pointer; }

	.site-header.burger_vertical #burger_desktop + .nav_select { z-index: 4; }


/*SITE HEADER WITH BURGER FIXED and Height 100px*/

	.site-header.burger #burger_desktop {
		position: fixed;
		width: 100px;
		height: 100px;
		top: 0;
		z-index: 1026;
		-webkit-box-shadow: 2px 2px 2px -2px rgba(38,38,38,1);
		-moz-box-shadow: 2px 2px 2px -2px rgba(38,38,38,1);
		box-shadow: 2px 2px 2px -2px rgba(38,38,38,1);
	}

		.site-header.burger #burger_desktop.open {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}



/*SITE HEADER WITH BURGER FIXED and FULL HEIGHT*/

	.site-header.burger_full #burger_desktop {
		position: fixed;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1026;
	}

	.site-header.burger_full #burger_desktop:not(.open) {
		box-shadow: 0px 0px 3px 0px #000;
	}

		#burger_desktop:not(.open) .menu_label {
			color: #000;
			text-transform: uppercase;
			font-size: 1.4rem;
			text-align: center;
			position: relative;
			top: 48%;
		    font-weight: 400;
		    transition: opacity 1.6s ease;
		}

		#burger_desktop.open .menu_label { opacity: 0; }

/*SITE HEADER CENTRAL*/
	.site-header.central .nav-menu { margin: 20px auto }

	/* .site-header.central .nav-menu li { line-height: 2!important; } */

/*THE COMPONENTS for Burger Headers*/

.site-header.burger_vertical .nav_select { padding: 30px 0; }

.site-header.burger_vertical .nav_select > div,
.site-header.burger .nav_select > div,
.site-header.burger_full .nav_select > div,
.site-header.central .inner .nav_toggle > div { text-align: center; }

/* BURGER HEADER */
	.site-header.burger .nav_select>.nav-menu__container,
	.site-header.burger_full .nav_select>.nav-menu__container {
		/* height: 50%; */
		margin: 40px auto;
	}


.site-header .nav_select .social a,
.site-header .nav_select .social a,
.site-header .nav_select .social a,
.site-header .nav_toggle .social:not(.social_general_active) a,
.site-footer .inner .social a { padding: 5px; }



	.site-header.burger_full .nav_select .langs ul,
	.site-header.central .inner .nav_toggle .langs ul {
		box-sizing: border-box;
	}



/*****/

.site-header.burger_minimize_open {
	width: 100%;
}

.site-header.burger_minimize_open .logo {
	display: block;
}

.site-header.burger_minimize_open .nav_toggle {
	display: block;
}


/* .site-header.burger_vertical .nav-menu {
    line-height: 50px;
} */

.site-header.burger .nav_select  {
	z-index: 1024;
}



/*HEADER BURGER with LOGO center*/

.site-header.burger,
.site-header.burger_full {
	position: absolute;
	top:0;
	left: 0;
	z-index: 1024;
}

.site-header.burger_full {
	height: 120px;
}

.site-header.burger {
	width: 100%;
	height: 100px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}



.site-header.burger .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
}


.site-header.burger_full .logo {
    width: auto;
    margin: 0 auto;
}

.site-header.burger .logo img {
	max-height: 100px;
	width: auto;
}

.site-header.burger_full .logo img {
	max-height: 120px;
	width: auto;
	/* padding: 5px; */
	box-sizing: border-box;
	vertical-align: top;
}


.site-header.burger .nav_select,
.site-header.burger_full .nav_select {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1025;
	/*height: 100vh;*/
	display: none;
    /*line-height: 3;*/
    text-align: center;
}

/*.site-header.burger_vertical #burger_desktop + .nav_select { line-height: 3; }*/

.site-header.burger .nav_select { width: 100%; }


.site-header.burger .burger_desktop.open,
.site-header.burger_full .burger_desktop.open {
	background: transparent;
}



/*********HEADER OPTIONS********/
	/*GENERAL HEADER COMPONENTS STYLES for MOBILE/TABLET <= 960* and for burger desktop*/
	body .site-header .nav_select > div {
		width: 90%;
		padding: 0 10px;
		box-sizing: border-box;
		line-height: normal;
		margin: 10px auto;
	}


	/*...as well as padding/border to all single component divs above menu...*/
	body .site-header .nav_select > .logo + div {
		border-bottom: 1px solid #bbb;
		/*padding: 5px 0;*/
	}

	/*...apart from the menu*/
	body .site-header .nav_select > div[class*="cdb-"],
	body .site-header .nav_select > div[class*="center"] {
		margin: 0 auto;
		border-bottom: 0;
		/*padding: 5px 0;*/
	}



	body .site-header .nav_select > .langs > ul > li { padding: 5px; }


	body .site-header .nav_select > .langs > ul > li,
	body .site-header .nav_select > .langs > ul span {
		height: 30px;
		line-height: 30px;
	    display: inline-block;
	}



	body .site-header .nav_select > .social > span > a > span,
	body .site-header .nav_select > .res_request_button > a > span > span.fa {
		height: 30px;
		line-height: 30px;
		box-sizing: content-box;
	}


	body .site-header .nav_select > .res_request_button > a > span > span.fa {
		padding: 5px;
	}



	body .site-header .nav_select > .social a {
		box-sizing: border-box;
	}


	/*each first div after menu*/
	body .site-header .nav_select > div[class*="cdb-"] + div,
	body .site-header .nav_select > div[class*="center"] + div {
		border-top: 1px solid #bbb;
		box-sizing: border-box;
		/*padding: 10px 0 0;*/
	}



	/* body .site-header:not(.minimize):not(.transparent) .nav-menu > ul > li {
		padding: 10px 0;
	} */

	body .site-header .nav_select > .social *,
	body .site-header .nav_select > .res_request_button * {
		display: inline-block;
	}


/***********************************************/
#main { overflow: hidden; }

#main section[class*="included"] { position: relative; }

#main section[class*="included"] svg.corners { position: absolute; }

	#main section[class*="included"] svg.corners[data-position='top_left'] {
																		top: 20px;
																		left: 20px;
	}
	#main section[class*="included"] svg.corners[data-position='top_right'] {
																		top: 20px;
																		right: 20px;
	}
	#main section[class*="included"] svg.corners[data-position='bottom_left'] {
																		bottom: 20px;
																		left: 20px;
	}
	#main section[class*="included"] svg.corners[data-position='bottom_right'] {
																		bottom: 20px;
																		right: 20px;
	}
	#main section[class*="included"] svg.corners.after_pages[data-position='bottom_left'] {
																		bottom: inherit;
																		left: 20px;
	}
	#main section[class*="included"] svg.corners.after_pages[data-position='bottom_right'] {
																		bottom: inherit;
																		right: 20px;
	}
	#main section[class*="included"] svg.corners.before_map[data-position='bottom_left'] {
																		bottom: inherit;
																		left: 20px;
	}
	#main section[class*="included"] svg.corners.before_map[data-position='bottom_right'] {
																		bottom: inherit;
																		right: 20px;
	}
	#main section[class*="included"] svg.corners.after_rooms[data-position='bottom_left'] {
																		bottom: inherit;
																		left: 20px;
	}
	#main section[class*="included"] svg.corners.after_rooms[data-position='bottom_right'] {
																		bottom: inherit;
																		right: 20px;
	}
#main section[class*="included"] .desc p { line-height: 1.4; margin-bottom: 20px; }
#main section[class*="included"] .desc p:last-child { margin-bottom: 0; }
#main section[class*="included"].left,
#main section[class*="included"] header.header-left,
#main section[class*="included"] div.desc.left,
#main section[class*="included"] footer.left { text-align: left; }
#main section[class*="included"].center,
#main section[class*="included"] header.header-center,
#main section[class*="included"] div.desc.center,
#main section[class*="included"] footer.center { text-align: center; }
#main section[class*="included"].right,
#main section[class*="included"] header.header-right,
#main section[class*="included"] div.desc.right,
#main section[class*="included"] footer.right { text-align: right; }


.static .static_viewport {
	position: fixed!important;
	height: 100%!important;
	/*top: 0;*/
}

	.static .static_viewport .backstretch_header {
		height: 100%!important;
	}

	.static_viewport .map_active, .static_viewport #gMap {
		height:100%!important;
	}


.static .backstretch_header { overflow: hidden; }
.page-template-page_awards hr ~ div {
	display: inline-block;
	padding-top: 20px;
}
/**********************************************************/
		/*use this for exclusive styling for ie*/
		/*ie cannot combine flex with calc, therefore there is a bug*/

		/* IE9, IE10 */
		@media screen and (min-width:0\0) {
		    .static_viewport.cdb-half,
		    .static_viewport + .site-main.wrapper.cdb-half { display: block; }
		}

		/* IE11 */
		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		   .static_viewport.cdb-half,
		    .static_viewport + .site-main.wrapper.cdb-half { display: block; }
		}
/*******************************/

.row_wrapper {
	position: relative;
	overflow: hidden;
}

.additional, .content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*SISTER ACCOMMODATION*/
	.sister_accommodation_section .inner .logo.center {
		margin: 0 auto;
	}

	.sister_accommodation_section .inner .logo.left {
		margin-left: 0;
	}

	.sister_accommodation_section .inner .logo.right {
		right: 0;
	}

		.sister_title {
			margin-bottom: 20px;
		}


/*SCROLL to Top arrow*/
	.fa.scroll_top {
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px!important;
		right: 20px;
		bottom: 20px;
		display: none;
		opacity:1;
		padding: 10px;
		position: fixed;
		text-decoration: none;
		z-index: 999;
	}
		.fa.scroll_top:hover {
			opacity:1;
			-webkit-transition: 1s;
			transition: 1s;
			cursor: pointer;
		}

	/*SCROLL button Types*/
		.scroll-round_edges {
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
		}

		.scroll-square {
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			border-radius: 0px;
		}

		.scroll-round {
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
		}

		.scroll-simple {
			background: none!important;
			font-size: 3rem!important;
		}


	/*.page section .desc h2 { margin-top: 80px!important; }*/
	.page .circle, .room .circle {
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
/* Sections FX */
	/* Curtain */
	.parallax-container.fx--curtain { position: relative; }
	.parallax-container.fx--curtain::after {
		content: "";
		position: absolute;
		z-index: -1;
		width: 100%;
		height: 0;
		opacity: 0.5; /* here */
		background: #000; /* here */
		top: 0px;
		left: 0;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-ms-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
		.parallax-container.fx--curtain.active::after { height: calc(100% + 20px); }



	/* Blur */
	.fx--blur {
		filter: blur(0);
		-webkit-filter: blur(0);
		-webkit-transition: -webkit-filter 4s ease;
		-moz-transition: -webkit-filter 4s ease;
		-ms-transition: -webkit-filter 4s ease;
		-o-transition: -webkit-filter 4s ease;
		transition: -webkit-filter 4s ease;
	}
	.fx--blur.active {
		-webkit-filter: blur(20px);
		filter: blur(20px);
	}

/* Included rooms animations */

.slide {
	overflow: hidden;
}
	.slide .content {
		position: relative;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.slide .backstretch {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	/*SLIDE LEFT (Content Left/Img Right)*/
	.slide.slide--left .content { left: -120%; }
		.slide.slide--left:hover .content { left: 0; }
		.slide.slide--left:hover .backstretch { left: 100%!important; }
	/*SLIDE RIGHT (Content Right/Img Left)*/
	.slide.slide--right .content { left: 120%; }
		.slide.slide--right:hover .content { left: 0; }
		.slide.slide--right:hover .backstretch { left: -100%!important; }

	.slide .content .title {
		opacity: 0;
		transition-delay: 0;
		-webkit-transition-delay: 0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
		.slide:hover .content .title {
			opacity: 1;
			transition-delay: 800ms;
			-webkit-transition-delay: 800ms;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
	.slide .desc {
		opacity: 0;
		transition-delay: 0s;
		-webkit-transition-delay: 0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		line-height: 1.4;
	}
		.slide:hover .desc {
			opacity: 1;
			transition-delay: 2s;
			-webkit-transition-delay: 2s;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
	.slide .button {
		opacity: 0;
		transition-delay: 0s;
		-webkit-transition-delay: 0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
		.slide:hover .button {
			opacity: 1;
			transition-delay: 4s;
			-webkit-transition-delay: 4s;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}


	/*FADE OVERLAY FOR ROOMS & BOXES*/
		.fadeBox .backstretch img {
			transition: opacity 2s;
			backface-visibility: hidden;
		}
	/* FADE BOX SIMPLE */
		.fadeBox:hover .backstretch img {
			opacity: 0.3;
			transition: opacity 0.5s;
		}

		.fadeBox .content header,
		.fadeBox .content .desc,
		.fadeBox .content footer {
			opacity: 0;
			transition: all 0.35s ease;
		}

		.fadeBox:hover .content header {
			opacity: 1;
			transition: all 0.35s ease;
			-webkit-transform: translate3d(0,-20px,0);
			-ms-transform: translate3d(0,-20px,0);
			transform: translate3d(0,-20px,0);
		}

		.fadeBox:hover .content .desc {
			opacity: 1;
			transition: all 0.35s ease;
			-webkit-transform: translate3d(0,20px,0);
			-ms-transform: translate3d(0,20px,0);
			transform: translate3d(0,20px,0);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		.fadeBox:hover .content footer {
			opacity: 1;
			transition:all 0.35s ease;
			-webkit-transform: translate3d(0,20px,0);
			-ms-transform: translate3d(0,20px,0);
			transform: translate3d(0,20px,0);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}



		.fadeBox .content::before,
		.fadeBox .content::after {
			z-index: -1;
			position: absolute;
			top: 30px;
			right: 30px;
			bottom: 30px;
			left: 30px;
			content: '';
			opacity: 0;
			transition: opacity 0.5s, transform 0.5s;
		}

		.fadeBox .content::before {
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			-webkit-transform: scale(0,1);
			-ms-transform: scale(0,1);
			transform: scale(0,1);
		}

		.fadeBox .content::after {
			border-right: 1px solid #fff;
			border-left: 1px solid #fff;
			-webkit-transform: scale(1,0);
			-ms-transform: scale(1,0);
			transform: scale(1,0);
		}

		.fadeBox:hover .content::before,
		.fadeBox:hover .content::after {
			opacity: 1;
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}


	.rooms_wrapper .room,
	.pages_wrapper .page { overflow: hidden; }


	/*FADE BOX TITLE */

		.fadeBox_title:hover .backstretch img {
			opacity: 0.3;
			transition: all 0.5s ease;
		}

		.fadeBox_title .backstretch img {
			backface-visibility: hidden;
		}


		.fadeBox_title .content header {
			opacity: 1;
			display: -webkit-flex;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			flex-direction: column;
			height: auto;
			min-height: 60px;
			font-weight: normal!important; /*Fix for iPad double font rendering*/
			background: rgba(0,0,0,0.1);
			transition: all 0.35s ease-in-out;
			text-shadow: 1px 1px 1px #383838;
		}

			.fadeBox_title .content header h3 {
				line-height: normal;
			}


/*			.rooms_wrapper .room header h3,
			.pages_wrapper .page header h3 {
				margin-bottom: 0;
			}*/

		.fadeBox_title .content .desc {
			opacity: 0;
			transition: all 0.35s ease 0.2s;
		}

		.fadeBox_title .content footer {
			opacity: 0;
			transition: all 0.35s ease 0.6s;
		}

		.fadeBox_title:hover .content header {
			background: rgba(0,0,0,0);
			transition: all 0.35s ease;
			-webkit-transform: translate3d(0,-20px,0);
			-ms-transform: translate3d(0,-20px,0);
			transform: translate3d(0,-20px,0);
		}

		.fadeBox_title:hover .content .desc {
			opacity: 1;
			transition: all 0.35s ease 0.2s;
			-webkit-transform: translate3d(0,20px,0);
			-ms-transform: translate3d(0,20px,0);
			transform: translate3d(0,20px,0);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		.fadeBox_title:hover .content footer {
			opacity: 1;
			transition: all 0.35s ease 0.6s;
			-webkit-transform: translate3d(0,20px,0);
			-ms-transform: translate3d(0,20px,0);
			transform: translate3d(0,20px,0);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}



		.fadeBox_title .content::before,
		.fadeBox_title .content::after {
			z-index: -1;
			position: absolute;
			top: 30px;
			right: 30px;
			bottom: 30px;
			left: 30px;
			content: '';
			opacity: 0;
			transition: opacity 0.5s, transform 0.5s;
		}

		.fadeBox_title .content::before {
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			-webkit-transform: scale(0,1);
			-ms-transform: scale(0,1);
			transform: scale(0,1);
		}

		.fadeBox_title .content::after {
			border-right: 1px solid #fff;
			border-left: 1px solid #fff;
			-webkit-transform: scale(1,0);
			-ms-transform: scale(1,0);
			transform: scale(1,0);
		}

		.fadeBox_title:hover .content::before,
		.fadeBox_title:hover .content::after {
			opacity: 1;
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}

	/***BOXES -- THUMBS**************/
		.pages.thumbs, .room.thumbs {
			max-width: 1280px;
			margin: 0 auto;
            color: #FFF;
        }

        .pages.thumbs.flex-col,
        .room.thumbs.flex-col {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
        }


        /* if room_thumbs are more than 4 */
        .box_thumb.cols--five,
        .box_thumb.cols--six {
            position: relative;
        }

        /* make the first 3 of width: 33% */
		.box_thumb.cols--five:nth-child(-n+3) {
			-webkit-box-flex: 0;
			-webkit-flex: 0 0 33.3333%;
			-ms-flex: 0 0 33.3333%;
				flex: 0 0 33.3333%;
			width: 33.3333%;
		}

		/* make the last 2 of width: 50% */
		.box_thumb.cols--five:nth-child(n+4) {
			-webkit-box-flex: 0;
			-webkit-flex: 0 0 50%;
			-ms-flex: 0 0 50%;
				flex: 0 0 50%;
			width: 50%;
		}


        .box_thumb.cols--six {
            -webkit-box-flex: 0;
    		-webkit-flex: 0 0 25%;
			-ms-flex: 0 0 25%;
				flex: 0 0 25%;
            width: 25%;
        }

		.pages.thumbs .box_thumb > a {
			color: #FFF!important;
		}


		.box_img {
			display: block;
			position: relative;
			height: 300px;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
/*			-webkit-filter: brightness(60%);
			filter: brightness(60%);*/
			transition: all 0.4s ease;
			margin: 10px;
			background-color: #000;
		}

	.title_box {
	    position: absolute;
	    width: calc(100% - 20px);
	    height: 300px;
	    top: 10px;
	    left: 0px;
	    right: 0;
	    text-align: center;
	    margin: 0 auto;
		line-height: normal!important;
		padding: 120px 10px;
	    background: rgba(0,0,0,0.3);
	    opacity: 1;
	    overflow: hidden;
	    font-size: 100%;
	    transition: opacity 0.4s ease 0.15s,
	    			overflow 0.4s ease;
		box-sizing: border-box;
	}


	.title_box { pointer-events: none; }

	.box_img:hover + .title_box {
		background: rgba(0,0,0,0);
		opacity: 0;
		overflow: hidden;
		font-size: 20%!important;
		transition:
			padding 0.4s ease,
			font-size 0.4s ease,
	    	background 0.4s ease,
			opacity 0.4s ease 0.15s;
	}

	.rect_plus {
		width: 100px;
		height: 100px;
		border-radius: 50%;
		background: rgba(0,0,0,0.6);
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: calc(50% - 50px);
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transition: -webkit-transform 0.6s ease;
		-ms-transition: -ms-transform 0.6s ease;
		transition: transform 0.6s ease;



	}

		.rect_plus::before {
		    content: "";
		    position: absolute;
		    width: 40px;
		    height: 2px;
		    background: #FFF;
		    top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		    left: 0;
		    right: 0;
		    margin: 0 auto;
		}

		.rect_plus::after {
		    content: "";
		    position: absolute;
		    width: 2px;
		    height: 40px;
		    background: #FFF;
		    top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		    left: 0;
		    right: 0;
		    margin: 0 auto;
		}


		.box_thumb:hover .rect_plus {
			-webkit-transform: scale(1);
		    -ms-transform: scale(1);
		    transform: scale(1);
		   	-webkit-transform-origin: center center;
		    -ms-transform-origin: center center;
		    transform-origin: center center;
		    transition: transform 0.6s ease  0.3s;
		}


		body.scroll .thumb_content {
			margin-bottom: 80px;
			padding: 40px 0;
		}

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

/*VIMEO CONTROLS*/
.videoWrapper {
 position: relative;
 padding-bottom: 54.25%; /*/ 16:9 /*/
 padding-top: 25px;
 height: 0;
}
.videoWrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.vimeo_controls {
	position: absolute;
	top: 10px;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 50px 0;
	border-color: transparent #007bff transparent transparent;
}
	.vimeo_controls > button {
		font-family: FontAwesome;
		background: transparent;
		border: 0;
		cursor: pointer;
		width: 40px;
		height: 40px;
		line-height: 40px;
		outline: 0;
		position: absolute;
		top: -20px;
		left: 10px;
	}
		.vimeo_controls[data-state='playing'] .vimeo_play { display: none; }
		.vimeo_controls[data-state='playing'] .vimeo_pause { display: block; }
		.vimeo_controls[data-state='stopped'] .vimeo_play { display: block; }
		.vimeo_controls[data-state='stopped'] .vimeo_pause { display: none; }

.hentry footer { position: relative; }
.hentry .toggle.offbox { position: absolute; }
	.hentry .toggle span:first-child, .hentry .hover-toggle span:first-child { display: block; }
	.hentry .toggle span:last-child, .hentry .hover-toggle span:last-child { display: none; }
		.hentry .toggle.active span:first-child, .hentry .hover-toggle.active span:first-child { display: none; }
		.hentry .toggle.active span:last-child, .hentry .hover-toggle.active span:last-child { display: block; }
		#main strong, #main b, .hentry strong, .hentry b { font-weight: bold; }
/* Pricelist */
	.pricelist {
		position: relative;
		width: 100%;
		margin-top: 40px;
		font-size: medium;
	}

	#roomList { display: none; }


	.pricelist .thead, .pricelist .tbody {
		position: relative;
	}
	.pricelist .thead {
		left: 200px;
		width: calc(100% - 200px);
	}
	.pricelist .thead li {
		float: left;
		margin-bottom: 20px;
	}
	.pricelist .thead h4 {
		font-weight: 700;
		margin-bottom: 10px;
		font-size: 2rem!important;
	}
	.pricelist .thead li span {
		display: block;
	}

	.pricelist .tbody li.line { border-bottom: 1px solid; }
		.pricelist .tbody li.line:last-child { border-bottom-width: 0; }
	.pricelist .tbody li.dotted { border-bottom: 1px dotted; }
		.pricelist .tbody li.dotted:last-child { border-bottom-width: 0; }
	.pricelist .tbody li .room_name {
		padding: 5px 0;
		line-height: 20px;
		width: 200px;
		display: block;
		float: left;
		min-height: 40px;
		font-weight: 700;
	}
	.pricelist .tbody .room_name + span {
		display: block;
		float: right;
		width: calc(100% - 200px);
		height: 40px;
	}
	.pricelist .tbody .room_name + span > span {
		display: block;
		/*height: 20px;*/
		float: left;
		margin: 0;
		/*padding-top: 5px;*/
	}

	.pricelist_extra_info {
		margin-top: 120px;
	}

/**********************
//////////////////////
______B L O G_______
////////////////////
******************/
.blog_list, .blog-masonry {
	position: relative;
}

	.blog-item .inner header, .blog-item .inner .desc {
		padding: 0 40px;
	}

	.blog-item .inner .archive_img {
		margin-bottom: 20px;
	}

	.blog_list section {
	    padding: 10px;
	    box-sizing: border-box;
	}

	.blog_list section h2.title {
       font-size: 2.7rem!important;
	}

	.blog_list section .desc {
        text-align: left;
	}


	body.single-post section .desc {
        max-width: 800px;
        margin: 0 auto;
	}

    body.single-post section .desc h2 + p {
        margin-top: 0;
	}

	body.single-post section .desc img {
        max-width: 100%;
        height: auto;
        /* margin-top: 20px; */
	}

    body.single-post section .desc img.alignright,
    body.single-post section .desc p.alignright {
        float: right;
	}

	body.single-post section .inner h1 {
    	font-size: 5rem!important;
	}

	body.single-post section .desc h2 {
		margin-top: 20px;
		font-weight: normal;
	}

	body.single-post section .desc p {
		text-align: left;
		padding: 10px 20px 20px;
		margin-bottom: 0!important;
	}

	body.single-post section .desc p.blog-image-container {
		padding: 0px;
		margin-bottom: 0!important;
    }

    @media screen and (min-width: 961px) {
        .blog-item.cdb-8 {
            width: calc(33.33333% - 20px);
            margin-bottom: 20px;
        }
    }



/**************************
//////////////////////////
______O F F E R S_______
////////////////////////
**********************/
.page-template-page_offers #main section div.offers {
	margin-top: 40px;
}
	.page-template-page_offers #main section div.offers ul li {
		margin-bottom: 80px;
	}
	.page-template-page_offers #main section div.offers ul li .offer_img {
		margin-bottom: 40px;
	}

	.page-template-page_offers #main section div.offers ul li h3 {
		margin-bottom: 10px;
	}

	.page-template-page_offers #main section div.offers ul li div#offer_dates {
		margin-bottom: 20px;
		font-weight: 700;
	}

/* Reviews */
.reviews.inner {
	margin-top: 80px;
}

#reviewsForm {
	/*float: left;*/
	margin-bottom: 80px;
}

/*AWARDS ICON*/
#aside.horizontal .awards .fa-trophy { font-size: 2.2rem; }

.awards .fa-trophy { font-size: 3rem; }

/*REVIEWS FORM in STATIC*/
/*body.static #reviewsForm, body.static ul.reviews { width: calc(100% * (12/24)); }*/

/*When tablet always make both of them 100% width*/
body.desktop.static #reviewsForm, body.tablet.static ul.reviews,
body.tablet.static #reviewsForm, body.tablet.static ul.reviews,
body.mobile.static #reviewsForm, body.mobile.static ul.reviews { width: 100%; }

	body.static #reviewsForm fieldset, #reviewsForm button.review-submit {
	    margin-right: 40px;
	}


	body.desktop.static div.reviews,
	body.tablet.static div.reviews,
	body.mobile.static div.reviews { display: block; }



	body.static ul.reviews { display: inline-block; }

	body.static ul.reviews li { text-align: right; }

	body.static ul.reviews h3, body.static ul.reviews p, body.static ul.reviews span {
	    padding: 5px 0px;
	}
/*************************/

#reviewsForm fieldset, #reviewsForm button.review-submit { margin-right: 80px; }


#reviewsForm fieldset .error {
	color: red;
}

#reviewsForm fieldset .error + input,
#reviewsForm fieldset .error + textarea {
	border: 1px solid red;
}

ul.reviews li {
	margin: 20px 0 20px;
	border-top: 1px dotted #000;
	padding: 20px 0;
}
	ul.reviews li span {
		display: block;
		text-align: right;
		line-height: 1.25;
	}
		ul.reviews li span.reviewer_name {
			margin-top: 20px;
			/*font-size: 125%;*/
			font-weight: 400;
		}

		ul.reviews h3, ul.reviews p, ul.reviews span {
			padding: 5px 60px;
		}

		ul.reviews h3 {
			margin-bottom: 20px;
			font-weight: 400;
			line-height: 1;
		}


	/*Review_Message*/
	fieldset textarea.required {
		resize: none;
	}
		.review_msg {
			display: block;
			width: 200px!important;
			margin: 80px 0;
			padding: 20px;
			text-align: center;
			background: #E4E4E4;
			color: #2A2A2A;
			font-weight: bold;
		}
			.review_msg .fa.fa-check {
				display: block;
				color: #32B319;
			}

			.review_msg .fa.fa-times {
				display: block;
				color: #FF0000;
			}


/* Gallery */
.gallery {
	position: relative;
	width: 100%;
	max-width: 960px;
	left: 0;
	margin: 40px auto;
}
	.single-rooms .gallery { margin: 40px auto; }
	.room_facilities, .hotel_facilities, .generic_facilities, .recreation_facilities { margin-top: 40px; }
	div[class*='facilities'] .cdb-row { border-bottom: 1px solid; padding: 10px 0; }
		div[class*='facilities'] .cdb-row:last-child { border-bottom: 0; }

.grid-sizer, .gallery-item { width: calc(100% / 3); }
.gallery-item a {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-align: center;
}
	.gallery-item a img {
		width: 100%;
		height: auto;
		display: block;
		transition: opacity 0.4s ease;
		backface-visibility: hidden;
	}
	.gallery-item a:hover img {
		opacity: 0.5;
	}


	/*LOADING IMAGES*/

	.loading_gallery {
		position: absolute;
		display: block;
		bottom: -90px;
		left: 0;
		right: 0;
		width: 50%;
	}

	/*LOADER FOR LOADING IMAGES*/
		.loader_gallery,
		.loader_gallery:before,
		.loader_gallery:after {
			border-radius: 50%;
		}
		.loader_gallery:before,
		.loader_gallery:after {
			position: absolute;
			content: '';
		}
			.loader_gallery {
				font-size: 11px;
				text-indent: -99999em;
				margin: 100px auto;
				position: relative;
				width: 5em;
				height: 5em;
				box-shadow: inset 0 0 0 1em;
				-webkit-transform: translateZ(0);
				-ms-transform: translateZ(0);
				transform: translateZ(0);
				position: absolute;
				display: block;
				bottom: -200px;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
				left: 50%;
			}
			.loader_gallery:before {
				width: 2.6em;
				height: 5.1em;
				border-radius: 5.1em 0 0 5.1em;
				top: -0.1em;
				left: -0.1em;
				-webkit-transform-origin: 2.6em 2.55em;
				transform-origin: 2.55em 2.55em;
				-webkit-animation: load2 1s infinite ease 0.5s;
				animation: load2 1s infinite ease 0.5s;
			}
			.loader_gallery:after {
				width: 2.6em;
				height: 5.1em;
				border-radius: 0 5.1em 5.1em 0;
				top: -0.1em;
				left: 2.55em;
				-webkit-transform-origin: 0px 2.55em;
				transform-origin: 0px 2.55em;
				-webkit-animation: load2 1s infinite ease;
				animation: load2 1s infinite ease;
			}

			@-webkit-keyframes load2 {
			  0% {
			    -webkit-transform: rotate(0deg);
			    transform: rotate(0deg);
			  }
			  100% {
			    -webkit-transform: rotate(360deg);
			    transform: rotate(360deg);
			  }
			}

			@keyframes load2 {
			  0% {
			    -webkit-transform: rotate(0deg);
			    transform: rotate(0deg);
			  }
			  100% {
			    -webkit-transform: rotate(360deg);
			    transform: rotate(360deg);
			  }
			}

		.loader_gallery.hide { display: none; }

/* Google map */
.gMap {
	min-height: 400px;
}



/*********/
/* ASIDE */
/*********/

#aside { z-index: 1200; }
#aside.fixed { position: fixed; }
#aside.horizontal {  width: 100%; }

#aside.horizontal .inner {
	max-width: 100%;
	padding-right: 20px;
	box-sizing: border-box;
}

	#aside.horizontal .inner > * { display: inline-block; padding: 5px; }
	#aside.horizontal.fixed { top: 0; }
	#aside.horizontal.right { text-align: right; }
#aside.absolute { position: absolute; right: 0; }
#aside.vertical.fixed { right: 0; }
#aside.vertical.top { top: 0; }
#aside.vertical.middle {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#aside.vertical.bottom { bottom: 0; }
	#aside.vertical .inner > div { margin-bottom: 10px; padding: 10px; text-align: center; }
		#aside.vertical .inner > div:last-child { margin-bottom: 10px; }
		#aside.vertical .inner > div.social > span a { display: block; padding: 10px; }
		#aside.vertical .inner > div.video > span a { display: block; padding: 10px; }
		#aside.vertical .inner > div#weather { text-align: center; }
			#aside.vertical .inner > div#weather > span { display: block; }
				#aside.vertical .inner > div#weather .currently { font-size: 80%; }
				#aside.vertical .inner > div#weather .temp > i { display: block; font-size: 200%; line-height: 1; }
		#aside.vertical .inner > div.trip_advisor { cursor: pointer; }
		#aside.vertical .inner > div.res_request { cursor: pointer; }
			#aside.vertical .inner > div.res_request span { display: block; }

	#qtranslate-chooser .active { font-weight: bold!important; }

	.social_general_button > .fa {
		 padding: 10px;
	}

	.social_general_button + span.hidden {
		display: none;
	}

	#aside div.langs li[class*="lang-"] {
		padding: 5px;
	}

	#aside.horizontal .inner .social span > a { padding: 5px; }



/*LANGUAGES DROP-DOWN OPTIONS GENERAL*/
	.langs.button_general ul > li:not(.active) {
		margin: 5px;
	}

/*LANGUAGES DROP-DOWN OPTIONS IN HEADER*/

.site-header .nav_toggle .langs.button_general {
	position: absolute;
	top: 0;
	right: 20px;
	margin: 0 40px;
	transition: font-size 0.4s ease;
}

/*Header minimize*/
.site-header.minimize .nav_toggle .langs.button_general,
.site-header.minimize .nav_toggle .langs.button_general ul > li {
	line-height: 1!important;
}



	.site-header .nav_toggle .langs.button_general ul { line-height: inherit; }

		.nav_toggle .langs.button_general ul > li {
			line-height: 2!important;
			opacity: 0;
			transition: opacity 0.4s ease;
			padding: 10px 0;
		}


		.langs.button_general ul > li.active {
			opacity: 1;
			cursor: pointer;
		}

			.langs.button_general ul > li.active a {
				pointer-events: none;
			}


				.langs.button_general ul li.active i.fa {
					font-size: 1.5rem;
				    margin-left: 5px;
				    vertical-align: middle;
				}

					.langs.button_general ul li.active i.fa:hover {
						cursor: pointer;
					}


	.langs.button_general ul.open > li:not(.active) {
		-webkit-animation: fadeIn 0.6s ease forwards;
		animation: fadeIn 0.6s ease forwards;
	}


/*LANGUAGES DROP-DOWN OPTIONS IN ASIDE*/
	#aside .inner .langs.button_general {
		transition: all 0.4s ease;
		margin: 5px;
	}


#aside .inner .langs.button_general > .language-chooser >  li.show_langs {
	display: block;
}



/*LANGUAGES DROP-DOWN OPTIONS IN FOOTER*/
.site-footer .langs.button_general > .language-chooser >  li.active { display: block; }

/*this is general "none"*/
.langs.button_general > .language-chooser >  li.hide_langs {
	display: none;
}

/*this must be inline-block only in footer*/
.site-footer .langs.button_general > .language-chooser >  li.show_langs {
	display: inline-block;
}





/*SOCIAL GENERAL BUTTON DROP-DOWN OPTIONS*/

.nav_toggle .social_general_active {
	position: absolute;
	top: 6px;
	right: 0;
}

.site-header.minimize .nav_toggle .social_general_active,
.site-header.transparent .nav_toggle .social_general_active {
	top: 0;
}

.social_general_active .social_general_button { margin-bottom: 10px; }

.social_general_active .social_general_button:hover { cursor: pointer; }

.social_general_active .social_general_button + span { text-align: center; }

	.social_general_active .social_general_button + span.hidden > a { opacity: 0; }

	.social_general_active .social_general_button + span > a {
		display: block;
		padding: 10px 0;
		line-height: 1;
		-webkit-animation: fadeIn 0.6s ease forwards;
		animation: fadeIn 0.6s ease forwards;
	}


/*SOCIAL IN NEW HEADERS*/

/*body.desktop .nav_toggle.open .social {
	position: absolute;
	display: block;
	right: 20px;
}

body.desktop .nav_toggle.open .social > span > a { display: inline-block; }*/

/*********************/
/*	ERROR 404 PAGE   */
/*********************/

	body.error404 section {
		padding: 100px 0;
		text-align: center;
	}

		body.error404 section h1 {
			font-size: 800%!important;
		}

		body.error404 section .desc {
			font-weight: 400;
			font-size: 150%;
		}


/*********************/
/* RESERVATION MODAL */
/*********************/
.g-recaptcha div, .g-recaptcha div div {
	width: inherit!important;
    height: inherit!important;
}

#reservationFormSubmit:hover{
	background: white;
	color: black!important;
}

#reservation_form {
	font-family: 'Roboto';
	margin-top: 50px;
}

#reservation_form h2 { margin-bottom: 40px; }

#reservation_form textarea {
    padding: 20px;
    border: 1px solid #FFF;
    color: #DCDCDC;
    background: transparent;
    font-size: 1.5rem;
    font-family: 'Roboto';
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#reservation_form label {
	font-weight: 500!important;
	padding: 1rem 0!important;
}

#reservation_form .error {
	color: #F00;
}

#reservation_form input[type=text],
#reservation_form input[type=date],
#reservation_form input[type=number],
#reservation_form input[type=tel],
#reservation_form input[type=email],
#reservation_form select {
	font-family: 'Roboto'!important;
	font-weight: 300!important;
	font-size: 1.5rem!important;
    height: 38px;
	padding: 0.5rem!important;
	border: none!important;
	border-bottom: 1px solid #FFF!important;
	background: none;
	margin-bottom: 30px!important;
	width: 100%!important;
	color: #DCDCDC!important;
	outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#reservation_form select {
	-webkit-appearance: menulist;
	text-indent: 1px;
	text-overflow: '';
	font-weight: 400!important;
	color: #A6A6A6!important;
}

#reservation_form select > option {
	-webkit-appearance: menulist;
}

#reservation_form .captcha_container {
	text-align: center;
	padding: 20px 0;
}
	#reservation_form .captcha_container input {
		width: 200px;
	}

	#reservation_form .captcha {
		display: block;
		margin: 40px auto 0!important;
	}


#reservation_form .cdb-form-button {
	text-align: center;
	margin-top: 20px;
}


.mfp-wrap {
	z-index: 4400!important;
}

.mfp-bg {
	z-index: 4000!important;
}

.mfp-bg.mfp-ready {
	background: #000;
	opacity: 0.95;
}


/*.mfp-close:before {
	content: '×';
}*/

#reservation_form .mfp-close {
	position: absolute!important;
    right: 0;
    top: 20px!important;
    color: #FFF!important;
    width: 60px!important;
    height: 40px!important;
    font-size: 30px;
}

#reservation_form .bodyform {
	position: relative;
	top: 0;
	left: 0;
	z-index: 9999;
}

	#reservation_form .required {
		font-weight: 100!important;
		margin-left: 2px;
		font-size: 2rem;
	}

	#reservationFormSubmit {
		padding: 10px!important;
		border: none!important;
		height: 60px;
		font-size: 1.75rem!important;
		color: #FFF!important;
		cursor: pointer;
		margin-bottom: 40px;
		width: 50%;
		border-radius: 3px;
	}


	.room_facilities h3, .hotel_facilities h3 {
		margin-bottom: 20px;
	}

#reservation_form #nights { text-align: center; margin: 10px auto; }


/*INVISIBLE CAPTCHA*/
.grecaptcha-badge {
	bottom: 140px!important;
	z-index: 9;
    background: #FFF;
}



/**********/
/* FOOTER */
/**********/

footer.site-footer { z-index: 1; position: relative; }
footer.site-footer .nav-menu li { display: inline-block; }
footer.site-footer.left { text-align: left; }
footer.site-footer.center { text-align: center; }
footer.site-footer.right { text-align: right; }
footer.site-footer .credits .credit { width: 100px; }
footer.site-footer.sep--shortline::before {
	content: '';
	width: 100px;
	height: 2px;
	position: absolute;
	top: 0;
	left: calc(50% - 50px);
}

footer.site-footer.sep--shortline_double::before {
	content: '';
	width: 100px;
	height: 2px;
	position: absolute;
	top: 0;
	left: calc(50% - 50px);
}

footer.site-footer.sep--shortline_double::after {
	content: '';
	width: 100px;
	height: 1px;
	position: absolute;
	top: 4px;
	left: calc(50% - 50px);
}

footer.site-footer.sep--faded_edges::after {
	content: '';
	height: 1px;
	position: absolute;
	top: 2px;
}

footer.site-footer div.social > a { display: inline-block; padding: 10px; }
footer.site-footer div.langs li { display: inline-block; padding: 5px; }

footer.site-footer .logo {
	display: block;
	margin-bottom: 20px;
}

	footer.site-footer .logo img {
		max-width: 100%;
		height: auto;
		display: block;
	}

/*****************/
/* CONTACT INFO */
/*****************/
.contact-info { display: block; }
	/*.contact-info.center { text-align: center; }
	.contact-info.right { text-align: right; }*/
	.contact-info > div, .contact-info + div { margin-top: 8px; }
	.contact-info .position > span:not(:last-child)::after { content: ','; }
	.contact-info .nums > span:nth-child(n+2) { margin-left: 12px; }
	.contact-info .nums > span span.fa { margin-right: 7px; }
	.contact-info a { display: inline-block; }

/***********/
/* CREDITS */
/***********/

.credits { display: block; }
	.credits.left { text-align: left; }
	.credits.center { text-align: center; }
	.credits.right { text-align: right; }

	.credits a { display: inline-block; margin: 10px; }
	.credits svg {
		max-width: 120px;
		height: 80px;
	}

.greeka_logo img {
	width: 40%;
}

/********************/
/* FULLSCREEN IMAGE */
/********************/

#staticbg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -9999;
	background-size: cover;
}

/**************/
/* SUPERSIZED */
/**************/
.supersized-wrapper {
	position: fixed;
	z-index: -9999;
	overflow: hidden;
}
	.supersized-wrapper #supersized { position: relative; }
		.supersized-wrapper #supersized li { position: absolute; }
	/* Thumbs, previous and next */
	#nextthumb, #prevthumb {
		bottom: initial;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		overflow: hidden;
	}

	#nextthumb:active, #prevthumb:active { bottom: initial; }
	#nextthumb { right: 0; }
	#prevthumb { left: 0; }

	/* Thumbs, full list */
	#thumb-tray {
		display: inline-block!important;
		bottom: initial!important;
		position: absolute;
		left: initial;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
		ul#thumb-list {
			width: initial!important;
		}
			ul#thumb-list li {
				width: inherit;
				height: inherit;
				background: transparent;
			}
				ul#thumb-list li img {
					width: initial;
				}

	/* Bullets */
	#slide-list {
		padding: 0!important;
		bottom: initial!important;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
		#slide-list li {
			margin-right: 0!important;
		}

	/* Progress bar */
	#progress-back {
		position: absolute;
		z-index: 0;
		left: 0;
		width: 100%;
	}
		#progress-back.top { top: 0; }
		#progress-back.bottom { bottom: 0; }
	#progress-bar {
		position: relative;
		height: 100%;
		width: 100%;
	}

#res_request {
	display: none;
	position: fixed;
	z-index: 999999;
	width: 100%;
	/*height: 100%;*/
	top: 0;
	left: 0;
	overflow: auto;
	background-color: rgba(0,0,0,0.9);
	color: #FFF;
}
	#res_request button.fa {
		display: block;
		width: 20px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		position: fixed;
		right: 40px;
		top: 40px;
		background-color: transparent;
		color: #FFF;
		border: 0;
		cursor: pointer;
		opacity: 0.5;
	}
		#res_request button.fa:hover {
			opacity: 1;
		}
#res_request li, #res_request #nights {
	position: relative;
}
	#res_request #nights {
		text-align: right;
	}
		#res_request #nights::after {
			content: "\f186";
			position: absolute;
			top: -20px;
			right: 0;
			font-family: FontAwesome;
		}
#res_request form {
	max-width: 600px;
	margin: 40px auto;
}

	#res_request label, #res_request input, #res_request select, #res_request textarea {
		width: 100%;
		margin: 5px 0;
	}
	#res_request input, #res_request select, #res_request textarea {
		padding: 10px;
		min-height: 20px;
	}
	.messageStatus {
		text-align: center;
		border-bottom: 1px solid #FFF;
		font-size: 2rem;
	}

	.messageStatus span.fa { margin-right: 5px; }
	#reservation_form h2 + div .fa-calendar {
		margin-right: 10px;
	}
	#reservation_form .online_booking_message {
		margin: 40px 0;
		font-weight: 400;
	}

/********/
/* VIDE */
/********/

.vide_wrapper {
	position: absolute;
	z-index: -99999;
}

/*BOOKONLINENOW*/
.datapicker_web_start_bookonlinenow, .datapicker_web_end_bookonlinenow, .num_web_adult, .num_web_children, .num_web_rooms, .num_web_babie {
	padding: 5px 0;
	font-size: 15px;
	text-align: center;
}

/*FLEXIBOOK*/
.datapicker_web_start_flexibook, .datapicker_web_end_flexibook, .accesscode, .agentcode {
	padding: 5px 0;
	font-size: 15px;
	text-align: center;
}


/*WEB HOTELIER*/
.reservation_form_wh {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}


.reservation_form_wh .fa-plus-circle:hover,
.reservation_form_wh .fa-minus-circle:hover {
	transition: all 0.4s ease;
}

.reservation_form_wh .fa-plus-circle:hover,
.reservation_form_wh .fa-minus-circle:hover {
	cursor: pointer;
}

.datapicker_web_start, .datapicker_web_end, .num_web_adult, .num_web_children, .num_web_babie {
	padding: 5px 0;
	font-size: 15px;
	text-align: center;
}

/*Pmshotelair*/
.datapicker_web_start_Pmshotelair, .datapicker_web_end_Pmshotelair, .num_web_adult, .num_web_children {
	padding: 5px 0;
	font-size: 15px;
	text-align: center;
}

.datapicker_web_start_Pmshotelair, .datapicker_web_end_Pmshotelair {
	margin-top: 5px;
}

/*SYNCREZ RESERVATION*/
.datapicker_sync_start, .datapicker_sync_end, .num_sync_adult, .num_sync_children, .num_sync_babie {
	padding: 5px;
	font-size: 15px;
	text-align: center;
}

.controls_sync_adult .fa:hover,
.controls_sync_children .fa:hover,
.controls_sync_babie .fa:hover {
	cursor: pointer;
}


.sync_button.mobile {
	text-align: center;
    margin-top: 20px;
    display: inline-block;
}

#button_sync_search.mobile, #button_web_search.mobile {
	 position: relative;
}

.num_sync_adult,
.num_sync_children,
.num_sync_babie {
	text-align: center;
	pointer-events: none;
}

.reservation_form_sync form {
	/*padding: 20px;*/
	font-size: 1.8rem;
}



body.scroll .reservation_form_sync form,
body.scroll .reservation_form_wh form {
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(61,61,61,1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(61,61,61,1);
	box-shadow: 0px 1px 2px 0px rgba(61,61,61,1);
}

.reservation_form_sync input,
.reservation_form_wh input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.reservation_form_sync div:first-child,
.reservation_form_wh div:first-child {
	margin-bottom: 20px;
}

.reservation_form_sync div:nth-child(2) > div label,
.reservation_form_wh div:nth-child(2) > div label {
	margin-bottom: 5px;
	text-align: center;
	display: inline-block;
}

.reservation_form_sync > form > div:nth-of-type(2),
.reservation_form_wh > form > div:nth-of-type(2) {
	margin-top: 20px;
}

body.static .reservation_form_sync {
	padding-left: 20px;
	padding-right: 20px;
}

body.static .reservation_form_sync form.inner {
	max-width: 640px;
}

.sync_adult_label,
.controls_sync_adult,
.sync_children_label,
.controls_sync_children,
.sync_babies_label,
.controls_sync_babie,
.web_adult_label,
.controls_web_adult,
.web_children_label,
.web_rooms_label,
.controls_web_children,
.controls_web_rooms,
.web_babies_label,
.controls_web_babie {
	margin-bottom: 5px;
	text-align: center;
	display: inline-block;
}

.sync_button,
.web_button {
	position: relative;
}

	#button_sync_search {
		white-space: nowrap;
		position: absolute;
		bottom: 0;
		left: 0;
		top: 55%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.web_button {
		display: inline-block;
		margin-top: 30px;
	}


		div#ui-datepicker-div {
			z-index: 9999!important;
		}

	body.static #button_sync_search {
		position: relative;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}


	body.static .sync_button { display: inline-block; margin-top: 20px; }


/*********	BODY SCROLL THEME  **********/

/*BODY SCROLL*/

body.scroll {
   overflow-x: hidden!important;
 }



.scroll_button_offer {
	position: fixed;
	top: 90%;
	left: 0;
	z-index: 3;
}

.scroll_button_offer a {
	padding: 10px;
	z-index: 4;
}

body.scroll .box_right {
	top: 0;
	right: 0;
	position: absolute;
	/*width: 50%;*/
	height: 100%;
}

body.scroll .box_left {
	top: 0;
	left: 0;
	position: absolute;
	/*width: 50%;*/
	height: 100%;
}

	body.scroll .section_content_box, body.scroll .box_text .inner {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

		body.scroll .box_text .inner {
			box-sizing: border-box;
			padding: 60px;
		}


		body.scroll .box_text .inner .line_fade {
			backface-visibility: hidden;
		}

		body.scroll .box_text.cdb-quarter .inner { padding: 0; }

	body.scroll .boxes_right_top {
		top: 0;
		right: 0;
		position: absolute;
		width: 50%;
		height: 50%;
	}

body.scroll .boxes_left_top {
	top: 0;
	left: 0;
	position: absolute;
	width: 50%;
	height: 50%;
}

body.scroll .boxes_right_bottom {
	top: 50%;
	right: 0;
	position: absolute;
	width: 50%;
	height: 50%;
}

body.scroll .boxes_left_bottom {
	top: 50%;
	left: 0;
	position: absolute;
	width: 50%;
	height: 50%;
}


body.scroll .header_image_texture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

	body.scroll .svg_mouse,
	body.scroll .header_image_button,
	body.scroll .section_content_box {
		z-index: 2;
	}

	body.scroll .header_image_button.svg_mouse { position: absolute; bottom: 20px; }


/*********	/BODY SCROLL THEME  **********/



/*********	BODY SCROLL THEME: SCROLL TO CONTENT ANIMATIONS  *********/
	/*CONTENT ANIMATIONS */

	/*Fade To Top*/
	body.scroll .fade_to_top { opacity: 0; }

	body.scroll .fade_to_top.active_box {
		-webkit-animation: fadeInUpBox 1s ease forwards 0.2s;
		animation: fadeInUpBox 1s ease forwards 0.2s;
	}


	body.scroll .fade,
	body.scroll .fade_step_1,
	body.scroll .fade_step_2,
	body.scroll .fade_step_3 { opacity:0; }

	body.scroll .fade_step_1.in_view {
		-webkit-animation: fadeInUp 1.2s ease forwards 0.2s;
		animation: fadeInUp 1.2s ease forwards 0.2s;
	}


	body.scroll .fade_step_2.in_view {
		-webkit-animation: fadeInUp 1.4s ease forwards 0.2s;
		animation: fadeInUp 1.4s ease forwards 0.2s;
	}

	body.scroll .fade_step_3.in_view {
		-webkit-animation: fadeInUp 1.6s ease forwards 0.2s;
		animation: fadeInUp 1.6s ease forwards 0.2s;
	}

	@-webkit-keyframes fadeInUp {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 50%, 0);
	    -ms-transform: translate3d(0, 50%, 0);
	    transform: translate3d(0, 50%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	  }
	}

	@keyframes fadeInUp {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 50%, 0);
	    -ms-transform: translate3d(0, 50%, 0);
	    transform: translate3d(0, 50%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	  }
	}

	@-webkit-keyframes fadeInUpBox {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 10%, 0);
	    -ms-transform: translate3d(0, 10%, 0);
	    transform: translate3d(0, 10%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	  }
	}

	@keyframes fadeInUpBox {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 10%, 0);
	    -ms-transform: translate3d(0, 10%, 0);
	    transform: translate3d(0, 10%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	  }
	}


	/*SLIDE RIGHT*/

		body.scroll .slide_left {
			left: -160%;
		}


		body.scroll .slide_right {
			left: 160%;
		}

		body.scroll .slide_right.in_view {
			-webkit-animation: fadeInRight 2s ease forwards 0.2s;
			animation: fadeInRight 2s ease forwards 0.2s;
		}

			@-webkit-keyframes fadeInRight {
			  from {
			    opacity: 0;
			    left: 160%;
			  }

			  to {
			    opacity: 1;
			    left: 0;
			  }
			}

			@keyframes fadeInRight {
			  from {
			    opacity: 0;
			    left: 160%;
			  }

			  to {
			    opacity: 1;
			    left: 0;
			  }
			}


	/*SLIDE LEFT*/

		body.scroll .slide_left {
	      left: -160%;
	   	}
		body.scroll .slide_left.in_view {
			-webkit-animation: fadeInleft 1s ease forwards 0.2s;
			animation: fadeInleft 1s ease forwards 0.2s;
		}

			@-webkit-keyframes fadeInleft {
			  from {
			    opacity: 0;
			    left: -160%;
			  }

			  to {
			    opacity: 1;
			    left: 0;
			  }
			}

			@keyframes fadeInleft {
			  from {
			    opacity: 0;
			    left: -160%;
			  }

			  to {
			    opacity: 1;
			    left: 0;
			  }
			}


	/*FADE IN*/
		body.scroll .fade.in_view {
			-webkit-animation: fadeIn 1s ease forwards 0.2s;
			animation: fadeIn 1s ease forwards 0.2s;
		}

		body.scroll .fade.active_box {
			-webkit-animation: fadeIn 1s ease forwards 0s;
			animation: fadeIn 1s ease forwards 0s;
		}

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

				to {
					opacity: 1;
				}
			}

			@keyframes fadeIn {
				from {
					opacity: 0;
				}

				to {
					opacity: 1;
				}
			}

	/*SLIDE TOP (for content in boxes)*/

		body.scroll .slide_top { opacity: 0; }

		body.scroll .slide_top.in_view {
			-webkit-animation: slideTop 1s ease forwards 0.2s;
			animation: slideTop 1s ease forwards 0.2s;
		}

			@-webkit-keyframes slideTop {
			  from {
			    opacity: 0;
			    -webkit-transform: translateY(100%);
			    -ms-transform: translateY(100%);
			    transform: translateY(100%);
			  }

			  to {
			    opacity: 1;
			    -webkit-transform: translateY(-50%);
			    -ms-transform: translateY(-50%);
			    transform: translateY(-50%);
			  }
			}

			@keyframes slideTop {
			  from {
			    opacity: 0;
			    -webkit-transform: translateY(100%);
			    -ms-transform: translateY(100%);
			    transform: translateY(100%);
			  }

			  to {
			    opacity: 1;
			    -webkit-transform: translateY(-50%);
			    -ms-transform: translateY(-50%);
			    transform: translateY(-50%);
			  }
			}


	/*ANIMATIONS FOR SCROLL_ONE THEME*/
	  /*IMAGES ZOOM EFFECT*/

	  @-webkit-keyframes zoomImageIn {
		  0% {
			-webkit-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
		  }

		  50% {
			-webkit-transform: scale(1.3);
			-ms-transform: scale(1.3);
			transform: scale(1.3);
		  }

		  100% {
			-webkit-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
		  }
		}

		@keyframes zoomImageIn {
		  0% {
			-webkit-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
		  }

		  50% {
			-webkit-transform: scale(1.3);
			-ms-transform: scale(1.3);
			transform: scale(1.3);
		  }

		  100% {
			-webkit-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
		  }
		}

/*********	/BODY SCROLL THEME: SCROLL TO CONTENT ANIMATIONS  *********/


		/*Map Icons*/


		.map_controls {
			z-index: 2;
			position: absolute;
			width: 100%;
			top:0;
			font-family: 'Roboto', sans-serif;
		}

			.map_controls.left .map_info {
				position: absolute;
				top: 0;
				left: 0;
				padding: 15px;
				-webkit-transition: all 0.3s;
				transition: all 0.3s;
				text-align: center;
			}

						.map_info:hover {
							cursor: pointer;
							background: #000;
							opacity: 0.8;
						}

			.map_controls.right .map_info {
				position: absolute;
				top: 0;
				right: 0;
				padding: 15px;
				-webkit-transition: all 0.3s;
				transition: all 0.3s;
				text-align: center;
			}


					.map_controls.left .map_info-options {
						position: absolute;
						top: 70px;
						left: 0;
						width: 120px;

					}


					.map_controls.right .map_info-options {
						position: absolute;
						top: 70px;
						right: 0px;
						width: 120px;

					}

						.map_info-options ul {
							padding: 0;
						}

						.map_info-options ul li {
							background: #000;
							color: #FFF;
							white-space: nowrap;
							margin-bottom: 7px;
							opacity: 0.8;
							-webkit-transition: all 0.3s;
							transition: all 0.3s;
						}

							.map_info-options ul li > span {
								padding: 8px;
								display: block;
							}


							.map_info-options ul li:hover:not(:last-child) {
								cursor: pointer;
								opacity: 1;
							}

							.map_info-options ul li.pin-reference span {
								display: block;
								font-size: 14px;
								padding: 2px;
								margin-bottom: 5px;
							}

								#ref_activities {
									border-left: 6px solid #EF80B2;
									-webkit-transition: all 0.3s;
									transition: all 0.3s;
								}
									#ref_activities:hover {
										border-left: 18px solid #EF80B2;
										cursor: pointer;
									}


								#ref_bank {
									border-left: 6px solid #54ff5c;
									-webkit-transition: all 0.3s;
									transition: all 0.3s;
								}
									#ref_bank:hover {
										border-left: 18px solid #54ff5c;
										cursor: pointer;
									}



								#ref_beach {
									border-left: 6px solid #0099DB;
									-webkit-transition: all 0.3s;
									transition: all 0.3s;
								}

									#ref_beach:hover {
										border-left: 18px solid #0099DB;
										cursor: pointer;
									}


								#ref_entertainment {
									border-left: 6px solid #54C9FF;
									-webkit-transition: all 0.3s;
									transition: all 0.3s;
								}

									#ref_entertainment:hover {
										border-left: 18px solid #54C9FF;
										cursor: pointer;
									}


								#ref_other {
									border-left: 6px solid #232323;
									-webkit-transition: all 0.3s;
									transition: all 0.3s;
								}

									#ref_other:hover {
										border-left: 18px solid #232323;
										cursor: pointer;
									}


								#ref_shops {
									border-left: 6px solid #812A8E;
									-webkit-transition: all 0.3s;
									transition: all 0.3s;
								}

									#ref_shops:hover {
										border-left: 18px solid #812A8E;
										cursor: pointer;
									}


								#ref_sightseeing {
									border-left: 6px solid #F4B02C;
									-webkit-transition: all 0.3s;
									transition: all 0.3s;
								}

									#ref_sightseeing:hover {
										border-left: 18px solid #F4B02C;
										cursor: pointer;
									}


								#ref_transport {
									border-left: 6px solid #A9A3A1;
									-webkit-transition: all 0.3s;
									transition: all 0.3s;
								}

									#ref_transport:hover {
										border-left: 18px solid #A9A3A1;
										cursor: pointer;
									}



								#ref_village {
									border-left: 6px solid #88BB00;
									-webkit-transition: all 0.3s;
									transition: all 0.3s;
								}

									#ref_village:hover {
										border-left: 18px solid #88BB00;
										cursor: pointer;
									}

					/*the svg icons for the map bubbles*/
					.gm-style-iw {
						color: #000;
					}

					#gMap .gm-style div .gm-style-iw div .bubble_logo img {
						opacity: 1;
					}

						#gMap .gm-style div .gm-style-iw div img {
						opacity: 0.5;
					}

					/*the font family for the map bubbles*/
					.gm-style-iw div h4, .gm-style-iw div h5 {
						font-family: 'Roboto-slab', serif!important;
						font-size: 3.5rem!important;
					}

						.gm-style-iw div h5 {
							opacity: 0.5;
							margin: 5px auto;
							padding: 5px;
							position: relative;
						}

							.gm-style-iw div h5:after {
								content: "";
								width: 100%;
								height: 1px;
								position: absolute;
								top: 0;
								left: 0;
								background: #4A4A4A;
							}

							.bubble_business_name {
								font-size: 18px;
								font-weight: bold;
							}

	/************* INTRO LOADER *****************/
		.pace_custom {
			-webkit-pointer-events: none;
			pointer-events: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			user-select: none;
			z-index: 2000;
			position: fixed;
			margin: auto;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
/*			height: 746px;
			width:  746px;*/
			margin: 0 auto;
			overflow: hidden;
			background-size: contain!important;
		    background-position: center center!important;
			-webkit-animation: fadeInPaceLoader 2s forwards;
			animation: fadeInPaceLoader 2s forwards;
		}

			@-webkit-keyframes fadeInPaceLoader {
			    0% { opacity: 0; }
			    100% { opacity: 1; }
			}

			@keyframes fadeInPaceLoader {
			    0% { opacity: 0; }
			    100% { opacity: 1; }
			}


			.pace_custom.pace-inactive {
			  -webkit-animation: fadeOutPaceLoader 0.5s forwards;
			  animation: fadeOutPaceLoader 0.5s forwards;
			}

				@-webkit-keyframes fadeOutPaceLoader {
				    0% { opacity: 1; }
				    100% { opacity: 0; }
				}

				@keyframes fadeOutPaceLoader {
				    0% { opacity: 1; }
				    100% { opacity: 0; }
				}




	/*SCROLL THEME > BULLETS*/

	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	    height: 12px;
	    width: 12px;
	    margin: -6px 0 4px -6px;
	    border-radius: 100%;
	    background: #FFF;
	}

	#fp-nav ul li a span, .fp-slidesNav ul li a span {
	    border-radius: 50%;
	    position: absolute;
	    z-index: 1;
	    height: 8px;
	    width: 8px;
	    border: 2px solid #FFF;
	    background: transparent;
	    left: 50%;
	    top: 50%;
	    margin: -4px 0 4px -4px;
	    -webkit-transition: all 0.1s ease-in-out;
	    -moz-transition: all 0.1s ease-in-out;
	    -o-transition: all 0.1s ease-in-out;
	    transition: all 0.1s ease-in-out;
	}


/*RESERVATION FORM for TABLETS*/
body.tablet #reservation_form input[type=text],
body.tablet #reservation_form input[type=date],
body.tablet #reservation_form input[type=number],
body.tablet #reservation_form input[type=tel],
body.tablet #reservation_form input[type=email],
body.tablet #reservation_form select { width: 60%!important; }




	/*Hide 'discover more' button in normal theme without intro-slider*/
	body.tablet.home.normal .backstretch_header.included_4_4 .header_image_button,
	body.mobile.home.normal .backstretch_header.included_4_4 .header_image_button { display: none; }

	/*body.tablet #aside.absolute.before_header,
	body.tablet #aside.absolute.before_header + header.site-header.horizontal.absolute { position: relative; }*/


/*COMPLAINTS FORM*/
#complaintsForm input,
#complaintsForm textarea,
#complaintsForm button { font: 400 16px Arial,sans-serif; }
.complaints label { display: block; }

.complaints label.error { color: red; }

.complaints label.error + input { border: 1px solid red; }

.complaints label + input { margin-bottom: 20px; padding: 5px; width: 50%; }

.complaints textarea { width: 100%; padding: 10px; }

.complaintsMsg {
    position: relative;
}

.complaintsMsg::before {
	content: "";
	position: absolute;
	width: 60%;
	top: 100%;
	right: 0;
	left: 0;
	margin: 0 auto;
	height: 2px;
	background: lightgreen;
}

.complaintsMsg + form { display: none; }


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



@media screen and (min-width: 961px) {

	header.site-header.horizontal .nav-menu ul:not(.sub-menu) > li { display: inline-block; }

	.site-header.central .inner .nav_toggle .langs:not(.button_general),
	.site-header.central .inner .nav_toggle .social:not(.social_general_active) {
		display: inline-block;
		width: auto;
		position: absolute;
		top: 0;
		right: 0;
		box-sizing: border-box;
	}


	header.site-header.minimize .nav_toggle .nav-menu,
	header.site-header.transparent .nav_toggle .nav-menu {
		height: 100%;
	}

	header.site-header.minimize .nav_toggle .nav-menu,
	header.site-header.transparent .nav_toggle .nav-menu {
		display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
	}


	header.site-header.minimize .nav_toggle,
	header.site-header.transparent .nav_toggle {
		/*height: auto;*/
		/* line-height: 100px; */

		left: 0;
		width: 100%;
		/* transition: line-height 0.3s ease; */
	}

	.site-header.minimize.sticky .nav_toggle .nav-menu,
 	.site-header.minimize.sticky .nav_toggle > div.langs {
 		font-size: 80%;
 	}

	.site-header.minimize .nav_toggle > div.langs:not(.button_general) {
		height: auto;
	}

		/* .site-header.minimize .nav_toggle > div.langs:not(.button_general) > ul#qtranslate-chooser {
			display: table-cell;
			vertical-align: middle;
		} */


	/* .site-header.normal.horizontal .nav_toggle > div.langs:not(.button_general) {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0px;
		transition: all 0.4s ease;
	} */

	/* .social,
	#qtranslate-chooser { display: block; padding: 5px; } */

	.site-header:not(.burger_vertical) .language-chooser {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
	}

	.site-header .language-chooser > li {
		padding: 0 5px;
	}

	/*hide home text in mobile menus */
	body:not(.mobile) .nav-menu .hide-text { display: none; }

/*********HEADER OPTIONS********/
	/*GENERAL HEADER COMPONENTS STYLES for > 960* and for burger desktop*/
	body .site-header .nav_select > div {
		margin: 10px auto;
		padding: 10px;
		width: 55%;
		float: none;
		/* line-height: 5vh; */
	}

	/*fix logo blurring in certain headers*/
/*	.site-header.minimize .logo img,
	.site-header.transparent .logo img,
	.site-header.burger_vertical .logo img {
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}*/

	/*HEADER VERTICAL*/
		/* .site-header.burger_vertical #burger_desktop + .nav_select > .langs,
		.site-header.burger_vertical #burger_desktop + .nav_select > .social { margin-top: 140px; vertical-align: top; } */
}



/*BACKSTRETCH SLIDER POINTS*/
.backstretchSliderPoints {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
	.backstretchSliderPoints--current,
	.backstretchSliderPoints--current--next {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
/**************************************/

/*BACKSTRETCH SLIDER*/
.backstretchSlider {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
	.backstretchSlider--current,
	.backstretchSlider--current--next {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
/*************************************/


/**********************************/
/* MEDIA QUERIES MAX-WIDTH 1280px */
/**********************************/
@media screen and (max-width: 1280px) {
	/* .nav_toggle > div { display: inline-block; } */

	.langs { /*display: inline-block!important;*/ padding: 10px; }

	.nav_toggle .langs.button_general { padding: 0; }

	/*the map info */
	.map_info-options ul li.pin-reference span {
		display: block;
		font-size: 12px;
		padding: 0px;
		margin-bottom: 0px;
	}

	.map_info .info svg {
		width: 22px;
		height: 22px;
	}

	/*the font family for the map bubbles*/
	.gm-style-iw div h4, .gm-style-iw div h5 {
		font-family: 'Roboto-slab', serif!important;
		font-size: 3rem!important;
	}


			/*BOOK ONLINE*/
			body.scroll.tablet .reservation_form_sync > div:first-child,
			body.scroll.mobile .reservation_form_sync > div:first-child {
				position: relative;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				background: rgba(255, 255, 255, 0.7);
				padding: 20px 0;
				height: 100px;
			}


			body.scroll.tablet .reservation_form_sync > div.sync_button.mobile,
			body.scroll.mobile .reservation_form_sync > div.sync_button.mobile {
				display: block;
				position: relative;
				top: calc(50% - 130px);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
			}


				.reservation_form_sync div:nth-child(2) > div {
					margin-top: 10px;
				}



		/* .site-header.minimize { height: 80px; } */



			/* .site-header.minimize .logo {
				height: 80px;
			} */

				/* .site-header.minimize .logo img {
					max-height: 80px;
				} */


				.nav_toggle .langs.button_general { margin: 0 30px; font-size: 90%; }
				.nav_toggle .social_general_active { font-size: 80%; }


	/***BOXES -- THUMBS**************/
	.pages.thumbs {
		max-width: 960px;
		margin: 20px auto;
    }


	body.scroll .box_text.cdb-quarter,
	.box.cover_photo.cdb-three_quarters{ width: 50%; }

	#burger_desktop:not(.open) .menu_label { font-size: 1rem; }

	body.static .reservation_form_sync form.inner {
		max-width: 480px;
	}

	body.static .reservation_form_sync form { font-size: 1.4rem; }


}



/*********************************/
/* MEDIA QUERIES MAX-WIDTH 1120px */
/*********************************/
@media screen and (max-width: 1120px) {
	/* header.site-header.minimize .nav_toggle > div { text-align: center; } */
}


/*********************************/
/* MEDIA QUERIES MAX-WIDTH 1024px */
/*********************************/
@media screen and (max-width: 1024px) {
	/*header.site-header.minimize .nav_toggle > div { text-align: left; }*/

	.site-header.minimize .logo img { max-height: 60px; }
}



/*********************************/
/* MEDIA QUERIES MAX-WIDTH 960px */
/*********************************/
@media screen and (max-width: 960px) {
	.site-header.horizontal .logo,
	.site-header.vertical .logo {
		max-width: 25%;
		width: 240px;
		margin: 0 auto;
	}
		.site-header.horizontal .logo img,
		.site-header.vertical .logo img {
			width: 100%;
			height: auto;
			display: block;
		}


	.site-header.central .nav_toggle .nav-menu li {
		line-height: normal;
	}

	footer.site-footer .logo img { max-width: 120px; }


	.normal header.site-header {
		position: relative;
		z-index: 999;
	}

	header.site-header, aside#aside {
		position: static!important;
		width: 100%!important;
		left: 0!important;
	}

	#aside.vertical .inner > div.video > span a { display: block; padding: 10px; }

	body.parallax #main { position: relative; /*margin-bottom: 100px; */z-index: 1; }
	aside#aside {
		-webkit-transform: translateY(0)!important;
		-ms-transform: translateY(0)!important;
		transform: translateY(0)!important;
	}


	body:not(.scroll) footer.site-footer {
		position: relative!important;
		bottom: 0;
	}

	.inner {
		max-width: 90%;
		width: 90%;
		margin: 0 auto;
		position: relative;
	}

	footer.site-footer.sep--shortline::before {
		content: '';
		width: 100px;
		height: 2px;
		position: absolute;
		top: 0;
		left: calc(50% - 50px);
	}

	#nav_burger {
		display: block;
	}

	.nav_toggle { text-align: center; padding-top: 10px;}

	/* .nav_toggle > div { display: block; } */

		header.site-header.horizontal .nav-menu > ul > li {
				font-size: 1.8rem;
				/*font-weight: lighter;*/
				display: block;
				text-align: center;
				margin-bottom: 10px;
		}

		.nav_toggle > div:first-of-type {
		    z-index: 2;
		}

	/* .site-header .langs > ul > li:not(.site-header.minimize .nav_toggle .langs.button_general ul > li), */
	#aside .langs > ul > li {
		display: inline-block!important;
		padding: 10px;
	}

	.social > a { display: inline-block!important; padding: 5px!important; }

	.contact-info > .position > span {
		display: inline-block;
	}

	.contact-info > .nums > span {
		display: block;
	}


	#reviewsForm fieldset, #reviewsForm button.review-submit { margin-right: 0px; }

	#reservation_form, #reservation_form .cdb-form-button {
		text-align: center!important;
	}

	.reservation.cdb-offset-quarter {
		margin-left: 0!important;
	}

	#additional_comments {
		/*max-width: 70%;*/
		resize: none;
	}

	#arrival, #departure {
		width: 70%;
		margin-bottom: 30px!important;
	}


	/*STYLES FOR STATIC THEME */
	body.static .static_viewport {
		position: relative!important;
		height: 400px!important;
	}

	body.static main#main {
		margin-top: 0!important;
	}

	/*body.static #qtranslate-chooser { display: inline; }*/

	body.static main#main section { padding: 100px; }

	/*PAYMENT*/
	.payment_form {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.page-template-page_payments .payment_form form > div input {
		font-size: 1.5rem!important;
	}

		.payment_form .read_info h4 {
			font-size: 2rem!important;
		}


	/*STATIC THEME -- HEADER (> 960px)*/

	body.static .site-header .nav_toggle .langs ul > li {
		display: inline-block;
		margin: 0 5px;
	}

	body.static.mobile .site-header .nav_toggle .res_request_button { margin: 5px; display: inline-block; }

	/*CLIENT-ADMIN*/

	.client-admin-item {
		margin-bottom: 120px;
	}

	/*SYNCREZ RESERVATION*/
	#button_sync_search {
		margin-top: 60px;
	}

	.reservation_form_sync form div:nth-child(2) .sync_button #button_sync_search {
		position: relative;
		bottom: 0;
	}


	/*the font family for the map bubbles*/
	.gm-style-iw div h4, .gm-style-iw div h5 {
		font-family: 'Roboto-slab', serif!important;
		font-size: 2.5rem!important;
	}

	/*the contact info styling*/
	.contact-info .nums span span.fa {
		margin-top: 10px;
		/*margin-right: 0;*/
	}

	/**** Pricelist for Mobile/Tablets ****/

	.pricelist {
		padding: 20px;
		box-sizing: border-box;
	}

	#roomList {
		display: block;
		width: 100%;
		padding: 10px;
		margin: 10px auto 40px;
		font-size: 1.5rem;
	}

	.pricelist .thead {
	    width: 40%;
	    left: auto;
	    float: left;
		margin-bottom: 60px;
		top: 50px;
	}

	.pricelist .tbody {
		width: 60%;
		float: left;
		/*height: 400px;*/
		overflow-y: hidden;
	}

	.pricelist .tbody li.line { border-bottom: none; }

		.pricelist .thead h4 {
			font-weight: 700;
			margin-bottom: 0px;
			font-size: 18px!important;
		}

		.pricelist .thead span {
			font-size: 14px!important;
		}

		.pricelist .thead li {
			width: 100%!important;
			text-align: left;
			height: 80px;
			float: none;
		}

			.pricelist .thead li > * { line-height: 1.5; }

		.pricelist .tbody > li {
			position: relative;
			/*height: 100%;*/
			display: none;
		}

		.pricelist .tbody > li.active {
			display: block;
		}

		.pricelist .tbody li .room_name {
			padding: 0;
			display: block;
			float: none;
			width: 100%;
			height: 50px;
			/*line-height: 50px;*/
			font-size: 18px;
			font-weight: 700;
			text-align: center;
		}

		.pricelist .tbody .room_name + span {
			float: none;
			width: 100%;
			height: auto;
		}


			.pricelist .tbody .room_name + span > span {
				display: block;
			    width: 100%!important;
				height: 80px;
				float: none;
				padding-top: 0;
				margin-bottom: 20px;
				text-align: center;
				font-weight: bold;
			}


		.slider .gallery_title .header_image_title {
			line-height: 1.2;
		}

	.bodyForm { padding: 0 30px!important; }


	/*RESERVATION FORM*/
	/*Override default styling due to iOS bug with fixed positions*/
	body:not(.desktop) .mfp-bg { bottom: 0; right: 0; }

	body:not(.desktop) .mfp-bg,
	body:not(.desktop) .mfp-container.mfp-ajax-holder,
	body:not(.desktop) .mfp-wrap:not(.mfp-gallery) {
		-webkit-overflow-scrolling: touch;
	}

	body.mobile #reservation_form #nights + li { margin: 10px 0 20px; }

/*	body.mobile .mfp-container.mfp-ajax-holder > .mfp-content {
		position: absolute!important;
		top: 0;
		left: 0;
	}*/

	html.res_form,
	html.res_form body {
		-webkit-overflow-scrolling: auto!important;
	}


	/*Hide 'discover more' button in normal theme without intro-slider*/
	body.home.normal .backstretch_header.included_4_4 .header_image_button { display: none; }

/*******MOBILE/ TABLET STYLES*********/

	/*********HEADER OPTIONS********/
	/*GENERAL HEADER COMPONENTS STYLES for MOBILE/TABLET <= 960* and for burger desktop*/
	body.tablet .site-header .nav_toggle > div,
	body.mobile .site-header .nav_toggle > div {
		width: 90%;
		padding: 0 10px;
		box-sizing: border-box;
		/* line-height: 1; */
		margin: 10px auto;
	}


	/*...as well as padding/border to all single component divs above menu...*/
	body.tablet .site-header .nav_toggle > div:nth-of-type(1),
	body.mobile .site-header .nav_toggle > div:nth-of-type(1) {
		border-bottom: 1px solid #bbb;
		margin-top: 0;
		/*padding: 5px 0;*/
	}

	/*...apart from the menu*/
	body.tablet .site-header .nav_toggle > div[class*="cdb-"],
	body.tablet .site-header .nav_toggle > div[class*="center"],
	body.mobile .site-header .nav_toggle > div[class*="cdb-"],
	body.mobile .site-header .nav_toggle > div[class*="center"] {
		margin: 0 auto;
		border-bottom: 0;
		/*padding: 5px 0;*/
	}


	body.tablet .site-header .nav_toggle > .langs > ul > li,
	body.mobile .site-header .nav_toggle > .langs > ul > li { padding: 5px; }


	body.tablet .site-header .nav_toggle > .langs > ul > li,
	body.mobile .site-header .nav_toggle > .langs > ul > li,
	body.tablet .site-header .nav_toggle > .langs > ul span,
	body.mobile .site-header .nav_toggle > .langs > ul span {
		height: 30px;
		line-height: 30px;
	    display: inline-block;
	}


	body.tablet .site-header .nav_toggle > .social > span > a > span,
	body.mobile .site-header .nav_toggle > .social > span > a > span,
	body.tablet .site-header .nav_toggle > .res_request_button > a > span > span.fa,
	body.mobile .site-header .nav_toggle > .res_request_button > a > span > span.fa,
	body.tablet .site-header .nav_toggle > .video,
	body.mobile .site-header .nav_toggle > .video,
	body.tablet .site-header .nav_toggle > .a360,
	body.mobile .site-header .nav_toggle > .a360,
	body.tablet .site-header .nav_toggle > .awards,
	body.mobile .site-header .nav_toggle > .awards {
		height: 30px;
		line-height: 30px;
		box-sizing: content-box;
	}

	body.tablet .site-header .nav_toggle > .res_request_button > a > span > span.fa,
	body.mobile .site-header .nav_toggle > .res_request_button > a > span > span.fa {
		padding: 5px;
	}


	body.tablet .site-header .nav_toggle > .social a,
	body.mobile .site-header .nav_toggle > .social a {
		box-sizing: border-box;
	}


	/*each first div after menu*/
	body.tablet .site-header .nav_toggle > div[class*="cdb-"] + div,
	body.tablet .site-header .nav_toggle > div[class*="center"] + div,
	body.mobile .site-header .nav_toggle > div[class*="cdb-"] + div,
	body.mobile .site-header .nav_toggle > div[class*="center"] + div {
		border-top: 1px solid #bbb;
		box-sizing: border-box;
		/*padding: 10px 0 0;*/
	}


	body.tablet .site-header .nav_toggle > div > .nav-menu ul li,
	body.mobile .site-header .nav_toggle > div > .nav-menu ul li {
		padding: 10px 0;
	}



	body.tablet .site-header .nav_toggle > .social *,
	body.mobile .site-header .nav_toggle > .social *,
	body.tablet .site-header .nav_toggle > .res_request_button *,
	body.mobile .site-header .nav_toggle > .res_request_button * {
		display: inline-block;
	}



	body.tablet .site-header .nav_toggle > div[class*="cdb-"] + div,
	body.mobile .site-header .nav_toggle > div[class*="cdb-"] + div { display: inline-block; }


	/*********HEADER OPTIONS********/


	/*some components are too large for mobile*/
	body.mobile .site-header .nav_toggle > .social > span,
	body.mobile .site-header .nav_select > .social > span,
	body.mobile .site-header .nav_toggle > .video,
	body.mobile .site-header .nav_select > .video { font-size: 1.6rem; }

	body.mobile .site-header .nav_toggle > .awards .fa-trophy,
	body.mobile .site-header .nav_select > .awards .fa-trophy { font-size: 2rem; }


	body.mobile .site-header .nav_toggle > .social > span,
	body.mobile .site-header .nav_select > .social > span,
	body.tablet .site-header .nav_toggle > .social > span,
	body.tablet .site-header .nav_select > .social > span { width: 90%; margin: 0 auto; }

	body.mobile .site-header .nav_toggle > .res_request_button > a > span > span.fa,
	body.mobile .site-header .nav_select > .res_request_button > a > span > span.fa { font-size: 1.8rem; }




	body.scroll.tablet #fullpage > div:nth-child(1) .section_content { max-width: 80%; margin: 0 auto; }



	/*hide home icon and show text in mobile menus */
	body.tablet .nav-menu .hide-text + .fa-home,
	body.mobile .nav-menu .hide-text + .fa-home { display: none; }


	/*PARALLAX -- Curtain*/
	body.tablet .parallax-container.fx--curtain::after { height: 100%; z-index: 1; }

	/*extras--text in parallax promo sections*/
	body.tablet #main .extras { z-index: 2; padding: 0 60px; }



	/*HEADER > MINIMIZE*/
	.site-header.minimize,
	.site-header.transparent {
		height: auto;
	}

	.site-header.minimize .nav-menu ul li,
	.site-header.transparent .nav-menu ul li {
		display: block;
		line-height: 2;
	}



	/*Hide desc text in welcome section in minimize headers*/
	.site-header.minimize + #main #included_4_4 .section_content .desc {
	    display: none;
	}

	/*Fix html overflow bug after closing request form*/
	html.fp-enabled.overflow { overflow: auto; }



		/*HEADER SUBMENU HIDE*/
		/* .site-header.minimize .nav-menu ul li > ul.sub-menu,
   		.site-header.transparent .nav-menu ul li > ul.sub-menu { display: none; } */


	body.mobile .site-header.minimize {
		position: absolute!important;
	}

	body.tablet .site-header.minimize {
		position: fixed!important;
	}

		body.tablet .site-header.minimize .logo {
			display: block;
			height: 80px;
			margin: 0;
			max-width: 100%;
			vertical-align: middle;
		}

		/* body.tablet .site-header.minimize .logo[class*="cdb-"] {
			max-width: 35%;
		} */

			.site-header.minimize .logo a { height: 80px; }


			.site-header.minimize .logo img {
				max-height: 80px;
				width: auto;
			}


		.site-header.minimize #nav_burger {
			display: inline-block;
			position: absolute;
			right: 20px;
			top: 30px;
			margin: 0;
		}

		.site-header.minimize .nav_toggle .langs.button_general {
			right: 220px;
			z-index: 6;
		}

		.site-header.minimize .nav_toggle .social.social_general_active {
			right: 200px;
			z-index: 6;
			top: 6px;
		}


		.site-header.minimize .nav_toggle { padding: 20px 0; overflow: auto; max-height: 600px; }



		/*.site-header.minimize .nav_toggle > div > span*/
		.site-header.minimize .nav_toggle > div > a {
			display: block;
			/*width: 90%;*/
			margin: 0 auto;
			/*padding: 0 10px;*/
			box-sizing: border-box;
		}



	header.site-header.central.horizontal .logo img,
	header.site-header.central.vertical .logo img {
		max-width: 240px;
	}


		body.scroll .boxes_text { width: 40%; }

		body.scroll .boxes_text .inner .desc { display: none; }
		body.scroll .boxes.cover_photo { width: 60%; }


			.reservation_form_sync input,
			.reservation_form_sync .controls_sync_adult, .controls_sync_children, .controls_sync_babie {
				position: relative;
				z-index: 4;
			}

	/*HEADER > BURGER > VERTICAL*/

		.site-header.burger_vertical {
			position: absolute!important;
		}


		.site-header.burger_vertical .nav_select {
			width: 100%;
			height: auto;
		}

		/* body.mobile .site-header.burger_vertical .logo img {
			margin-left: 20px;
		} */

		.site-header.burger_vertical #burger_desktop + .nav_select > div {
			display: none;
			opacity: 0;
		}

		.site-header.burger_vertical #burger_desktop + .nav_select > div.visible {
			display: block;
		}

		body.tablet .site-header.burger_vertical .nav_select > div:first-of-type,
		body.mobile .site-header.burger_vertical .nav_select > div:first-of-type {
			border-bottom: 1px solid #bbb;
			/*padding: 5px 0;*/
		}


		body.mobile .site-header.burger_vertical #burger_desktop,
		body.mobile .site-header.burger_vertical #burger_desktop + .nav_select { width: 60px; height: 80px; }

		body.mobile .site-header.burger_vertical #burger_desktop.open + .nav_select { width: 100%; height: 100vh; }

		.site-header.burger_vertical #burger_desktop + .nav_select > .langs { margin-top: 120px; vertical-align: top; }



	/*HEADER > BURGER*/

		.site-header.burger,
		.site-header.burger_full {
			position: absolute!important;
			height: 80px;
		}

		.site-header.burger .logo img,
		.site-header.burger_full .logo img,
		.site-header.burger .logo a,
		.site-header.burger_full .logo a {
			max-height: 80px;
		}

		.site-header.burger #burger_desktop,
		.site-header.burger_full #burger_desktop {
			width: 80px!important;
			height: 80px;
		}

		#burger_desktop .menu_label { display: none; }


			.fp-tableCell .section_content .line_fade { width: 1px; }


	/*CONTACT INFO FOR SCROLL THEME*/

		body.scroll .position > span,
		body.scroll .nums > span,
		body.normal .position > span,
		body.normal .nums > span {
			display: inline-block;
		}

		body.scroll .box_left {
			height: 50%;
		}

		body.scroll .box_right {
			height: 50%;
		}

		body.scroll .box_text {
			top: 50%;
			padding: 20px;
			box-sizing: border-box;
		}

			body.scroll .box_text .inner {
				max-width: 100%!important;
				padding: 0;
			}

		.fp-slidesContainer .fp-tableCell {
			height: auto!important;
		}


	/***BOXES -- THUMBS**************/
	.pages.thumbs:not(.flex-col) {
		max-width: 640px;
		margin: 20px auto;
    }

    .pages.thumbs.flex-col.cdb-row {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
    }

	.box_thumb {
        margin: 30px auto;
    }


    /* make the first 3 of width: 33% */
    .box_thumb.cols--five:nth-child(-n+3) {
        -webkit-box-flex: 0;
		-webkit-flex: 0 0 33.3333%;
		-ms-flex: 0 0 33.3333%;
			flex: 0 0 33.3333%;
        width: 33.3333%;
    }

    /* make the last 2 of width: 50% */
    .box_thumb.cols--five:nth-child(n+4) {
        -webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
        width: 50%;
    }

    .box_thumb.cols--five,
    .box_thumb.cols--six {
        margin: 0;
    }


	/*ASIDE COMPONENTS IN TABLET VERTICAL*/

	body.tablet #aside.vertical .inner .langs ul > li,
	body.tablet #aside.vertical .inner .social span > a  {
		display: inline-block;
    	padding: 5px;
    }

    body.static #reviewsForm fieldset, #reviewsForm button.review-submit {
		 margin-right: 0px;
	}

	#aside.horizontal.before_header .inner { box-sizing: initial; }


	/*BLOG POST SINGLE*/
	body.single-post section,
	body.page-template-page_blog section {
    	padding: 40px 0 20px;
	}


	.blog-item .inner header,
	.blog-item .inner .desc { padding: 0 10px; }

	body.single-post section .inner h1 {
    	font-size: 3rem!important;
	}

	body.single-post section .desc h2 {
		margin-top: 20px;
		font-weight: normal;
	}

	body.single-post section .desc p {
		padding: 10px 20px;
	}

	body.single-post section .desc p.blog-image-container {
		padding: 0px;
		margin-bottom: 0!important;
	}


	body.mobile:not(.page-template-page_contact) #reservation_form .grecaptcha-badge,
	body.tablet:not(.page-template-page_contact) #reservation_form .grecaptcha-badge {
		position: absolute!important;
		margin-top: 20px;
		height: 48px!important;
		right: 0!important;
		bottom: -40px!important;
	}

	body.mobile.page-template-page_contact #reservation_form .grecaptcha-badge,
	body.tablet.page-template-page_contact #reservation_form .grecaptcha-badge {
		position: relative!important;
		margin-top: 20px;
		right: 0!important;
		bottom: 15px!important;
	}

	/* make iframes responsive */
	iframe {
		max-width: 100%;
		height: auto;
	}

} /*max-width 960px*/


/*Styles for SCROLL THEMES ONLY & Landscape only*/
@media screen and (min-device-width: 480px) and (max-device-width: 736px) and (orientation: landscape) {
	body.scroll.mobile .box.cover_photo,
	body.scroll.mobile .box_text {
		top: 0;
		width: 50%!important;
		height: 100%;
	}

}


/*********************************/
/* MEDIA QUERIES MAX-WIDTH 680px */
/*********************************/
@media screen and (max-width: 680px) {
	.grid-sizer, .gallery-item { width: 100%; }
	/*html { font-size: 80%!important; }*/
	aside#aside {
		-webkit-transform: translateY(0)!important;
		-ms-transform: translateY(0)!important;
		transform: translateY(0)!important;
	}

	#main section[class*="included"] .desc,
	#main section[class*="included"] .desc p,
	#main .section[id*="included"] .desc p { font-size: 1.6rem; }

	.nav_toggle > div { display: block; }

	.logo {
		max-width: 45%!important;
		width: 340px;
		margin: 0 auto;
	}

		.logo img {
			width: 100%;
			height: auto;
			display: block;
		}

		/*.sister_accommodation_section .logo img { width: auto; }*/

		.room_facilities h3, .hotel_facilities h3 {
			font-weight: bold;
		}

		.slider .gallery_title {
			top: 10%;
		}

		.slider .gallery_title .header_image_title {
			font-size: 80%!important;
			top: 0;
		}

		.site-header.burger_vertical .logo,
		.site-header.burger .logo,
		.site-header.burger_full .logo { max-width: 100%!important; }

		.site-header.burger #burger_desktop,
		.site-header.burger_full #burger_desktop {
			width: 50px!important;
			height: 50px;
		}

		#burger_desktop span {
			width: 30px;
		}


		body.scroll.mobile #fullpage .box_text h1.title,
		body.scroll.mobile #fullpage .fp-tableCell .boxes_text .inner header .title { font-size: 2.4rem!important; text-align: center; }


		body.scroll.mobile #fullpage .box_text .desc { padding-right: 10px; padding-left: 10px; }

		body.scroll #fullpage .box_text .title { margin-bottom: 15px!important; }

		body.scroll #fullpage .box_text footer { margin-top: 10px!important; }

		body.scroll #fullpage .box_text footer .button { margin-top: 5px!important; }

		.site-footer { font-size: 80%; }

		footer.site-footer .logo { max-width: 120px!important; }

		/*the custom loaders*/
		.pace_custom { max-height: 400px; }


        /*BOXES THUMBS*/
        .box_thumb.cols--five:not(:nth-child(3)) {
            width: 50%;
			-webkit-box-flex: 0;
    		-webkit-flex: 0 0 50%;
			-ms-flex: 0 0 50%;
				flex: 0 0 50%;

        }

        .box_thumb.cols--five:nth-child(3) {
            width: 100%!important;
			-webkit-box-flex: 0;
    		-webkit-flex: 0 0 100%!important;
			-ms-flex: 0 0 100%!important;
				flex: 0 0 100%!important;
        }


		.thumbs:not(.flex-col) .box_img {
			width: 300px;
		    margin: 10px auto;
		}

        .thumbs:not(.flex-col) .title_box {
            width: 300px;
            font-size: 150%!important;
        }

		.thumbs:not(.flex-col) .box_img:hover + .title_box {
			width: 300px;
		}

	}


	@media screen and (max-width: 540px) {
		.pricelist .thead { font-size: 1.4rem; }

		/* SLIDESHOW MOTTO */
		.slideshow li .header_image_title {
			max-width: 280px;
		}

		.slideshow li .header_image_title > .slider__motto--second-line {
			display: none;
		}

		/* SLIDESHOW ARROWS */
		.slideshow .arr_Right, .slideshow .arr_Left {
			width: 30px;
		}
	}

@media screen and (max-width: 480px) {
	html { font-size: 62.5%!important; }

		h1, .h1,
		h2, .h2,
		h3, .h3,
		h4, .h4,
		h5, .h5,
		h6, .h6 { font-size: 2.6rem!important; }

		.desc { padding: 0 10px; }

		/*Pricelist*/
		.pricelist {
		    padding: 10px;
		}



		body.static main#main section {
			padding: 20px;
		}

		header svg {
			width: 200px;
		}

		ul.reviews h3, ul.reviews p, ul.reviews span {
			padding: 5px 10px;
		}

		.pricelist { margin-top: 20px; }

		.slider:hover .arrLeft {
			left: 20px;
		}
		.slider:hover .arrRight {
			right: -5px;
		}


	/*HEADER MINIMIZE*/

	.site-header.minimize .nav-menu,
	.site-header.transparent .nav-menu {
		padding: 10px;
	}

	.site-header.minimize .logo,
	.site-header.minimize .logo a {
		height: 60px;
	}

	header.site-header.minimize .nav_toggle { line-height: 1; }


	/*HEADER > BURGER*/

		.site-header.burger,
		.site-header.burger_full {
			position: absolute!important;
			height: 60px;
		}

		.site-header.burger .logo img,
		.site-header.burger_full .logo img {
			max-height: 60px;
		}

		.site-header.burger_vertical {
			height: 80px;
		}

			.site-header.burger_vertical .nav_select {
				padding: 10px 0;
			}

				.site-header.burger_vertical .logo {
					height: 80px;
				}

					.site-header.minimize .logo img,
					.site-header.transparent .logo img,
					.site-header.burger_vertical .logo img {
						max-height: 60px;
					}


		.site-header.burger #burger_desktop,
		.site-header.burger_full #burger_desktop {
			width: 40px!important;
			height: 60px;
		}

			#burger_desktop span { width: 24px; }

		/* .site-header.minimize #nav_burger { top: 30px; } */

			#burger_desktop > div {
				height: 14px;
			}

			#burger_desktop > div {
				top: calc(50% - 5px);
			}

			#burger_desktop span {
				height: 1px;
			}

			#burger_desktop span:nth-child(2),
			#burger_desktop span:nth-child(3) {
				top: 6px;
			}

			#burger_desktop span:nth-child(4) {
				top: 12px;
			}


			/*BODY SCROLL box_text Paddings*/


			/*HEADER > BURGER > VERTICAL*/
			.site-header.burger_vertical .logo {
				display: inline-block;
			}

			/*HEADER > BURGER > MENU ITEMS*/

			/*.site-header.burger_full .nav_select .langs ul,
			.site-header.burger_full .nav_select .langs ul > li { line-height: 1; }*/




		/*SCROLL THEME BOXES_TEXT media queries*/

		body.scroll .fp-tableCell .boxes_text .inner header .title {
			font-size: 2rem!important;
		}

		body.scroll .fp-tableCell .boxes_text .inner footer a {
			font-size: 1.2rem;
		}


		body.scroll .fp-tableCell .desc {
			padding: 10px 0px;
		}


		body.scroll .fp-tableCell > .box_text .desc {
			padding: 0px;
		}

			/*.nav_toggle > div { padding: 10px 0; }*/


	/***BOXES -- THUMBS**************/
	.thumbs:not(.flex-col) .box_img:hover + .title_box {
		width: 240px;
	}

	.thumbs:not(.flex-col) .box_img {
		width: 240px;
		margin: 10px auto;
	}

	.thumbs:not(.flex-col) .title_box {
		width: 240px;
		font-size: 150%!important;
	}

		.pages.thumbs {
			/* max-width: 360px; */
			margin: 20px auto;
        }

        .box_thumb.cols--five {
            width: 100%!important;
			-webkit-box-flex: 0;
    		-webkit-flex: 0 0 100%!important;
			-ms-flex: 0 0 100%!important;
				flex: 0 0 100%!important;
        }

	#reviewsForm label {
		font-size: 90%;
	}

	.g-recaptcha div div { width: 260px!important; margin: 0 auto; }

	.g-recaptcha div div iframe {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
    	-webkit-transform-origin: 0 0;
    	-ms-transform-origin: 0 0;
    	transform-origin: 0 0;
	}

	.site-header.minimize .nav_toggle .langs.button_general {
		top: 58px;
		right: 30px;
	}

	.site-header.minimize .nav_toggle .social.social_general_active {
		top: 64px;
		right: 20px;
	}

	.single-rooms .gallery {
		margin: 40px auto 160px;
	}

	#reservationFormSubmit { width: 100%; }

}



	/**********************/
	/******MODAL CSS******/
	/*********************/
	/*Modal Animations*/

/*	.mfp-content {
		z-index: 999999!important;
	}*/

	/* overlay at start */
	.mfp-fade.mfp-bg {
		opacity: 0;

	  -webkit-transition: all 0.35s ease-out;
	  -moz-transition: all 0.35s ease-out;
	  transition: all 0.35s ease-out;
	}
	/* overlay animate in */
	.mfp-fade.mfp-bg.mfp-ready {
		opacity: 0.8;
	}
	/* overlay animate out */
	.mfp-fade.mfp-bg.mfp-removing {
		opacity: 0;
	}

	/* content at start */
	.mfp-fade.mfp-wrap .mfp-content {
		opacity: 0;

	  -webkit-transition: all 0.35s ease-out;
	  -moz-transition: all 0.35s ease-out;
	  transition: all 0.35s ease-out;
	}
	/* content animate it */
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
		opacity: 1;
	}
	/* content animate out */
	.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
		opacity: 0;
	}

	.image-source-link {
		color: #98C3D1;
	}

	.mfp-with-zoom .mfp-container,
	.mfp-with-zoom.mfp-bg {
		opacity: 0;
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		/* ideally, transition speed should match zoom duration */
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.mfp-with-zoom.mfp-ready .mfp-container {
			opacity: 1;
	}
	.mfp-with-zoom.mfp-ready.mfp-bg {
			opacity: 0.8;
	}

	.mfp-with-zoom.mfp-removing .mfp-container,
	.mfp-with-zoom.mfp-removing.mfp-bg {
		opacity: 0;
	}

	button.mfp-arrow, button.mfp-close {
		z-index: 999999!important;
	}

	.qtranxs_widget_end { display: none; }

	.rooms_wrapper #tap, .pages_wrapper #tap {
		position: absolute;
		top: 10px;
		left: calc(50% - 34px);
		-webkit-border-radius: 50%;
		border-radius: 50%;
		padding: 10px;
		opacity: 1;
		-webkit-animation: tapFade 2s infinite;
		animation: tapFade 2s infinite;
	}

		@-webkit-keyframes tapFade {
			0% {
				opacity: 1;
			}

			20% {
				opacity: 0.4;
			}

			80% {
				opacity: 1;
			}
		}

		@keyframes tapFade {
			0% {
				opacity: 1;
			}

			20% {
				opacity: 0.4;
			}

			80% {
				opacity: 1;
			}
		}

		.pages_wrapper #tap.hidden, .rooms_wrapper #tap.hidden {
			display: none;
		}

		.page-title {
			margin-bottom: 20px;
		}

		.pages h3, .rooms h3 {
			line-height: 1.4;
		}


		.pages .page, .room, .rooms_wrapper .room .content {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}


	/***********************/
	/*******PAYMENT********/
	/*********************/

	.page-template-page_payments .payment_form, .payment_form_alpha {
		margin-top: 30px;
		text-align: left;
	}

		.page-template-page_payments .payment_form form > div, .payment_form_alpha form > div {
			margin-bottom: 15px;
		}

			.page-template-page_payments .payment_form form > div label, .payment_form_alpha form > div label {
				font-weight: 500;
			}

			.page-template-page_payments .payment_form form > div input, .payment_form_alpha form > div input {
				padding: 5px;
			}

			.page-template-page_payments .payment_form form > div input#terms, .payment_form_alpha form > div input#terms {
				display: inline-block;
				padding: 0;
			}

			.page-template-page_payments .payment_form .read_info, .payment_form_alpha .read_info {
				margin: 30px 0;
			}

			.page-template-page_payments .payment_form .read_info_toggle, .payment_form_alpha .read_info_toggle { cursor: pointer; text-decoration: underline; }
			.page-template-page_payments .payment_form .read_info .close, .payment_form_alpha .read_info .close { cursor: pointer; }

			.page-template-page_payments .payment_form .read_info h3, .payment_form_alpha .read_info h3 {
				color: #16757f;
				font-weight: 500;
				margin-bottom: 10px;
			}

			.page-template-page_payments .payment_form .read_info h4, .payment_form_alpha .read_info h4 {
				font-weight: 700;
				margin-top: 20px;
			}

				.page-template-page_payments .payment_form .read_info span.close, .payment_form_alpha .read_info span.close {
					margin-bottom: 10px;
				}

				.page-template-page_payments .payment_form .read_info ul li, .payment_form_alpha .read_info ul li {
					list-style: disc;
					margin-left: 40px;
				}

			.page-template-page_payments .payment_form span.button.normal, .payment_form_alpha span.button.normal {
				background: #16757f;
				color: #FFF;
			}

			.page-template-page_payments .payment_form span.button.normal.disabled, .payment_form_alpha span.button.normal.disabled {
				background: #000;
				color: #888;
				cursor: default;
			}

				.page-template-page_payments .payment_form span.button.normal:not(.disabled):hover, .payment_form_alpha span.button.normal:not(.disabled):hover {
					background: #000;
					color: #FFF;
				}

			.page-template-page_payments .payment_form .terms, .payment_form_alpha .terms {
				padding: 20px 0;
				margin: 19px 0;
				border: dotted #000;
				border-width: 1px 0;
			}
			
			.payment_form_alpha input#pay_button {
				margin-top: 0;
			}
			
			.payment_form_alpha form > div label {
				min-width: 480px;
			}
			
			.payment_form_alpha input#pay_button {
				color: #000;
			}

			/*PAYMENT SUCCESS/ PAYMENT CANCEL*/

			.payment_notification h2.payment_declaration {
				font-size: 3rem;
				margin: 20px 0;
				font-weight: bold;
			}

				.payment_notification span.fa {
					font-weight: 200;
					margin-right: 10px;
				}

				.payment-error li {
					margin-top: 5px;
				}


		/*THE ALPHA BANK IMAGE IN PAYMENT PAGE*/

			img.alpha_banner {
				display: block;
				max-width: 100%;
				height: auto;
				vertical-align: middle;
				margin: 0 auto;
			}

		/*************************************/
		/*******TRIP ADVISOR in Promo********/
		/***********************************/

		.trip_advisor-firstline {
			font-size: 4rem;
			line-height: 0.75;
			display: block;
		}
		.trip_advisor-secondline {
			font-size: 3rem;
			line-height: 0.75;
			opacity: 0.5;
			display: block;
		}


		/*************************************/
		/*********Client ADMIN Panel*********/
		/***********************************/

		#client-admin-container {
			margin-top: 60px;
		}

			#client-admin-container form .h3 {
				font-family: 'Roboto', sans-serif!important;
				font-size: 4rem!important;
			}

			#client-admin-container .title-main {
				font-weight: bold;
				margin-bottom: 60px;
			}

			.client-admin-item p {
				padding: 20px;
			}

			.client-admin-item .client-admin-choice {
				-webkit-border-radius: 50%;
				border-radius: 50%;
			}

			.client-admin-item h2.item-title,
			#client-admin-container .title-main {
				font-weight: bold;
				margin-bottom: 20px;
				font-family: 'Roboto', sans-serif!important;
				font-size: 4rem!important;
			}

			.client-admin-item h2.item-title {
				font-weight: bold;
				margin-bottom: 20px;
			}

			.client-admin-item span.fa {
				padding: 10px;
				opacity: 0.3;
			}

			.client-admin-button {
				margin: 0!important;
				padding: 2px!important;
			}


		/*********Client ADMIN Panel: OFFERS*********/

		#ajax_offers div:nth-child(1), #ajax_blog div:nth-child(1) {
			margin-bottom: 40px;
		}

		#ajax_offers form > div, #ajax_blog form > div {
			text-align: center;
			display: block;
			margin-bottom: 10px;
			padding: 10px;
		}

		#ajax_offers form > label, #ajax_blog form > label {
			display: block;
			font-weight: bold;
		}

		#ajax_offers form input, #ajax_offers form textarea, #ajax_blog form input, #ajax_blog form textarea {
			padding: 10px;
			margin-bottom: 20px;
		}


		#ajax_offers div ul li.offer-single {
			margin-bottom: 40px;
			padding: 10px;
			border-bottom: 1px solid #B0B0B0;
		}

		#ajax_offers div ul li.offer-single .offer_edit, #ajax_offers div ul li.offer-single .offer_delete {
			background: none;
			color: #A5A5A5;
			margin-top: 0px!important;
		}

			#ajax_offers div ul li.offer-single .offer_edit:hover, #ajax_offers div ul li.offer-single .offer_delete:hover {
				color: #000;
			}

		#ajax_offers div ul li.offer-single .offer_update_form {
			margin: 20px 0;
		}

		div span.return {
			margin-top: 60px;
			line-height: 1.5;
		}

		/*********Client ADMIN Panel: REVIEWS*********/

		#ajax_reviews h2 {
			margin-bottom: 30px;
			font-style: normal;
		}

		#ajax_reviews li {
			margin-bottom: 40px;
			padding: 20px;
			border-bottom: 1px solid #B0B0B0;
			font-weight: lighter;
		}

			#ajax_reviews h3 {
				margin-bottom: 15px;
			}

			#ajax_reviews ul li span.button, #ajax_blog ul li span.button {
				background: none;
				color: #A5A5A5;
			}

				#ajax_reviews ul li span.button:hover, #ajax_blog ul li span.button:hover {
					color: #000;
			}

				.user_name, .user_mail {
					font-weight: 500;
					font-style: normal;
				}

				.user_mail {
					margin-top: 10px;
				}

		/*********Client ADMIN Panel: PRICELIST*********/
		 #ajax_pricelist .wrap .pricelist ul.thead li span {
			font-size: 1.4rem;
			font-weight: normal;
			opacity: 0.6;
			line-height: 2rem;
			padding: 5px;
		}

		#ajax_pricelist .wrap .pricelist ul.tbody {
			margin-bottom: 40px;
		}


		/*LOGIN Panel*/

		.page-template-page_client_admin form#loginform {
			margin-top: 40px;
		}

		.page-template-page_client_admin .login-username label,
		.page-template-page_client_admin .login-password label,
		.page-template-page_client_admin .login-remember label {
			display: block;
			font-weight: bold;

		}

		.page-template-page_client_admin .login-username input,
		.page-template-page_client_admin .login-password input,
		.page-template-page_client_admin .login-remember input {
			padding: 5px;
		}

			.page-template-page_client_admin .login-password label,
			.page-template-page_client_admin .login-remember label,
			.page-template-page_client_admin .login-submit input:not(#wp-submit) {
				margin-top: 20px;
			}

			.login-submit, #wp-submit  {
				cursor: pointer;
				display: inline-block;
			}

			.page-template-page_client_admin .login-submit input {
				background: transparent;
				border: none;
				color: #FFF;
			}

			.page-template-page_client_admin .logout {
				margin-top: 100px;
			}

			.page-template-page_client_admin #loginform #wp-submit {
				border: none;
			}

			.login-submit {
				margin-top: 20px;
			}


		/****** Reviews PLUGIN ******/
		/****WP Customer Reviews Lite****/

		.wpcr3_leave_text {
			font-size: inherit;
			margin-bottom: 20px;
		}

		div.wpcr3_review div {
			display: block!important;
		}

			div.wpcr3_review .wpcr3_content {
				padding: 10px 0;
			}

				div.wpcr3_review .wpcr3_content p {
				font-size: 1.8rem!important;
				}

				div.wpcr3_review .wpcr3_review_datePublished {
					font-size: 1.5rem!important;
					display: block;
				}

				div.wpcr3_review .wpcr3_review_author {
					display: inline-block!important;
					border-bottom: 1px solid #A4A4A4;
					padding-bottom: 5px;
					font-size: 1.5rem!important;
				}

				div.wpcr3_review .wpcr3_aggregateRating {
					margin: 10px 0 20px;
					font-size: inherit;
				}



			.wpcr3_button_1 {
				background: #000;
				color: #FFF;
				border: none;
				border-radius: 0;
				-webkit-transition: all 0.3s;
				transition: all 0.3s;
				margin-bottom: 20px;
				padding: 10px;
				font-size: 2rem;
			}

				.wpcr3_button_1:hover {
					background: #585858;
					color: #FFF;
				}

				.wpcr3_table_2 tr td {
					display: block;
				}
					.wpcr3_table_2 tr td input:not(.wpcr3_fconfirm2) {
					margin-bottom: 20px;
					min-width: 300px!important;
					}

				.wpcr3_review_form_review_field_label td {
					margin-top: 20px;
				}

				.wpcr3_table_2 td input, .wpcr3_table_2 td textarea {
					padding: 10px;
					font-size: 2rem;
				}

				.wpcr3_respond_2 .wpcr3_check_confirm label {
					margin: 0 0 20px!important;
					display: inline-block!important;
				}

				div.wpcr3_dotline {
					border-bottom: 6px solid #E1E1E1!important;
					margin-bottom: 60px!important;
				}

				.wpcr3_respond_3 + div {
					display: none!important;
				}

				.wpcr3_caps {
					font-weight: bold;
				}


				/*VIEWPORT CHECKER*/

				.hidden_vp {
					opacity: 0;
				}

				.fade_vp_header {
					opacity: 1;
					transition-property: opacity;
					transition-duration: 1s;
					transition-timing-function: ease;
				}

				.fade_vp_desc {
					opacity: 1;
					transition-property: opacity;
					transition-duration: 1s;
					transition-timing-function: ease;
					transition-delay: 0.2s;
				}

				.fade_vp_footer {
					opacity: 1;
					transition-property: opacity;
					transition-duration: 1s;
					transition-timing-function: ease;
					transition-delay: 0.4s;
				}

	/*SCROLL LAYOUT*/
	.fade_slider .fp-slidesContainer {
		width: 100%!important;
		-webkit-transform: none!important;
		-ms-transform: none!important;
		transform: none!important;
	}

	.fade_slider .fp-slide {
		width: 100%!important;
		position: absolute;
		left: 0;
		top: 0;
		visibility: hidden;
		opacity: 0;
		z-index: 0;
		transition: all .7s ease-in-out;
	}

	.fade_slider .fp-slide.active {
		visibility: visible;
		opacity: 1;
		z-index: 1;
	}

	/*****ACCORDION HORIZONTAL***************/

	.accordion {
		max-width: 100%;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		position: absolute;
		top: 0;
	}

	.accordion ul {
	  width: 100%;
	  height: 100%;
	  display: table;
	  table-layout: fixed;
	  margin: 0;
	  padding: 0;
	}

	.accordion ul li {
	  display: table-cell;
	  vertical-align: bottom;
	  position: relative;
	  width: 16.666%;
	  height: 100%;
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: center center;
	  transition: all 0.7s ease;
	}

	.accordion ul li a {
	  display: block;
	  overflow: hidden;
	  width: 100%;
	}

	.accordion ul li a {
	  display: block;
	  height: 100%;
	  width: 100%;
	  position: relative;
	  z-index: 3;
	  box-sizing: border-box;
	  transition: all 0.6s ease;
	  background: rgba(0, 0, 0, 0.3);
	}

	.accordion ul li a h3 {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		height: 60px;
		position: relative;
		top: 50%;
		transition: all 0.6s ease;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}



	.accordion ul:hover li { width: 8%; -webkit-filter: grayscale(1); filter: grayscale(1); }

	.accordion ul:hover li:hover { width: 60%; -webkit-filter: grayscale(0); filter: grayscale(0); }

	.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0); }


@media screen and (max-width: 960px) {

	.accordion { height: 100%; }

	.accordion ul li,
	.accordion ul li:hover,
	.accordion ul:hover li,
	.accordion ul:hover li:hover {
	  position: relative;
	  display: block;
	  width: 100%;
	  -webkit-transition: none;
	  transition: none;
	}


/*	.accordion ul li { height: calc(100% / 4); }*/

}

/*MEDIA QUERIES DEVICES*/

/*iPAD*/
/*Portrait & Landscape*/

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
	.section.cover_photo {
		background-attachment: scroll!important;
	}
}

/*GOOGLE TRACKING CODE*/
/*Eliminate the 13px height of the iFrame*/
iframe[name='google_conversion_frame'] {
	font-size: 0 !important;
	height: 0 !important;
	line-height: 0 !important;
	margin-top: -13px;
	width: 0 !important;
	position: absolute;
}

.hidden { display: none!important; }


/*****************************/
/* NEW OPTIONS */
/*****************************/
/* the SUBMENU */
.site-header.burger .menu-item-has-children > .sub-menu,
.site-header.burger_full .menu-item-has-children > .sub-menu {
	top: 9px;
	position: relative;
	z-index: 2;
}

/* Submenu arrow for burger headers */
.site-header.burger .nav-menu .menu-item-has-children > a > .sub_menu_arrow,
.site-header.burger_vertical .nav-menu .menu-item-has-children > a > .sub_menu_arrow,
.site-header.burger_full .nav-menu .menu-item-has-children > a > .sub_menu_arrow {
	position: absolute;
	top: 0px;
	left: 100%;
	width: 20px;
	height: 100%;
    font-size: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}


/* COMPONENTS BOOK NOW & HOTEL TEL */
.component_book-now {
	padding: 10px 0;
	/* margin-right: 10px; */
}


.component_book-now > a {
	white-space: nowrap;
	padding: 10px;
	transition: color 0.3s ease, background-color 0.3s ease;
}

.component_hotel-tel {
	min-width: 180px;
	padding: 5px 0;
	transition: padding 0.3s ease;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
		-ms-flex-direction: row;
			flex-direction: row;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
		-ms-flex-align: baseline;
			align-items: baseline;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
			justify-content: flex-end;
	transition: padding 0.3s ease 0.2s;
}


.component_hotel-tel > span:first-child {
	margin-right: 10px;
}

/* hide the hotel tel & languages component in devices */
.tablet .site-header.burger .extra_header_components > .langs__trigger,
.mobile .site-header.burger .extra_header_components > .component_hotel-tel {
    display: none;
}

@media screen and (min-width: 481px) {
	.site-header.burger .nav-menu,
	.site-header.burger .nav-menu > ul,
	.site-header.burger_full .nav-menu,
	.site-header.burger_full .nav-menu > ul {
		height: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: space-evenly;
		-webkit-justify-content: space-evenly;
			-ms-flex-pack: space-evenly;
				justify-content: space-evenly;
	}
}

@media screen and (min-width: 601px) {
	.book-now__container > a[class*="button"] {
		margin-right: 10px;
        margin-left: 10px;
        max-width: 150px;
	}
}


@media screen and (min-width: 961px) {
	header.site-header.horizontal > .inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
			justify-content: space-around;
	}


	.extra_header_components {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-justify-content: space-around;
			-ms-flex-pack: distribute;
				justify-content: space-around;
		padding: 0 20px;
		max-height: 140px;
		transition: max-height 0.4s ease 0.3s;
		/* min-width: 180px; */
    }

    .site-header:not(.burger) .extra_header_components,
	.site-header:not(.burger_full) .extra_header_components,
	.site-header:not(.burger_vertical) .extra_header_components {
        -webkit-box-align: end;
		-webkit-align-items: flex-end;
			-ms-flex-align: end;
				align-items: flex-end;
    }

    .site-header.burger .extra_header_components,
    .site-header.burger_full .extra_header_components,
    .site-header.burger_vertical .extra_header_components {
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
    }

    /* LOGO HEIGHT in Minimize & Transparent*/
    .site-header.minimize .logo,
	.site-header.minimize .logo_center,
	.site-header.minimize .logo > a,
	.site-header.minimize .logo_center > a,
	.site-header.burger_vertical .logo,
	.site-header.burger_vertical .logo > a,
	.site-header.transparent .logo,
	.site-header.transparent .logo a {
        height: 120px;
        transition: height 0.3s ease;
    }

	/* HEADER CASES */

	/* Case: HEADER BURGER */
	/* if header burger has extra components (phone num & book now) */
	.site-header:not(.burger) {
		box-sizing: content-box;
	}

	.site-header.burger .extra_header_components > .langs__trigger,
	.site-header.burger .extra_header_components > .component_hotel-tel {
		display: none;
    }

    .site-header.burger.open > .logo,
    .site-header.burger.open .nav_select > .logo {
        padding-right: 17px;
    }

	/* Case: HEADER BURGER_VERTICAL */
	.site-header.burger_vertical {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
	}

	.site-header.burger_vertical .nav_select > div {
		position: relative;
		top: 100px;
	}

	/* if header burger_vertical has extra components (phone num & book now) */
	.site-header.burger_vertical .extra_header_components > .langs__trigger,
	.site-header.burger_vertical .extra_header_components > .component_hotel-tel {
        display: none;
	}

	.site-header.burger_vertical .language-chooser {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
			-ms-flex-pack: end;
				justify-content: flex-end;
	}

	/* Case: HEADER BURGER_FULL*/
	.site-header.burger_full {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
	}

	.site-header.burger_full .nav_select > .logo {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
			flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
			align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
			justify-content: center;
			height: 120px;
	}


	/* if header burger has extra components (phone num & book now) */
	.site-header.burger_full .extra_header_components > .langs__trigger,
	.site-header.burger_full .extra_header_components > .component_hotel-tel {
        display: none;
	}

	/* CASE: Burger Headers in general */
	.site-header.burger_vertical .nav_select .nav-menu > ul > li,
	.site-header.burger .nav_select .nav-menu > ul > li,
	.site-header.burger_full .nav_select .nav-menu > ul > li {
		padding: 10px 0;
		min-height: 50px;
	}


	/* Case: Minimize & Transparent */
	.site-header.normal:not(.vertical) .nav_toggle.open,
	.site-header.minimize .nav_toggle.open,
	.site-header.transparent .nav_toggle.open {
		display: -webkit-box!important;
		display: -webkit-flex!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	}

	.site-header.normal .nav-menu ul li > ul.sub-menu > li,
	.site-header.minimize .nav-menu ul li > ul.sub-menu > li,
	.site-header.central .nav-menu ul li > ul.sub-menu > li,
	.site-header.transparent .nav-menu ul li > ul.sub-menu > li {
		/* line-height: 1.4; */
		margin: 8px 0;
		display: block;
		text-align: left;
		max-width: 100%;
		white-space: nowrap;
	}

	.site-header.minimize .nav-menu ul li > ul.sub-menu > li > a,
	.site-header.transparent .nav-menu ul li > ul.sub-menu > li > a,
	.site-header.central .nav-menu ul li > ul.sub-menu > li > a,
	.site-header.parallax_layout .nav-menu ul li > ul.sub-menu > li > a,
	.site-header.normal_layout .nav-menu ul li > ul.sub-menu > li > a { padding: 0; }


	.site-header.minimize .nav-menu ul li > a:hover + ul.sub-menu,
	.site-header.minimize .nav-menu ul li > a:focus + ul.sub-menu,
	.site-header.minimize .nav-menu ul li > a.active + ul.sub-menu,
	.site-header.transparent .nav-menu ul li > a:hover + ul.sub-menu,
	.site-header.transparent .nav-menu ul li > a:focus + ul.sub-menu,
	.site-header.transparent .nav-menu ul li > a.active + ul.sub-menu,
	.site-header.central .nav-menu ul li > a:hover + ul.sub-menu,
	.site-header.central .nav-menu ul li > a:focus + ul.sub-menu,
	.site-header.central .nav-menu ul li > a.active + ul.sub-menu,
	.site-header.parallax_layout .nav-menu ul > li a:hover + ul.sub-menu,
	.site-header.parallax_layout .nav-menu ul > li a:focus + ul.sub-menu,
	.site-header.parallax_layout .nav-menu ul > li a.active + ul.sub-menu,
	.site-header.normal_layout .nav-menu ul > li a:hover + ul.sub-menu,
	.site-header.normal_layout .nav-menu ul > li a:focus + ul.sub-menu,
	.site-header.normal_layout .nav-menu ul > li a.active + ul.sub-menu,
	.site-header.minimize .nav-menu ul li > ul.sub-menu:hover,
	.site-header.minimize .nav-menu ul li > ul.sub-menu:focus,
	.site-header.transparent .nav-menu ul li > ul.sub-menu:hover,
	.site-header.transparent .nav-menu ul li > ul.sub-menu:focus,
	.site-header.central .nav-menu ul li > ul.sub-menu:hover,
	.site-header.central .nav-menu ul li > ul.sub-menu:focus,
	.site-header.parallax_layout .nav-menu ul li > ul.sub-menu:hover,
	.site-header.parallax_layout .nav-menu ul li > ul.sub-menu:focus,
	.site-header.normal_layout .nav-menu ul li > ul.sub-menu:hover,
	.site-header.normal_layout .nav-menu ul li > ul.sub-menu:focus {
		opacity: 1;
		visibility: visible;
		transition: color 0.4s ease,
					opacity 0.4s ease,
					visibility 0.4s ease,
					background 0.4s ease;
	}


	/* if minimize has extra header components: */
	.minimize.sticky .extra_header_components {
		max-height: 50px;
	}

	/* if minimize has hotel tel: */
	.minimize.sticky .component_hotel-tel {
		padding: 0;
	}

	.minimize.sticky .langs__trigger.hide,
	.minimize.sticky .component_hotel-tel.hide {
		-webkit-animation: fadeOutDisplay 0.3s ease 0.2s forwards;
		animation: fadeOutDisplay 0.3s ease 0.2s forwards;
	}

	@-webkit-keyframes fadeOutDisplay {
		0% {
			opacity: 1;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			max-height: 45px;
		}

		90% {
			opacity: 0;
			max-height: 0;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}

		100% {
            opacity: 0;
            visibility: hidden;
			max-height: 0;
			display: none;
		}
	}

	@keyframes fadeOutDisplay {
		0% {
			opacity: 1;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			max-height: 45px;
		}

		90% {
			opacity: 0;
			max-height: 0;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}

		100% {
            opacity: 0;
            visibility: hidden;
			max-height: 0;
			display: none;
		}
	}


	/* Case: HEADER CENTRAL */
	.site-header.horizontal.central > .inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
	}
	/* if header central has extra components (phone num & book now) */
	.site-header.central .nav_toggle > .extra_header_components {
		position: absolute;
		top: 20px;
		right: 0px;
	}

	/* Case: Header Normal VERTICAL */



	/********** SUBMENU **********/

	/* Submenu above 960px */
	.sub-menu {
		box-shadow: 0px 1px 4px -3px #000;
	}


	.nav-menu ul > li.menu-item-has-children {
		position: relative;
	}

	.site-header.minimize .nav_toggle .nav-menu li.menu-item-has-children > a {
		transition: height 0s ease 0.3s,
					color 0.5s ease,
					background-color;
	}

	.nav-menu ul > li.menu-item-has-children > a.active,
	.nav-menu ul > li.menu-item-has-children > a:hover {
		background-color: rgba(255,255,255,0.3);
	}

	.site-header.minimize .nav_toggle > div,
	.site-header.transparent .nav_toggle > div {
		line-height: normal;
	}


	.site-header.burger .nav-menu .sub-menu,
	.site-header.burger .nav-menu .sub-menu > li,
	.site-header.burger_vertical .nav-menu .sub-menu,
	.site-header.burger_vertical .nav-menu .sub-menu > li,
	.site-header.burger_full .nav-menu .sub-menu,
	.site-header.burger_full .nav-menu .sub-menu > li {
		opacity: 0;
		visibility: hidden;
		max-height: 0;
		transition: max-height 0.3s ease,
					visibility 0.3s ease,
					padding 0.3s ease,
					opacity 0.3s ease;
	}

	.site-header.burger_vertical .nav-menu .sub-menu {
		position: relative;
		top: -4px;
    }

	.site-header.normal .nav-menu .sub-menu,
	.site-header.minimize .nav-menu .sub-menu,
	.site-header.central .nav-menu .sub-menu,
	.site-header.transparent .nav-menu .sub-menu {
		position: absolute;
		left: 0px;
		width: auto;
		min-width: 100%;
		visibility: hidden;
		opacity: 0;
		line-height: 2;
		padding: 10px;
		transition: color 0.4s ease,
		opacity 0.4s ease 0.3s,
		visibility 0.4s ease 0.3s,
		background 0.4s ease;
		box-sizing: border-box;
		z-index: 1;
	}

	.site-header.normal .nav-menu .sub-menu,
	.site-header.minimize .nav-menu .sub-menu,
	.site-header.central .nav-menu .sub-menu,
	.site-header.transparent .nav-menu .sub-menu {
		top: calc(100% + 10px);
	}


	/* Fade in/out submenu only for headers with burger */
	/* for the submenu */

	.site-header.burger .menu-item-has-children > a.active + .sub-menu,
	.site-header.burger_vertical .menu-item-has-children > a.active + .sub-menu,
	.site-header.burger_full .menu-item-has-children > a.active + .sub-menu {
		max-height: 800px;
		opacity: 1;
		visibility: visible;
		transition: color 0.4s ease,
					opacity 0.4s ease,
					visibility 0.4s ease,
					background 0.4s ease;
	}

	/* for the submenu items */
	.site-header.burger .menu-item-has-children > a.active + .sub-menu > li,
	.site-header.burger_vertical .menu-item-has-children > a.active + .sub-menu > li,
	.site-header.burger_full .menu-item-has-children > a.active + .sub-menu > li {
		opacity: 1;
		max-height: 100px;
		visibility: visible;
	}

	.site-header.burger .menu-item-has-children > a.active + .sub-menu,
	.site-header.burger_vertical .menu-item-has-children > a.active + .sub-menu,
	.site-header.burger_full .menu-item-has-children > a.active + .sub-menu,
	.site-header.burger .menu-item-has-children > a.active + .sub-menu > li,
	.site-header.burger_vertical .menu-item-has-children > a.active + .sub-menu > li,
	.site-header.burger_full .menu-item-has-children > a.active + .sub-menu > li {
		padding: 10px;
	}


	/********** end SUBMENU **********/

	.langs__trigger {
		padding-bottom: 5px;
		/* width: 100%; */
		font-size: 80%;
		cursor: pointer;
		position: relative;
		transition: padding-bottom 0.3s ease 0.2s;
	}

	.minimize.sticky .langs__trigger {
		padding-bottom: 0;
	}

	.langs__trigger > span {
		text-transform: uppercase;
		text-align: center;
		border-bottom: 1px solid;
	}

	.langs__trigger > div {
		display: none;
		position: absolute;
		top: calc(100% - 9px);
		left: 0;
		width: 100%;
	}

	.langs__trigger,
	.langs__trigger #qtranslate-chooser {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-align-self: flex-end;
        	-ms-flex-item-align: end;
            	align-self: flex-end;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
	}

	.langs__trigger #qtranslate-chooser,
	.langs__trigger .language-chooser li {
		padding: 5px 0;
		text-align: center;
		box-sizing: border-box;
	}

	.langs__trigger .langs li {
		display: block!important;
    }

    /* SLIDESHOW MOTTO */
	.slideshow li .header_image_title,
	.section_content .header_image_title {
		max-width: 800px;
	}


	/* split text in two cols */
	/*Welcome Section 2-columns*/
	.two-col-container > div {
		padding: 0 25px;
		text-align: left;
		box-sizing: border-box;
	}

	.two-col-container > div:nth-child(n+3) {
		margin-top: 40px;
	}


	/* New BOOK NOW button next READ MORE for > 960 */
	.book-now__container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: space-evenly;
		-webkit-justify-content: space-evenly;
			-ms-flex-pack: space-evenly;
				justify-content: space-evenly;
	}

	.book-now__container > a.button {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
			-ms-flex: 0 0 50%;
				flex: 0 0 50%;
				width: 50%;
				margin-right: 10px;
				margin-left: 10px;
	}

	.book-now__container > a:nth-child(1) { order: 2; }

	.book-now__container > a.button__book-now { order: 1; }


} /*min-width 961px */

@media screen and (min-width: 961px) and (max-width: 1280px) {
	header.site-header.normal .nav-menu > ul,
	header.site-header.minimize .nav-menu > ul,
	header.site-header.transparent .nav-menu > ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
			-ms-flex-pack: start;
				justify-content: flex-start;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}

	header.site-header .nav-menu > ul > li > a {
		display: inline-block;
	}

	.site-header.normal .nav-menu .sub-menu,
	.site-header.minimize .nav-menu .sub-menu,
	.site-header.central .nav-menu .sub-menu,
	.site-header.transparent .nav-menu .sub-menu {
		top: calc(100% + -1px);
	}
}

@media screen and (max-width: 960px) {
	.site-header.normal .nav_toggle,
	.site-header.minimize .nav_toggle,
	.site-header.central .nav_toggle,
	.site-header.transparent .nav_toggle {
		will-change: height, padding-top, padding-bottom;
	}

	.extra_header_components > .langs__trigger,
	.extra_header_components > .component_hotel-tel {
		display: none;
	}

	.site-header .sub-menu {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
	}


	.site-header .sub-menu,
	.site-header .sub-menu > li {
		opacity: 0;
		visibility: hidden;
		max-height: 0;
		transition: max-height 0.3s ease,
					visibility 0.3s ease,
					padding 0.3s ease,
					opacity 0.3s ease;
	}


	/* for the submenu */
	.site-header.normal .nav-menu .sub-menu,
	.site-header.central .nav-menu .sub-menu {
		top: 9px;
	}


	.site-header .menu-item-has-children > a.active + .sub-menu {
		max-height: 800px;
		opacity: 1;
		visibility: visible;
	}

	/* for the submenu items */
	.site-header .menu-item-has-children > a.active + .sub-menu > li {
		opacity: 1;
		max-height: 100px;
		visibility: visible;
	}

	.site-header .menu-item-has-children > a.active + .sub-menu,
	.site-header .menu-item-has-children > a.active + .sub-menu > li {
		padding: 10px;
	}

	/* submenu arrow for non burger headers < 960 */
	.site-header.normal .nav-menu .menu-item-has-children > a > .sub_menu_arrow,
	.site-header.central .nav-menu .menu-item-has-children > a > .sub_menu_arrow,
	.site-header.minimize .nav-menu .menu-item-has-children > a > .sub_menu_arrow,
	.site-header.transparent .nav-menu .menu-item-has-children > a > .sub_menu_arrow {
		position: absolute;
		top: 10px;
		left: 100%;
		width: 20px;
		font-size: 2rem;
	}


	/* BURGER_FULL HEADER */
	.site-header.burger_full,
	.site-header.burger_full .nav_select > .logo {
		padding: 0!important;
	}

	/* BURGER_VERTICAL */
	.site-header.burger_vertical .sub-menu { top: 9px; }

	/* BURGER HEADERS GENERAL */
	.site-header.burger_vertical .nav_select .nav-menu > ul > li,
	.site-header.burger .nav_select .nav-menu > ul > li,
	.site-header.burger_full .nav_select .nav-menu > ul > li {
        min-height: 30px;
		padding: 10px 0;
	}


	/* MINIMIZE & TRANSPARENT */
	.site-header.minimize,
  	.site-header.transparent {
		box-shadow: 0 1px 4px -3px #000;
	}


    .site-header.minimize .sub-menu,
    .site-header.transparent .sub-menu { top: 3px; }

    /* SLIDESHOW MOTTO */
	.slideshow li .header_image_title,
	.section_content .header_image_title {
		max-width: 600px;
	}
} /* max-width 960 */

@media screen and (max-width: 600px) {
	/* New BOOK NOW button next READ MORE for > 960 */
	.book-now__container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
	}

	.book-now__container > a {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
			-ms-flex: 0 0 75%;
				flex: 0 0 75%;
				width: 75%;
	}
}

@media screen and (max-width: 480px) {

	.site-header.burger .nav-menu,
	.site-header.burger .nav-menu > ul,
	.site-header.burger_full .nav-menu,
	.site-header.burger_full .nav-menu > ul {
		height: auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: space-between;
		-webkit-justify-content: space-between;
			-ms-flex-pack: space-between;
				justify-content: space-between;
	}

}

/* NEW BUTTON FULL-WIDTH */
.button--full-width,
.custom-book-room.book--big {
	width: 100%;
	box-sizing: border-box;
}

.button.button_book-now {
    margin-right: 10px;
    margin-left: 10px;
}



/* BENEFITS SECTION general*/
.benefits,
.awards {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
		align-items: center;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
		justify-content: space-around;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.benefits__icon {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
			justify-content: center;
	width: 96px;
    height: 96px;
    background: #a1a1a1;
	border-radius: 50%;
	margin: 10px auto;
}

.benefits__icon > svg {
	width: 64px;
	height: 64px;
}

.benefits + footer > a {
	width: 30%;
}

.awards__single > div { margin: 0 auto!important; }


/* BENEFITS SECTION */
@media screen and (min-width: 961px) {

	.benefits,
	.awards {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
	}

	.benefits__single,
	.awards__single {
		text-align: center;
	}

	.benefits__single.cdb_4,
	.awards__single.cdb_4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
			flex: 0 0 25%;
			width: 25%;
	}

	.benefits__single.cdb_3,
	.awards__single.cdb_3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.3333%;
		-ms-flex: 0 0 33.3333%;
			flex: 0 0 33.3333%;
			width: 33.3333%;
	}

	.benefits__single.cdb_2,
	.awards__single.cdb_2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			width: 50%;
	}
}

@media screen and (max-width: 960px) {
	.benefits__single,
	.awards__single {
		margin: 20px;
	}

	.benefits__single.cdb_4,
	.awards__single.cdb_4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			width: 50%;
	}

	.benefits__single.cdb_3,
	.awards__single.cdb_3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			width: 100%;
	}

	.benefits__single.cdb_2,
	.awards__single.cdb_2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.benefits,
	.awards {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
	}
}

@media screen and (max-width: 480px) {
	.benefits + footer > a {
		width: 100%;
	}
}


/* COOKIES Policy / PRIVACY Policy */
.cookies_policy,
.privacy_policy {
	margin: 20px 20px 0;
	display: inline-block;
}

.cookies_policy > a,
.privacy_policy > a {
    font-size: 1.5rem;
    border-bottom: 1px solid;
	transition: color 0.3s ease;
}

.cookie-table__container {
	overflow-x: auto;
	position: relative;
	margin: 10px auto;
	border: 2px solid #ddd;
}

.cookie-table__container > table {
	min-width: 800px;
}



/* Exception for scroll_v2 & cookie pop-up */
body.mobile.scroll.scw-cookie-in .fade_to_top,
body.mobile.scroll.scw-cookie-in .fade_step_1,
body.mobile.scroll.scw-cookie-in .fade_step_2,
body.mobile.scroll.scw-cookie-in .fade_step_3,
body.tablet.scroll.scw-cookie-in .fade_to_top,
body.tablet.scroll.scw-cookie-in .fade_step_1,
body.tablet.scroll.scw-cookie-in .fade_step_2,
body.tablet.scroll.scw-cookie-in .fade_step_3 {
	opacity: 1;
}

@media(min-width:961px){
	.page-template-page_rooms .backstretch_header.cdb-three_quarters {
		height: auto !important;
	}
	.page-template-page_rooms .backstretch_header.cdb-three_quarters .backstretch {
		height: 100% !important;
	}
}