@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext);

@import url('/public/styles/foundation.min.css');
@import url('/public/styles/font-awesome.min.css');


body {
    font-size: 11pt;
	font-family: 'Open Sans', sans-serif;
    color: #303030;   
    background:#fff; 
    line-height:170%;
    }

hr {border:0px; border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.4);}
.clr {clear:both !important;float:none !important;padding:0px !important;}

.wrap {position:relative;}
.center {text-align:center;}
.content {padding-top:20px;}


.columns {position:relative;}

input,button,select, .img, .swiper-prev,.swiper-next
 {
transition: all 0.1s ease-out 0s;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all  0.1s ease-out 0s;
font-family: 'Open Sans', sans-serif;
}

.darkBack {background:#282231;padding:30px 0px;color:#B0A4C1;border-top:10px solid #19161F;border-bottom:10px solid #EAEAEA;}
.darkBack a {color:#fff;}



.lightBack {background:#eee;padding:30px 0px;color:#505050;border-top:10px solid #f0f0f0;border-bottom:10px solid #f0f0f0;}

.inputSelected {background:#D43963;border:1px solid #D43963;color:#fff;}


.sidebarBooking
{
    background:#D43963;
    padding:20px;
    color:#fff;
}

#mainSearch {height:500px;text-align:center;position:relative;}
#mainMap {width:100%;height:500px;}
#mainSearchField {position:absolute;bottom:100px;left:0px;width:100%;z-index:999;}

#mainSearchForm {padding:20px;background:rgba(0,0,0,.3);}

.bookingItemForm {padding:20px;background:rgba(0,0,0,.1) !important;margin:20px 0px;}


.clear {position:absolute;top:18px;right:30px;z-index:999;cursor:pointer;display:none;}
.clear:hover {color:#D43963;}
#sidebarSearchForm {padding:20px;background:#C7C7C7;}


#sidebarSearchForm label {text-transform:uppercase;font-size:.8em;color:rgba(0,0,0,.4);margin-top:10px;display:block;}

#sidebarSearchForm button {margin-top:15px;}

#mainSearchField input, #mainSearchField button, #mainSearchField select 
 {
 	cursor:pointer;}



.calendar {position:relative;}
.calendar:after {
    position:absolute;
    right:15px;
    top:15px;;
    content:'\f133';
     
    font-family: FontAwesome;
    z-index:999;
    width:40px;
    height:40px;
}

.calendar input {cursor:pointer;}





#logo {text-align:left;}
#logo img {
    max-height:50px;
}

.grey {background:#F3F3F3;padding:10px 0px;color:#909090;}
header {background:rgba(0,0,0,.4);
    padding-top:20px;padding-bottom:20px;
    position:absolute;top:0px;left:0px;
    width:100%;z-index:99999;}



table {border-collapse:collapse;width:100%;padding:0px;margin:0px;}



h1, .h1 {font-weight:100;font-size:2.8em;margin:18px 0px;line-height:120%;}
h2, .h2 {font-weight:100;font-size:1.6em;margin:10px 0px;line-height:120%;}
h3, .h3 {font-weight:400;font-size:1.4em;margin:10px 0px;text-align:left;}



h2 i {display:inline-block;background:#D43963;color:#fff;width:40px;height:40px;padding:8px;text-align:center;margin-right:10px;}

.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;}

.slideInfo strong,  .slideInfo h1,h2, .mainBox strong, #footer h3 {}

h1 span, .h1 span {font-size:60%;}


a {color: #f84979;text-decoration: none;}


.lightGallery {padding:0px;margin:0px;list-style:none;margin-top:15px;}
.lightGallery li {padding:0px;margin:0px;width:33.333333333333%;float:left;}
.lightGallery li  p {
    position:relative;padding-bottom:60%;cursor:pointer;border-right:1px solid #fff;border-bottom:1px solid #fff;
    
    
    }
    
    
    
.lightGallery li 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 li:hover p i {
opacity:1;
font-size:2em;
padding-top:25%;
    }        

.lightGallery li: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 li img {display:none;} 


.pagination  
{
text-align:center;	
}


#topImg {height:90px;}
 
.img, .lightGallery li p,  #topImg, .swiper-slide
{
	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;
}


.swiper-slide {position:relative;}


#header
    {
    width:100%;
    position:relative;
    height:550px;
    max-width:1400px;
    margin:auto;
    } 


.shadowBottom
{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:50%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.75+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.80) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
z-index:99;
}


.objectInfo
{
	position:absolute;
	left:0px;
	
	width:100%;
	 bottom:30px;
	z-index:100;
	color:#fff;
}

.objectInfo h1,.objectInfo a {color:#fff;margin:4px 0px;}
.objectInfo span {font-size:1.2em;color:#fff;}
.objectInfo h1 {font-weight:bold;
	text-shadow:3px 3px 10px #000;
		}


.objectVote
{
   
    color:#fff;
    text-align:right;
   
}

.objectVote strong {font-size:3em;color:#fff;display:block;}
.objectVote .button {color:#fff;margin-top:10px;}

.reviews {list-style:none;padding:0px;margin:0px;}
.reviews li {padding:0px;margin:0px;margin-bottom:20px;background:#fff;padding:20px;position:relative;padding-left:150px;cursor:pointer;}
.reviews li em {position:absolute;top:20px;right:20px;font-style:normal;font-size:.8em;font-weight:bold;color:#808080;}

.reviews li > div {position:absolute;top:25px;left:0px;font-style:normal;width:150px;font-size:2em;text-align:center;color:#D43963;}

.reviews li > div > p  {font-size:.4em;color:#808080;}

.reviews li > p strong {display:block;margin-top:15px;}
.reviews li > p strong span {color:#D43963;}

.reviews li > p  {font-size:0.9em;}

#sliderGallery 
{
position:relative;	
background:#fff;
height:550px;
z-index:999;    
}

.slideInfo
{
	color:#fff;
	margin:auto;	
    text-align:center;
    position:absolute;
    bottom:50px;
    left:0px;
    width:100%;
     z-index:9999;
    
}




.swiper-pagination {bottom:20px !important;z-index:100 !important;}
.swiper-pagination-bullet
{
   width:6px !important;
   height:6px !important;
    background:rgba(255,255,255,.4) !important;
    opacity:1 !important;
}
.swiper-pagination-bullet-active 
{
   background:#D43963 !important;
}


.swiper-prev,.swiper-next
{
    left:40px;
    position:absolute;top:50%;
    margin-top:-35px;
    height:50px;
    width:50px;
    background:rgba(0, 0, 0, 0.44);
    border-radius:100%;
    color:#fff;
    text-align:center;
    z-index:99;
    font-size:1.7em;
    line-height:47px;
    cursor:pointer;
    z-index:100;
}


.swiper-prev:hover, .swiper-next:hover { background:rgba(212, 57, 99, 0.74);color:#fff;} 

.swiper-next {right:40px;left:inherit;}



p {padding:7px 0px;margin:0px;}





.news {background:#f1f1f1;
    height:100px;
    font-size:0.9em;
    padding-right:20px;
    cursor:pointer;    
    }

.news > .img {position:relative; width:180px;height:100%;z-index:2;float:left;margin-right:30px;}
.news a {display:block;font-size:1.3em;padding-top:15px;color:#000;}
.news:hover  {background:#dfdfdf;} 


.smallPagerNext {position:absolute;top:60px;right:30px;font-size:3.5em;z-index:9999;color:#fff;cursor:pointer;font-weight:100;}
.smallPagerPrev {position:absolute;top:60px;left:30px;font-size:3.5em;z-index:9999;color:#fff;cursor:pointer;font-weight:100;}

.newsPaging {position:absolute;top:14px;right:12px;}
.newsPaging span {margin:2px;}
 
.listCol  {
    background:#fff;    
    margin-bottom:10px;
    position: relative; 
    border:1px solid #E4E4E4;   
    cursor:pointer;
    
}


.listCol  a, .listRow  a {color:#000;}

.listCol:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}




.dis {position:absolute;right:0px;top:35px;
	padding:5px 15px;z-index:1;background:rgba(255,255,255, 0.83);color:#000;width:90px;text-align:right;}

.dis:before
{
    
    content:'\f041';
    font-family: 'FontAwesome';
    position:absolute;
    top:6px;left:10px;
}



.vote {position:absolute;right:0px;top:106px;padding:7px 12px;
	z-index:1;background:rgba(0,0,0,.8);color:#fff;
	font-size:.7em;
	text-align:center;
	line-height:15px;
	width:90px;
	}

.vote strong {display:block;font-size:1.4em;}


.price {position:absolute;right:0px;top:70px;padding:10px;
    width:90px;
    z-index:1;background:#D43963;color:#fff;
    font-size:1.5em;
    text-align:center;
    line-height:15px;
    }



.listCol p {padding:15px 50px 15px 15px;}

.listCol  a {display:block;font-weight:bold;height:30px;overflow:hidden;line-height:30px;}

.listCol .img 
{
	
z-index:1;
width:100%;
height:160px;
position:relative;
text-align:center;

}

.listRow {margin-bottom:30px;
	-webkit-box-shadow: 0px 10px 30px -13px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 10px 30px -13px rgba(0,0,0,0.25);
box-shadow: 0px 10px 30px -13px rgba(0,0,0,0.25);
cursor:inherit;
	}


.listRow table {font-size:1em;line-height:20px;}
.listRow table  td { 
transition: all 0.3s;  /* Simple transition for hover effect */
padding:9px 20px;
}


.listRow  table   td p {padding:0px;margin:0px;}
.listRow  table   tr:nth-child(even) td { background: #fff; }   
.listRow  table   tr:nth-child(odd) td { background: #F6F6F6; }  

.hide {display:none;}
.showAll {position:absolute;bottom:-23px;right:35px;background:#6B6B6B;
	font-size:.75em;font-weight:bold;padding:0px 10px;
	color:#fff;cursor:pointer;text-transform:uppercase;}

.ico {font-size:.8em;color:#404040;text-align:center;margin-top:20px;}
.ico  strong {display:block;font-size:1.4em;color:#000;}
.ico i {display:block;font-size:1.6em}
.listRow .pri {font-size:1.3em;color:#D43963;text-align:right;}

.listRow .img {height:170px;cursor:pointer;}

.listRow .img i {font-size:1em;width:40px;height:40px;background:rgba(0,0,0,.5);text-align:center;
	line-height:40px;
	margin-top:66px;border-radius:100%;
	color:#fff;
	} 

.listRow table img {border-radius:100%;width:60px;height:60px;max-width:inherit;}


.listRow .button {background:none;font-size:0.8em;}

.listCol span {font-size:.8em;opacity:.7;}

.listCol:hover .back {
				opacity:1;
				filter: alpha(opacity=100);
						}
						

.circle {border-radius:100%;width:100px;height:100px;max-width:100px;}
						
.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;
	  }              
              



.wrap {
	margin: 0px auto;	
	position:relative;
}


.row {max-width:1200px;margin:auto;position:relative;}




#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;
}

#location {padding:0px;margin:0px;list-type:none;padding-bottom:5px;border-bottom:1px solid #ccc;font-size:0.8em;margin-bottom:15px;}
#location a {color:#000;}

#location li {display:inline;padding:0px;margin:0px;position:relative;}
#location li:after {content:'\f178';font-family: 'FontAwesome';padding:0px 10px;}


input, select, textarea, button,.button { 
    background:#fff;
	height:50px;line-height:50px;
    border:0px;outline:none;
    display:inline-block; border:1px solid #eee;
    padding:0px 15px;
    font-size:1em;
    font-weight:bold;
    cursor:pointer;
    }

input, select, textarea, .expand {width:100%;}




.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;}
input:hover,select:hover {border:1px solid #D43963;}


button, .button {
                color:#fff;    
                background:#D43963;
                text-transform:uppercase;
                border:1px solid #D43963;
                }
.button span, .button {color:#fff }
.button:hover, button:hover {background:#FF4D7D;}


.smallButton {font-size:0.7em;padding:0px 10px;height:30px;line-height:30px;font-weight:bold;}

.bottomLinks  {margin:0px;padding:0px;list-type:none;margin-top:30px;}
.bottomLinks li {display:inline;}
.bottomLinks a {display:inline-block;padding:3px 10px;border:1px solid #ccc;margin:3px;}

.secondary {background:none;color:#000;}

.description {text-align:justify;}
.description p {margin:10px 0px;text-align:justify;}
.description p:first-child {
	margin-top:0; 
}


.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;}


footer {background:#27242B;padding:50px 0px;color:#fff;font-size:.9em;}

footer h3 {font-size:1.1em;font-weight:bold;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;text-transform:uppercase;}
footer h3 i {display:inline-block;background:#D43963;color:#fff;width:25px;height:25px;padding:5px;text-align:center;margin-right:5px;}


.design {font-size:0.8em;padding-top:20px;}


label.error {color:#cc0000;font-size:0.6em;padding:0px;}

.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);
		 	
	}	







@media only screen and (max-width: 64em) 
{


.slideInfo {width:100%}
.slideInfo p {width:85%;}


.news > .img {width:120px;}
.news > span {display:none;}   


}





@media only screen and (max-width : 40em) 
{
	.objectInfo h1 {font-size:1.5em;margin:0px;}
	.objectInfo span {font-size:1em;}
	.objectVote  strong {font-size:1.6em;}
	
	
	.listCol .img {height:120px;}
	.smallPad {padding-bottom:10px;}
    #sliderGallery {height:330px;}
#mainSearchField {bottom:15px;}
.calendar:after {right:5px;}
}
