@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}


@media (min-width: 1110px) and (device-aspect-ratio: 16/9) and (orientation: landscape),
(min-width: 1100px) and (min-device-aspect-ratio: 32/19) and (orientation: landscape) {



/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  background-color: #ffffff;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: visible;
}

.navbar-wrapper  {
  background-color: #000;
  color: #96785d;
  margin: 0px auto;
  height: 150px;
  position: fixed;
  z-index: 310;
  width: 100vw;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(85,85,85,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(85,85,85,0.75);
box-shadow: 0px 5px 5px 0px rgba(85,85,85,0.75);

}

.navbar-wrapper .container {
  background-color: transparent;
  color: #96785d;
  margin: 3px auto 0 auto;
  width: 1130px;
  height:145px;
  overflow: hidden;
  
}

.navbar-wrapper .container .navbar .container .navbar {
  overflow: hidden;
  color: #96785d;
  margin: 0px auto;
  width: 1130px;
  background-color: transparent;
}

.navbar , .navbar .container {
 width: 1130px;
  border:0px #ffffff;
   background-color: transparent;
   height: 145px;
   margin:0;
   padding:0;
   margin:0 auto;
   overflow: hidden;
}

.navbar-wrapper .container .navbar .container .navbar-collapse {
  background-color: transparent;
  color: #96785d;
  margin: 0px auto;
  width: 1130px;
  height: 145px;
  overflow: hidden;
  display: table;
}

.navbar-wrapper .container .navbar.navbar-inverse.navbar-static-top {
  padding-left: 0px;
  margin-left: 0px;
  overflow: hidden;
}

.navbar-wrapper .container .navbar.navbar-inverse.navbar-static-top .container .navbar-collapse.collapse{
  height: 145px;
  overflow-y: hidden;
  display: table;
}

.navbar-wrapper .container .navbar.navbar-inverse.navbar-static-top .container{
  height: 145px;
  overflow-y: hidden;
}

.navbar-wrapper .container .navbar .container .navbar-brand{
 
  color: #96785d;
}

.navbar-wrapper .container .navbar .container .navbar-collapse ul, .navbar-wrapper .container .navbar .container .navbar-collapse.collapse ul{
	position: absolute;
	top:100px;
	width: 1130px;
	background-color: transparent;
   height: 30px;
   list-style: none;
   display: inline;
   text-align: center;
}


.navbar-wrapper .container .navbar .container .navbar-collapse ul li.active div.goldenbtn div.blackbtn a{
	
  margin: 0 auto;
  border-bottom: 3px #96785d;
  background-color: transparent;
  color: #96785d;
  height: 28px;
  line-height: 28px;
  text-align: center;
  display: inline;
}


.navbar-wrapper .container .navbar .container .navbar-collapse ul li.active div.goldenbtn {
	width: 131px;
  border-radius: 3px;
  background-color: transparent;
  color: #96785d;
  height: 30px;
  
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#daa043+0,8f5a10+10,f5db7a+25,f9e584+35,b98132+45,e1b35a+55,fbe988+65,b68d37+75,734913+90,dfa545+100 */
background: #daa043; /* Old browsers */
background: -moz-linear-gradient(left,  #daa043 0%, #8f5a10 10%, #f5db7a 25%, #f9e584 35%, #b98132 45%, #e1b35a 55%, #fbe988 65%, #b68d37 75%, #734913 90%, #dfa545 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #daa043 0%,#8f5a10 10%,#f5db7a 25%,#f9e584 35%,#b98132 45%,#e1b35a 55%,#fbe988 65%,#b68d37 75%,#734913 90%,#dfa545 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #daa043 0%,#8f5a10 10%,#f5db7a 25%,#f9e584 35%,#b98132 45%,#e1b35a 55%,#fbe988 65%,#b68d37 75%,#734913 90%,#dfa545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daa043', endColorstr='#dfa545',GradientType=1 ); /* IE6-9 */



  
}



.navbar-wrapper .container .navbar .container .navbar-collapse ul li.active div.goldenbtn div.blackbtn{
	width: 129px;
	height
  border-radius: 3px;
  background-color: transparent;
  color: #96785d;
  height: 28px;
	
background: #000; /* Old browsers */
	margin: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  

}








.navbar-wrapper .container .navbar .container .navbar-collapse ul li div.goldenbtn div.blackbtn a{
  
  margin: auto;
  font-weight: 600;
  color: #8dacb2;
 
background-color: transparent;
  text-align: center;
  height: 28px;
  line-height: 28px;
  display: inline;
   text-align: center;
}


.navbar-wrapper .container .navbar .container .navbar-collapse ul li {
  height: 30px;
background-color: transparent;
  width: 141px;
  display: inline;
   text-align: center;
}




.navbar-wrapper .container .navbar .container .navbar-collapse ul li ul li a{
  width: 131px;
  font-weight: 600;
  color: #8dacb2;
  margin-top: 20px;
  background-color: transparent;
  text-align: center;
}





.navbar-wrapper .container .navbar .container .navbar-collapse ul li.dropdown.open a.dropdown-toggle{
  background-color: #96785d;

  color: #ffffff;
}


.navbar-wrapper .container .navbar .container .menu2 ul, 
.navbar-wrapper .container .navbar .container .menu2{

width:500px;
float: right;
}	


.navbar-wrapper .container .navbar .container .menu2 ul li{
float: right;
}	


/*.navbar-wrapper .container .navbar.navbar-inverse.navbar-static-top .container .menu2 ul li.dropdown,
.navbar-wrapper .container .navbar.navbar-inverse.navbar-static-top .container .menu2 ul li.dropdown a.dropdown-toggle,
.navbar-wrapper .container .navbar.navbar-inverse.navbar-static-top .container .menu2 ul li.dropdown a.dropdown-toggle span,*/ 
.navbar-wrapper .container .navbar.navbar-inverse.navbar-static-top .container .menu2 ul li.dropdown.open ul.dropdown-menu, 
.navbar-wrapper .container .navbar.navbar-inverse.navbar-static-top .container .menu2 ul li.dropdown.open ul.dropdown-menu li,
.navbar-wrapper .container .navbar.navbar-inverse.navbar-static-top .container .menu2 ul li.dropdown.open ul.dropdown-menu li a{

width:85px;
text-align: left;
float: left;	
}	


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.availability{
  		
  		height:6vh;
	/*position:absolute;*/    
    right: 0%;
    left: 0%;
    
    z-index: 46;
    
    color: #000000;
    font-family: Raleway;
    font-weight: 600;
    font-size: 14pt;
    text-align: center;
    line-height: 6vh;
	 margin-top: 0;
	 padding-top: 0;
	 /*top:94vh;*/
	 width: 100%;
	 
	     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#daa043+0,8f5a10+10,f5db7a+25,f9e584+35,b98132+45,e1b35a+55,fbe988+65,b68d37+75,734913+90,dfa545+100 */
background: #daa043; /* Old browsers */
background: -moz-linear-gradient(left,  #daa043 0%, #8f5a10 10%, #f5db7a 25%, #f9e584 35%, #b98132 45%, #e1b35a 55%, #fbe988 65%, #b68d37 75%, #734913 90%, #dfa545 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #daa043 0%,#8f5a10 10%,#f5db7a 25%,#f9e584 35%,#b98132 45%,#e1b35a 55%,#fbe988 65%,#b68d37 75%,#734913 90%,#dfa545 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #daa043 0%,#8f5a10 10%,#f5db7a 25%,#f9e584 35%,#b98132 45%,#e1b35a 55%,#fbe988 65%,#b68d37 75%,#734913 90%,#dfa545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daa043', endColorstr='#dfa545',GradientType=1 ); /* IE6-9 */

	 
	}	

.block1{
  		width: 100vw;
  		height:6vh;
	    
    right: 0%;
    left: 0%;
    
    z-index: 66;
    
	 	 padding-top:4px;
	 
	 
	}	
	
.availability .block1 .container {
  		width: 60vw;

	}	

.availability .block1 .container .col-md-5,
.availability .block1 .container .col-md-5 .form-group,
.availability .block1 .container .col-md-5 .form-group .input-group.date{
  		width: 28vw;
  		float: left;
  		position: static;

	}	



.availability .block1 .container .col-md-5 .form-group .input-group.date .form-control{
  		width: 10vw;
  		float: left;
		position: static;
	}	


.availability .block1 .container .col-md-5 .form-group .input-group.date .text{
	float: left;
	width:10vw;
	text-align:right; 
	height:inherit;
	line-height: 32px;
	}	
	
	.availability .block1 .container .col-md-5 .form-group .input-group.date .input-group-addon{
	float: left;
	height: 34px;
	width: 38px;
	
	}	
	
#myVerticalCarousel {
  		max-width: 100vw;
  		min-height:100vh;
  		height: 100%;
  		top:0px;
  		margin-top: 0;
  		padding-top: 0;
  		position: relative;
	}	
		
	#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner  {
  		height: 100vh;
  		max-width: auto;
		top:0px;
  		margin-top: 0;
  		padding-top: 0;  		
	}

	
 	.carousel .slide .carousel-fade{
  		
  		height: 100vh;
		max-width: auto;  		
  		/*top:-153px;*/
  		margin-top:0;
  		padding-top:0;
  		
  		
		
	}
	
	#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item .container {
		left:0;
		right:0;		
		width: 100vw;
		height: 100%;
		top:40vh;
		margin: 0;					  	
	  	z-index: 50;
	  	overflow: hidden;
	  	position:absolute;
  		
	}

#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item.active{
		width: 100vw;		
		height: 100%;	  	
	  	overflow: hidden;
	background-position: center center;
		background-size: cover;
  		-webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  		
	}


#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item.active img{
		 /*min-width: 100vw;           // Expand video*/
    min-height: 100vh;
    width: auto;               // Keep aspect ratio
    height: auto;
		position: relative;
	top: 50%;
	transform: 			translateY(-50%);
	}


#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item img{
	/*	 min-width: 100vw;           // Expand video*/
    min-height: 100vh;
    width: auto;               // Keep aspect ratio
    height: auto;
		position: relative;
	top: 50%;
	transform: 			translateY(-50%);
	}




#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item{
		width: 100vw;
  		height: 100vh;
  		
	  	overflow: hidden;
	background-position: center center;
		background-size: cover;
  		-webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;


  		
	}



.item.active {
	/*width:100vw;
	height: 527px;*/
	position: absolute;
	/*top: 150px;*/
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);


	}



.item.active .item.map{
		width: 100vw;
  		height:527px;
  		
	  	overflow: hidden;
	  	position: absolute;
	  	top:0;
	  	z-index:5;

	}



#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item img{
		
		width:100vw;  	
	  	overflow: hidden;
		
  		
	}

	.carousel .item {

		max-width: auto;
		max-height: 100vh;
		margin: 0 auto;
		overflow: hidden;					  	
	  	/*top:-153px;*/
  		margin-top:0;
  		padding-top:0;
  		
	}




.carousel-indicators{
  margin-bottom: 5vw;

}  





/* Carousel base class */

/* Since positioning the image, we need to help out the caption */
#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item .container .carousel-caption {
	width:inherit; 	
 	margin:0 auto;
	font-size: medium;
  z-index: 50;
  bottom: 0;
  top:0;
  left: 0;
 /* top: 35vh;*/
  position: absolute;
  /*margin:0 auto;*/
  
}



#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item .container .carousel-caption .titolo{
	width:inherit;   
  font-size: 70px;
  color: #ffffff;
  font-weight:400;
  text-align: center;
  margin:0;
  	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);
	height:5vw;
}

#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item .container .carousel-caption .sottotitolo{
	width:inherit;
	font-style:italic;   
  font-size: 2vw;
  color: #ffffff;
  font-weight:400;
	text-align: center;
	margin:0;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);
}



/*
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}


*/





#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .down.carousel-control {
	position:absolute;    
    right: 0%;
    left: 0%;
    width: 100vw;
    z-index: 70;
   /* background-image: linear-gradient(to bottom, transparent 0px, rgba(0, 0, 0, 0.5) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 50%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	/* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	/* background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 50%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	/* background-image: -o-linear-gradient(top, rgba(255,255,255,0) 50%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	/* background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 50%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	/* background-image: linear-gradient(to bottom, rgba(255,255,255,0) 50%,rgba(0,0,0,0.5) 100%); /* W3C */
	 
	 background-color: rgba(0, 0, 0, 0.75);
	 margin-top: 0;
	 padding-top: 0;
	 top:92vh;
	 height:8vh;
	 overflow: hidden;
	 
    
}









#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .down.carousel-control ol{
  position: absolute;
  
 
  z-index: 27;
  /*width: 60vw;
  left:20vw;
  */
  padding-left: 0;
 
  text-align: center;
  list-style: none;	
	padding-top:0;
	
	top:0.25vh;
	height: 8vh;
}






.down.carousel-control ol li {
	text-align: center;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.down.carousel-control ol li.active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}


.down.carousel-control .down_arrow{
 z-index: 44;
  
 position: absolute;
 
  width: 10vw;
  text-align: center;
  left:45vw;
  right:45vw;
  /*margin: 30px auto;*/
 	top: 3vh;
	
	padding-top:0;
	
	
  
}



.left_arrow {
	position:absolute;    
   width:5vw;
   height: 8vh;
	float:left;
   left:5vw;
	 padding-top: 0;
text-align: center;
    
}

.right_arrow {
	position:absolute;    
   width:5vw;
   height: 8vh;
	left:90vw;
   
	 padding-top: 0;
	 text-align: center;
    
}



.left_arrow span, .right_arrow span, .down_arrow span{
	color: #ffffff;    
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);
	font-size: 30px;
	margin-top: 2vh;
	
}



.middlebar{
width:80vw;	
	left: 10vw;
	height: 8vh;
	right:10vw;
	float:left;
	position: absolute;
}

#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item{
  
/*  -webkit-transition-property: opacity .10;
  -moz-transition-property: opacity .10s;
  -o-transition-property: opacity .10s;
  transition-property: opacity .10s;
  .transition(opacity .10s);*/
  
	background-position: center center;
		background-size: cover;
  		-webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;
  opacity:1;
  
/*-webkit-transition-property: opacity ;
  -moz-transition-property: opacity ;
  -o-transition-property: opacity ;
  transition-property: opacity ;
  .transition(opacity);  */
    

    -webkit-transition: opacity 6s ease;
    -moz-transition: opacity 6s ease;
    -ms-transition: opacity 6s ease;
    -o-transition: opacity 6s ease;
    transition: opacity 1s ease;
/*  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
*/
  
/*  transition-property: opacity;
/* transition-delay: 10s;
transition-duration: 20s;*/  
  }



#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item,
#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item.active.left,
#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item.active.right {
 left:0;
  opacity: 0;
  	background-position: center center;
		background-size: cover;
  		-webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;
/*  transition-property: opacity;
    -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;*/
/*  left: 0;
  z-index: 10;*/
}



#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item.active,
#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item.next.left,
#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item.prev.right {
  opacity: 1;
  	background-position: center center;
		background-size: cover;
  		-webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;
/*  transition-property: opacity;
    -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;*/
/*
-webkit-transition: opacity 0.6s ease-in-out;
       -o-transition: opacity 0.6s ease-in-out;
          transition: opacity 0.6s ease-in-out;
   
 */ 
 -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}




#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .next {
  opacity: 1;
	background-position: center center;
		background-size: cover;
  		-webkit-background-size: cover;

  -moz-background-size: cover;
 top:0;
 left: 0;
  -o-background-size: cover;

 -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/*

#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item.next,
#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item.prev,
#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item.active.left,
#myVerticalCarousel .inner .item .carousel.slide.carousel-fade .carousel-inner .item.active.right {
  left: 0;
  opacity:0;
 
}
*/



.carousel-fade .carousel-control {
  z-index: 122;
}





}