@import url('//fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i|Source+Sans+Pro:300,400,400i,600,600i,700,700i');
@import url('//fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');

/*************************
*******Typography******
**************************/
html, body{overflow-x: hidden;}
body {background-color: #F2F0EE; font-family: "PT Serif",sans-serif; color:#bc9d74; line-height: 22px; overflow-y; height:100%; min-height: 100%;}
.inline {display:inline !important;}
.no-margin-padding {margin: 0; padding: 0;}
.no-margin {margin: 0; padding: 0;}
.no-padding {padding: 0;}
.pb-20{padding-bottom: -40px !important;}
.mb-10{margin-bottom: -10px !important;}
.mt-20{margin-top: -20px !important;}
.mt40{margin-top: 40px}

.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb100 {padding-bottom: 100px !important;}
.pb150 {padding-bottom: 150px !important;}
.pb170 {padding-bottom: 170px !important;}
.pb200 {padding-bottom: 200px !important;}

.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt100 {padding-top: 100px !important;}
.pt120 {padding-top: 120px !important;}
.pt150 {padding-top: 150px !important;}
.pt170 {padding-top: 170px !important;}
.pt200 {padding-top: 200px !important;}

.bgffffff {background-color: #ffffff !important;}
.bgF2F0EE {background-color: #F2F0EE !important;}
.bg4A8CA4 {background-color: #4A8FA9;}
.bg6EA5BA {background-color: #6EA5BA;}
.bgc3a984 {background-color: #bc9d74;}
.bgCCB593 {background-color: #CCB593;}
.color797D80 {color: #666666;}
.colorc3a984{color: #bc9d74;}
.color797D80 a{color: #bc9d74 !important;}
.colorc3a984 a{color: #bc9d74 !important;}

/*************************
Landing Page
**************************/
.landing-menu {height:30px; border-bottom:none !important;}
.landing-contact {width:150px;}
 .slogan-landing {
    width: auto; 
   height: auto; 
   height: 80px; 
   color:#ffffff; 
   font-family: 'Source Sans Pro',sans-serif; 
   font-size: 28px; 
   background-color:#bc9d74; 
   text-align:center; 
   font-weight: 300;
   letter-spacing: 4px;
   text-transform: uppercase; 
   text-align:center;
   display: flex;
   align-items: center; /* Vertical center alignment */
   justify-content: center; /* Horizontal center alignment */
   line-height: 32px;
   padding-left: 20px;
   padding: 20px; 
   }
   .slogan-landing a {color:#ffffff;}
   .slogan-landing a:hover {color:#ffffff;}
   .slogan-landing a:focus {color:#ffffff;}
   .title-landing {color:#636375 !important;}
   .label-landing {color:#bc9d74 !important; font-size: 15px !important; font-weight: 500; letter-spacing: 4px !important;}
   .separate-landing {border: none; height: 1px; background-color:#a1a891; color: #a1a891; margin-top: 32px; width: 250px;}
	#vota-splash-mobile a img{display:none;}
	
/*************************
Pulsanti Home
**************************/	
	.position-button-splash {margin-top: -30px; margin-bottom:20px;}
	#footer-buttons-container {display:none; position: fixed; bottom: 1%; left: 50%; transform: translateX(-50%); z-index: 100;}
	#footer-buttons {position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); height: 80px; width: 95%; z-index: 100;}
	.pulsanti a{
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)';
	padding-top: 15px;
	padding-bottom: 15px;
	width:95%;
	display:inline-block;
	text-align: center; color:#ffffff; font-family: 'Source Sans Pro',sans-serif; font-size: 13px; letter-spacing: 2px; }
	.pulsanti :hover{background-color:#bc9d74; color:#ffffff;}
	.pulsanti a:focus{color:#ffffff !important;}	
	
/*************************
pop Up Offerte
**************************/
#myModal{overflow: hidden;}
.modal-backdrop {background-color: transparent !important;}
.modal-content {box-shadow: none;}
.modal-dialog {width: auto; max-width: 1400px !important;  height: 800px !important; padding: 10%; }
.modal-header {border-bottom: 0px !important; text-align: center !important; margin-top:-35px;}
.modal-close {cursor: pointer; font-family: "Raleway",sans-serif; font-size: 10px !important; font-weight: 400; letter-spacing: 1px; margin-bottom: 3%; padding-top: 10px; padding-right: 15px; position: relative; text-align: right; top: 2px; width: 100%;}
img .modal-close {width:25px; height: 25px;}
.modal-title {font-family: "Raleway",sans-serif;  font-size: 14px !important; font-weight: 500; letter-spacing: 3px;}
.modal-body { text-align: center !important; padding-left: 10%; padding-right: 10%; padding-top: 1%; padding-bottom: 3%;  }
.modal-body  h1 a {font-size:35px; text-align: center !important; font-family: "Raleway",sans-serif; font-weight: 400; letter-spacing: 5px;}
.modal-body  h2 a {text-align: center !important; font-family: "Source Sans Pro",sans-serif; font-size: 22px; font-weight: 300; line-height: 30px;}
.modal-body h2 a.accept p {margin-bottom: 15px; padding-left: 70px; padding-right: 70px;}
.modal-body img {padding-top: 25px;}
.modal-footer {border-top: 0px !important; text-align: center;  padding-bottom:6%; margin-top:-4px}
.modal-footer a{font-family: "Source Sans Pro",sans-serif;  font-size: 16px !important; font-weight: 400; letter-spacing: 1px; border: 2px solid  #bc9d74 !important; padding:12px;}
.modal-title.accept hr {max-width:170px; border-top: 2px solid  #bc9d74 !important; padding-bottom:0px;}



/*************************
Splash Page
**************************/
#hide-splash {width:100%; position:relative; top:0; left:0; background-color:#F4F0EF; z-index: 10; padding-bottom:60px !important;}
#splash {position:relative; top:0px; height:100vh; width:100% !important; background-color:#F4F0EF; z-index:0;}
#vota-splash{display:inline-block; width: 204px; height: auto; position:absolute;}
#vota-splash a img{display:none; position:fixed; top: 70px; left:70px; color:#ffffff; width: 204px; height: auto;}
#logo-splash {display:none; position:fixed; top: 70px; margin-left: -234px; width: 468px; height: 54px;  z-index: 100;}
#splash-container {position: fixed; height: 100vh; top:1%; left: 50%; transform: translateX(-50%);}
#booking-splash a{background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
display:none; position: fixed; top: 70px; right:70px; font-family: "Source Sans Pro",sans-serif; 
font-size:13px; color:#ffffff; letter-spacing: 2px; padding-left: 30px; padding-right: 30px; padding-top: 15px; 
padding-bottom: 15px; width:135px;}
#booking-splash a:hover{background-color:#bc9d74; color:#ffffff;}
#text-splash {position:fixed; top: 85%;  left: 50%; transform: translateX(-50%); height: 300px; width: 95%; }
#text-splash p a {background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
 display:none; font-family: "Source Sans Pro",sans-serif; font-size:15px; color:#ffffff; letter-spacing: 2px; padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px;}
#text-splash p a:hover{background-color:#bc9d74; color:#ffffff;}
.icon-enter  {opacity: 0.7; width:70px; height: auto;}
img.icon-enter:hover {opacity: 1 !important;}


header{z-index: 10000; position:relative; width:100%;
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased; /* seems to do the same in Safari */
}
.navbar-fixed-top {
    position: fixed;
	top: auto !important;
    /* MAGIC HAPPENS HERE */
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased; /* seems to do the same in Safari */
}

.spacer-header {height:144px;}

#menu-header-menu.nav.navbar-nav li.menu-visibile-top {display:none; visibility:hidden;}

.insetpadding {padding-left: 80px; padding-right: 80px;}
.insetborder img{width:100%; border-left: 80px solid #ffffff; border-right: 80px solid #ffffff; border-bottom: 120px solid #ffffff;}

.insetborder-colored {border-left: 80px solid #F2F0EE; border-right: 80px solid #F2F0EE; }

.container{ width:100%; max-width: 1220px; margin: 0 auto;}
.container > .navbar-header, .container > .navbar-collapse {margin-left: 0px; margin-right: 0px;}
.thumbnail , .img , .img-responsive {border: none !important; float:none; display:inline;}
.contact-top a {margin-left:80px; float: left; padding-top: 4px; padding-bottom:2px; color:#797D83; font-size: 11px; letter-spacing:1px; font-family: 'Source Sans Pro',sans-serif;}
.contact-top a:hover {color:#bc9d74;}
.logo {right: 40px; top:35px; z-index: 100; position: absolute; width:195px; height:68px;}
.right-box {width: 155px; float:right; text-align:center; right: 45px; top:0px; z-index: 1; position: absolute;}
.language-top {margin-right:80px; float: right; padding-top: 4px; padding-bottom:2px;}
#lang {position:absolute; right: 50px; width: 155px; text-align: center; font-size: 11px; color:#797D83; font-family: Source Sans Pro; letter-spacing: 1px; z-index: 2;}
#lang:hover {cursor:pointer; color:#bc9d74;}
#qtranslate-chooser {background-color:#ffffff; list-style:none; display:none; width: 155px; padding-left: 20px; padding-right: 20px; margin-top: 18px; font-size: 12px; color:#797D83; font-family: Source Sans Pro; letter-spacing: 2px;}
#qtranslate-chooser li a {line-height: 40px; width: 155px; padding-right:0px;  padding-left:0px; font-size: 11px; color:#797D83; font-family: Source Sans Pro; letter-spacing: 1px; text-transform: uppercase; z-index:100;}
#qtranslate-chooser li a :hover{color:#bc9d74;}
#qtranslate-chooser .active {display: none;}
#mobile-current-lang {display:none; visibility: hidden;}
ul#mobile-language {background-color: #bc9d74; display:none; width: 100%; text-align: center; margin:0 auto; list-style: none; position: relative; right: 0px; top: 0; width:100%; height: 100vh !important; overflow: hidden !important; }
ul#mobile-language li { position: relative; top: 5%;}
ul#mobile-language li a{font-family: "Raleway",sans-serif; margin-left:-30px; color: #ecdbc4; display: inline-block; font-size: 13px; font-weight: 500; letter-spacing: 4px; line-height: 40px; text-transform: uppercase;}
ul#mobile-language li a:hover {color: #ffffff;}

.booking-button {text-align:center; position:absolute; top: 60px; font-family: "Source Sans Pro",sans-serif; padding-top: 13px;  padding-bottom: 13px;  border:1px solid #bc9d74; background-color:#bc9d74;  color:#ffffff; font-size:13px; letter-spacing:2px; width: 135px; margin-top: 0px;}
.booking-button a{color:#ffffff; font-size:13px; letter-spacing:2px;}
.booking-button a:hover, .booking-button a:focus{color:#ffffff; font-size:13px; letter-spacing:2px;}

.button-box {padding-top: 10px !important; padding-bottom: 40px; color: #666666 !important; font-family: "Raleway",sans-serif; font-size: 15px !important; text-transform: uppercase; font-weight:500; letter-spacing: 4px; display:inline-block;}
.button-box hr {width: 90%;  border-top: 2px solid #bc9d74; color:#bc9d74; margin-bottom: 15px !important;}
p.button-box a.button-text {font-family: "Raleway",sans-serif; padding-top: 0px; padding-bottom: 0px; color: #666666 !important; font-size: 15px !important; font-weight:400; letter-spacing: 4px;}
a.button-text {font-family: "Raleway",sans-serif; color: #666666;}
a.button-text:hover {color: #bc9d74;}

a.button-text.download {border: 1px solid #bc9d74; padding: 20px; color:#bc9d74;}
span.button-box.download { margin-top: 30px; margin-bottom: 30px; border: 1px solid #bc9d74; padding: 20px; padding-bottom:10px; color:#bc9d74; max-width:93%;}
span.button-box.download a.button-text {color: #bc9d74;}

#intro {}
#intro, #internal-intro, #internal-intro-second, #internal-intro-third { padding-left: 20px; padding-right: 20px; max-width:930px; margin:0 auto;}
.intros{padding: 0;}
.intro-home{padding-top:120px; padding-bottom:60px;}
.intro-wrap {margin-bottom: 35px; overflow: hidden;}
.intro-wrap h2{margin-top: 10px;}
.lead{font-family: "Source Sans Pro",sans-serif; padding-top: 0px; font-size: 24px; line-height: 38px; font-weight: 300; color:#bc9d74;}

#double-column {padding-left: 40px; padding-right: 40px; /* max-width: 1240px; */max-width: 100%; margin: 0 auto;} 
#double-column-internal{padding: 0; max-width: 1240px; margin: 0 auto;}
.double-column-wrap {position: relative;}
.double-column-wrap img {width: 100%;}
.double-column-wrap .double-column-inner{ top: 0; width: 100%; border-radius: 0; margin-bottom: 60px; padding-top: 0px; }
.double-column-wrap .double-column-inner.center p{font-family: "PT Serif",sans-serif; padding-left: 78px; padding-right: 78px; line-height: 28px; color: #bc9d74; font-size: 22px; letter-spacing: 1px;  font-weight:400;}
.double-column-wrap .double-column-inner.center p.button-box{padding-top:5px !important; padding-bottom: 22px !important;}
.double-column-wrap .double-column-inner.center p.button-box{padding-top:5px !important; padding-bottom: 22px !important;}
.double-column-inner h2 {}
.double-column-wrap .double-column-inner h3{ margin: 10px 0;}
.double-column-wrap .double-column-inner h3 a{ font-size: 24px; color: #fff;}
.grid-item{padding-left:30px; padding-right:30px; padding-bottom: 0px;}
.grid-item-content {height: auto;}

a .filter:hover{-webkit-filter: brightness(1.2);  filter: brightness(1.2);}
div.double-column-wrap.filter div.carousel-caption{width: 100%; top:0 !important; left: 0 !important; right: 0 !important; bottom:  0 !important;}
div.double-column-wrap.filter div.carousel-caption h1{margin-top: 30% !important; width: 100% !important; height: auto !important; }

.floatClear {clear: both;}
#wrapper {text-align: center; position: relative;}
#wrapper .line {border-bottom: 1px solid #666666; position: absolute; width: auto; top: 12px; left: 30px; right: 30px;}
#wrapper .textbox {position: absolute; width: 100%;}
#wrapper .textbox .text-brown {background-color: #F2F0EE; margin: 0px auto; padding: 0px 40px; text-align: center; display: inline-block; color: #bc9d74; font-family: "Raleway",sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 5px; text-transform: uppercase;}
#wrapper .textbox .text-grey {background-color: #F2F0EE; margin: 0px auto; padding: 0px 40px; text-align: center; display: inline-block; color: #bc9d74; font-family: "Raleway",sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 5px; text-transform: uppercase;}





#offers {max-width: 1250px; margin: 0 auto; padding-left: 10px; padding-right: 10px;}
.offer-carousel-caption {position: absolute; top: 50%;  transform: translate(-50%, -50%); z-index: 5; display: inline-block; margin: 30px auto 30px -30px; width:80%; padding-left: 50px; left:50%;}
.offer-carousel-caption  .button-text {color:#ffffff !important; font-size: 13px !important; line-height: 28px; letter-spacing: 3px !important;}
.offer-carousel-caption  a.button-text {color:#ffffff !important; font-size: 13px !important; line-height: 28px; letter-spacing: 3px !important;}
.carousel.slide .carousel-indicators {display: none; visibility: hidden;}
#carousel-offer {margin-top:-35px;}

.internal-single-offer .offer-carousel-caption h2 a{color:#bc9d74 !important;}
.internal-single-offer .main-text {color:#bc9d74 !important;}
.internal-single-offer .main-text a{color:#bc9d74 !important;}
.internal-single-offer p.button-box a.button-text{color:#5E6A72 !important;}
.internal-single-offer .spacer{padding-top:30px; padding-bottom:30px;}
.internal-single-offer .row {margin-right:-15px;}
.image-offer-home {margin-right:-15px  !important; min-height:377px; max-height:377px; }
.box-offer {height:377px; padding-left:50px !important; padding-right:50px !important;}
.offer-carousel-caption h2 a {color:#ffffff !important; font-weight: 400; font-family: 'Source Sans Pro',sans-serif; }
.main-text {height: 180px; color:#ffffff !important; font-size:22px; line-height:28px; font-weight: 400; height: 95px;} 
.offer-carousel-caption .main-text a {color:#ffffff;}
html body section#offers.center.wow.fadeInDown.animated a.right.carousel-control.offer {width:0px !important;}
html body section#offers.center.wow.fadeInDown.animated a.left.carousel-control.offer {width:0% !important;}
.carousel-control > img {position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 5; display: inline-block;}

#myroom {padding-left: 20px !important;	padding-right: 20px !important;	}
.room {padding: 15px;}
.background {height:565px; padding-right: 25px !important;}
.replacedImage{}
.room-box {height:565px;}
.room-caption {position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 5; display: inline-block; margin: 30px auto 30px -15px; width:85%; left:50%;}
.room-caption h2 {font-size: 28px; letter-spacing: 1px; margin-bottom: 20px; margin-top: 0; color:#bc9d74; font-weight: 400; font-family: 'Source Sans Pro',sans-serif;}
.room-caption .inner p {color:#bc9d74; font-size:22px; line-height:28px; font-weight: 400; }
.room-caption p.button-box a.button-text {color:#858991; letter-spacing: 3px;}

.row-striped:nth-of-type(odd) {margin-left: 24px;  padding-left: 25px !important; padding-right: 0 !important;}
.row-striped:nth-of-type(even) {margin-left: -24px; padding-left: 25px !important; padding-right: 0 !important;}

.social-newsletter-wrap a:hover{font-family: 'Source Sans Pro',sans-serif; color:#bc9d74;} 
.social-newsletter-wrap p br {line-height: 35px;} 
.horizontal-menu ul#menu-footer-menu{margin-left: 0 !important; padding-left: 0;}
.horizontal-menu ul#menu-footer-menu li{font-family: 'Source Sans Pro',sans-serif; font-size: 17px; letter-spacing:3px; margin-right: 0px; margin-left: 0px;  padding-top: 6px; color:#666666; line-height: 28px; height:35px; display:block; }
.horizontal-menu ul#menu-footer-menu li.active a {color:#bc9d74; font-family: 'Source Sans Pro',sans-serif;}
.horizontal-menu a{font-family: 'Source Sans Pro',sans-serif; font-size: 20px; letter-spacing:0px; color:#666666; line-height: 33px; height:35px; display:inline-block; font-weight: 300; }
.horizontal-menu a:hover{font-family: 'Source Sans Pro',sans-serif; font-size: 20px; letter-spacing:0px; color:#bc9d74;} 
.horizontal-menu hr {margin-top:30px; margin-bottom:0; padding:0;}
.horizontal-menu a img {margin-right: 15px; margin-left: 15px;}



#footer {padding-bottom: 150px; background-color: #F2F0EE;}
#footer a{color: #666666;}
#footer a:hover{color: #bc9d74;}
#footer h4 {font-size: 18px; font-weight:300; font-family: "Source Sans Pro",sans-serif; color: #666666; letter-spacing: 0px; line-height: 22px; }
#footer h5 {font-size: 18px; font-weight:300; font-family: "Source Sans Pro",sans-serif; color: #666666; letter-spacing: 0px; line-height: 22px; }


h1,h2,h3,h4,h5,h6 {font-family: "Source Sans Pro",sans-serif; font-weight: 300; color:#bc9d74;}
h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 25px; font-weight: 300; line-height: 20px;}
h4{font-size: 16px;}
.title h1{font-family: "Raleway",sans-serif; font-size: 39px; font-weight: 300; letter-spacing: 7px; color:#bc9d74; line-height: 60px; text-transform: uppercase;}
.title-room h1{font-family: "Source Sans Pro",sans-serif; font-size: 42px;  font-weight: 400; color:#bc9d74; letter-spacing: 1px; }
.title-room  a{font-family: "Source Sans Pro",sans-serif;}
#service-list-top .container, #service-list-bottom .container {max-width:930px; padding-left: 20px; padding-right:20px;}
#service-list-top h4, #service-list-bottom h4 {margin-bottom: 0;  margin-top: 0;  padding-left: 20px; padding-right:20px; line-height: 24px;}
.label-booking {color:#bc9d74; font-size:19px; letter-spacing: 1px; font-family: Source Sans Pro; line-height:17px;}

.label-color {color: #bc9d74;  font-family: "Raleway",sans-serif; font-size: 22px; line-height: 40px; font-weight: 500; letter-spacing: 3px; margin-bottom: 10px; margin-top: 30px; text-transform: uppercase;}
.list-grey {color: #666666; font-family: "Source Sans Pro",sans-serif; font-size: 27px; font-weight: 300; line-height: 42px; margin:0;}

.list-grey-faq {color:#858890; font-size:18px; letter-spacing: 1px; font-family: "Source Sans Pro",sans-serif; line-height:25px; padding-left: 20px; padding-right: 20px;}
.list-color {color:#bc9d74; font-size:19px; letter-spacing: 1px; font-family: Source Sans Pro; line-height:25px; padding-left: 20px; padding-right: 20px;}
#button-booking h4 {margin-bottom: 0;  margin-top: 0px;} 
#button-booking .button-box {padding-bottom: 0 !important;} 
#cookieChoiceInfo span{font-family: Arial ,sans-serif; color:#ffffff;}
#cookieChoiceInfo a{font-family: Arial ,sans-serif; color:#ffffff;}
a#cookieChoiceDismiss{text-transform: uppercase; font-family: Arial ,sans-serif; color:#ffffff; margin-left: 30px !important; padding-left:11px; padding-right: 11px; padding-top: 5px; padding-bottom: 5px; border: 2px solid #ffffff; font-size:11px;}


a {
  color: #bc9d74;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}
a:hover, a:focus {color: #666666;}
a:hover,a:focus {color: #666666; text-decoration: none; outline: none;}
hr {}

button:focus {outline:none;}

.btn-primary {
  padding: 8px 20px;
  background: #c52d2f;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #c52d2f;
  outline: none;
  box-shadow: none;
} 

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {border-color: rgba(255, 255, 255, 0.5);}
.center {text-align: center;}

.center h2{
  font-family: "Raleway",sans-serif;
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 20px;
  letter-spacing: 3px;
  color:#bc9d74;
  font-weight: 400;
  line-height:40px;
  text-transform: uppercase;
}


.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}



.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}



.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


/*************************
*******Header******
**************************/

#header .search{
  display: inline-block;
}

.navbar>.container .navbar-brand{
  margin-left: 0;
}



.top-number{
  color: #F9F8F7;
}

.top-number p{
  margin: 0
}

.social{
  text-align: right;
  color:#bc9d74;
  font-family: "Source Sans Pro",sans-serif;
  letter-spacing:2px;
  font-size: 16px;
}

.social-share{
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.social-share li {
  display: inline-block;
}

ul.social-share li a {
  display: inline-block;
  color: #fff;
  background: #404040;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 2px;
}

ul.social-share li a:hover {
  background: #c52d2f;
  color: #fff;
}

.search i {
  color: #fff;
}

input.search-form{
  background: transparent;
  border: 0 none;
  width: 60px;
  padding: 0 10px;
  color: #FFF;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}

input.search-form::-webkit-input-placeholder{
  color: transparent;
}

input.search-form:hover::-webkit-input-placeholder {
  color: #fff;
}

input.search-form:hover {
  width: 180px;
}


.carousel-caption {color: #fff; text-align: center; text-shadow: none;}
.carousel .carousel-indicators { top: 102%; }
.carousel .carousel-indicators li { margin: 17px 0;}
.carousel-control.left {background-image: url(../images/left.png);  background-position:11% 49%; background-size: 34px 84px; background-repeat: no-repeat; filter:none !important;}
.carousel-control.right {background-image: url(../images/right.png);  background-position:89% 49%; background-size: 34px 84px; background-repeat: no-repeat; filter:none !important;}
.carousel-control.left.border {background-image: url(../images/left-border.png);  background-position:13% 42%; background-size: 34px 84px; background-repeat: no-repeat; filter:none !important;}
.carousel-control.right.border {background-image: url(../images/right-border.png);  background-position:87% 42%; background-size: 34px 84px; background-repeat: no-repeat; filter:none !important;}
.carousel ol.carousel-indicators li {background-color: rgba(0, 0, 0, 0); border: 1px solid #bc9d74;  height: 9px; width: 9px; margin:5px;} 
.carousel ol.carousel-indicators .active {background-color: #bc9d74; height: 9px; width: 9px;}
.carousel-inner img {height: auto; width: 100% !important; }
img#mobile-img-logo.img-responsive{display:none; visibility: hidden;}
.topmenu {border-bottom: 1px solid #C9CACC; background-color:#F9F8F7;}
.navbar {border-radius: 0; margin-bottom: 0; background: #F9F8F7; padding-bottom: 0; min-height:115px;}
.navbar-nav > li{padding-bottom: 0; padding-left: 0px; padding-right: 0px;}
.navbar-nav > li > a { padding-left: 0; padding-right: 0; padding-top: 15px;}
.navbar-inverse {border: none !important;}
.navbar-inverse .navbar-nav > li > a:hover{	background-color: transparent; color: #ffffff;}
.navbar-inverse .navbar-nav > li > a {padding-top:10px; color: #ecdbc4; line-height: 10px; display: inline-block; font-size: 22px; text-transform:uppercase; font-family: "Raleway",sans-serif; font-weight:500; letter-spacing: 8px;}
.navbar .navbar-collapse {margin-top: 55px; margin-left: 45px;}
.navbar-toggle {margin-top: 30px !important; margin-left: 60px !important; padding: 10px !important;   border: none;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #bc9d74; margin-bottom: 9px; width: 45px;}
.navbar-brand{position: absolute; width: 100%; left: 0; text-align: center; margin:0 auto; padding: 0 !important; top:25px;}
.navbar-toggle {z-index:3;}
.color {top:0 !important;}
.color nav.navbar.navbar-inverse{}
.color nav.navbar.navbar-inverse div.collapse.navbar-collapse ul.nav.navbar-nav li.active a{}
.color nav.navbar.navbar-inverse div.collapse.navbar-collapse ul.nav.navbar-nav li a:hover{background:none;}

/*************************
*******Menu Overlay******
**************************/

.overlay {height: 100vh; width: 100%; position: fixed; z-index: 1; top: 144px; left: 0; background-color: #bc9d74; overflow: hidden; display:none; }
 /*.overlay-content {position: relative; width: 100%; text-align: center; overflow-y: auto; overflow-x: hidden; top: 40%; transform: perspective(1px) translateY(-34%); height: 100vh;}*/
 .overlay-content {
    position: relative;
    width: 107% !important;
    text-align: center;
    margin-left: -3%;
    overflow-y: auto;
    overflow-x: hidden;
    top: 0px;
    height: 87% !important;
}
.overlay-content hr {color:#ffffff !important; width:100%; max-width:450px; margin-top: 30px;}
#link-cascioni-menu {width: 100%; max-width: 450px; border-top: 1px solid #ffffff; margin-top: 30px !important; margin-bottom: 100px !important;  margin: 0 auto; padding-top: 30px;}

.overlay a {padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.navbar-header {}
.navbar-toggle {display: block;}
.navbar .navbar-collapse {}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important;}
.navbar-nav>li {margin-top: 38px; margin-left: 0;}
.navbar-collapse.collapse.in{display:block !important;}
.navbar-nav > li {float: none !important; text-align: center;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {border-color: none; background-color:transparent;  box-shadow: none;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color: transparent; color: #fff;}
.icon-bar:nth-of-type(2) {top: 1px;}
.icon-bar:nth-of-type(3) {top: 1px;}
.icon-bar {position: relative; transition: all 300ms ease-in-out; height: 2px !important;}
.active .icon-bar:nth-of-type(1) {margin-left:-3px; top: 12px; transform: rotate(45deg); width: 47px; background-color: #999999;}
.active .icon-bar:nth-of-type(2) {background-color: transparent; }
.active .icon-bar:nth-of-type(3) {margin-left:-3px; top: -10px; transform: rotate(-45deg); width: 47px; background-color: #999999;}
span.menu-text {position: absolute; left: 10px; top: 40px; color: #797d83; font-family: "Source Sans Pro",sans-serif; font-size: 13px !important; text-transform: uppercase; font-weight:400; letter-spacing: 3px; line-height:17px;}
span.close-text {position: absolute; left: 70px; top: 20px; color: #797d83; font-family: "Source Sans Pro",sans-serif; font-size: 13px !important; text-transform: uppercase; font-weight:400; letter-spacing: 3px; display:none;}

/*************************
Newsletter
**************************/
#social-newsletter {background-color: #F2F0EE;}
#social-newsletter hr {border-top: 1px solid #666666;}
.social-newsletter-wrap {height: auto; width:100%; padding: 30px; min-height: 265px;}
.prefooter-center {height: auto; width:100%; min-height: 265px; max-width: 700px; margin:0 auto;}
.prefooter-center h4 {font-size: 17px; font-weight:500; letter-spacing: 4px; margin-bottom: 10px; color: #bc9d74; font-family: "Raleway",sans-serif; text-align: center !important; line-height: 22px;}
.social-newsletter-wrap h3 {font-size: 17px; font-weight:500; letter-spacing: 4px; margin-bottom: 10px; color: #bc9d74; font-family: "Raleway",sans-serif;}
.social-newsletter-wrap p {font-size: 20px; line-height: 25px; font-weight:300; letter-spacing: 0px; color: #666666; font-family: "Source Sans Pro",sans-serif;}
.social-newsletter-wrap p a {font-size: 20px; line-height: 25px; font-weight:300; letter-spacing: 0px; color: #666666; font-family: "Source Sans Pro",sans-serif;}
.subscribeForm { padding-bottom: 0px;}
.subscribeForm input[type="text"] {background-color: #ffffff; border: medium none; color: #666666; font-size: 17px; height: 55px; letter-spacing: 0px; padding-left: 20px; width: 360px; margin-bottom: 10px; border-radius: 0 !important; border: 1px solid #ffffff;}
.subscribeForm input[type="submit"] {background-color: #bc9d74; border: medium none; color: #ffffff; height: 55px; width: 360px; letter-spacing: 1px; border-radius: 0 !important; font-weight: 400; font-size: 15px; font-family: "Raleway",sans-serif;  }
.subscribeDataTable .loading-img {display:none;}
.show-response{font-size: 16px; font-weight:400; letter-spacing: 1px; color: #5E6A72; font-family: "Source Sans Pro",sans-serif;}

/*************************
Direction Form in footer
**************************/
.directionForm { padding-bottom: 0px; max-width: 220px;}
.directionForm img {margin-top: 10px; width: 45px; height: 45px; background-color:#FBF8F8;}
.directionForm input[type="text"] {font-family: "Raleway",sans-serif; background-color: #ffffff !important; border: medium none; color: #666666; font-size: 13px; height: 45px; letter-spacing: 0px; padding-left: 10px; padding-right: 20px; width: 175px; margin-top: 10px; margin-bottom: 0px; border-radius: 0 !important;}
.directionForm input[type="submit"] {font-family: "Source Sans Pro",sans-serif; background-color: #bc9d74; border: medium none; color: #ffffff; height: 45px; width: 220px; letter-spacing: 2px; border-radius: 0 !important; font-weight: 400; font-size: 13px;}
.directionForm .input-group-addon {padding: 0px !important; margin: 0px !important; border:none; background-color: transparent; vertical-align:top; height: 55px;}

/*************************
Map and Direction
**************************/
#map{height:500px; max-height: 800px !important; }
.direction {background-color: #ffffff; padding-bottom: 0px;}
.direction input[type="text"] { margin-left: 15px !important; background-color: #f2f0ee; text-align:center; border: medium none; color: #666666; font-size: 14px; height: 43px; letter-spacing: 2px; padding-left: 0px !important; width: 95%; margin-bottom: 15px; border-radius: 0 !important;}
.direction input[type="submit"] {margin-left: 15px !important; background-color: #bc9d74; border: medium none; color: #ffffff; height: 43px; width: 95%; letter-spacing: 2px; border-radius: 0 !important;}

/*************************
******* Call me / Book now******
**************************/
#call-to-action{display:none; visibility: hidden;}

/*************************
*******Home Page******
**************************/
.carousel.fade {opacity: 1;}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {top:auto; position:relative;}
.carousel.fade .item.active {
opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}

.carousel-control {z-index:3;}
.carousel-caption {margin-bottom: 30px;  position: absolute;  height:100%; width: 100%; left:0;}
.carousel-caption h1{font-size: 39px; font-weight: 300; margin-top: 25%; margin-bottom:40%; vertical-align: middle; letter-spacing:10px; font-family: "Raleway",sans-serif; color:#ffffff; text-transform:uppercase; padding-left: 20px; padding-right: 20px;}
.carousel-caption h1 hr {margin-top: 32px; color:#ffffff; width: 30%; border:1px solid #ffffff;}
.carousel-caption h1 a { font-family: "Raleway",sans-serif; font-size: 17px !important; color:#ffffff !important; letter-spacing: 2px !important; font-weight: 600 !important; }
.carousel-indicators {right: 30px; z-index:4;}

#main-slider {position: relative;}



#main-slider .carousel .carousel-content {
  margin-top: 150px;
}

#main-slider .carousel .slide-margin{
  margin-top: 140px;
}

#main-slider .carousel h2 {
  color: #fff;
}

#main-slider .carousel .btn-slide {
  padding: 8px 20px;
  background: #c52d2f;
  color: #fff;
  border-radius: 4px;
  margin-top: 25px;
  display: inline-block;
}

#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
}


#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 730px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: #c52d2f;
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: #000;
}

#main-slider .prev {
  left: 10px;
}

#main-slider .next {
  right: 10px;
}

#main-slider .carousel-indicators li {
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin: 0 15px 0 0;
  position: relative;
}

#main-slider .carousel-indicators li:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #FFF;
  left: -3px;
  top: -3px;
}

#main-slider .carousel-indicators .active{
  width: 20px;
  height: 20px;
  background-color: #c52d2f;
   margin: 0 15px 0 0;
   border: 1px solid #c52d2f;
   position: relative;
}

#main-slider .carousel-indicators .active:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #c52d2f;
  border: 1px solid #c52d2f;
  left: -3px;
  top: -3px;
}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}