/* Link generali */

.zsimplebutton a{margin: 0 auto;padding: 0;font-family: "HerrVonMuellerhoff-Regular";font-size: 80px;color: #CB9B42;text-align: center; text-decoration: none;}
.title a {margin: 0 auto;padding: 0;font-family: "Cabin-Bold";font-size: 20px;color: #262526;text-transform: uppercase;text-align: center;line-height: 24px; text-decoration: none; letter-spacing: 6px;}
.zbutton a { margin: 0 auto; padding: 0; font-family: "Cabin-Bold";font-size: 10px;color: #CB9B42;text-transform: uppercase;text-align: center;line-height: 30px; letter-spacing: 3px; text-decoration: none;}
a { transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out; text-decoration: none; }
a:hover { color:#B58D46; }
input::-moz-focus-inner {   border: 0; }
a{outline: 0;}
a:active, a:focus  { outline: none; }
button:focus { outline: none; }

/* Icon Scroll */
.icon-scroll{position:absolute;top:80%;left:50%;margin-left:-8px;width:16px;height:50px;z-index:99999;-webkit-transition:opacity: .4s}.icon-scroll span{display:block;width:5px;height:5px;border-right:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.8);margin:0 0 2px 5px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite;animation:mouse-scroll 1s infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.icon-scroll .a1{margin-top:6px;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}.icon-scroll .a2{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}.icon-scroll .a3{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}.icon-scroll .mouse{height:22px;width:14px;border:1px solid rgba(255,255,255,.8);border-radius:10px}.icon-scroll .wheel{position:relative;display:block;height:3px;width:3px;margin:2px auto 0;background:rgba(255,255,255,.8);-webkit-animation:mouse-wheel 1.2s ease infinite;-moz-animation:mouse-wheel 1.2s ease infinite;animation:mouse-wheel 1.2s ease infinite;border-radius:50%}@-webkit-keyframes mouse-wheel{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}}@-moz-keyframes mouse-wheel{0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(5px);transform:translateY(5px)}}@keyframes mouse-wheel{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(6px)}}@-webkit-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-moz-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}

/* Covid info */
.covid_info { position: fixed; z-index: 10; top: 220px; right: 20px; border: 5px solid #6ac4cc; border-radius: 100%; width: 200px; height: 200px; background-color: #fff }
.covid_info img { width: 100%; height: auto; }


#varlink_secure_booking-cnt { position: relative; top: 0; z-index: 9999; left: 0; width: 100%; background-color: #B58D46; padding: 15px; text-align: center;}
#varlink_secure_booking-cnt a { color: #fff; font-size: 16px; line-height: 1 }


/* Effetto su link da rivedere */
section#rooms #varlink_home1-cnt a, section#showcase #template7 .elem .caption-cnt .caption-alt .zbutton a { padding: 10px; }

section#showcase #template7 .elem .caption-cnt .caption-alt .zbutton{ display: inline-block; }

/* inforsplash */
#infosplash {position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);}
#infosplash #infosplash_container {height: 100%; display: flex; align-items: center; justify-content: center;}
#infosplash #infosplash_container .infosplash_wrapper { max-width: 640px; text-align: right; }
#infosplash .ztemplate .caption-cnt {background-color: transparent;}
#infosplash .ztemplate .caption-cnt .caption-alt {padding: 15px; text-align: center; background-color: #fff; max-width: 90%; position: relative; top: -60px; margin: 0 auto; -webkit-box-shadow: 0px 9px 68px 7px rgba(0,0,0,0.42); -moz-box-shadow: 0px 9px 68px 7px rgba(0,0,0,0.42); box-shadow: 0px 9px 68px 7px rgba(0,0,0,0.42);}
#infosplash .ztemplate .caption-cnt .caption-alt .ztextarea { font-family: "Cabin-Regular"; font-size: 15px; color: #5C5C5C; text-align: left; line-height: 18px; }
#infosplash .ztemplate .caption-cnt .caption-alt .ztextarea.g2 { font-family: "Cabin-Bold"; font-size: 17px; color: #5C5C5C; text-align: left; line-height: 17px; margin-bottom: 20px }
#infosplash .ztemplate .caption-cnt .caption-alt .title { font-family: "Cabin-Bold"; font-size: 20px; color: #CB9B42; text-align: left; line-height: 20px; text-transform: uppercase; margin-bottom: 7px }
#infosplash .ztemplate .caption-cnt .caption-alt .zsimplebutton,
#infosplash .ztemplate .caption-cnt .caption-alt .zlink {display: inline-block; margin: 30px auto}
#infosplash .ztemplate .caption-cnt .caption-alt .zsimplebutton a,
#infosplash .ztemplate .caption-cnt .caption-alt .zlink a {font-size: 45px; font-family: "Cabin-Bold"; font-size: 15px; text-transform: uppercase; background: #CB9B42; color: #fff; padding: 12px 15px;}
#infosplash .close {color: #fff; font-size: 28px; margin-bottom: 12px}


@media (max-height: 800px){
  #infosplash #infosplash_container {overflow: scroll; align-items: baseline;}

}


#rooms #varlink_home1-cnt a,
.zbutton a {
  color: #B58D46;
  margin: 0 20px;
  padding: 10px;
  position: relative;
  -moz-transition: ease-out 0.3s 0.1s;
  -o-transition: ease-out 0.3s 0.1s;
  -webkit-transition: ease-out 0.3s;
  -webkit-transition-delay: 0.1s;
  transition: ease-out 0.3s 0.1s;
}
#rooms #varlink_home1-cnt a span::before,
.zbutton a span::before {
  height: 100%;
  width: 2px;
  background: #B58D46;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#rooms #varlink_home1-cnt a span::after,
.zbutton a span::after {
  height: 100%;
  width: 2px;
  background: #B58D46;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#rooms #varlink_home1-cnt a::before,
.zbutton a::before {
  height: 2px;
  width: 100%;
  background: #B58D46;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#rooms #varlink_home1-cnt a::after,
.zbutton a::after {
  height: 2px;
  width: 100%;
  background: #B58D46;
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0;
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#rooms #varlink_home1-cnt a:hover,
.zbutton a:hover {
  color: #B58D46;
}
#rooms #varlink_home1-cnt a:hover::before, #rooms #varlink_home1-cnt a:hover::after,
.zbutton a:hover::before, .zbutton a:hover::after {
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#rooms #varlink_home1-cnt a:hover span::before, #rooms #varlink_home1-cnt a:hover span::after,
.zbutton a:hover span::before, .zbutton a:hover span::after {
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}



/* Home carosello appartamenti */
section#falicities #template5 .caption-cnt .caption .title { margin-top: 40px; }
section#falicities #template5 .caption-cnt .caption { text-align: center; }
section#falicities #template5 .carousel_box img { border: 10px solid #fff; }
section#falicities #template5 .caption-cnt .caption .title a { letter-spacing: 4px; }
.tns-controls { display: flex; justify-content: center; gap: 10px; }
.tns-outer [aria-controls], .tns-outer [data-action] { padding: 0; width: 10px; height: 10px; border: unset; border-radius: 100%; }


/* Menu */
header { position: fixed; top: 0; z-index: 999; width: 100%; margin: 0 auto; background-color: rgba(0, 0, 0, .20); padding: 30px; transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out; }
header.fix_top { top: 46px }
header.dark{ background-color:rgba(0, 0, 0, .9); }
header.fix_top.dark { top: 0 }
header .nav > li{ display: inline-block; letter-spacing: 2px; }
header #menu1 .nav-pills li, header #menu1 .nav-pills li.active {margin: 0 7px}
header #menu1 .nav-pills li a:after {content:"";left:50%}
header #menu1 .nav-pills li a:after{position:absolute;bottom:-5px;transform:translateX(-50%);width:0;height:2px;background:#B58D46;transition:all .1s ease-out}
header #menu1 .nav-pills li a:hover:after{width:40px}
header .nav-pills > li{ float: none; }
header #menu1, header #menu1 .nav-pills{ text-align: center; }
#language{ position: absolute; right: 0; top: 20px; }
header #language .nav-pills li {margin-right: 11px}

#booking.booking_open.dark { top: 75px!important }

#varlink_modify_reservation-cnt { text-align: center; color: #FFFFFF; display: flex; justify-content: center; clear: both; padding-top: 15px }
#varlink_modify_reservation-cnt a { color: #FFFFFF; }



/* Hamburger menu */
.hamburger,.hamburger.active span,.hiddenMenu{display:none}
.hamburger span{color:#BA8B3D;font-size:10px;letter-spacing:2px;text-transform:uppercase}
.hamburger{position:fixed;width:40px;height:40px;z-index:9999;cursor:pointer;text-align:center;top:0;left:15px}
.hamburger .patty{width:100%;height:3px;margin:10px auto;background:#BA8B3D;transition:all .35s ease-out}
.hamburger:hover .patty:first-of-type{margin-bottom:14px;margin-top:7px}
.hamburger:hover .patty:last-of-type{margin-top:14px;margin-bottom:7px}
.hamburger.active .patty{background:#fff}
.hamburger.active .patty:first-of-type{transform:rotate(45deg);transform-origin:top left}
.hamburger.active .patty:last-of-type{transform:rotate(-45deg);transform-origin:bottom left;margin-top:24px}
@media only screen and (max-width:1180px){
	.hamburger,.hiddenMenu{display:block}
	.hiddenMenu ul li:after,.hiddenMenu:after{content:"";left:50%}
	.hiddenMenu{position:fixed;margin:0 auto;width:100vw;height:100vh;transform:translate(250%,250%);transition:all .5s ease-out;text-align:center;color:#fff;z-index:9991}
	.hiddenMenu:after{position:absolute;top:50%;width:calc(100% + 1500px);height:calc(100% + 1500px);transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center;background:rgba(0, 0, 0, .93);z-index:-1}
	.hiddenMenu.active{transform:translate(0,0)}
	.hiddenMenu ul{padding:1em;font-size:2em;opacity:0}
	.hiddenMenu.active ul{-webkit-animation:seconds .5s forwards;-webkit-animation-iteration-count:1;-webkit-animation-delay:.5s;animation:seconds .5s forwards;animation-iteration-count:1;animation-delay:.5s}
	@-webkit-keyframes seconds{0%{opacity:0}100%{opacity:1}}
	@keyframes seconds{0%{opacity:0}100%{opacity:1}}
	.hiddenMenu ul li{list-style-type:none;margin:.5em 0;position:relative;cursor:pointer;float:none;line-height:1.5em}
	.hiddenMenu ul li:after{position:absolute;bottom:-5px;transform:translateX(-50%);width:0;height:2px;background:#fff;transition:all .1s ease-out}
	.hiddenMenu ul li:hover:after{width:40px}
	.hiddenMenu ul li a{color:#fff}
	header #menu1{display:none}
}


/* Booking */

#booking{ position: fixed; top: -75px; display: none; width: 100%; background-color: rgba(0,0,0,.6);}
#booking.dark{ background-color:rgba(0, 0, 0, .9); }
header .fired #varlink_booknow-cnt a{ background-color: rgba(0,0,0,.6); }
header .unfired #varlink_booknow-cnt a{ background-color: #CB9B42; }
header #varlink_booknow-cnt a{ text-decoration: none; letter-spacing: 3px; padding: 13px 20px; text-align: center; }
header #varlink_booknow-cnt{width: 114px; cursor: pointer; right: 70px; }

#booking.booking_close,#booking.booking_open,header #openbook.fired #varlink_booknow-cnt,header #openbook.unfired #varlink_booknow-cnt{animation-duration:.3s;animation-fill-mode:forwards}
#booking.booking_open{display:block;animation-name:slide-down;z-index: 100 !important;}
#booking.booking_close{display:block;animation-name:slide-up;z-index: 100 !important; position: absolute; top: -200px;}
@-webkit-keyframes slide-down{0%{top:-75px}100%{top:60px}}
@-webkit-keyframes slide-up{0%{top:60px}100%{top:-75}}
@keyframes slide-down{0%{top:-75px}100%{top:120px}}
@keyframes slide-up{0%{top:60px}100%{top:-75}}
header #openbook.fired, #varlink_booknow-cnt, #varlink_booknow-cnt a { z-index: 110 !important; }
header #openbook.fired #varlink_booknow-cnt{animation-name:button-slide-down}
header #openbook.fired #varlink_booknow-cnt a{text-indent:-9999px;  }
header #openbook.fired #varlink_booknow-cnt:before{position:absolute;padding:0;font-family:FontAwesome;content:"\f106";font-size:18px;color:#fff;text-align:center;line-height:18px;right:0;left:0;top:10px; z-index: 99;}
header #openbook.unfired #varlink_booknow-cnt{animation-name:button-slide-up}
@-webkit-keyframes button-slide-down{0%{top:0}100%{top:150px}}
@-webkit-keyframes button-slide-up{0%{top:150px}100%{top:0}}
@keyframes button-slide-down{0%{top:0}100%{top:150px}}
@keyframes button-slide-up{0%{top:150px}100%{top:0}}


#booking .booking-form .date-arrival, #booking .booking-form .date-departure, #booking .booking-form .rooms, #booking .booking-form .adults, #booking .booking-form .children{ margin: 0 10px 0 auto; float: left; display: inline-block; }

#booking .booking-form .date-arrival label input, #booking .booking-form .date-departure label input{ width: 130px; }

#booking .booking-form .date-arrival label, #booking .booking-form .date-departure label, #booking .booking-form .rooms label, #booking .booking-form .adults label, #booking .booking-form .children label{ padding: 10px 0px 10px 0px; }
#booking .booking-form{ text-align: center; }

#booking .booking-form .submit{display:inline-block;padding:10px}
#booking .booking-form .submit input[type="submit"]{ font-family: "Cabin-Bold"; font-size: 12px; color: #FFFFFF; letter-spacing: 3px; background-color: #B58D46; -webkit-animation: attention 8s ease infinite;
	animation: attention 8s ease infinite; }
/*#booking .submit{-webkit-animation:attention 8s ease infinite;animation:attention 8s ease infinite}*/
#booking .manage_reservation{display:inline-block}
#booking .manage_reservation a{font-size:10px;color:#fff}
@-webkit-keyframes attention{9%{-webkit-transform:none;transform:none}12%{-webkit-transform:scale(1.05);transform:scale(1.05)}16%{-webkit-transform:scale(.95);transform:scale(.95)}20%{-webkit-transform:scale(1.03);transform:scale(1.03)}24%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes attention{9%{-webkit-transform:none;transform:none}12%{-webkit-transform:scale(1.05);transform:scale(1.05)}16%{-webkit-transform:scale(.95);transform:scale(.95)}20%{-webkit-transform:scale(1.03);transform:scale(1.03)}24%{-webkit-transform:scale(1);transform:scale(1)}}

#booking .booking-form .submit{ margin-top: 7px; }




/* Booking Expert */
/*-----booking-----*/
#bookingexpert,#searchbox{position:relative;overflow:hidden}
#bookingexpert{background:transparent;width:100%;box-shadow:none;margin-left:0;padding:12px;/* z-index: -1 !important; */top: -1;}
#bookingexpert input,select{display:inline-block}
select.ui-datepicker-month,select.ui-datepicker-year{width:auto!important}
.ui-widget-header{background-color:#F94E4E}
a.searchboxBtn{display:none}
#searchbox{font-size:11px;font-weight:700;text-align:left;padding:5px 0}
#searchbox form,#searchbox>div{display:table-cell;text-transform:uppercase;vertical-align:middle}
#searchbox .searchboxBestPrice,#searchbox a[href="http://www.bookingexpert.it"],#searchbox form a span{display:none}
#searchbox h4.searchboxTitle{color:#fff;margin:0;padding:8px 0 0;font-size:15px;line-height:20px;font-weight:300;font-family:Cabin-Regular;letter-spacing:2px}
#searchbox .searchboxSubTitle{font-size:14px;line-height:16px;color:#fff;text-transform:lowercase;letter-spacing:1px;margin:0;font-family:Cabin-Regular;font-weight:300}
#searchbox form{clear:both;float:none;margin-top:35px;color:#fff; padding-top: 10px;}
#searchbox form a{display:block;line-height:12px;text-align:center;text-decoration:none;overflow:hidden;position:absolute;top:0;right:0;width:130px;padding-left:10px;border-left:1px solid #fff}
#searchbox .searchboxAdd,#searchbox .searchboxArea{display:none;text-align:left;color:#fff;text-decoration:none;font-weight:400;position:absolute;right:0}
#searchbox .searchboxArea{top:5px}
#searchbox .searchboxAdd{top:25px}
#searchbox div{float:left;margin-right:10px}
#searchbox div select{width:100%;border:1px solid #e3e3e3;background:#fff;-webkit-appearance:normal;-moz-appearance:normal;appearance:normal;padding:0;margin-top:3px;font-size:12px;line-height:14px;color:#252525;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;font-weight:400;min-width:100px;max-width:100%;display:block}
#searchbox label{display:block;line-height:16px}
#searchbox input,#searchbox select{margin:0;padding:1px;border:1px solid #aaa;height:24px;line-height:24px}
#searchbox input[type=text]{width:100px!important;height:24px;line-height:20px;padding-left:2px;margin-top:3px;color:#5C5C5C}
#searchbox input[name=checkin],#searchbox input[name=checkout]{ text-align: center; width:120px!important;height:24px;line-height:20px;background:#fff;padding-left:2px;margin-top:3px;color:#5C5C5C}
#searchbox input[type=submit]{display:block;float:left;margin-top:12px!important;padding:0 10px;height:32px;font-size:10px;font-family: "Cabin-Bold";cursor:pointer;color:#fff;background-color:#CB9B42;border:0}
#searchbox input[type=submit]:hover{background-color:#fff;color:#CB9B42}
#ui-datepicker-div{ont-size:11px!important;z-index:10000!important}
.booking form .caption-fields .form {width: calc(100% / 7 - 60px)!important;margin: 0 20px 10px 0!important;padding: 0!important;}
.booking form .caption-fields .form.element_7, 
.booking form .caption-fields .form.element_8,
.booking form .caption-fields .form.element_9 { width: 60px!important } 
.booking form .caption-fields input[type="submit"] {width: calc(100% / 7 - 20px)!important;position: relative;display: inline-block;float: unset;margin: 26px 0 0 0 !important;padding: 11px!important;}
form .caption-fields .form_element_title { text-transform: uppercase; position: relative; display: block; display: block; line-height: 16px; font-size: 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 35px; color: #fff; padding-top: 10px; }
.booking form .caption-fields .form_element_title { color: #FFFFFF; }
form .caption-fields .form.field.element_9.select {/* display: none; */}
.form_merge_add_button { display: none; }
form .caption-fields .form.select select { height: 25px; line-height: 12px; padding: 0 10px; }
#bookingexpert form .caption-fields .form input, form .caption-fields .form select, form .caption-fields .form textarea { padding:5px; }
#bookingexpert form .form-title { display: none; }
.date_from_html { display: none; }
#vareditor_booking_slogan { color: #FFFFFF; font-size: 12px; font-size: 16px; line-height: 20px; }

body.en #vareditor_booking_slogan {display: none;}
body.fr #vareditor_booking_slogan {display: none;}
            
.date-invisible {padding: 11px 10px 12px 10px !important;}

/* --- responsive --- */

@media (max-width: 1679px) {
  header #varlink_booknow-cnt { margin-right: 0; right: 20px; }
  header #openbook.unfired #varlink_booknow-cnt { margin-right: 20px; right: 70px; }
}

@media (max-width: 1365px) {
  header #varlink_booknow-cnt { margin-right: 0; right: 20px; }
  form .caption-fields .form {width: calc(100% / 7 - 20px)!important;}
  header #openbook.fired #varlink_booknow-cnt { width: 90px; }
}

@media (max-width: 1023px) {
  @keyframes slide-down{0%{top:-75px}100%{top:60px}}
  @keyframes slide-up{0%{top:60px}100%{top:calc(-100% - 20px)}}
  @-webkit-keyframes button-slide-down{0%{top:0}100%{top:0px}}
  @-webkit-keyframes button-slide-up{0%{top:10px}100%{top:0}}
  @keyframes button-slide-down{0%{top:0}100%{top:0px}}
  @keyframes button-slide-up{0%{top:10px}100%{top:0}}

  #booking { position: fixed; display: block; width: 100%; height: calc(100% - 60px); top: 0; margin: 0; padding: 0; }
  #booking.booking_open #searchbox form { display: block; text-align: left; }
  #booking.dark { background-color: rgba(0, 0, 0, .8); } 
  #searchbox div, #searchbox input[type=submit] { float: unset; display: inline-block; } 
  .booking form .caption-fields .form { width: 33.333%!important; }
  .booking form .caption-fields .form.date { width: 33.333%!important; }
  .booking form .caption-fields .form.element_11 { clear: both; }
  .booking form .caption-fields input[type="submit"] { width: calc(100% / 2 - 20px)!important; clear: both; float: left; };
  #varlink_modify_reservation-cnt { margin-top: 15px }
  #booking.booking_open #searchbox form { margin: 10px 0 0 10px; }
  header #openbook.fired { display: block !important; position: fixed; top: 10px; left: 50%;  }
  /* header #openbook.unfired { display: block !important; position: fixed; top: 10px; left: 50%;  } */
  header #openbook.unfired { display: block !important; position: absolute; top: 10px; left: inherit; right: 0  }
  header #varlink_booknow-cnt { right: -67px; top: 0; margin: 0; }

}

@media (max-width:991px){
  #booking .booking-form .adults,#booking .booking-form .children,#booking .booking-form .date-arrival,#booking .booking-form .date-departure,#booking .booking-form .rooms,#booking .manage_reservation,#openbook{display:none}
  #booking.booking_close{margin-top:72px;left:0;right:0;z-index:999}
  #booking .booking-form .submit{float:none}
  #booking .booking-form .submit,#booking .booking-form .submit input[type=submit]{display:block}
  #booking .booking-form .submit{ margin-top: 0; }
}

@media (max-width:991px){
	#searchbox,a.searchboxBtn{text-align:center}
	#bookingexpert{position:relative!important}
	#searchbox>div{display:block}
	a.searchboxBtn{margin:0 auto;padding:16px 26px;display:inline-block;background-color:#CB9B42;font-family:Cabin-Bold;font-size:13px;color:#fff;text-transform:uppercase;line-height:13px}
	a.searchboxBtn:hover{ background-color:#fff; color: #CB9B42; }
	#searchbox .searchboxAdd,#searchbox .searchboxArea{display:none}
	#searchbox .searchboxSubTitle,#searchbox h4.searchboxTitle{float:none}
	#searchbox form{float:none;padding:10px 20px 20px;margin-bottom:20px;border-bottom:1px solid #bbb;display:none}
	
}

@media (max-width: 893px){
  .booking form .caption-fields .form.date { width: calc(50% - 20px)!important }
  .booking form .caption-fields .form.element_7, 
  .booking form .caption-fields .form.element_8, 
  .booking form .caption-fields .form.element_9 { width: calc(33.333% - 20px)!important }
  .booking form .caption-fields .form.element_11,
  .booking form .caption-fields .form.element_18 { width: calc(50% - 20px)!important }
  #bookingexpert { text-align: center; }
  .booking form .caption-fields input[type="submit"] { float: none; }
}




/* Slideshow */
.dark_layer_slideshow { background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#slideshow img{ width: 100%!important; max-height: 820px; object-fit: cover; }
/*#slideshow .caption { position: relative;}*/
#slideshow, #slideshow .carousel-row{ position: relative; overflow: hidden; }
#slideshow .caption h3 {margin: 0 auto; text-align: center; left: 0; right: 0; top: 45%; z-index: 20; }
#slideshow .caption p {text-transform: uppercase; position: absolute; text-align: center; left: 0; right: 0; top: 55%; padding-top: 30px; z-index: 20; }

#slideshow .elem { position: relative; }
#slideshow .elem .caption { position: absolute; }

#cd-intro{position:relative; margin-top:0; z-index:1;}
#cd-intro .caroufredsel_wrapper{height:100%;width:100%;background-size:cover;box-shadow:0 0 30px rgba(0,0,0,.5);}

@media only screen and (min-width:320px){
	#cd-intro{margin-top:0;}
	/* .slideshowFixSafari{height:400px!important;} */
}



@media only screen and (min-width:768px){
	#cd-intro{margin-top:0;}
	.content{line-height:1.8;}
	.slideshowFixSafari{height:620px!important;}
}
@media only screen and (min-width:1170px){
	#cd-intro{position:fixed;top:0;left:0;width:100%;height:820px;margin-top:0; overflow: hidden;}
	.content{margin-top:780px;}
	.slideshowFixSafari{height:820px!important;}
}
.content{position:relative;z-index:2;background-color:#fff; }
.content .container form { margin: 0 0 40px 0; }
.content .container .map-canvas { margin: 0 0 40px 0; height: 500px; }
.content::before{content:'';position:absolute;bottom:100%;left:0;width:100%;height:50px; }



/* Home intro */
/*#rooms{ margin-top: 30px; position: relative; z-index: 2; }
section#rooms .vareditor h3{ letter-spacing: 6px; }
section#rooms .half{ height: 550px; margin: 15px auto; padding: 0; }
section#rooms .half img{ object-fit: cover; height: 550px; width: 100%; }
section#rooms #varlink_home1-cnt a{ letter-spacing: 3px; display: initial; text-decoration: none;}*/

/*Home - template 9*/
section#rooms #template9 .row .box .elem { padding: 0 15px; }
section#rooms #template9 .row .box .elem .caption-cnt { display: flex; }
section#rooms #template9 .row .box .elem .caption-cnt .caption { padding: 15px; width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
section#rooms #template9 .row .box .elem .caption-cnt .caption .ztextarea { font-family: "Cabin-Regular"; font-size: 15px; color: #5C5C5C; line-height: 30px; max-width: 898px; }
section#rooms #template9 .row .box .elem .caption-cnt .caption-alt { padding: 15px 15px 0 15px; width: 50%; }
section#rooms .gallery ul { display: flex; justify-content: space-between; padding: 0 15px; }
section#rooms .gallery ul li { padding: 0 15px; width: 50%; }

/* Facilities */
section#falicities { padding: 40px 0; background: #f5f5f5 url(../images/bg/spiaggia_bg.jpg) no-repeat center center; background-attachment: fixed; background-size: cover; background-position: 50% 50%; position: relative;}
section#falicities .intro{ position: relative; z-index: 2;}
section#falicities .intro #varsimple_facilities_first{font-family: "HerrVonMuellerhoff-Regular";font-size: 80px;color: #CB9B42;text-align: center;}
section#falicities .intro #varsimple_facilities{letter-spacing: 6px;}
section#falicities .dark_layer { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* Home About */
section#about{ padding: 2em 0; }
section#about .ztextarea { margin: 0 auto 64px auto;
padding: 0;
font-family: "Cabin-Regular";
font-size: 15px;
color: #5C5C5C;
text-align: center;
line-height: 30px; }

/* Showcase */
section#showcase #template7 .elem{display:inline-block;width:50%;padding:30px;margin:0}
section#showcase #template7 .elem.last{float:left}
#showcase #template7 .elem .caption-cnt .caption img{transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out}
#showcase #template7 .elem:hover>.caption-cnt .caption img{-webkit-transform:scale(.9);transform:scale(.9);opacity:.8}
#showcase #template7 .elem:hover>.caption-cnt .caption-alt{-webkit-transform:scale(1.3);transform:scale(1.3)}
section#showcase #template7 .elem .caption-cnt .caption{text-align:center;min-height:650px}
section#showcase #template7 .elem .caption-cnt{display:block}
section#showcase #template7 .elem .caption-cnt .caption-alt{padding:40px;margin-top:-40px;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out}
section#showcase #template7 .ztextarea { padding: 0; font-family: "Cabin-Regular"; font-size: 15px; color: #5C5C5C; text-align: center; line-height: 30px; }

#showcase #template8{ padding-bottom: 40px; overflow: hidden;}
#showcase #template8 .elem {padding: 40px; margin-top: 12px; transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out; }
#showcase #template8 .elem:hover {background-color: #f9f9f9; -webkit-transform:scale(1.1);transform:scale(1.1); }
#showcase #template8 .elem:hover > .caption-cnt .caption .title a {color: #B58D46!important; }
#showcase #template8 .elem .caption-cnt .caption-alt{ margin-top: 40px; }





@media only screen and (max-width:1199px){
	section#showcase #template7 .elem .caption-cnt .caption{min-height:550px}
  #booking .container { width: 100% }
}

@media only screen and (max-width:991px){
	section#showcase #template7 .elem .caption-cnt .caption{min-height:490px}
}

@media only screen and (max-width:640px){
	section#showcase #template7 .elem{ display: block; width: 100%; }
	section#showcase #template7 .elem.last{ float: none; }
	section#showcase #template7 .elem .caption-cnt .caption-alt{ margin-top: 0; }
	section#showcase #template7 .elem .caption-cnt .caption{min-height:none; height: auto;
	}
}

/* Pagina interna */
section#page #page_name{padding:5px 5px 0; }
section#page .text .g1 { margin: 0 0 40px 0; text-align: center; }
.photogallery { margin: 0 auto 40px auto; }
.photogallery li{display:inline-block; margin-top: 3px}
.photogallery #varsimple_gallery2{margin-bottom:40px}
.photogallery .fancy-gallery { overflow: hidden;}
.photogallery li a img{ transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;}
.photogallery li a img:hover{ opacity: .8; transform: scale(1.1);}


/* Submenu */
.submenu{ margin: 0; background-color: #B58D46;}
.submenu #tree > li a {transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out; }
.submenu #tree > li.active { background-color: #cda050; color: #fff; display: none; }
.submenu #tree > li:hover { background-color: #cda050; color: #fff;  }
.submenu #tree > li:hover a {color: #fff;  }
.submenu #tree{ text-align: center; margin-bottom: 0; }
.submenu #tree > li{ display: inline-block; padding: 15px; transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out}
#varsimple_submenu_title.varsimple{
	margin: 0 auto;
	padding: 0;
	font-family: "HerrVonMuellerhoff-Regular";
	font-size: 60px;
	color: #CB9B42;
	text-align: center;
	line-height: 0;
}

/* Mappa */
#map-canvas-1.map-canvas{
	height: 350px;
}


/* Configurazione generica forms */

form .form-title { margin:0 0 20px 0; }
form .caption-fields .form { margin: 0; padding: 0 15px 20px 15px; float:left; width:50%; }
form .caption-fields input[type="submit"] { margin: 10px 15px; border:none; }
form .caption-fields .form_element_title {margin: 0 0px 5px 0;font-size:12px;text-align: left;color: #000000;}
form .caption-fields .form input, form .caption-fields .form select, form .caption-fields .form textarea { margin:0; padding:12px; width:100%; border:1px solid #000; transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out}
form .caption-fields .form.select select { appearance: inherit; -webkit-appearance: inherit; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; }
form .caption-fields .form.textarea { margin: 0; padding: 0 15px 20px 15px; width:100%; float:none; }
form #showprivacy, form p.privacy, form .newsletter, form .g-recaptcha { padding: 5px 15px; overflow:hidden; }
form #showprivacy { margin: 10px auto; display:block; clear:both; font-size:11px; }
form textarea.cnt_privacy { margin: 0px 15px 20px 15px; padding: 10px; width: calc(100% - 30px); font-size:11px; min-height:150px; border: 1px solid #D8D8D8; }
form p.privacy label { margin: 0 20px 0 auto; float: left; font-size:11px; }
form p.privacy label input[type="radio"] { margin: 0px 5px 0px 1px; float: left; }
form .newsletter { margin: 10px auto; display:block; clear:both; }
form .newsletter input[type="checkbox"] { margin: 1px 6px 0px 1px; float: left; }
form .form_messages .message { margin: 0px; font-size: 16px; color: #000; text-align: left; line-height: 30px; }



/* Form */
form#form_1{ padding: 15px; }
form .caption-fields .form{ width: 33%; }
section#page .number, section#page .email, section#page .textarea{ line-height: 35px; }
section#page .text, section#page .email{ padding: 0 15px 20px 15px; margin: 0 auto;}
form .caption-fields .form textarea { height: 200px; }

/* #form_7 .caption-fields .form { width: calc(100% / 3 - 20px)!important; } */
#form_7 .caption-fields .form {width: 45%!important;}
#form_7 .caption-fields .form_element_title { color: #000; }
#form_7 .caption-fields .form .intl-tel-input { width: 100%; }
#form_7 .caption-fields .textarea { width: 85% !important; }
#form_7 .caption-fields input[type="submit"] { margin: 10px 0 20px 15px !important; }

form input[type="submit"]{
	margin: 0 auto;
	    padding: 15px 54px 17px 54px;
	    background-color: #B58D46;
	    font-family: "Cabin-Bold";
	    font-size: 13px;
	    color: #FFFFFF;
	    text-transform: uppercase;
	    text-align: center;
	    line-height: 13px;
	    letter-spacing: 3px;
}

.error{
	font-family: 'Cabin-Light', sans-serif;
	color: red;
	font-size: 14px;
	font-style: italic;
}

div.element_interruption{ clear: both;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

form .caption-fields .form input:focus{
	border-bottom: 5px solid #000;
	background-color: #f5f5f5;
}

/* Custom select */
@media screen and (-webkit-min-device-pixel-ratio:0) {  /*safari and chrome*/
    select {
        height:44px;
        line-height:30px;
        background:#f4f4f4;
    } 
}
select::-moz-focus-inner { /*Remove button padding in FF*/ 
    border: 0;
    padding: 0;
}
        
@media screen\0 { /* IE Hacks: targets IE 8, 9 and 10 */        
    select {
        height:44px;
        line-height:44px;
    }     
}
#booking .booking-form .rooms label select, #booking .booking-form .adults label select, #booking .booking-form .children label select{
	padding: 13px 16px;
}





/* Top Seo */
#top_seo{ position: relative; font-family: "Cabin-Bold"; font-size: 16px; text-align: center; opacity: 1; }


/* Footer */
footer{ position: relative; padding: 0; z-index: 1; }
footer .half.one #varsimple_social {margin-bottom: 40px;}
footer .half #varsimple_contact { margin-bottom: 10px; margin-top: 30px; }
footer .half #varlink_telephone-cnt a, footer .half #varlink_email-cnt a{ text-decoration: none; margin-bottom: 20px }
footer .half #varlink_telephone-cnt a:before, footer .half #varlink_email-cnt a:before { padding-right: 10px; }
footer footer{ padding: 26px 0; text-align: center; }
footer footer #varlink_privacy{ text-align: center; font-size: 13px; color: #FFF; }
footer #vareditor_footer1{padding-top: 40px; text-align: left; }
footer #vareditor_footer1 a{ color: #CB9B42; }
footer .half.one #socialnet .social a:before{ transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;  }
footer .half.one #socialnet .social:hover > a:before { color: #CB9B42; border-bottom: none; text-decoration: none; }
footer .half #varlink_email-cnt a:hover{ color: #CB9B42; text-decoration: none;}
footer .half.one #socialnet .social a{ text-decoration: none!important; }




/* Responsive */

/* iPhone portrait */
@media only screen and (max-width: 320px){
	.slideshowFixSafari{ height: 200px!important; }
	#slideshow .caption h3{ font-size: 50px; top: 27%; }
	#slideshow .caption p{ font-size: 18px; top: 45%; }
	.icon-scroll{ display: none!important; }
	footer .half{ margin: 40px; }
	section#showcase #template7 .elem .caption-cnt .caption{min-height: auto; }
	form .caption-fields .form{ float: none; width: 100%; }
	.submenu #tree > li{ display: block; }
	section#rooms .half{ height: auto; }
	.hiddenMenu{transform: translate(250%, 350%);}
	/* Fix distanze Box Elem */
	.box .elem{ margin-bottom: 15px; }
	
}

/* iPhone Landscape */

@media only screen and (min-width: 480px) and (max-width: 568px){
	.slideshowFixSafari{ height: 270px!important; }
	#slideshow .caption h3{ font-size: 50px; top: 27%; }
	#slideshow .caption p{ font-size: 18px; top: 45%; }
	.icon-scroll{ display: none!important; }
	footer .half{ margin: 40px; }
	section#showcase #template7 .elem .caption-cnt .caption{min-height: auto; }
	form .caption-fields .form{ float: none; width: 100%; }
	.submenu #tree > li{ display: block; }
	section#rooms .half{ height: auto; }
	.hiddenMenu ul{ font-size: 1.2em; }
	/* Fix distanze Box Elem */
	.box .elem{ margin-bottom: 15px; }
}


/* Crappy Android Portrait */
@media only screen and (width: 240px) {
	.hiddenMenu{transform: translate(250%, 350%);}
	.slideshowFixSafari{ height: 150px!important; }
	.hiddenMenu ul{ font-size: 1.2em; }
	#booking .booking-form .submit input[type="submit"]{ padding: 15px 20px 15px 20px; }
	/* Fix distanze Box Elem */
	.box .elem{ margin-bottom: 15px; }
	
}




/* Android Portrait */
@media only screen and (min-width: 384px) and (max-width: 479px){
	.slideshowFixSafari{ height: 250px!important; }
	#slideshow .caption h3{ font-size: 50px; top: 27%; }
	#slideshow .caption p{ font-size: 18px; top: 45%; }
	.icon-scroll{ display: none!important; }
	footer .half{ margin: 40px; }
	section#showcase #template7 .elem .caption-cnt .caption{min-height: auto; }
	form .caption-fields .form{ float: none; width: 100%; }
	.submenu #tree > li{ display: block; }
	section#rooms .half{ height: auto; }
	/* Fix distanze Box Elem */
	.box .elem{ margin-bottom: 15px; }
}

/* Android Landscape */
@media only screen and (min-width: 569px) and (max-width: 600px){
	.slideshowFixSafari{ height: 365px!important; }
	#slideshow .caption h3{ font-size: 50px; top: 35%; }
	#slideshow .caption p{ font-size: 18px; top: 45%; }
	.icon-scroll{ display: none!important; }
	footer .half{ margin: 40px; }
	section#showcase #template7 .elem .caption-cnt .caption{min-height: auto; }
	form .caption-fields .form{ float: none; width: 100%; }
	.submenu #tree > li{ display: block; }
	section#rooms .half{ height: auto; }
	/* Fix distanze Box Elem */
	.box .elem{ margin-bottom: 15px; }
}

/* iPad Portrait */

@media (max-width: 767px) {
  .booking form .caption-fields .form { width: calc(100% / 2 - 20px) !important; float: left; }
  .booking form .caption-fields .form.date { width: calc(100% / 2 - 20px) !important; }
  form .caption-fields input[type="submit"] { width: calc(100%)!important};
}

@media only screen and (max-width: 768px) {
	
	footer #vareditor_footer1 { text-align: center; }
}

@media only screen and (width: 768px) {
	.slideshowFixSafari{ height: 450px!important; }
	#slideshow .caption h3{ top: 35%; }
	#slideshow .caption p{ top: 45%; }
	footer #vareditor_footer1 { text-align: center; }
}

/* iPad Landscape */

@media only screen and (width: 1024px){
	header #varlink_booknow-cnt{ right: 40px; }
}


@media (max-width: 767px){

header #openbook.unfired #varlink_booknow-cnt{left: 0; right: 0; margin: 0 auto;}
header #openbook.unfired {left: 0; right: 0; margin: 0 auto;}
header #openbook.fired #varlink_booknow-cnt {left: 0; right: 0; margin: 0 auto;}
header #openbook.fired {left: 0; right: 0; margin: 0 auto;}

#slideshow .caption h3 {font-size: 45px}
#slideshow .caption p {font-size: 12px}
section#rooms #template9 .row .box .elem .caption-cnt {display: block;}
section#rooms #template9 .row .box .elem .caption-cnt .caption {width: 100%}
section#rooms #template9 .row .box .elem .caption-cnt .caption-alt {width: 100%}

#form_7 .caption-fields .form {width: 100%!important;} 

.photogallery {padding: 15px}
.photogallery li, .photogallery li a img {width: 100%}

.mgc-boxricerca form .fld-hotel .chooseperiod .period .choosedate {width: 10em!important; margin: 5px!important}
.mgc-boxricerca select {min-width: unset!important;}
.mgc-boxricerca .plusrooms {right: 15px!important; top: 15px!important}
.mgc-boxricerca .minusrooms {right: 15px!important; top: 15px!important}
.mgc-boxricerca .etabambini {position: relative; top: -13px; margin: 12px 15px 0!important; clear: unset!important;}
.mgc-boxricerca .etabambini select {margin: 0 5px!important;}
.mgc-boxricerca fieldset .stanze div.sided {width: auto!important;}
.mgc-boxricerca form .fld-hotel .choosenumroom .allrooms .stanze {width: 100%!important}
.mgc-boxricerca .allrooms {width: 100%!important}
.mgc-boxricerca .choosenumroom {padding-left: 5px}

section#showcase #template7 .elem .caption-cnt .caption {min-height: unset;}

section#falicities #template5 .caption-cnt .caption {margin: 0 auto;}

.covid_info { position: relative; left: 0; right: 0; top: 70px; margin: 0 auto; text-align: center; width: 150px; height: 150px; }

#varlink_secure_booking-cnt {padding: 10px}
#varlink_secure_booking-cnt a { font-size: 11px; line-height: 1 }
header.fix_top {top: 32px}
.hamburger { top: 32px }
.hamburger.scrolled { top: 3px }

}

@media (max-width: 600px){

  .mgc-boxricerca label {font-size: 8px!important}
}

@media (min-width: 1840px) {
  #template9 { max-width: 1800px; }
  section#rooms .gallery { max-width: 1800px; font-size: 0px; margin: 0 auto; }
  section#rooms .gallery ul { padding: 0; display: block; }
  section#rooms .gallery ul li { display: inline-block; }
  section#rooms #template9 .row .box .elem { padding: 0; }
  section#rooms #template9 .row .box .elem .caption-cnt .caption { padding: 15px 40px; }
  section#about { max-width: 1800px; }
}
/* fix */