@import url(https://fonts.googleapis.com/css?family=Roboto:400,900,300&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: 11pt;
	font-family: 'Roboto', sans-serif;
    background:#EAF7FF;   
    color:#113854;
    }
ul{
  padding: 0;
}


#gmap {z-index:99;width:100%;height:440px;border-top:10px solid #C3E3F9;margin-top:30px;}

.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:.8em;margin-top:20px;}

.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;font-weight: 100;line-height: 120%;margin: 0;  padding: 18px 0 ;  text-align: center;}
h2, .h2 {font-weight:400;font-size:1.6em;margin:10px 0px;line-height:120%;}
h3, .h3 {font-weight:100;font-size:1em;margin:10px 0px;text-align:left;font-weight:bold;}
h4 {text-transform:uppercase;font-size:0.9em;}
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: 50px;
  text-align: right;
  line-height: 50px;
  padding-right:5px;
  font-size:.9em;
  
}
.top p {
  color: rgba(255,255,255,.8);
  display: inline-block;  
  letter-spacing: 0.8px;
  padding: 0;
}
.top p a {
  color: rgba(255,255,255,.8);
  margin-right: 20px;
}
#lang {
  display: inline-block;
  font-size: .9em;
  margin: 0px 0px 0px 77px;
  padding: 0px;
  z-index: 999;
}

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

#lang li a {
  border-radius: 100%;
  color: #fff;
  
  background:rgba(0,0,0,.1);
  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: #000;
  background:rgba(255,255,255,.9);
}

#logo {
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;
	width:300px;
    text-align:center;	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#06387e+0,000000+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(6,56,126,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(6,56,126,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(6,56,126,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06387e', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

#logo img {width:90%;margin:30px auto;}



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

#bigMenu {margin-top:20px;}

.header{ 
  z-index:99;
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  
} 
.header img{
	width: 100%;
}





#showMenu{
    background: rgba(255, 255, 255, 0.8);
    color:#FF372A;
    text-align:center;
    font-size:1.7em;
    border:6px solid #FF372A; 
    position:absolute;
    top:79px;
    right:20px;
    z-index:99999;
    height:50px;
    width:50px;
    line-height:38px;
    border-radius:100%;
    cursor:pointer;
    }
 

#menuWrap { 
text-align:right;
margin-top:20px;
 letter-spacing:2px;  
} 

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

#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,.2);
}



#menu > li.over, #menu > li:hover{
   border-bottom:1px solid rgba(255,255,255,1);
    
}
#menu > li.over > a, #menu > li:hover > a{
	
	color:#fff;
	 
}

#menu > li > a {text-transform:uppercase;
    color:#fff; 
    line-height: 25px;
    font-weight:bold;
    margin:0;
    position: relative; display:inline-block;
    padding:10px 18px;    
}


#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(255, 255,255, .94);
  min-width:205px;
  text-transform: uppercase;
  text-align: left;
  border-bottom:1px solid rgba(0,0,0,.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:#053F86;
  font-weight:bold;
  font-size:.8em;
  min-width: 170px;
  padding:0px 20px;
  

}

#menu > li > ul > li:hover {
      background: rgba(255, 255,255, 1);
    
  
    }
    
    
#menu > li > ul > li:hover a {
     color:#ff4000;
  
    }    


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




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



/*HEADER PAGE */

#topImg {min-height:440px;
	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/#00a9ff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,169,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,169,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,169,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a9ff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
content:'';
position:absolute;
top:0px;
left:0px;
width:100%;
height:70%;
z-index:9;
}
	
	
	

#sliderGallery 
{
height: 600px;
position:relative;	
}




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


.topGradient
{
    
         
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a9ff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,169,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,169,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,169,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a9ff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

position:absolute;
top:0px;
left:0px;
width:100%;
height:70%;
z-index:9999;
}

 
.bottomGradient
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,102e6b+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(16,46,107,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(16,46,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(16,46,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#102e6b',GradientType=0 ); /* IE6-9 */

position:absolute;
bottom:0px;
left:0px;
width:100%;
height:20%;
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:#fff;
    position:absolute;
    bottom:35px;
    left:0px;
    width:100%;    
  
}




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

}


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



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


.package:after,.package:before
{
    /* 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%, rgba(6, 0, 86, 0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(6, 0, 86, 0.8)100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(6, 0, 86, 0.8) 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:50%;
z-index:99;
opacity:1;
}


.package:before 
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,0099ff+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(0,153,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(0,153,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(0,153,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#0099ff',GradientType=0 ); /* IE6-9 */
opacity:0;
}


.package:hover:after {opacity:0;}
.package:hover:before {opacity:1;}
.package:hover .packagePrice {color:#fff;}              
          
  
.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:#ff4000;
    text-align:center;
    color:#fff;
    line-height:66px;
	
}
.package:hover .circle{
          
background:#FF8800;
  
}



.package .over {padding:25px;position:absolute;top:0px;left:0px;width:100%;height:100px;opacity:0;z-index:9;color:#fff;height:240px;}

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


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

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



.package p {
  bottom: 0;
  margin: 0 !important;
  padding: 19px 22px;
  position: absolute;
  width: 100%;
  z-index: 990;
  
}
.package p a {color:#fff;;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:absolute;
    top:180px;
    left:0px;
    z-index:999;
    text-align:left;
}


#booking {
 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3232+0,ff5900+100 */
background: rgb(255,50,50); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,50,50,1) 0%, rgba(255,89,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,50,50,1) 0%,rgba(255,89,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,50,50,1) 0%,rgba(255,89,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#ff5900',GradientType=0 ); /* IE6-9 */


  color: #ffd576;
  overflow: hidden;
  padding: 20px;
  width:300px;
}

#booking div{
    float: left;
}

#booking h3 {padding:0px;margin:0px;margin-bottom:15px;}



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

.cf {text-align:center;color:#fff;cursor:pointer;padding-bottom:0px;}
.cf p {font-size:3em;height:55px;font-weight:100;padding:0px;line-height:55px;}

.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%;height: 80px;}
.cf:hover:after  {background:#fff;}

.cf .input {height:0px;overflow:hidden;opacity:0;padding:0px;margin:0px;}
.cf .input input {height:0px !important;}

#booking button {
  background:#fff;
  color: #ff4000;
  font-weight: 100;
  height: auto;
  font-weight:bold;  
  line-height: 43px;
  margin: 11px 0 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
}



#booking button:hover {
  background:#fff;
  color: #ff8000;
}


.cf {position:relative;}
.cf:after {
  content: "\f133";
  font-family: FontAwesome;
  font-size: .7em !important;
  background:rgba(255,255,255,.7);
  color: #ff4000;
  border-radius:100%;
  width:25px;height:25px;
  line-height:25px;
  position: absolute;
  right: 10px;
  top: 10px;
  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 #ff4700;
}
.submenu li:hover{
 
   border-bottom:1px solid #ff4700;
}

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

}



.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;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3232+0,ff5900+100 */
background: rgb(255,50,50); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,50,50,1) 0%, rgba(255,89,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,50,50,1) 0%,rgba(255,89,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,50,50,1) 0%,rgba(255,89,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#ff5900',GradientType=0 ); /* IE6-9 */

    font-size:0.9em;
    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 #ddd;padding:10px 0px;
}

#location li a {

}

#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);
 border-top: 15px solid #C3D6E2;
  color: #fff;
 font-weight:100;
  line-height: 30px;
  overflow: hidden;
  padding: 25px 0 70px 0;
  position: relative;
text-align:center;
}

#footer > div {line-height:23px;} 

#footer i {font-size:1.8em;
	text-align:center;display:block;width:50px;
	height:50px;background:rgba(0,0,0,.1);border-radius:100%;margin:auto;
	line-height:50px;

	margin-bottom:10px;
	
	}

#footer h4 {margin:0px;font-size:.8em;color:#06365A;font-weight:bold;margin-bottom:10px;}

#footer a {color:#fff;}


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

  #logo {
  width:50%;
  left:10px;
  display: inline-block;
  z-index: 99;
  }
  
  #booking{
   
    width:100%;
  }
  
  .header img{
  	width: auto;
  }



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



#booking {padding:0px;}

#booking button {line-height:20px;;margin:0px;height:80px;}

#menuWrap { z-index:99999999;}
#menu {
      background:#06387e;
        margin:0px;
        clear:both;width:100%;
      
        margin-top:80px;
        padding:0px;
       box-shadow:  0 12px 12px rgba(0, 0, 0, 0.55);
       z-index:99999999;
    }


  #menu li {display:block;border-bottom:1px solid rgba(0,0,0,.2);}
  #menu li a {color:#fff;line-height: 42px; font-size: 1.2em;height:60px;line-height:60px;}

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

  
  
  
  
 

    


.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 {
  display: block;
  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;}
.ui-state-default {background:#f0f0f0 !important;border:0px !important;}
.ui-state-active {background:#ff4000 !important;color:#fff !important;border:0px !important;}