@font-face {
	font-family: 'Vivaldi';
	font-style: normal;
	font-weight: normal;
	src: 
	local('Vivaldi Italic'), url('../fonts/VIVALDII.woff') format('woff'),
	local('Vivaldi Italic'), url('../fonts/VIVALDII.TTF') format('ttf');
}
 * {
    margin: 0;
    padding: 0;
}
::-moz-selection { background: #CAAB7F;color:#000000; }
::-webkit-selection { background: #CAAB7F;color:#000000; }
::selection { background: #CAAB7F;color:#222222;} 
html, body { 
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.center {
	text-align: center;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------- Main Attributes ---------------------------------------*/
a.button{
  background:#CAAB7F;
  color:#1C386E;
  border-radius: 5px;
  position:relative;
  height:50px;
  font-size:1.5em;
  text-transform: uppercase;
  padding:0.8em 3em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
  box-shadow: 0 10px 20px 0 rgba(0,0,0,0.40);
}
a.button{
  color:#1C386E;
  transition:800ms ease all;
}
a.button:hover{
  background:#1C386E;
  color:#CAAB7F;
}
a.button:hover a{
  color:#CAAB7F;
}
a.button:before,
a.button:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #CAAB7F;
  transition:400ms ease all;
}
a.button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
a.button:hover:before,
a.button:hover:after{
  width:100%;
  transition:800ms ease all;
}

#button-invert a.button{
  background:#1C386E!important;
  color:#CAAB7F!important;
  border-radius: 5px;
  position:relative;
  height:50px;
  font-size:1.8em;
  text-transform: uppercase;
  padding:0.8em 3em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
#button-invert a.button{
  color:#CAAB7F!important;
  transition:800ms ease all;
}
#button-invert a.button{
  background:#CAAB7F!important;
  color:#1C386E!important;
}
#button-invert a.button:hover {
  color:#1C386E!important;
}
#button-invert a.button:before,
#button-invert a.button:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #2954a3!important;
  transition:400ms ease all;
}
#button-invert a.button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
#button-invert a.button:hover:before,
#button-invert a.button:hover:after{
  width:100%;
  transition:800ms ease all;
}
.hr1 {
    display: block;
    margin: 10px auto;
    height: 5px;
    border-bottom: dotted 3px #1C386E;
}
@media (max-width:1280px){
	.hr1 {
		margin: 0 auto;
	}
}
/*--+++++++++++++++++++++++++++--*/
.container-fluid{
	width: 100%;
	padding: 0;
	margin: 0;
	margin: 0 auto;
	display:block;
}
.container {
	width: 100%;
	padding:0;
	margin: 0 auto;
	display:block;
}
@media (min-width:768px){
	.container-boxed {
		width: 90%;
		margin: 0 auto;
	}
	.container{
		width:95%;
		margin: 0 auto;
	}
}
@media (min-width:992px){
	.container {
		width:85%;
		margin: 0 auto;
	}
}
@media (min-width:1200px){
	.container-boxed {
		width: 95%;
		margin: 0 auto;
	}
	.container{
		width: 90%;
		margin: 0 auto;
	}
}
@media (max-width:424px) {
	.container {
		padding: 15px 0;
	}
}
@media (max-width:767px) {
	.container {
		width: 90%;
	}
}
.row {
	margin: 0 auto;
}
.row:after,.row:before{
	content:'';
	width: 100%;
	display:block;
	clear:both;
	height:0
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {		
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*-------------------------------------------- Navigation ----------------------------------------*/
.full-width {
	width: 100%;
	padding:0;
}
.navbar-inverse { 
	font-size:15px; 
	padding-top:10px;  
	padding-bottom:5px;	
	border:none; 
	background-color: #fff;
	margin: 0;
}
#navi .navbar-nav {
	margin: 0;
	width: 100%;
	text-align: center;
	clear: both;
	float: none;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content: flex-end;
	background-color:#fff;
}
.navbar-brand {
	position: absolute;
	margin-top: -10px; 
	padding-left: 0;
	margin-left: 0!important;
}
.navbar-brand img{ 
	width: 300px;
	background-color: #fff;
	padding: 5px;
}
.nav li a { 
	text-transform: uppercase; 
}
#navi .en {
	margin-left: 50px;
}
.navbar-inverse .navbar-nav>li>a { 
	position: relative;
	color: #1C386E; 
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	margin: 0px 10px;
	padding: 13px 10px 10px 10px;
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.navbar-inverse .navbar-nav .de a,
.navbar-inverse .navbar-nav .en a{ 
	margin: 0;
	padding: 13px 0px 10px 10px;
}
.navbar-inverse .navbar-nav>li>a:after { 
	display: block;
	position: absolute;
    width: 2px;
    height: 100%;
    left: 0px;
    top: 0px;
    content: '';
	color: transparent;
    background: #CAAB7F;
    opacity: .8;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	transition-timing-function: ease-out;
	z-index: -1;
}
.navbar-inverse .navbar-nav>.p_top2>a:after { 
    opacity: 0;
}
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover { 
	color: #222222;
	background-color: transparent;
}
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus, 
.navbar-inverse .navbar-nav>li>a:active { 
	color: #222222; 
}
.navbar-inverse .navbar-nav>.active>a:after, 
.navbar-inverse .navbar-nav>.active>a:focus:after, 
.navbar-inverse .navbar-nav>.active>a:hover:after { 
	color: #222222; 
	background-color: #CAAB7F; 
	width: 100%;
	z-index: -1;
}
.navbar-inverse .navbar-nav>li>a:hover:after, 
.navbar-inverse .navbar-nav>li>a:focus:after, 
.navbar-inverse .navbar-nav>li>a:active:after { 
	color: #222222; 
	background-color: #CAAB7F; 
	width: 100%;
	z-index: -1;
}
.nav>li>a:focus, 
.nav>li>a:hover {
	color: #222222; 
}
.navbar-inverse .navbar-toggle:focus, 
.navbar-inverse .navbar-toggle:hover { 
	 color: #CAAB7F; 
}
.navbar-inverse .navbar-nav>.brand>a, 
.navbar-inverse .navbar-nav>.brand>a:focus, 
.navbar-inverse .navbar-nav>.brand>a:hover  {
	color: #222222; 
}
.p_top2 {
	margin-top: -5px;
}
@media (max-width:480px){
	.navbar-inverse {
		padding-top: 5px;
		padding-bottom: 5px;
	}  
}
@media (max-width: 1221px) {
	.navbar > .container .navbar-brand, 
	.navbar > .container-fluid .navbar-brand {
		
	}
}
@media (max-width: 1216px) {
	#navi .navbar-nav {
		margin: 0;
		width: 100%;
		text-align: center;
		clear: both;
		float: none;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color:#fff;
	}
	.navbar-brand {
		margin-top: -15px;
	}
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none;
		margin-top: 7.5px;
	}
	.p_top {
		padding-top: 0;
	}
	.navbar-nav > li {
		float: none;
		display: block !important;
		width: 100% !important;		  
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;  
	}
	.collapse.in{
		display:block !important;
	}

	  /* --------------- */
	.navbar-collapse{ 
		border:none; 
	} 
	.navbar-inverse .navbar-nav>.active>a, 
	.navbar-inverse .navbar-nav>.active>a:focus, 
	.navbar-inverse .navbar-nav>.active>a:hover { 
		border:none; 
	} 
	.navbar-inverse .navbar-nav>li { 
		border-bottom:1px solid #CAAB7F; 
	} 
	.navbar-inverse .navbar-nav>li:hover { 
		border-bottom:1px solid #222222;
		-webkit-transition:0.5s; 
		transition: 0.5s; 
		transition-timing-function: ease; 
	} 
	.navbar-inverse .navbar-nav>li>a:hover { 
		color:#222222; 
		border:none; 
	} 
	.navbar-inverse .navbar-toggle { 
		border-color:#492601; 
		background-color: #CAAB7F;
	}
	.navbar-fixed-bottom .navbar-collapse, 
	.navbar-fixed-top .navbar-collapse {
		max-height: 480px;
	}
	.navbar-inverse .navbar-nav li { 
		margin: 0 auto;
	}
}
@media only screen and (max-width: 1500px) {
	.navbar-inverse .navbar-nav > li > a {
		font-size: 13px;
		font-weight: 400;
		margin: 0px 10px;
		padding: 13px 5px 10px 5px;
	}
	#navi .en {
		margin-left: 20px;
	}
}
@media only screen and (max-width: 1270px) {
	.navbar-inverse .navbar-nav > li > a {
		font-size: 12px;
		margin: 0px 8px;
		padding: 13px 5px 10px 5px;
	}
}
@media only screen and (max-width: 1221px) {
	.navbar .container {
		width: 99%;
		padding: 0 10px;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 1221px) {
	.navbar .container {
		width: 99%;
		padding: 0;
		margin-right: 0 auto;
	}
	.container > .navbar-header {
		margin-right: -15px;
	}
}
@media only screen and (max-width: 1216px) {
	.navbar-inverse .navbar-nav > li > a {
		font-size: 14px;
		margin: 0;
		padding: 13px 0px 10px 0px;
	}
	#navi .en {
		margin-left: 0;
	}
	.navbar-inverse .navbar-nav>li>a:after { 
		display: block;
		position: absolute;
		width: 0px;
		height: 100%;
		left: 0px;
		top: 0px;
		content: '';
		color: transparent;
		background: #CAAB7F;
		opacity: .8;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		transition-timing-function: ease-out;
		z-index: -1;
	}
	.navbar-toggle {
		padding: 9px 10px;
		margin-top: 0;
		margin-right: 0px;
		margin-bottom: 4px;

	}
}
@media only screen and (max-width: 767px) {
	.navbar .container {
		width: 97%;
	}
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*------------------------------------------- General --------------------------------------------*/
body { 
	color: #313131; 
	font-family: 'Pontano Sans', sans-serif;  
	font-size: 1em;
}
h1 { 
	font-size: 7em;
	margin-bottom: 0;
	margin-top:0;
	color: #1C386E;
	font-family: 'Vivaldi', serife;
}
h2 {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #CAAB7F;
	font-size: 4em;
	font-family: 'Vivaldi', serife;
}
@media only screen and (max-width: 991px) {
	h2 {
		font-size: 3.2em;
	}
}
@media only screen and (max-width: 1280px) {
	h1 {
		font-size: 5em;
	}
}
p {
	color: #5c5c5c;
	font-size: 1.8em;
	margin-bottom: 20px; 
}
a{
	color: #CAAB7F;
	text-decoration: none;
	cursor: pointer;
}
a:focus,
a:hover,
a:active{
	color:#5672AA;
	text-decoration:none;
}
a, 
a:visited, 
a:focus, 
a:active, 
a:hover{ 
	outline:0 none !important; 
}
.subtitle-section {
	color: #CAAB7F;
	font-size: 3em;
	margin-bottom: 30px;
	margin-top: -15px;
}
#start .container, 
#home-availability .container {
	width: 100%;
}
#home-welcome,
#home-energy,
#home-reviews,
#about-content,
#accomodation-content,
#gallery-content,
#activities-content,
#rates-content,
#contact-content,
#energy-content {
	padding-top: 120px;
	padding-bottom: 120px;
}
#home-gallery{
	padding-top: 60px;
	padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
	#home-welcome,
	#home-energy,
	#home-reviews,
	#about-content,
	#accomodation-content,
	#gallery-content,
	#activities-content,
	#rates-content,
	#contact-content,
	#energy-content {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
.img-responsive {
	width: 100%;
}
.head-box {
	text-align: center;
	padding: 0 120px;
}

.head-box h1{
	display: inline-block;
	padding: 0;
	font-family: 'Vivaldi', sans-serif;
}
.head-box img{
    float: right;
	display: inline-block;
	margin-top: 34px;
	max-width: 80px;
}
@media screen and (max-width: 1280px) {
	.head-box img {
		margin: 23px 0;
		max-width: 49px;
	}
}
@media screen and (max-width: 991px) {
	.head-box img {
		display: none;
	}
}
.vivaldi-font {
	font-size: 1.3em;
}
/* Full Width Box*/
.full-box-padding {
	padding-top: 100px;
	padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
	.full-box-padding {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.head-box {
		text-align: center;
		padding: 0 40px;
	}
}
.padding-border-right {
	padding-right: 50px;
}
.padding-border-left {
	padding-left: 50px;
}
.flex-right {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-webkit-justify-content: flex-end;
}
.flex-left {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-webkit-justify-content: flex-start;
}
.lazy-bg {
	opacity: 0;
	-webkit-transition: opacity 1.5s;
	transition: opacity 1.5s;
	background-color: #f1f4f6;
}
.full-bg {
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
}
.full-box-inner {
	max-width: 600px;
	padding: 80px 50px;
	background: rgba(241,244,246,0.90);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.40);
}
.content-center {
	text-align: center;
}
.small-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding-right: 55px;
    padding-left: 55px;
}
/* Scroll Icon*/
@media screen and (min-width: 1500px) {
	.scroll-container {
	  position: relative;
	  left: 49.5%;
	  bottom: 160px;
	  z-index: 999;
	  background-color: rgb(255, 255, 255, 0);
	  height: 50px;
	}
	.scroll-container-inner {
	  position: relative;
	  width: 0px;
	  height: 0px;
	}
	.chevron {
	  position: absolute;
	  width: 28px;
	  height: 8px;
	  opacity: 0;
	  transform: scale3d(0.5, 0.5, 0.5);
	  animation: move 3s ease-out infinite;
	}
	.chevron:first-child {
	  animation: move 3s ease-out 1s infinite;
	}
	.chevron:nth-child(2) {
	  animation: move 3s ease-out 2s infinite;
	}
	.chevron:before,
	.chevron:after {
	  content: ' ';
	  position: absolute;
	  top: 0;
	  height: 100%;
	  width: 51%;
	  background: #CAAB7F;
	}
	.chevron:before {
	  left: 0;
	  transform: skew(0deg, 30deg);
	}
	.chevron:after {
	  right: 0;
	  width: 50%;
	  transform: skew(0deg, -30deg);
	}
	@keyframes move {
	  25% {
		opacity: 1;
	  }
	  33% {
		opacity: 1;
		transform: translateY(30px);
	  }
	  67% {
		opacity: 1;
		transform: translateY(40px);
	  }
	  100% {
		opacity: 0;
		transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
	  }
	}
	.text {
	  display: block;
	  margin-top: 78px;
	  margin-left: -50px;
	  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	  font-size: 16px;
	  color: #CAAB7F;
	  text-transform: uppercase;
	  white-space: nowrap;
	  opacity: .25;
	  animation: pulse 2s linear alternate infinite;
	}
	@keyframes pulse {
	  to {
		opacity: 1;
	  }
	}
}
@media screen and (max-width: 520px) {
	.full-box-inner {
		max-width: 90%;
		padding: 40px 25px;
	}
	.flex-right {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		-webkit-justify-content: center;
	}
	.padding-border-right {
		padding-right: 0;
	}
	#home-slider {
		margin-top: 40px;
	}
	#home-slider .container{
		padding-bottom: 0;
	}
}
@media screen and (max-width: 420px) {
	.full-box-inner .subtitle-section {
		font-size: 2.55em;
	}
	.small-wrapper {
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
		padding-right: 55px;
		padding-left: 55px;
	}
	button {
		height: 50px;
		font-size: 1.5em;
		text-transform: uppercase;
		padding: 0 3em;
	}
	.small-wrapper {
		padding-right: 20px;
		padding-left: 20px;
	}
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------- Home Slideshow -----------------------------------------*/
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
 }

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
 }

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
 }

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
 }
#home-slider .container {

}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------- Banner -----------------------------------------*/
#gallery-banner{
    background-attachment: fixed;
    margin-top: 80px;
    width: 100%;
}
.banner-img-1 {
	background: url(../images/banner/about-banner_lg.jpg);
}
.banner-img-2 {
	background: url(../images/banner/rooms-banner_lg.jpg);
}
.banner-img-3 {
	background: url(../images/banner/gallery-banner_lg.jpg);
}
.banner-img-4 {
	background: url(../images/banner/activities-banner_lg.jpg);
}
.banner-img-5 {
	background: url(../images/banner/rates-banner_lg.jpg);
}
.banner-img-6 {
	background: url(../images/banner/contact-banner_lg.jpg);
}
.banner-img-7 {
	background: url(../images/banner/energy-banner_lg.jpg);
}
.banner-bg {
	background-color: rgba(0, 0, 0, 0);
	background-attachment: scroll, scroll;
	background-size: auto auto, auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-repeat:   no-repeat;
	background-position: center center;
    height: 700px;
    background-color: #131313;
    z-index: 0;
	margin-top: 43px;
}
@media only screen and (max-width: 1199px) {
	.banner-img-1 {
		background: url(../images/banner/about-banner_md.jpg);
	}
	.banner-img-2 {
		background: url(../images/banner/rooms-banner_md.jpg);
	}
	.banner-img-3 {
		background: url(../images/banner/gallery-banner_md.jpg);
	}
	.banner-img-4 {
		background: url(../images/banner/activities-banner_md.jpg);
	}
	.banner-img-5 {
		background: url(../images/banner/rates-banner_md.jpg);
	}
	.banner-img-6 {
		background: url(../images/banner/contact-banner_md.jpg);
	}
	.banner-img-7 {
		background: url(../images/banner/energy-banner_md.jpg);
	}
}
@media only screen and (max-width: 991px) {
	.banner-img-1 {
		background: url(../images/banner/about-banner_sm.jpg);
	}
	.banner-img-2 {
		background: url(../images/banner/rooms-banner_sm.jpg);
	}
	.banner-img-3 {
		background: url(../images/banner/gallery-banner_sm.jpg);
	}
	.banner-img-4 {
		background: url(../images/banner/activities-banner_sm.jpg);
	}
	.banner-img-5 {
		background: url(../images/banner/rates-banner_sm.jpg);
	}
	.banner-img-6 {
		background: url(../images/banner/contact-banner_sm.jpg);
	}
	.banner-img-7 {
		background: url(../images/banner/energy-banner_sm.jpg);
	}
	.banner-bg {
	    height: 500px;
	}
}
@media only screen and (max-width: 767px) {
	.banner-img-1 {
		background: url(../images/banner/about-banner_xs.jpg);
	}
	.banner-img-2 {
		background: url(../images/banner/rooms-banner_xs.jpg);
				width: 100%;
	}
	.banner-img-3 {
		background: url(../images/banner/gallery-banner_xs.jpg);
	}
	.banner-img-4 {
		background: url(../images/banner/activities-banner_xs.jpg);
	}
	.banner-img-5 {
		background: url(../images/banner/rates-banner_xs.jpg);
	}
	.banner-img-6 {
		background: url(../images/banner/contact-banner_xs.jpg);
	}
	.banner-img-7 {
		background: url(../images/banner/energy-banner_xs.jpg);
	}
	.banner-bg {
	    background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
		background-size: cover;	
	}
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------- Home Availibility -----------------------------------------*/
#home-availability .container {
	background-color: #1C386E;
	padding: 15px;
}
#home-availability #avail-button {
	text-align: center;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------- Wome / Welcome -----------------------------------------*/
#home-welcome {
	padding-bottom: 40px;
}
#home-welcome p {
	text-align: justify; 
	padding: 20px 0 0 0;
	font-size: 2em;
	line-height: 1.5em;
}
#home-welcome p::first-letter {
	color: #CAAB7F;
	float: left;
	font-size: 3.3em;
	margin: 0 .2em 0 0;
	padding-top: 9px;
	font-family: 'Vivaldi', serife;
}
#home-covid .container .row .covid-box{
	margin-bottom: 120px;
	width: 60%;
	margin: 0 auto;
}

#home-covid #covid-readiness img {
	width: 60%;
	float: right;
}
#home-covid .head-box {
	margin: 0 400px 40px;
}
#home-covid .covid-box p {
	font-size: 13px;
	font-style: italic;
	padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
	#home-welcome p  {
		font-size: 1.6em;
	}
	#home-covid #covid-readiness img {
		width: 80%;
	}
	#home-covid .container .row .covid-box{
		width: 80%;
	}
}
@media only screen and (max-width: 991px) {
	#home-welcome p  {
		font-size: 1.4em;
	}
	#home-covid #covid-readiness img {
		width: 80%;
	}
	#home-covid .container .row .covid-box{
		width: 90%;
	}
}
@media only screen and (max-width: 767px) {
	#home-welcome p  {
		font-size: 1.4em;
	}
	#home-covid #covid-readiness img {
		width: 70%;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	#home-covid .container .row .covid-box{
		width: 100%;
	}
	#home-covid .head-box {
		margin: 0 0 40px;
	}
	#home-covid #covid-readiness {
		margin: 0 0 40px;
	}
	#home-covid .covid-box p {
		padding-bottom: 60px;
	}
}

/*----------------------------------- Home / Rooms -----------------------------------------*/

#home-rooms .bg-image {
	background-image: url("../images/parallax/parallax-1-lg.jpg");
}
@media only screen and (max-width: 1199px) {
	#home-welcome .bg-image  {
		background-image: url("../images/parallax/parallax-1-md.jpg");
	}
}
@media only screen and (max-width: 991px) {
	#home-welcome .bg-image  {
		background-image: url("../images/parallax/parallax-1-sm.jpg");
	}
}
@media only screen and (max-width: 767px) {
	#home-welcome .bg-image  {
		background-image: url("../images/parallax/parallax-1-xs.jpg");
	}
}
/*----------------------------------- Home / Energy -----------------------------------------*/
#home-energy {
	text-align: center;
}
#home-energy #diagram {
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
#home-energy #diagram img {
	margin-top: 25px;
    width: 100%;
	height: 100%;
}
#home-energy p {
	text-align: justify;
	padding: 20px 0 0 0;
	font-size: 2em;
	line-height: 1.5em;
}
#home-energy p::first-letter {
	color: #c69c6d;
	float: left;
	font-size: 3em;
	margin: 0 .2em 0 0;
	padding-top: 7px;
}
#home-energy #energy-button a {
    color: #1C386E;
}
@media only screen and (max-width: 1199px) {
	#home-energy p  {
		font-size: 1.6em;
	}
}
/*----------------------------------- Home / Gallery -----------------------------------------*/
#home-gallery {
	text-align: center;
	background-color: #CAAB7F;
}
#home-gallery .row {
	padding: 0 10px;
}
#home-gallery .head-box {
    margin-bottom: 20px;
}
#home-gallery .col-xs-6 {
	padding: 5px;
}
#home-gallery #button-invert {
	margin-top: 30px;
}
@media only screen and (max-width: 1199px) {
	#home-gallery p  {
		font-size: 1.6em;
	}
}
@media only screen and (max-width: 767px) {
	#home-gallery p  {
		font-size: 1.6em;
	}
}
/*----------------------------------- Home / Info -----------------------------------------*/

#home-info  {
	padding: 100px 0 90px;
	color: #1C386E;
}
#home-info p  {
	padding: 0;
	margin: 0;
}
#home-info h2 {
	font-family: 'Pontano Sans', sans-serif;
	margin-top: 0;
	font-face: bold;
	text-transform: uppercase;
}
#home-info #home-contact::before,
#home-info #home-tel::before,
#home-info #home-email::before,
#home-info #home-hours::before  {
content: '';
	width: 0;
	height: 100%;
	position: absolute;
	border: 1px solid #1C386E;
	top: 0;
	left: 30px;
}
#home-info #home-contact,
#home-info #home-tel,
#home-info #home-email,
#home-info #home-hours  {
	padding-left: 50px;
}
@media only screen and (max-width: 1345px) {
	#home-info p  {
		font-size: 1.4em
	}
	#home-info h2 {
		font-size: 2.5em;
	}
}
@media only screen and (max-width: 1199px) {
	#home-info p  {
		font-size: 1.2em
	}
	#home-info h2 {
		font-size: 2em;
	}
}
@media only screen and (max-width: 991px) {
	#home-info #home-contact,
	#home-info #home-tel,
	#home-info #home-email,
	#home-info #home-hours  {
		margin-bottom: 20px;;
	}
}
@media only screen and (max-width: 500px) {
	#home-info #home-contact::before,
	#home-info #home-tel::before,
	#home-info #home-email::before,
	#home-info #home-hours::before  {
		left: 15px;
	}
	#home-info #home-contact,
	#home-info #home-tel,
	#home-info #home-email,
	#home-info #home-hours  {
		padding-left: 35px;
	}
	#home-info h2 {
		font-size: 1.5em;
	}
}
@media only screen and (max-width: 380px) {
	#home-info #home-contact::before,
	#home-info #home-tel::before,
	#home-info #home-email::before,
	#home-info #home-hours::before  {
		left: 10px;
	}
	#home-info #home-contact,
	#home-info #home-tel,
	#home-info #home-email,
	#home-info #home-hours  {
		padding-left: 25px;
		padding-right: 0px;
	}
	#home-info h2 {
		font-size: 1.3em;
	}
}
/*----------------------------------- Home Feedback -----------------------------------------*/
#home-reviews {
	color: #fff;
}
#home-reviews .head-box {
    margin-bottom: 20px;
}
#home-reviews .mail i {
	color: #BFA470;
	display: inline-block;
}
#home-reviews .mail i:hover, 
#home-reviews .mail i:focus  {
	color: #86A0D4;
}
#home-reviews .color-font {
	font-size: 1.8em;
	margin-top: 20px;
	color: #A67925;
}
#home-reviews .mail a {
	color: #1C386E;
}
#home-reviews a {
	color: #BFA470;
}
#home-reviews a:hover, 
#home-reviews a:focus  {
	color: #86A0D4;
}
.carousel-content {
    color: #3b3b3b;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    align-items: center;
	margin: 0 auto;
}
#home-reviews .carousel-inner {
	width: 70%;
	margin: 0 auto;
}
#home-reviews .carousel-inner .item p {
	color: #3b3b3b;
}
/* --- indicators --- */
#home-reviews  .carousel-control {
	background-image: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    align-items: center;
}
#home-reviews .carousel-control i {
	font-size: 3.65em;
	width: 100%;
	padding-top: 10px;
}
#home-reviews .carousel-indicators {
	position: relative;
	margin-top: 20px;
	padding-top: 20px;
}
#home-reviews .carousel-indicators li {
	border-radius: 50%;
	border: 1px solid #BFA470;
}
#home-reviews .carousel-indicators .active {
	background-color: #1C386E;
}
#home-reviews .fa {
	display: block;
}
#home-reviews .img-responsive {
	max-width: 500px;
	margin: 0 auto;
}
@media screen and (min-width: 1024px) {
	#home-reviews .mail {
		font-size: 2.25em;
	}
	#home-reviews .color-font {
		font-size: 2.15em;
	}
	#home-reviews .color-font {
		font-size: 2em;
	}
	#home-reviews .mail {
		font-size: 2.25em;
	}
}
@media only screen and (max-width: 1199px) {
	#home-reviews p  {
		font-size: 1.6em
	}
}
@media screen and (min-width: 1200px) {
	#home-reviews .mail {
		font-size: 1.75em;
	}
	#home-reviews .color-font {
		font-size: 1.80em;
	}
	#home-reviews .carousel-inner .item p {
		font-size: 1.75em;
	}
}
@media screen and (max-width: 1024px) {
	#accommodation {
		padding: 30px 0 40px 0;
	}
}
@media screen and (max-width: 420px) {
	#home-reviews .mail {
		font-size: 1.3em;
	}
}
/* +++++++++++++++++++++++++++++++++++++++++++++ end reviews+++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++++++++++++++++++ Home Activities +++++++++++++++++++++++++++++++++++++++++++++++++++ */

#home-activities .bg-image {
	background-image: url("../images/parallax/parallax-2-lg.jpg");
}
@media only screen and (max-width: 1199px) {
	#home-activities .bg-image  {
		background-image: url("../images/parallax/parallax-2-md.jpg");
	}
}
@media only screen and (max-width: 991px) {
	#home-activities .bg-image  {
		background-image: url("../images/parallax/parallax-2-sm.jpg");
	}
}
@media only screen and (max-width: 767px) {
	#home-activities .bg-image  {
		background-image: url("../images/parallax/parallax-2-xs.jpg");
	}
}

/* +++++++++++++++++++++++++++++++++++++++++++++ Home Activities End +++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++++++++++++++++++ About us +++++++++++++++++++++++++++++++++++++++++++++++++++ */
#about-content .about-boxes-row {
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 0 30px;
}
#about-content .about-boxes .hr1 {
	width: 50%;
}
#about-content .about-intro-text {
	margin-top: 40px;
}
#about-content .about-box-head h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}
#about-content .about-box-text{
	min-height: 180px;
}
#about-content .about-box-text p{
	text-align: justify;
}

@media only screen and (max-width: 1199px) {
	#about-content p  {
		font-size: 1.6em;
	}
	#about-content .about-boxes-row {
		padding: 0;
	}
}
@media only screen and (max-width: 767px) {
	#about-content .about-boxes-row {
		padding: 0;
	}

}
/* +++++++++++++++++++++++++++++++++++++++++++++ About us End +++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++++++++++++++++++ Accomodation +++++++++++++++++++++++++++++++++++++++++++++++++++ */
#accomodation-content .container-fluid .row {
	margin-top: 40px;
	width: 90%;
}
#accomodation-content .acc-intro-text {
	margin-top: 40px;
}
#accomodation-content .acc-box-head p {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #CAAB7F;
	font-size: 4em;
	font-family: 'Vivaldi', serife;	
}
#accomodation-content ul li {
	list-style-type: none;
}
#accomodation-content .acc-box-text{
	min-height: 180px;
}
#accomodation-content .acc-box-text p{
	text-align: justify;
}
#accomodation-content .acc-intro-text p{
	text-align: justify;
}
#accomodation-content #book-button {
	margin-top: 30px;
	text-align: center;
}
#accomodation-content .acc-sub-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    align-items: center;
}
#accomodation-content .acc-sub-box-text {
	text-align: center;
	padding: 60px ;
	padding: 20px;
	border: 1px solid  #CAAB7F;
	max-width: 700px;
	margin: 100px auto 0;
}
#accomodation-content .acc-sub-box-text ul {
	font-size: 1.8em;
}
@media only screen and (max-width: 1410px) {
	#accomodation-content .acc-box-head p {
		font-size: 3em;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	#accomodation-content .acc-intro-text {
		width: 90%;
		margin: 0 auto;		
	}
}
@media only screen and (min-width: 992px) and (max-width: 1280px) {
	#accomodation-content .acc-box-text p{
		font-size: 1.6em;
	}
	.acc-box .col-md-12 {
		padding: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#accomodation-content .container-fluid .acc-pad .col-md-4 {
		padding: 0;
		margin: 0;
	}
}
@media only screen and (max-width: 1199px) {
	#accomodation-content p  {
		font-size: 1.6em;
	}
}
@media only screen and (max-width: 991px) {
	#accomodation-content .acc-box-head p {
		margin-top: 0;
		font-size: 4em;
	}
	#accomodation-content #book-button {
		margin-top: 0;
	}
	#accomodation-content .acc-box-text {
		min-height: 0px;
		padding-left: 15px;
	}
	#accomodation-content .acc-box-head {
		padding-left: 15px;
	}
	#accomodation-content .container-fluid .row {
		margin-top: 40px;
		margin-bottom: 40px;
		width: 95%;
	}
	#accomodation-content .acc-sub-box-text {
		margin: 40px auto 0;
	}
	#accomodation-content .acc-box-img {
		width: 100%;
	}
	.acc-box .col-xs-12 {
		padding: 0;
	}
	#accomodation-content .container-fluid .row {
		width: 96%;
	}
}
@media only screen and (max-width: 767px) {
	#accomodation-content .container-fluid .row {
		width: 95%;
	}
	#accomodation-content .acc-box-head p {
		font-size: 3em;
		margin-top: 15px;
	}
	#accomodation-content .acc-box-text {
		padding-left: 0;
	}
	#accomodation-content .acc-box-head {
		padding-left: 0;
	}
	#accomodation-content h3 {
		font-size: 16px;
		margin-top: 10px;
	}
	#accomodation-content .acc-sub-box-text ul {
		font-size: 1.4em;
	}
}
/* +++++++++++++++++++++++++++++++++++++++++++++ Accomodation us End +++++++++++++++++++++++++++++++++++++++++++++++++++ */
#activities-content .package {
    margin-bottom: 2em;
}
#activities-content .package h2 {
    color: #FFF;
}
.act-block {
	margin-top: 40px;
}
.package .row {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.package .row>* {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.package_img {
    height: 400px;
    background-color: #4b3f1b;
}

.package_img img {
    height: 400px;
	width: 100%;
    margin: 0;
    padding: 0;
	object-fit: cover;
}

.caption_style_1 {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}

.caption_style_1 li {
    padding: 0;
    position: relative;
    height: 400px;
    overflow: hidden;
    width: 100%;
}

.caption_style_1 li:hover .caption {
    opacity: 1;
    transform: translateY(-80px);
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
}

.caption_style_1 img {
    z-index: 4;
}

.caption_style_1 .caption {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    width: 100%;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.caption_style_1 .blur {
    display: block;
    background-color: rgba(0, 0, 0, .7);
    height: 70px;
    width: 100%;
    z-index: 5;
    position: absolute;
}

.caption_style_1 .caption-text {
    display: block;
    z-index: 10;
    color: #fff;
    position: relative;
    width: 100%;
    height: 67px;
    text-align: center;
    padding: .7em 0 .25em;
}

.caption_style_1 .caption-text h3 {
    text-transform: uppercase;
    font-size: 1.25em;
}

.package_info {
    margin-top: -.5em;
    padding: 2em 3em 3em;
    color: #fff
}

.package_info h2 {
    font-size: 1.85em;
    font-size: 1.85rem;
	font-family: 'Vivaldi', serife;
}

.package_info p {
    font-size: 1.15em;
    font-size: 1.15rem;
    margin-bottom: 1.5em;
}

.package_info span {
    font-size: 1.5em
}

@media only screen and (min-width:24em) {
    .packages_contact a {
        font-size: 1.5em
    }
	.package_info h2 {
		font-size: 2.7em;
		font-size: 2.7rem;
	}
}
@media only screen and (min-width:35em) {
    .packages_sub_header h1 {
        font-size: 2.2em;
        font-size: 2.2rem
    }
    .packages_sub_header p {
        font-size: 1.8em;
        font-size: 1.8rem
    }
    .package_tour_info {
        padding: 2.5em 2.5em 3em
    }
    .package_info h2 {
		font-size: 2.7em;
		font-size: 2.7rem;
	}
    .package_info a {
        font-size: 1.5em;
        font-size: 1.5rem
    }
    .packages_contact p {
        font-size: 1.75em;
        font-size: 1.75rem
    }
}
@media only screen and (min-width:48em) {
    .packages_contact {
        padding: 4em 0 5em
    }
    .packages_contact a {
        font-size: 2em;
        font-size: 2rem
    }
	.package_info h2 {
		font-size: 2.7em;
		font-size: 2.7rem;
	}
}
@media only screen and (min-width:66em) {
    .packages_sub_header h1 {
        font-size: 2.5em
    }
    .packages_sub_header p {
        font-size: 2em
    }
    .package_tour_info {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding: 3em 3em 3.85em
    }
    .package_tour_info h2 {
        font-size: 2.85em;
        font-size: 2.85rem
    }
    .package_tour_info p {
        font-size: 1.5em;
        font-size: 1.5rem
    }
    .package .row {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        position: relative
    }
    .package_img {
        width: 70%;
        height: 40em;
        margin: 0;
        padding: 0;
        background-color: #3b3b3b;
        overflow: hidden!important
    }
    .package_img img {
        height: 400px;
        width: auto
    }
    .package_info {
        width: 28%;
        height: 400px;
        margin: 0;
        padding: 3em 1em 4em
    }
    .package_info h2 {
        font-size: 3em;
		margin-top: 0;
    }
    .package_info p {
        font-size: 1.35em
    }
    .package_info span {
        display: none;
    }
    .act .package_info span {
        display: block!important
    }
    .package_info a {
        padding: .25em .45em;
        font-size: 1.25em
    }
    .package_1 .package_info,
    .package_3 .package_info,
    .package_5 .package_info,
    .package_7 .package_info,
	.package_9 .package_info,
	.package_11 .package_info,
	.package_13 .package_info,
	.package_15 .package_info {
        float: right
    }
    .package_2 .package_info,
    .package_4 .package_info,
    .package_6 .package_info,
    .package_8 .package_info,
	.package_10 .package_info,
	.package_12 .package_info,
	.package_14 .package_info{
        position: absolute;
        float: left;
        width: 28%
    }
    .package_2 .package_img,
    .package_4 .package_img,
    .package_6 .package_img,
    .package_8 .package_img,
	.package_10 .package_img,
	.package_12 .package_img,
	.package_14 .package_img{
        position: relative;
        float: right;
        width: 70%
    }
    .packages_contact {
        padding: 4em 0 5.5em
    }
    .packages_contact a {
        font-size: 2.5em
    }
}
@media only screen and (min-width:90em) {
    .package_info {
        padding: 3em 3em
    }
    .package_info h2 {
        font-size: 4em
    }
    .package_info p {
        font-size: 2em
    }
    .package_info a {
        font-size: 1.35em
    }
}
#activities-content .package_1 .package_info {
    background-color: #cdae8b;
}
#activities-content .package_2 .package_info {
    background-color: #439af1;
}
#activities-content .package_3 .package_info {
    background-color: #543e25;
}
#activities-content .package_4 .package_info {
    background-color: #977133;
}
#activities-content .package_5 .package_info {
    background-color: #949D4C;
}
#activities-content .package_6 .package_info {
    background-color: #ff9fcf;
	color: #333333;
}
#activities-content .package_7 .package_info {
    background-color: #4A0D00;
}
#activities-content .package_8 .package_info {
    background-color: #444444;
	color: #cccccc;
}
#activities-content .package_9 .package_info {
    background-color: #cdae8b;
}
#activities-content .package_10 .package_info {
    background-color: #439af1;
}
#activities-content .package_11 .package_info {
    background-color: #543e25;
}
#activities-content .package_12 .package_info {
    background-color: #977133;
}
#activities-content .package_13 .package_info {
    background-color: #2954a3;
}
#activities-content .package_14 .package_info {
    background-color: #222222;
	color: #cccccc;
}
#activities-content .package_15 .package_info {
    background-color: #C88E78;
}
/* +++++++++++++++++++++++++++++++++++++++++++++ Gallery +++++++++++++++++++++++++++++++++++++++++++++++++++ */
#gallery-content .container {
	width: 85%;
}
#gallery-content .nav-tabs > li > a {
    border: 0;
}
#gallery-header {
	text-align: center;
}
#gallery .menu-bar {
    margin-bottom: 15px;
}
#gallery .nav-tabs {
    border-bottom: 0;
}
.port2 {
	margin-bottom: 60px;
}
.port2::after{
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
.port2 li {
	display: inline-block;
}
.port3 {
	width: 24.75%;
	min-width: 240px;
	margin: 0px;
	padding: 15px;
	display: inline-block;
}
.port3 img {
	width: 100%;

	cursor: pointer;
}
.menu-bar a {
    color: #1C386E;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	transition: color 1s ease;
}
.menu-bar a:hover {
    color: #5e88d7;
}
.menu-bar ul {
    margin: 30px 0;
	text-align: center;
	padding: 6px 40px 5px;
	font-size: 11px;
}
.menu-bar ul li {
    display: inline-block;
    font-size: 1.65em;
	font-weight: bold;
}
.menus {
	margin: 0;
	width: 100%;
	text-align: center;
	clear: both;
	float: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	background-color:#fff;
}

.menus li a { 
	text-transform: uppercase; 
}
.menus>li>a { 
	position: relative;
	color: #222222; 
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	margin: 0px 10px;
	padding: 13px 10px 10px 10px;
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.menus>li>a:after { 
	display: block;
	position: absolute;
    width: 2px;
    height: 100%;
    left: 0px;
    top: 0px;
    content: '';
	color: transparent;
    background: #CAAB7F;
    opacity: .8;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	transition-timing-function: ease-out;
	z-index: -1;
}

.menus>.active>a, 
.menus>.active>a:focus, 
.menus>.active>a:hover { 
	color: #222222;
	background-color: transparent;
}
.menus>li>a:hover, 
.menus>li>a:focus, 
.menus>li>a:active { 
	color: #222222; 
}
.menus>.active>a:after, 
.menus>.active>a:focus:after, 
.menus>.active>a:hover:after { 
	color: #222222; 
	background-color: #CAAB7F; 
	width: 100%;
	z-index: -1;
}
.menus>li>a:hover:after, 
.menus>li>a:focus:after, 
.menus>li>a:active:after { 
	color: #222222; 
	background-color: #CAAB7F; 
	width: 100%;
	z-index: -1;
}
.menus>li>a:focus, 
.menus>li>a:hover {
	color: #222222; 
}
.nav-tabs>li.active>a {
	background-color: transparent!important; 
}
@media only screen and (max-width: 1500px) {
	.menus > li > a {
		font-size: 13px;
	}
}
@media only screen and (max-width: 1199px) {
	.port3 {
		width: 33%;
		padding: 10px;
	}
}
@media only screen and (max-width: 1180px) {
	.menus > li > a {
		font-size: 13px;
		margin: 0;
	}
}
@media only screen and (max-width: 991px) {
	#gallery-content .container {
		width: 100%;
	}
	.menus > li > a {
		font-weight: 500;
		margin: 0;
		padding: 8px 5px 5px 5px;
	}
}
@media only screen and (max-width: 767px) {
	.menu-bar ul {
		margin: 10px 0;
		text-align: center;
		padding: 6px 40px 5px;
	}
	.port3 {
		width: 49.5%;
		padding: 10px;
	}
}
@media only screen and (max-width: 710px) {
	#gallery-content .container .nav {
		width: 100%;
	}
	.menus {
		flex-direction: column;
		justify-content: center;
	}
	.menus > li > a::after {
		display: none;
	}
	#gallery-content .menus li{
		border-bottom: 1px solid #CAAB7F;
	}
	.menu-bar ul {
		margin: 0 auto;
		text-align: center;
		padding: 6px 0 5px;
		width: 200px;
	}
	.menu-bar ul li:hover,
	.menu-bar ul li:active{
		background-color: #CAAB7F;
	}
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:focus, 
	.nav-tabs > li.active > a:hover {
		background-color: transparent;
		border: 0;
	}
	.nav-tabs > li.active {
		background-color: #CAAB7F;
	}
}
@media only screen and (max-width: 514px) {
	.port3 {
		width: 100%
	}
}
/* +++++++++++++++++++++++++++++++++++++++++++++ Activities +++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 514px) { 
	#activities-content .package_info h2 {
		font-size: 2.5em;
		font-size: 2.5rem;
	}
}

/* +++++++++++++++++++++++++++++++++++++++++++++ Rates +++++++++++++++++++++++++++++++++++++++++++++++++++ */
.rates-box {
	margin-top: 40px;
}
#rates-content .bg-image {
	background-image: url("../images/parallax/parallax-3-lg.jpg");
}
@media only screen and (max-width: 1199px) {
	#rates-content .bg-image  {
		background-image: url("../images/parallax/parallax-3-md.jpg");
	}
}
@media only screen and (max-width: 991px) {
	#rates-content .bg-image  {
		background-image: url("../images/parallax/parallax-3-sm.jpg");
	}
}
@media only screen and (max-width: 767px) {
	#rates-content .bg-image  {
		background-image: url("../images/parallax/parallax-3-xs.jpg");
	}
}
#rates-content .row {
	text-align: center;
}
.rates-box .full-box-inner {
    max-width: 600px;
    padding: 80px 120px;
}
#rates-cond {
	padding: 60px ;
	font-size: 2em;
	max-width: 650px;
	padding: 20px;
	border: 1px solid  #CAAB7F;
	margin: 120px auto 0;
}
#rates-cond ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
}
#rates-cond img{
	width: 200px;
	margin: 0 auto;
	margin-top: 30px;
}
.package_info {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 991px) {
	.rates-box h2{
		font-size: 4em;	
	}
}
@media only screen and (max-width: 658px) {
	#rates-content .flex-right {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		-webkit-align-items: center;
		-webkit-justify-content: center;
	}
	#rates-content .rates-box .full-box-inner {
		padding: 80px 60px;
	}
	#rates-content .padding-border-right {
		padding-right: 0;
		padding-left: 0;
	}
}
@media only screen and (max-width: 514px) {
	#rates-cond {
		font-size: 1.4em;
		margin: 20px 5px 0;		
	}
}
/* ++++++++++++++++++++++++++++++++++++++++++ Save the Environment +++++++++++++++++++++++++++++++++++++++++++++++++++ */
#energy .bg-image {
	background-image: url("../images/parallax/parallax-4-lg.jpg");
}
@media only screen and (max-width: 1199px) {
	#energy .bg-image  {
		background-image: url("../images/parallax/parallax-4-md.jpg");
	}
}
@media only screen and (max-width: 991px) {
	#energy .bg-image  {
		background-image: url("../images/parallax/parallax-4-sm.jpg");
	}
}
@media only screen and (max-width: 767px) {
	#energy .bg-image  {
		background-image: url("../images/parallax/parallax-4-xs.jpg");
	}
}
#energy p {
	text-align: justify;
	padding: 20px 0 0 0;
	font-size: 2em;
	line-height: 1.5em;
}
#energy p::first-letter {
	color: #CAAB7F;
	float: left;
	font-size: 3.3em;
	margin: 0 .2em 0 0;
	padding-top: 9px;
	font-family: 'Vivaldi', serife;
}
#energy .diagram {
	margin-top: 60px;
	text-align: center;
}
#energy iframe {
	width: 67%;
	height: 900px;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.40);
	border: 0;
}

#energy .rates-box .full-box-inner {
    max-width: 800px;
    padding: 80px 90px;
}
@media only screen and (max-width: 991px) {
	#energy p {
		font-size: 1.6em;
		line-height: 1.5em;
	}
}
@media only screen and (max-width: 895px) {
	#energy .flex-right {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		-webkit-align-items: center;
		-webkit-justify-content: center;
		padding-left: 10px;
		padding-right: 10px;
	}
	#energy .rates-box .full-box-inner {
		padding: 40px 30px;
	}
	#energy .padding-border-right {
		padding-right: 0;
		padding-left: 0;
	}
	#energy iframe {
		width: 95%;
	}
}
/* +++++++++++++++++++++++++++++++++++++++++++++ Map +++++++++++++++++++++++++++++++++++++++++++++++++++ */
#home-map .map {
	height: 400px;
	width: 100%;
}
#home-map .map iframe {
	height: 400px;
	width: 100%;
}
/* +++++++++++++++++++++++++++++++++++++++++++++ Map End +++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*------------------------------------------- Contact Form ---------------------------------------*/
#contact p {
	text-align: center;
	padding: 20px 0 0 0;
	font-size: 2em;
	line-height: 1.5em;
	font-weight: bold;
}
#contact-content>.container>.row .row {
	padding: 60px 0;
}
#contact-content .col-sx-6 {
	background: rgba(202,171,127,0.5)!important;
}
textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {   
	border-color: ##1c386e;  
	box-shadow: none;  
	outline: 0 none; 
}
select:focus {
	outline-color: ##1c386e;
}
.formfield input {
	height: 50px;
}
.formfield textarea {
	padding: 15px;
}
.height-contact-element {
	margin: 15px 0;
} 
.form-control{
	color:#242424;
	background-color:#ffffff;
	border-radius: 8px; 
	border: 1px solid #CAAB7F;
	box-shadow: none;
}
.form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder{
	color:#242424;
	opacity:1
}
.form-control:focus{
	border-color:#2954a3;
	box-shadow: none;
} 
.btn  {
	font-size: 1.95em;
	background-color:#CAAB7F;
	border: 2px solid #fff;
	border-radius: 20px;
	text-transform: uppercase;
	padding: 0 80px;
	float: right;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	display: block;
}
.btn:hover,.btn:active,.btn:focus {
	background-color:transparent;
	border: 2px solid #CAAB7F;
	color: #CAAB7F;
}
@media (max-width:480px){	
	#contact .fa {
		padding-right: 15px;
	}  
	.form-control {
	   font-size: 11px !important;
	}  
	.height-contact-element {
		margin: 10px 0 0 0;
	}
	#contact .col-lg-6.col-md-8 {
		padding: 0;
	}
	#contact .text {
		font-size: 1.65em;
	}
	#contact .row {
		width: 100%;
	}
	.btn {
		padding: 0 40px;
	}
}
@media only screen and (max-width:767px) {
	.height-contact-element {
		margin: 10px 0;
	}
	.padding-contact-element {
		padding-left:15px;
	} 
	#contact-content > .container > .row .row {
		padding: 20px 0;
	}
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------------Thank you--------------------------------------------*/
#thankyou h1 {
	margin-top: 50px;
}
#thankyou p {
	padding: 20px 0;
	text-align: center;
}
#thankyou .banner-bg {
	height: 400px
}
/*----------------------------------------------footer--------------------------------------------*/
/*----------------------------------------------footer--------------------------------------------*/
/*Tripadvisor Logo Adjustment*/
.TA_certificateOfExcellence>img,
.TA_tchotel>img {
	height: 0!important;
	width: 0!important;
	margin: 0!important;
	padding: 0!important;
}
#CDSWIDCOE.widCOE .widCOEImg {
	width: 100px!important;
	height: 80px!important;
	margin-top: -10px!important;
	margin-bottom: -8px!important;
}
/*Tripadvisor Logo Adjustment End*/
#footer  { 
	padding: 20px 0;
	background-color: #1C386E; 
	width:100%; 
	display:block; 
	color:#f7f7f7; 
	font-size: 1.45em;
	text-align: center;	
}
.myfooter p {
	display: inline-block;
	color:#f7f7f7; 
	padding-bottom: 5px;
	margin-bottom: 0;
}
.myfooter .footer-logo {
	margin-bottom: 20px;
	padding-bottom: 3px;
}
.myfooter .footer-logo p,
.myfooter #awards .header p,
.myfooter #member .header p,
.myfooter .footer-sitemap .header p{
	padding-bottom: 20px;
	font-size: 2em;
	text-transform: uppercase;
}
.myfooter #awards,
.myfooter #member {
	margin-bottom: 30px;
	padding-left: 70px;
	padding-right: 70px;
}
.myfooter #awards .header,
.myfooter #member .header,
.myfooter .footer-sitemap .header {
	margin-bottom: 20px;
}
.myfooter #awards .header p,
.myfooter #member .header p,
.myfooter .footer-sitemap .header p {
	border-bottom: dotted 3px #A67A26;
	padding: 0 10px;
}
.myfooter #award-logos,
.myfooter #member-logos {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-start;
}
.myfooter #award-logos img,
.myfooter #member-logos img {
	height: 100px;
}
.myfooter #award-logos a,
.myfooter #member-logos a {
	padding: 0;
}
.myfooter #award-logos .awards-img,
.myfooter #member-logos .member-img {
	padding-right: 10px;
	padding-bottom: 10px;
}
.myfooter .footer-sitemap {
	text-align: center;
}
.myfooter .footer-sitemap ul li {
	list-style-type: none!important;
	font-size: 1em;
	line-height: 1.6em;
}
.myfooter #footer-copyright {
	margin-top: 40px;
}
.myfooter #footer-copyright p {
	font-size: 1em!important;
}
.myfooter { 
	color: #9d9d9d;	
	padding:10px 0px;
}
.myfooter .footer-sitemap a { 
	color: #FFE5B3; 
	padding:10px 0px; 
	-webkit-transition:0.5s; 
	transition: 0.5s;  
}
.myfooter a:hover, .myfooter a:focus, .myfooter a:active {	
	color: #BFA472;
	padding:12px 0px; 
	text-decoration: none; 
	-webkit-transition-timing-function: linear; 
	transition-timing-function: linear;
}
.myfooter .share-button{
	text-transform: uppercase;
	border: 2px solid #fff;
	display: inline-block;
	overflow: hidden;
	width: 132px;
	height: 40px;
	top: 50%;
	left: 50%;
	text-transform: uppercase;
	font-size: 14px;
	transform: translate(0%, 0%);
	margin: 10px 0 40px;
}
.myfooter .share-button a{
   color: white;
   font-size: 12px;
   display: block;
   text-decoration: none;
   font-weight: bold;
   letter-spacing: 1px;
   line-height: 26px;
   padding: 7px 13px 7px 13px;
}
.myfooter .share-button > a:after{
	content: "\f064";
	font-family: "Font Awesome 5 Free";
	font-size: 14px;
	color: white;
	margin-left: 10px;
}
.myfooter .share-button > a:hover,
.myfooter .share-button > a:hover:after,
.myfooter .share-button .icon-wrapper ul li a:hover i{
    color: #e4e9ea;
}
.myfooter .share-button .icon-wrapper ul li:last-child a:hover i{
    color: red;
}
.myfooter .share-button .icon-wrapper{
    position: absolute;
    left: -240px;
    top: 0;
    width: 240px;
}
.myfooter .share-button .icon-wrapper > a{
    display: inline-block;
}
.myfooter .share-button a.hidden{
    display: none;
}
.myfooter .share-button.active .icon-wrapper{
    max-height: 40px;
}
.myfooter .share-button .icon-wrapper ul{
    padding-left: 0;
    margin: 0;
    height: 40px;
}
.myfooter .share-button .icon-wrapper ul:after{
    clear: both;   
}
.myfooter .share-button .icon-wrapper ul li{
    float: left;
    display: inline-block;
}
.myfooter .share-button .icon-wrapper ul li:last-child{
    float: right;
}
.myfooter .share-button .icon-wrapper ul li a i{
    color: white;
    font-size: 14px;
}
.myfooter .share-button .icon-wrapper ul li:last-child a{
    background-color: white;
}
.myfooter .share-button .icon-wrapper ul li:last-child a i{
    color: #2d3847;
    position: relative;
    left: 1px;
}
@media only screen and (max-width: 991px) {
	.myfooter #awards,
	.myfooter #member {
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.myfooter #award-logos .awards-img, 
	.myfooter #member-logos .member-img {
		margin-bottom: 10px;
	}
	.myfooter .footer-logo p, 
	.myfooter #awards .header p, 
	.myfooter #member .header p, 
	.myfooter .footer-sitemap .header p {
		padding-bottom: 0;
		font-size: 1.4em;
		text-transform: uppercase;
	}
	#CDSWIDCOE {
		margin: 0!important;
	}
	.myfooter #award-logos img, 
	.myfooter #member-logos img {
		height: 100px;
		margin: 0;
	}
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------------- to Top -----------------------------------------*/
#toTop{ 
	position: fixed; 
	bottom: 10px; 
	right: 10px;	
	cursor: pointer; 
	display: none;
}
.btn-top {
	font-size: 2.15em; 
	background-color: #FFCF75;  
	border: none;
	padding: 6px 12px;
	border-radius: 4px;
}
.btn-top .fa {
	color: #fff;
}
.btn-top:hover { 
	background-color: #A67C52; 
	-webkit-transition:0.5s; 
	transition: 0.5s; 
	transition-timing-function: ease; 
	text-decoration: none; 
}
/* ------------------------------------------------------Imprint------------------------------------------------------- */
#imprint {
	padding: 120px 20px 30px 20px;
}
#imprint  .contact_details .phone {
	color: #454545;
}
#imprint .contact_details{
	margin-bottom:2em;
}
#imprint .contact_details p{
	margin-bottom:0px;
}
#imprint .contact_details h1{
	font-size: 3em;
	color: #CAAB7F;
	margin-bottom: 15px;
}
#imprint .web p {
	display: inline-block;
}
#imprint .web h2 {
	font-size: 1.65em;
	margin: 0 5px;
	display: inline-block;
	font-family:'Catamaran', Arial, sans-serif; 
}
#imprint .contact_details p {
	font-size: 1.65em;
	color: #454545;
}
#imprint .contact_details a{
	font-size: 1em;
}
#imprint .info-imp {
	margin-bottom: 20px;
}
#imprint .contact {
	margin-bottom: 20px;
}
#imprint .disclaimer {
	padding-bottom: 60px;
}
#imprint .disclaimer h3{
	margin:1em 0;
	font-size: 1.85em;
}
#imprint .disclaimer header p{
	font-size: 2em;
	font-weight: 500;
	color: #313131;
	margin: 15px 0;
}
.disclaimer  p {
	font-size: 1.55em;
	color: #454545;
}
@media only screen and (min-width: 768px){
	#imprint {
		font-size: 1.25em;
	}
}

#branding-action-bar {
    display: none!important;
} 

.branding-action-bar .action-content {
    display: none!important;
}

.action-bar__group {
    display: none!important;
}