html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure 
{ background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }

h1, h2, h3, h4, h5, h6,
.like_h1, .like_h2, .like_h3, .like_h4, .like_h5
{ 
    clear: both; display: block; margin:0; line-height:1.3; text-align: inherit; font-weight: 700;
}

	h1, .like_h1{font-size: 32px; text-transform: uppercase;}
	h2, .like_h2{font-size: 22px; text-transform: uppercase;}
	h3, .like_h3{font-size: 24px;}
	h4, .like_h4{font-size: 21px;}
	h5, .like_h5{font-size: 16px;}

html{height: 100%;}
img{width: 100%; height: auto; padding: 0; margin: 0; line-height: 1; display: block;}
blockquote { padding: 10px 5px; font-size:inherit; line-height:1.3; font-weight:inherit; font-family: serif; }

p{line-height: 1.6; font-size: inherit;}
input{outline: none;}
.generic_btn{background: #4d4d4d; color: #757575; padding: 10px 40px; border-radius: 30px; line-height: 1;}
.generic_btn:hover{background: #757575; color: #4d4d4d;}
ol, ul { list-style: none;}
del { 	text-decoration: line-through ;}
table { border-collapse: collapse;	border-spacing: 0;}
a img { border: none; display: block; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a {text-decoration:none; color: #4d4d4d; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:hover {color: var(--grigio);}
hr{border:none; border-top:1px solid #ccc; font-size:1px; height:0px; padding:0px; display:block; margin:5px 0;}
.block_row{ display: block; clear: both;}
	
.myClear{clear:both; padding:0; margin:0; font-size:0px; height:0px; display:block; }

.myRow, .row{ width: 100%; padding: 0 0; margin: 0 auto;  clear:both; display:block; position: relative;}
.myIn{ padding: 0; margin: 0 auto; clear:both; display:block;  max-width: 1200px; width: 90%; box-sizing: border-box;}
.col_1_2{width: 50%; display: block; float: left; box-sizing: border-box;}

input, select{width: 100%; background: #fff; border: 1px solid #ddd; padding: 10px 10px; font-size: 14px; box-sizing: border-box; border-radius: 10px; margin: 5px 0; outline: none;}
textarea{width: 100%; background: #fff; border: 1px solid #ddd; padding: 10px 10px; font-size: 14px; box-sizing: border-box; border-radius: 10px; margin: 5px; height: 120px; font-family: 'Roboto', sans-serif;}

:root {
    --swiper-theme-color:#CEBD90;
    --oro:#CEBD90;
    --grigio:#909090;
    }

.padd_y-min{ padding-top: 20px; padding-bottom: 20px;}
.padd_y-med{ padding-top: 40px; padding-bottom: 40px;}
.padd_y-max{ padding-top: 60px; padding-bottom: 60px;}

.padd_x-min{ padding-left: 20px; padding-right: 20px;}
.padd_x-med{ padding-left: 40px; padding-right: 40px;}
.padd_x-max{ padding-left: 60px; padding-right: 60px;}

.bg_oro{ background: var(--oro); color: #FFF;}
.bg_oro h2, .bg_oro h3, .bg_oro h4, .bg_oro h5, .bg_oro p{ color: #FFF}

body{background: #F7F7F7; color: var(--grigio); margin: 0; padding: 0; display: block; font-family: 'Roboto', sans-serif; font-size: 16px; position: relative;}




.header{ padding: 0; height: auto; width: auto; display: block; position: relative; z-index: 99; font-family: 'Montserrat', sans-serif; border-bottom: 5px solid var(--oro);}
.header_in{padding: 20px 55px; height: auto; width: auto; display: block; }
	.header_left{width: 20%; display: block; float: left;}
		.logo{width: 80px;}
	.header_right{width: 80%; display: block; float: left; text-align: right; padding: 25px 0;}
	
        #menu_principale ul {}
        #menu_principale ul li{ display: inline-block; padding: 5px 10px;}	
        #menu_principale ul li a{ padding: 5px 0; font-size: 14px; color: var(--grigio); text-transform: capitalize;}	
            #menu_principale ul li a:hover{color: var(--oro);}
        
        #menu_principale ul li.menu_item_sel a{color: var(--oro);}
	
#site_cnt{ display: block; clear: both;}
	
	
	.bacchetta_pagine{height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;}
	.bacchetta_home{height: 350px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; margin-bottom: 100px;}
	
	
	.bacchetta_pagine:before{content: ''; position: absolute; left: -10%; top: 0; bottom: 0; right: 0; background: #000; opacity: .55; z-index: 1;}
	.titolo_bacchetta{padding-top: 150px; color: #FFF; z-index: 10; position: relative;}
	
/* 	#slider_header_home_container{ position: absolute; height: 100%;} */
	#slider_header_home{ height: 100%; }
	
	#calendar_search_cnt{position: absolute; bottom: -50px; left: 0; right: 0; z-index: 50;}
		.calendar_search_in{width: 40%; min-width: 430px; background: #FFF; padding: 15px 20px 20px 20px; border-radius: 0 0 5px 5px; margin: 0 auto; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15); position: relative;}
			.calendar_search_in:before{content: ''; display: block; background: var(--oro); height: 5px; border-radius: 5px 5px 0 0; position: absolute; top: -5px; left: 0; right: 0;}
		
		.calendar_search_in_form{text-align: center;}
			
		.calendar_search_in label{width: 24%; font-size: 14px; box-sizing: border-box; display: inline-block; color: var(--grigio); text-transform: uppercase; margin: 0 10px 0 0; text-align: left;}	
		.calendar_search_in button.search_btn{ width: 20%}	
	
	#calendar_search_cnt_apartments{margin: 20px auto;}
		#calendar_search_cnt_apartments .calendar_search_in{width: 100%; min-width: 300px; box-sizing: border-box; background: #FFF; padding: 15px 20px 20px 20px; border-radius: 0; margin: 0 auto; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15); position: relative;}
			#calendar_search_cnt_apartments .calendar_search_in:before{content: ''; display: block; background: var(--oro); height: 5px; border-radius: 5px 5px 0 0; position: absolute; top: -5px; left: 0; right: 0;}
			#calendar_search_cnt_apartments .calendar_search_in:after{content: ''; display: block; background: var(--oro); height: 5px; border-radius: 0 0 5px 5px; position: absolute; bottom: -5px; left: 0; right: 0;}
		
		#calendar_search_cnt_apartments .calendar_search_in_form{text-align: center; max-width: 600px; margin: 0 auto;}
			
		#calendar_search_cnt_apartments .calendar_search_in label{width: 22%; box-sizing: border-box; display: inline-block; color: var(--grigio); text-transform: uppercase; margin: 0 10px 0 0; text-align: left;}	
	
			#calendar_search_cnt_apartments button.search_btn{width: 22%; display: inline-block; box-sizing: border-box;}


			.area_lab{margin: 0;}
			.area_lab a{display: block; padding: 10px 0; text-transform: none; color: var(--oro); text-decoration: underline;}
	

	#modal_close_cnt{font-size: 34px; margin-top: -30px;}
	
	.zona_balloon{background: #dfdfdf; padding: 5px; border-radius: 3px; font-size: 24px; font-weight: bold;}
		.zona_balloon *{color: #FFF;}
	
	
	button.save_zone{background: #50c446;}
	
	.form_user_mess{text-align: left; font-size: 14px;}
		.mess_ko{color: #ffa6a6;}
		
		.mess_ok{font-weight: bold; color: #008837;}
		
	
	.select-css {
	    display: block;
	    font-size: 14px;
	    font-family: sans-serif;
	    font-weight: 700;
	    color: var(--grigio);
	    line-height: 1.3;
	    padding: .6em 1.4em .5em .8em;
	    width: 100%;
	    max-width: 100%; 
	    box-sizing: border-box;
	    margin: 5px 0;
	    border: 1px solid #aaa;
	    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	    border-radius: .5em;
	    -moz-appearance: none;
	    -webkit-appearance: none;
	    appearance: none;
	    background-color: #fff;
	    background-repeat: no-repeat, repeat;
	    background-position: right .7em top 50%, 0 0;
	    background-size: .65em auto, 100%;
	    outline: none;
	    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23909090%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
	}
	.select-css::-ms-expand {
	    display: none;
	}
	.select-css:hover {
	    border-color: #888;
	}
	.select-css:focus {
	    border-color: #aaa;
	    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	    box-shadow: 0 0 0 3px -moz-mac-focusring;
	    color: #222; 
	    outline: none;
	}
	.select-css option {
	    font-weight:normal;
	}
	
	
	button{background: var(--oro); border: none; box-shadow: none; border-radius: 3px; color: #FFF; padding: .6em .8em .5em .8em; text-align: center; font-size: 14px;}
		button.search_btn{width: 24%; display: inline-block; box-sizing: border-box;}
		
	
	
	.newsletter_cnt{margin: 120px 0;}
	
		#mc_embed_signup .button{background-color: var(--oro) !important;}
	
	.paragrafo_col_txt{padding: 120px 0; position: relative; background-size: cover; background-position: center center; overflow: hidden;}
	
		.paragrafo_col_txt_in{width: 50%; padding: 0 20px 0 0; color: #FFF; position: relative; z-index: 10;}
		.paragrafo_in_par_txt_dx .paragrafo_col_txt_in{margin-left: 50%;}
	
	
	
	.paragrafo_in_par_txt_sx .paragrafo_col_txt:after{content: ''; position: absolute; left: -10%; top: 0; bottom: 0; right: 45%; background: #304A5A; opacity: .6; z-index: 1; transform: skewX(10deg);}
	.paragrafo_in_par_txt_dx .paragrafo_col_txt:after{content: ''; position: absolute; right: -10%; top: 0; bottom: 0; left: 45%; background: #304A5A; opacity: .6; z-index: 1; transform: skewX(-10deg);}
	
	.paragrafo_col_txt_in ul{list-style: disc; list-style-position: inside;}
	
	.titolo_paragrafo{margin-bottom: 10px;}
	
	
	
	.properties_list_home, #properties_list{margin-bottom: 50px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px;}
	
	
	.property_in_list_img_in{overflow: hidden; z-index: 1;}
		.property_in_list_img_in:hover img{transform: scale(1.02);}
	
	.property_in_list_cnt{border: 1px solid #D0D0D0; position: relative;}
		.property_in_list_cnt:nth-child(3n+0){margin-right: 0;}
	
	.property_in_list_img{border-bottom: 5px solid var(--oro); position: relative;}
		.terms{position: absolute; right: 10px; top: 10px; background: #3b3b3b; border-radius: 2px; color: #FFF; font-size: 12px; padding: 3px 10px; z-index: 99;}
	
	.property_in_list_text{background: #FFF; padding: 20px; color: var(--grigio);}
	
		.property_in_list_text_in h3{font-size: 14px; font-weight: normal; height: 38px; overflow: hidden;}
			.property_in_list_text_in h3 a{color: var(--grigio);}
				.property_in_list_text_in h3 a:hover{color: var(--oro);}
				
		.property_in_list_text_in h4{font-size: 14px;}
		
		.dett_in{margin-top: 15px;}
			.property_in_list_text_in span{margin-right: 15px;}
	
			.fas{margin-right: 3px;}
	
			.prezzo{display: inline-block; text-align: right; float: right;}


	.prop_overview_item, .prop_amenities_item{margin: 5px 0;}

	.property_main{ float: left; width: 75%; box-sizing: border-box; position: relative; padding: 40px 15px 40px 0;}
	.property_side{ float: right; width: 25%; box-sizing: border-box; padding: 40px 0  40px 15px;}


	.IN_PROMO:after{content: 'PROMO'; position: absolute; display: block; top: 35px; right: 10px; color: #FFF; background: var(--oro); font-size: 12px; padding: 5px 10px; font-weight: bold; border-radius: 3px;}


	.box_property{background: #FFF; padding: 50px 35px; margin: 40px auto; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05); border-radius: 5px;}
		.box_property h1, .box_property .like_h1{font-size: 21px; color: var(--oro); text-transform: none; display: block; float: left; width: 70%;}
		.ref_in_title{ font-size: 16px; line-height: 21px; display: block;  }
		.box_property.box_property_req_info_cnt{ border-top: 5px solid var(--oro);  border-bottom: 5px solid var(--oro); margin: 0 0 10px 0; border-radius: 5px; padding: 20px 10px;}
			.box_property.box_property_req_info_cnt .like_h4{ width: auto; color: var(--oro);}
			
			.box_property.box_property_rel{padding: 20px 20px;}
			.box_property.box_property_rel .like_h4{ width: auto; color: var(--oro);}
	
	.rel_prop{background: #FFF; padding: 0; margin: 20px auto; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15); border-radius: 10px; overflow: hidden;}
			.rel_prop_img{border-bottom: 5px solid var(--oro);}
			
		.social_icons{display: block; float: left; width: 30%; text-align: right;}
			.social_icons i{font-size: 21px; margin: 0 3px; }
			.whatsapp_desktop{display: inline-block;}
			.whatsapp_mobile{display: none;}
			
			.fa-facebook-square{color: #4673A0;}
			.fa-whatsapp{color: #7AAF67;}
			.fa-envelope{}
			.fa-file-pdf{color: #d91a1a;}
		
		
		.property_recap{ padding: 10px 0}
			.property_recap_half{ width: 50%; box-sizing: border-box; display: inline-block; margin: 0;}
			.property_recap_price{ text-align: right;  }
			
			.recap{display: inline-block; margin: 10px 20px 10px 0;}
				.property_recap_half .recap:last-child{ margin-right: 0;}
		.item_empty{display: none;}

		.grid_block{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-gap: 10px;
			padding: 20px 0;
		}
		
		.fa-check{color: #26D018;}

	#mappa_property{border: 2px solid #FFF;}



	.rel_prop_img:hover img{transform: scale(1.02);}


	.req_info_form_cnt{margin: 11px 0;}
	.req_info_form_cnt .search_btn{float: right;}


	.descr_page{padding: 40px 20px;}


	.list_pagination a{background: var(--oro); color: #FFF; padding: 10px 20px; display: inline-block; margin: 20px 0; border-radius: 5px;}
	.list_pagination a.list_pagination_next{float: right;}
					
	/* FOOTER */
    .footer{ padding: 0; height: auto; width: auto; display: block; position: relative; background: #FFF;}
    .footer_in{padding: 55px 55px; height: auto; width: auto; display: flex; align-items: center;}	
			.logo_footer{width: 80px; margin-right: 30px;}	
			.txt_footer{display: block;}	
				.social_footer{font-size: 24px; padding-bottom: 10px;}		
					.social_footer a{padding: 0 5px 0 0;}
				.piva p{font-size: 12px; text-transform: uppercase;}	
					
			
			.menu_footer ul{margin: 10px 0; display: block;}
				.menu_footer ul li {display: inline-block;}		
					.menu_footer ul li a{ padding: 0 5px;  font-size: 12px; text-transform: uppercase; line-height: 1; display: block; box-sizing: border-box;}		
				.menu_footer ul li:first-child a{padding: 0 5px 0 0;}	
				.menu_footer ul li:last-child{border: none;}	
					
	
	.swiper-container{overflow: hidden; position: relative;}
	
	
	     .swiper-slide {
      background-size: cover;
      background-position: center;
    }
	
	
	
	.gallery-thumbs {
      height: auto;
      box-sizing: border-box;
      padding: 10px 0;
      background: #FFF;
    }
    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
      margin: 0 2px;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
	
	#captcha{background: rgba(255, 255, 255, 0.75);
    padding: 0 20px;
    border-radius: 20px;
    height: 45px;
    margin-right: 10px;}
	
	.form_row{ margin: 0; padding: 2px 5px; clear: both; display: flex; flex-wrap: wrap; align-items: center;}
	.form_col{ margin:  0; padding: 0 5px; width: 33%; box-sizing: border-box; display: flex; align-items: center;}
	p.contact_us_privacy_text{ font-size: 13px; padding: 50px 30px;}
	.contanct_form_in_row button{ float: right; margin: 20px 0; padding: 8px 30px; background: #FFF; color: var(--oro)}
	
	
	.form_user_mess{padding: 5px; margin: 2px 12px;}
	.mess_ko{background: #9e1515;}
	
	
	
	/* ------MENU BUTTON------- */

	.hamburger {
	  padding: 0;
	  display: none;
	  float: right;
	  cursor: pointer;
	  transition-property: opacity, filter;
	  transition-duration: 0.15s;
	  transition-timing-function: linear;
	  font: inherit;
	  color: inherit;
	  text-transform: none;
	  background-color: transparent;
	  border: 0;
	  margin: 0;
	  font-size: 14px;
	  text-transform: uppercase;
	  overflow: visible; }
	  .hamburger:hover {
	    opacity: 0.7; }
	
	.hamburger span{padding: 5px 10px; display: block; float: left; font-weight: bold; color: var(--oro);}
	
	.hamburger-box {
	  width: 25px;
	  height: 24px;
	  display: block;
	  float: left;
	  position: relative;
	  }
	
	.hamburger-inner {
	  display: block;
	  top: 50%;
	  margin-top: -2px; }
	  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	    width: 25px;
	    height: 3px;
	    background-color: var(--oro);
	    border-radius: 4px;
	    position: absolute;
	    transition-property: transform;
	    transition-duration: 0.15s;
	    transition-timing-function: ease;}
	  .hamburger-inner::before, .hamburger-inner::after {
	    content: "";
	    display: block; }
	  .hamburger-inner::before {
	    top: -10px; }
	  .hamburger-inner::after {
	    bottom: -10px; }
	    
	    .hamburger--elastic .hamburger-inner {
	  top: 2px;
	  transition-duration: 0.275s;
	  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
	  .hamburger--elastic .hamburger-inner::before {
	    top: 10px;
	    transition: opacity 0.125s 0.275s ease; }
	  .hamburger--elastic .hamburger-inner::after {
	    top: 20px;
	    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
	
	.hamburger--elastic.is-active .hamburger-inner {
	  transform: translate3d(0, 10px, 0) rotate(135deg);
	  transition-delay: 0.075s; }
	  .hamburger--elastic.is-active .hamburger-inner::before {
	    transition-delay: 0s;
	    opacity: 0; }
	  .hamburger--elastic.is-active .hamburger-inner::after {
	    transform: translate3d(0, -20px, 0) rotate(-270deg);
	    transition-delay: 0.075s; }
	
	

		
	.loader_css {
	  font-size: 10px;
	  margin: 2px 0;
	  text-indent: -9999em;
	  width: 25px;
	  height: 25px;
	  border-radius: 50%;
	  background: #807d7f;
	  background: -moz-linear-gradient(left, #807d7f 10%, rgba(128,125,127, 0) 42%);
	  background: -webkit-linear-gradient(left, #807d7f 10%, rgba(128,125,127, 0) 42%);
	  background: -o-linear-gradient(left, #807d7f 10%, rgba(128,125,127, 0) 42%);
	  background: -ms-linear-gradient(left, #807d7f 10%, rgba(128,125,127, 0) 42%);
	  background: linear-gradient(to right, #807d7f 10%, rgba(128,125,127, 0) 42%);
	  position: relative;
	  -webkit-animation: load3 1.4s infinite linear;
	  animation: load3 1.4s infinite linear;
	  -webkit-transform: translateZ(0);
	  -ms-transform: translateZ(0);
	  transform: translateZ(0);
	}
	.loader_css:before {
	  width: 50%;
	  height: 50%;
	  background: #807d7f;
	  border-radius: 100% 0 0 0;
	  position: absolute;
	  top: 0;
	  left: 0;
	  content: '';
	}
	.loader_css:after {
	  background: #E4E7E8;
	  width: 75%;
	  height: 75%;
	  border-radius: 50%;
	  content: '';
	  margin: auto;
	  position: absolute;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	}
	@-webkit-keyframes load3 {
	  0% {
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	  }
	  100% {
	    -webkit-transform: rotate(360deg);
	    transform: rotate(360deg);
	  }
	}
	@keyframes load3 {
	  0% {
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	  }
	  100% {
	    -webkit-transform: rotate(360deg);
	    transform: rotate(360deg);
	  }
	}
	
	
	
	.modal_overlay{ 
		position: fixed; z-index: 998; left: 0; top: 0; right: 0; bottom: 0;
		width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); 
		
	}
	.modal_win{  background-color: #fefefe; margin: 30px auto; padding: 40px 40px 50px 40px; border: 1px solid #888; width: 80%; min-height: 50vh; height: 70%; position: relative;}
	.modal_tools{ box-sizing: border-box; padding: 15px 0; display: block; text-align: right; position: relative; }
	.zona_balloon_cnt{ position: relative; display: block; float: left; width: 40%; }
	.zona_balloon{ position: absolute; top: 10px; left: 10px;}
	.zona_balloon h4{ text-transform: uppercase; font-size: 14px; color: #4d4d4d; font-weight: 400; text-align: left; }
	.close { color: #aaa; position: absolute; right: 15px; top: 10px; font-size: 28px; font-weight: bold;  }
		.close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; }