/*SEARCH FORM*/
#search_form.vertical{flex-direction: column; }
#search_form.vertical select, #search_form.vertical input, #search_form.vertical button {max-width:100%!important; width:100%; margin-bottom:10px}
#search_form{display: flex; justify-content: space-between}
#search_form select, #search_form input, #search_form button, .search-btn-m{border-width:2px!important;border-radius:0; border-color: var( --e-global-color-primary ); font-weight: 600; }
#search_form select:hover{background:var( --e-global-color-primary ); color: #fff}
#search_form select, #search_form input {background: #fff;}
#search_form #localita, #search_form #prezzo{max-width: 200px;}
#search_form #bagni, #search_form #camere{max-width: 100px;}
#search_form button, .search-btn-m{padding: 10px 30px; background:var( --e-global-color-primary ); line-height: 0;}
#search_form button:hover, .search-btn-m:hover, .search-btn-m:focus {background: var( --e-global-color-accent ); color:var( --e-global-color-primary )}
#search_form button:hover svg, .search-btn-m:hover svg, #search_form h3{color:var( --e-global-color-primary ); fill:#fff}
.search-btn-m, #search_form h3{width:95%;display:none; margin:0 auto}

/*SEARCH RESULT AND CATEGORY*/
.gallery-carosello .struttura.slick-slide { margin: 0px 20px;}
.slider .slick-dots{display:none!important}
.slick-list{padding-bottom:10px}
.gallery-immobile .draggable{padding-bottom: 0px }
.progressBar{border:1px solid}
.progressBar__bar {position: relative; display: block; width: 100%; height: 5px; overflow: hidden; background-image: linear-gradient(to right, var( --e-global-color-primary ), var( --e-global-color-primary )); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.5s ease-in-out;}
.progressBar__bar[aria-valuenow="0"] {background-size: 5% 100% !important;}
.progressBar__bar[aria-valuenow] {height: 5px;}
.navigazione{margin-top:20px; text-align:center;}
.slick-dotted.slick-slider { margin-bottom: 0px;}
/*EQUAL HEIGHT*/
.slick-track{display: flex !important;}
.slick-slide{height: inherit !important;}

h2.result_title{color: var( --e-global-color-primary );font-family: var( --e-global-typography-primary-font-family ), Sans-serif;}
.griglia { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px}

.struttura{position:relative;display: flex; flex-wrap: wrap; margin-bottom:35px; font-family: var( --e-global-typography-text-font-family ), Sans-serif; background:var(--e-global-color-ff1e8bd); box-shadow: 0px 1px 10px #00000079!important; color:var(--e-global-color-text); width:100%}
.struttura .immagine{flex-basis:50%; background-size:cover; background-position:center center;}
.struttura .venduto_img{position: absolute; top: 0px; left: 0px; width: 100%;z-index:1}
.struttura .infos{flex-basis:50%; padding:20px}
.struttura .titolo{color: var( --e-global-color-primary ); font-weight: var( --e-global-typography-primary-font-weight ); font-size:18px; flex-basis: 100%;}
.struttura .indirizzo{flex-basis: 100%}
.struttura .indirizzo span{display:inline-block;font-size: 16px; font-weight: 500;}
.struttura .sommario {display: flex; flex-wrap:wrap; width: 100%; padding: 15px 0px 8px 0px;}
.struttura .sommario .info{flex-basis:50%}
.struttura .sommario .info .icona{display: inline-block; width: 25px; vertical-align: top; height: 35px;}
.struttura .sommario .info svg{height: 36px; width:36px/*fill: var( --e-global-color-primary );*/}
.struttura .codice, .struttura .prezzo_row, .struttura .tipologia{display: flex; justify-content: space-between;}
.struttura .prezzo_row {padding:10px 0px; border-top: 1px solid var(--e-global-color-bf7cd33); border-bottom: 1px solid var(--e-global-color-bf7cd33); margin:10px 0px}

/*CARD MODE*/
.struttura.card{width:32%}
.struttura.card .immagine{min-height: 300px; max-height:300px; flex-basis:100%}
.struttura.card .infos{flex-basis:100%}

.pagination {justify-content: space-evenly!important; align-items: center;}
.pagination .page-numbers{color: var( --e-global-color-primary );}
.freccia, .c_ico{padding: 10px; border: 3px solid var( --e-global-color-primary ); text-align: center; margin: 5px 10px; border-radius:50px; cursor:pointer; display: inline-flex;}
.freccia svg, .c_ico svg{height: 24px; width:24px; fill: var( --e-global-color-primary );}


.ol-attribution{display: none}

/*SINGLE IMMOBILE*/
#header_video{height:100vh}
.post_content a{font-style:italic; color:var( --e-global-color-primary );}
.post_content h1{display:none;}
.caratteristiche {display: flex;flex-wrap: wrap; align-items:center; padding-left:15px}
.caratteristiche .caratteristica {flex-basis: 33%; display:flex; align-items: center; margin-bottom:15px}
.caratteristiche .caratteristica img {height: 40px; width:40px; margin-right:10px}
.caratteristiche .caratteristica span {font-size:18px}
.immobile .prezzo{color:#fff; font-weight: var( --e-global-typography-primary-font-weight ); font-size:32px; font-weight:600; line-height:1}
.myFancyBox .fancybox-thumbs {top: auto; width: auto; bottom: 0; left: 0; right: 0; height: 95px; padding: 10px 10px 5px 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3);}
.myFancyBox .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px;}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage{width:100%}
#hero .e-con-inner{position: relative}

#slider-filter{display: flex; justify-content: space-between; flex-wrap: wrap}
#slider-filter button {cursor:pointer;border: 2px solid var( --e-global-color-secondary)!important;background: var( --e-global-color-secondary )!important; color: var( --e-global-color-accent)!important;; font-weight: 500; flex-basis:23%; display:flex; justify-content:center; padding:5px 0px!important; align-items: center}
#slider-filter button img {height: 40px; width: 40px; margin-right:15px}

.prezzo_sm{color: #fff; font-size: 17px; font-weight: bold;}


/*MORTAGE CALCULATOR STYLE*/
.loan-calculator {color: var( --e-global-color-primary ); overflow: hidden; border: 2px solid var( --e-global-color-primary )}
.loan-calculator .top {padding: 32px;}
.loan-calculator .top h3 { margin-top: 0; text-align:center}
.loan-calculator form { display: flex; gap: 8px; justify-content: space-between;}
.loan-calculator .title { margin-bottom: 16px;}
.loan-calculator form input { font-size: 20px; padding: 8px 24px; width: 100%;}
.loan-calculator .result { display: flex; justify-content: space-between; align-items: center;}
.loan-calculator .result .left { width: 100%; padding: 8px 32px;}
.loan-calculator .left h3 { font-size: 16px; font-weight: 400; margin-bottom: 8px;}
.loan-calculator .result .value { font-size: 30px; font-weight: 900; padding-bottom: 10px; border-bottom: 1px solid rgba(20, 33, 61, 0.2);}
.loan-calculator .result .value::before { content: "€"; font-size: 24px; font-weight: 400; margin-right: 6px; opacity: 0.4;}
.loan-calculator .calculate-btn { background: var( --e-global-color-primary );; color: #fff; border: none; padding: 8px 32px; border-radius: 8px; font-size: 18px; font-weight: 900; cursor: pointer; margin: 24px 0;}
.loan-calculator .right { width: 50%;padding-bottom: 20px;}

/*CLASSE ENERGETICA*/
.grafico_energia{text-align: center; display: flex; justify-content: space-around; max-width:900px; margin:0 auto; margin-top: 50px; color:#fff; height: 35px; line-height:35px}
.grafico_energia div{flex-basis:12.5%}
.grafico_energia .a_plus{background-color: #6d9e00}
.grafico_energia .aa{background-color: #7fb800}
.grafico_energia .bi{background-color: #91d100}
.grafico_energia .ci{background-color: #ebc400}
.grafico_energia .di{background-color: #eb9d00}
.grafico_energia .ee{background-color: #e67300}
.grafico_energia .effe{background-color: #d22300}
.grafico_energia .gi{background-color: #b80000}
.selected_a_plus:before {content: " "; position: absolute; border-top: 15px solid #6d9e00; border-right: 15px solid transparent; border-left: 15px solid transparent;
	border-bottom: none; margin-top: -15px;}
.selected_aa:before {content: " "; position: absolute; border-top: 15px solid #7fb800; border-right: 15px solid transparent; border-left: 15px solid transparent;
	border-bottom: none; margin-top: -15px;}
.selected_bi:before {content: " "; position: absolute; border-top: 15px solid #91d100; border-right: 15px solid transparent; border-left: 15px solid transparent;
	border-bottom: none; margin-top: -15px;}
.selected_ci:before {content: " "; position: absolute; border-top: 15px solid #ebc400; border-right: 15px solid transparent; border-left: 15px solid transparent;
	border-bottom: none; margin-top: -15px;}
.selected_di:before {content: " "; position: absolute; border-top: 15px solid #eb9d00; border-right: 15px solid transparent; border-left: 15px solid transparent;
	border-bottom: none; margin-top: -15px;}
.selected_ee:before {content: " "; position: absolute; border-top: 15px solid #e67300; border-right: 15px solid transparent; border-left: 15px solid transparent;
	border-bottom: none; margin-top: -15px;}
.selected_effe:before {content: " "; position: absolute; border-top: 15px solid #d22300; border-right: 15px solid transparent; border-left: 15px solid transparent;
	border-bottom: none; margin-top: -15px;}
.selected_gi:before {content: " "; position: absolute; border-top: 15px solid #b80000; border-right: 15px solid transparent; border-left: 15px solid transparent;
	border-bottom: none; margin-top: -15px;}

/*CATEGORY CAROUSEL*/
.category-immobile{margin: 0px 15px}
.category-immobile-content{position:relative; padding: 20px;min-height: 300px;background:#0005}
.category-immobile-content .azioni {position:absolute; top:50%; left:0px; transform:translatey(-50%); width:100%; text-align:center}
.category-immobile-content .azioni .c_ico{border-color: #fff}
.category-immobile-content .azioni .c_ico svg{fill:#fff}
.category-immobile-content .azioni .cname {display:block;font-family: var( --e-global-typography-primary-font-family ), Sans-serif; text-transform:uppercase; color:#fff; font-size: 30px; text-wrap: balance;}

/*MAP & MAP POPUP*/
.ol-rotate-reset{display:none;}
.ol-zoom {font-size: 24px;border-radius: 8px; display: inline-flex;flex-direction: column; align-items: flex-start; box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);position: absolute; right: 10px; bottom: 20px;}
.ol-zoom-in { padding: 2px 10.5px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: white; width: 36px;
	border-bottom: 1px solid #bebebe;}
.ol-zoom-out {padding: 2px 10px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: white; width: 36px;}
.ol-popup { position: absolute; text-align:center;background-color: white; box-shadow: 0 1px 4px rgba(0,0,0,0.2); padding: 15px; border-radius: 10px; border: 1px solid #cccccc; bottom: 12px; left: -50px; min-width: 280px;}
.ol-popup .prezzo{font-size: 24px; display: block; margin-bottom: 5px;color:var( --e-global-color-primary )}
.ol-popup h3{font-size:16px!important; margin: 0}
.ol-popup:after, .ol-popup:before {top: 100%;border: solid transparent;content: " "; height: 0; width: 0; position: absolute;pointer-events: none;}
.ol-popup:after {border-top-color: white;border-width: 10px;left: 48px;margin-left: -10px;}
.ol-popup:before {border-top-color: #cccccc;border-width: 11px;left: 48px;margin-left: -11px;}
.ol-popup-closer {text-decoration: none;position: absolute;top: 2px;right: 8px;}.ol-popup-closer:after {content: "✖";}

/*NEWS CAROUSEL*/
.ig-news .news{ margin: 0px 5px;}
.ig-news .news .titolo {color:var( --e-global-color-primary ); font-family: var( --e-global-typography-primary-font-family ), Sans-serif; margin-top:10px; font-size: 20px }

@media screen and (max-width:1030px){
	.struttura.card{width:48%}
}

@media screen and (min-width:768px){
	#search_form select:nth-child(odd){border-width: 2px 0px 2px 0px!important}
}
@media screen and (max-width:767px){
	#search_form.vertical{flex-direction: unset; }
	#search_form{flex-wrap:wrap; text-align:center;position: fixed; height:100vh; top:0px; left:0px; transform: translateX(calc(-100% - 25px)); transition: all 600ms ease-in; z-index: 9999; padding: 30px 15px;
    background: #fff;}
	#search_form.ricerca-open{transform: translateX(0)};
	#search_form select, #search_form input, #search_form button{max-width:100%!important; width:100%; margin-bottom:10px}
	#search_form h3{display:block; font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}
	.search-btn-m{display:flex; align-items:center; color:#fff; justify-content:center; font-size:24px;}
	.search-btn-m svg{margin-left:15px}
	.search-btn-m.close {margin-top:30px; font-size:16px; width:100%}
	
	.struttura .immagine{min-height: 300px; max-height:300px; flex-basis:100%}
	.struttura .infos{flex-basis:100%}
	
	.struttura.card{width:100%}
	
	
	.immobile .hero{background-position: top center!important;margin-top:85px}
}

@media screen and (max-width: 650px) { 
  	.loan-calculator form { flex-direction: column; gap: 20px; }
  	.loan-calculator .result { flex-direction: column; text-align: center;}
	.caratteristiche .caratteristica {flex-basis: 50%; margin-bottom:15px}
}