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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap&subset=greek,greek-ext');


/*font-family: 'Noto Sans', sans-serif;*/

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


body {
	height: 100%;

}

div, p, td, a, span, li {
	font: normal 16px/30px 'Noto Sans', sans-serif;
	color: #58595b;
	
}

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


a {
	color: #58595B;
}

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

h1, h2, h3, h4, h5 {
	
letter-spacing: 1.1px;
color: #58595b;
text-align: center;
	
	
}

.addshadow {
	 -webkit-box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 55%);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.55);
     box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 55%); 
}



h1 {
	font: bold 44px/44px 'Noto Sans', sans-serif;
	margin-top: 0px;
	margin-bottom: 30px;
	
}

h2 {
	font: bold 30px/30px 'Noto Sans', sans-serif;
	margin-top: 30px;
	margin-bottom: 30px;
}

h3 {
	font: italic 22px/37px 'Noto Sans', sans-serif;
	margin-top: 0px;
	margin-bottom: 30px;

}


h4 {
	
	font: bold 18px/37px 'Noto Sans', sans-serif;
	letter-spacing: 0.9px;
color: #58595B;
	margin-top: 00px;
	margin-bottom: 30px;
}
h1.white, h2.white , h3.white, h4.white, h5.white {
	color: #ffffff;
	
}

.hcenter {
	text-align: center;
}


.dashaftercenter::after {
	width: 240px;
    height: 0px;
    border-top: 2px solid #1393c9;
    content: "";
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
   
}

.white.dashaftercenter::after {
	
    border-top: 2px solid #ffffff;

   
}

h3.dashaftercenter::after {
	
    margin-top: 0px;
   
}
h4.dashaftercenter::after {
	border-top: 2px solid #1393c9;
    margin-top: 0px;
   
}

.hleft {
	text-align: left;
}

.dashafter::after {
	width: 250px;
    height: 0px;
    border-top: 2px solid #1393c9;
    content: "";
    display: block;
    margin-top: 13px;
}

.dashbefore::before {
	width: 250px;
    height: 0px;
    border-top: 2px solid #1393c9;
    content: "";
    display: inline-block;
   margin-right: 10px;
}

.dashnocolor::before {
	 border-top-color: transparent!important;
}


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


.no-slider {
	padding-top: 120px;
}




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

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



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

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


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

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

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


.modal-header {
  
    border-bottom: none;
}
.modal-footer {
  
    border-top: none;
}


button:focus {
   
    outline: none!important;
}


#language {
	   
    height: 22px;
    
    position: absolute;
       left: 74px;
    top: 125px;
    z-index: 999;
}

#language a {
	border: 0px solid;
    font: normal 18px/34px 'Noto Sans'!important;
    letter-spacing: 0;
    color: #ffffff;
    background-color: #1393c9;
    border-radius: 0;
	display:inline-block;
	margin-right: 5px;
	
}

.langicon {
	border: 0px solid;
    font: normal 18px/34px 'Noto Sans'!important;
    letter-spacing: 0;
    color: #ffffff;
    background-color: #1393c9;
    border-radius: 0;
	display:inline-block;
	margin-right: 5px;
	
}

.language a:hover {
	
	
	
}


/*--- social buttons  start ---*/

.socials
{
	width: 61px;
	position: fixed;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0px;
	z-index: 2;
	overflow: hidden;
	padding-left: 15px;
}

.socials a
{
	display:block;
	margin-left: 100%;
	
}
/*--- social buttons  end ---*/


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

.ni1gr, .ni2gr {
	margin-left: 20px;
}


#mainnavbar-container {
	background-color: #ffffff;
	transition:background-color 0.5s ease;
	padding: 0;
}

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


#mainnavbar-container.open {
	background-color: #ffffff!important;
}

 .navbar-toggler {
    color: #a49c86;
   /* margin-right: 20px;*/
	font-size: 20px;
	   height:50px;
    text-align: left;
}



  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 27 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(19,147,201, 1)' stroke-width='3' stroke-linecap='corner' stroke-miterlimit='25' d='M1 5h27M1 16h27M1 27h27'/%3E%3C/svg%3E");
}

.navbar-toggler-icon {
   
    width: 27px;
    height: 24px;
	
}


#inline-brand {
	    position: relative;
    /* max-height: 111px; */
   /* top: -53px;*/
}
#inline-brand img {
	margin-top: 3px;
   /* margin-left: -33px;*/
}


.mynavbar {
	height:97px;
}

#mainnavbar .nav-link {
    font-size: 16px;
    text-align: center;
    color: #333333;
    /* line-height: 50px; */
    padding: 0;
    /* padding-top: 58px; */
    line-height: 94px;
	
}



#mainnavbar .nav-link:hover {
	color: #1393c9;
	
	
}

#mainnavbar  .nav-link.active {
	
	color: #1393c9!important;
	
	
}

#mainnavbar .nav-link.scrolled {
	color: #333333;
}
#mainnavbar .nav-link.scrolled:hover {
	color: #1393c9;
}

#mainnavbar .nav-link.scrolled.active {
	color: #1393c9;
}


.firstlink {
	text-align: left!important;
	padding-left: 0!important;
	padding-right: 0!important;
}

.lastlink {
	text-align: right!important;
	padding-left: 0!important;
	padding-right: 0!important;
}


#mynavbar-book {
	    width: 200px;
    height: 52px;
    border: 0px solid;
    font: normal 18px/34px 'Noto Sans'!important;
    letter-spacing: 0;
    color: #1393c9;
    background-color: transparent;
    border-radius: 0;
    position: absolute;
    right: 60px;
    top: 34px;
}

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

.btnfos-5 {
  border: 0 solid;
  box-shadow: inset 0 0 20px rgba(19, 147, 201, 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------*/


/*---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: #ffffff;
	padding-left: 60px;
	padding-right: 60px;
    }

#main-slider .swiper-container {
   
   /* MARGIN: 0 60px!important;*/
   
}

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

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



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

 .swiper-button-prev,   .swiper-button-next {
	color: #1393c9!important;
}
 .swiper-button-prev::after,   .swiper-button-next::after {
	content: ''!important;
}

.swiper-button-prev {
  background-image: url("images/arrow-left.png");
	background-repeat: no-repeat;
	left: 40px!important;
	height:32px!important;
    /*width: inherit!important;*/
}

.swiper-button-next {
  background-image: url("images/arrow-right.png");
	background-repeat: no-repeat;
	background-position: right;
	right: 40px!important;
	height:32px!important;
  /*  width: inherit!important;*/
}











#slider-title {
	
	font: 30px/39px 'Noto Sans', sans-serif;
letter-spacing: 1.5px;
color: #ffffff;
	
	
	position: absolute;
	top: 48%;
	left: 50%;
	
/*	  text-shadow: 2px 2px 1px #afa0a0;*/
    text-shadow: 2px 5px 4px #00000080;
	-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	z-index: 100;
	
    text-align: center;
	
	opacity: 0;
  
   
   -moz-transform: translate(-50%, -50%) scale(.5);
    -o-transform:translate(-50%, -50%) scale(.5);
    -ms-transform:translate(-50%, -50%) scale(.5);
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    -webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    transition: all 1000ms linear;
}

#slider-title span.one {
	font: Bold 30px/39px 'Noto Sans', sans-serif;
	color: #1393c9;

}

#slider-title span.two {
	font: Bold 26px/39px 'Noto Sans', sans-serif;
letter-spacing: 1.5px;
	color: #424242;

}

#slider-title.front {
    /*bottom: 90px;*/
	
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
	opacity: 1!important;
}

#slider-title.shown {
    opacity: 0;
    /*bottom: 10px;*/
}



#slider-subtitle {
	color:#fff;
	font-size: 22px;
	line-height: 74px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: normal;
	  text-shadow: 2px 2px 1px #afa0a0;
	
}



	
#scroll-down {
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin: 0 auto;
	
	font: 300 14px/12px 'Noto Sans', sans-serif;
letter-spacing: 0.5px;
	color: #FFFFFF;
   
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	z-index: 9;
}

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

#scroll-down-arrow {
	position: absolute;
    bottom: 0px;
	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);
  }
}

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


/* main slider ends */

#mynavbar-book-rsp {
	width: 100%;
    height: 52px;
   /* border: 1px solid #FFFFFF;*/
    font: 400 18px/34px 'Noto Sans'!important;
    letter-spacing: 0;
    color: #FFFFFF;
    background-color: #1393c9;
    border-radius: 0;
	
}


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


#maintext-container {
	    background-color: #ffffff;
    padding-top: 60px;
    padding-bottom: 60px;
}

#fp-glance-container {
	background-color: #1393c9;
	padding-top:20px;
	padding-bottom: 60px;
	margin-top: 5px;
}

#fp-glance-container h2, #fp-glance-container h3 {
	color:#ffffff!important;
}

#fp-glance-container  .dashaftercenter::after {
   
    border-top: 2px solid #ffffff;

}


#fp-glance p {
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	margin-top: 20px;
letter-spacing: 0.38px;

	
}

.fp-glance-item {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}











#fp-location-container {
	padding-top: 20px;
	padding-bottom: 140px;
	background-color: #1393c9;
}

#fp-location-container h2, #fp-location-container h3 {
	color:#ffffff!important;
}

#fp-location-container  .dashaftercenter::after {
   
    border-top: 2px solid #ffffff;

}

.decoration-icon {
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left:50%;
	-ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	margin-top: 65px;
}

.location-ledger {
	width: 400px;
    background-color: #ffffff;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: -50px;
	box-shadow: 0px 3px 6px #00000029;
	padding: 15px;
}

.location-ledger-title {
	font-weight: bold;
    font-size: 18px;
}

.location-ledger-text {
	font-size: 14px;
}

.location-ledger-button {
	padding: 0;
    text-decoration: underline;
    font-size: 16px;
	font-weight: 600;
}

.location-ledger-button:hover {
	
    color:#1393c9;
}


#fp-rooms-container {
	padding-top: 50px;
	/*padding-bottom: 50px;*/
	background-color: #f7f7f7;
}

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






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

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

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

#fp-rooms-container .card {
	border: none;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0;
	margin-bottom: 30px;
}

#fp-rooms-container .card>img {
	border-radius: 0;
	
}

#fp-rooms-container .card .card-body {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

#fp-rooms-container .card h5.card-title{
	letter-spacing: normal;
	color: #1393c9;
	font-size: 18px;
	font-weight: bold;
}

#fp-rooms-container .card .card-icons img {
	width: 26px;
	vertical-align: baseline;
	/*margin-left: 15px;*/
}

#fp-rooms-container .card .card-icons img:first-child {
	
	margin-left: 0px;
}

#fp-rooms-container .card .card-icons  {
	
	font-size: 14px;   
	display: block;
    justify-content: space-around;
}

#fp-rooms-container .card .card-icons div  {
	
	font-size: 14px;   
	
}

.btn-room-more {
	border:none;
	border-radius: 0;
	background-color: #1393c9;
	color:#ffffff;
	margin-top: 20px;
	font-size: 13px;
	outline-color: #1393c9!important;
}

.btn-room-more:hover {

	color:#ffffff;

}



#fp-chooseus-container {
	padding-top: 40px;
	padding-bottom: 40px;
	
}


#fp-chooseus-container img{
	margin-bottom: 30px;
	
}

#fp-chooseus-container .smallcards p {
	font-weight: bold;
	font-size: 18px;
}

#fp-chooseus-container .card.largecards  {
	border-radius: 0;
   background-color: #1393c9;
   padding: 15px;
	text-align: center;
	margin-top: 40px;
}

#fp-chooseus-container .svg-inline--fa  {
	
   color:#ffffff;
    font-size: 50px;   
    text-align: center;
margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
#fp-chooseus-container .largecards .card-title  {
	
   color: #ffffff;
  font-weight: bold;
	text-align: center;
	font-size: 18px;
	margin-bottom: 0;
}

#fp-chooseus-container1 {
	padding-top: 40px;
	padding-bottom: 40px;
	
}


#fp-chooseus-container1 img{
	margin-bottom: 30px;
	
}

#fp-chooseus-container1 .smallcards p {
	font-weight: bold;
	font-size: 18px;
}

#fp-chooseus-container1 .card.largecards  {
	border-radius: 0;
   background-color: #1393c9;
   padding: 15px;
	text-align: center;
	margin-top: 40px;
}

#fp-chooseus-container1 .svg-inline--fa  {
	
   color:#ffffff;
    font-size: 50px;   
    text-align: center;
margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
#fp-chooseus-container1 .largecards .card-title  {
	
   color: #ffffff;
  font-weight: bold;
	text-align: center;
	font-size: 18px;
	margin-bottom: 0;
}


#fp-map-container{
   padding-top: 40px;
	padding-bottom: 40px;
}

#ledger-distances {
	position: absolute;
	top:50%;
	right:115px;
	-ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	background-color: #ffffff;
	padding:10px;
	z-index:100;
	width: 320px;
	
	box-shadow: 0px 3px 6px #00000029;
border: 1px solid #1393c9;
	
}


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

.hidebox {
	display: none!important;
}

#ledger-distances h3 {
	margin-top: 0;
	margin-bottom: 13px;		
    font-size: 18px!important;
}
#ledger-distances h3:after {
	margin-top: 0;
			
    
}

#ledger-distances .dashaftercenter::after {
	width:160px!important;
}



#ledger-distances p {
	   font: normal 14px/24px 'Noto Sans';
letter-spacing: 0.9px;
color: #58595B;
	margin-bottom: 0;
}

#ledger-distances-inner {
	border: 1px solid #1393c9;
	padding:20px;
	background-color: #fff;
}

#ledger-distances-inner #left-column {
	float:left;
}

#ledger-distances-inner #right-column {
	float:right;
	  
}

#mymap::before {
	content: "";
	display: block;
	width:100%;
	    height: 5px;
    /* box-shadow: 0px 3px 6px #00000029; */
    z-index: 1;
    top: -5px;
    position: absolute;
}

#mymap::after {
	content: "";
    display: block;
    width: 100%;
    height: 10px;
    /* box-shadow: 0px -10px 15px #00000029; */
    z-index: 1000;
    bottom: -14px;
    position: absolute;
}






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







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



#footer-container-outer {
	background-color: #1393c9;
	padding-top: 38px;
	padding-bottom: 30px;
}

#footer-container h4 {
	font: normal 21px/25px 'Noto Sans', sans-serif;
letter-spacing: 1.05px;
color: #ffffff;
	text-align: left;
	margin-bottom: 22px;
	margin-top: 10px;
}

.fcol-1 p {
	
	font: 300 15px/18px 'Noto Sans', sans-serif;
letter-spacing: 0.38px;
color: #ffffff;
}

.fcol-2 {
	display: flex;
    justify-content: center;
    flex-direction: column;
}

.fcol-2 img {
	margin:0 auto;
	display: block;
}

.fcol-2 .booknow {
	border: 1px solid #FFFFFF;
	border-radius: 0;
	width: 188px;
	
	background: #1393c9;
	font: normal 16px/28px 'Noto Sans', sans-serif;
letter-spacing: 0;
color: #FFFFFF;
	margin: 31px auto 0 auto;
	display: block;
	
}



.fcol-2 .booknow:hover {
	
	
	background: #ffffff;
	
color: #1393c9;

	
}


#footer-container .fcol-3, #footer-container .fcol-3 h4 {

	text-align: right;	
}




.fcol-3 p, .fcol-3 a {
	
	font: 300 15px/18px 'Noto Sans', sans-serif;
letter-spacing: 0.38px;
color: #D5D5D5;
}


.footer-social img {
	padding: 0 5px;
}

.fcol-3 .svg-inline--fa  {
	/*background-color: #ffffff;*/
  
    margin-left: 20px;
   
    font-size: 18px;
   
    text-align: center;
    line-height: 44px;
       vertical-align: middle;
   
}

.fcol-3 .booknow {
	border: 1px solid #FFFFFF;
	border-radius: 0;
	width: 188px;
	
	background: #1393c9;
	font: normal 16px/28px 'Noto Sans', sans-serif;
letter-spacing: 0;
color: #FFFFFF;
	margin: 0px 0 30px auto;
	display: block;
	
}

.fcol-2 .booknow:hover {
	
	
	background: #ffffff;
	
color: #1393c9;

	
}





#copyright_container-outer {
	border-top: 1px #ffffff  solid;
	
	background-color: #1393c9; 
}

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

.ccol-1, .ccol-2, .ccol-3 {
	font: normal 14px/17px 'Noto Sans', sans-serif;
letter-spacing: 0.35px;
color: #ffffff;
	margin-bottom: 0;
	
}

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

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

.dproject {
		
	font: normal 14px/17px 'Noto Sans', sans-serif;
letter-spacing: 0.35px;
color: #ffffff;
	margin-bottom: 0;
	}

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

/*--- footerends ---*/




/* accommodation starts */

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



/* accommodation ends */




/* room starts */


#room-info-container {
	background-color: #f3f3f4;
    padding-top: 35px;
    padding-bottom: 35px;

}



.roominfo {
	/*margin-bottom: 22px;*/
	justify-content: center;
}

.roominfo img {
	padding-right: 15px;
}
.roominfo  div {
	
	letter-spacing: 0.7px;
	
	margin-bottom: 20px;
}








.info-1, .info-2, .info-3 {
	flex-basis: 33%;
	text-align: center;

	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
}
.info-1 span, .info-2 span, .info-3 span {
	color: #3378b8;
	font-size: 18px;
	letter-spacing: 0.9px;
}

body.room .info-list {
       padding-top: 60px;
    padding-right: 40px;
    font-size: 16px;
    margin-bottom: 60px;
    padding-left: 40px;
}

body.room .info-list li {
   
	font-size: 16px;
	font-weight:400;
	line-height: 22px;
	
	list-style: none;
	background-image: url('images/bullet-checkbox.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 42px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

a.room-booking-button {
	color: #ffffff;

	font-size: 16px;
	line-height: 29px;
	padding: 6px 40px;
	border:none;
	background-color: #1393c9;
	border-radius: 0;
	font-weight: normal;
	margin-top:40px;
	height: 38px;
	margin-bottom: 40px;
}
a.room-booking-button:hover {
	color: #ffffff;
	text-decoration: none;
}



body.room #other-rooms-container {
	
	background-color: #1393c9;
	padding-top: 30px;
	    margin-bottom: 40px;
}


body.room #fp-rooms-container {
   
    background-color: #1393c9;
}


.other-rooms-info {
	max-width: 74%;
	background-color: #ffffff;
	margin-top: -35px;
	position: relative;
	margin-left:auto;
	margin-right: auto;
	padding: 35px 10px 22px 10px;
}

.other-rooms-info p {
	
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 12px;
}
.other-rooms-info a {
	
	font-size: 16px;
	line-height: 16px;
	width: fit-content;
	/*color: #3378b8;*/
	letter-spacing: 1.4px;
	    display: block;
    margin-left: auto;
    margin-right: auto;
}

.other-rooms-info a:hover {
	color: #3378b8;
}

.other-rooms-info a::after {
	 content: "";
    display: block;
    width: 50px;
    height: 1px;
   
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-bottom: 2px solid #3378b8;
    padding-bottom: 10px;
	
}

.other-rooms-info a:hover::after {
	
	 width: 100%;
	
}


/* room ends */




/* services starts */

#acc-glance-container {
	background-color: #1393c9;
	padding-top:20px;
	margin-bottom: 60px;
}


#acc-glance p {
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	margin-top: 20px;
letter-spacing: 0.38px;
color: #ffffff;
	
}

.acc-glance-item {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-bottom: 60px;
}



/* services ends */






/* location starts */

#location-container {
	background-color: #FAFAFA;
	padding-top:30px;
	padding-bottom: 50px;
}
#location-container li {
	list-style: none;
	font: normal 16px/30px "Noto Sans";
letter-spacing: 0.9px;
color: #58595B;
}

body.location #maintext-container2 {
	    padding-top: 20px;
    padding-bottom: 60px;
}

body.location h3 {
	    margin-top: 30px;
}

/*#maintext-container2 p:first-child::first-letter  {
	   color: #BB9873;
   	font-size: 24px;
}*/
#location-image-container {
	/*margin-top: 94px;
	margin-bottom: 60px;*/
	padding: 0;
}
.location-image-text {
	position: absolute;
	bottom:15%;
	left:10%;
	font: Bold 18px/28px "Noto Sans";
letter-spacing: 0.9px;
color: #FFFFFF;
text-shadow: 0px 3px 6px #00000080;
	max-width: 474px;
}





/* location ends */




/* gallery starts */

body.gallery #maintext-container {
   
    padding-top: 10px;
    padding-bottom: 10px;
}

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




#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 */

.contact-info p {
	margin-top: 33px;
	margin-bottom: 0;
}



#contact-info-container {
	background-color: #ffffff;
	padding-top: 35px;
	padding-bottom: 21px;
	margin-top: 30px;
	margin-bottom: 20px;
}
#contact-info-container p {
	
	color: #666666;
	font-size: 16px;
	
	font-weight: normal;
	display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
}




#contact-container {
	
	padding-top: 30px;
	padding-bottom: 30px;
}

#contact-container-form {
	margin-bottom: 40px;
	background-color: #f8f8f8;
	padding-top: 40px;
}

#contact-container-form h3{
	text-align: left;
	font-weight: bold;
	color:#e49816;
	font-size: 26px;
	margin-bottom: 20px;
    margin-top: 20px;
}

#contact-container-form i{
	
	color:#e49816;
	
}




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


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

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



#contact-form .form-control {
	height: 50px;
    margin-bottom: 25px;
    border: #cccaca solid 1px;
    border-radius: 0;
    background-color: #fff;
    font-size: 15px;
    /* font-weight: 300; */
    color: #5f6264;
    -webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
	}
#contact-form .form-control:focus {
    color: #5f6264;
    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: 20px;
    color: #000000;
}

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

    color: #5f6264;
}

#contact-form #btn_submit {
	background-color: #1393c9;
	border:none;
	border-radius: 0;
	color:#fff;
	font-size:16px;
	height:50px;
	width:100%;
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
}

#contact-container .fa {
	color:#c75e47;
	    font-size: 19px;
}

.contact-social {
	background-color: rgba(213, 213, 213, .5);
	padding: 6px;
	border:1px solid #8dc8ed;
	background-clip: content-box;
	
	display: inline-flex;
    position: absolute;
    top: 0;
    left: 15px;
    bottom: 0;
    right: 15px;
	    max-height: 220px;
    margin-top: 25px;
}

.contact-social a {
	color:#5db0e6;
	font-size:26px;
	
}






/* contact ends */












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

@media (max-width: 1700px) {
	
	#mynavbar-book {
		display: none!important;
	}
	
}

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

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

	
}

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

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


/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1199px) { 
	
	.booknowrsp {
		height:468px;
	}
	
}


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

 }

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


	

}

@media (min-width: 992px)  { 
	
	.ni1 {
		margin-left:-40px;
	}
	
	.ni2 {
		margin-right:-40px;
	}
	
	

	
	#fp-rooms-container .card {
		border: none;
		box-shadow: 0px 3px 6px #00000029;
		border-radius: 0;
		
		position: relative;
		margin-bottom: 165px;
	}
	
	#fp-rooms-container .card .card-body {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		width: 90%;
		position: absolute;
		background-color: #ffffff;
		bottom: -130px;
		margin-left: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#fp-rooms-container .card .card-icons  {
	
	
	display: flex;
    justify-content: space-around;
}
	
	body.room	#fp-rooms-container .card .card-body {
		
		width: 70%;

	}

}

@media (max-width: 991px) {
	
	h1 {
		font: bold 38px/38px 'Noto Sans', sans-serif;
			

	}

	h2 {
		font: bold 38px/38px 'Noto Sans', sans-serif;
		
	}
	
		.ni1gr, .ni2gr {
	margin-left: 0px;
}
	
	.mynavbar {
    height: auto;
}
	.firstlink, .lastlink {
    text-align: center!important;
    padding-left: 0!important;
    padding-right: 0!important;
}
	
	#mainnavbar .nav-link {
   
    padding-top: 10px;
		line-height: 45px;
}
	
	body.room .info-list {
   
		 padding-right: 10px; 

		 margin-bottom: 0px;
		 padding-left: 0; 
	}
	
	#main-slider {
      width: 100%;
      height: 550px;
		position: relative;
    }
	
	
	.location-ledger {
		 width:inherit;
		
		 margin-top: 0px;
		
	}
	
#footer-container .fcol-3, #footer-container .fcol-3 h4 {
    text-align: center;
}
	
	.fcol-3 .svg-inline--fa {
    /* background-color: #ffffff; */
    margin-left: 5px;
   
    margin-right: 5px;
}
	
	.fcol-2 {
		  
    margin-bottom: 25px;

	}
	
	.fcol-3 .booknow {

		margin: 0px auto 30px auto;
		
	}
	
	
}

@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) {
	
	
	
	#main-slider {
     
          /*margin-top: 136px;*/
    	padding-top: 0;
	}
	
	#maintext-container {
	
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#ledger-distances {
		
		display: none;
	}
	
	body.room .info-list ul {
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
		min-width: 270px;
	}
	body.room.gr .info-list ul {

		min-width: 360px;
	}
	body.room .info-list {
    padding-top: 0px;
}
	
	#contact-col-2 {
		margin-top: 40px;
	}
	
	.fcol-1 {
		text-align: center;
	}
	#footer-container h4 {
    text-align: center;
}
	.fcol-2 {
		  margin-top: 25px;
    margin-bottom: 25px;

	}
	
	.ccol-1, .ccol-3 {
    text-align: center;
}


}
 



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

	

}

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

@media (max-width: 575px) {
	
		h1 {
		font: bold 25px/25px 'Noto Sans', sans-serif;
			

	}

	h2 {
		font: bold 25px/25px 'Noto Sans', sans-serif;
		
	}


	.roominfo {
    /* margin-bottom: 22px; */
    justify-content: end;
}
	
	.roominfo .col {
        display: flex;
    width: 60%;
    flex-basis: 84%;
}
	
	#language {
		
		display: none;
		
	}
	
	#language a {
	
		font: normal 18px/23px 'Noto Sans'!important;
		
		padding: 10px;
	}

	
	#main-slider {
      width: 100%;
      height: 400px;
		
		
    }
	
	.swiper-button-prev, .swiper-button-next {
		top:60%!important;
	}
	#main-slider  {
     padding: 0 !important; 
	}
	
	.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;
	}
	
	
	
	
	
	
}
 
@media (max-width: 480px) {
	
  #fp-chooseus-container1 img {
    margin-bottom: -5px;
    margin-top: 34px;
   }
   #fp-chooseus-container {
    padding-top: 8px;
    padding-bottom: 8px;
    }
#fp-chooseus-container1 {
    padding-top: 8px;
    padding-bottom: 8px;
    }
	
}
 
 @media (max-width: 425px) { 
 
	
	 
	 
}

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

 @media (max-width: 320px) {
	 
body.room.gr .info-list ul {

		min-width: 100%;
	}
	
}