@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400');
@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');

/* ==========================================================================
	Author's custom styles
========================================================================== */

/* Tools */
.noPad				{ padding:0px; }
.padding5			{ padding:5px;}
.padding10			{ padding:10px;}
.padding15			{ padding:15px;}
.padding30			{ padding:30px;}
.padding10b   		{ padding-bottom:10px;}
.padding20b  	    { padding-bottom:20px;}
.marginLeft20		{ margin-left:20px; }
.marginRight10		{ margin-right:10px; }
.marginTop100		{ margin-top:100px; }
.marginTop50		{ margin-top:50px; }
.marginTop10		{ margin-top:10px; }
.alignRight			{ text-align:right;}
.alignCenter		{ text-align:center;}
.hideThis     		{ display: none; }
.shadow_diffuse		{text-shadow: 0 0 40px rgba(0, 0, 0, 0.49);}
.fullSize			{ width: 100%; height: 100%; left:0px; right: 0px; top: 0px; bottom: 0px;}
.borderMediumWhite	{ border:6px solid white}

body { min-height: 800px; margin: 0px; padding: 0px; }


/* INIT */
#SearchBar { display:none;}

/* MENU TOP */
.navbar * { transition: 0.5s all;}
.MenuFont                         {font-family: "Raleway";font-size: 1.1em;font-weight: 400;}
.nav-item      		     		  { position: relative;   }
.nav-link {text-shadow: 0px 1px 0px rgb(0 0 0 / 44%);}
.nav-link:before    			  {content : "";position: absolute;top: 12px;right: 0;left: 0;height: 50%;width: 1%;  /* or 100px */border-right: 1px solid rgb(219 175 114);}
.navbar-inverse .navbar-nav>li>a  {color: #ffffff;} /* override */
.navbar-nav li                    { padding-left:10px; padding-right:10px;} /* override */
.navbar-bckcolor                  { background-color: hsla(0, 0%, 0%, 0.341); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 2px solid #e3cb88;}
.navbar-toggle 					  { margin-top: 22px; background-color: rgb(152, 127, 80); }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: rgb(152, 127, 80);  }

.navbar-custom-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
}

.navbar-custom-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
  
.font01 { font-family: 'Monserrat';}
.font02 { font-family: 'Raleway';}
.font03 { font-family: 'Forum', cursive;}

.font-size-large { font-size: 2em;}
.font-size-medium { font-size: 1.5em;}
.font-size-normal { font-size: 1em;}
.line-height-short {line-height: 1em;}


/* Language Selector */
.localizationTool            { transition: 0.1s;}
.localizationTool ul         { list-style:none; padding:0px; margin:0px;}
.localizationTool li         { margin:0px; padding:0px 0px 0px 0px; border-top:1px solid silver; font-size:12px;}
.ltool-language-name         { color:#a88b56;}
.ltool-language-countryname  { background-color:#f4f4f4; display:block; padding:10px; cursor: pointer;  }
.ltool-language-countryname:hover  { background-color:#7d9db8; color:white   }
.ltool-language-countryname:hover .ltool-language-name { color:white}



/* Buttons */
.btn-gold			{ font-family:"Montserrat"; font-size:17px; border:1px solid #9f793d; }
.btn-frame			{ background-color:rgba(0, 0, 0, 0.0); font-family:"Montserrat"; font-size:17px; border:1px solid #9f793d; color: #C8AA69; transition: all 0.5s ease; }
.btn-frame:hover	{  color: #C8AA69; background-color:rgba(0, 0, 0, 1); text-decoration: none; }
.btn-frame:visited	{  color: #C8AA69; background-color:rgba(0, 0, 0, 1); text-decoration: none;  }

/* Colors */
.Color_Golden {
	background: #c9ab6a;
	background: -moz-linear-gradient(left,  #c9ab6a 0%, #9f793d 100%);
	background: -webkit-linear-gradient(left,  #c9ab6a 0%,#9f793d 100%);
	background: linear-gradient(to right, rgba(201, 171, 106, 0.80) 0%,rgba(159, 121, 61, 0.80) 100%);
	background-blend-mode: difference;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ab6a', endColorstr='#9f793d',GradientType=1 ); transition: all 0.5s ease; }

.bg-gradient-seaSalt { background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%); }
.bg-gradient-shadesGray { background: linear-gradient(45deg, #e9e9e9 0%, #cacaca 100%); }

.Black	          { color:black}
.LightGrey	      { background-color:#F0F0F0; }
.Silver	          { color:silver }
.Gold		      { color:#c9ab6a; transition: all 0.5s ease;}
.Gold a		      { color:#c9ab6a; text-decoration:none; }
/* .Gold:hover	  { color:black; text-decoration:none;  letter-spacing: 2px }	 */
.Bck_White        { background-color:white;}
.Bck_Half_White   { background-color:rgba(159, 121, 61, 0.60);}
.BorderRight      { border-right:1px solid #c9ab6a;}
.BorderBottom     { border-bottom:1px solid #c9ab6a;}
.BorderTop    	  { border-top:1px solid #c9ab6a;}
.border-gold-round { border: 2px solid #c9ab6a; height: 120px; width: 120px; border-radius: 120px; }

[data-aos="new-animation"]{  transition-property: all; height: 100px; }  
[data-aos="new-animation"].aos-animate { height: 40vh; }
  


/* Text Formations */
.Title_Section            { font-family: Raleway;font-size: 23px;color: #d8b976;}

.TitleSub_Section         { font-family: Montserrat;font-weight: bold;}
.TitleOver 		 		  { position: absolute; z-index: 10; padding: 10px; background-color: rgb(255, 255, 255);}
.TitleOver_PriceTable__img {font-family: Raleway;font-size: 15px;color: #ffffff;position: absolute;z-index: 10;padding: 5px;background-color: #d2b879;min-width: 131px;text-align: center;}

.Link_White	 a					{ color:white !important; ; text-decoration:none; transition: all 0.5s ease; }
.Link_White	 a:link			{ color:white !important; text-decoration:none; transition: all 0.5s ease; }
.Link_White:hover				{ color:#c9ab6a; cursor: pointer  }
.Link_White i						{ display: block; }

/* List Formations */
.List_Date                       { padding:0px; margin:0px;}
.List_Date li 		               { list-style:none; padding:5px;margin-bottom: 6px;font-family: Montserrat; font-weight:16px; border: 1px solid #dfdfdd;border-radius: 5px; cursor:pointer}
.List_Date li i		               { padding-left: 5px; padding-right: 5px; margin-left:10px; margin-right:10px;}
.List_Date > .active   			     { background-color: #d2b879;color: white; }
.List_Date > .active .Year   		 { border: 1px solid white; background-color:white;  }
.List_Date > .active i   				 { background-color:white; padding-left: 5px; padding-right: 5px; border-radius:2px; margin-left:10px; margin-right:10px;  }

.TablePrices_Header i { margin-left:10px; margin-right:10px; }

.Year	{ border: 1px solid #d2b879; padding-left: 5px; padding-right: 5px; border-radius: 5px; font-weight: bold; color: #d2b879; margin-right:10px; }
.Date	{}

.Hotel			{ background:url(../Gallery2020/Hotel/Interior6.jpg) no-repeat; background-size:cover;}
.Bars			{ background:url(../img/box_select_bars.jpg) no-repeat; background-size:cover;}
.Restaurant		{ background:url(../img/box_select_restaurant.jpg) no-repeat; background-size:cover;}
.Pools			{ background:url(../img/box_select_pools.jpg) no-repeat; background-size:cover;}

.Icon_Hotel		{width:60px;height:auto;margin-left:auto;margin-right:auto; border:2px solid white; padding:10px;box-sizing:content-box;border-radius:50px;position: relative;z-index: 50;}
.Icon_Rooms		{width:60px;height:auto;margin-left:auto;margin-right:auto; border:1px solid #c9ab6a; padding:20px;box-sizing:content-box;border-radius:50px;position: relative;z-index: 50;}


/* GreenKey Page */

.greenkey-wrapp img { width: 100px; display: flex; align-self: center; justify-self: anchor-center;  margin: 10px; padding: 10px; border-radius: 1ch;}

.greenkey-img { height: 170px; display: flex; align-content: center; justify-content: center; }

/* For SVG */ 

.fa-1x { font-size: 1.5em !important; vertical-align: middle;}

.icon-hotel  	 		  { filter: invert(100%); width: 25px;  }
.icon-restaurant  		  { filter: invert(100%); width: 100px; }
.icon-pool  	  		  { filter: invert(100%); width: 60px;  }
.icon-spa  	  		      { filter: invert(100%); width: 80px;  }
.icon-cocktail    		  { filter: invert(100%); width: 60px;  }

.icon-60px        	      {  height: 60px;  padding:10px; opacity: 0.5; }
.icon-120px        	      {  height: 80px;  padding:10px; opacity: 0.5; }
.icon-info24h        	  {  height: 60px;  padding:10px; opacity: 0.5; }
.icon-infoAC        	  {  height: 60px;  padding:10px; opacity: 0.5; }
.icon-infoMedic        	  {  height: 60px;  padding:10px; opacity: 0.5; }
.icon-infoMultiplex       {  height: 60px;  padding:10px; opacity: 0.5; }
.icon-infoFidelityCard    {  height: 60px;  padding:10px; opacity: 0.5; }
.icon-room        		  {  height: 60px;  }
.icon-dinner        	  {  height: 60px; opacity: 0.5; }
.icon-chair        	      {  height: 60px; opacity: 0.5; }
.icon-chair-small 	      {  height: 50px; opacity: 0.5; }

.icon-PoolTowels        	      {  height: 60px; opacity: 0.5; }
.icon-Sombrero        	     	  {  height: 60px; opacity: 0.5; }

/* greenKey */
.icon-Spray        	      {  height: 60px; opacity: 0.5; }
.icon-Bulb        	      {  height: 60px; opacity: 0.5; }
.icon-recycle        	  {  height: 60px; opacity: 0.5; }
.icon-water        	      {  height: 60px; opacity: 0.5; }

/* rooms */

.icon-infoRoomService    	{  height: 70px;  padding:10px; opacity: 0.5; }
.icon-infoBreakfast     	{  height: 70px;  padding:10px; opacity: 0.5; }
.icon-infoLaundry    	    {  height: 70px;  padding:10px; opacity: 0.5; }
.icon-infoRoomWifi    	    {  height: 70px;  padding:10px; opacity: 0.5; }
.icon-infoSafe    		    {  height: 70px;  padding:10px; opacity: 0.5; }
.icon-infoTV    			{  height: 70px;  padding:10px; opacity: 0.5; }
.icon-infoRoomMiniBar    	{  height: 70px;  padding:10px; opacity: 0.5; }
.icon-MiniBar    			{  height: 70px;  padding:10px; opacity: 0.5; }


.icon-town       		  {  height: 60px; padding:5px ; opacity: 0.5;  }
.icon-flipflop    		  {  height: 60px; opacity: 0.5;  }
.icon-room       		  {  height: 60px; padding:5px;    opacity: 0.5; }
.icon-swimmingpool        {  height: 60px; padding:10px ;  opacity: 0.5; }
.icon-wifi        		  {  height: 60px; padding:10px;   opacity: 0.5; }

/* Form Styles */
.Form_Style		    { }
.Form_Style input 	{ background-color: #dfdfdf;border-radius: 0px; border: 0px; padding: 20px; font-family: Montserrat; color: black;}
.btn-gold			{ border-radius: 0px;border: 0px;  padding: 8px;}

.Form_Notes									 { list-style: none;color: #797979;padding: 0px;font-family: "Montserrat";display: flex; justify-content: space-evenly; }
.Form_Notes i								 { font-size: 10px; margin-right: 10px;}
.Form_Notes	li						  		 { padding: 0px 10px 0px 10px;}

/* Tabs */
.Tab_Room_Descr 						{ right:0px; padding-top: 3%; position:absolute; width: 45%;}
	.Tab_Room_Descr a 						{ color:white; transition: all 0.5s ease; }
	.Tab_Room_Descr a:hover					{ color:white; letter-spacing:1px; text-decoration:none; }
	.Tab_Room_Descr div 					{ display:table; }
	.Tab_Room_Descr div div:nth-child(1)	{ background-color:rgba(255, 255, 255, 0.73);color:black;font-family:raleway;font-size: 16px; display:table-cell; padding:20px; line-height: 20px;   }
	.Tab_Room_Descr div div:nth-child(2)	{ background-color:rgba(0, 0, 0, 0.74);color:white;font-family:raleway;font-size:24px; display:table-cell; padding:20px; text-align:center; vertical-align:middle; line-height: 20px;    }
	.Tab_Room_Descr div:nth-child(2)		{ background-color: rgba(176, 139, 82, 0.53);padding:10px; font-family:Montserrat;color:white; }


.nav-tabs                       { font-family:Montserrat; font-size:19px; border-top:1px dotted #DBB072; }
.nav-tabs a                     { color:#DBB072; }
.nav-tabs > li, .nav-pills > li { float:none; display:inline-block; display:inline; /* ie7 fix */ zoom:1; /* hasLayout ie7 trigger */;     margin-right: 3%; }
.nav-tabs, .nav-pills           { text-align:center;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #1a1a1a; cursor: default; background-color: #aaaaaa; border: 0px solid #ddd; border-bottom-color: transparent; border-radius: 0px; }

/* Override nav-tabs for the gallery */
.nav-tab-gallery { border-top:0px}
	.nav-tab-gallery { justify-content: center !important; }

	.nav-tab-gallery .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { 
		color: #ffffff; border-color: #dee2e6 #dee2e6 #fff; background-color: #c9ab6a; 
		border-radius: 0px; border: 0; padding: 10px 30px 10px 30px !important; }
	.nav-tab-gallery .nav-item { padding: 10px 30px 10px 30px !important; }

/* FulLScreen PopUP */

.Loading	   { display:none;}
.Loading 	   { background-color: white; width: 100%; height: auto; bottom: 0px; top: 0px; left: 0; position: fixed; z-index:5000; }
.center        { position: absolute; border: 0px solid silver; width:139px; height: 150px; top: 45%; left: 50%; margin-top: -25px; margin-left: -65px; }

/* HomePage  */

.Booking-wrap 			 { background-color:rgba(0, 0, 0, 0.70); margin-top:-73px; position:absolute; width:100%; z-index:5;}
.Booking-wrap button 	 { margin-bottom:5px; }



/* Squared NAV component */

.square-nav *  { transition: all 0.5s ease; }
.square-nav:hover .square-nav-background { filter: brightness(60%); }
.square-nav:hover .square-nav-holder     { height: 98%;  }
.square-nav:hover .square-nav-header     { opacity:0 	 }

.square-nav-header       { font-family:'Raleway'; color:#ffffff; font-size: 2.5em;  font-weight: 300; z-index: 10; text-shadow: 0px 1px 5px hsla(0, 0%, 0%, 0.51); text-align: center; }

.square-nav-background   {  height: 100%; width: 100%; margin: auto; transition: 0.8s all;
						 	background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 1; filter: brightness(100%);
							position: absolute; border-radius: 5px;
							left:0px; right: 0px; top:0px; }

.square-bg-gold	   	   { background-color: #6a481baa; }
.square-bg-ardosia	   { background-color: #122a5478; }
.square-bg-poolday	   { background-color: #2a637b36; }
.square-bg-cheers	   { background-color: #cab65b2d; }
.square-nav-holder { position: absolute; width: 98%; height: 0%;  color:#ffffff; z-index: 10;  overflow: hidden; 
					 backdrop-filter: blur(5px);}
.square-nav-icons div { display: flex; align-items: center; justify-content: center; }


/* Quick Info */
.quick-info-container      { width: 20%; margin-right: 30px; display: flex; justify-content: center; min-height: 120px; line-height: 15px; color: #c9ab6a;  }
.quick-info-container-3col {width: 33%;display: flex;justify-content: center;min-height: 120px;line-height: 15px;color: #c9ab6a;}
.quick-info-container-3col div div:last-child { margin:0px 20px 0px 20px;}
.quick-info-container img  { margin-bottom: 10px; }
.quick-info-icon-space { height: 70px; display: flex; align-items: center; justify-content: center; }

.quick-room-container 					      { width: 20%; margin-right: 30px; display: flex; justify-content: center; min-height: 120px; line-height: 15px; color: #c9ab6a; cursor: pointer; }
.quick-room-container .border-gold-round:hover{ background-color: #a88b56; color:white;  transition: 0.5s all;}


/* Quick Room Active */
.quick-room-active { background-color: #404040; border:0px; transition: 1s all;}
.quick-room-wide { filter:blur(20px)}
.quick-room-photo-wrapper { height: 300px; height: 40vh;}
.quick-room-photo-section { height: 100%; width: 100%;  background-size: cover; background-position: center center;}
.quick-room-photo-background { background-size: cover; background-position: center center; filter: blur(30px) }

/* .quick-info-container div { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;  }
.quick-info-container div div { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;  }
.quick-info div img { margin-left: auto; margin-right: auto; } */



/* Contents Images*/

div[class^="Bck_Contents"] { overflow:hidden; background-size: cover; transition: 0.5s all;} /* Every one is overflow Hidden */

.Bck_Contents_Hotel 	                  { background:url(../Gallery2020/HomePage_Slider/Contents_Bck_Hotel.jpg) no-repeat;  min-height:425px; position:relative;  background-position:top center;     width:100%;  }
.Bck_Contents_Rooms 	                  { background:url(../Gallery2020/HomePage_Slider/Room03.jpg) no-repeat;  min-height:425px; position:relative;  background-position:center center;  width:100%;  }
.Bck_Contents_Restaurant 	              { background:url(../Gallery2020/HomePage_Slider/First2.jpg) no-repeat;  min-height:425px; position:relative;  background-position:center center;  width:100%;  }
.Bck_Contents_Spa 	                      { background:url(../Gallery2020/HomePage_Slider/SPA2.jpg) no-repeat;  min-height:425px; position:relative;    background-position:50% 50%;   }
.Bck_Contents_Pools 	                  { background:url(../Gallery2020/HomePage_Slider/Pool4.jpg) no-repeat;  min-height:425px; position:relative;  background-position:center center;   }
.Bck_Contents_GreenKey	                  { background:url(../img/GreenKey/backround_01.jpg) no-repeat;  min-height:425px; position:relative;  background-position:center center;   }
.Bck_Contents_Contacts	                  { background:url(../Gallery2020/HomePage_Slider/Contents_Bck_Contacts.jpg) no-repeat;  min-height:425px; position:relative;  background-position:center center;    }


.Bck_Contents_Prices 	                  { background:url(../img/Contents_Bck_Pool_2.jpg) no-repeat;  min-height:425px; position:relative;  background-position:top center;  background-attachment:fixed; width:100%;  }
.Bck_Contents_Bars 	                 	  { background:url(../img/Contents_Bck_Bars.jpg) no-repeat;  min-height:425px; position:relative;  background-position:top center;  background-attachment:fixed; width:100%;  }
.Bck_Contents_Gallery	                  { background:url(../img/Contents_Bck_Gallery.jpg) no-repeat;  min-height:425px; position:relative;  background-position:top center;  background-attachment:fixed; width:100%;  }
.Bck_Contents_Generic		              { background:url(../img/Contents_Bck_Generic.jpg) no-repeat;  min-height:425px; position:relative;  background-position:top center;  background-attachment:fixed; width:100%;  }

.Bck_Contents_Hotel_Small  	              { background:url(../img/Contents_Bck_Hotel.jpg) no-repeat;  background-position:top center;  width:100%;  transition: all 0.5s ease; }
.Bck_Contents_Pools_Small  		          { background:url(../img/Contents_Bck_Pool.jpg)  no-repeat;  background-position:center center;  width:100%;  transition: all 0.5s ease;}
.Bck_Contents_Restaurant_Small  		  { background:url(../img/Contents_Bck_Restaurant.jpg)  no-repeat;  background-position:bottom center;  width:100%;  transition: all 0.5s ease;}
.Bck_Contents_Bars_Small          		  { background:url(../img/Contents_Bck_Bars.jpg)  no-repeat;  background-position:bottom center;  width:100%;  transition: all 0.5s ease;}
.Bck_Contents_RoomsJunior_Small           { background:url(../img/Contents_Bck_RoomsJunior.jpg)  no-repeat;  background-position:center center;  width:100%;  transition: all 0.5s ease;}

.Bck_Move_Middle			              { background-position:center 60%;  transition: all 0.5s ease-in-out }


/* Contents Text */

.Bck_Contents_Text	  { background-color:silver; }
.FontHeaderBold    	  { font-family: Montserrat;font-size: 64px;color: #F0F0F0;font-weight:bold;bottom: -25px;position: absolute;}



.FontSmallText   	  { font-family: Raleway; font-size:0.85em; }
.FontSmallText i  	  { margin-right:10px; }
.FontNormalText   	  { font-family: Raleway; font-size:1em; }
.FontNormalText i  	  { margin-right:10px; }
.SpecialText   	 	  { font-family: Raleway; font-size:22px; padding:20px; color:#9c8646  }
.SpecialText i   	  { margin-right:10px; }
.btn-square-black	  { background-color: rgba(0, 0, 0, 0.53);text-align:center;color:white;font-family: Montserrat;font-size:16px;border-radius: 5px 5px 0px 0px; }
.btn-square-black i	  { margin-bottom:5px;   }

.footerTextLink 	  { font-family: Raleway; color: black; line-height: 14px; font-size: 0.7em; font-weight: bold; border-radius: 5px; padding: 5px; background-color: white;}
.footerTextLink:hover 	  { text-decoration: none; background-color: burlywood; color:white; font-weight: normal;}

.footerTextLinkSmall 	  { border:1px solid white; transition: 0.5s all;}
.footerTextLinkSmall:hover 	  { text-decoration: none; border:1px solid burlywood; box-sizing: content-box;}

.Email				  { background-color: rgb(248, 240, 228);border-radius: 5px;margin-bottom: 10px;padding: 6px;}
.Email a			  { text-decoration:none;}

.Bck_Text_Layer       { position:absolute;width:100%;bottom: 0px;}
.Bck_Wrap             { margin-left:auto; margin-right:auto;}

.text-notes			  { border-top:1px solid #c9ab6a; border-radius: 0px; color:#363636; padding: 0px 10px 0px 10px; }

/* Rooms */

.tagRoom-sizeXL       { background-color: #c9ab6a; position: absolute; left: 3px; bottom: -30px; padding: 5px 10px 5px 10px; font-size: 0.7em; color: white; display: none; }

/* .nav-link:hover .tagRoom-size { background-color: #ffffff;color: #c9ab6a;font-size: 12px;position: absolute;left: 0;top: -24px;padding: 4px 16px 0px 16px;border: 1px solid #d3d3d3;z-index: 0;text-shadow: none;font-weight: bold; opacity:1; transform: translateX(0px);} */

/* Gallery */

.Gallery			  { border-bottom:1px solid red; }
.GallerySeparator	  { border:1px solid red; border: 1px solid #dbb072;    color: #dbb072;    font-family: montserrat;    font-size: 25px;    text-align: center; }

.image                { position:relative; overflow:hidden; padding-bottom:100%; transition: all 0.5s ease; }
.image img            { position:absolute; width:100%; }
.image img:hover      { transform: scale(1.2, 1.2); transition: all 0.5s ease;}

/* Gallery v2 */
.Gallery-nav    		{ display: flex;  flex-wrap: wrap; }
.Gallery-nav a   		{ display: block; width: 100%; height: 100%; }
.Gallery-nav-xl 		{ width: 33.3%; box-sizing: border-box;   }
.Gallery-nav-xl div 	{ border:3px solid white;width: auto !important; height: 100%;
						  background-position: center center; background-size: cover;}

.Gallery-nav-md			{ width: 66.6%; display: flex; flex-wrap: wrap;  }
.Gallery-nav-md div		{ background-color: wheat; width: 33%; height: 200px; 
						  background-position: center center; background-size: cover;}
.Gallery-nav-md div		 { border:3px solid white;   }
	
.Gallery-nav-sm			{ width: 100%; display: flex; flex-wrap: wrap;}
.Gallery-nav-sm div		{ border:3px solid white; height: 100px; width: 11.03%;
						  background-position: center center; background-size: cover;}

.Gallery-title-section { font-family: Raleway; font-size: 20px; color: #d8b976; width: 17% !important; height: 20% !important; display: block; position: absolute; border: 0px !important; background-color: white; display: flex; align-items: center; justify-content: center; line-height: 20px; }

.Gallery-title-over 	{position: absolute;z-index: 10;padding: 10px;background-color: rgb(255, 255, 255);height: 50px !important;border-right: 8px solid #00000012 !important;margin-top: 3px;}

.Gallery-nav-maximized { height: 450px; width: 100%; }

.image-zoom  		{ transition: 0.2s all;   }
.image-zoom:hover   { filter: brightness(120%); transform: scale(1.05,1.05); box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.836);  }

.image-bright  		{ transition: 0.2s all;   }
.image-bright:hover  { filter: brightness(120%); }



.SubNav  		      { padding:0px; margin:0px; }
.SubNav li 		      { font-family:Raleway; font-size:18px; list-style:none; display:inline-block; background-color: rgba(255, 255, 255,1);
border-radius:100%; width:120px; height:120px; border: 2px solid white; text-align:center; line-height:120px;  transition: all 0.5s ease;  box-sizing:border-box; 	}
.SubNav li:hover	  { background-color:white;  border: 2px solid #c9ab6a; box-sizing:border-box; cursor:pointer; color:#9c8646; 		}


/* Restaurant */

.FontCard-Position    	   { bottom: 20px;position: absolute;right: 22px;}

.FontCard-Photo    	  	   { color:white; position: absolute; left: 10px; top: 10px; 
							 border:2px solid rgba(255, 255, 255, 0.238); width: 50px; height: 50px; text-align: center; border-radius: 50px; line-height: 45px;
							transition: 0.2s all; cursor: pointer; }
.FontCard-Photo:hover    	{ background-color:white; color:goldenrod }

.FontCard-Header    	   { font-size: 50px;color: #f0f0f0;font-weight:bold; border-bottom: 2px solid #e3cb88; line-height: 40px;}
.FontCard-SubHeader    	   { color:white; font-weight: 400; text-align: right;}

/* TablePrices */

.TablePrices_Header                   {  font-family: Montserrat; font-size:20px; text-align:center }
.TablePrices_Header  td:first-child   {  color:black;  font-size:16px;vertical-align:middle !important;}
.TablePrices_Content                  {  font-family: Montserrat; font-size:18px; }
.TablePrices_Content  td:first-child  {  color:grey; text-align:left; width:35%;  }
.TablePrices_Content  td              {  text-align:center; vertical-align:middle !important; font-family: Raleway; font-size:20px;  }

#Footer 							  { background-color:silver}
.Footer 			 				  { font-family:Montserrat; font-size:16px; }
.Footer-Logo 			 			  { height: 90px;  }

.footer-link { transition: 0.2s all;  border-radius: 5px; padding: 4px 10px;   border:1px solid white  }
.footer-link:hover {  border:1px solid goldenrod }
.footer-link:hover img {  }

.dropdown-menu { padding-top:0px}
.dropdown-menu li:before {border-right:0px !important;}
.ltool-dropdown-label span { background-color:#DBB072; color:white;}

.form-group.required .control-label:after {
  content:"*";
  color:#C9AB6A;
}

.form-group i { margin-right: 10px; }

.sy-box    	  { transition: 0.5s all; position: relative;}
.sy-height 	  { height: 78vh;  }
.sy-height-half { height: 80vh;  }
.sy-tag    	  { position: absolute; right: 0px; z-index: 5; background-color: #0000004a; padding: 20px; text-align: center; font-family: "Raleway"; bottom: 0; color: white; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); font-size: 2em;}
.slide-center { width: 100%; height: 100vh; background-position: center center !important; background-size: cover !important; }
.slide-top	  { width: 100%; height: 100vh; background-position: top center !important; background-size: cover !important; }

.Cookie_Notify { width: 16%;padding: 20px;background-color:white;position:fixed;bottom:0px;z-index:10000;/* margin-left: 5%; *//* margin-right: 5%; */
				 box-shadow: 0px -6px 15px 0px rgba(0, 0, 0, 0.25);border-radius: 5px 5px 0px 0px;}

.Cookie_Section           { font-family: Raleway;font-size: 0.9em;color: #656565;}


/* Override BlueImp */
.blueimp-gallery>.close { color:white !important }
.blueimp-gallery>.next, .blueimp-gallery>.prev { color:white !important }

/* Anims */

@keyframes swingdown {
	0% {
		opacity: .99999;
		transform: rotateX(90deg);
	}

	30% {
		transform: rotateX(-20deg) rotateY(5deg);
		animation-timing-function: ease-in-out;
	}

	65% {
		transform: rotateX(20deg) rotateY(-3deg);
		animation-timing-function: ease-in-out;
	}

	100% {
		transform: rotateX(0);
		animation-timing-function: ease-in-out;
	}
}

@media screen and (max-width: 768px) 

{

	
	.navbar-nav  { width: 100%; height: 100vh; }
	.navbar-nav .nav-link  { font-size: 24px; text-align: center; padding:15px    }
	.nav-link:before {			border-right: 0px solid rgb(219 175 114);	}
	.nav-item  { width: 100%; border: 1px solid #ffffff4d;
		border-radius: 5px;
		margin-bottom: 10px;    }

	.dropdown-menu { position: fixed !important; width: 80%; height: 200px; margin: 5% auto; left: 0; right: 0; top: 30vh; }
	.ltool-language-country { font-size: 1.2em;}
	.ltool-language-name { font-size: 1.4em;}

	.FontNormalText { font-size: 1.2em; text-align: justify;}

	.navbar-brand                       { height:auto; }
	.navbar-brand img                   { width:200px;}
	.Tab_Room_Descr 					{ position: relative; padding-top:0px; width:100% }
	.Tab_Room_Descr div div:nth-child(1) { font-size: 14px; display: table-cell; padding: 10px;	}
	.Tab_Room_Descr div:nth-child(2)    { display: block; text-align:center;}
	.Bck_Contents_Hotel  				{ min-height: 225px; }
	.SubNav li 		    			    { margin-left:auto; margin-right:auto; }

	.border-m-none { border:0px }

	.BorderRight-m      { border-right:1px solid #c9ab6a;}
	.BorderBottom-m     { border-bottom:1px solid #c9ab6a;}
	.BorderTop-m    	{ border-top:1px solid #c9ab6a;}
	.padt-10-m			{ padding-top: 10px }
	.padb-10-m			{ padding-bottom: 10px }
	.padtb-10-m			{ padding-bottom: 10px; padding-top: 10px }

	.Cookie_Notify { width: auto;}

	/* Force table to not be like tables anymore */
	/* table, thead, tbody, th, td, tr { display: block;} */

	.TablePrices_Header {display:none;}
	.TablePrices_Content td:first-child { width:auto; }

	.ItemAlert { width:16px; height:16px; background-image:url(Portal/Layout/Icons/error.png); margin-right:10px; display:inline-block }

	/* Hide table headers (but not display: none;, for accessibility) */
	/* thead tr { position: absolute; top: -9999px; left: -9999px; } */
	/* tr { border: 1px solid #ccc; margin-bottom:10px; } */
	/* td { border: none; border-bottom: 1px solid #eee; position: relative;  }
	td:before {  position: absolute;  top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } */

	/*
		Label the data
	*/
	/* td:nth-of-type(1):before { content: "-"; } */
	/* td:nth-of-type(2):before { content: "1 Person"; }
	td:nth-of-type(3):before { content: "2 Person"; }
	td:nth-of-type(4):before { content: "3 Person"; }
	td:nth-of-type(5):before { content: "4 Person"; } */

	.quick-info { flex-wrap:  wrap ;}

	.quick-info-container	  { width: 43%; margin: 4px; display: flex; justify-content: center; 
								min-height: 120px; line-height: 15px; color: #c9ab6a; 
								border: 1px solid #c2bbae; padding: 11px; border-radius: 2px; }

	.quick-info-container-3col {width: 100%;font-size: 1.2em;line-height: 21px;margin-right: 0px;border-bottom: 2px solid #d8d8d8;margin-top: 10px;padding-bottom: 20px;}		
	.quick-info-container-3col img {height: 80px !important;}		

	.quick-room-container 	  { width: 50%; margin-right: 5px; display: block; line-height: 15px; color: #c9ab6a; cursor: pointer; min-height: auto; }
	.border-gold-round   	  { border: 2px solid #c9ab6a; padding: 10px; height: auto; width: auto; }
	.quick-room-mobile-height { height: 65vh ;}

	/* Mobile Rule */
	.Gallery-nav { display: block; flex-wrap: wrap; }
	.Gallery-nav-xl { width: 100%;  height: 200px;	}
	.Gallery-nav-md { width: 100%; flex-wrap: initial; } 
	.Gallery-nav-md div {  width: 50%; height: 80px;}
	.Gallery-nav-sm div { height: 60px; width: 25%;}

	.Gallery-title-section { border: 0px !important; background-color: white !important; display: flex !important; left: 0px; right: unset; top: unset; height: 30px !important; }
	.tagRoom-sizeXL { background-color: #c9ab6a; position: absolute; left: -15px; top: 30px; padding: 5px 10px 5px 10px; font-size: 0.7em; }

	.btn-square-black { background-color: rgb(62 62 62 / 30%); text-align: center; font-family: Montserrat; font-size: 16px; border-radius: 9px 0px 0px 5px; position: absolute; bottom: 204px; right: 0px; }


	/* Bootstrap override */	
	.nav-tab-gallery .nav-item { width: 100%; }

	.img-msize-control { width: 40%; }

}

/* Mirai Override */

.mi-be form {display: flex; align-items: center;}
.mi-be-datepicker-select {flex-grow:1}
.mi-be-book-btn  {flex-grow:1}
.mi-rs-results .row { display: block;}
.mi-rs-lang-select  {display: none;}