body
{
background-color: #ffffff;
color: #999482; /* beige-text */
font-family: "Raleway", Arial, sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
width: 100%;
height: 100%;
}

@media screen and (max-width: 991px) {

	body
	{
	font-size: 15px;
	}

}

@media screen and (max-width: 767px) {

	body
	{
	font-size: 13px;
	}

}

@media screen and (max-width: 500px) {

	body
	{
	font-size: 11px;
	}

}

body.galleryon
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#wrap
{
width: 100%;
overflow: hidden;
}

.container, .container-fluid
{
padding: 0px;
}

section
{
padding-top: 60px;
padding-bottom: 50px;
}

section.hometitle
{
padding-top: 30px;
padding-bottom: 20px;
}

section.hometitle + section
{
padding-top: 0px;
}

@media screen and (max-width: 767px)
{
	section
	{
	padding-top: 30px;
	padding-bottom: 25px;
	}
	
	section.hometitle
	{
	padding-top: 15px;
	padding-bottom: 10px;
	}
}

section > .container, footer > .container
{
padding-left: 120px;
padding-right: 120px;
/* border-top: 1px dotted gray; */
}

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

	section > .container, footer > .container
	{
	padding-left: 0px;
	padding-right: 0px;
	}

}

@media screen and (max-width: 767px) {

	section > .container, footer > .container
	{
	padding-left: 40px;
	padding-right: 40px;
	}

}

section .row
{
padding-bottom: 30px;
}

@media screen and (max-width: 767px) {section .row {padding-bottom: 20px;}}

section .row.ruler
{
padding-top: 0px;
padding-bottom: 0px;
}

section .row.button.pull-up
{

}

section .row.button.pull-up .col
{
margin-top: 0px;
}

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

	section .row.button.pull-up
	{
	padding-top: 0px;
	padding-bottom: 0px;
	height: 0px;
	}

	section .row.button.pull-up .col
	{
	margin-top: -72px;
	}
}

.col figure
{
width: 100%;
overflow: hidden;
}

.col figure img
{
max-width: 100%;
}

.col figure.outdoor img
{
width: 100%;
}

.col figure.rooms img
{
width: 100%;
}

.col figure.amenities
{
height: 80px;
overflow: hidden;
margin-bottom: 0.5em;
display: none;
}

.col figure.smallpic
{
width: 200px;
float: right;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.col figure.smallpic img
{
width: 100%;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.col figure.smallpic:hover, .col figure.smallpic:hover img
{
width: 100%;
height: auto;
}

@media screen and (max-width: 460px) 
{
	.col figure.smallpic {width: 100%;}
}
.col figure.midpic{width: 300px;float: left;margin-top: 20px;margin-right: 20px;margin-bottom: 20px;}.col figure.midpic img{width: 100%;-webkit-transition: all 0.2s;transition: all 0.2s;}
.col figure.fullpic{width: 100%;}.col figure.fullpic img{width: 100%;}
.col figure figcaption
{
padding-top: 15px;
padding-bottom: 25px;
font-size: 1.2em;
}

.col figure figcaption p
{
padding-top: 10px;
font-size: 0.8em;
}

.col figure.smallpic figcaption
{
padding-top: 5px;
padding-bottom: 10px;
font-size: 0.6em;
opacity: 0.7;
text-align: right;
}

section.dark .col figure.smallpic figcaption a
{
color: #ffffff;
}

.col figure.instagram
{
width: 330px;
height: auto;
float: right;
clear: left;
margin: 0px;
margin-left: 20px;
margin-bottom: 10px;
margin-top: 0px;
border: none;
}

.col figure.instagram.align-left
{
float: left;
clear: both;
margin-right: 20px;
margin-left: 0px;
}

.row:nth-child(odd) .col figure.instagram.align-alternate
{
float: left;
clear: right;
margin-right: 20px;
margin-left: 0px;
}

.col figure.instagram figcaption
{
padding: 0px;
padding-top: 0.5em;
font-size: 0.8em;
text-align: right;
}

.col figure.instagram.align-left figcaption
{
text-align: left;
}

.row:nth-child(odd) .col figure.instagram.align-alternate figcaption
{
text-align: left;
}

.col figure.instagram figcaption a
{
/* float: right; */
font-size: 0px;
}

.col figure.instagram figcaption a:after 
{
font-family: FontAwesome;
content: "\f16d";
font-size: 16px;
font-style: normal;
font-weight: normal;
text-indent: 0px;
display: inline-block;
margin-left: 0.4em;
margin-top: -2px;
float: right;
}

.row:nth-child(odd) .col figure.instagram.align-alternate figcaption a:after
{
margin-left: 0px;
margin-right: 0.4em;
float: left;
}

.col figure.instagram.align-left figcaption a:after
{
margin-left: 0px;
margin-right: 0.4em;
float: left;
}

.col figure.instagram.small
{
width: 250px;
height: 180px;
overflow: hidden;
position: relative;
}

.col figure.instagram.extrasmall
{
width: 200px;
height: 200px;
overflow: hidden;
position: relative;
}

.col figure.instagram.small img
{
position: absolute;
top: 0px;
width: 250px;
left: 0px;
}

.col figure.instagram.extrasmall img
{
position: absolute;
top: 0px;
width: 200px;
left: 0px;
}

.col figure.instagram.small figcaption, .col figure.instagram.extrasmall figcaption
{
position: absolute;
top: 5px;
left: 5px;
font-size: 0px;
}


.col figure.instagram.small.align-right figcaption, .col figure.instagram.extrasmall.align-right figcaption
{
position: absolute;
top: 5px;
left: auto;
right: 5px;
font-size: 0px;
}

.col figure.instagram.small.bottom img, .col figure.instagram.extrasmall.bottom img
{
top: auto;
bottom: 0px;
}

.col figure.instagram.small.middle img, .col figure.instagram.extrasmall.middle img
{
top: -30px;
}

@media screen and (min-width: 1199px) 
{
	.col figure.instagram.lg-margintop
	{
	margin-top: 20px;
	}
}

@media screen and (max-width: 1199px) 
{
	.col figure.instagram.md-margintop
	{
	margin-top: 20px;
	}

	.col figure.instagram
	{
	width: 280px; 
	}

	.col figure.instagram.align-alternate
	{
	margin-top: 0px;
	}

}

@media screen and (max-width: 991px) 

{	.col figure.instagram.md-margintop
	{
	margin-top: 0px;
	}

	.col figure.instagram.sm-margintop
	{
	margin-top: 20px;
	}

	.col figure.instagram
	{
	width: 200px; 
	}
}

@media screen and (max-width: 767px) 
{
	.col figure.instagram.xs-margintop
	{
	margin-top: 20px;
	}

	.col figure.instagram.xs-fullwidth
	{
	width: 100%; 
	}

	.col figure.instagram.align-left
	{
	float: none;
	}

	.col figure.instagram.small
	{
	width: 150px;
	height: 100px;
	}

	.col figure.instagram.extrasmall
	{
	width: 150px;
	height: 150px;
	}

	.col figure.instagram.small img, .col figure.instagram.extrasmall img
	{
	width: 150px;
	}

}

h1
{
font-size: 2.6em;
color: #193324; /* green */
}

h1 .smaller
{
display: inline-block;
font-size: 0.7em;
margin-bottom: 0.5em;
}

h2
{
font-size: 2.6em;
color: #193324; /* green */
}

section.welcome h2
{
font-size: 1.7em;
color: #193324; /* green */
}

h3
{
font-size: 1.7em;
color: #193324; /* green */
}

h3.small
{
font-size: 1.4em;
color: #193324; /* green */
}

section.welcome h3
{
font-size: 1.5em;
color: #999482; /* beige-text */
}

section.welcome p + h3
{
margin-top: 1.5em;
}

body.guide h3
{
}

h4
{
font-size: 1.4em;
}

h1 .label, h2 .label, h3 .label
{
font-size: 0.8em;
font-weight: normal;
padding: 0px;
display: inline-block;
text-align: left;
width: 50%;
color: #193324
}

@media screen and (min-width: 1400px) 
{
	h1 .label, h2 .label, h3 .label
	{
	font-size: 1em;
	width: 60%;
	}
}

p+h4
{
margin-top: 18px;
}

.restaurants h5{display: block;padding-right: 20px;}.restaurants h5 a, .restaurants h5 a:visited{color: #ffffff;opacity: 0.6;}.restaurants h5 a:hover{color: #ffffff;opacity: 1;}.restaurants h5 a:hover i.fa{padding-right: 10px;}.restaurants h5 a:active{color: #8fccc2;opacity: 1;}
.restaurants i.fa{padding-right: 5px;-webkit-transition: all 0.2s;transition: all 0.2s;
}.restaurants .col.col-lg-6:first-child{padding-bottom: 30px;
}

.col-lg-4 h1 .label, .col-lg-4 h2 .label, .col-lg-4 h3 .label
{
width: 30%;
}

h1 .label .subtitle, h2 .label .subtitle, h3 .label .subtitle
{
font-size: 0.6em;
font-weight: normal;
padding: 0px;
display: block;
text-align: left;
color: #193324; /* green */
}

a 
{
color: #8fccc2; /* aqua-med */
text-decoration: none;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

a:hover, a:focus 
{
text-decoration: none;
color: #639990;
}

a:active
{
color: #3d664e; /* green-light */
}

section.dark a:hover, section.dark a:focus, footer.dark a:hover, footer.dark a:focus 
{
color: #ffffff;
}
 
a.tel, .number
{
font-family: "Century Gothic", Verdana, sans-serif;
}

a.carousel-control:hover,
a.carousel-control:focus {
background-color: transparent;
}

.carousel-control.right, .carousel-control.left
{
background-image: none;
}

body.langselect .carousel-control
{
display: none;
}

button.default,button.default:hover,button.default:focus,button.default:active
{
border: none;
outline: none;
color: #ffffff;
background-color: #8fccc2; /* aqua-med */
text-transform: uppercase;
padding: 1em;
padding-top: 10px;
padding-bottom: 10px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

button.default.onGallery
{
float: right;
}

@media screen and (max-width: 767px) 
{
	button.default,button.default:hover,button.default:focus,button.default:active
	{
	margin-bottom: 10px;
	}
	
	button.default.onGallery
	{
	float: none;
	}
}

button.default:hover
{
background-color: #639990; /* aqua-dark */
}

button.default:active
{
background-color: #b8e6de; /* aqua-light */
}

p.med
{
font-size: 0.8em;
}

p.small
{
font-size: 0.7em;
}

img.fit
{
width: 100%;
height: auto;
}

ul
{
padding-left: 1.1em;
list-style-type: disc;
}

ul.spaced li
{
padding-bottom: 1em;
}

ol
{
padding-left: 1.1em;
}

ol li
{
padding-left: 0.6em;
padding-bottom: 1em;
}

ol.instructions
{
font-size: 0.9em;
margin-top: 1.2em;
}

/* 
ol.instructions
{
font-size: 0.9em;
margin-top: 1.2em;
padding-left: 0px;
}

ol.instructions li
{
list-style-type: none;
padding-left: 10px;
padding-right: 10px;
width: 20%;
float: left;
} 
*/

#preload
{
display: none;
}

.animated
{
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

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

section.preload
{
display: block;
position: fixed;
top: 99999px;
left: 99999px;
}

section.preload img
{
width: 10px;
}

b
{
color: #193324;
color: #393422;
font-weight: normal;
}

blockquote
{
margin: 0px;
padding: 0px;
border: 0px;
}

/*=======================================*/
/*==
/*==  header
/*==
/*=======================================*/

header
{
width: 50%;
width: 200px;
top: 0px;
z-index: 9999;
overflow: visible;
margin: auto;
/* background-color: rgba(255,0,0,0.5); */
}

header .container
{
margin: auto;
}

header .col.right
{
text-align: right;
}

@media screen and (max-width: 991px) {

	header .col
	{
	text-align: center;
	/* font-size: 0.9em; */
	}	
	
	header .col.right
	{
	text-align: center;
	}

}

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


/*=======================================*/
/*==
/*==  cookies & instructions
/*==
/*=======================================*/

div.cookies
{
border: 0px;
border-radius: 0px;
margin: 0px;
position: absolute;
top: -1000px;
width: 200px;
z-index:99999;
text-align: center;
color: #193324;
font-size: 0.8em;
-webkit-transition: all 1s;
transition: all 1s;
}

div.instructions
{
border: 0px;
border-radius: 0px;
margin: 0px;
position: absolute;
top: -1000px;
width: 300px;
z-index:99999;
text-align: center;
color: #193324;
font-size: 1.1em;
-webkit-transition: all 1s;
transition: all 1s;
}

body.cookieson div.cookies
{
top: 0px;
}

body.instructionson div.instructions
{
top: 0px;
}

div.cookies .container
{
border: 0px;
width: 200px;
width: 360px;
position: relative;
left: -80px;
padding: 20px;
background-color: rgba(197,197,187,0.9);
}

div.instructions .container
{
border: 0px;
width: 300px;
position: relative;
left: -50px;
padding: 20px;
background-color: rgba(197,197,187,0.9);
}

div.cookies h2, div.instructions h2
{
font-size: 1.6em;
margin-top: 0px;
}

@media screen and (max-height: 800px) and (min-width: 768px) 
{
div.cookies {z-index: 9999;}
div.cookies .container {padding-top: 110px;  background-color: rgba(239,241,235,0.9);}
div.instructions {z-index: 9999;}
div.instructions .container {padding-top: 110px;  background-color: rgba(239,241,235,0.9);}
}

@media screen and (max-width: 767px) 
{
div.cookies {z-index: 9999;}
div.cookies .container {padding-top: 100px;  background-color: rgba(239,241,235,0.9);}
div.instructions {z-index: 9999;}
div.instructions .container {padding-top: 100px;  background-color: rgba(239,241,235,0.9);}
}

/*=======================================*/
/*==
/*==  navigation
/*==
/*=======================================*/

nav
{
border-radius: 0px;
position: relative;
}

.navbar-nav>li>a
{
padding: 0px;
line-height: 16px;
}

nav.navbar-main 
{
border: 0px;
border-radius: 0px;
margin: 0px;
position: fixed;
top: auto;
bottom: -1000px;
width: 200px;
z-index:99999;
z-index:999;
text-align: center;
color: #193324;
-webkit-transition: all 1s;
transition: all 1s;
}

body.langselect nav.navbar-main 
{
top: -1000px;
bottom: auto;
}

body.fixedheader nav.navbar-main 
{
top: -1000px;
bottom: auto;
}

body.menuon nav.navbar-main 
{
top: auto;
bottom: 0px;
}

body.fixedheader.menuon nav.navbar-main 
{
top: 0px;
bottom: auto;
}

body.languageon nav.navbar-main, body.langselect.menuon nav.navbar-main
{
top: 0px;
bottom: auto;
z-index: 99999;
}

body.welcome nav.navbar-main, body.guide nav.navbar-main
{
top: -999px;
bottom: auto;
z-index: 999;
}

body.welcome.menuon nav.navbar-main, body.guide.menuon nav.navbar-main 
{
top: 0px;
bottom: auto;
z-index: 999;
}

nav.navbar-main .container, body.home.scrolled nav.navbar-main .container
{
border: 0px;
width: 200px;
width: 300px;
position: relative;
left: -50px;
padding: 20px;
padding-top: 110px;
background-color: rgba(197,197,187,0.9);
}

body.home nav.navbar-main .container
{
padding-top: 20px;
padding-bottom: 220px;
}

body.langselect nav.navbar-main .container
{
background-color: #2e4d3b;
background-color: rgba(46,77,59,0.9);
width: 200px;
height: 200px;
padding: 20px;
overflow: hidden;
left: 0px;
display: table;
}

body.langselect nav.navbar-main .container div
{
vertical-align: middle;
display: table-cell;
}

nav.navbar-main ul
{
width: 100%;
padding: 0px;
margin: 0px;
}

nav.navbar-main li
{
list-style-type: none;
text-align: center;
float: none;
width: 100%;
padding: 0px;
margin: 0px;
padding-top: 0.25em;
padding-bottom: 0.25em;
font-size: 1.3em;
}

@media screen and (max-height: 610px) 
{
	nav.navbar-main li
	{
	font-size: 1.1em;
	}
}

@media screen and (max-height: 540px) and (min-width: 360px)
{

	nav.navbar-main .container
	{
	width: 360px;
	left: -80px;
	padding-right: 0px;
	}
	
	nav.navbar-main ul
	{
	-webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
	}
	
	nav.navbar-main li
	{
	white-space: nowrap;
	text-align: left;
	padding-right: 20px;
	width: 100%;
	display: inline-block;
	font-size: 1.1em;
	}
}

body.langselect nav.navbar-main li
{
text-align: center;
padding-top: 0.3em;
padding-bottom: 0.3em;
font-size: 1.6em;
}

nav.navbar-main a
{
color: #193324;
opacity: 0.75;
}

nav.navbar-main a:hover
{
opacity: 0.99;
}

body.langselect nav.navbar-main a
{
color: #ffffff;
}

nav.navbar-main .lang a
{
color: #ffffff;
font-size: 0.7em;
text-indent: -999px;
/* opacity: 0.9; */
}

nav.navbar-main .lang a:before
{
font-family: FontAwesome;
font-size: 25px;
font-style: normal;
font-weight: normal;
text-indent: 0px;
display: block;
content: "\f1ab";margin-top: 20px;margin-bottom: -10px;
/* text-shadow: 0px 0px 20px #a5a191; */
}body.langselect nav.navbar-main .lang a:before{margin: 0px;font-size: 35px;}

nav.navbar-main .jump a
{
color: #ffffff;
font-size: 0.7em;
text-indent: -999px;
}

nav.navbar-main .jump a:before
{
font-family: FontAwesome;
font-size: 25px;
font-style: normal;
font-weight: normal;
text-indent: 0px;
display: block;
margin-top: 20px;
margin-bottom: -10px;
}

nav.navbar-main .jump.fwd a:before {content: "\f064";}
nav.navbar-main .jump.rew a:before {content: "\f3e5"; content: "\f064";}

body.langselect nav.navbar-main .jump a:before
{
margin: 0px;
font-size: 35px;
}


nav.navbar-side.social-media
{
border-radius: 0px;
position: fixed;
top: 0px;
left: 0px;
width: auto;
z-index: 9999;
}

nav.navbar-side.social-media .description
{
display: block;
float: right;
color: #ffffff;
font-size: 0.8em;
padding-top: 15px;
opacity: 0.7;
}

nav.navbar-side.social-media a, nav.navbar-side.social-media a:visited, nav.navbar-side.social-media a:focus
{
font-size: 0px;
color: #ffffff;
opacity: 0.7;
background-color: transparent;
outline: none;
}

body.fixedheader nav.navbar-side.social-media .description, body.fixedheader nav.navbar-side.social-media a
{
color: #193324; /* green */
}

nav.navbar-side.social-media a:hover, body.fixedheader nav.navbar-side.social-media a:hover
{
background-color: transparent;
/* color: #8fccc2; */
opacity: 1;
}

ul.social-media, ul.social-media li
{
text-indent: -9999px;
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 0px;
}

ul.social-media li
{
display: inline;
}

ul.social-media a
{
position: relative;
display: block;
float: left;
}

ul.social-media a:after
{
font-family: FontAwesome;
font-size: 20px;
font-style: normal;
font-weight: normal;
text-indent: 0px;
display: block;
margin-right: 0.4em;
}

nav.navbar-side.social-media a:after
{
font-family: FontAwesome;
font-size: 20px;
font-style: normal;
font-weight: normal;
text-indent: 0px;
display: block;
margin-right: 0.4em;
}

ul.social-media .facebook a:after
{
content: "\f082";
}

ul.social-media .instagram a:after
{
content: "\f16d";
}

nav.navbar-side.online-booking
{
border-radius: 0px;
position: fixed;
top: 0px;
right: 0px;
width: auto;
z-index: 9999;
}

ul.online-booking, ul.online-booking li
{
margin: 0px;
padding: 0px;
list-style-type: none;
display: block;
}

section.book ul.online-booking, section.book ul.online-booking li
{
margin-top: 1em;
vertical-align: top;
margin-bottom: 0.5em;
}

section.book ul.online-booking .email a
{
line-height: 35px;
font-size: 1em;
}

section.book .whitelinks a {color: #ffffff;}
section.book .whitelinks a:hover {color: #8fccc2;}
section.book .whitelinks a:active {color: #ffffff;}

ul.online-booking li a, ul.online-booking li a:hover, ul.online-booking li a:active, ul.online-booking li a:focus
{
display: block;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
outline: none;
}

section.book ul.online-booking li
{
display: inline-block;
margin-right: 3em;
}

@media screen and (max-width: 991px)
{
	section.book ul.online-booking li {margin-right: 2em;}
}

nav.navbar-side.online-booking li a, nav.navbar-side.online-booking li a:hover, nav.navbar-side.online-booking li a:active, nav.navbar-side.online-booking li a:focus
{
margin-left: 1.3em;
margin-top: 15px;
}


body.fixedheader  nav.navbar-side.online-booking li a
{
margin-left: 0.5em;
}

ul.online-booking .homeaway a
{
width: 133px;
height: 35px;
background-image: url("../images/homeaway-logo-white.png");
}

nav.navbar-side.online-booking .homeaway a
{
width: 95px;
height: 25px;
background-image: url("../images/homeaway-logo-white.png");
}

body.fixedheader nav.navbar-side.online-booking .homeaway a
{
width: 30px;
height: 23px;
background-image: url("../images/homeaway-logo-green.png");
}

ul.online-booking .airbnb a
{
width: 98px;
height: 35px;
background-image: url("../images/airbnb-logo-white.png");
}

nav.navbar-side.online-booking .airbnb a
{
width: 70px;
height: 25px;
background-image: url("../images/airbnb-logo-white.png");
}

body.fixedheader nav.navbar-side.online-booking .airbnb a
{
width: 25px;
height: 23px;
background-image: url("../images/airbnb-logo-green.png");
}

ul.online-booking .tripadvisor a
{
width: 161px;
height: 35px;
background-image: url("../images/tripadvisor-logo-white.png");
}

nav.navbar-side.online-booking .tripadvisor a
{
width: 115px;
height: 23px;
background-image: url("../images/tripadvisor-logo-white.png");
}

body.fixedheader nav.navbar-side.online-booking .tripadvisor a
{
width: 40px;
height: 25px;
background-image: url("../images/tripadvisor-logo-green.png");
}

ul.online-booking .email a
{
font-size: 0.8em;
line-height: 20px;
width: 51px;
width: auto;
padding-left: 56px;
height: 35px;
background-image: url("../images/email-white.png");
}

nav.navbar-side.online-booking .email a
{
width: 33px;
width: auto;
padding-left: 38px;
height: 23px;
line-height: 22px;
background-image: url("../images/email-white.png");
opacity: 1;
}

body.fixedheader nav.navbar-side.online-booking .email a
{
width: 33px;
width: auto;
padding-left: 38px;
height: 23px;
font-size: 0px;
margin-left: 10px;
background-image: url("../images/email-green.png");
}

nav.navbar-side.online-booking a, body.fixedheader nav.navbar-side.online-booking a
{
color: #ffffff;
opacity: 0.7;
}

nav.navbar-side.online-booking a:hover, body.fixedheader nav.navbar-side.online-booking a:hover
{
background-color: transparent;
color: #8fccc2;
color: #ffffff;
opacity: 1;
}

nav.navbar-side .container
{
width: auto;
}

nav.navbar-logo
{
position: relative;
z-index: 9999;
padding: 0px;
margin: 0px;
height: 0px;
border: none;
}

body.langselect nav.navbar-logo
{
height: 100%;
}

nav.navbar-logo .logo-container
{
width: 200px;
height: 180px;
position: fixed;
bottom: auto;
top: 0px;
left: 50%;
margin-top: 180px;

width: 100px;
height: 90px;
margin-left: 45px;

-webkit-transition-delay: 3s;
transition-delay: 3s;
-webkit-transition: width 1s, height 1s, margin-left 1s;
transition: width 1s, height 1s, margin-left 1s;
}

body.home nav.navbar-logo .logo-container, body.langselect nav.navbar-logo .logo-container
{
width: 200px;
height: 180px;
position: relative;
left: 50%;
margin-top: 700px;
margin-left: 0px !important;
}

body.home.fixedheader nav.navbar-logo .logo-container
{
width: 200px;
height: 180px;
position: fixed;
bottom: auto;
top: 0px;
margin-top: 180px !important;

width: 100px;
height: 90px;
margin-left: 45px !important;
}


.villa-elea-logo
{
display: block;
background-color: transparent;
border: 1px solid red;
width: 200px;
height: 180px;
background-image: url("../images/elea-logo.png");
background-size: 200px 180px;
background-position: 50% 50%;
background-repeat: no-repeat;
text-indent: -9999px;
font-size: 0px;
}

nav.navbar-logo .logo-container .villa-elea-logo
{
border: none;
display: block;
background-color: rgba(239,241,235,0.9); /* beige */
position: relative;
width: 200px;
height: 180px;
width: 100px;
height: 90px;
background-size: 100px 90px;
background-image: url("../images/elea-logo.png");
background-position: 50% 50%;
background-repeat: no-repeat;
text-indent: -9999px;
font-size: 0px;
margin-left: -100px !important;
margin-top: -180px !important;
-webkit-transition-delay: 3s;
transition-delay: 3s;
-webkit-transition: width 1s, height 1s, background 1s;
transition: width 1s, height 1s, background 1s;
}

body.menuon nav.navbar-logo .logo-container .villa-elea-logo, body.home.menuon nav.navbar-logo .logo-container .villa-elea-logo, body.home.fixedheader.menuon nav.navbar-logo .logo-container .villa-elea-logo
{
background-color: rgba(239,241,235,0);
}

body.langselect.menuon nav.navbar-logo .logo-container .villa-elea-logo
{
background-color: rgba(239,241,235,0.9); /* beige */
}

body.home nav.navbar-logo .logo-container .villa-elea-logo, body.langselect nav.navbar-logo .logo-container .villa-elea-logo
{
border: none;
display: block;
background-color: rgba(239,241,235,0.9); /* beige */
position: relative;
width: 200px;
height: 180px;
background-size: 200px 180px;
}

body.home.fixedheader nav.navbar-logo  .logo-container .villa-elea-logo
{
width: 100px;
height: 90px;
background-size: 100px 90px;
}

.svg nav.navbar-logo .logo-container .villa-elea-logo
{
/* background-image: url("../images/elea-logo.svg"); */
}



@media screen and (max-height: 800px) and (min-width: 768px) 
{
	nav.navbar-logo  .logo-container
	{
	width: 150px;
	height: 135px;
	}
	
	nav.navbar-logo .logo-container .villa-elea-logo, body.langselect nav.navbar-logo .logo-container .villa-elea-logo
	{
	border: none;
	display: block;
	background-color: rgba(239,241,235,0.9); /* beige */
	position: relative;
	width: 150px;
	height: 135px;
	background-size: 150px 135px;
	margin-left: -75px !important;
	margin-top: -135px !important;
	}
	
	body.langselect nav.navbar-main {width: 150px;}
	
	body.langselect nav.navbar-main .container {width: 150px; height: 150px; left: 25px; font-size: 0.8em;}
	
	body nav.navbar-logo .logo-container, body.home nav.navbar-logo .logo-container, body.home.fixedheader nav.navbar-logo .logo-container, body nav.navbar-logo  .logo-container
	{
	position: fixed;
	bottom: auto;
	top: 0px;
	margin-top: 135px !important;
	width: 100px;
	height: 90px;
	margin-left: 25px !important;
	}

	body.home nav.navbar-logo .logo-container .villa-elea-logo, body.home.fixedheader nav.navbar-logo .logo-container .villa-elea-logo, body nav.navbar-logo .logo-container .villa-elea-logo
	{
	width: 100px;
	height: 90px;
	background-size: 100px 90px;
	}

	body nav.navbar-main .container, body.home nav.navbar-main .container, body.home.fixedheader nav.navbar-main .container
	{
	padding-top: 110px;
	padding-bottom: 20px;
	}

	body nav.navbar-main, body.home nav.navbar-main, body.home.fixedheader nav.navbar-main 
	{
	top: -999px;
	bottom: auto;
	}	

	body.menuon nav.navbar-main, body.home.menuon nav.navbar-main, body.home.fixedheader.menuon nav.navbar-main
	{
	top: 0px;
	bottom: auto;
	}

	body.languageon nav.navbar-main, body.langselect.menuon nav.navbar-main 
	{
	top: auto;
	bottom: 0px;
	}
}

@media screen and (max-width: 767px) 
{
	nav.navbar-logo  .logo-container
	{
	width: 100px;
	height: 90px;
	}

	nav.navbar-logo .logo-container .villa-elea-logo
	{
	border: none;
	display: block;
	background-color: rgba(239,241,235,0.9); /* beige */
	position: relative;
	width: 100px;
	height: 90px;
	background-size: 100px 90px;
	margin-left: -50px !important;
	margin-top: -90px !important;
	}
	
	body.langselect nav.navbar-main {width: 100px;}
	
	body.langselect nav.navbar-main .container {width: 100px; height: 100px; left: 50px; font-size: 0.8em;}
	
	body.home nav.navbar-logo .logo-container, body.home.fixedheader nav.navbar-logo .logo-container, body nav.navbar-logo  .logo-container, body.langselect nav.navbar-logo .logo-container
	{
	position: fixed;
	bottom: auto;
	top: 0px;
	margin-top: 90px !important;
	width: 80px;
	height: 72px;
	margin-left: 10px !important;
	}

	body.home nav.navbar-logo .logo-container .villa-elea-logo, body.home.fixedheader nav.navbar-logo .logo-container .villa-elea-logo, body nav.navbar-logo  .logo-container .villa-elea-logo, body.langselect nav.navbar-logo  .logo-container .villa-elea-logo
	{
	width: 80px;
	height: 72px;
	background-size: 80px 72px;
	}

	body nav.navbar-main 
	{
	top: -999px;
	bottom: auto;
	}

	body.menuon nav.navbar-main 
	{
	top: 0px;
	bottom: auto;
	}

	nav.navbar-main .container, body.home nav.navbar-main .container, body.home.scrolled nav.navbar-main .container 
	{
    padding-top: 80px;
    padding-bottom: 20px;
	}

	body.languageon nav.navbar-main, body.langselect.menuon nav.navbar-main 
	{
	top: auto;
	bottom: 0px;
	}
}



/*=======================================*/
/*==
/*==  slider
/*==
/*=======================================*/

section.slider
{
padding-top: 0px;
padding-bottom: 0px;
z-index: -99;
position: relative;
}

body.short .slider
{
margin-top: -50px;
}

.slider
{
background-color: #c5c5bb;
}

.slider.home, .slider.full, .slider.s-rooms, .slider.s-outdoor, .slider.s-tinos, .slider.s-welcome
{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 700px;
overflow: hidden;
z-index: 98;
}

.slider.s-rooms, .slider.s-outdoor, .slider.s-tinos
{
z-index: 99;
display: none;
}

body.scrolled .slider.home, body.scrolled .slider.full, body.scrolled .slider.s-rooms, body.scrolled .slider.s-outdoor, body.scrolled .slider.s-tinos, body.scrolled .slider.s-welcome
{
z-index: -99;
}

body.menu .slider.home, body.menu .slider.full, body.menu .slider.s-rooms, body.menu .slider.s-outdoor, body.menu .slider.s-tinos, body.menu .slider.s-welcome
{
z-index: -99;
}

.slider .container-fluid
{
width: 100%;
height: 100%;
}

.slider .carousel
{
width: 100%;
height: 100%;
}

.slider .carousel-inner
{
/* max-height: 600px; */
width: 100%;
height: 100%;
}

.slider .carousel-inner > .item
{
width: 100%;
height: 100%;
opacity: 0;
}

.slider .carousel-inner > .item.next, .slider .carousel-inner > .item.active, .slider .carousel-inner > .item.left, .slider .carousel-inner > .item.right
{
opacity: 1;
}

.carousel-button
{
position: absolute;
top: 20px;
right: 20px;
z-index:9;
}

.carousel-inner > .item > a > img 
{
display: block;
max-width: 99999px;
height: auto;
min-height: 100%;
}

.slider .carousel-inner > .item > .container
{
overflow: hidden;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}

.slider .carousel-inner > .item > .container.left
{
background-position: 0% 50%;
}

.slider .carousel-inner > .item > .container.right
{
background-position: 100% 50%;
}

.slider .carousel-caption 
{
z-index: 10;
padding: 0px;
padding-top: 20px;
padding-bottom: 20px;
bottom: 60px;
width: 100%;
left: 0px;
right: 0px;
text-align: center;
color: #193324;
text-shadow: none;
/* background-color: transparent;
-webkit-transition: all 0.2s;
transition: all 0.2s; */
}

body.narrow .slider .carousel-caption
{
bottom: 20px;
}

.slider .carousel-caption:hover
{
/* background-color: #ffffff; */
}

.slider h2, .slider p.elea
{
text-transform: none;
display: none;
position: relative;
}

.slider .title
{
position: fixed;
top: 110px;
left: 0px;
width: 100%;
text-align: center;
z-index: 9;
}

@media screen and (max-width: 767px)
{
	.slider .title {top: 80px; font-size: 0.8em;}
}

.slider .title h2
{
display: block;
font-size: 2em;
margin: 0px;
text-shadow: 1px 1px rgba(255,255,255,1);
}

.slider .title.left
{
position: absolute;
top: auto;
bottom: 2em;
left: auto;
width: 100%;
text-align: left;
z-index: 9;
font-size: 1.3em;
}

.slider p
{
text-transform: none;
display: none;
text-shadow: 1px 1px rgba(255,255,255,0.6);
}

/* .slider .carousel-indicators */
.carousel-indicators
{
width: 100%;
margin-left: -50%;
bottom: 45px;
display: none;
opacity: 0.4;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

/* .slider .carousel-indicators:hover */
.carousel-indicators:hover
{
opacity: 1;
}

.innerHalfCarousel .carousel-indicators
{
display: block;
top: auto;
bottom: 10px;
}

.carousel-indicators li
{
border: 1px solid rgba(255,255,255,0);
width: 10px;
height: 10px;
border-radius: 10px;
margin: 4px 3px;
padding: 5px;
background-color: rgba(255,255,255,0.7);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.carousel-indicators .active 
{
width: 10px;
height: 10px;
width: 16px;
height: 16px;
border-radius: 16px;
margin: 1px 0px;
padding: 8px;
background-color: rgba(255,255,255,1);
}

.carousel-indicators:hover li
{
border: 1px solid #a5a191; /* beige-med */
}

.slider .gallery-hide
{
position: fixed;
bottom: 0px;
left: 50%;
width: 250px;
display: none;
}

.slider .gallery-hide button
{
width: 250px;
margin: 0px;
margin-left: -50%;
position: relative;
bottom: -100px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.slider .gallery-hide button.visible
{
bottom: 0px;
}

.innerHalfCarousel
{
width: 100%;
}

.innerHalfCarousel .carousel-inner
{
width: 100%;
}

.innerHalfCarousel .carousel-inner .item
{
width: 100%;
}

.innerHalfCarousel .carousel-inner .item .container
{
width: 100%;
background-size: cover;
}

.innerHalfCarousel.pictures, .innerHalfCarousel.pictures .carousel-inner, .innerHalfCarousel.pictures .carousel-inner .item, .innerHalfCarousel.pictures .carousel-inner .item .container
{
height: 400px;
}

@media screen and (max-width: 767px) 
{
	.innerHalfCarousel.pictures, .innerHalfCarousel.pictures .carousel-inner, .innerHalfCarousel.pictures .carousel-inner .item, .innerHalfCarousel.pictures .carousel-inner .item .container
	{
	height: 200px;
	}
}

.innerHalfCarousel .carousel-inner .item .container .carousel-caption{
display: none;
}


/*=======================================*/
/*==
/*==  sections
/*==
/*=======================================*/

section
{
z-index: 999;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 20%;
}

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

body.fixedheader section.one
{
/* margin-top: 700px; */
}

section.strip
{
height: 250px;
background-color: #66645a;
}

section.strip.big
{
height: 500px;
background-size: cover;
}

@media screen and (max-width: 767px) 
{
	section.strip
	{
	height: 150px;
	}

	section.strip.big
	{
	height: 250px;
	}
}

section.leftmiddle{background-position: 0% 50%;}

section.centermiddle{background-position: 50% 70%;}

section.centertop{background-position: 50% 20%;}

section.centerbottom{background-position: 50% 100%;}

section.rightbottom{background-position: 100% 100%;}

section.amenities p
{
font-size: 0.9em;
}

section.amenities .row.main p
{
font-size: 1em;
}

section.amenities ul
{
font-size: 0.9em;
}

section.book
{
}

section.map
{
background-color: #cccccc;
z-index: 99;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
padding: 0px;
}

section.hometitle
{
position: relative;
bottom: 0px;
margin-top: 700px;
z-index: 99;
}

body.galleryon section.hometitle
{
z-index: -1;
}

#fullAmenities, #discoverTinos, #discoverKtikados
{
display: none;
}


/*=======================================*/
/*==
/*==  staydates
/*==
/*=======================================*/

.container.welcome
{
min-height: 200px;
}

.staydates
{
margin-top: 2em;
}

@media screen and (min-width: 992px) 
{
	.staydates
	{
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-45%);
	transform: translateY(-45%);
	}
}

.staydates .separator
{
display: inline-block;
overflow: hidden;
width: auto;
margin: 0.7em;
margin-bottom: 40px;
position: relative;
font-size: 40px;
}

.staydates .datebox
{
background-color: #ffffff;
display: inline-block;
border-radius: 10px;
overflow: hidden;
width: 150px;
height: 150px;
margin: 0px;
/* margin-left: 0px; */
/* margin-bottom: 0px; */
position: relative;
}

.staydates .datebox:last-child
{
margin-right: 0px;
}

@media screen and (min-width: 576px) {.staydates .datebox {width: 150px; height: 150px;}}

.staydates .datebox div
{
padding: 0px 1em;
line-height: 100%;
text-align: center;
color: #193324;
padding: 0px;
/* border: 1px solid red; */
}

.staydates .datebox .title
{
text-align: center;
font-size: 12px;
height: 30px;
padding-top: 10px;
background-color: #193324;
color: #ffffff;
}

.staydates .datebox .day
{
position: absolute;
top: 30px;
left: 12px;
width: 150px;
height: 80px;
text-align: center;
font-size: 16px;
writing-mode: tb-rl;
transform: rotate(180deg);
}

.staydates .datebox .date
{
position: absolute;
top: 35px;
left: 0px;
width: 150px;
height: 80px;
text-align: center;
font-size: 70px;
}

.staydates .datebox .month
{
position: absolute;
top: 30px;
right: 12px;
width: 150px;
height: 80px;
text-align: center;
font-size: 16px;
writing-mode: tb-rl;
}

.staydates .datebox .time
{
position: absolute;
bottom: 0px;
padding-top: 7px;
padding-bottom: 7px;
left: 0px;
width: 150px;
height: 40px;
font-size: 25px;
background-color: #eff1eb;
}

@media screen and (max-width: 575px) 
{
	.staydates .datebox
	{
	width: 110px;
	margin-right: 1.5em;
	/* -ms-transform: scale(0.8,0.8); */
    /* -webkit-transform: scale(0.8,0.8); */
    /* transform: scale(0.8,0.8); */
	}
	.staydates .separator {display: none;}
	.staydates .datebox .date {top: 47px; font-size: 45px; width: 110px;}
	.staydates .datebox .time {width: 110px;}
}

/*=======================================*/
/*==
/*==  calendar
/*==
/*=======================================*/

.calendar 
{
/* height: 500px; */
/* margin-top: 33px; */
margin-top: -4.2em;
}

.book h3
{
margin-top: 1em;
margin-bottom: 0.3em;
height: 1em;
font-size: 1.7em;
color: #ffffff;
}

.calendar .month
{
/* position: absolute;
top: 0px;
left: 15px; */
width: 100%;
/* height: 480px; */
display: block;
}

.calendar table
{
display: table;
float: left;
clear: both;
width: 100%;
margin-top: 1.8em;
margin-bottom: 10px;
}

.calendar th
{
font-size: 1.7em;
height: 2em;
color: #ffffff;
font-weight: normal;
text-align: right;
vertical-align: top;
}

.calendar td
{
width: 14.28%;
height: 40px;
padding: 5px;
padding-right: 10px;
border: 5px solid #193324;
vertical-align: top;
text-align: right;
background-color: #ccc8b8;
background-color: #ffffff;
color: #66645a;
font-weight: bold;
position: relative;
}

.calendar td.available.first
{
background-image: url("../images/calendar-first-available-date.gif");
}

.calendar td.empty
{
background-color: transparent;
}

.calendar td.unavailable
{
color: #193324;
background-color: #2e4d3b;
}

.calendar td.unavailable.first
{
background-image: url("../images/calendar-first-unavailable-date.gif");
}

span.available:before
{
display: inline-block;
width: 20px;
height: 20px;
background-color: #ffffff;
content: "\00a0";
margin-left: 5px;
margin-right: 5px;
}

span.unavailable:before
{
display: inline-block;
width: 20px;
height: 20px;
background-color: #2e4d3b;
content: "\00a0";
margin-left: 5px;
margin-right: 5px;
}

.calendar td .name
{
	position: absolute;
	top: 40px;
	left: 35px;
	color: #ffffff;
}

.calendar .carousel-indicators
{
display: none;
}

@media screen and (min-width: 768px) 
{
	.calendar .carousel-indicators
	{
	bottom: auto;
	top: 35px;
	}
	
	.calendar td
	{
	height: 70px;
	}	
	
	.col-lg-8 .calendar td
	{
	height: 110px;
	}
}

@media screen and (max-width: 320px) 
{
	.calendar td
	{
	padding: 0px;
	padding-right: 3px;
	}
}

.calendar .carousel-control.right, .calendar .carousel-control.left
{
background: none;
}

.calendar .carousel-control.left
{
left: -12%;
display: none;
}

.calendar .carousel-control.right
{
right: -12%;
}

/*=======================================*/
/*==
/*==  logoband
/*==
/*=======================================*/

.logoband
{
width: 250px;
height: 250px;
/* height: 225px; */
z-index: 100; 
position: absolute;
/* top: 50%;
left: 0px; */
bottom: 0px;
left: 50%;
}

.logoband .container
{
width: 250px;
height: 250px;
/* height: 225px; */
z-index: 100; 
position: relative;
/* top: -50%; */
left: -50%;
background-color: rgba(255,255,255,1);
background-color: rgba(239,241,235,0.9); /*  #eff1eb */
}



/*=======================================*/
/*==
/*==  eleainfo
/*==
/*=======================================*/

.eleainfo
{

}

.eleainfo .contactus
{
display: inline;
margin-right: 15px;
}

.eleainfo .bookonline
{
display: inline;
}

.eleainfo .logo
{
max-height: 25px;
margin-left: 14px;
opacity: 0.7;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.eleainfo .logo:hover
{
opacity: 1;
}


.eleainfo .logo.socialmedia {max-height: 22px; margin-left: 5px; margin-right: 2px;}
.eleainfo .logo.homeaway {max-height: 25px;}
.eleainfo .logo.airbnb {max-height: 20px;}
.eleainfo .logo.tripadvisor {max-height: 18px;}
.eleainfo .logo.email {max-height: 20px;}


@media screen and (max-width: 991px) {
.eleainfo .col:last-child {margin-top: 12px;}
.eleainfo .contactus {display: block; padding-bottom: 5px;}
.eleainfo .bookonline {display: block; padding-top: 3px;}
.eleainfo .logo.socialmedia {max-height: 15px; margin-left: 2px;}
.eleainfo .logo.homeaway {max-height: 20px;}
.eleainfo .logo.airbnb {max-height: 17px;}
.eleainfo .logo.tripadvisor {max-height: 15px;}
.eleainfo .logo.email {max-height: 17px;}
}


/*=======================================*/
/*==
/*==  langselect
/*==
/*=======================================*/

section.langselect
{
padding: 0px;
z-index: 100;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
}

section.langselect .container
{
padding: 0px;
width: 100%;
height: 100%;
}

section.langselect .box
{
background-color: #c5c5bb;
background-color: rgba(197,197,187,0.9);
position: fixed;
left: 25%;
top: 25%;
width: 50%;
height: 50%;
}

section.langselect .col
{
background-color: #c5c5bb;
background-color: rgba(197,197,187,0.9);
height: 50%;
}

section.langselect
{

}


/*=======================================*/
/*==
/*==  footer
/*==
/*=======================================*/

footer
{
padding-top: 60px;
padding-bottom: 50px;
background-color: #999482;
width: 100%;
bottom: 0px;
z-index: 100;
}


#googlemap
{
width: 100%;
height: 100vh;
}

#googlemap .bubble
{
font-family: "Raleway", Arial, sans-serif;
width: 340px;
height: 75px;
padding: 1px;
margin: 0px;
background-color: #a5a191;
color: #eff1eb;
}

#googlemap .bubble h3, #googlemap .bubble h4
{
margin: 0px;
color: #eff1eb;
font-size: 2em;
}

 #googlemap .bubble h4
{
font-size: 1.4em;
margin-bottom: 0.3em;
}

#googlemap .bubble p
{
font-size: 1.2em;
margin-bottom: 0.5em;
}

#googlemap .bubble.taverna
{
background-color: #eff1eb;
}

#googlemap .bubble .imgbox
{
padding: 0px;
margin: 0px;
width: 100px;
height: 73px;
overflow: hidden;
}

#googlemap .bubble .imgbox img
{
max-height: 100%;
}

#googlemap .bubble .txtbox
{
padding: 7px;
z-index: 9;
position: absolute;
top: 4px;
left: 105px;
width: 220px;
height: 73px;
/* background-color: rgba(255,0,0,0.5); */
}

#googlemap .bubble .point
{
width: 20px;
height: 20px;
background-color: #a5a191;
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -10px;
transform-origin: 50% 50%;
transform: rotate(45deg);
}

section.travel
{
background-image: url("../images/map.jpg");
background-size: auto 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
height: 600px;
text-shadow: 1px 1px #a5a191;
}

section.travel .maintext
{
opacity: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

section.travel.notext .maintext
{
opacity: 0;
}

section.travel button.seemap, section.travel button.seetext
{
margin-top: 1.5em;
display: none;
}

@media screen and (max-width: 1199px) 
{
	section.travel {background-position: 50% 100%; background-image: url("../images/map-high.jpg");}
	section.travel button.seemap {display: block;}
}

@media screen and (max-width: 991px) 
{

}

@media screen and (max-width: 767px) 
{
	section.travel {background-image: url("../images/map-superhigh.jpg");}
}



#qLoverlay
{
font-size: 12px;
background-image: url('https://villaelea.com/wp-content/themes/villaelea/pics/main/villa-from-pool.jpg');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}

#qLpercentage
{
font-size: 1.5em;
margin-top: -1.5em;
top: auto !important;
bottom: 30px !important;
}

#qLbar
{
top: auto !important;
bottom: 20px !important;
}

#qLoverlay::before
{
content: " ";
display: block;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: url('https://villaelea.com/wp-content/themes/villaelea/images/elea-logo-inv-nopad.png');
background-repeat: no-repeat;
background-position: 50% 10%;
background-size: 150px auto;
background-color: rgba(0,0,0,0.5);
}

section.saveform
{
display: none;
}