@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Rochester&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

/*hs font-family: 'Manrope', sans-serif;*/
/*text font-family: 'Arimo', sans-serif;*/
/*font-family: 'Rochester', cursive;*/

html{
      font-size: 16px;
      height: 100%;
    }


body {
	height: 100%;
	/*padding-left: 25px;
	padding-right: 25px;
	background-color: #FCFBF9;*/
	background-color: #f6f4f1

}

div, p, td, a, span, li {
	font: normal 16px/28px 'Arimo', sans-serif;
	
	color: #626262;
	
}

#cookiesdirective div {
	color:#ffffff!important;
}


a {
	color: #666666;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color: #666666;
	}


.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}
	

.owl-nav {
	display: flex;
    justify-content: center;
    margin-top: 20px;
}

.owl-nav div{
	margin: 0 10px
}

h1, h2, h3, h4, h5 {
	
letter-spacing: 0;
color: #525252;

	
	
}


h1 {
	font: normal 40px/42px 'Arimo';
	letter-spacing: -0.32px;
	margin-top: 30px;
	text-align: center;
	margin-bottom: 30px;
}

h1::first-letter {
	font-family:'Rochester';
	font-size:46px;
}
h2::first-letter {
	font-family:'Rochester';
	font-size:46px;
}
h3::first-letter {
	font-family:'Rochester';
	font-size:28px;
}

h1 span{
	font: normal 40px/42px 'Arimo';
	display: inline-block;
}

h1 span::first-letter{
	font-family: 'Rochester';
	font-size:46px;
}


h2 {
	font: normal 30px/32px 'Arimo';
	letter-spacing: 0.32px;
	margin-top: 36px;
	margin-bottom: 36px;
}

h2 span{
	font: normal 30px/32px 'Arimo';
	display: inline-block;
}

h2 span::first-letter{
	font-family: 'Rochester';
	font-size:46px;
}


h3 {
	font: normal 22px/22px 'Arimo';
	letter-spacing: -0.32px;
	margin-top: 25px;
	margin-bottom: 25px;
	
}

h3 span{
	font: normal 22px/22px 'Arimo';
	display: inline-block;
}
h3 span::first-letter{
	font-family: 'Rochester';
	font-size:28px;
}

h4 {
	font: normal 22px/22px 'Arimo';
	letter-spacing: -0.32px;
	
	
}

h1::after {
	display: block;
    content: "";
    width: 225px;
    border-top: 1px solid #707070;
    margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

 h2::after {
	display: block;
    content: "";
    width: 225px;
    border-top: 1px solid #707070;
    margin-top: 20px;
	 

} 

.line::after {
	display: block;
    content: "";
    width: 225px;
    border-top: 1px solid #707070;
    margin-top: 20px;
	 

}

h1.noline::after {
	display: none!important;
}

h2.noline::after {
	display: none!important;
}
h3.noline::after {
	display: none!important;
}


h2.mycenter {
	text-align: center;
	margin-left: 0!important;
}
h2.mycenter::after {
	margin-left: auto;
	margin-right: auto;
}

h3.mycenter {
	text-align: center;
	margin-left: 0!important;
}
h3.mycenter::after {
	margin-left: auto;
	margin-right: auto;
}

h2.myleft {
	text-align: left;
	margin-left: 0!important;
}
h2.myleft::after {
	
	margin-right: auto;
}

h2.myright {
	text-align: right;
	margin-left: 0!important;
}
h2.myright::after {
	margin-left: auto;
	
}

.cecece::after {
	border-top: 1px solid #CECECE;
}

.ffffff::after {
	border-top: 1px solid #ffffff;
}


.large::after {
	width:644px;
}



.hideme
{
    opacity:0;
}

.largedashafter::after {
	width: 234px;
    height: 0px;
    border-top: 1px solid #E4A14B;
    content: "";
    display: block;
	  margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
   
}

.smalldashafter::after {
	width: 160px;
      height: 0px;
    border-top: 1px solid #E4A14C;
    content: "";
    display: block;
	    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}


ul {
	margin: 0;
    padding: 0;
    list-style-position: inside;
}


.noslider header {
	background-color: #658db1;
}


.noslider #mainnavbar-container {
	background-color: #658db1;
}

.noslider #maintext-container {
    padding-top: 200px!important;
}

.divider-grey {
	width: 113px;
height: 0px;
border-top: 1px solid #CC5200;
}

.divider-grey-small {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
}

#ledger-distances-inner  .divider-grey-small {
	
	margin-top: 18px;
	
}

.separator30 {
	margin-top:30px;
	margin-bottom:15px;
}
	
.separator60 {
	margin-top:60px;
	margin-bottom:30px;
}

.separator80 {
	margin-top:80px;
	margin-bottom:40px;
}



button:focus {
   
    outline: none;
}






#modalOffer .modal-header {
	background-color: #3ca3dc;
	border:none;
	
}

#modalOffer .modal-title {
    margin-bottom: 0;
   
    color: #fff;
       font-weight: bolder;
    font-size: 20px;
    LINE-HEIGHT: 20px;
}
#modalOffer .modal-header .close {
      opacity: .7;
    padding: 15px;
}

#modalOffer .modal-header .close span{
      font: 400 28px/30px 'Fira Sans Condensed';
    color: #FFFFFF
}

#modalOffer .modal-footer {
  
    border-top: none;
}


/*#modalOffer {
	z-index: 2000;
	top:50%;
	
	-ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}


#modalOffer .modal-header {
  
    border-bottom: none;
}

#modalOffer .modal-header .close span{
    font: 400 28px/30px 'Fira Sans Condensed';
    color: #FFFFFF
}

*/



#bookModal .modal-header {
	background-color: #d2ac67;
	border:none;
	
}

#bookModal .modal-title {
    margin-bottom: 0;
   
    color: #fff;
       font-weight: bolder;
    font-size: 20px;
    LINE-HEIGHT: 20px;
}
#bookModal .modal-header .close {
      opacity: .7;
    padding: 15px;
}

#bookModal .modal-header .close span{
      font: 400 22px/30px 'Arimo';
    color: #FFFFFF
}

#bookModal label {
      font: 400 15px/30px 'Arimo';
      color: #666666;
    
}

#bookModal #book-form #btn_submit {
    background-color: #d2ac67f2;
    border: none;
    border-radius: 0;
    color: #ffffff;
    font-size: 19px;
    height: 50px;
    width: 100%;
    /* -webkit-box-shadow: 0px 3px 6px #00000029; */
    /* box-shadow: 0px 3px 6px #00000029; */
    line-height: 22px;
}


#bookModal .input-group-text {
    
    background-color: transparent;
    border:none;
height: 38px;
	padding-left: 0;
	padding-right: 0;
}



#bookModal .form-control {
    border: none;
    border-radius: 0;
    background-color: #f3f3f3;
    /* font-size: 17px; */
   
    /* color: #5f6264; */
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    
    margin-bottom: 15px;
    color: #666666;
	  
}

#bookModal .number {
    max-width: 20px;
    text-align: center;
    padding-right: 0px;
    margin-right: 2px;
    padding-left: 0;
	background-color: transparent!important;
}

#bookModal input[type=number]::-webkit-inner-spin-button, 
#bookModal input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


#bookModal input[type=number] {-moz-appearance: textfield;}


.btn-close {
   
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat!important;

}

.offcanvas-header .btn-close {
   
    color: #000000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat!important;

}

.ui-datepicker .ui-datepicker-title span{
   color: #ffffff;
}

.toast {
	position: fixed; 
	bottom: 80px; 
	right: 20px;
	width: 193px;
	background-color: #d2ac6899;
	z-index: 1000;
}

.toast-header {
    
    display: block;
  
    align-items: flex-end;
    padding: 0 10px 0 0;
    color: #6c757d;
    background-color: #fff1d7;
    background-clip: padding-box;
    border-bottom: none;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}
.toast p {
	margin-bottom: 0;
	color:#ffffff;
}

.toast p a {
	margin-bottom: 0;
	color:#2c2c2c;
}




/*#covid {
			  position: absolute;
			  top:120px;
			  right:65px;
			  z-index: 9999;
			  
			  width: 202px;

			  overflow: hidden;
			  height: 80px
			
		  }
		  
		   #covid-ins {
			  background-color: rgba(255,255,255,0.72);
			      box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
			  padding:20px;
			   padding-top: 0;
			  margin-left:100%;
			   width: 100%;
			  
		  }
		  

	  
	#covid-title {
			      font-weight: bold!important;
    letter-spacing: 0;
    font-size: 18px;
		  }
		  
		  #covid-text {
			  font: normal 12px/20px 'Comfortaa';
     letter-spacing: 0px;
			   margin-top: 8px;
		  }
		  
		   #covid-link {
			  font: normal 14px/24px 'Comfortaa';
     letter-spacing: 0px;
			   margin-top: 12px;
		  }
		  
		   #covid-close {
			  width:10px;
			   height:10px;
			   position: relative;
			   top:10px;
			   left:160px;
			   z-index: 999999;
		  }
		  
		  #covid-close svg {
			 
			   position: absolute;
			   top:0px;

		  }*/





/*----- effects ------*/

/*--- pulse effect ---*/
.pulse{box-shadow:0 0 0 rgba(252, 251, 249,.9);animation:pulse 1.5s infinite}.pulse:hover{}@-webkit-keyframes pulse {
                0% {
                    -webkit-box-shadow: 0 0 0 0 rgba(252, 251, 249, 0.9);
                }
                80% {
                    -webkit-box-shadow: 0 0 0 25px rgba(60, 163, 220, 0);
                }
                100% {
                    -webkit-box-shadow: 0 0 0 0 rgba(60, 163, 220, 0);
               }
            }@keyframes pulse {
                0% {
                    -moz-box-shadow: 0 0 0 0 rgba(252, 251, 249, 0.9);
                    box-shadow: 0 0 0 0 rgba(252, 251, 249, 0.9);
                }
                80% {
                    -moz-box-shadow: 0 0 0 25px rgba(60, 163, 220, 0);
                    box-shadow: 0 0 0 25px rgba(60, 163, 220, 0);
                }
                100% {
                    -moz-box-shadow: 0 0 0 0 rgba(252, 251, 249, 0);
                    box-shadow: 0 0 0 0 rgba(252, 251, 249, 0);
                }
            }


@-webkit-keyframes pulse2 {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse2 {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse2 {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}


.pulse2 .circle{
     text-decoration: none; 
     width: 58px; 
     height: 58px; 
     line-height: 55px; 
     border:solid 1px rgba(255, 255, 255, .5); 
     border-radius: 50%; 
     white-space: nowrap; 
     text-align: center; 
     position: relative; 
}
.pulse2 .circle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border:solid 1px rgba(255, 255, 255, 1);
    border-radius: 50%;
    animation-name: pulseCircle;
    /* animation-duration: 1.2s; */
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
}
.pulse2 .circle::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: solid 1px rgba(255, 255, 255, 1);
    border-radius: 50%;
    animation-name: pulseCircle;
    /* animation-duration: 1.2s; */
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    animation-delay: 600ms;
}
@keyframes pulseCircle {
    0%   {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    100% {
        top: -50px;
        left: -50px;
        right: -50px;
        bottom: -50px;
        opacity: 0.01;
    }
}



/*----- image1 effects start------*/

	  /* Shine */
.hover14 div {
	position: relative;
	overflow: hidden;
}
.hover14 div::before {
	position: absolute;
	top: 0;
	left: -98%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 div:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


/* Common style */
.grid figure {
	position: relative;
    /* float: left; */
    overflow: hidden;
    margin: 10px 1%;
    /* min-width: 320px; */
    /* max-width: 480px; */
    max-height: 360px;
    width: 100%;
    /* background: #3085a3; */
    text-align: center;
    cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
	width:100%;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
			 
			 /*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
	/*background: #18a367;*/
}

figure.effect-layla img {
	height: 390px;
}



figure.effect-layla figcaption {
	padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
/*----- image1 effects end------*/

/*----- book now effects start------*/

.btnfos-5 {
  border: 0 solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  outline: 1px solid;
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 0px;
  text-shadow: none;
  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  outline-color: rgba(255, 255, 255, 1);
  outline-offset: 0px;
}

.btnfos-5:hover {
  border: 1px solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  outline-offset: 15px;
  outline-color: rgba(255, 255, 255, 0);
  /*text-shadow: 1px 1px 2px #427388;*/
}

/*----- book now  effects start------*/


/*----- read more  effects start------*/

.btn-0:before {
  box-sizing: border-box;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.btn-0:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #85988D;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
z-index: -1;
	
}

.btn-0:hover {
  color:#ffffff;
}

.btn-0:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.the-arrow1 {
				  width: 56px;
				  -webkit-transition: all 0.2s;
				  transition: all 0.2s;
				display:inline-block;
				}
				
				.the-arrow1.-right1 {
				  top: -4px;
					position: relative;
					left: 5px;
				}
				
				.the-arrow1.-right1 > .shaft1 {
				  width: 56px;
				  -webkit-transition-delay: 0.2s;
						  transition-delay: 0.2s;
				}
				.the-arrow1.-right1 > .shaft1:before, .the-arrow1.-right1 > .shaft1:after {
				  width: 8px;
				  -webkit-transition-delay: 0.3s;
				  transition-delay: 0.3s;
				  -webkit-transition: all 0.5s;
				  transition: all 0.5s;
				}
				.the-arrow1.-right1 > .shaft1:before {
				  -webkit-transform: rotate(40deg);
				  transform: rotate(40deg);
				}
				.the-arrow1.-right1 > .shaft1:after {
				  -webkit-transform: rotate(-40deg);
						  transform: rotate(-40deg);
				}
				.the-arrow1 > .shaft1 {
				  background-color: #394B2F;
				  display: block;
				  height: 1px;
				  position: relative;
				  -webkit-transition: all 0.2s;
				  transition: all 0.2s;
				  -webkit-transition-delay: 0;
						  transition-delay: 0;
				  will-change: transform;
				}
				.the-arrow1 > .shaft1:before, .the-arrow1 > .shaft1:after {
				  background-color: #394B2F;
				  content: '';
				  display: block;
				  height: 1px;
				  position: absolute;
				  top: 0;
				  right: 0;
				  -webkit-transition: all 0.2s;
				  transition: all 0.2s;
				  -webkit-transition-delay: 0;
				  transition-delay: 0;
				}
				.button-readmore:hover .the-arrow1 > .shaft1, .button-readmore:hover .the-arrow1 > .shaft1:before, .button-readmore:hover .the-arrow1 > .shaft1:after  {
					
					 background-color: #ffffff;
				}
				
				.the-arrow1 > .shaft1:before {
				  -webkit-transform-origin: top right;
				  transform-origin: top right;
				}
				.the-arrow1 > .shaft1:after {
				 /* -webkit-transform-origin: bottom right;*/
				  /* transform-origin: bottom right; */
				}



/*----- read more  effects end------*/



/*----- see more  effects stard------*/

 .the-arrow {
  width: 56px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.the-arrow.-left {
  position: absolute;
  top: 40%;
  left: 0;
}
.the-arrow.-left > .shaft {
  width: 0;
  background-color: #394B2F;
}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
  width: 0;
  background-color: #394B2F;
}
.the-arrow.-left > .shaft:before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.the-arrow.-left > .shaft:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.the-arrow.-right {
  top: 0px;
}
.the-arrow.-right > .shaft {
  width: 56px;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
  width: 8px;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.the-arrow.-right > .shaft:before {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}
.the-arrow.-right > .shaft:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.the-arrow > .shaft {
  background-color: #394B2F;
  display: block;
  height: 1px;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  will-change: transform;
}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {
  background-color: #394B2F;
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.the-arrow > .shaft:before {
  -webkit-transform-origin: top right;
  transform-origin: top right;
}
.the-arrow > .shaft:after {
  /*-webkit-transform-origin: bottom right;*/
  /* transform-origin: bottom right; */
}

.animated-arrow {
  display: inline-block;
  color: #394B2F;
  font-size: 1.25em;
  font-style: italic;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
	margin-top: 25px;
}
.animated-arrow:hover {
  color: #394B2F;
}
.animated-arrow:hover > .the-arrow.-left > .shaft {
  width: 64px;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  background-color: #394B2F;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
  width: 8px;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  background-color: #394B2F;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.animated-arrow:hover > .main {
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft {
  width: 0;
  -webkit-transform: translateX(200%);
          transform: translateX(200%);
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  width: 0;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.animated-arrow > .main {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.animated-arrow > .main > .text {
  margin: 0 16px 0 0;
  line-height: 1;
}
.animated-arrow > .main > .the-arrow {
  position: relative;
}

/*----- see more  effects end------*/


.sightseemore {
	border: 0px solid!important;
	border-radius: 0;
	width: 141px;
	
	background: #85988d;
	font: normal 14px/20px Roboto;
	letter-spacing: 1.4px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	z-index: 15;
	outline-color: #85988d!important;
}

.sightseemore:hover {
	
	color: #FFFFFF;

}


/*----- see more sighseeings effects stard------*/

 .the-arrow2 {
  width: 56px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.the-arrow2.-left {
  position: absolute;
  top: 47%;
  left: 0;
}
.the-arrow2.-left > .shaft {
  width: 0;
  background-color: #ffffff;
}
.the-arrow2.-left > .shaft:before, .the-arrow2.-left > .shaft:after {
  width: 0;
  background-color: #ffffff;
}
.the-arrow2.-left > .shaft:before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.the-arrow2.-left > .shaft:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.the-arrow2.-right {
  top: 0px;
}
.the-arrow2.-right > .shaft {
  width: 56px;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.the-arrow2.-right > .shaft:before, .the-arrow2.-right > .shaft:after {
  width: 8px;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.the-arrow2.-right > .shaft:before {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}
.the-arrow2.-right > .shaft:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.the-arrow2 > .shaft {
  background-color: #ffffff;
  display: block;
  height: 1px;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  will-change: transform;
}
.the-arrow2 > .shaft:before, .the-arrow2 > .shaft:after {
  background-color: #ffffff;
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.the-arrow2 > .shaft:before {
  -webkit-transform-origin: top right;
  transform-origin: top right;
}
.the-arrow2 > .shaft:after {
  /*-webkit-transform-origin: bottom right;*/
  /* transform-origin: bottom right; */
}

.animated-arrow2 {
  display: inline-block;
  /*color: #394B2F;*/
  font-size: 1.25em;
  font-style: italic;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
	background-color: #85988d ;
	padding:15px;
	font: bold 12px/12px 'Roboto';
	letter-spacing: 1.8px;
	color: #FFFFFF;
}
.animated-arrow2:hover {
  color: #394B2F;
}
.animated-arrow2:hover > .the-arrow2.-left > .shaft {
  width: 64px;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  background-color: #ffffff;
}
.animated-arrow2:hover > .the-arrow2.-left > .shaft:before, .animated-arrow2:hover > .the-arrow2.-left > .shaft:after {
  width: 8px;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  background-color: #ffffff;
}
.animated-arrow2:hover > .the-arrow2.-left > .shaft:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}
.animated-arrow2:hover > .the-arrow2.-left > .shaft:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.animated-arrow2:hover > .main {
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.animated-arrow2:hover > .main > .the-arrow2.-right > .shaft {
  width: 0;
  -webkit-transform: translateX(200%);
          transform: translateX(200%);
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
.animated-arrow2:hover > .main > .the-arrow2.-right > .shaft:before, .animated-arrow2:hover > .main > .the-arrow2.-right > .shaft:after {
  width: 0;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.animated-arrow2:hover > .main > .the-arrow2.-right > .shaft:before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.animated-arrow2:hover > .main > .the-arrow2.-right > .shaft:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.animated-arrow2 > .main {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
	
}
.animated-arrow2 > .main > .text {
  margin: 0 16px 0 0;
 
	font: bold 12px/12px 'Roboto';
	letter-spacing: 1.8px;
	color: #FFFFFF;
}
.animated-arrow2 > .main > .the-arrow {
  position: relative;
}

/*----- see more sighseeings effects end------*/


/*----- fp photos zoom out  effect stard------*/




.zoomout{
    overflow: hidden;
    padding: 0;
    width: 100%;
 
}

.zoomout img{
  transition-duration: 4s;
    margin: 0 auto;
    display: block;
 
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
	 transform: scale(1.2);
}
.zoomout img:hover {
    
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
	transform: scale(1);
    z-index: 0;
}

/*----- fp photos zoom out  effect end------*/


/*----- room book now  effect start------*/

a.booknow  {
 position: relative;
  color: #85988d;
  text-decoration: none;
  font-size: 2em;
  /* display: inline-block; */
  font-family: Roboto;
  text-transform: uppercase;
  padding: 0.5em 2em;
  border: 2px solid #85988d;
  -webkit-transition: 0.02s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
  transition: 0.02s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
}
a.booknow::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #85988d;
  /* -webkit-transition: 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s cubic-bezier(0.1, 0, 0.1, 1); */
  /* transition: 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s cubic-bezier(0.1, 0, 0.1, 1); */
  /*z-index: -1*/;
}
a.booknow::after {
  content: "";
  display: inline-block;
  background-image: url("images/109617.png");
  position: absolute;
  top: 0;
  left: calc(100% - 3em);
  right: 3em;
  bottom: 0;
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: right 0.3s cubic-bezier(0.1, 0, 0.1, 1);
  transition: right 0.3s cubic-bezier(0.1, 0, 0.1, 1);
}
a.booknow:hover {
  padding: 0.5em 3.5em 0.5em 0.5em;
}
a.booknow:hover::before {
  left: calc(100% - 3em);
  right: 0;
  -webkit-transition: 0.3s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
}
a.booknow:hover::after {
  right: 0;
  -webkit-transition: right 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
  transition: right 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
}

/*----- room book now  effect end------*/



/*----- effects end ------*/


/*---menu start----*/




/*----- animated menu button  start------*/
	.hamburger {
  -webkit-transform: scale(1);
  transform: scale(1);

  position: relative;
  display: block;
  width: 68px;
  height: 68px;
 
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.burger-main {
  position: absolute;
  padding: 20px 16px;
  height: 68px;
  width: 68px;
	top: 0;
    left: 0;
	background-color: #fcfbf9;
    border-radius: 34px;
}

.burger-inner {
  position: relative;
  height: 28px;
  width: 36px;
	
}

.burger-main span {
  position: absolute;
  display: block;
  height: 2px;
  width: 36px;
  border-radius: 2px;
  background: #535353;
	
}

.top {
  top: 0;
  transform-origin: 37px 2px;
}

.bot {
  bottom: 0;
  transform-origin: 34px 2px;
}

.mid {
  top: 12px;
}

.svg-main {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.svg-circle {
  width: 68px;
  height: 68px;
}

.path {
  stroke-dasharray: 240;
  stroke-dashoffset: 240;
  stroke-linejoin: round;
}

.hamburger.open .path {
  animation: dash-in 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.closed .path {
  animation: dash-out 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.open .top {
  animation: close-top-out 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.open .bot {
  animation: close-bot-out 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.closed .top {
  animation: close-top-in 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.closed .bot {
  animation: close-bot-in 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.open .mid {
  animation: burger-fill-out 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.closed .mid {
  animation: burger-fill-in 0.6s linear normal;
}

.path-burger {
  position: absolute;
  top: 0;
  left: 0;
  height: 68px;
  width: 68px;
  -webkit-mask: url(#mask);
  mask: url(#mask);
  -webkit-mask-box-image: url(https://dev.awsm.in/codepen/mask.svg);
}

.animate-path {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.path-rotation {
  height: 34px;
  width: 34px;
  margin: 34px 34px 0 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.path-rotation:before {
  content: '';
  display: block;
  width: 30px;
  height: 34px;
  margin: 0 4px 0 0;
  background: #fff;
}

.hamburger.open .animate-path {
  animation: circle-in 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.closed .animate-path {
  animation: circle-out 0.6s linear normal;
  animation-fill-mode: forwards;
}

@-webkit-keyframes dash-in {
  0% {
    stroke-dashoffset: 240;
  }

  40% {
    stroke-dashoffset: 240;
  }

  100% {
    stroke-dashoffset: 0;
  }

}

@keyframes dash-in {
  0% {
    stroke-dashoffset: 240;
  }

  40% {
    stroke-dashoffset: 240;
  }

  100% {
    stroke-dashoffset: 0;
  }

}

@-webkit-keyframes dash-out {
  0% {
    stroke-dashoffset: 0;
  }

  40% {
    stroke-dashoffset: 240;
  }

  100% {
    stroke-dashoffset: 240;
  }

}

@keyframes dash-out {
  0% {
    stroke-dashoffset: 0;
  }

  40% {
    stroke-dashoffset: 240;
  }

  100% {
    stroke-dashoffset: 240;
  }

}

@keyframes close-top-out {
  0% {
    left: 0;
    top: 0;
    transform: rotate(0deg);
  }

  20% {
    left: 0;
    top: 0;
    transform: rotate(15deg);
  }

  80% {
    left: -5px;
    top: 0;
    transform: rotate(-60deg);
  }

  100% {
    left: -5px;
    top: 1px;
    transform: rotate(-45deg);
  }

}

@keyframes close-bot-out {
  0% {
    left: 0;
    transform: rotate(0deg);
  }

  20% {
    left: 0;
    transform: rotate(-15deg);
  }

  80% {
    left: -5px;
    transform: rotate(60deg);
  }

  100% {
    left: -5px;
    transform: rotate(45deg);
  }

}

@keyframes close-top-in {
  0% {
    left: -5px;
    bot: 0;
    transform: rotate(-45deg);
  }

  20% {
    left: -5px;
    bot: 0;
    transform: rotate(-60deg);
  }

  80% {
    left: 0;
    bot: 0;
    transform: rotate(15deg);
  }

  100% {
    left: 0;
    bot: 1px;
    transform: rotate(0deg);
  }

}

@keyframes close-bot-in {
  0% {
    left: -5px;
    transform: rotate(45deg);
  }

  20% {
    left: -5px;
    transform: rotate(60deg);
  }

  80% {
    left: 0;
    transform: rotate(-15deg);
  }

  100% {
    left: 0;
    transform: rotate(0deg);
  }

}

@keyframes burger-fill-in {
  0% {
    width: 0;
    left: 36px;
  }

  40% {
    width: 0;
    left: 40px;
  }

  80% {
    width: 36px;
    left: -6px;
  }

  100% {
    width: 36px;
    left: 0px;
  }

}

@keyframes burger-fill-out {
  0% {
    width: 36px;
    left: 0px;
  }

  20% {
    width: 42px;
    left: -6px;
  }

  40% {
    width: 0;
    left: 40px;
  }

  100% {
    width: 0;
    left: 36px;
  }

}
@keyframes circle-out {
  0% {
    transform: rotate(0deg);
  }

  40% {
    transform: rotate(180deg);
  }

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

}


@keyframes circle-in {
  0% {
    transform: rotate(360deg);
  }

  40% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(0deg);
  }

}	

/*----- animated menu button  end------*/




#mainnavbar {
	background-color: transparent;
	
	padding-top: 0;
    padding-bottom: 0;
}

#header-left {
	    width: 280px;
}
#header-left a {
	/*color:#ffffff;
	line-height: 16px;*/
	font-weight: bold;
}

#lang span {
	color:#ffffff;
	line-height: 16px;
	font-weight: bold;
}
#lang .langdrop {
	color:#343434;
	line-height: 16px;
	border-radius: 0;
	max-width:50px;
	min-width:0;
	padding:0;
	border:none;
		
}

#lang .langdrop  .dropdown-item {
   
    padding: .55rem;
   line-height: 16px;
    font-weight: bold;
    color: #343434;

}

#lang .langdrop .dropdown-item.active, #lang .langdrop .dropdown-item:active {
   
    text-decoration: none;
    background-color: #ffffff;
}

.btnlang {
	width: 42px;
    height: 42px;
    border: none;
    font: bold  14px/42px 'Arimo';
   
    color: #ffffff;
    background-color: #f7f4ed63;

	position: relative;
	
  border-radius: 0;
    margin: 0;
    text-align: center;
    padding: 0;
   
}

.btnlang:hover {
    color: #ffffff;
    background-color: #d2ac67cc;
}
.btnlang.active {
	
   
    color: #ffffff;
    background-color: #d2ac67cc;

	
   
}

.bookmenu {
	width: 135px;
    height: 42px;
    border: none;
    font: bold  14px/42px 'Arimo';
   
    color: #ffffff;
    background-color: #f7f4ed63;

	position: relative;
	
  border-radius: 0;
    margin: 0;
    text-align: center;
    padding: 0;
   
}

.bookmenu:hover {
     background-color: #d2ac67cc;
	color:#ffffff;
}



.navbar-toggler:focus {

    box-shadow: none;
}

 
 .navbar-toggler {
   
  
	 border: none;
	
	 z-index: 10050;
	
    border-radius: 0;
	    /* -webkit-box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.4);*/
	 
	
}

 .toggler-text {
	 font: normal  17px/21px 'Fira Sans Condensed';
    letter-spacing: 0.42px;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: 0;
    padding: 0;
    margin: 0;
    margin-left: 12px;
    position: absolute;
    top: 23px;
    right: -57px;
}



  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 27 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='1.4' stroke-linecap='corner' stroke-miterlimit='25' d='M0 1 h17 M0 9 h27'/%3E%3C/svg%3E")!important;
	      vertical-align: middle;
}

.navbar-toggler-icon {
   
    width: 37px;
    
	
}

.menursp {
	position: fixed;
	top:177px;
	left:0px;
	z-index: 99999;
	
	/* width: 75px;*/
	overflow: hidden;
	/*height: 75px*/
}

.menursp img {
	/*width:100px;
	height:100px;*/
}


		  
.menursp button {
		
			  margin-left:-100%;
			   width: 100%;
			  padding: 0;
		transition: margin-left 1s ease-in-out;
		  }
		  

.menushow {
	margin-left:0%!important;
}

.menuhide {
	margin-left:-100%;
}



.bookrsp {
	position: fixed;
	top:265px;
	left:0px;
	z-index: 99999;
	
	/* width: 75px;*/
	overflow: hidden;
	/*height: 75px*/
}

.bookrsp img {
	/*width:100px;
	height:100px;*/
}


		  
.bookrsp a {
		display: block;
			  margin-left:-100%;
			   width: 100%;
			  padding: 0;
		transition: margin-left 1s ease-in-out;
		  }
		  

.bookshow {
	margin-left:0%!important;
}

.bookhide {
	margin-left:-100%;
}






.menursp2 {
	position: fixed;
	top:120px;
	left:0px;
	z-index: 99999;
	
	/* width: 75px;*/
	overflow: hidden;
	/*height: 75px*/
}

.menursp2 img {
	/*width:100px;
	height:100px;*/
	width:70px;
}


		  
.menursp2 button {
		
			  margin-left:0%;
			   width: 100%;
			  padding: 0;
		transition: margin-left 1s ease-in-out;
		  }
		  




#mynavbar-book-rsp {
    width: 100%;
    height: 52px;
    background-color: #d2ac68cc;
    border-radius: 0;
    font-family: 'Arimo', sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    display: block;
    line-height: 1.4;
}
		





.navbar-collapse .nav-link {
	
	
	font-size: 16px;
	text-align: center;
	/*color: #2c2c2c;*/
	color: #ffffff;
	line-height: 40px;
  
	position: relative;
	    padding-right: 2rem!important;
    padding-left: 2rem!important;
    text-shadow: 3px 3px 1px #00000059;
	
}

.navbar-collapse .nav-link:hover {
	/* color: #d2ac67; */
	color: #ffc151;
	background-color:inherit;
	
	
}

.navbar-collapse  .nav-link.active::before {
	
	content: "";
	position: absolute;
	top:0;
	left:50%;
	width:50px;
	border-top:4px solid #ffffff;
	-ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	
	
}

.navbar-collapse  .nav-link::after {
	
	/*display: block;
	content: '';
	border-top: 2px solid #d9eae4;
	max-width:200px;
	margin-left: auto;
	margin-right: auto;*/
	
	
}








.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: rgba(255,255,255,0.9);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out;
}

.offcanvas .nav-link {
   text-align: center;
	color:#666666;
}

/*---menu ends----*/
















/*---main slider start----*/


#main-slider {
      width: 100%;
	
      height: 100%;
	/*position: relative;
		margin-top: 116px;*/
	/*margin-bottom: 45px;*/
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
    }

.swiper1 {
      width: 100%;
      height: 100%;
	
	
    }

.swiper1 .swiper-slide {
	 width: 100%;
      height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity: 0.95;
}


.swiper-pagination {
	z-index: 100000;
    position: absolute!important;
    bottom: 50px!important;
    left: 50px!important;
    text-align: center!important;
	width: 56px!important;
	color:#ffffff;
	
}
.swiper-pagination span {
	display: block;
	color:#ffffff;
	font-size: 32px;
	line-height: 40px;
	font-family: "Rochester";
}

.swiper-pagination span:first-child {
	
	font-size: 50px;
	line-height: 50px;

}

.swiper-pagination span:first-child::after {
	display: block;
	content: "";
	border: 1px solid #ffffff;
	width:100%;
	margin-top: 10px;
	margin-bottom: 5px;
}

.snav {
	position: absolute;
	bottom:66px;
	left:125px;
	width:35px;
	height:50px
}

.snav .swiper-button-next {
    right:auto!important;
    left: 0!important;
    top: 0!important;
	bottom:auto!important;
}

.snav .swiper-button-prev {
    top:auto!important;
    right: 0!important;
    bottom: 0!important;
	left:auto!important;
}

.swiper-button-next::after {
	content: none!important;
}

.swiper-button-prev::after {
	content: none!important;
}



.swiper-container-horizontal > .swiper-pagination-bullets {
 left: auto!important;
    right: 60px!important;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
	width:auto!important;
	bottom: auto!important;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 6px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}













#slider-container {
	background-color: #f8f8f8;
	height: 623px;
}

 .swiper-button-prev,   .swiper-button-next {
	color: #e5a24d!important;
}

.swiper1 .swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  display: inline-block;
/*  border-radius: 100%;
  background: #FFFFFF 0% 0% no-repeat padding-box;*/
	/*opacity: 0.25;*/
	
	margin:0px auto!important;
	/* transform: rotate(-90deg);*/
	background-color:transparent;
	color: #ffffff;
	font: normal  17px/24px 'Fira Sans Condensed';
	opacity: 1;
	border-right:solid 1px #ffffff;
	border-radius: 0;
}

.swiper1 .swiper-pagination-bullet-active {
      width: 24px;
    height: 24px;
   /* background: #FFFFFF 0% 0% no-repeat;*/
   /* opacity: 1;*/
    /*border: 2px #394B2F solid;*/
	/* border: 2px #CC5200 solid;
    padding: 2px;*/
    /* box-sizing: border-box; */
   /* background-clip: content-box;*/
	/* transform: rotate(-90deg);*/
	background-color:transparent;
	color: #535353;
	font: normal  17px/24px 'Fira Sans Condensed';
	border-right:solid 1px #535353;
}

 .swiper-container-vertical > .swiper-pagination-bullets {
  left: 80px;
	right:auto!important;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
	 
}


#moto-slider {
	position: absolute;
	bottom: 0px;
	left:50%;
	-ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
overflow: hidden;
	
padding: 20px 20px 80px 20px;
box-shadow: 0px 3px 6px #00000029;
opacity: 1;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
	z-index: 100;
}


#moto-slider .btn-discover {
	border-radius: 50%;
	width:15px;
	height:15px;
	background-color: #ffffff;
	padding: 0;
	margin-left: auto;
	margin-right:auto;
	margin-top: 10px;
}

#scroll-down {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin: 0 auto;
	
	font: 400 12px/13px 'Arimo';
text-align: center;
	color: #FFFFFF;
   
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	z-index: 9;
}

#scroll-down:hover {
    cursor: pointer;
}


#lcontainer {
	position: absolute;
	right: 48px;
	top:50%;
	-ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	 z-index: 1000;
	
}

#vmenu {
	position: relative;
}

#vmenu a {
	    
    display: block;
    
    margin-bottom: 15px;
    position: relative;
    
}

#vmenu a:hover, #vmenu a.active {
	
}

#vmenu a div {
    opacity: 0;
    content: attr(data-hover);
    position: absolute;
    color: #626262;
    background: rgba(255,255,255, .7);
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 80px;
    padding-left: 10px;
    line-height: 35px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -ms-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
    white-space: nowrap;
}

#vmenu a div::after {
    content: '';
    position: absolute;
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    width: 30px;
    height: 100%;
    background: rgba(255,255,255, .7);
    top: 0;
    left: 100%;
    z-index: 1;
}

#vmenu a.sicon:hover > div {    right: 97px;    opacity: 1;}



#slider-rcorner {
	position: absolute;
    bottom: 47px;
	right: 65px;
	text-align: right;
	font: normal 14px/14px 'Arimo';;
	letter-spacing: 0;
	color: #FFFFFF;
	z-index: 9
}






/*#rcontainer {
	position: absolute;
	right: 65px;
	top:50%;
	-ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	 z-index: 1000;
	
}
#language-container {
	
	
     z-index: 1050;
   
	padding: 0;
	font: normal 12px/12px Arimo;
	letter-spacing: 0;
	color: #FFFFFF;
	margin-bottom: 35px;
	
}
#language-container a {
	
	font: normal 12px/12px Arimo;
	letter-spacing: 0;
	color: #FFFFFF;
}

#language-container a:hover, #language-container a.active {
	font-weight: bold;
	color: #cc5200;
	
}

#vmenu {
	position: relative;
}

#vmenu a {
	    writing-mode: vertical-rl;
    text-orientation: mixed;
    font: 12px/12px 'Arimo';
    letter-spacing: 0;
    color: #FFFFFF;
    display: block;
    
    margin-bottom: 15px;
    position: relative;
    right: -32px;
}

#vmenu a:hover, #vmenu a.active {
	font-weight: bold;
	color: #cc5200;
}*/

















#scroll-down-mouse {
	position: absolute;
    bottom: 26px;
	left: 50%;
	


	 -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	z-index: 9;
}

#scroll-down-mouse {
	font: 600 13px/13px 'Fira Sans Condensed';
	color:#ffffff;
}










	
	


#scroll-down-arrow {
	position: absolute;
    bottom: 45px;
	left: 50%;
	/* width: 2px; */
	/* height:70px; */
	/* background-color:#1393c9; */

	
	 -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	z-index: 9;
}



@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform:  translate(-50%, 0);
    -ms-transform:  translate(-50%, 0);
    transform:  translate(-50%, 0);
  }
  40% {
    -webkit-transform:  translate(-50%, -20px);
    -moz-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
  }
  60% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
     -webkit-transform: translate(-50%, 0);
    -moz-transform:  translate(-50%, 0);
    -ms-transform:  translate(-50%, 0);
    transform:  translate(-50%, 0);
  }
  40% {
    -webkit-transform:  translate(-50%, -20px);
    -moz-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
  }
  60% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
}
@-ms-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
     -webkit-transform: translate(-50%, 0);
    -moz-transform:  translate(-50%, 0);
    -ms-transform:  translate(-50%, 0);
    transform:  translate(-50%, 0);
  }
  40% {
    -webkit-transform:  translate(-50%, -20px);
    -moz-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
  }
  60% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
     -webkit-transform: translate(-50%, 0);
    -moz-transform:  translate(-50%, 0);
    -ms-transform:  translate(-50%, 0);
    transform:  translate(-50%, 0);
  }
  40% {
    -webkit-transform:  translate(-50%, -20px);
    -moz-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
  }
  60% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
}




#slider-lcorner {
	position: absolute;
    bottom: 45px;
	left: 50px;
	text-align: left;
	font: 500 normal  17px/21px 'Fira Sans Condensed';;
	letter-spacing: 0;
	color: #FFFFFF;
	z-index: 2;
}

/*.ui-widget.ui-widget-content {
   z-index:5!important;
}*/



#slider-lcorner span hr {
	
	    display: inline-block;
    width: 17px;
    border-top: solid 1px #ffffff;
    margin-left: 13px;
    margin-right: 13px;
    margin-top: 0px;
    margin-bottom: 3px;
opacity: 1;
	
}






@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform:  translate(-50%, 0);
    -ms-transform:  translate(-50%, 0);
    transform:  translate(-50%, 0);
  }
  40% {
    -webkit-transform:  translate(-50%, -20px);
    -moz-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
  }
  60% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
     -webkit-transform: translate(-50%, 0);
    -moz-transform:  translate(-50%, 0);
    -ms-transform:  translate(-50%, 0);
    transform:  translate(-50%, 0);
  }
  40% {
    -webkit-transform:  translate(-50%, -20px);
    -moz-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
  }
  60% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
}
@-ms-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
     -webkit-transform: translate(-50%, 0);
    -moz-transform:  translate(-50%, 0);
    -ms-transform:  translate(-50%, 0);
    transform:  translate(-50%, 0);
  }
  40% {
    -webkit-transform:  translate(-50%, -20px);
    -moz-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
  }
  60% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
     -webkit-transform: translate(-50%, 0);
    -moz-transform:  translate(-50%, 0);
    -ms-transform:  translate(-50%, 0);
    transform:  translate(-50%, 0);
  }
  40% {
    -webkit-transform:  translate(-50%, -20px);
    -moz-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
  }
  60% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
}

.encircle {
  width:60px;
  height:60px;
  border-radius:60px;
  border: solid 2px white;
  position: fixed;
  bottom: 0;
  left: 50%;
}
.bounce {
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -ms-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}


/* main slider ends */







/* --- front page start --- */


#maintext-container {
	padding-top:100px;
	padding-bottom: 150px;
	
	background-image: url('images/bg-welcome.svg');
	background-repeat: no-repeat;
	background-position: 80% 0;
}


#welcomeimg {
		background-image: url('images/photo-welcome.png');
	background-repeat: no-repeat;
	background-size: cover;
}


#welcome-text {
	padding-left: 50px;
}


#welcome-text h1 {
	font: normal 32px/32px 'Rochester';
	 /*    margin-left: -142px;
    mix-blend-mode: difference;*/
    color: #444444;
    text-align: left;
    font-size: 58px;
    line-height: 62px;
    letter-spacing: normal;
	
}

#welcome-text h1::after {
	
	display: block;
    content: "";
    width: 100%;
    border-top: 1px solid #bebc9d;
    margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
}



#fp-accommodation-container {
	padding-top:0px;
	margin-bottom: 0px;
/*	background-color: #E5E5E5; */
    background-color: #fcfbf9;
}

#fp-accommodation {

}

.acc-text {
	background-color: #7699ba;
	padding-top:50px;
	padding-bottom: 50px;
	padding-left:50px;
	padding-right:50px;
}


#fp-accommodation  .fp-room-info  {
	border-bottom: 1px solid #ededec;
	margin-bottom: 25px;
}

#fp-accommodation  .fp-room-info div {
	margin-bottom: 20px;
	font: 15px/16px 'Arimo';
	font-weight: 200;
    letter-spacing: 0.53px;
    color: #ffffff;
}

#fp-accommodation .fp-room-info div span {
	margin-right: 20px;
	display: inline-block;
    text-align: center;
	width: 30px;
	
}

#fp-accommodation  .fp-room-info  i {
	color:#ffffff;
	font-size: 4px;
	vertical-align: middle;
	margin-right: 6px;
}



.fpacc1 {
	position: relative;
	padding-left: 25px;
	padding-top: 33px;
}

#c1 {
	    position: absolute;
    top: 400px;
    right: -25px;
	max-width: 100%;
}

/*.fpacc1 img{
	position: absolute;
	top:400px;
	right: -25px;
}*/

.fpacc2 {
	position: relative;
	padding-top:36px;
}

/*.fpacc2 img.fpacc2-1{
	position: relative;
	
	left: -36px;
}*/

#c2 {
	   position: relative;
	max-width: 100%;
	left: -36px;
}
#c3 {
	   position: relative;
	max-width: 100%;
	left: -36px;
	margin-top: 36px;
    margin-bottom: 36px;
}
#c4 {
	   position: relative;
	max-width: 100%;
	left: -36px;
}

/*.fpacc2 img.fpacc2-2{
	position: relative;
   
    left: -36px;
    margin-top: 36px;
    margin-bottom: 36px;
}

.fpacc2 img.fpacc2-3{
	position: relative;
	
	left: -36px;
}*/

.cycle-slideshow img {
	display: none;
}

.cycle-slideshow  img.first { 
	display: block 
}

#accommodationaccordion .accordion-flush h2::after {
	   
}


.accordion-item {
    background-color: transparent;
    border: none;
	margin-bottom: 30px;
}

.accordion-item h2 {
   margin-top:0;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px;
    font-size: 24px;
	line-height: 24px;
    color: #ffffff;
    text-align: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
	justify-content: center;
	box-shadow: none!important;
	
}

.accordion-button span {
	font-family:'Arimo';
	font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1.1px;
   
}
.accordion-button span::first-letter {
	font-family:'Rochester';
    font-size: 24px;
   
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 15px;
    content: "";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
	display: none;
}

.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-body::before {
	 display: block;
    content: "";
    width: 200px;
    border-top: 1px solid #ededec;
    margin-left: auto;
    margin-right: auto;
	    margin-bottom: 20px;
    margin-top: -15px;
}

.accordion-body {
    padding: 1rem 1.25rem;
    text-align: center;
    color: #ffffff;
	padding: 1rem 70px;
}

.accordion-body p{
   
    text-align: justify;
    color: #ffffff;
}

.button-viewmore {
	    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    /* margin-left: auto; */
    margin-right: inherit;
    display: block;
    width: fit-content;
    margin-left: auto;
    padding-right: 0;
line-height: 12px;
}

.button-viewmore:hover {
	    color: #ffffff;
   
}

.button-viewmore img {
	   vertical-align: unset;
   
}



#fp-facilities-container {
	padding-top:50px;
	padding-bottom: 50px;
	background-color: #F6F4F1;
	background-image: url('images/bg-welcome.svg');
	background-repeat: no-repeat;
	background-position: 30% 9px;
}



#fp-facilities-container .ftext{
	padding: 30px 0px 30px 50px;
	background-color: #ffffff;
	box-shadow: 0px 16px 32px #00000012;
	z-index: 10;
}
#fp-facilities-container .ftext h3 span {
	font: normal 24px/24px 'Arimo';
	display: inline-block;

}
#fp-facilities-container .ftext h3 span::first-letter {
	font-family: 'Rochester';
	font-size:28px;
}

.bgfacilities2 {
	position: relative;
}
.bgfacilities2::after {
	content: "";
	display: block;
	width:588px;
	height:555px;
	position: absolute;
	bottom: -13px;
    left: 329px;
	z-index: 0;
	border:1px solid #CECECE;
}

.ftext-items {
	display: flex;
	flex-wrap: wrap;
	   
    flex-direction: column;

}


.ftext-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 26px;
	padding-right: 50px;
}


.ftext-item img{

}

.ftext-item p{
	margin-bottom: 10px;
	line-height: 16px;
	color: #A0A0A0;
	font-size: 14px;
}

.ftext-item p strong{
	font-size:16px;
	line-height: 18px;
	color:#535353;
}


.ftext-item div {
	
}

.button-readmore {
	    color: #D5CDC3;
    font-size: 12px;
    font-weight: normal;
    /* margin-left: auto; */
    margin-right: inherit;
    display: block;
    width: fit-content;
    margin-left: auto;
    padding-right: 30px;
	line-height: 12px;
}

.button-readmore:hover {
	    color: #D5CDC3;
   
}

.button-readmore img {
	   vertical-align: unset;
   
}



#fp-cafe-container {
	padding-top:50px;
	
	background-color: #7699ba;

}

#fp-cafe {
	padding-bottom: 43px;
	background-image: url('images/bg-cafe.svg');
	background-repeat: no-repeat;
	background-position: left 208px;
}


#fp-cafe h2 span, #fp-cafe p {
	color:#ffffff!important;
}


.cafe-text {
	    position: absolute;
    width: 500px;
    z-index: 0;
    background-color: #ffffff;
    top: 30px;
    right: -178px;
    height: 120%;
}


.button-explore {
	    color: #535353;
    font-size: 12px;
    font-weight: normal;
    /* margin-left: auto; */
    margin-right: inherit;
    display: block;
    width: fit-content;
    margin-left: auto;
    padding-right: 30px;position: absolute;
	bottom:19%;
	right:10px;
	line-height: 12px;
}

.button-explore:hover {
	    color: #535353;
   
}

.button-explore img {
	   vertical-align: unset;
   
}

#fp-cafe .explore-moto {
	    position: absolute;
    right: -155px;
    top: 50px;
    z-index: 10;
    /*mix-blend-mode: difference;*/
}


#fp-cafe .explore-moto p{
	    /* mix-blend-mode: difference; */
    color: #343434 !important;
    font: normal 42px/42px 'Rochester', sans-serif;
	letter-spacing: 3px;
}



	  /* Shine */
.hover14 div {
	position: relative;
	overflow: hidden;
}
.hover14 div::before {
	position: absolute;
	top: 0;
	left: -98%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 div:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
  /* Shine ends*/


#fp-gallery-container {
	padding-top:100px;
	padding-bottom: 100px;
	background-color: #E5E5E5;
/*	background-image: url('images/bg-gallery.png'); */
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}

#fp-gallery {
	
}





#fp-gallery img {
	width:100%;

}


#fp-gallery .p1 {
	margin-bottom: 8px;
}

#fp-gallery .p1n {
	margin-bottom: 8px;
}

#fp-gallery .p61 {
	margin-bottom: 8px;
}

#fp-gallery .p4n {
	margin-top: 8px;
	padding-right: 4px;
}
#fp-gallery .p5n {
	margin-top: 8px;
	padding-left: 4px;
}


#fp-gallery .p4 {
	margin-bottom: 8px;
	padding-right: 4px;
}
#fp-gallery .p5 {
	
	padding-left: 4px;
}



#fp-gallery .p7 {
	margin-bottom: 8px;
}
#fp-gallery .p8 {
	
	padding-right: 4px;
}
#fp-gallery .p9 {
	
	padding-left: 4px;
}

.button-viewall {
	    color: #535353;
    font-size: 12px;
    font-weight: normal;
    /* margin-left: auto; */
    margin-right: inherit;
    display: block;
    width: fit-content;
    margin-left: auto;
    padding-right: 0px;
	/*position: absolute;
	bottom:19%;
	right:10px;
	line-height: 12px;*/
}

.button-viewall:hover {
	    color: #535353;
   
}

.button-viewall img {
	   vertical-align: unset;
   
}



#vraveia-container {

   margin-top:45px;
	margin-bottom: 45px;

}




#fp-map-container {

    background-color: #FCFBF9;

}



#ledger-distances {
	position: absolute;
	top:50%;
	right:115px;
	-ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	background-color: #3ca3dc;
	padding:40px 30px 40px 30px;
	z-index:100;
	width: 314px;
	text-align: center;
	box-shadow: 0px 3px 6px #00000029;
border: 1px solid #ffffff;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
	height:430px;
}


#close-x {
	    position: absolute;
    content: 'x';
    top: -12px;
    right: -9px;
    color: #2c2c2c;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    width: 21px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 50%;
    line-height: 21px;
    padding: 0;
    margin: 0;
    height: 23px;
}

.hidebox {
	display: none!important;
}




#ledger-distances p {
	 font: 500  17px/21px 'Fira Sans Condensed';
letter-spacing: 0.42px;
color: #F9F9F4;
	margin-bottom: 0;
}


#ledger-distances .btn-contact {
	border-radius: 0;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	width: 111px;
height: 35px;

	padding: 0;
	margin: 0;
	font: normal 15px/35px 'Fira Sans Condensed';
letter-spacing: 0.38px;
color: #3ca3dc;
}

#ledger-distances .btn-contact:hover {
	
	background: #FFFFFF 0% 0% no-repeat padding-box;

	font: normal 15px/35px 'Fira Sans Condensed';
border:1px solid #ffffff;
color: #2c2c2c;
}

















/*
.button16 {
	width: 111px;
    height: 35px;
	font: 500 15px/15px 'Fira Sans Condensed';
letter-spacing: 0.38px;
	background-color: transparent;
	 border-radius: 0;
	line-height: 35px;
	color: #535353;
	margin-left: auto;
	padding: 0;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	border: 1px solid #53535380;
	overflow: hidden;
	display: block;
    margin-right: 20px;
}
.button16 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.button16::before, .button16::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: 1;
	background-color: rgba(60, 163, 220,0.25);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translate(-100%,0);
	transform: translate(-100%,0);
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button16::after{
	-webkit-transition-delay: 0.2s; 
    transition-delay: 0.2s;
}
.button16:hover::before, .button16:hover::after{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);	
}




.button17 {
	width: 111px;
    height: 35px;
	font: 500 15px/15px 'Fira Sans Condensed';
letter-spacing: 0.38px;
	background-color: transparent;
	 border-radius: 0;
	line-height: 35px;
	color: #535353;
	margin-left: auto;
	padding: 0;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	border: 1px solid #53535380;
	overflow: hidden;
	display: block;
    margin-right: 0px;
}
.button17 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.button17::before, .button17::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: 1;
	background-color: rgba(60, 163, 220,0.25);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translate(-100%,0);
	transform: translate(-100%,0);
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button17::after{
	-webkit-transition-delay: 0.2s; 
    transition-delay: 0.2s;
}
.button17:hover::before, .button17:hover::after{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);	
}



.button18 {
	width: 160px;
    height: 40px;
    font: normal 20px/20px 'Fira Sans Condensed';
    letter-spacing: 1px;
    background-color: #3ca3dccc;
    border-radius: 0;
    line-height: 39px;
    color: #ffffff;
    margin-left: auto;
    padding: 0;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
     border: none; 
    overflow: hidden;
    display: block;
    margin-right: auto;
	
}
.button18:hover {
	color: #ffffff;
	
}
.button18 a{
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: block;
}
.button18::before, .button18::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: 1;
	background-color: rgba(255, 255, 255,0.25);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translate(-100%,0);
	transform: translate(-100%,0);
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button18::after{
	-webkit-transition-delay: 0.2s; 
    transition-delay: 0.2s;
}
.button18:hover::before, .button18:hover::after{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);	
}
*/






















/*image effect start*/

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

.photobox__previewbox:before{
	  content: "";
	}

.photobox__label a {
	color:#ffffff;
	font-size: 22px;
}

/* type 1 */

.photobox_type1 .photobox__previewbox:before{
  width: 0;
  height: 0;
  padding: 25%;
  border-radius: 50%;
  
  position: absolute;
  top: 0;
  left: 0;

  background-color: var(--photoboxOverlay, rgba(190, 156, 94, .5));
  transition: transform calc(var(--photoboxAnimationDuration, .2s) / 2) ease calc(var(--photoboxAnimationDuration, .2s) / 2);
  will-change: transform;
  transform: scale(0);
}

.photobox_type1:hover .photobox__previewbox:before{
  transform: scale(2);
  transition-duration: var(--photoboxAnimationDuration, .2s);
  transition-delay: 0s;
}

.photobox_type1 .photobox__label{
  width: 50%;
  transform: translate(-200%, -50%);
  transition: transform var(--photoboxAnimationDuration, .2s) ease-out;
  will-change: transform;
  
  position: absolute;
  top: 50%;
  left: 15%;
}

.photobox_type1:hover .photobox__label{
  transition-duration: var(--photoboxAnimationDuration, .2s);
  transform: translate(0, -50%);
}

/* type 2*/

.photobox_type2 .photobox__previewbox:before{
  width: 0;
  height: 0;
  padding: 25%;
  
  border-radius: 50%;
  background-color: var(--photoboxOverlay, rgba(190, 156, 94, .5));
  
  position: absolute;
  top: 0;
  right: 0;

  transition: transform var(--photoboxAnimationDuration, .2s) ease calc(var(--photoboxAnimationDuration, .2s) / 2);
  will-change: transform;
  transform: scale(0);
}

.photobox_type2:hover .photobox__previewbox:before{
  transform: scale(2);
  transition-duration: var(--photoboxAnimationDuration, .2s);
  transition-delay: 0s;
}

.photobox_type2 .photobox__label{
  width: 50%;
  text-align: right;
  
  transform: translate(200%, -50%);
  transition: transform var(--photoboxAnimationDuration, .2s) ease-out;
  will-change: transform;
  
  position: absolute;
  top: 50%;
  right: 15%;
}

.photobox_type2:hover .photobox__label{
  transition-duration: var(--photoboxAnimationDuration, .2s);
  transform: translate(0, -50%);
}

/* type 6*/
		
.photobox_type6		.photobox__previewbox:before{
  width: 0;
  height: 0;
  padding: 25%;
  
  background-color: var(--photoboxOverlay, rgba(190, 156, 94, .5));
  border-radius: 50%;
  
  position: absolute;
  top: 50%;
  left: 50%;

  transition: transform calc(var(--photoboxAnimationDuration, .8s) / 2) ease;
  will-change: transform;
  transform: translate(-50%, -50%) scale(0);
}

.photobox_type6:hover .photobox__previewbox:before{
  transform: translate(-50%, -50%) scale(4);
  transition-duration: var(--photoboxAnimationDuration, .8s);
}

.photobox_type6 .photobox__label{
  width: 95%;
  text-align: center;
  
  transform: translate(-200%, -50%);
  transition: transform calc(var(--photoboxAnimationDuration, .8s) / 2) ease-out;
  will-change: transform;
  
  position: absolute;
  top: 50%;
  left: 50%;
}

.photobox_type6:hover .photobox__label{
  transition-duration: calc(var(--photoboxAnimationDuration, .8s) / 4);
  transform: translate(-50%, -50%);
}


/*image efect end */



html.sr  .hide {
  visibility: hidden;
}


/* --- front page ends --- */







/*--- footer starts ---*/



#footer-container-outer {
	background-color: #FCFBF9;
	padding-top: 27px;
	padding-bottom: 24px;
	border-top: 1px solid #DBDBDB;
}

#footer-container {
	
	
}


.footer-header {

	
}



.fcol-1 .footer-header{
	text-align: left;
font: normal 20px/27px 'Arimo';
letter-spacing: 0.5px;
color: #525252;
	margin-top: 14px;
}

.fcol-1 .footer-header::after {
	content: '';
	display: block;
	border-top:1px solid #525252;
	max-width:80px;
	margin-top: 12px;
	margin-bottom: 27px;
}

.fcol-1 p {
	margin-bottom: 0;
  
    flex-basis: 50%;
}

.fcol-1 p a{
font: 500 13px/15px 'Arimo';
letter-spacing: 0.33px;
color: #626262;

   
}


.fcol-2 .footer-header {
	text-align: center;
	margin-bottom: 26px;
}

.fcol-2 p {
	text-align: center;
	font: 500 13px/15px 'Arimo';
letter-spacing: 0.33px;
color: #626262;
		margin-bottom: 0;
	line-height: 28px;
}

.fcol-2 p a {
	text-align: center;
	font: 500 13px/15px 'Arimo';
letter-spacing: 0.33px;
color: #626262;
		margin-bottom: 0;
	
}


.fcol-3 .footer-header{
	text-align: right;
font: normal 20px/27px 'Arimo';
letter-spacing: 0.5px;
color: #525252;
	margin-top: 14px;
}

.fcol-3 .footer-header::after {
	content: '';
	display: block;
	border-top:1px solid #525252;
	max-width:80px;
	margin-top: 12px;
	margin-bottom: 27px;
	margin-left: auto;
}



.footer-social  {
	margin-bottom: 30px;
    text-align: right;
}

.footer-social img {
	margin-left: 10px;
}


.fcol-3  .partners {
	text-align: right;
	
}

 .partners img{
	margin-left: 30px;
	 margin-right: 30px;
	/*margin-top: 50px;*/
}

.partners {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	justify-content: center;
}




#copyright_container-outer {
	border-top: 1px #DBDBDB solid;
/*	margin-top: 20px;  */
	background-color: #FCFBF9 ;
}

#copyright_container {
	padding-bottom: 10px;
	padding-top: 10px;
	
}

.ccol-1, .ccol-2, .ccol-3 {
	font: 500 13px/15px 'Arimo';
letter-spacing: 0px;
color: #626262;
	margin-bottom: 0;
	
}

.ccol-2 {
	text-align: center;
}

.ccol-3 {
	text-align: right;
}

.dproject {
		
	font: 500 13px/15px 'Arimo';
letter-spacing: 0px;
color: #626262;
	margin-bottom: 0;
	}

a.dproject:hover {
		
	color:#626262;
	}



.scroll-topp {
    display: none;
    z-index: 999;
    font-size: 14px;
    
    text-align: center;
    cursor: pointer;
    padding: 20px 0;
}

.scroll-topp {
		position: fixed;
		bottom: 10px;
		right: 31px;
	z-index: 1002;
	}
	
	.scroll-topp:before {
		content: "";
		height: 50px;
		width: 50px;
		top: -2.5px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #e0dfdd;
		position: absolute;
		border-radius: 50%;
		z-index: -1;
	}

.scroll-topp span {
    display: block;
}

.scroll-top--arrow {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    padding: 5px;
    width: 12px;
    height: 0;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    display: block;
    margin: auto;
}

/*--- footerends ---*/


body.faq .accordion-flush .accordion-item {
    background-color: #ffffff;
}

body.faq .accordion-item h2 {
    
    background-color: #658db1;
}

body.faq .accordion-item h2::after {
    
   display: none;;
}

body.faq .accordion-button {
   
    justify-content: space-between;
	font-size: 20px;
    text-align: left;
}

body.faq .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 15px;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
	display: block!important;
}



body.faq .accordion-button:not(.collapsed)::after{
   
  
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

body.faq .accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
	
}

body.faq  .accordion-body {
   
   text-align: left;
    color: #626262;
    padding: 1rem 1rem;
}


/* facilities starts */








/* facilities ends */




/* accommodation starts */


body.accommodation #maintext-container {
	padding-top:70px;
	padding-bottom: 70px;

	background-image: url('images/bg-page.png');
	background-repeat: no-repeat;
	background-position: 40% 17px;
}

#accommodation-container {
	margin-bottom: 50px;
}

#accommodation .card {
	 
    background-color: transparent;

    border: none;

}

#accommodation .card-body {
  
    justify-content: space-around;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fcfcfc;
}

#accommodation .card-info {
	 justify-content: space-around;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.button-viewmore-acc {
	    color: #525252;
    font-size: 12px;
    font-weight: normal;
    /* margin-left: auto; */
    margin-right: inherit;
    display: block;
    width: fit-content;
    margin-left: auto;
    padding-right: 0;
line-height: 12px;
}

.button-viewmore-acc:hover {
	    color: #d2ac68;
   
}

.button-viewmore-acc img {
	   vertical-align: unset;
   
}

#accommodation .card-info span {
width: 40px;
    display: inline-block;
    text-align: center;
}

/* accommodation ends */




/* room starts */


body.room #maintext-container {
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: url(images/bg-welcome.svg);
    background-repeat: no-repeat;
    background-position: 80% 0px;
}

#amenities-container {
    padding-top: 10px;
   
  
}
#amenities {

    background-color: #658db1;
}

#amenities h2 span {
   color:#ffffff;
}

#amenities h2::after {
   border:1px solid #ffffff;
}

.roominfo {
	margin-bottom: 40px;
}

.roominfo span {
	    
     display: block;
    color: #ffffff;
    line-height: 20px;
    min-width: 40px;
    text-align: left;
}

.roominfo span:first-child {

    text-align: center;
}

.roominfo div {
	color:#ffffff;
	line-height: 20px;
}

.roominfo .col-auto {
	display: flex;
	align-items: center;
	min-width: 250px;
}

.roominfo2 {
	margin-bottom: 40px;
}

.roominfo2 span {
	    
     display: block;
    color: #ffffff;
    line-height: 20px;
    min-width: 40px;
    text-align: left;
}

.roominfo2 span:first-child {
display: inline-block;
    text-align: center;
	margin-right: 25px;
}

.roominfo2 p span {
	color:#ffffff;
	line-height: 20px;
}

.roominfo2 .col-lg-3 p {
	display: flex;
	align-items: center;
	min-height: 40px;
	line-height: 20px;
    color: #ffffff;
	margin-bottom: 35px;
}


#bookonline-container {

	margin-top:70px;
	margin-bottom: 70px;
}

#bookonline {

	padding-top:40px;
	padding-bottom: 40px;
	background-color: #ffffff;
}


#bookonline .btn.bookonline {
	border-radius: 0;
	/*border: 1px solid #868686;*/
	 border: 0px solid;
	min-width: 211px;
	text-align: center;
	height:52px;
	margin-right: 30px;
	line-height: 40px;
	font-weight: bold;
	background-color: #d2ac68;
	/*background-color: transparent;*/
	
    outline-color: #d2ac68bf !important;
    /*outline-color: #868686 !important;*/
}


#fp-gallery-container {
    padding-top: 20px;
    padding-bottom: 50px;
    background-color: #ededec;
/*    background-color: #f6f5f4;
	background-color: #E5E5E5;
	background-image: url("images/bg-gallery.png"); */
	background-repeat: no-repeat;
	background-position: center;
  
}

.button-viewmore-g {
	    color: #868686;
    font-size: 12px;
    font-weight: normal;
    /* margin-left: auto; */
    margin-right: inherit;
    display: block;
    width: fit-content;
    margin-left: auto;
    padding-right: 0;
line-height: 12px;
	margin-top: 35px;
}

.button-viewmore-g:hover {
	    color: #868686;
   
}

.button-viewmore-g img {
	   vertical-align: unset;
   width:47px!important;
}


#fp-gallery .gallery-item {
	padding-left:7px!important;
	padding-right:7px!important;
	margin-bottom: 14px;
}





#fp-gallery	  .boxes{
    display: block;
   /* width: 30%;
    height: 220px;
    background: #fe4;*/
    position: relative;
    overflow: hidden;
   /* float: left;
    margin: 1.5%;*/
    cursor: pointer;max-height: 454px;
}
#fp-gallery .da-image{
   min-height: 100%;
   width: 100%;
}
#fp-gallery .overlay{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: -100%;
    color: #FFF;
    background-color: rgba(0,0,0,0.25);
    z-index: 10;
	padding-left:7px!important;
	padding-right:7px!important;
	background-clip: content-box;
	
}
#fp-gallery .overlay a{

	display: block;
	width:100%;
	height:100%;
	background-image: url('images/Magnifier.svg');
	background-repeat: no-repeat;
	background-position: center center;
}










#other-rooms-container {
background-color: #F6F4F1;
	padding-top:70px;
	padding-bottom: 70px;
}

#other-rooms-container .card {
	height:100%;
	
}



#other-rooms-container .card-title {
	margin-left: 20px;
	
}
#other-rooms-container .card-title span{
	
	font: normal 25px/28px 'Arimo';
    letter-spacing: 2px;
}

#other-rooms-container .card-text {
	margin-left: 20px;
	display: flex;
	margin-top: 30px;
    margin-bottom: 30px;
	
}
#other-rooms-container .card-text div {
	flex-basis: 50%;
	
}

/* room ends */


/* cafe starts */

body.cafe #maintext-container {
    padding-top: 70px;
    padding-bottom: 135px;
    background-image: url("images/bg-cafe-2.png");
    background-repeat: no-repeat;
    background-position: 80% 60px;
}
body.cafe #maintext-container img{
 
}

.cafeimg {
	display: flex;
	justify-content: space-between;
}

.cafeimg img {
	display: block;
	max-width:48%;
	
}

#menus-container {
	background-color: #658db1;
	padding-bottom: 70px;
	padding-top: 34px;
}

#menus-container h2 span {
	color: #ffffff;
	
}

.button-viewmore-menu {
color: #868686;
    font-size: 12px;
    font-weight: normal;
    margin-right: auto;

    display: block;
    width: fit-content;
    margin-left: auto;

    line-height: 12px;
    margin-bottom: 20px;
}

.button-viewmore-menu:hover {
	    color: #868686;
   
}

.button-viewmore-menu img {
	   vertical-align: unset;
   width:47px!important;
}

.menu-item {
	background-color: #ffffff;
	padding: 10px;
}

.menu-item-inside {
	border:1px solid #E5E5E5;
	
}

.menu-item-inside h3  {
    text-align: center;
	margin-bottom: 20px;
}

.menu-item-inside h3 span {
    font: normal 24px/24px 'Arimo';
    display: inline-block;
    margin-right: 15px;
}


#reservation-container {
    padding-top: 70px;
    padding-bottom: 135px;
background-color: #F6F4F1;
}

.rsv {
	background-image: url("images/bg-rsv.png");
	background-repeat: no-repeat;
	max-width:555px;
	text-align: center;
	padding-top: 60px;
	height: 265px;
	    margin-left: auto;
    margin-right: auto;
	
}


.rsv .title1 {
	font-weight: normal;
    font-size: 20px;
}

.rsv .title2 {
	font-weight: normal;
    font-size: 14px;
}

.rsv hr {
	width:225px;
	margin-left: auto;
	margin-right: auto;
	background-color: #CECECE;
	    height: 2px;
	    margin-bottom: 5px;
    margin-top: 5px;
}

.button-rsv {
	   color: #626262;
    font-size: 12px;
    font-weight: bold;
    display: block;
    width: 225px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    background-color: #F6F4F1;
    border: 1px solid #898989;
    height: 50px;
    line-height: 36px;
    border-radius: 0;
}

.button-rsv:hover {
	    color: #242424;
   
}

#hours {
    padding-top: 50px;
    padding-bottom: 80px;
background-image: url("images/bg-hours.png");
	background-repeat: repeat;
	margin-top: 100px;
}

.hours-item {
	font: normal 14px/14px 'Arimo';
	margin-top: 50px;
	border: 1px solid #cecece;
    padding-top: 15px;
}




.hours-item .title  {
    text-align: center;
    margin-bottom: 20px;
    font: normal 18px/24px 'Arimo';
	font-weight: bold;
}

.hours-item p  {
     text-align: center;
}

#rsv-container {
	background-color: #ffffff;
}





#rsv-form .form-control {
	height: 50px;
    margin-bottom: 25px;
    border: none;
    border-radius: 0;
    background-color: #fff;
    font-size: 15px;
    /* font-weight: 300; */
    color: #626262;
   /* -webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;*/
	border-bottom: 1px solid #CECECE;
	}
#rsv-form .form-control:focus {
    color: #626262;
    background-color: #fff;
    border: none;
    border-radius: 0;
    outline: 0;
}
#rsv-form .form-control-feedback {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
	font-size: 20px;
    color: #000000;
}

#rsv-form textarea.form-control {
    height: 135px;
	background-color: #fff;

    color: #626262;
}

#rsv-form #btn_submit {
	    background-color: #E2DCCC;
    border: none;
    border-radius: 0;
    color: #585858;
    font-size: 16px;
    height: 50px;
    width: 100%;
    /* -webkit-box-shadow: 0px 3px 6px #00000029; */
    /* box-shadow: 0px 3px 6px #00000029; */
    line-height: 22px;
}

#rsv-form #rsv-text  {	
	align-items: center;

    display: flex;
}

#rsv-form #rsv-text p {
	    font-size: 21px;
    letter-spacing: 6px;
    color: #001223;
	margin-bottom: 0;

}

#rsv-form #rsv-text span {
	    font-size: 21px;
    letter-spacing: normal;
    color: #ba9c60;
}


/* cafe ends */


/* services starts */

body.services #maintext-container {
	padding-top:100px;
	padding-bottom: 150px;
	
	background-image: url('images/bg-welcome.svg');
	background-repeat: no-repeat;
	background-position: left 0px;
}


.services-item .card{
	padding: 30px;
	height: 100%;
	border:none;
	box-shadow: 0px 8px 16px #0000001A;
	background-color: #F4F4F4;
}

.services-item .card:hover{
	
	background-color: #E2DCCC;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.services-item .card:hover .card-title img{
	
/*	filter: brightness(0) invert(1);  */
}

.services-item .card:hover .card-title{
	
	color:#626262;
}
.services-item .card:hover .card-text{
	
	color:#626262;
}

.services-item  .card-title img {
	margin-right: 25px;
}

.services-item  .card-title {
	font-weight: normal;
	font-size:16px;
	color:#626262;
}

.services-item  .card-title::after {
	content: "";
	border-top:1px solid #CECECE;
	display: block;
	width:111px;
	margin-top:25px;
	margin-bottom: 25px;
}

.services-item  .card-text {
		font-size:15px;
}


#banner-s-container {
	background-image: url('images/bg-services.png');
	background-repeat: no-repeat;
	    background-size: cover;
	/*padding-top: 40px;*/
	
}

#banner-s {
	background-image: url('images/bg-services-2.png');
	background-repeat: no-repeat;
	background-position: left 80px;
	padding-bottom: 40px;
}

#banner-s h2 span {
	color:#ffffff!important;
}
#banner-s p {
	color:#ffffff!important;
	font-weight: bold!important;
	font-size: 18px!important;
		padding-left:25px;
	line-height: 24px;
}
#banner-s-row {
	padding-top:340px;
}

#banner-s .button-viewmore {
   color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    margin-left: inherit;
    margin-right: inherit;
    display: block;
    width: fit-content;
    /* margin-left: auto; */
    padding-left: 72px;
    line-height: 12px;
    font-weight: bold;
}

/* services ends */







/* location starts */


body.location #maintext-container {
	padding-top:100px;
	padding-bottom: 150px;
	
	background-image: url('images/bg-welcome.svg');
	background-repeat: no-repeat;
	background-position: left 0px;
}

#banner-container {
	background-image: url('images/location-03.png');
	background-repeat: no-repeat;
	    background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
	background-position: center;
}

#banner h2 span {
	color:#ffffff!important;
}
#banner p {
	color:#ffffff!important;
}

#banner-row {
	margin-top:150px;
}

body.location #maintext2-container {
	margin-top: 80px;
}

body.location #fp-map-container {
/*	background-color: #F6F4F1; */
	background-color: #ffffff;
	margin-top:80px;
}

/* location ends */




/* gallery starts */



#gallery-container {
	/*padding-top: 30px;*/
	margin-bottom: 50px;
	padding-left: 0!important;
	padding-right: 0!important;
}

body.gallery #maintext-container {
   
    padding-bottom: 50px;

}


#gallery-container img {
	
	
	max-width: 100%;
	width: 100%;
}



#gallery-container .gallery-item {
	padding-left:7px!important;
	padding-right:7px!important;
	margin-bottom: 14px;
}





#gallery-container	  .boxes{
    display: block;
   /* width: 30%;
    height: 220px;
    background: #fe4;*/
    position: relative;
    overflow: hidden;
   /* float: left;
    margin: 1.5%;*/
    cursor: pointer;max-height: 454px;
}
#gallery-container .da-image{
   min-height: 100%;
   width: 100%;
}
#gallery-container .overlay{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: -100%;
    color: #FFF;
    background-color: rgba(0,0,0,0.25);
    z-index: 10;
	padding-left:7px!important;
	padding-right:7px!important;
	background-clip: content-box;
	
}
#gallery-container .overlay a{

	display: block;
	width:100%;
	height:100%;
	background-image: url('images/Magnifier.svg');
	background-repeat: no-repeat;
	background-position: center center;
}

/* gallery ends */



/*contact start */




body.contact #maintext-container {
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: url(images/bg-welcome.svg);
    background-repeat: no-repeat;
    background-position: 80% 0px;
}



.contact-info {
	margin-top: 80px;
	padding-left: 5px;
	
}

.contact-info p {
	margin-bottom: 40px;
	font-weight: normal;
	
}

.contact-info p img {
	margin-right: 15px;
	
}




.contactleft {
	background-image: url("images/Group 600.svg");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #3ca3dc;
	background-clip: content-box;
	margin-bottom: 30px;
}
.contactleft img{
	margin-top: 80px;
	
}

.contactright {
	background-color: #EFEFEF;
	background-clip: content-box;
	margin-bottom: 30px;
}
#contact-form {
	
}


.contact-container .input-group {
    
    width: 100%;
}


label {
   
	font-size:18px;
    font-weight: normal;
}

.form-control::-moz-placeholder {
  color: #626262;
}
.form-control:-ms-input-placeholder {
  color: #626262;
}
.form-control::-webkit-input-placeholder {
  color: #626262;
}



#contact-form .form-control {
	height: 50px;
    margin-bottom: 25px;
    border: none;
    border-radius: 0;
    background-color: #fff;
    font-size: 15px;
    font-weight: 300;
    color: #626262;
   /* -webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;*/
	box-shadow: 0px 8px 16px #0000001A;
	}
#contact-form .form-control:focus {
    color: #626262;
    background-color: #fff;
    border: none;
    border-radius: 0;
    outline: 0;
}
#contact-form .form-control-feedback {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
	font-size: 16px;
    color: #626262;
}

#contact-form textarea.form-control {
    height: 201px;
	background-color: #fff;
    color: #626262;
}

#contact-form #btn_submit {
	background-color: #d2ac68;
    border: none;
    border-radius: 0;
    color: #ffffff;
    font-size: 16px;
    height: 50px;
    width: 100%;
    /* -webkit-box-shadow: 0px 3px 6px #00000029; */
    /* box-shadow: 0px 3px 6px #00000029; */
    line-height: 22px;
	box-shadow: 0px 8px 16px #0000001A;
}

#contact-form #contact-text  {	
	align-items: center;

    display: flex;
}

#contact-form #contact-text p {
	    font-size: 21px;
    letter-spacing: 6px;
    color: #626262;
	margin-bottom: 0;

}

#contact-form #contact-text span {
	    font-size: 21px;
    letter-spacing: normal;
    color: #626262;
}

 
.contactinfo {
	background-color: #3ca3dc;
	background-clip: content-box;
	
	
}
.contactinfo div {

	padding:50px 80px;
	text-align: center;
	color:#ffffff;
	display: flex;
	flex-direction: column;
	height:100%;
		justify-content: flex-end;
}

.contactinfo div div{

	padding:0;
	
}

.contactinfo  h3 {
font: normal 24px/24px 'Noto Serif';

	color:#ffffff;
}

.contactinfo  h3::after {
display: block;
    content: "";
    width: 100px;
    border-top: 1px solid #ffffff;
    margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

.contactinfo  p {

font-size: 18px;
	font-weight: normal;
	color:#ffffff;
}



#why-how-container {
	
	background-color: #7699ba;
	background-repeat: no-repeat;
		background-image: url("images/bg-why-how.png");
	background-position: left top;
	padding-top: 70px;
	padding-bottom: 70px;
}


#why-how-container h2 span{
	
	color:#ffffff;
	
}

#why-how-container h2::after{
	
/*	border: 1px solid #ffffff; */
	
}

.whybox {
	background-color: #ffffff;
	padding: 40px 35px;
	text-align: center;
	min-height: 195px;
}


.whybox img{
	margin-bottom: 25px;
}
.whybox p{
	color: #626262;
	margin-bottom: 0;
	line-height: 20px;
	font-size: 15px;
}

.howbox {
	
	display: flex;
	min-height: 120px;
	    justify-content: center;
    align-items: center;
}

.howbox div{
	margin-right:15px;
}

.howbox p{
	color: #626262;
	margin-bottom: 0;
	line-height: 20px;
	font-size: 15px;
}
.howbox a {
	color: #626262;
	margin-bottom: 0;
	line-height: 20px;
	font-size: 15px;
}
/* contact ends */












/* ----------------------- Extra small devices (phones, less than 576px) ----------------------- */
/* ----------------------- No media query since this is the default in Bootstrap ----------------------- */

@media (max-width: 1399px)  {
	#c1 {
		
		top: 470px;
		
	}
	.bgfacilities2::after {
		
		height: 647px;
	
		left: 284px;
	
	}
	
	.accordion-body {

		padding: 1rem 28px;
	}
	
#fp-cafe	.explore-moto {

		top: 42px;
	
	}
	
#fp-cafe	.explore-moto p {

		font: normal 42px/42px 'Rochester', sans-serif;

	}
	
}

@media (max-width: 1199px)  {
	
	
	
}

@media (min-width: 1200px) and (max-width:1399px) {
	
	.rlc {
     padding-top: 0px; 
}
	
	#rphoto {
		width: 98%;

	}
	
	.fline {
		position: relative;
    margin-bottom: 15px;
    padding-bottom: 0;
    margin-top: 0;
	}
	
	.sline {
		margin-bottom: 15px;
 padding-bottom: 0;
	}
	
}

@media (max-width: 1310px) {
	
	
	
}

@media (max-width: 1230px) {
	
}


/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1199px) { 
	
	.cafe-text {
			position: absolute;
		width: 350px;
		z-index: 0;
		background-color: #ffffff;
		top: 30px;
		right: -117px;
		height: 120%;

	}
	
	#other-rooms-container .card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
    /* justify-content: left; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
	
	
#fp-cafe	.explore-moto {

		top: 42px;
	right: -115px;
	}
	
#fp-cafe	.explore-moto p {

		font:normal 34px/30px 'Rochester', sans-serif;

	}
	

	#accommodation h2 {
		margin-top: 0;
	}

	
}


/* Medium devices (desktops, 992px and up) */
@media (max-width: 1024px) { 
	
	

 }

@media (min-width: 992px) and (max-width:1199px) { 
	
	



}

@media (min-width: 992px)  { 
	
	
	

}

@media (max-width: 991px) {
	

	.navbar-collapse .nav-link {

    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
	
	
	#main-slider {
      width: 100%;
      height: 550px;
		position: relative;
    }
	

	#maintext-container {
    padding-top: 100px;
    padding-bottom: 100px;
   
}
	
	.bgfacilities2::after {
		
		display: none;

	}
	
	.bgfacilities2 div {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 15px;
	}
	
	.cafe-text {
		position: absolute;
		width: 280px;
		z-index: 0;
		background-color: #ffffff;
		top: 30px;
		right: -90px;
		height: 120%;
	}
		
	
#fp-cafe	.explore-moto {

		top: 42px;
	right: -85px;
	}
	
#fp-cafe	.explore-moto p {

		font:normal 22px/15px 'Rochester', sans-serif;

	}
	
	#accommodation .card-info {
   
    min-height: 170px;
}
	#cp1 {
		margin-bottom: 25px;
	}
	
	.fcol-3 .footer-header {
    text-align: center;
   
}
	
	
	
	.fcol-3 .footer-header::after {

    margin-left: auto;
    margin-right: auto;
}
	
	.fcol-3 .footer-header {
    text-align: center;
   
}
	
	.footer-social {
    margin-bottom: 30px;
    text-align: center;
}
	
	.fcol-3 .partners {
    text-align: center;
}
	
	.fcol-3 .partners img {
    margin-left: 10px;
    margin-top: 0px;
}
	
	
	
}

@media (max-width: 880px) { 

	
	
	
	
}

@media (min-width: 768px) {
	
}


@media (min-width: 768px) and (max-width: 800px) { 

	
	
	
	
}
 
@media (min-width: 576px) { 
	
	
}

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


	
}
 
@media  (max-width:767px) {
	

	
	body.scroll-top {
		display: none!important;
	}
	
	.navbar-collapse .nav-link {
		font-size: 15px;

		padding-right: .5rem!important;
		padding-left: .5rem!important;
	}
	
	#welcome-text h1 {
		margin-left: 0;
		
		text-align: center;
		font-size: 46px;
		line-height: 60px;
	}
	
	#maintext-container {
		padding-top: 40px;
		padding-bottom: 76px;

	}
	
	#welcome-text {
    padding-left: 50px;
    padding-right: 50px;
}
	
	#cafeimgs div.me-3 {
		margin-right: 0!important;
	}
	#cafeimgs div.m-3 {
		margin: 0!important;
	}
	#cafeimgs div.ms-5 {
		margin-left: 0!important;
	}
	
	.large::after {
		width: 525px;
	}
	
	
#fp-gallery .p4 {
    margin-bottom: 8px;
    padding-right: 0px;
}	
	
#fp-gallery .p5 {
	padding-left: 0;
    padding-right: 0px;
    margin-bottom: 8px;
}

#fp-gallery .p8 {
    padding-right: 0px;
	margin-bottom: 8px;
}
	#fp-gallery .p9 {
    padding-left: 0px;
}
	
#fp-cafe {
   
    background-image: none;

}
	
	#main-slider {
     
          /*margin-top: 136px;*/
    	padding-top: 0;
	}
	
	#bookonline .btn.bookonline {
   
    margin-right: 0px;

}
	
	#botext {
		display: block;
		margin-top:15px;
	}
	
	.rsv {
    background-image: none;

}
	
	#roominfo div {
		width:100%;
		text-align: center;
	}
	
	
	.fcol-3 div {
		position:inherit;
		right: 0;
	}
	
	
	.fcol-1 .footer-header {
    text-align: center;
   
}
	
	.fcol-1 .footer-header::after {
   
    margin-left: auto;
    margin-right: auto;
}
	
	.fcol-1 .fmenu {
		    max-width: 100%!important;
    text-align: center;
    margin-bottom: 25px;
		
	}
	
	.fcol-1 .fmenu p {
		   flex-basis: 100%;

	}
	

}
 



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

	

}

@media (max-width: 640px) {
	
	
	
	
	
	
}

@media (max-width: 575px) {
	

.btnlang {

    background-color: #d2ac67cc;

}
	
	#navbarrsp {
		justify-content: center;
	}
	
	#main-slider {
      width: 100%;
      height: 400px;
		
		
    }
	

	
	
	.swiper-container-vertical > .swiper-pagination-bullets {
		left: 25px;
		
	}
	
	.swiper-container-horizontal > .swiper-pagination-bullets {
		left: unset!important;
		right: unset!important;
		top: unset!important;
		transform: inherit!important;
		width: 100%!important;
		bottom: 20px!important;
	}
	
	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 6px!important;
		display: inline-block;
		vertical-align: middle!important;
	}
	

	
	#welcome-text {
    padding-left: 25px;
    padding-right: 25px;
}
	
	
	.large::after {
    width: 100%;
}

	
	.fcol-1 {
		text-align: center;
	}
	
	.fcol-2 *, .fcol-3 * {
		text-align: center!important;
	}
	
	.fcol-2 {
    margin-bottom: 22px;
}
	
	.ccol-1, .ccol-2, .ccol-3 {
	   text-align: center!important;
	}
	
	.fcol-2 img {
 
    margin-bottom: 15px;
}
	
	.footer-header {
	margin-left:auto;
		margin-right:auto;
	}
	

	
	
}
 
@media (max-width: 480px) {
	
	


	
}
 
 @media (max-width: 425px) { 
 

	 
	 
}

 @media (max-width: 375px) {
	 
	

	 
}

 @media (max-width: 320px) {
	 
	 #header-left  {
		 
	 }
	 
	 #header-left .me-5 {
		 margin-right: 2rem!important;
	 }
	 #moto-slider {
		
		width: 80%;
	}
	 #moto-slider img {max-width: 100%;}
	
}