@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700&subset=latin,latin-ext);

@import url('/public/styles/normalize.css');
@import url('/public/styles/foundation.min.css');
@import url('/public/styles/font-awesome.min.css ');

body {
    font-size: 12pt;
	font-family: 'Lato', sans-serif;
    background:#000;   
    color:#9c9c9c;
    }
ul{
  padding: 0;
}


#gmap {z-index:99;width:100%;height:540px;border-top:4px solid #313234;border-bottom:4px solid #313234;}

.nice td, .nice  th { 
border: 1px solid #ddd; /* No more visible border */ 
transition: all 0.3s;  /* Simple transition for hover effect */
padding:12px 20px;
}

.nice  th {
background: #DFDFDF;  /* Darken header a bit */
font-weight:normal;
font-size:1.2em;
padding:9px;text-align:center;
}

 .nice   td p {padding:0px;margin:0px;}
.nice  tr:nth-child(even) td { background: #F1F1F1; }   
.nice  tr:nth-child(odd) td { background: #F6F6F6; }  



hr {border:0px; border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.1);}
.clr {clear:both !important;float:none !important;padding:0px !important;}

.wrap {position:relative;}
.center {text-align:center;}
.left {text-align:left;}

.txtRight {text-align:right;}
.nopad {padding:0px !important;}


.credits {text-align:center;font-size:.6em;color:#abc8eb;background:#000000;padding:15px;}
.credits a {color:#ac9f69 !important;}

.promotion
{
    background:#FF053D;
    text-align:center;
    padding:20px;    
}

.promotion a {color:#fff;font-weight:bold;font-size:1.2em;}

a {color:#2ea5ff;}
table {border-collapse:collapse;width:100%;padding:0px;margin:0px;}
td {padding:0px;margin:0px;}
h1, .h1 {  font-size: 3.2em;color:#AC9F69;font-weight: 100;line-height: 120%;margin: 0;  padding: 18px 0 ;  text-align: center;}
h2, .h2 {font-weight:400;font-size:1.9em;margin:10px 0px;line-height:120%;}
h3, .h3 {font-weight:300;font-size:1.6em;margin:10px 0px;text-align:left;}
h4 {text-transform:uppercase;font-size:1em;font-weight:bold;border-bottom:1px solid #303030;padding-bottom:10px;}

h5 {background:#313234; color:#fff;display:inline-block;margin:auto;padding:5px 15px;margin:0px;} 

p {padding:7px 0px;margin:0px;}
.major {text-align:center;color:#64738f}
.major span {margin:auto;display:inline-block;border-bottom:1px solid #BEC6D6;font-size:1.3em;padding:10px 0px;margin:15px 0px;}



h1 span, .h1 span {font-size:60%;}

/*shadow*/
.listRow, .ico, .weatherCol {box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3;}

/*easing*/
.ico, .back,  .submenu li, #menu li, a, a i, 
.bigBox *,.package *, .smallBox,  .lightGallery div *, .product, .product *, button,.swiper-prev,.swiper-next,.mainBtns a *, .cf:after,.package:after
 {
transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all  0.2s ease-out 0s;
}

.subNav, .shadowTop,.img, .smallBox *
{
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all  0.5s ease-out 0s;
}

a {color:#2ea5ff;text-decoration: none; border: none;}





.lightGallery div  p {
    position:relative;padding-bottom:60%;cursor:pointer;
    margin:0px !important;
    border:1px solid rgba(255,255,255,.5);
    }
    
    
    
.lightGallery div p i {position:absolute;
    display:block;
    top:0px;left:0px;width:100%;height:100%;
    cursor:pointer;text-align:center;padding-top:15%;
    color:#fff;font-size:1.4em;
    background:rgba(0,0,0,.4);
    opacity:0;
    }



.lightGallery div:hover p i {
opacity:1;
font-size:2em;
padding-top:25%;
    }        

.lightGallery div:hover p {-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.36);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.36);}

.lightGallery div img {display:none;} 
.actionBtn {padding-top:7px;}

#map img { max-width : none;}
#map {min-height:400px;}


.iconsInfo label {font-size:0.8em;color:#808080;}

.pagination  
{
text-align:center;	
}

.ui-datepicker {z-index:999 !important;font-size:90% !important;}
.dashboardBox {background:#eee;padding:15px;}

 
.img, .lightGallery div p,  #topImg, .swiper-slide, #footer
{
	background-repeat:no-repeat !important;
	background-position:center center !important; 
  	-webkit-background-size: cover !important;
  	-moz-background-size: cover !important;
 	-o-background-size: cover !important;
 	 background-size: cover !important;
}

.ajaxLoading
{
opacity:0.4;
background:url(/public/images/ajax.gif) center center no-repeat #fff;
z-index:99999;
}

.facebook {background:#45619D;padding:2px 7px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;display:inline-block;color:#fff !important;font-size:0.8em;margin-bottom:4px;}
.googleplus {background:#DA3C3C;padding:2px 7px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;display:inline-block;color:#fff !important;font-size:0.8em;}

.facebook i, .googleplus i {color:#fff !important} 

.nextPrev { width:100%;margin-bottom:15px;}


/*HEADER */

.top{
  height: 60px;
  text-align: right;
  line-height: 60px;
  font-size:.9em;
  
}
.top p {
  color: #ac9f69;
  display: inline-block;  
  letter-spacing: 0.8px;
  padding: 0;
}
.top p a {
  color: #ac9f69;
  margin-right: 20px;
}
#lang {
  display: inline-block;
  font-size: .9em;
  margin: 0px 0px 0px 77px;
  padding: 0px;
  z-index: 99;
}

#lang li {
	display:inline-block;
	margin:0;
	text-transform:uppercase; 
	margin-left:10px;
}

#lang li a {
  border-radius: 100%;
  color: #ac9f69;
  
  background:#fff;
  display: inline-block;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px;
  font-size:.9em;
}
#lang li.act a, #lang li a:hover{
color: #fff;
  background:#ac9f69;
}

#logo {
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;
	width:210px;
    text-align:center;	

}

#logo img {margin:10px auto;}



.grey {background:#F3F3F3;padding:10px 0px;color:#909090;}

#bigMenu {margin-top:20px;}

.header{ 
  z-index:99;
  width:100%;
  border-bottom:4px solid #ac9f69;
} 
.header img{
	width: 100%;
}





#showMenu{
    background: #fff;
    color:#AC9F69;
    text-align:center;
    font-size:1.7em;
    border:6px solid #AC9F69; 
    position:absolute;
    top:71px;
    right:20px;
    z-index:99999;
    height:50px;
    width:50px;
    line-height:38px;
    border-radius:100%;
    cursor:pointer;
    }
 

#menuWrap { 
text-align:right;  
} 

#menu {
  display:inline-block;    	  
  list-style: none;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width:auto;
  margin-top:15px;
  margin-bottom:10px;
}

#menu > li {
  cursor: pointer;
  display: inline-block;
  font-weight: 100;
  position: relative;
  text-align: center;
  white-space: nowrap;
  border-bottom:1px solid rgba(255,255,255,0);
     margin-left:30px;  
}



#menu > li.over, #menu > li:hover{
   border-bottom:1px solid #ac9f69;
    
}
#menu > li.over > a, #menu > li:hover > a{
	
	color:#ac9f69;
	 
}

#menu > li > a {text-transform:uppercase;
    color:#466488;     
    font-weight:bold;
    margin:0;
    position: relative; display:inline-block;
    padding:5px 0px;
   
}


#menu > li > ul {
   display:none;z-index:99999;position:absolute;
  left:0px;
  font-size:0.9em;
  list-style:none;
  padding:0px;margin:0px;
  }

#menu > li > ul> li {margin:0px;padding:0px;  
  background: rgba(0, 0, 0, .51);
  min-width:205px;
  text-transform: uppercase;
  text-align: left;
  border-bottom:1px solid rgba(255,255,255,.2);
 
}

#menu > li > ul> li:last-of-type{
  border-bottom:0px solid rgba(0, 0, 0, 0.25);
}


#menu > li > ul > li a {
  display:block;  
  line-height:35px;height:35px;margin:0px;text-align:left; 
  color:#fff;
  font-weight:bold;
  font-size:.8em;
  min-width: 170px;
  padding:0px 20px;
  

}

#menu > li > ul > li:hover {
     background: rgba(0, 0, 0, .68);
    
  
    }


#menu > li:hover > ul {display:block; }




#menu > li:last-of-type:after{
    content: "";
    margin:0px;
}



/*HEADER PAGE */

#topImg {min-height:334px;
	background:rgba(0, 0, 0, 0.62);
	position:relative;text-align:center;}
	


#topImg:after
{       
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgb(31, 51, 74) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgb(31, 51, 74)100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgb(31, 51, 74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
content:'';
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:70%;
z-index:9;
}
	


#sliderGallery 
{
position:relative;	
}




.swiper-slide
{
z-index:999;
}




 
.bottomGradient
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgb(31, 51, 74) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgb(31, 51, 74)100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgb(31, 51, 74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:40%;
z-index:9999;
}


.mainBtns 
{
    position:absolute;
    top:340px;
    text-align:right;
    z-index:9999999;
    left:0px;
    width:100%;
    text-shadow:1px 1px 22px rgba(0, 41, 109, 0.85);
}



.mainBtns a {display:block;color:#fff;margin-bottom:20px;clear:both;width:300px;float:right;}
.mainBtns a strong {display:block;color:#afd8ff;font-size:1.7em;}
.mainBtns a span  {display:block;padding-top:8px;}



.mainBtns em {display:block;float:right;width:70px;height:70px;border-radius:100%;border:4px solid rgba(255,255,255,.4);margin-left:20px;}


.mainBtns a:hover em {background-color:rgba(0, 55, 125, 0.7);border:4px solid rgba(255,255,255,.9);}
.mainBtns a:hover strong {color:#fff;}


.movieBtn {background:url(/public/images/movie-icon.png) no-repeat center center;} 
.virualBtn {background:url(/public/images/3d-icon.png) no-repeat center center;}
.packagesBtn {background:url(/public/images/packages-icon.png) no-repeat center center;}


.slideInfo
{
    z-index:99999999;
	color:#ebd889;
    position:absolute;
    bottom:55px;
    left:0px;
    width:100%;    
  
}




.slideInfo h3{
  font-size: 3.2em;
  font-weight:400;
  line-height: 28px;
text-align:center;

}


.slideInfo  p{
  margin-top: 20px;
  font-size: 1.3em;
  text-align:center;
  text-transform:uppercase;
  font-weight:300;
}



#sliderGallery .swiper-pagination {bottom:27px !important; padding-right:30px;text-align:right; }
#sliderGallery .swiper-pagination-bullet
{
   width:15px;
   height:15px;
    background:rgba(0,0,0,.3);
    opacity:1;
    
    border:4px solid rgba(255,255,255,.2);
}
#sliderGallery .swiper-pagination-bullet-active 
{
    background:#fff;
     border:4px solid rgba(0,0,0,.2);
}


.swiper-prev, .swiper-next {
  background: rgba(0, 0, 0, 0.73) none repeat scroll 0 0;
  border-radius: 100%;
  color: rgb(255, 168, 0);
  cursor: pointer;
  height: 45px;
  left: 110px;
  margin-top: -6px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 45px;
  z-index: 99;
}
.arrow-navigation{
  position:absolute;top:50%;right:50%;
  margin-top: -9px;
 
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  
}

.arrow-navigation.arrow-left{
  border-top: 1px solid rgb(255,168,0);  
  border-right: 1px solid rgb(255,168,0); 
   margin-right: -4px;
}
.arrow-navigation.arrow-right{
  border-bottom: 1px solid rgba(255,168,0,.73);  
  border-left: 1px solid rgba(255,168,0,.73); 
  margin-right: -12px;
}
#sliderGallery .swiper-prev:hover .arrow-navigation,#sliderGallery .swiper-next:hover .arrow-navigation{
  border-color: black;
}


.swiper-prev:hover, .swiper-next:hover { background:rgba(255,168,0,.73);color:#000;} 

.swiper-next {right:110px;left:inherit;}







.slideInfo strong
{
	
    font-weight:100;
	font-size:3em;
	color:#fff;
	
}







.package {           
            cursor:pointer;
            position:relative;
            background:#fff;                  
            overflow:hidden;
            z-index:9;     
              color:#fff;
            }
            
            
            


.package:after 
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgb(31, 51, 74) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgb(31, 51, 74)100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgb(31, 51, 74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
position:absolute;
bottom:0px;content:'';
left:0px;
width:100%;
height:80%;
z-index:99;
opacity:1;
}

          
  
.package > .img {position:relative;height:240px;width:100%;z-index:2;}

.package .circle {
	 margin-right: -33px;
     margin-top: -33px;
  	height: 66px;
  	width: 66px;
	position:absolute;
	top:50%;
	right:50%;
	z-index:4;
	border-radius: 100%;
    background:rgba(0,0,0,.3);
    text-align:center;
    color:#fff;
    line-height:66px;
	
}
.package:hover .circle{
     background:rgba(0,0,0,.7);
     color:#5acbff;
}



.package .over {padding:25px;position:absolute;top:0px;left:0px;
	width:100%;height:100px;opacity:0;z-index:9;background:rgba(0,0,0,.5);
	color:#AC9F69;height:240px;z-index:999;}

.package .over ul {color:#fff;padding-left:20px;font-size:.9em;opacity:.8;}


.package:hover .over {opacity:1;}

.packagePrice {
  bottom: 15px;
  color: #ebd889;
  font-size: 1.8em;
  font-weight: bold;
  position: absolute;
  right: 20px;
  text-align: right;
  z-index: 9999;
}
.packagePrice span {font-weight:normal;font-size:.7em;}



.package p {
  bottom: 0;
  margin: 0 !important;
  padding: 19px 22px;
  position: absolute;
  width: 100%;
  z-index: 1000;
  color:#fff;
  
}
.package p a {color:#ebd889;font-size:1.2em;}



.package:hover p a{ color:#fff;}

    
    
    .package .more {text-align:center;padding:5px;display:block;color:#fff;font-size:.8em;}    

.price span {font-size:.7em;font-weight: normal;} 
 
.bigBox {

            overflow:hidden;
            cursor:pointer;
            color:#fff;
            position:relative;
            background:rgba(45, 24, 24, 0.73);
            }
            
 




.wrap {
	margin: 0px auto;	
	position:relative;
}

.padd {padding:20px;}

.main-page {padding:0px;}
.main-page td{
  padding-left: 0;
  padding-right: 0;
}

#bookingWrap
{
    width:100%;
    position:relative;
    text-align:center;
    margin-bottom:20px;
	text-transform:uppercase;
}


#topImg #bookingWrap {top:80px;}


#booking select,#booking input {height:40px;line-height:40px;background:#ac9f69;border:1px solid #fff;color:#fff;padding:0px;padding-left:10px;}

#booking input::-webkit-input-placeholder {
 
  color:#E0D8B5;
}

#booking {
   
    padding:15px;
    position:absolute;
    top:-46px;
    width:100%;
    z-index:999999999;
   background:#ac9f69;
  color: #fff;
  overflow: hidden;
   margin:auto;
   
}


#booking  label {font-size:.8em;line-height:10px;padding:0px;margin:0px;margin-bottom:9px;display:block;}
#booking  > div
{
  
    text-align:center;
    line-height:40px;
     
}



.inputSelected {background:rgba(0,0,0,.2);}

.cf {text-align:left;color:#fff;cursor:pointer;padding-bottom:0px;border:1px solid #fff; height:40px;line-height:38px;padding-left:10px;}
.cf p {font-size:1.3em;font-weight:100;padding:0px;display:inline-block;margin-right:10px;}

.cf span {display:inline-block;font-size:1em;font-weight:bold;text-transform:uppercase;color:rgba(255,255,255,.7);}
.cf em {display:inline-block;padding-left:10px;font-size:1em;font-style: normal;color:rgba(255,255,255,.4);}  

.cf > div {width:100%;}
.cf:hover:after  {background:#fff;color:#ac9f69;}

.cf .input {height:0px;overflow:hidden;opacity:0;padding:0px;margin:0px;margin-top:-25px;margin-left:-1px;}
.cf .input input {height:0px !important;}

#booking button {
  background:#fff;
  color: #2f4156;
  font-weight: 100;
  height: 40px;
  padding:0px;
  border:1px solid #fff;
  font-weight:bold;  
  line-height: 40px;
  text-align: center;
  width: 100%;
  overflow: hidden;

box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
}


#booking button:hover {color:#CA9737;}


.cf {position:relative;}
.cf:after {
  content: "\f133";
  font-family: FontAwesome;
  text-align:center;
  font-size: .7em !important;
  background:rgba(255,255,255,.2);
  color: #fff;
  border-radius:100%;
  width:25px;height:25px;
  line-height:25px;
  position: absolute;
  right: 10px;
  top: 7px;
  z-index: 999;
}






.txtMid {font-size:130%;}





td {vertical-align:top;}


.tab3col {width:100% !important;border:none !important;}
.tab3col tr td {width:33.3%;padding:15px;padding-left:0px;}

.tab2col {width:100% !important;border:none !important;}
.tab2col tr td {width:50%;padding:15px;padding-left:0px;
	
	
	}
 
 
.listingRows {width:100%;margin-bottom:20px;}
.listingRows tr th {padding:10px;text-align:left;font-size:0.8em;background:#fff;}
.listingRows tr td {padding:10px;}


.listingRowsCenter tr td, .listingRowsCenter tr th {padding:10px; text-align:center;}


.listingRows tr:nth-child(odd)       { background-color:#eee; }
.listingRows tr:nth-child(even)      { background-color:#fff; }

.ui-widget {z-index:99999999 !important;}

.listInfo{padding:0px;margin:0px;list-style:none;}
.listInfo li {padding-left:40px;}








.categories {padding:0px;margin:0px;list-style:none;overflow:hidden;}


.categories li {
    display:block;
    cursor:pointer;
    position:relative;
    margin-bottom:10px;
    text-align:left;  
    
    margin-right:30px;
}




.menu2 {font-size:.9em;padding-left:20px;border-left:1px solid #aaa;margin-left:40px !important;}
.menu3 {font-size:.8em;padding-left:30px;}


.menuOver1 {background:#38CAA7;padding:4px 20px;padding-left:10px;}
.menuOver1 a {color:#fff;}


.menuOver2 {font-size:.9em;font-weight:bold;padding-left:20px;border-left:1px solid #38CAA7;margin-left:40px !important;}
.menuOver2 a {color:#38CAA7}


.submenu {
list-style:none;
padding:0px !important;

margin:15px auto;
} 


.submenu li {
	
	cursor:pointer;
	position:relative;
	padding:8px 18px; 
	text-align:left;
	display:block;
	font-size:.9em;
	text-transform:uppercase;
    display: block;
    border-bottom:1px solid #303030;
	margin-bottom:5px;
}


.submenu li a {color: #909090;}




.submenu li.over {

 border-bottom:1px solid #ac9f69;
}
.submenu li:hover{
 
   border-bottom:1px solid #ac9f69;
}

.submenu li:hover a, .submenu li.over a,  .submenu li.over
{
  color:#ac9f69;

}

.submenu li.over a {font-weight:bold;}


.content   {    
overflow:hidden;
padding:20px 0; 
}

.row {max-width:1325px;margin:auto;position:relative;}
.column.li {margin-bottom:20px;}

#cookies-message-container
{
color:#fff;
padding: 15px;
font-size:0.9em;
position: fixed; bottom: 20px; background-color: rgba(0,0,0,.9);
right:0px; 
width: 30%; z-index: 9999999;
}



.contactForm {font-size:0.9em;    }
.contactForm p {margin-bottom:15px;}


input, select, textarea, button,.button { 
    background:#fff;    
    height:35px;line-height:35px;
    border:0px;outline:none;width:100%;
    padding:0px 10px; display:inline-block; border:1px solid #ccc;}

button,.button {width:auto;}



.pagination a {margin:0px 2x;
    padding:0px 20px;    
     -webkit-box-shadow: 0px 0px 0px 0px rgba(0,84,134,0.37);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,84,134,0.37);
box-shadow: 0px 0px 0px 0px rgba(0,84,134,0.37);          
    }

input,select,textarea {color:#000;}
.buttonBig {height:auto;line-height:100%;padding:15px 50px;}

button, .button{
    color:#fff;      
    text-transform:uppercase;
    border:0px;
background:#AC9F69;
    font-size:0.9em;
    padding:0px 40px;
    text-transform:uppercase;font-weight:bold;    
}


.button:hover, button:hover {background:#db6e0f;}

.green {color:#61c143 !important;}


.secondary 
{
	background:none;color:#4C2F32;font-size:0.8em;
	border-bottom:1px solid #4C2F32;
  text-align: center;
}



.description { letter-spacing:1px;}
.description iframe {width:100% !important;}
.description ul {padding-left:40px;}
.description .medium-6:first-child {padding-left:0px;}
.description .medium-6:last-child {padding-right:0px;}




.slideTable {width:100% !important;border:0px !important; }
.slideTable td {display:none;text-align:left;border:0px !important;padding:15px;padding-left:30px;background:#EFEEEE;}
.slideTable th {text-align:left;border:0px;border-bottom:1px solid #FFB000;cursor:pointer;}
.slideTable th:before  {content:'\f107';font-family: FontAwesome;margin-right:20px;color:#FFB000;}

.slideTable th.slideThDown:before  {content:'\f106';font-family: FontAwesome;margin-right:20px;cursor:pointer;color:#000;}
.slideTable th.slideThDown {background:#FFB205;border-bottom:1px solid rgba(0,0,0,.4);color:#000;}


.small {font-size:0.9em;opacity:.6;}

.filterForm {background:#D8E8EF;margin-bottom:20px;}
.filterForm > div {float:left;margin:0px;padding:18px 15px 2px 15px;}
.filterForm > div label {font-size:0.8em;padding-bottom:7px}


.filterForm p span {display:block;text-transform:uppercase;font-size:0.9em;}


#location {
width:100%;
margin:0 auto;
padding:0;
list-style:none;
color:#aaa;
border-top:1px solid #AC9F69;padding:10px 0px;
}

#location li a {
color:#AC9F69;
}

#location li 
{
background:none !important; 
padding:0px 5px;
display:inline-block;
font-size:0.8em;}



.msg{
	
	padding:15px;

}
.info {
color: #00529B;
background-color: #BDE5F8;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.error {
color: #D8000C;
background-color: #FFBABA;
}


input.error {border:1px solid red !important;}

/* Room*/
.column.facilities{
  list-style: none;
  padding:15px 0px;
}
.roomInfobox {
    margin: 0;
    padding-top: 0;
}
.roomInfobox ul {
    border-left: 1px solid #303030;
    padding-bottom: 6px;
    padding-left: 32px;
    list-style: none;
}
.roomInfobox .roomB {
    border-bottom: 1px solid #303030;
    color: #9c9c9c;
    font-weight: bold;
    line-height: 36px;
    text-align: left;
}
.roomInfobox li:last-of-type .roomB {
    border-bottom: 0 none;
}
.roomInfobox .roomB span {
    color: #AC9F69;
    float: right;
    font-weight: bold;
}
.row.room{
  
  padding:0 0.9375em;
}	
.row.room .content{
  padding:0;
  background: #F8E5D7;

}
.row.room  .row{
  margin: 0;
}
.row.room .small-12.medium-9.columns,.row.room .description{
	
  background: #fff;
}
.row.room .small-12.medium-9.columns{
padding-top: 20px;

}
.row.room .small-12.medium-3.columns{
padding: 0;

}
.row.room .small-12.medium-3.columns h2{
  font-size: 1.5em;
  margin-left: 28px;
  margin-top: 20px;
  color: #9d9d9d;
}
#footer {
    background-image:url(/public/images/footer.jpg);
 border-top: 4px solid #f0f0f0;
  color: #fff;
 font-weight:100;
 margin-top:0px;
  line-height: 30px;
  overflow: hidden;
  
  position: relative;
text-align:center;
height:400px;
}

#footerBottom
{
    position:absolute;
    bottom:0px;
    left:0px;
    background:rgba(10, 18, 58, 0.7);
    width:100%;
    padding:20px 0px;
    content:'';
    z-index:9;
 font-size:1.4em;   
}



#footer i {font-size:1.2em;
	text-align:center;display:inline-block;width:50px;
	height:50px;background:rgba(255,255,255,.9);border-radius:100%;margin:auto;
	line-height:50px;
    color:#c2a014;
	
	margin-right:20px;
	
	}
#footer a {color:#fff;}
#footer h4 {margin:0px;font-size:1em;color:#ac9f69;font-weight:bold;margin-bottom:10px;}


label.error {color:#cc0000;font-size:0.6em;padding:0px;}
.required {}

#popupContainer{position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.7;z-index:99999;}
#popupBody{position:fixed;top:10%;text-align:center;width:100%;height:100%;z-index:999999;}


#searchBack {display:none;position:fixed;background:rgba(0,0,0,.5);padding:30px 0px 0px 0px;width:100%;left:0px;top:120px;z-index:999999;}

.searchbar {padding:20px;background:#fafafa;}


.tooltip {cursor:pointer;}
   #tooltip{
	position:absolute;
	
	padding:10px 15px;
	font-size:0.8em;
	color: #fff;
	display:none;
	text-align:left;
	z-index:99999;
	background:rgba(0, 91, 129, 0.94);
		 	
	}	




.listCol  {
        
    margin-bottom:10px;
    position: relative; 
    overflow:hidden;     
    cursor:pointer;
    
}
.listCol  a {padding-top:10px;display:block;font-weight:bold;line-height:100%;}
.ibnRibbon { z-index:10;position:absolute;right:0px;top:65px;background:#ff5000;padding:2px 10px;font-size:0.7em;color:#fff;}
.freeRibbon { z-index:10;position:absolute;right:0px;top:40px;background:#40aa00;padding:2px 10px;font-size:0.7em;color:#fff;}
.onlineRibbon { z-index:10;position:absolute;right:0px;top:15px;background:#D32856;padding:2px 10px;font-size:0.7em;color:#fff;}



.nophoto
{
     background:url(/public/images/default/picture-icon.png) center center no-repeat rgba(0,0,0,.05);    
     height:160px;
     overflow:hidden;
     border:1px solid rgba(255,255,255,.2);
}

.listCol .img 
{
z-index:1;
width:100%;
height:160px;
position:relative;
text-align:center;

}


.listCol:hover .img {transform: scale(1.05);-ms-transform: scale(1.05,1.05);}

.listCol span {font-size:.8em;opacity:.7;}

.listCol:hover .back {
				opacity:1;
				filter: alpha(opacity=100);
						}
						

						
.back {top:0px;left:0px;position:absolute;height:160px;width:100%; 
	  opacity:0;
	  filter: alpha(opacity=0);
	  z-index:9;
	  font-size:0.9em;
	  background:rgba(32, 55, 79, 0.84);
	  color:#fff;
	  padding:20px 80px 20px 20px;
	  }              
              

.fullwidth {width:100% !important; height:auto !important;}
.halfwidth {width:50% !important; height:auto !important;}
.leftphoto {float:left;margin-right:20px;margin-bottom:20px;}



#facebookSlideBtn
{
float:left;width:50px;height:55px;
cursor:pointer;
 background: url(/public/images/facebook.png) no-repeat;
 position:absolute;
 top:0px;left:-50px;
  
}

#facebookSlide
    {
        width:350px;
        height:400px;
        display:block;
        right:-350px;
        padding:0;position:fixed;top:275px;    
        z-index:99999999999;
    }





@media only screen and (max-width : 64.063em) 
{
    #menu {padding-left:300px;}
    

}




@media only screen and (max-width : 40em) {


.description .medium-6 {padding:initial !important;margin-bottom:20px;}

#topImg label {display:none;}
#gmap {height:240px;}


.header {min-height:100px;}
  #logo {
  	left:30px;
  width:150px;
  display: inline-block;
  z-index: 99;
  }
  
  #booking{
   
    width:100%;
  }

  
  .header img{
  	width: auto;
  }



  
  
      
  #sliderGallery {height:220px!important;}
  #lang {position:relative;top:inherit;right:0px;}



#booking {padding:17px;top:-100px;}

#booking button {line-height:40px;margin:0px;height:40px;margin-top:10px;}

#menuWrap { z-index:99999999;}
#menu {
      
        margin:0px;
        clear:both;width:100%;
      
        margin-top:70px;
        margin-bottom:20px;
        padding:0px;
       z-index:99999999;
    }


  #menu li {padding:0px;margin:0px;display:block;border-bottom:1px solid #AC9F69;}
  #menu li a {color:#AC9F69;line-height: 42px; font-size: 1.2em;height:60px;line-height:60px;}

  #menu > li:hover > ul {display:none;}
  #menu > li > a{ 
    margin:0;
  }

#footerBottom {height:100%;}
  #footer {height:150px;text-align:left;font-size:.8em;}
  #footer i {height:30px;width:30px;font-size:.8em;line-height:30px;}
  
  
 

    


.imgLeft {width:100%;margin-right:0px;}
.hide-small {display:none;}
.halfwidth {width:100% !important;}
#topImg {min-height:250px;}
 
	#menu {z-index:999999999;}
  
	
	#menu li a {

    display: block;
    padding: 0;
	}
  #lang {
  margin: 2px 0 0;
  text-align: right;
  }
  .top p{display: none;}


 
  .h2{
  	font-size: 1.7em;
  }
    .roomInfobox{
    padding-right: 0.9375em;
  }
  .roomInfobox ul{
    border-left: none;
    padding-left: 0;
    padding-top: 20px; 
  }




}




.ui-corner-all {border-radius:0px !important;}
.ui-widget-content {background:#fff;border:0px;}

.ui-widget-header {background:#f0f0f0 !important;border:0px !important;border-radius:0px !important;}
.ui-datepicker {border:0px !important;border-radius:0px !important;font-family: 'Roboto',sans-serif !important;font-size:.9em !important;z-index:99999999999999999 !important;}
.ui-state-default {background:#f0f0f0 !important;border:0px !important;}
.ui-state-active {background:#ac9f69 !important;color:#fff !important;border:0px !important;}







/* required styles */
.leaflet-marker-icon {
    @extend .transEase;
    
     
   &:hover {



   }
  
  
}
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
  }
.leaflet-container {
  overflow: hidden;
  }
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
    -webkit-user-drag: none;
  }
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
  }
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
  }
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
  }
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  }

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
  }
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
  }
.leaflet-tile-loaded {
  visibility: inherit;
  }
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  z-index: 800;
  }
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
  }

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
  }
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
  }


/* control positioning */

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
  }
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  }
.leaflet-top {
  bottom: 80px;
  }
.leaflet-right {
  right: 0;
  }
.leaflet-bottom {
  bottom: 0;
  }
.leaflet-left {
    right: 10px;
  }
.leaflet-control {
  float: left;
  clear: both;
  }
.leaflet-right .leaflet-control {
  float: right;
  }
.leaflet-top .leaflet-control {
  margin-top: 10px;
  }
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
  }
.leaflet-left .leaflet-control {
  margin-left: 10px;
  }
.leaflet-right .leaflet-control {
  margin-right: 10px;
  }


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
  }
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
     -moz-transition: opacity 0.2s linear;
          transition: opacity 0.2s linear;
  }
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
  }
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  }
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
  }
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
     -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
          transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
  }
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
  }

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
  }


/* cursors */

.leaflet-interactive {
  cursor: pointer;
  }
.leaflet-grab {
  cursor: -webkit-grab;
  cursor:    -moz-grab;
  cursor:         grab;
  }
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
  }
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
  }
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
  cursor:         grabbing;
  }

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
  }

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
  }

/* visual tweaks */

.leaflet-container {
  background: #ddd;
  outline: 0;
  }
.leaflet-container a {
      color: #fff;
      border: 0px;
      &:hover {
            border: 0;
            color: #faf4e9!Important;
            background: transparent;
      }
  }
.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
  }
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255,255,255,0.5);
  }


/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
  }


/* general toolbar styles */

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 4px;
  }
.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
  }
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
  }
.leaflet-bar a:hover {
  background-color: #f4f4f4;
  }
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  }
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
  }
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
  }

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  }
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  }
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  }

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
  }

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
  font-size: 22px;
  }


/* layers control */

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  border-radius: 5px;
  }
.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
  }
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
  }
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
  }
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
  }
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
  }
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
  }
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
  }
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
  }
.leaflet-control-layers label {
  display: block;
  }
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
  }

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(images/marker-icon.png);
  }


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
  }
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  }
.leaflet-control-attribution a {
  text-decoration: none;
  color: $first-color;
  }
.leaflet-control-attribution a:hover {
  text-decoration: underline;
  }
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
  }
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
  }
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
  }
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
       box-sizing: border-box;

  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  }
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
  }
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
  }

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
  }
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0,0,0,0.2);
  background-clip: padding-box;
  }


/* popup */

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
  }
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 2px;
  }
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
  text-align: center;
   span {
      text-align: center;
      display: block;
      margin: 4px 0 5px;
      color: #d7d7d7;
   }
  }
.leaflet-popup-content p {
  margin: 18px 0;
  }
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
  }
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;

  margin: -10px auto 0;

  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  }
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: #434343;
  color: #fff;
  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
    h3{
          color: $first-color;
          font-size: 16px;
          text-align: center;
          padding: 0;
          font-weight: 500;
          font-family: $serif-font;
    } 
  }
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
  }
.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
  }
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  }

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
  }
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;

  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
  }
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
  }

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
  }


/* div icon */

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
  }


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  }
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
  }
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
  }

/* Directions */

.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
  }
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
  }
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
  }
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
  }
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
  }
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
  }

.marker-cluster-small {
   background-color: rgb(31, 51, 73);
  }
.marker-cluster-small div {
   background-color: rgb(31, 51, 73);
   color: #fff;
  }

.marker-cluster-medium {
   background-color: rgb(31, 51, 73);
  }
.marker-cluster-medium div {
    background-color: rgb(31, 51, 73);
    color: #ffffff;
  }

.marker-cluster-large {
   background-color: rgba(207, 202, 172, 0.32);
  }
.marker-cluster-large div {
  background-color: rgba(208, 195, 171, 0.72);
  }

  /* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
    background-color: rgb(31, 51, 73);
  }
.leaflet-oldie .marker-cluster-small div {
    background-color: rgb(31, 51, 73);
  }

.leaflet-oldie .marker-cluster-medium {
    background-color: rgb(31, 51, 73);
  }
.leaflet-oldie .marker-cluster-medium div {
    background-color: rgb(31, 51, 73);
  }

.leaflet-oldie .marker-cluster-large {
    background-color: rgb(31, 51, 73);
  }
.leaflet-oldie .marker-cluster-large div {
    background-color: rgb(31, 51, 73);
}

.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
  }
.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;

  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
  }
.marker-cluster span {
  line-height: 30px;
  font-family: $text-font;
  }
  
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
  /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
  -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
  -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}