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

@import url('https://fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* font-family: "Caudex", serif;
   font-family: "Roboto", sans-serif; */

/* .caudex-regular {
  font-family: "Caudex", serif;
  font-weight: 400;
  font-style: normal;
}
.caudex-bold {
  font-family: "Caudex", serif;
  font-weight: 700;
  font-style: normal;
}
.caudex-regular-italic {
  font-family: "Caudex", serif;
  font-weight: 400;
  font-style: italic;
}
.caudex-bold-italic {
  font-family: "Caudex", serif;
  font-weight: 700;
  font-style: italic;
} */

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

body {
	height: 100%;
	max-width: 100%;
}

.noslider {
	padding-top: 152px;
}

.noslider header {
	 -webkit-box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 26%);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 26%);
}

div, p, td, a, span, li, button {
	font-family: "Roboto", sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
	color: #444;
	overflow-wrap: anywhere;
}

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

a{
	text-decoration: none;
}

.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}
	
h1, h2, h3, h4, h5 {
	font-family: "Caudex", sans-serif;
    letter-spacing: 1px;
    /* color: #764b36; */
    color: #58585a;
    font-weight: 700;
}

h1 {
	font-size: 34px;
	line-height: 34px;
	margin-top: 0px;
	margin-bottom: 30px;
}

h1 span {
    font-size: 34px;
	line-height: 34px;
	color:inherit;
}

h2 {
    font-size: 29px;
	line-height: 34px;
	margin-top: 0px;
	margin-bottom: 30px;
}

h3 {
	font-size: 24px;
	line-height: 30px;
    margin-top: 25px;
    margin-bottom: 10px;
}

h4 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 25px;
}

h5 {
	font-size: 20px;
	line-height: 25px;
	font-family: "Roboto", sans-serif;
	/*margin-bottom: 25px;*/
}

.material-symbols-outlined {
   font-size: 23px;
   line-height: 26px;
   vertical-align: top;
}

.order-sm-6 {
    order: 6 !important;
}

.order-sm-7 {
    order: 7 !important;
}

.order-sm-8 {
    order: 8 !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;
}

.fancybox__toolbar * {
	color: #fff!important;
}

.innershadow {
   -moz-box-shadow:    inset 0 0 25px #272727;
   -webkit-box-shadow: inset 0 0 25px #272727;
/* box-shadow:         inset 0 0 25px #272727; */
   box-shadow:         inset 0 0 9px #272727a6;
}

.hideme
{
    opacity:0;
}

ul {
	margin: 0;
    padding: 0;
    list-style-position: inside;
}
.g-6 {
    --bs-gutter-y: 6rem;
	--bs-gutter-x: 6rem;
}
.g-7 {
    --bs-gutter-y: 7rem;
	--bs-gutter-x: 7rem;
}
.g-8 {
    --bs-gutter-y: 8rem;
	--bs-gutter-x: 8rem;
}
.g-9 {
    --bs-gutter-y: 9rem;
	--bs-gutter-x: 9rem;
}
.g-10 {
    --bs-gutter-y: 10rem;
	--bs-gutter-x: 10rem;
}

.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;
}

.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;
}

span.bgicon {
	font-size: 22px;
	color:#ffffff;
	line-height: 22px;
	background-color: #f38d6c;
    vertical-align: middle;
    margin-right: 5px;
    /*border-radius: 50%;*/
    display: inline-block;
    text-align: center;
    padding: 10px;
}

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

.topnav {
	background-color: #b5a17e;
	color:#ffffff;
	-webkit-transition: all 0.9s ease;                  
    -moz-transition: all 0.9s ease;                 
    -o-transition: all 0.9s ease;   
    -ms-transition: all 0.9s ease;          
    transition: all 0.9s ease;
	height:38px;
}
.topnavhide {
	 height:0;
}
.topnav div{
	line-height: 38px;
	color:#ffffff;
}
.topnav div span{
	line-height: 38px;
    color: #ffffff;
    font-weight: 200;
    vertical-align: bottom;
}
.topnav div a {
	line-height: 38px;
    color: #ffffff;
    font-size: 15px;
}
.topnav div i{
    font-size: 20px;
    line-height: 38px;
    vertical-align: bottom;
}

.fixed-top {
	/* -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%); */
    background-color: #ffffff;
}

.addshadow {
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .20);
    -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .20);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .20);
}

.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;
}

#mainnavbar {
	/* background-color: #efe7dd; */
	background-color: #ffffff;
	padding-top: 0;
    padding-bottom: 0;
}

.navbar-toggler:focus {

    box-shadow: none;
}

.navbar-collapse {
	flex-grow: 0;
}

.nav-link {
	padding-right: 19px!important;
    padding-left: 19px!important;
	color: #555;
	position: relative;
	text-align: center;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #444;
    border-bottom: 1px solid #b5a17e;
}
.navbar-collapse .nav-link:before, .navbar-collapse .nav-link:after {
  content: "";
  bottom: -1px;
  width: 0px;
  height: 1px;
  display: block;
  position: absolute;
  background-color: #b5a17e;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;  
	
	margin-left: 0;
	border:none;
}



.navbar-collapse .nav-link:before { right: 50%; }
.navbar-collapse .nav-link:after { left: 50%; }

.navbar-collapse .nav-link:hover:before , .navbar-collapse .nav-link:hover:after {
  width: 50%;
}

@keyframes grow {
  0% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.6) rotate(10deg);}
}

@-webkit-keyframes grow {
  0% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.6) rotate(10deg);}
}








.lang {
	    margin-right: 15px;
}

.lang span {
	    padding: 0 6px;
}

.lang span:first-child {
	border-right: 1px solid #ffffff;
	padding-right: 11px;
}

.lang a {
	position: relative;
	display: inline-block;
	color: #555555;
	font-size: 17px;
}

.lang a.active::after {
	display: block;
    content: '';
    border-top: 1px solid #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 6px;
}

.lang a:hover::after {
	display: block;
    content: '';
    border-top: 1px solid #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 6px;
}

.langmobile a {
	color: #ffffff;
}

.langmobile a:first-child span{
	border-right: 1px solid #444;
    padding-right: 7px;
    /* display: inline-block; */
    height: 25px;
    margin-right: 2px;
}
/*----- new header ends ------*/

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

.mybutton1 {
    color: #888888;
    border-radius: 0;
    width: 170px;
    height: 47px;          /* Ύψος κουμπιού */
    border: 1px solid #999999;
    position: relative;
    display: flex;         /* Ενεργοποίηση flexbox */
    justify-content: center;  /* Κεντράρισμα οριζόντια */
    align-items: center;      /* Κεντράρισμα κατακόρυφα */
    text-align: center;     /* Κεντράρισμα του κειμένου */
}
.mybutton1:hover {
    background-color: #ffffff;
    border: 1px solid #e87955;
}
.mybutton1::before {
    position: absolute;
    content: '';
    /* background-color: #dd9250; */
    background-color: #e87955;
    transition: 0.3s ease-out;
    top: 0; 
	left: 0; 
	right: 0; 
    height: 0%;
	width: 100%;
}
.mybutton1 span {
    color: #555555;
    letter-spacing: 0.8px;
    transition: 0.2s;
    position: relative;
}

.mybutton1:hover span {
    color: #ffffff;
    transition: 0.1s 0.1s;
}

.mybutton1:hover::before {
    height: 100%;
}

.mybutton2 {
    color: #ffffff;
    border-radius: 0;
    width: 170px;
    height: 40px;          /* Ύψος κουμπιού */
    border: 1px solid #999999;
    position: relative;
    display: flex;         /* Ενεργοποίηση flexbox */
    justify-content: center;  /* Κεντράρισμα οριζόντια */
    align-items: center;      /* Κεντράρισμα κατακόρυφα */
    text-align: center;     /* Κεντράρισμα του κειμένου */
}

.mybutton2:hover {
    background-color: #ffffff;
    border: 1px solid #b5a17e;
}

.mybutton2::before {
    position: absolute;
    content: '';
    background-color: #b5a17e;
    transition: 0.3s ease-out;
    top: 0; left: 0; 
    height: 100%;
    width: 0%;
}

.mybutton2 span {
    color: #555;
    letter-spacing: 1px;
    transition: 0.2s;
    position: relative;
    font-size: 16px;
}

.mybutton2:hover span {
    color: #ffffff;
    transition: 0.1s 0.1s;
}

.mybutton2:hover::before {
    width: 100%;
}

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

#main-slider {
    width: 100%;
	/* max-height: 700px; 
	max-height: 95%; */
	padding:0;
	/* padding-top: 72px; */
    height: 100%;
	/*max-height: 88%;*/
	/*position: relative;
	margin-top: 116px;*/
	/*margin-bottom: 45px;*/
	margin-left: auto;
	margin-right: auto;
	/* background-color: #e1dcd3;  */
	/* padding-left:50px;
	padding-right:50px; 
	padding-bottom: 50px; */
    }
.swiper {
      width: 100%;
      height: 100%;
    }

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

.mainswiper .swiper-nav {
	position: absolute;
    bottom: 0px;
    right: 0px;
    width: 152px;
    /*background-color: #b5867e;*/
    background-color: #d87969;
    height: 40px;
    display: block;
    z-index: 10;
    border-bottom: 1px solid #ffffff;
}

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

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

 .swiper-button-prev,   .swiper-button-next {
	color: #c4a477!important;
	 top:55%!important;
}
 .swiper-button-prev {
	left:34px!important;
	 
}
.swiper-button-next {
	right:34px!important;
	 
}
#slider-title {
	color:#fcfcfc;
	font-size: 24px;
	line-height: 29px;
	position: absolute;
	bottom: 24px;
	right: -500px; 
	font-weight: 600;
	font-family: "Roboto", sans-serif; 
	text-shadow: 2px 2px 1px #5a5a5a; 
	 /* text-shadow: 2px 2px 1px #afa0a0;*/
	/*-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
	z-index: 100;
    text-align: right;
	opacity: 0;
   -moz-transform: translate(0%, 0%) scale(.5);
    -o-transform:translate(0%, 0%) scale(.5);
    -ms-transform:translate(0%, 0%) scale(.5);
    -webkit-transform: translate(0%, -50%) scale(.5);
    transform: translate(0%, 0%) 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 {
	position: relative;
	color:#fff;
	font-size: 40px;
	line-height: 52px;
	font-weight: bold;
	text-shadow: 2px 2px 1px #afa0a0;
	/* font-family: "Roboto", sans-serif; */
    text-align: center;
}

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

	right:106px;
}

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

#scroll-down {
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin: 0 auto;
	font: 500 13px/13px 'Roboto', sans-serif;
    text-align: center;
	color: #ffffff;
	letter-spacing: 0.6px;
   
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	z-index: 9;
}

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

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

#scroll-down-mouse {
	position: absolute;
    bottom: 20px;
	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 'Roboto';
	color:#ffffff;
}

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

/* Slide captions */
.slide-captions {
	position: absolute;
	bottom: -20px;
	left: 40px;
	color: #fff;
	z-index: 999;
	transform: translateY(-40%);
	text-shadow: 2px 5px 5px #222;
	
}
.slide-captions .current-subtitle {
    /* margin: 5px 0 0 0; */
    font-size: 22px;
    text-shadow: -2px 3px 5px #222222b3;
    font-family: "Roboto", sans-serif;
}


.slide-captions h3 {
	line-height: 1.2;
	color: #fff;
    /* padding: 8px 0 0 15px; */
}

.slide-captions h3:before {
   /* content: '';
    width: 114px;
    height: 114px;
    background: #b5a17e;
    position: absolute;
    border-radius: 50%; */
    background: transparent;
    z-index: -1;
    top: -20px;
    left: -32px;
}

/* main slider ends */

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

#sbuttons {

    /* background-color: #c4aa84; */
    background-color: #b09c7f;
}



.sbuttons1 {
/*	background-color: #35c7cf; 
	background-color: #b5867e; 
    background-color: #c4aa84; */
    background-color: #b09c7f;
}

.sbuttons2 {
/*	background-color: #f38d6c; 
	background-color: #a17a7e; */
	/* background-color: #c4aa84; */
    background-color: #b09c7f;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

.sbuttons3 {
	/* background-color: #42d48a; 
	background-color: #b5867e; */
	/* background-color: #c4aa84; */
    background-color: #b09c7f;
}

#sbuttons .title {
	color:#ffffff;
	font-size: 20px;
}

#sbuttons .subtitle {
	color:#ffffff;
	font-size: 14px;
}

#sbuttons span.material-symbols-outlined {
		color: #ac9266;
    font-size: 44px;
    font-weight: 100;
    background-color: #ffffff;
    padding: 26px 19px;
    border-radius: 50%;
	}



	#maintext-container {
    padding-top: 80px;
    padding-bottom: 120px;
    background-color: #ffffff;
    overflow: hidden;
}

.uppertitle {
	font-size:14px;
	color: #58585a;
}
#section2-container {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #f0f3f5;
    overflow: hidden;
}

#section2 .card  {
	border:none;
	/* border-radius: 0; */
	border-radius: 18px;
	box-shadow: 0px 6px 12px -5px rgba(0, 0, 0, 0.15);
}


#section2 .fp-services-icon {
	width: fit-content;
	margin-left:auto;
	margin-right: auto;
	margin-top: -123px;
}

#section2 .section2row {
	margin-top:80px;
}

#section2 .section2row > div:nth-of-type(4), #section2 .section2row > div:nth-of-type(5), #section2 .section2row > div:nth-of-type(6) {
	margin-top:80px;
}

/*#section2 .card img {
	width:60px;
	margin-left: auto;
	margin-right: auto;
}*/
#section2 .card h5 {
	margin-bottom: 20px;
	color: #444;
}
#section2 .card  .material-symbols-outlined{
	color: #f94d1c;
}

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


/* Accommodation & Room Equipment Sections */
#diamoni-container, #room-equipment-container, #spa-container {
    padding: 96px 12px;
	overflow: hidden;
}


#diamoni .custom-list, #room-equipment .custom-list, #spa .custom-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
}

#diamoni .custom-list li, #room-equipment .custom-list li, #spa .custom-list li {
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

#diamoni .custom-list li i, #room-equipment .custom-list li i, #spa .custom-list li i {
    position: absolute;
    left: 0;
    top: 2px;
    color: #b5a17e;
    font-size: 21px;
}

#diamoni .btn-primary, #spa .btn-primary {
    background-color: transparent;
    border-color: #999;
    padding: 12px 25px;
    font-size: 14px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    color: #555
}

#diamoni .btn-primary:hover, #spa .btn-primary:hover {
    background-color: transparent;
    border-color: #999;
    letter-spacing: 1.5px;
}

#diamoni .btn-primary i, #spa .btn-primary i {
    margin-left: 8px;
}

#diamoni .uppertitle, #room-equipment .uppertitle, #spa .uppertitle {
    text-transform: uppercase;
    color: #b5a17e;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-weight: 600;
}

.bg-light {
    background-color: #f8f8f8 !important;
}


/* Contact Info Section */
.contact-info-section {
    background-color: #f8f8f8;
    position: relative;
    margin-bottom: 60px;
}

.contact-info-section .container {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
}

.contact-info-section .row {
    justify-content: center;
    text-align: center;
    margin: 0;
    background-color: #ffffff;
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
    position: relative;
    z-index: 1;
    margin-bottom: -110px;
}

.contact-info-section .contact-info-col .d-flex {
    justify-content: center;
   /* padding: 25px 15px*/;
    align-items: center;
	border-left:1px solid #b5a17e;
	border-right:1px solid #b5a17e;
}

.contact-info-section .contact-info-col:first-of-type .d-flex, .contact-info-section .contact-info-col:last-of-type .d-flex {
   border:none;
}

.contact-info-section h6 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #58585a;
    margin-bottom: 4px;
    line-height: 1;
}

.contact-info-section p {
    font-size: 14px;
    margin: 0;
    line-height: 1.2;
    color: #555;
}

.contact-info-section .material-symbols-outlined {
    font-size: 48px;
    font-weight: 300;
    color: #b5a17e;
    line-height: 1;
    margin-top: -1px;
}

.contact-info-col {
    padding: 0;
}





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

footer {
    background-color: #fff;
    padding: 70px 0 0;
    color: #ffffff;
    position: relative;
}

body.home footer {
	padding: 120px 0 0;
}

footer *, 
footer div, 
footer p, 
footer td, 
footer a, 
footer span, 
footer li,
footer h1, 
footer h2, 
footer h3, 
footer h4, 
footer h5,
footer .material-symbols-outlined,
footer .social-media a,
footer .fcol-1 p,
footer .fcol-2 p,
footer .fcol-3 p,
footer .fcol-4 p,
footer #copyright_container-outer p,
footer #copyright_container-outer a {
    color: #555;
}

footer a:hover {
    color: #444 !important;
    text-decoration: underline;
}

footer .footer-logo img {
    /* max-width: 200px; */
    margin-bottom: 20px;
}

.row.justify-content-between {
    gap: 30px;
}

.fcol-1 {
    padding-right: 0;
    max-width: 300px;
}

.footer-header {
    font: normal 15px/1.2 'Roboto';
    color: #555;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.footer-header::after {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background-color: #b09c7f;
    margin-top: 10px;
}

.footer-logo {
    margin-bottom: 20px;
    width: 100%;
}

.footer-logo a {
    display: block;
}

.footer-logo img {
    max-width: 100%;
    height: auto;
    display: block;
}

.footer-description {
    font: 400 14px/1.6 'Roboto';
    color: #555;
    margin-bottom: 25px;
    letter-spacing: 0.3px;
    width: 100%;
}

.footer-social {
    display: flex;
    gap: 15px;
    margin-bottom: 0;
    width: 100%;
    justify-content: center;
}

.footer-social a {
    display: block;
    transition: transform 0.3s ease;
}

.footer-social img {
    height: 38px;
    width: auto;
    display: block;
}

.footer-social a:hover {
    transform: translateY(-2px);
}

.fmenu {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.fmenu p {
    margin: 0;
}

.fmenu p a {
    font: 400 14px/1.2 'Roboto';
    color: #555;
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
    text-align: left;
    letter-spacing: 0.3px;
	position: relative;
}

.fmenu p a:hover {
    color: #000;
    
}

.fmenu a::before {
	 content: "";
        z-index: 0;
        position: absolute;
        display: block;
        border-radius: 100%;
        /* background-color: #b09c7f; */
        border: 1px solid #9d8665;
        left: -30px;
        top: 50%;
        margin-top: -9px;
        width: 16px;
        height: 16px;
        visibility: hidden;
        opacity: 0;
        transform: scale(0);
        transition: all .6s ease-in-out;
}

.fmenu a::after {
	   content: "";
        z-index: 1;
        position: absolute;
        display: block;
        width: 51px;
        height: 1px;
        top: 50%;
        margin-top: -1px;
        background-color: #b09c7f;
        left: -120px;
        visibility: hidden;
        opacity: 0;
        transition: all .6s ease-in-out;
}

.fmenu a:hover:before, .fmenu a:hover:after {
	visibility: visible;
        opacity: 1;
}

.fmenu a:hover:before {
	transform: scale(1);
}

.fmenu a:hover:after {
	left: -80px;
}

.contact-info p {
    font: 400 14px/1.6 'Roboto';
    color: #555;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    letter-spacing: 0.3px;
}

.contact-info p:last-child {
    margin-bottom: 0;
}

.contact-info p a {
    color: #555;
    text-decoration: none;
    transition: all 0.3s ease;
}

.contact-info p a:hover {
    color: #000;
    letter-spacing: 0.5px;
}

.contact-info .material-symbols-outlined {
    margin-right: 10px;
    font-size: 20px;
    color: #666;
    margin-top: 2px;
}

#copyright_container-outer {
    background-color: #b09c7f;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 8px 0;
    margin-top: 16px;
}
.custom-border {
  border-right: 1px solid #b09c7f;
}
.custom-padding-right {
  padding-right: 14px;
}
.custom-padding {
  padding-left: 14px;
  padding-right: 14px;
}

.ccol-1 {
    font: 400 14px/1.2 'Roboto';
    color: #fff !important;
    margin: 0;
    letter-spacing: 0.3px;
}

.ccol-2 {
    font: 400 14px/1.2 'Roboto';
    color: #fff !important;
    margin: 0;
    letter-spacing: 0.3px;
    text-align: center;
}

.ccol-3 {
    text-align: right;
    line-height: 17px;
}

.copyright-link {
    color: #fff !important;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    font: 400 14px/1.2 'Roboto';
    transition: all 0.3s ease;
    letter-spacing: 0.3px;
    display: inline-block;
    /* border-left:1px solid #ffffff; */
    /* border-left: 1px solid #ffffff !mportant;  */
    /* border-right:1px solid #ffffff; */
    margin:0;
}

.copyright-link:first-child, .copyright-link:last-child {
   
    border:none;
}

.copyright-link:hover {
    color: #fff!important;
    letter-spacing: 0.5px;
}

/*contact start */
.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: 400;
    color: #626262;
   /* -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 29%);
	box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 29%);*/
	/*box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 1A);*/
	border-bottom: 1px solid #f38d6c69;
	position: relative;
	padding-left: 12px;
	}
#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: #f38d6c;
    border: none;
    border-radius: 0;
    color: #ffffff;
    font-size: 16px;
    height: 58px;
    width: 100%;
    /* -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 29%);
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 29%); */
    line-height: 22px;
	box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 1A);
}

#contact-form #btn_submit:hover {
	
	   font-weight: bold;
}

#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;
}

.form-floating>label {
	font-size: 15px;
    font-weight: 400;
    color: #626262;
    position: absolute;
    top: -3px;
    left: 0px;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
}

.form-control:focus {
    box-shadow: none;
}

/* contact ends */



/* gallery starts */

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

body.gallery header {
   
}

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/enlarge.png');
	background-repeat: no-repeat;
	background-position: center center;
}

/* gallery ends */



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

@media (min-width: 1400px)  {  
	
	.topnav .container-fluid {
    max-width: 1600px;
		padding-right: 30px;
}
		.container, nav .container-fluid, .topnav .container-fluid {
    max-width: 1600px;
}
	#sbuttons > div.container {
	max-width: 1850px;
}
     
}
@media (max-width: 1560px)  {
	
}

@media (max-width: 1440px)  {
	

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

}

@media (min-width: 1200px) and (max-width:1399px) {
	.navbar-brand img {
		max-width: 300px;
	}
	
	.nav-link {
		padding-right: 10px !important;
		padding-left: 10px !important;

	}
}



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

/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1199px) { 

	.contact-info1 p a span {
		    font-size: 14px;
    letter-spacing: 0px; 
	}
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 1024px) { 
	
}
@media (min-width: 992px) and (max-width:1199px) { 
	.navbar-brand img {
		max-width: 230px;
	}
	
	.nav-link {
		padding-right: 5px !important;
		padding-left: 5px !important;
		font-size:15px;
	}
	
	 .fcol-1 {
        max-width: 200px;
    }
	.fcol-4 {
        max-width: 350px;
    }
}

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

@media (max-width: 991px) {
	.nav-link {
	width: fit-content;
    margin-left: auto;
	margin-right: auto;
	}
	#maintext-container {
    padding-top: 50px;
    }
	.sbuttons2 {
	border-left:none;
	border-right:none;
    }
	#sbuttons span.material-symbols-outlined  {
	display: none;
    }
	#section2 .section2row > div:nth-of-type(3) {
	margin-top:80px;
    }
    #diamoni .col-12, #room-equipment .col-12, #spa .col-12 {
    margin-bottom: 30px;
    }
    .custom-list li {
    font-size: 15px;
    line-height: 24px;
    }
	.row.justify-content-between {
    gap: 40px;
    }
    .fcol-1, .fcol-2, .fcol-3, .fcol-4 {
    padding: 0;
    }
    .fcol-1 {
    max-width: 100%;
    }
    .footer-logo {
    text-align: center;
    }

    .footer-description {
        text-align: center;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-header {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-header::after {
        margin: 10px auto 0;
    }

    .footer-social {
        justify-content: center;
    }

    .fmenu {
        text-align: center;
        max-width: 280px;
        margin: 0 auto;
    }

    .fmenu p a {
        text-align: center;
    }

    #copyright_container-outer {
        margin-top: 26px;
    }

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

    .ccol-1 {
        margin-bottom: 10px;
    }
    
    .ccol-2 {
        margin-bottom: 10px;
    }

    .copyright-link {
        margin: 0 10px;
    }
    /* #advertisingModal {
    display: none !important;
  } */

}

@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) { 

		.contact-info-section .material-symbols-outlined {
			font-size: 30px;
			
		}
			.contact-info-section h6 {
			
			font-size: 13px;
			
		}
		.contact-info-section p {
			font-size: 13px;
			
		}
	
}
 
@media (max-width:767px) {
	
	body.scroll-top {
	display: none!important;
    }
	#maintext-container {
    padding-top: 40px;
    }
	
	#sbuttons span.material-symbols-outlined  {
		    color: #ac9266;
    font-size: 44px;
    font-weight: 100;
    background-color: #ffffff;
    padding: 26px 19px;
    border-radius: 50%;
		display: block;
		
	}
	
	#section2 .section2row > div {
	margin-top:80px;
    }
	#section2 .section2row > div:nth-of-type(1) {
	margin-top:0px;
    }
	
	#diamoni-container, #room-equipment-container, #spa-container {
    padding: 40px 12px;
    }
	
	.m-backtotop {
	display: none;
	}

    .row.justify-content-between {
    gap: 30px;
    }
	
	.footer-logo img {
    margin-left: auto;
	margin-right: auto;
	max-width: 80%;
    }
	
	.contact-info1 p {
	display: flex;
	flex-direction: column;
	align-items: center;
	}
	
	.contact-info1 p span.material-symbols-outlined {
		margin-bottom: 10px;
	}
	
	.contact-info-section .contact-info-col .d-flex {
		border:none;
	}

    #copyright_container-outer {
        margin-top: 6px;
        padding: 12px 0;
    }
    .custom-border {
    border-right: none;
    }
    
    .ccol-1 {
        font-size: 12px;
        margin-bottom: 8px;
    }
    
    .ccol-2 {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .copyright-link {
        font-size: 12px;
        margin: 0 8px;
    }
	
	.contact-info-col:not(:last-child) {
        border-bottom: 1px solid #e9ecef;
    }
    .crossbar-f {
    display: none;
    }
}
 
@media (min-width: 426px) and (max-width:767px) { 

}

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

@media (max-width: 575px) {
	
	.navbar-brand img {
		max-width: 270px;
	}
	
	   #main-slider {
	   margin-top: 78px;
	   max-height: 318px;
	   padding: 0;
	}
	   .slide-captions {
		display: none;
	}
		.swiper-button-prev, .swiper-button-next {
		top: 57% !important;
	}
	
	.ccol-3 {
		display: flex;
		flex-direction: column;
		
	}
	.ccol-3 a{
		line-height: 22px;
		
	}
	.copyright-link {
		border: none;
	}
	.mainswiper .swiper-nav {
    width: 138px;
    height: 32px;
    }
}
 
@media (max-width: 480px) {
	
}
 
 @media (max-width: 425px) { 
      
    #maintext-container {
    padding-top: 30px;
    }

}

@media (max-width: 390px) { 
.navbar-brand img {
        max-width: 254px;
    }
}
 @media (max-width: 375px) {
    .navbar-brand img {
	max-width: 230px;
	}
	.topnav div a {
    font-size: 14px;
	}
}

 @media (max-width: 340px) { 
    .navbar-brand img {
    max-width: 218px;
    }
}

 @media (max-width: 320px) {
	 .topnav div a {
     font-size: 12px;
}
	 .custom-list li {
     font-size: 14px;
     line-height: 22px;
    }
    .navbar-brand img {
    max-width: 200px;
}