@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:#fff;   
    color:#383732;
    }
ul{
  padding: 0;
}


#gmap {z-index:99;width:100%;height:440px;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:#f0f0f0;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:#383732;;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 #95BAD0;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: #dabd84;
  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: 160px;
    text-align: center;
    margin-top: 6px;

}

#logo img {margin:10px auto;}



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

#bigMenu {margin-top:20px;}

.header{ 
  z-index:99;
  width:100%;
  background:#680123;
 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
} 
.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 transparent;
     margin-left:30px;  
}

#menu > li:hover{
	
}

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

#menu > li > a {text-transform:uppercase;
    color:#e4ddbd;     
    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,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',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:-300px;
	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;Left:0;}

.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:#680123;border:1px solid #b19772;color:#fff;padding:0px;padding-left:10px;}

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

#booking {
   
    padding:15px;
    position:absolute;
    top:-46px;
    width:100%;
    z-index:999999999;
  background:#680123;
  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 #ba9463; height:40px;line-height:38px;padding-left:10px;}
.cf p {font-size:1em;font-weight:100;padding:0px;display:inline-block;margin-right:10px;color:#fff;}

.cf span {display:inline-block;font-size:1em;text-transform:uppercase;color:#fff;}
.cf em {display:inline-block;padding-left:10px;font-size:1em;font-style: normal;color:#fff;}  

.cf > div {width:100%;}
.cf:hover:after  {color:#ba9463;}

.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:#ba9463;
  color: #fff;
  font-weight: 100;
  height: 40px;
  padding:0px;
  border:1px solid #ba9463;
  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:#383732;}


.cf {position:relative;}
.cf:after {
  content: "\f133";
  font-family: FontAwesome;
  text-align:center;
  font-size: .7em !important;
  background:rgba(255,255,255,0);
  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 #B9E0F7;
	margin-bottom:5px;
}


.submenu li a {color: #000;}




.submenu li.over {

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

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

}

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





.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;
}
.roomInfobox {
    margin: 0;
    padding-top: 0;
}
.roomInfobox ul {
    border-left: 1px solid #d3d7da;
    padding-bottom: 6px;
    padding-left: 32px;
    list-style: none;
}
.roomInfobox .roomB {
    border-bottom: 1px solid #d3d7da;
    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: #000;
    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);
 
  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(123, 13, 28, 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:#313234;
	
	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) {




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


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

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