body {font-family: 'Quicksand', sans-serif;}
section {margin-bottom:1px}
footer {}
header {text-align:center;width:100%;z-index:30;background: rgb(255 255 255 / 75%);backdrop-filter: blur(20px) saturate(50%) contrast(250%) brightness(150%);-webkit-backdrop-filter: blur(20px) saturate(50%) contrast(250%) brightness(150%);}

.display-5 {font-size:2.5em;font-weight:100}
a.text-color:hover, a.text-color:active, a.text-color:focus {color:#8f8779}
.btn-color {background:#b2a998;color:#FFF}
.btn-color:hover, .btn-color:active, .btn-color:focus {color:#FFF;background:#8f8779}

.bg-color {background:#b2a998}
.text-color {color:#b2a998}
.progress {height:2px}
.cursive {font-family: 'Dancing Script', cursive;}


.go_top {position:fixed;right:15px;bottom:15px;z-index:99;display:none}
.go_top div {width:50px;height:50px;border-radius:100%;cursor:pointer;}
.contact_top {padding:10px 15px;font-size:13px;text-align:left}
.contact_top a {margin-right:15px;}
.contact_top .facebook {font-size:16px}
.contact_top .instagram {font-size:18px}

.p-relative {position:relative}

.loader {position:fixed;width:100%;height:100%;background:#FFF;z-index:999;top:0}
.logo_loader {width:150px}
.logo_loader_container {align-self:center;text-align:center;width:250px}
.head_logo {width:100px;cursor:pointer}
.right_side_menu_desk {padding-top:15px;padding-bottom:15px}
.flag_container {position:absolute;right:15px;top:7px}
.logo_col_container {overflow:hidden;position:absolute;height:100px;width:100px;display:inline-block;z-index:3;margin-left:-50px}
.padding_top_menu {padding-top:55px}

.nav_link {font-size:14px;color:#b2a998;display:inline-block;border-bottom:solid 2px transparent;margin:0px 10px}
.nav_link.active {border-bottom:solid 2px}
.nav_link:hover, .nav_link:focus, .nav_link:active {border-bottom:solid 2px;color:#b2a998;text-decoration:none}
.flag-icon {width:25px;height:19px;}
._translate_flag.flag-icon-it {margin-right:10px;}
._translate_flag {cursor:pointer}
#slider_home_page img {width:100%;height:100%;object-fit:cover}
.menu_mobile_button {}

.carousel-caption {left:unset;right:unset;width:100%;top:0}

#rooms, #links {background:url(/images/shabbybg.jpg);background-repeat:no-repeat;-o-background-size:cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;}

.room_title {padding-top:10px}
.room_subtitle {padding-bottom:15px}
.room_card {padding:0;overflow:hidden;border-radius:15px}
.room_title {font-size:35px}
.room_image {cursor:pointer;position:relative}
.icon_slider {
	position: absolute;
    width: 100%;
    height: 100%;
	background: rgb(255 255 255 / 50%);
	color:#FFF;
	font-size:50px;
	display:none
}

.breakfast_container {
	background: url(/images/breakfast.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: 50%;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}
#breakfast {padding-bottom:75px;background:rgb(176 175 175 / 15%)}
.images_list_breakfast {margin-bottom:-100px;}
.breakfast_image {border-radius:15px}

#services {}
.services_bg {background:rgb(176 175 175 / 15%)}
.card_services {text-align:left;border-radius:15px;padding:15px;border-left:solid 50px #b2a998;min-height:130px}
.service_icon {position:absolute;top:0;left:-50px;color:#FFF;width:50px;height:100%;font-size:25px}

.card_activities {overflow:hidden;border-radius:15px}
.card_content_activity {padding-bottom:45px}
.image_activities {width:100%;height:100%;object-fit:cover}
.period_activity {position:absolute;bottom:0;right:0;padding:10px 10px 10px 15px;font-size:14px;color:#FFF;border-top-left-radius:15px}
.period_activity i {margin-right:15px}


.offers_container {
	background: url(/images/offers.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: 50%;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}
.card_offers {overflow:hidden;border-radius:15px;padding:0;border:none}
.header_card_offers {background:#b2a998;padding:15px;}
.price_card_offers {padding:15px;min-height:150px;color:#b2a998;font-size:70px;font-weight:300}
.form_label {margin-bottom:0;font-size:14px;color:#9f9f9f}
.form_title_availability {display:inline-block;font-size:30px;padding:15px;border-top-left-radius: 15px;border-top-right-radius: 15px;margin-top:-45px}
.form_availability_container {}
.form_availability_bg {background:rgb(176 175 175 / 15%)}
.card_availability {border-radius:15px}

.contact_us_card  {text-align:center;margin-top:45px;border-radius:15px}
.image_person {width:150px;height:150px;border:solid 3px #b2a998;background:#b2a998;border-radius:100%;overflow:hidden;display:inline-block;margin: -65px auto 15px;font-size:60px;color:#FFF}

.contact_person {text-align:center;}
.contact_tel, .contact_wa {
	width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #b2a998;
    color: #fff;
	margin:15px 10px;
	cursor:pointer
}
a.text-light:hover {color:#F9F9F9 !important}

.link {margin-bottom:15px}

#cookie_banner {position:fixed;bottom:-15px;left:0;z-index:100 !important;}
#cookie_banner .alert {border-radius:0;border-top-right-radius:15px;border:solid 1px #CCC;background:rgb(255 255 255 / 85%);font-size:14px}
#cookie_banner ul {margin-top:10px}

.shadow-4{
  position: relative;
}
.shadow-4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.imageLogoStruttura {width:230px;height:190px}
.navTabsStrutture .nav-link {opacity:0.5;color:initial;padding:0px 50px}
.navTabsStrutture .nav-item {width:330px}
.navTabsStrutture .nav-link.active {opacity:1;position:relative}
.navTabsStrutture .nav-link, .navTabsStrutture .nav-tabs {border-color:unset !important;border:none}
.navTabsStrutture .tab-content {padding-top:30px;}
.btnImg {background:#b2a998;color:#FFF;padding:10px 15px;border-radius:.25rem;display:inline-block;cursor:pointer}

.navTabsStrutture .nav-link.active:after {content: '';position: absolute;display: block;width: 0;z-index: 1;border-style: solid;border-color:#dfdfdf transparent;border-width:0 20px 20px;bottom: -30px;left: 50%;margin-left: -20px;}

#carousel_room {padding-right:0 !important}
#carousel_room .modal-dialog {max-width: 100%;margin: 0;top: 0;bottom: 0;left: 0;right: 0;height: 100vh;display: flex;}
#carousel_room .close {display:flex;z-index:15;background:#FFF;width:50px;height:50px;border-radius: 100%;align-items:center;justify-content:center}
#carousel_room .modal-content {border:none !important}
#carousel_room .carousel-inner {background:#000;}

.moreImages {position:absolute;width:100%;height:100%;background:rgb(0 0 0 / 60%);color:#FFF;display:flex;align-items:center;justify-content:center;top:0;left:0;text-align:center}

@media (max-width:768px) {
	.display-2  {font-size:4em}
	.display-4  {font-size:3em}
	.cursive {line-height:1;}
	.imageLogoStruttura {width:150px;height:125px}
	.navTabsStrutture .nav-link {opacity:0.5;color:initial;padding:initial}
	.navTabsStrutture .nav-item {width:50%;font-size:0.8em}
	section {}
	footer {}
	/*.right_side_menu_desk {padding-top:15px;padding-bottom:15px}*/
	
	/*.menu_container {position:fixed;height:100%;width:100%;top:0;left:0;background:rgb(255 255 255 / 95%);text-align:left;padding:15px;display:none}*/
	/*.nav_link {display:inline-block;margin-bottom:15px;margin-left:0}*/
	/*._translate_flag.flag-icon-it {margin-left:0}*/
	/*.flag-icon {width:35px;height:27px;}*/
	.close_mobile_menu {font-size:20px;color:#9b8c71;font-size:20px;padding-left:30px;cursor:pointer}
	.menu_mobile_button {position:fixed;right:15px;top:15px;width:50px;height:50px;border-radius:100%;cursor:pointer;z-index:101}
	header {display:none;width:100%;height:100%;position:fixed;z-index:100;background: rgb(255 255 255 / 95%);padding-top:15px;overflow-y:auto}
	.flag_container {position:initial;right:unset;top:unset;width:100%;text-align:center}
	.nav_link {margin-bottom:15px}
	.right_side_menu_desk {padding-top:15px}
	.flag-icon {width:30px;height:24px;}
	.logo_col_container {position:initial;margin-left:0}
	.head_logo {padding-top:0px}
	.contact_top  {position:fixed;bottom:0;width:100%;text-align:center;z-index:3}
	.contact_top a {display:inline-block;margin:0px 10px 5px 10px}
	.padding_top_menu {padding-top:15px}

}