/*! *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome*/
@font-face {  font-family: 'FontAwesome';  src: url('fontawesome-webfont.eot?v=4.4.0');  src: url('fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('fontawesome-webfont.woff?v=4.4.0') format('woff'), url('fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;  font-style: normal;}
.fa { display: inline-block;  font: normal normal normal 14px/1 FontAwesome;  font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.fa-phone:before { content: "\f095";}
.fa-envelope-o:before {  content: "\f003";}
.fa-search:before {  content: "\f002";}
.fa-envelope:before {  content: "\f0e0";}
.fa-twitter:before {  content: "\f099";}
.fa-facebook-f:before,.fa-facebook:before {  content: "\f09a";}
.fa-linkedin:before {  content: "\f0e1";}
.fa-pinterest-p:before {  content: "\f231";}
.fa-chevron-left:before {  content: "\f053";}
.fa-chevron-right:before {  content: "\f054";}
.fa-chevron-circle-down:before { content: "\f13a";}
.fa-google-plus:before {content: "\f0d5";}
.fa-instagram:before {  content: "\f16d";}
/*MAIN CSS*/
@font-face { font-family: 'liberation_serifregular';    src: url('LiberationSerif-Regular-webfont.eot');    src: url('LiberationSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),    url('LiberationSerif-Regular-webfont.woff') format('woff'),
         url('LiberationSerif-Regular-webfont.ttf') format('truetype'), url('LiberationSerif-Regular-webfont.svg#liberation_serifregular') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'liberation_serifitalic';    src: url('LiberationSerif-Italic-webfont.eot');    src: url('LiberationSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),   url('LiberationSerif-Italic-webfont.woff') format('woff'),
         url('LiberationSerif-Italic-webfont.ttf') format('truetype'),         url('LiberationSerif-Italic-webfont.svg#liberation_serifitalic') format('svg');    font-weight: normal;    font-style: normal;
}
@font-face {    font-family: 'liberation_serifbold';    src: url('LiberationSerif-Bold-webfont.eot');    src: url('LiberationSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),         url('LiberationSerif-Bold-webfont.woff') format('woff'),
         url('LiberationSerif-Bold-webfont.ttf') format('truetype'),         url('LiberationSerif-Bold-webfont.svg#liberation_serifbold') format('svg');    font-weight: normal;    font-style: normal;
}
body, html{	height: 100%;}
body{	background:#f0eee9;	font-size:16px;	color:#655e5c;	line-height:1.4;	font-family: 'Source Sans Pro', sans-serif !important; font-weight: 500;  padding-top: 77px;}
form{	width: 100%; overflow: hidden; position: relative;min-height: 100%;}
.logo{
	float: none; display: inline-block; vertical-align: middle;
}
.logo img{
	max-width: 100%; max-height: 22px;
}
#nav>div{
	display: inline-block; vertical-align: middle; float: none;
}
#nav>div:nth-child(2){
	padding-right: 0;
}
/*TOP NAV*/
#nav{	border-bottom: 3px solid #eae6e1; position: fixed; top:0; left:0; width: 100%; background: #FFF;font-size: 0; z-index: 9}
.mainnav{margin: 0; padding: 0; font-size: 0; text-align: right; float: none; display: inline-block; vertical-align: middle; margin-left: -100px; }
.mainnav li{	display: inline-block; font-size: 14px;font-family: 'Source Sans Pro', sans-serif; position: relative;}
.mainnav li a{		display: inline-block; line-height: 74px; padding: 0 15px; color: #a49b98; height: 74px;font-family: 'Source Sans Pro', sans-serif; border: 1px solid #FFF;}
.mainnav li a:hover{	color: #d4a190; text-decoration: none;}
.mainnav li:hover>a,.mainnav li .active{	color: #d4a190; text-decoration: none;background: #faf9f5; border-color: #F0EEE9;}

.mainnav li.booknow a{	background: #d4a190; color: #FFF; height: 77px; margin-bottom: -3px; border-color: #d4a190; border-bottom: 3px solid #b37463 ;  font-size: 16px; font-family: 'liberation_serifitalic';	padding: 0 50px; position: relative;}
.mainnav li.booknow a span{	z-index: 2; position: relative;display: inline-block; z-index: 88;}
.mainnav li.booknow a:before, .mainnav li.booknow a:after {   display: block;    position: absolute;    content: '';    top: 0;    bottom: 0;    background: #b27661;    z-index: 1;    opacity: 0.5;    -webkit-transition: all 0.4s ease;    transition: all 0.4s ease;}
.mainnav li.booknow a:before{	left: 0;  right: 100%; }
.mainnav li.booknow a:after{	left: 100%;  right: 0; }
.mainnav li.booknow a:hover{
	border-top-color: #b27661;
	border-left-color: #b27661;
	border-right-color: #b27661;
	border-bottom-color: #9a5c46;
}
.mainnav li.booknow a:hover span{  text-decoration: none; color: #FFF; }
.mainnav li.booknow a:hover:before,.mainnav li.booknow a:hover:after {  opacity: 1;left: 0; right: 0;}
/*SUB NAV*/
.mainnav li>div{position: absolute; top:100%;left:0;  text-align: left;  padding-top: 3px; overflow: hidden; display: none;-webkit-transition: all 1s ease-in-out;  transition: all 1s ease-in-out;}
.mainnav li:hover>div{	height: auto; max-height: 1000px;-webkit-transition: all 1s ease-in-out;  transition: all 1s ease-in-out; display: block;}
.mainnav li div>ul{	background: #FFF; box-shadow: 1px 1px 5px #CCC; margin: 0; padding: 0;}
.mainnav li div>ul li{	padding: 0; margin: 0; display: block;}
.mainnav li div>ul li a{	padding:20px 15px;  display: block;line-height: 1.4; white-space: nowrap; height: auto; min-width:200px;}
.mainnav li div>ul li:nth-child(odd) a{
	background-color: #F0EEE9;
}
.mainnav li div>ul li a:hover{
	background: #d4a190; color: #F0EEE9;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
}
.navbar-toggle{	top:0px;	 position: relative; float: right; bottom: 0; right: 0px; background: #F0EEE9; position: relative; border-color: transparent !important; margin: -1px 0px -1px 15px !important; border-radius: 0; padding:20px 15px 20px 15px;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.navbar-toggle:focus{	background: #F0EEE9;} 
.navbar-toggle:hover{	background-color:#a49b98 !important;}
.navbar-toggle .icon-bar { display: block; background: #888e8e !important; width: 30px; height: 4px; border-radius: 2px; }

.navbar-toggle .text-bar{	font-size: 9px; color: #655e5c; line-height: 20px; display: none }
.navbar-toggle span{-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;transition:0.5s all ease;	}
.navbar-toggle:not(.collapsed) span:nth-child(1){-webkit-transform:rotate(45deg) translate(7px, 7px);-moz-transform:rotate(45deg) translate(7px, 7px);-ms-transform:rotate(45deg) translate(7px, 7px);-o-transform:rotate(45deg) translate(7px, 7px);
transform:rotate(45deg) translate(7px, 7px)}
.navbar-toggle:not(.collapsed) span:nth-child(2){-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";filter:alpha(opacity=0);opacity:0;zoom:1}
.navbar-toggle:not(.collapsed) span:nth-child(3){-webkit-transform:rotate(-45deg) translate(7px, -6px);
	-moz-transform:rotate(-45deg) translate(7px, -7px);
	-ms-transform:rotate(-45deg) translate(7px, -7px);
	-o-transform:rotate(-45deg) translate(7px, -7px);
	transform:rotate(-45deg) translate(7px, -7px)}
#mobilesidebar{ display: none; position: fixed; width: calc(100% - 62px); height: 100%; margin: 0; padding: 1.2rem 0 0 0; left: 0; top: 0; bottom: 0; background: #a1a1a1; z-index: 999; border-right: 0.6rem solid #a1a1a1;
 -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0);  transform: translate(-100%, 0); -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
 transition: transform 0.2s ease, -webkit-transform 0.2s ease;}
#mobilesidebar.open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0);  transform: translate(0, 0); -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease;
 transition: transform 0.2s ease, -webkit-transform 0.2s ease;}
#mobilesidebar > ul{
 	margin: 0; padding: 0;
}
#mobilesidebar > ul li{
	list-style: none;
}

#mobilesidebar  a { display: block; width: 100%; margin: 0; padding: 0; font-size: 22px; line-height: 1.4; padding: 5px 10px; color: #FFF; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; text-transform: lowercase;}
#mobilesidebar  a:hover { text-decoration: none; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; color: #d4a190}
#mobilesidebar  a:focus{
	text-decoration: none;
}
#mobilesidebar   a.active { color: #d4a190;}
#mobilesidebar > div > div > a{
	font-size: 18px; padding-left: 15px;
}
/*SUB NAV*/
#mobilesidebar > ul li>div{
	display: none;
}
@media only screen and (max-width: 1199px) {
	.mainnav li a{
		padding: 0 10px;
	}
	.mainnav li.booknow{		margin-left: 10px; 	}
	.mainnav li.booknow a{
		padding: 0 30px;
	}
}
@media only screen and (max-width: 991px) {
	body{
		padding-top: 55px;
	}
	.logo{	float: none; display: block; vertical-align: middle; padding-right: 0;}
	.logo a{
		display: block; width: calc( 100% - 82px); float: left;
	}
	.logo img{	margin-top: 15px;}
	.navbar-toggle,#mobilesidebar{	display: block;}
}
h1,h2,h3,h4,h5,h6{
	margin: 0; padding: 0; line-height: 1.4;font-family: 'liberation_serifregular';
}
h1{	font-size: 42px;}
h2{	font-size: 38px;}
h3{	font-size:  34px;}
h4{	font-size:  30px;}
h5{	font-size:  26px;}
h6{	font-size:  22px;}

/*HOME*/
.topimage{	position:relative; height:765px; background:url(../imgs/hometop.jpg) no-repeat center center; background-size:cover; z-index: 1}
.topimage.slim{
	height: 400px;
}
.topimage h1{	color: #FFF; line-height: 1.4; padding-bottom: 100px;    text-shadow: 2px 3px 7px rgba(0,0,0,.35);}
.showsound{	position:absolute; bottom:100px; left:0; width:100%;}
.showsound .forshowsound{	font-size: 0;}
.showsound .forshowsound>div{	font-size: 14px; font-family: 'liberation_serifitalic'; color: #FFF; display: inline-block; float: none;}
.showsound .forshowsound>div img{	width: 25px; margin-right: 15px;}
.toppanels{	position:relative;  z-index: 2;   line-height: 1.6;}
.toppanels .leftcolum{	 background: #FFF;position: relative; z-index: 3;margin-top: -80px;}
.toppanels .leftcolum:after{	position: absolute; z-index: -1; width: calc( 100% + 40px ); top:0px; left: -40px; background: #FFF; height: 100%; content: '';	box-shadow: 1px 1px 15px #AAA;}
.toppanels .leftcolum .divtext{	 padding: 30px 60px 30px 30px}
.toppanels.home .leftcolum .divtext{	 padding: 30px 60px 150px 30px}
.toppanels .rightcolumn{	background: #fafaf9; position: relative; z-index: 3;}
.toppanels .rightcolumn:before{	position: absolute; z-index: -1; width: calc( 100% + 40px ); top:0px; left: 0px; background: #fafaf9; height: 100%; content: '';}
.toppanels .rightcolumn:after{		position: absolute; z-index: -1; width:20px; top:0px; left: 0px; background: url(../imgs/bgrleft.jpg) repeat-y left top;  height: 100%; content: '';}
.toppanels .rightcolumn .divtext{	padding: 60px 60px 60px 60px;}
.toppanels.home .rightcolumn .divtext{	padding: 30px 60px 30px 30px;}
.toppanels.content .rightcolumn .divtext{	padding: 25px 25px 25px 25px;}
.toppanels .rightcolumn .img-responsive{	margin: -70px 0 15px 0;}
.forimg{	position: relative; z-index: 3	;margin: -150px 40px 15px -40px ;}
.forimg .caption{	position: absolute;color: #d4a190; bottom: -10px; right: -10px; padding: 15px 25px; background: #FFF; font-size:32px;font-family: 'liberation_serifregular';}
.forimg img{	width: 100%; }
.forimg.havbgr:after{	position: absolute; z-index: -1; width: calc( 100% + 40px ); top:-20px; left: -20px; background: #eeece7; height: 100%; content: ''}
.stayupdate{	padding: 30px 0; color: #b5b0af;}

.stayupdate h3{	color: #7e7470;}
.sharebox{	background: #FFF;  position: relative; margin: 15px 25px}
.sharebox:after{	position: absolute;z-index: -1; background: #cdc9c6; width: 100%; height: 100%; left: 5px; top: 5px; content: ''}
.sharebox .sharebox-head{
	background: #e5e0da;color: #7e7470; font-size: 25px; display: block; text-decoration: none !important;
}
.sharebox .sharebox-head>div{
	display:inline-block; font-size: 25px;vertical-align: middle;font-family: 'liberation_serifregular';
}
.sharebox .sharebox-head>div>span{
	display:block; font-size: 13px;
}
.sharebox .sharebox-head>p{
	display: inline-block; background: url(../imgs/Icons/icon-Twitter.svg) no-repeat center center #b5b0af; width: 70px; height: 70px; vertical-align: middle;
	background-size: auto 30px; margin: 0; padding: 0;margin-right: 15px; 
}
.sharebox.facebook .sharebox-head>p{	background-image: url(../imgs/Icons/icon-Facebook.svg);background-size: auto 40px;}
.sharebox.instgram .sharebox-head>p{	background-image:url(../imgs/Icons/icon-Instgram.svg);}
.sharebox  .sharebox-body{
	padding:  25px; font-size: 14px; color: #655e5c;
}
.sharebox  .sharebox-body .time-sperate>span{
	background: url(../imgs/bgr-tweetertime.png) no-repeat right center; height: 24px; line-height: 22px; background-size: auto 30px;  display: inline-block; font-size: 11px; padding: 0 20px 0 5px;
	color: #FFF; position: absolute; top:-12px; left: -40px;
}
.sharebox  .sharebox-body .time-sperate>span:before{
	display: inline-block; content: ''; width: 16px; height: 19px; background: url(../imgs/Icons/Clock.svg) no-repeat center center ; background-size: 14px auto ; vertical-align: middle; margin-right: 5px;
}
.sharebox  .sharebox-body .time-sperate{
	border-top: 2px dotted #7e7470; position: relative;
}
.sharebox.instgram .sharebox-body{
	margin:-5px;
}
.sharebox.instgram .sharebox-body img{
	width: calc(50% - 10px); margin: 5px;
}
.sharebox  .sharebox-body a{
	color: #d89586;
}
.makedifferent>div>.row{
	margin: 0 -55px;
}
.textpic{
	padding: 35% 0 0 0; background: no-repeat center center; background-size: cover;
}
.textafterpic{
	position:relative; width:90%; margin-left:10%; margin-top:-120px;z-index:5; background:#FFF; padding:25px 75px 30px 40px; color:#948b87;  box-shadow: 1px 1px 10px #AAA;
}
.textafterpic.content{
	line-height: 2;
}
.accomodation>.container{
	 box-shadow: 1px 1px 10px #AAA; background: #FFF; padding:20px 25px	;
}
.row-accomodation{
	font-size: 0; text-align: center; padding: 25px 0;
}
.row-accomodation>.one-accomodation{
	display: inline-block; float: none;  font-size: 14px; vertical-align: top; padding: 0 25px;
}
.row-accomodation>.one-accomodation>.theimage{	position: relative;}
.row-accomodation>.one-accomodation>.theimage>.caption{
	position: absolute; bottom: 0; left: 0; background: #FFF; padding:5px 10px; color: #d4a190; font-size: 22px; box-shadow: -1px 1px 3px #EEE;font-family: 'liberation_serifregular';
}
.row-accomodation>.one-accomodation>.thetext{
	text-align: left; color: #a49b98; padding: 10px 15px;
}
.row-accomodation>.one-accomodation>.thetext>strong{
	font-size: 1.2em;
}

@media only screen and (max-width: 1199px) {
	.makedifferent>div>.row{
		margin: 0 -15px;
	}
	.sharebox{	 margin: 15px 0px}
}
@media only screen and (max-width: 991px) {
	.showsound .forshowsound>div{	display: block; text-align: center;}
	.toppanels .leftcolum{		margin-top: 0;	}
	.toppanels .rightcolumn{
		background-image: none;background: #fafaf9; margin: 0; padding-top: 25px;
	}
	.toppanels .rightcolumn:before, .toppanels .rightcolumn:after,.toppanels .leftcolum:after, .forimg.havbgr{
		display: none;
	}
	.toppanels .leftcolum .divtext,.toppanels.home .leftcolum .divtext,.toppanels .rightcolumn .divtext,.toppanels.home .rightcolumn .divtext{
		padding: 15px 0;
	}
	.forimg{
		margin: 0px 0px 15px 20px;
	}
	.forimg .caption{
		left: -10px; right: auto;
	}
	.textafterpic{
		margin-top: -60px;    padding: 15px 25px 30px 15px;
	}
	.textafterpic.content{
		margin-top:-60%;
	}
	.textpic{
		padding: 50% 0 0 0;
	}
	.sharebox  .sharebox-body{	padding: 25px;}
	.topimage{
		height: 90vh;
	}
	.accomodation>.container{
	 box-shadow: 0px 0px 0px #AAA; background: #FFF; padding:15px ;
}

.textpic.content{
	padding: 100% 0 0 0; 
}
}
/*.buttonwhite{
	border-radius: 6px; display: inline-block; overflow: hidden;  position:relative; background: #e5e0da;
}
.buttonwhite:before,.buttonwhite:after{
	display: block;  position: absolute;  content: '';  top: 0;  bottom: 0;  background: #b37463;  z-index: 1;  opacity: 0.5;-webkit-transition: all 0.4s ease;  transition: all 0.4s ease;
}
.buttonwhite:before{	left: 0;  right: 100%;}
.buttonwhite:after{	left: 100%;  right: 0;}
.buttonwhite:hover span{  text-decoration: none; color: #fff;}
.buttonwhite:hover::before,.buttonwhite:hover::after {  opacity: 1;left: 0; right: 0;}

.buttonwhite span{
	display: inline-block; width: 100%;  border-bottom: 5px solid #b5b0af; line-height: 1.4; text-align: center;font-family: 'liberation_serifitalic'; padding: 25px 15px;
	color: #555; position: relative; z-index: 260; 
}*/
.buttonwhite{
	border-radius: 6px; display: inline-block; overflow: hidden;  position:relative; background: #d4a190;
}
.buttonwhite:before,.buttonwhite:after{
	display: block;  position: absolute;  content: '';  top: 0;  bottom: 0;  background: #b27661;  z-index: 1;  opacity: 0.5;-webkit-transition: all 0.4s ease;  transition: all 0.4s ease;
}
.buttonwhite:before{	left: 0;  right: 100%;}
.buttonwhite:after{	left: 100%;  right: 0;}
.buttonwhite:hover span{  text-decoration: none; color: #FFF;border-bottom: 5px solid #9a5c46;}
.buttonwhite:hover::before,.buttonwhite:hover::after {  opacity: 1;left: 0; right: 0;}

.buttonwhite span{
	display: inline-block; width: 100%;  border-bottom: 5px solid #b37463; line-height: 1.4; text-align: center;font-family: 'liberation_serifitalic'; padding: 25px 15px;
	color: #FFF; position: relative; z-index: 260; 
}
.buttonred {
	border-radius: 6px; display: inline-block; overflow: hidden;  position:relative; background: #d4a190;
}
.buttonred:before,.buttonred:after{
	display: block;  position: absolute;  content: '';  top: 0;  bottom: 0;  background: #b27661;  z-index: 1;  opacity: 0.5;-webkit-transition: all 0.4s ease;  transition: all 0.4s ease;
}
.buttonred:before{	left: 0;  right: 100%; }
.buttonred:after{	left: 100%;  right: 0; }
.buttonred:hover span{  text-decoration: none; color: #FFF;border-bottom: 5px solid #9a5c46;}
.buttonred:hover::before,.buttonred:hover::after {  opacity: 1;left: 0; right: 0;}

.buttonred span{
	display: inline-block; width: 100%;  border-bottom: 5px solid #b37463; line-height: 1.4; text-align: center;font-family: 'liberation_serifitalic'; padding: 25px 35px;
	color: #FFF; position: relative; z-index: 260; 
}
.buttonred.slim span{
	padding: 15px;
}

@media only screen and (max-width: 991px) {
	.buttonwhite span, .buttonred span{
		padding: 15px;
	}
}

/*CONTENT*/
.slide-nav{	float: right; background: #FFF; padding: 15px;}
.slide-nav>div{	padding: 0 40px;height: 15px; line-height: 15px;display: inline-block; font-family: 'liberation_serifitalic'; color: #AAA; font-size: 14px;}
.slide-nav>img{	 display: inline-block; height: 12px; vertical-align: middle; cursor: pointer;}
#slideimages .row,.slideimages-show .row{	margin: 0 -10px;}
#slideimages .row [class*="col-"],.slideimages-show .row [class*="col-"]{ padding:0 10px  }
#slideimages .row>[class*="col-"]>div, .slideimages-show .row>[class*="col-"]>div{
	padding: 10px 0; position: relative;
}
#slideimages .row .relative,.slideimages-show .row .relative{
	background: no-repeat center center; background-size: cover;
}
#slideimages .row .relative.tall,.slideimages-show .row .relative.tall{
	padding: 69.5477095% 0;
}
#slideimages .row .relative.wide,.slideimages-show .row .relative.wide{
	padding:16.23452046% 0;
}
#slideimages .row .relative.normal,.slideimages-show .row .relative.normal{
	padding:33.37728784% 0;
}

.relative .showgallery{
	position: absolute; top:0px; bottom: 0px; left:0; right: 0; display: block;  
}
.relative .showgallery.video{
background-image: url(../imgs/Icons/icon-play.png); background-position: center center; background-repeat: no-repeat; background-size: 100px auto;
}
.relative .showgallery:hover{
background: rgba(0,0,0,0.3); opacity: 0.5;
}
.relative.col-sm-12 .showgallery, .relative.col-sm-6 .showgallery{
	top:0px; bottom: 0px; left:10px; right: 10px;
}
.location{	padding: 90px 0;}
.location .kilometer>div{
	font-size: 12px;
}
.location .kilometer>div>div:first-child{
	font-size: 40px; text-align: center;font-family: 'liberation_serifregular';position: relative; white-space: nowrap;
}
.location .kilometer>div>div>span{
	font-size: 30px;
}
.location .kilometer>div:first-child>div:first-child:after{
	position: absolute; top:0; bottom: 0; right: -15px; border-right: 2px solid #d89586; content: '';
}
.map{
	position: relative; padding: 80% 0 0 0; background: #AAA; box-shadow: 1px 1px 30px #CCC;
}
.map >div{
	position: absolute; width: 100%; height: 100%; top: 0; left:0;
}
#bottomslide .slide, .bottomslide-show .slide{
  
  display: table;
  width: 100%;
}
#bottomslide .slide>div ,.bottomslide-show .slide>div{
  display: table-cell;
  height: 100%;
  margin: 0; width: 50%;
  
}
#bottomslide .slide>div>img, .bottomslide-show .slide>div>img{
	width: 100%; height: auto !important;
}
#bottomslide .slide>div.text-slide, .bottomslide-show .slide>div.text-slide{
	background: #FFF;  vertical-align: top;
}
#bottomslide .slide>div.text-slide>div,.bottomslide-show .slide>div.text-slide>div{
	padding:18% 50px 0 50px;
}
.bottomslide .container{
	position: relative;
}
.bottomslide .slide-nav{
	position: absolute; top:50px; left: 50%; z-index: 99; margin-left: 40px; background: transparent;
}
@media only screen and (max-width: 1199px) {
	#bottomslide .slide>div.text-slide>div{
		padding:15% 40px 0 40px;
	}
	.bottomslide .slide-nav {
		top:20px;
	}
	#slideimages .row .relative.tall{
		padding: 70.4% 0;
	}
}
@media only screen and (max-width: 991px) {
	.location .kilometer>div:first-child>div:first-child:after {	display: none;}
	#bottomslide .slide{	display: block;	}
	#bottomslide .slide>div{
		width: 100%; display: block; height: auto; text-align: left;
	}
	#bottomslide .slide>div.text-slide>div{
		padding:20px 20px 70px 20px;
	}	
	.bottomslide .slide-nav{top:auto; bottom: 20px; left: 0%; z-index: 99; margin-left: 10px; background: transparent;}
	.location{	padding: 40px 0;}
	.location .kilometer>div>div:first-child{	font-size: 35px; text-align: left;}
	.location .kilometer>div>div>span{	font-size: 25px;}
	#slideimages .row .relative.tall{
		padding: 71.545% 0;
	}
}
@media only screen and (max-width: 767px) {
	#slideimages .row .relative.tall{
		padding: 72.123% 0;
	}
}

@media only screen and (max-width: 480px) {
	#slideimages .row .col-xs-4,#slideimages .row .col-xs-6, #slideimages .row .col-xs-12,#slideimages .row .col-xs-8{
		float: none; width: 100%;
	}
	#slideimages .row .relative.tall,
	#slideimages .row .relative.wide,
	#slideimages .row .relative.normal{
		padding:33.37728784% 0;
	}
	#slideimages .row .col-xs-6:first-child{
		margin-bottom: 20px !important;
	}
	
}
/*Blog Page*/
.showmore{
	padding:20px 25px; background:#FFF; box-shadow: 1px 1px 5px #DDD; position: relative; cursor: pointer; text-align: center; height: 60px;-webkit-transition: all 0.4s ease;  transition: all 0.4s ease;
}
.showmore>span{
	display: inline-block; width: 10px; height: 10px; margin: 5px 10px; border-radius: 50%;  background: #b37463;-webkit-transition: all 0.4s ease;  transition: all 0.4s ease
}
.showmore:hover>span{
	width: 16px; height: 16px; margin: 2px 15px;-webkit-transition: all 0.4s ease;  transition: all 0.4s ease
}
.blog-page{position: relative;z-index: 2; }

.blog-page .leftcolum{
	width: 70%; float: left; margin-top: -100px;  
}
.blog-page .rightcolumn {
	width: 30%; float: left;     min-height: 50px;
}
.blog-page .leftcolum .inner-column{
		padding: 25px 25px 35px 125px; background:#FFF; box-shadow: 1px 1px 10px #DDD; position: relative;
}
.blog-page .leftcolum .navnextprev{
		padding: 25px 25px 35px 125px;  position: relative;
}
.blog-page .leftcolum .inner-column .datebox{
	position: absolute; left: 45px; top: 105px;font-family: 'liberation_serifregular'; line-height: 1; text-align: center;
}



.blog-page .leftcolum .inner-column .datebox>p{
	display: block; font-size: 20px; margin: 0; padding: 0;
}
.blog-page .leftcolum .inner-column .datebox>span{
	display: block; font-size: 30px; color: #b37463;
}
.blog-page .leftcolum .blogimg{
	padding: 33% 0 0 0; background: no-repeat center center ; background-size: cover; position: relative; z-index: 2;
}


.blog-page .rightcolumn .inner-column{
	padding: 25px 25px 0 60px;
}
.blog-page input{
	width: 100%; line-height: 30px; border: 1px solid #AAA; padding: 5px 15px; border-radius: 0;
}
.blog-page .rightcolumn ul{
	margin: 0; padding: 0; list-style-type: none; border-left: 1px solid #AAA;
}
.blog-page .rightcolumn ul li a{
	display: block; padding-left: 30px; color: #655e5c; font-weight: 400; padding-top: 5px;
}
.blog-page .rightcolumn ul li a.active,.blog-page .rightcolumn ul li a:hover{
	color: #b37463; text-decoration: none;
}
.blog-page .rightcolumn ul li:first-child a{
	padding-top: 0;
}
ul.social-list{
	border: none;
}
ul.social-list li{
	display: inline-block;
}
ul.social-list li a{
	display: inline-block; padding: 0; width: 60px; height: 60px; background: url(../imgs/Icons/icon-Twitter.svg) no-repeat center center #b5b0af; background-size: auto 60%; margin-right: 25px;
}
ul.social-list li.facebook a{
	background-image: url(../imgs/Icons/icon-Facebook.svg); background-size:auto 80% ;
}
ul.social-list li.instagram a{	background-image: url(../imgs/Icons/icon-Instgram.svg);}
.content-text{
	
}
ol.contactlink{	margin: 0; padding: 0; list-style-type: none;}
ol.contactlink>li{
	 background: url(../imgs/Icons/icon-Location.svg) no-repeat left 10px; background-size: 30px auto; list-style: none !important; padding-left: 80px; 
	 padding-bottom: 15px;
}
ol.contactlink>li>a{
	font-size: 30px; font-weight: 300; color: #655e5c;
}
ol.contactlink>li>a:hover{
	text-decoration: none;
}
ol.contactlink>li.email{	background-image: url(../imgs/Icons/icon-Email.svg);}
ol.contactlink>li.phone{	background-image: url(../imgs/Icons/icon-Phone.svg);}
ol.contactlink>li.shared{	background-image: url(../imgs/Icons/icon-Social.svg);}
ol.contactlink>li ul{
	margin: 0;
}
ol.contactlink>li ul li:before{
	display: none;
}
ol.contactlink>li ul li{
	list-style: none; margin: 0;
}
ol.contactlink>li ul.social-list li a{
	background-size: auto 50%;
}
ol.contactlink>li ul.social-list li.facebook a{
	background-size: auto 60%;
}
.content-text .content-img{
	display: inline-block; width: 100%; position: relative;
}
.content-text .content-img .caption{
	display: inherit; position: absolute; max-width: 90%; bottom: 15px; left: 15px;  padding: 10px; background: #FFF;
}
.content-text .content-img img{	width: 100%;}
.content-text .content-img.inleft{
	float: left; width: calc( 50% - 25px ); margin-right: 50px;
}
.content-text .content-img.inright{
	float: right; width: calc( 50% - 25px ); margin-left: 50px;
}
.navnextprev a{
	display: inline-block; color: #b37463;font-family: 'liberation_serifregular';padding-right: 50px;
 font-size: 25px;
 position: relative;
}
.navnextprev a span{
	color: #655e5c; font-family: 'Source Sans Pro', sans-serif !important; font-size: 14px; display: inline-block; margin-top: 20px; width: 80%
}
.navnextprev a:before{
	display: inline-block; width: 50px; height: 20px; background: url(../imgs/Icons/Arrow.svg) no-repeat right 15px;background-size: 40px auto;
	position: absolute; top:0; right: 0; content: ''
}
.navnextprev a.prev{
	padding-left: 50px; padding-right: 0;
}
.navnextprev a.prev:before{
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
     right: auto; left:0;
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
	ol.contactlink>li{
		padding-left: 50px; margin-left: -20px;
	}
}
@media only screen and (max-width: 991px) {
	.blog-page .leftcolum,.blog-page .rightcolumn{
		float: none; width: auto; margin-left: 15px; margin-right: 15px;
	}
		.blog-page .leftcolum{
			margin-left: 25px; margin-right: 2	5px;
		}
	.blog-page .leftcolum .inner-column, .blog-page .leftcolum .navnextprev{	padding: 15px;}
	.blog-page .leftcolum .inner-column .datebox{	position: relative; top: auto; left: auto; display: inline-block; margin-bottom: 30px;}
	.blog-page .rightcolumn .inner-column{	padding: 15px;}
	.content-text .content-img.inleft,.content-text .content-img.inright{
		width: 100%; margin: 0 0  10px 0;
	}
	ol.contactlink>li>a {
    	font-size: 20px;
    	
	}
	ul.social-list li a {
    width: 50px; height: 50px; 
	} 
}
/*CONTENT PAGE*/
section.content-text, .quote{
}
section.content-text .row-accomodation {
	padding: 0;
}
section.content-text .row-accomodation > .one-accomodation{
	padding: 0 15px;
}

.quote .quotetext{
	font-family: 'liberation_serifregular'; font-size: 25px;
}
.quote .quotename{
	color: #b37463; padding-top: 20px;	
}
.quote .quotetext:before{
	content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: top; background: url(../imgs/Icons/quote_marks_open.svg) no-repeat center center; background-size: 20px auto; margin-right: 10px;
}
.quote .quotetext:after{
	content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: bottom; background: url(../imgs/Icons/quote_marks_close.svg) no-repeat center center; background-size: 20px auto; margin-left: 10px;
}

.relative{	position: relative;}
.full-width{	width: 100%;}
hr {
    margin: 20px auto;
    border: 0;
    border-top: 1px solid #b37463;
}
hr.left{
	margin-left: 0;
}
hr.hi2{
	border-top: 2px solid #b37463;
}
hr.short{
	max-width: 100%; width: 200px;
}
hr.haft{
	max-width: 100%; width: 65%;
}
hr.hi10 {
    margin: 5px 0 10px 0px;
    border: 0;
    border-top: 2px solid #d89586;max-width: 100%; width: 200px;
}
.findlink{	display: inline-block; color: #d89586;  font-family: 'liberation_serifitalic'; padding-right: 50px;	background: url(../imgs/Icons/Arrow.svg) no-repeat right center; background-size: 40px auto; font-size: 18px; }
.findlink:hover{	color: #b37463; text-decoration: none;}
.redcolor{	color: #d4a190;}
.whitecolor{
	color: #FFF;
}
.lightcolor{
	color: #7e7470;
}
h2.bigger{
	font-size: 42px;
}
.clwhite, .clwhite:hover{
	color: #FFF;
}
.clear{clear: both; height: 0px !important; display: block;}
.clearhi5{clear: both; height: 5px !important;  display: block;}
.clearhi10{clear: both; height: 10px !important;  display: block;}
.clearhi20{clear: both; height: 20px !important;  display: block;}
.clearhi30{clear: both; height: 30px !important;  display: block;}
.absolute-haft{position: absolute; top:0; left: 0; width: 50%; height: 100%;}
.absolute-full{position: absolute; top:0; right: 0; width: 100%; height: 100%;}
.as-table{	position: relative; width: 100%; height: 100%; display: table;}
.as-cell-middle{	display: table-cell; vertical-align: middle;}
.nearfooter{	font-size: 0;  margin-top: 30px; background: #FFF; border-bottom: 3px solid #FFF;}
.borderbot{
	border-bottom: 1px solid #655e5c;
}
.borderbotlight{
	border-bottom: 1px solid #AAA;
}
.nearfooter>div{	display: inline-block; float: none;}
.nearfooter>div:nth-child(2){
	padding-right: 0;
}
footer{	background: #7e7570; color: #FFF; padding: 30px 0;	}
.footer-url{	margin: 0; padding: 0; }
.footer-url li{
	list-style: none; display: inline-block;
}
.footer-url li a{
	color: #FFF; padding: 0 20px 0 0px;
}
.footer-url li a:hover{
color: #d89586; text-decoration: none;
}
.footer-url.small li a{
	font-size: 14px;
}
#footer{
	position: absolute;
width: 100%;
bottom: 0;
left: 0;
}
.social-icon{	text-align: right; font-size: 14px; white-space: nowrap;}
.social-icon img{
	height: 27px; margin-left: 15px;
}
@media only screen and (max-width: 991px) {
	.mobile-left{	text-align: left;	}
	.mobile-center{	text-align: center;	}
	.mobile-right{	text-align: right;	}
	.mobile-block{	display: block	}
	.footer-url li{
		display: block; padding: 0  0 10px 0;
	}
	.social-icon img{
		margin-right: 15px; margin-left: 0;
	}
	#nav > div {    display: block;}
	.logo img {
    margin-top: 20px;
}
}
#thetopVideo{
	display: none;
}
#thetopVideo iframe, #thetopVideo video {
    position: absolute;
    z-index: 1;
    width: 200%;
    height: 260%;
    top: -80%;
    left: -50%;
}
#soundopen img{
	cursor: pointer;
}
#soundopen img:nth-child(2){
	display: none;
}
#soundopen.open img:nth-child(2){
	display: inherit;
}
#soundopen.open img:nth-child(1){
	display: none;
}
.divtext ul{
	margin: 0; padding: 0; 
}
.divtext ul li{
	list-style: none; margin:0 0 0 30px; 
}
.divtext ul li:before{
	content:"\2022"; font-size: 30px; padding: 0; height: 20px; line-height: 20px;
    color:#b37463; display: inline-block; width: 30px; margin-left: -30px; 
}

.contacttop-form .field input,.contacttop-form .field textarea,.contacttop-form .field label{background:#fff}
.contacttop-form .fields{padding:0;width:100%; display:flex;align-items:flex-end;justify-content:space-between;min-height:78px;margin:0 0 20px}
.contacttop-form .field{flex-basis:calc(50% - 20px)}
.contacttop-form .field.full-width{flex-basis:100%}
.contacttop-form .field label{display:block;position:relative;width:100%;height:46px;margin:18px 0 0;padding:14px 0 0;cursor:text;}
.contacttop-form .field input,.contacttop-form .field span, .contacttop-form .field textarea{display:block;width:100%;height:44px;margin:0;font-size:16px;line-height:44px;font-weight:300;letter-spacing:1px}
.contacttop-form .field input,.contacttop-form .field textarea{padding:0;border:none;outline:0;color:#000;border-bottom:2px solid #d3d7da;transition:border 125ms ease; resize: none; border-radius: 0;}
.contacttop-form .field textarea{
	overflow: auto; line-height: 1.2;  padding-top: 15px;
}
.contacttop-form .field input::-webkit-input-placeholder{color:#fff;transition:color 125ms ease}
.contacttop-form .field input:-moz-placeholder{color:#fff;transition:color 125ms ease}
.contacttop-form .field input::-moz-placeholder{color:#fff;transition:color 125ms ease}
.contacttop-form .field input:-ms-input-placeholder{color:#fff;transition:color 125ms ease}

.contacttop-form .field textarea::-webkit-input-placeholder{color:#fff;transition:color 125ms ease}
.contacttop-form .field textarea:-moz-placeholder{color:#fff;transition:color 125ms ease}
.contacttop-form .field textarea::-moz-placeholder{color:#fff;transition:color 125ms ease}
.contacttop-form .field textarea:-ms-input-placeholder{color:#fff;transition:color 125ms ease}

.contacttop-form .field span{position:absolute;top:13px;left:0;padding:0;color:#3b4347;background:0 0;transition:top 125ms ease,height 125ms ease,font-size 125ms ease,line-height 125ms ease}
.contacttop-form .field input:focus,.contacttop-form .field textarea:focus{border-bottom:2px solid #b37463}
.contacttop-form .field input:focus::-webkit-input-placeholder,.contacttop-form .field textarea:focus::-webkit-input-placeholder{color:#d4d7d9}
.contacttop-form .field input:focus:-moz-placeholder,.contacttop-form .field textarea:focus:-moz-placeholder{color:#d4d7d9}
.contacttop-form .field input:focus::-moz-placeholder,.contacttop-form .field textarea:focus::-moz-placeholder{color:#d4d7d9}
.contacttop-form .field input:focus:-ms-input-placeholder,.contacttop-form .field textarea:focus:-ms-input-placeholder{color:#d4d7d9}
.contacttop-form .field input.has-value+span,.contacttop-form .field input:focus+span, .contacttop-form .field textarea.has-value+span,.contacttop-form .field textarea:focus+span{top:0;height:14px;font-size:12px;line-height:14px;  color: #b37463;}

@media (max-width: 767px) {
	.contacttop-form .fields{display: block; }
	.contacttop-form .fields .field:first-child{	margin: 0px 0px 20px;}
	.contacttop-form .field{flex-basis:100%; width: 100%; }
	.contacttop-form .field {    padding: 34px 0 0;}
	
}
.gallery-filter{	padding: 30px 0;}
.gallery-filter .buttonred>span{	padding: 12px 0px}
.gallery-filter .form-control{cursor: pointer; height: 50px; border-radius: 0; background: #eae6e1; font-style: italic; color: #a49b98; position: relative; padding: 0; font-size: 16px;}
.gallery-filter .form-control:after{
	content: '';	position: absolute; width: 20px; height: 20px; top: 15px; right: 10px; background:  url(../imgs/Icons/ArrowRight.svg) no-repeat center center; background-size: 15px auto;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.gallery-filter .form-control span{
	display: block; padding:0 30px 0 10px; line-height: 50px; color: #a49b98; font-size: 
}
.gallery-filter .form-control ul{
	margin: 0; width: 100%; position: absolute; top: 100%; left: 0;  background: #eae6e1; display: block; overflow: hidden; display: none;
}
.gallery-filter .form-control ul li{
	padding:  10px; list-style: none; margin: 0;
}.gallery-filter .form-control ul li:before{
	display: none;
}
.gallery-filter .form-control ul li:hover,.gallery-filter .form-control ul li.active{
	background: #b37463;
}
.slideimages-show .row .relative .caption-show{
	position: absolute; bottom: 20px; left:20px; right: 20px; display: block; background: #FFF; padding: 15px; text-align: left; opacity:0; display: none; z-index: 9; pointer-events:none;
}
.slideimages-show .row .relative:hover .caption-show{
	opacity: 1; display: block;
}