.selectize-input {

height: 38px;

border-radius: 6px !important;

box-shadow: 0 0 0 !important;

padding-top: 9px;

font-family: 'Barlow', sans-serif;

padding-right: 0;
}

.selectize-control .custom-label {
padding: 5px 10px;
}

.selectize-control.plugin-remove_button [data-value] {position: relative;padding-right: 24px !important;width: calc(100% - 6px);z-index: 99;}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3px 0 3px;
    border-color: #616467 transparent transparent transparent;
}

.selectize-control.plugin-remove_button .remove-single {position: absolute;right: 0;top: 0;font-size: 0;background: #4c0505;z-index: 999999999999;color: #ffffff;border-radius: 50%;width: 22px;text-align: center;transform: rotate(-45deg);height: 22px;margin-top: -2px;}

.selectize-control.plugin-remove_button .remove-single: hover {
background:#783a3c !important;
}

.selectize-control.plugin-remove_button .remove-single::before {
content: "";
display: block;
width: 2px;
height: 10px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
border-radius: 2px;
}

.selectize-control.plugin-remove_button .remove-single::after {
content: "";
display: block;
height: 2px;
width: 10px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
border-radius: 2px;
}


#filters-toggle {
	font-size: 16px;
	line-height: 33px;
	min-width: 0;
}

#filters-toggle svg, 
#filters-toggle img {
	width: 19px;
	margin-bottom: 4px;
}

#filters-toggle svg * {
fill: white;
}

.listing-filters-container {
width: 100%;
padding: 30px 15px 25px 15px;
background: #f7f7f7;
margin: 0px 0 30px;
position: relative;
display: flex;
justify-content: space-between ;
}

.reset-filters {
position: absolute;
left: 50%;
bottom: -15px;
transform: translateX(-50%);
background: #4c0505;
color: #fff !important;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
display: inline-block;
height: 30px;
line-height: 32px;
border-radius: 30px;
padding: 0 20px;
text-decoration: none !important;
font-family: 'Barlow', sans-serif;
transition: linear 150ms background;
cursor: pointer;
}

.reset-filters:hover {
background:#783a3c !important;
}

.listing-filters-container .btn {
min-width: 0 !important;
width: 130px;
position: absolute;
right: 15px;
bottom:15px;
}

.filter-container {
display: flex;
}

.filter-label {
font-size: 13px;
font-weight: 600;
margin-bottom: 0;
height: 38px;
line-height: 38px;
padding-right: 15px;
}


.fields-container {
display: flex;
align-items: center;
}

.filter-container + .filter-container {
margin-left: 0;
border-left: 1px solid #f7f7f7;
padding-left: 0;
}

.fields-container .field {
width: 130px;
}

.fields-container .field + .field {
margin-left: 15px;
}

.fields-container .field select {
height: 38px;width: 100%;padding: 0 5px;font-size: 16px;border: 1px solid #a7a8a9; background-color: white;border-radius: 6px; color: #616467;}

.listing-immobili .main-section.first-section {
padding-bottom: 0;
}

.listing-immobili .hero.fs {
height: auto;
padding-top: 100px;
background: #fff;
}

.listing-immobili .hero.fs h1 {
color: #616467;
}

.listing-immobili .hero.fs:before,
.listing-immobili .hero.fs:after {
display: none !important;
}

.listing-immobili .hero.fs .agenForm {
	border-radius: 6px;
    overflow: hidden;
}

.listing-immobili  .agenForm .step .step-title {
	font-size: 24px;
}

.listing-immobili .main-section.first-section {
margin-top: 15px;
}

.listing-immobili .order-filter {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 15px;
}

.listing-immobili .order-filter h2 {
margin-bottom: 0;
font-size: 36px;
color: #616467;
}

.listing-immobili h3.num-immobili {
color: #616467 !important;
font-weight: 400 !important;
}

.listing-immobili .filter-item select {
height: 40px;
margin-left: 10px;
padding: 0 10px;
border: 1px solid #ddd;
}

.listing-immobili .container {
max-width: 1340px;
}

.listing-immobili .list-item {
width: 100%;
padding-bottom: 30px;
padding-top: 30px;
display: flex;
padding: 16px;
border: none;
background-color: #f7f7f6;
border-radius: 6px;
margin-top: 32px;
border: 2px solid #e9ecef59;
}

.listing-immobili .list-item .list-img {
	width: 350px;height: 231px;position: relative;background: #a7a8a9;
	margin-left: -16px;
    margin-top: -16px;
    border-radius: 6px 0 0 6px;
    overflow: hidden;
    margin-bottom: -16px;
}

.carousel_immagini_lisitng .owl-nav {
display: block;
}

.carousel_immagini_listing.owl-carousel .owl-nav .owl-prev,
.carousel_immagini_listing.owl-carousel .owl-nav .owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 25px;
height: 57px;
outline: none !important;
background-size: 70%;
background-repeat: no-repeat;
background-position: center;
transition: 150ms linear all;
}

.carousel_immagini_listing.owl-carousel .owl-nav .owl-prev span,
.carousel_immagini_listing.owl-carousel .owl-nav .owl-next span {
display: none;
}

.carousel_immagini_listing.owl-carousel .owl-nav .owl-prev {
left: 5px;
background-image: url('/assets/img/misc/arrow-left-w.svg');
}

.carousel_immagini_listing.owl-carousel .owl-nav .owl-next {
right: 5px;
background-image: url('/assets/img/misc/arrow-right-w.svg');
}


.carousel_immagini_listing.owl-carousel .owl-nav .owl-prev.disabled,
.carousel_immagini_listing.owl-carousel .owl-nav .owl-next.disabled {
opacity: 0;
}

.listing-immobili .list-item .list-img .image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}

.listing-immobili .list-item .list-img .image img {
width: 100%;
height: 100%;

}

.listing-immobili .list-item .list-data {
flex-grow: 1;
margin-left: 30px;
flex-basis: 0;
position: relative;
padding-bottom: 50px;
}

.listing-immobili .list-item .list-data .title,
.listing-immobili .list-item .list-data .desc {
max-width: 700px;
}

.listing-immobili .list-item .list-data .title {
margin-bottom: 0;
font-weight: 300;
font-size: 26px;
}

.listing-immobili .list-item .list-data .title a {
color: #616467;
font-family: 'Barlow Condensed', sans-serif;
}

.listing-immobili .list-item .list-data .price {
position: absolute;
right: 0;
top: -1px;
font-size: 32px;
    font-family: 'Barlow Condensed', sans-serif;
}


.listing-immobili .list-item .list-data .price.ribassato.prezzo {
top: 34px;
font-size: 16px;
color: gray;
margin-right: 50px;
text-decoration: line-through;
}
.listing-immobili .list-item .list-data .price.ribassato.percentuale {
	top: 34px;
	margin-right: 0px;
	font-size: 16px;
	color: gray;
}
.listing-immobili .list-item .list-data .price.ribassato.percentuale img {
	width: 20px;
    margin-right: -4px;
	vertical-align: sub;
}

.listing-immobili .list-item .list-data .riferimento {
font-size: 15px;
margin-bottom: 7px;
position: absolute;
right: 0;
top: 34px;
}

.listing-immobili .list-item .list-data .riferimento.ribassato {
	top: 54px;
}

.listing-immobili .list-item .list-data .city {
font-size: 18px;
color: #616467;
padding-top: 10px;
text-transform: uppercase;
font-family: 'Barlow Condensed', sans-serif;
}
.listing-immobili .list-item .list-data .city b {
	font-weight: 700;
}

.listing-immobili .list-item .list-data .type {
font-size: 16px;
display: flex;
margin: 10px 0;
font-family: 'Barlow Condensed', sans-serif;
}

.listing-immobili .list-item .list-data .type > div {
height: 18px;
line-height: 18px;
}

.listing-immobili .list-item .list-data .type > div + div {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #ddd;
}

.listing-immobili .list-item .list-data .type > div > span {
font-weight: 600;
}

.listing-immobili .list-item .list-data .desc {
font-size: 15px;
}

.listing-immobili .list-item .list-data .details {
	position: absolute;
	display: flex;
	flex-direction: row;
	right: 0;
	bottom: 0;
}
.listing-immobili .list-item .list-data .details img {
	width: 36px;
	margin-left: 16px;
}

.listing-immobili .list-item .list-data .list-CTA {
position: absolute;
left: 0;
bottom: 0;
font-size: 21px !important;
line-height: 21px !important;
}

.listing-immobili .list-item .list-data .list-CTA.second-CTA {
left: 252px;
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1399.98px) {
	.listing-immobili .list-item .list-data .title,
	.listing-immobili .list-item .list-data .desc {
	max-width: 650px;
	}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.listing-immobili .list-item .list-data .title,
	.listing-immobili .list-item .list-data .desc {
	max-width: 650px;
	}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.listing-immobili .list-item .list-img {
	width: 350px;
	position: relative;
	}

	.listing-immobili .list-item .list-data .details {
		display: none;
	}

	.listing-immobili .list-item .list-data .price,
	.listing-immobili .list-item .list-data .title {
	font-size: 24px;
	line-height: 26px;
	}

	.listing-immobili .list-item .list-data .price {
		right: 0;
		bottom: 0;
		font-size: 26px;
		top: unset !important;
		position: absolute !important;
	}
	.listing-immobili .list-item .list-data .price.prezzo {
		right: 57px;
		bottom: 38px;
		top: unset !important;
		position: absolute !important;
	}
	.listing-immobili .list-item .list-data .price.ribassato.percentuale {
		right: 15px;
		bottom: 38px;
		top: unset !important;
		position: absolute !important;
	}
	.listing-immobili .list-item .list-data .riferimento {
		right: 0;
		bottom: 24px;
		top: unset !important;
		position: absolute !important;
	}
	.listing-immobili .list-item .list-data .riferimento.ribassato {
		right: 0;
		bottom: 60px;
		top: unset !important;
		position: absolute !important;
	}
	

	.listing-immobili .list-item .list-data .riferimento {
	position: static;
	}

    .listing-immobili .list-item .list-data .list-CTA {
    min-width: 160px;
    }

    .listing-immobili .list-item .list-data .list-CTA.second-CTA {
    left: 190px;
    }

}

.listing-immobili .hero.fs .title {
	padding: 50px 0;
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

	.listing-immobili .list-item .list-data .price {
		right: 15px;
		bottom: 15px;
		font-size: 26px;
		top: unset !important;
		position: absolute !important;
	}

	.listing-immobili .list-item .list-data .riferimento {
		right: 15px;
		bottom: 44px;
		top: unset !important;
		position: absolute !important;
	}
	.listing-immobili .list-item .list-data .riferimento.ribassato {
		right: 15px;
		bottom: 60px;
		top: unset !important;
		position: absolute !important;
	}

	.listing-immobili #footer {
		margin-top: 32px !important;
	}

	#container-cercare-casa {
		padding-left: 0 !important;
		padding-right: 0 !important;
		background-color: white !important;
	}

body.listing-immobili .agenForm {
		left: 0 !important;
		width: 100% !important;
	}

	body.listing-immobili .agenForm .step {
		background-color: #f7f7f6 !important;
	}

	body.listing-immobili .agenForm .step-next {
		background-color: #f7f7f6 !important;
	}

.listing-immobili .main-section.first-section {
margin-top: 0;
padding-top: 86px;
}

.listing-immobili h3.num-immobili {margin-bottom: 20px;line-height: 38px;font-size: 16px;}

.listing-immobili .filter-item {
margin-top: 0px;
width: 100%;
font-size: 13px;
margin-bottom: 15px;
}

.listing-immobili .filter-item select {
width: 100%;
height: 36px;
margin-left: 0;
padding: 0 7px;
margin-top: 5px;
}

.listing-immobili .list-item {
position: relative;
flex-wrap: wrap;
padding: 0;
padding-bottom: 84px !important;
}

.listing-immobili .list-item .list-img {
	width: 100%;
	height: calc((100vw - 34px) / 1.515);
	/* 1.515 è per dimensionare correttamente le immagini degli immobili ad un rapporto preciso su mobile*/
	order: 1;
	margin: 0;
    border-radius: 6px 6px 0 0;
}

.listing-immobili .list-item .carousel_immagini_listing,
.listing-immobili .list-item .carousel_immagini_listing .owl-stage-outer,
.listing-immobili .list-item .carousel_immagini_listing .owl-stage,
.listing-immobili .list-item .carousel_immagini_listing .owl-stage .owl-item ,
.listing-immobili .list-item .carousel_immagini_listing .owl-stage .owl-item image {
	height: 100%;
}

.listing-immobili .list-item .list-data {
position: static;
padding: 16px;
margin: 0;
order: 2;
}

.listing-immobili .list-item .list-data .price.ribassato.prezzo {
	margin-right: 0px;
}

.listing-immobili .list-item .list-data .list-CTA {
position: absolute;
right: 0;
bottom: 80px;
}

.listing-immobili .list-item .list-data .list-CTA.second-CTA {
left: 0;
bottom: 30px;
}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}



/*--------------------------------
DETTAGLIO IMMOBILE
---------------------------------*/

body.dettaglio-immobili section.dettaglio-immobile {
	padding-top: 96px;
}

.dettaglio-immobili section.container {
	padding-top: 100px;
	max-width: 1340px;
}

.dettaglio-immobili h2.title {
margin-bottom: 5px;
font-size: 44px;
color: #616467;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 400;
}
.dettaglio-immobili h2.title b {
font-weight: 700;
}

.dettaglio-immobili .city {
font-size: 15px;
}

.dettaglio-immobili .detail-main {
display: flex;
margin: 0 -15px;
}


.dettaglio-immobili .detail-data {
width: 66.66666666%;
padding: 0 15px;
}

.dettaglio-immobili .detail-side {
width: 33.33333333%;
padding: 0 15px;
}

.dettaglio-immobili .detail-side .price {
margin-top: 30px;
font-size: 56px;
line-height: 35px;
height: 70px;
margin-bottom: 15px;
text-align: right;
padding-top: 10px;
font-family: 'Barlow Condensed';
font-weight: 400;
color: #4c0505;
}

.dettaglio-immobili .detail-side .price span {
font-size: 18px;
color: #616467;
}

.detail-form.sticky-top {
top: 100px;
border-radius: 6px;
overflow: hidden;
}

.detail-form .form-title {
background: #a7a8a9;
font-size: 23px;
color: #616467;
height: 70px;
line-height: 50px;
padding: 10px 15px;
font-family: 'Barlow Condensed', sans-serif;
}

.detail-form .form-content {
padding: 15px;
background: #f7f7f7;
text-align: center;
}

.detail-form .form-content p {
	text-align: left;
	margin-top: 12px;
	font-size: 18px;
}

.detail-form textarea {
width: 100%;
height: 150px;
padding: 10px;
border: 0;
border: 2px solid rgb(221, 221, 221);
transition: linear all 150ms;
outline: none !important;
font-size: 18px;
background: #f7f7f6;
resize: none;
border-radius: 6px;
}

.detail-form .field-container input[type=tel],
.detail-form .field-container input[type=email],
.detail-form .field-container input[type=text],
.detail-form .field-container input[type=number] {
	background-color: #f7f7f6 !important;
	border: 2px solid rgb(221, 221, 221) !important;
}

.detail-form .btn {
	background-color: #4c0505 !important;
    color: white !important;
    border-radius: 6px !important;
    padding: 6px 24px !important;
    color: white !important;
    font-weight: 600 !important;
    min-width: auto !important;
    height: auto !important;
    width: auto !important;
    line-height: normal !important;
    font-size: 21px !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    margin-top: 32px !important;
}

.detail-form textarea:focus {
border-bottom: 2px solid #4c0505;
}

.hotlink-container {
margin-top: 0px;
display: flex;
}

.hotlink-container .hotlinks {
border: 1px solid #ddd;
padding: 10px;
border-radius: 0px;
cursor: pointer;
width: 25%;
text-align: center;
border: none;
background-color: #f7f7f6;
border-radius: 6px;
margin-top: 16px;
margin-left: 10px;
}

.hotlink-container.tour-active .hotlinks {
width: 20%;
}

.hotlink-container .hotlinks:first-child {
	margin-left: 0;
}


.hotlink-container .hotlinks img {
height: 34px;
margin-bottom: 5px;
margin-top: 5px;
}

.hotlink-container .hotlinks div {
font-size: 14px;
line-height: 21px;
}
.hotlink-container .hotlinks div span {
font-size: 18px;
}



.dettaglio-immobili .tab-contents {
margin-bottom: 0;
border-radius: 6px;
overflow: hidden;
background-color: #f7f7f6;
}

.dettaglio-immobili .tab-contents .first-gallery-iamge {width: 100%;padding-bottom: 66.666666%;background-size: contain;background-repeat:no-repeat;background-position: center;background-color: #f7f7f6;cursor: pointer;position: relative;}

.dettaglio-immobili .tab-contents .first-gallery-iamge .photo-counter {
background: #fff;
position: absolute;
padding:7px 10px 7px 37px;
font-size: 12px;
font-weight: 600;
bottom: 20px;
right: 20px;
border-radius: 3px;
border: 2px solid #616467;
}

.dettaglio-immobili .tab-contents .first-gallery-iamge .photo-counter img {
width: 18px;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
}

.detail-block {
margin-top: 40px;
}

.detail-block .row > div {
padding-bottom: 10px;
}

.detail-block .map {
min-height: 600px;
border-radius: 6px;
}

.detail-block h3 {
padding-bottom: 10px;
margin-bottom: 10px;
font-weight: 400;
font-family: 'Barlow Condensed', sans-serif;
font-size: 32px;
padding-left: 16px;
}

.detail-block.descrizione p {
	background-color: #f7f7f6;
    border-radius: 6px;
	padding: 16px;
}

.detail-block #detail-block-container {
	background-color: #f7f7f6;
    border-radius: 6px;
	padding: 16px;
}

.detail-block.bullets span {
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
font-size: 15px;
border: 1px solid #ddd;
margin: 5px 10px 10px 0;
}

.detail-block b {
	font-weight: 700;
}

.detail-block.bullets span + span {
}


div.CE {
background: red;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 15px;
color: #fff;
position: relative;
font-family: 'Barlow', sans-serif;
font-size: 20px;
}

div.CE.classeA4 { background: #758792; }
div.CE.classeA3 { background: #1f8f85; }
div.CE.classeA2 { background: #1e8f6e; }
div.CE.classeA1 { background: #6ac335; }
div.CE.classeB { background: #abdc7d; }
div.CE.classeC { background: #fdfa00; }
div.CE.classeD { background: #fdc800; }
div.CE.classeE { background: #f48000; }
div.CE.classeF { background: #ee4e42; }
div.CE.classeG { background: #eb3d00; }

div.CE:before {
content: "";
width: 0px;
height: 0px;
position: absolute;
top: 0px;
right: 0px;
transform: translateX(100%);
border-width: 20px;
border-style: solid;
border-color: transparent transparent transparent rgb(247, 6, 4);
border-image: initial;
}

div.CE.classeA4:before { border-color: transparent transparent transparent #758792; }
div.CE.classeA3:before { border-color: transparent transparent transparent #1f8f85; }
div.CE.classeA2:before { border-color: transparent transparent transparent #1e8f6e; }
div.CE.classeA1:before { border-color: transparent transparent transparent #6ac335; }
div.CE.classeB:before { border-color: transparent transparent transparent #abdc7d; }
div.CE.classeC:before { border-color: transparent transparent transparent #fdfa00; }
div.CE.classeD:before { border-color: transparent transparent transparent #fdc800; }
div.CE.classeE:before { border-color: transparent transparent transparent #f48000; }
div.CE.classeF:before { border-color: transparent transparent transparent #ee4e42; }
div.CE.classeG:before { border-color: transparent transparent transparent #eb3d00; }

.detail-data-block {
display: flex;
margin-top: 30px;
margin-bottom: 15px;
}

.data-item {
flex-grow: 1;
background: #f7f7f7;
padding: 7px 15px;
min-height: 70px;
align-items: center;
display: flex;
flex-wrap: wrap;
text-align: center;
border-radius: 6px;
}

.data-item + .data-item {
margin-left: 10px;
}

.data-item .one {
display: flex;
height: 34px;
align-items: center;
margin: auto;
}

.data-item .one span {
display: inline-block;
height: 30px;
line-height: 30px;
font-size: 20px;
}

.data-item .one img {
height: 34px;
}


.data-item .two {
font-size: 14px;
width: 100%;
}

.data-item .two b {
font-size: 18px;
}

/****************************
Modal Gallery
****************************/

#miniContact,
.modal-gallery {
z-index: 99999999;
}

.modal-backdrop.show {
poacity: 0.8;
z-index: 9999999;
}

.modal-gallery .modal-dialog {
height: 90vh;
}

.modal-gallery .modal-dialog .modal-content {
height: 100%;
flex-grow: 1;
flex-shrink: 1;
border-radius: 0;
border: 0;
}

.modal-gallery .modal-body {
padding: 0;
position: relative;
flex-grow: 1;
flex-shrink: 1;
max-height: calc(100% - 73px);
height: calc(100% - 73px);
}

.modal-gallery .modal-body .close {opacity: 1;text-shadow: 0 0 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);right: 10px;top: 10px;position: absolute;width: 40px;height: 40px;outline: 0!important;transition: linear 150ms background,linear 150ms border;font-size: 0;box-sizing: content-box;z-index: 9;background: #4c0505;border-radius: 50%;/* border: 2px solid #fff; */transition: all linear 150ms;}

.modal-gallery .modal-body .close:before {
content: "";
display: block;
width: 2px;
height: 20px;
background: #fff;
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%,-50%);
-webkit-transform: translate(50%,-50%);
}

.modal-gallery .modal-body .close:after {
content: "";
display: block;
width: 20px;
height: 2px;
background: #fff;
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%,-50%);
-webkit-transform: translate(50%,-50%);
}

.modal-gallery .modal-footer {
padding: 0;
margin-top: -1px;
border-radius: 0;
}

.tab-photo-gallery {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}

.tab-photo-gallery iframe {
width: calc(100% + 20px) !important;
height: 100% !important;
overflow: hidden !important;
border: 0 !important;
}

.tab-photo-gallery #street-view,
.tab-photo-gallery .map {
width: 100%;
height: 100%;
}

.tab-photo-gallery .photo-counter {
position: absolute;
top: 10px;
left: 10px;
background: #fff;
z-index: 9;
color: #4c0505;
height: 40px;
line-height: 40px;
padding: 0 15px;
font-weight: 500;
font-size: 14px;
border-radius: 2px;
border: 0px !important;
}

.photo_gallery {
height: 100%;
max-height: 100%;
}

.photo_gallery.owl-carousel .owl-stage-outer {
padding: 0 !important;
width: 100%;
}

.photo_gallery.owl-carousel .owl-stage,
.photo_gallery.owl-carousel.owl-drag .owl-item {
height: 100%;
}

.photo_gallery .item {
height: 100%;
width: 100%;
display: flex;
background-color: #ddd;
justify-content: center;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.photo_gallery .item img {
max-width: 100%;
width: auto;
max-height: 100%;
}

.photo_gallery .owl-nav {
display: block;
}

.photo_gallery.owl-carousel .owl-nav .owl-prev,
.photo_gallery.owl-carousel .owl-nav .owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 35px;
height: 57px;
outline: none !important;
background-size: 70%;
background-repeat: no-repeat;
background-position: center;
}

.photo_gallery.owl-carousel .owl-nav .owl-prev span,
.photo_gallery.owl-carousel .owl-nav .owl-next span {
display: none;
}

.photo_gallery.owl-carousel .owl-nav .owl-prev {
left: 10px;
background-image: url('/assets/img/misc/arrow-left-w.svg');
}

.photo_gallery.owl-carousel .owl-nav .owl-next {
right: 10px;
background-image: url('/assets/img/misc/arrow-right-w.svg');
}

.tabs-buttons {
display: flex;
width: 100%;
}

.tabs-buttons > div {
width: 25%;
text-align: center;
border: 1px solid #ddd;
border-left: 0;
cursor: pointer;
height: 73px;
transition: all linear 150ms;
padding-top: 4px;
}

.tabs-buttons > div img {
width: 34px;
margin-bottom: 5px;
margin-top: 5px;
}

.tabs-buttons > div div {
font-size: 10px;
}

.tabs-buttons div:first-child {/* border-left: 1px solid #616467; */border-radius: 0;}

.tabs-buttons div:last-child {
border-radius: 0;
}

.tabs-buttons div.active {
background: #f7f7f7;
}



.radio-container {
display: flex;
justify-content: space-between;
}

.radio-container .radio-item {
width: 48%;
background: #fff;
height: 42px;
line-height: 40px;
cursor: pointer;
border-radius: 50px;
transition: all linear 150ms;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
color: #616467;
position: relative;
border: 2px solid #4c0505;
}

.alert-field .radio-item {
color: #db4035;
border: 2px solid #db4035;
}

.alert-field.radio-container .radio-item:before {
border: 2px solid #db4035;
}

.radio-container .radio-item:hover {
color: #4c0505;
}

.radio-container .radio-item:before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
border-radius: 50%;
top: 10px;
left: 10px;
border: 2px solid #4c0505;
background: #fff;
}

.radio-container .radio-item:after {
content: "";
display: block;
width: 10px;
height: 10px;
position: absolute;
border-radius: 50%;
top: 15px;
left: 15px;
background: #ddd;
opacity: 0;
transition: linear all 150ms;
}

.radio-container .radio-item:hover:after {
opacity: 1;
}

.radio-container > input {
width: 0;
height: 0;
visibility: hidden;
position: absolute;
}

.radio-container input[type="radio"]:checked + label {
background: #4c0505;
color: #fff;
border: 2px solid #4c0505;
}

.radio-container input[type="radio"]:checked + label:before {
border: 2px solid #4c0505;
}

.radio-container input[type="radio"]:checked + label:after {
opacity: 1;
background: #4c0505;
}

#miniContact .modal-body .close {
opacity: 1;
text-shadow: 0 0 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
right: 10px;
top: 10px;
position: absolute;
width: 40px;
height: 40px;
outline: 0!important;
transition: linear 150ms background,linear 150ms border;
font-size: 0;
box-sizing: content-box;
z-index: 9;
background: #4c0505;
border-radius: 50%;
transition: all linear 150ms;
}

#miniContact .modal-body .close:before {
content: "";
display: block;
width: 2px;
height: 20px;
background: #fff;
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%,-50%);
-webkit-transform: translate(50%,-50%);
}

#miniContact .modal-body .close:after {
content: "";
display: block;
width: 20px;
height: 2px;
background: #fff;
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%,-50%);
-webkit-transform: translate(50%,-50%);
}

#miniContact h3 {
border-bottom: 1px solid #ddd;
padding-bottom: 16px;
font-size: 28px;
color: #616467;
}

#miniContact .contacts-box {
display: flex;
}

.contacts-box .f-phone,
.contacts-box .f-mail {
width: 50%;
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

.filter-container {
display: block;
}

.filter-container + .filter-container {
margin-left: 0;
border-left: 1px solid #f7f7f7;
padding-left: 0;
}

.fields-container .field {

}

.fields-container .field + .field {
margin-left: 15px;
}

.fields-container .field {
width: 110px;

}

.listing-filters-container .filter-container:nth-child(2) .field {
width: 140px;
}

.listing-filters-container .filter-container:last-child .field {
width: 140px;
}

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {


.fields-container .field {
width: 110px;
}

.fields-container .field + .field {
margin-left: 10px;
}

.listing-filters-container .filter-container:nth-child(2) .field {
width: 100px;
}

.listing-filters-container .filter-container:last-child .field {
width: 100px;
}


h3.price {
margin-bottom: 0;
margin-top: 15px;
font-size: 30px;
}

.dettaglio-immobili .detail-main {
flex-wrap: wrap;
margin: 0 -15px;
}

.dettaglio-immobili .detail-data {
width: 100%;
padding: 0 15px;
margin-top: -16px;
}

.dettaglio-immobili .detail-side {
width: 100%;
padding: 0 15px;
margin-top: 30px;
}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

.listing-immobili .agenForm #step_1.step {
	background: #f7f7f6 !important;
}

.listing-immobili  .switch-categoria .affittare {
	color: #616467 !important;
}

.detail-block h3 {
	padding-left: 0;
}		

.dettaglio-immobili section.container {
	padding-top: 70px;
}

.listing-immobili .order-filter h2 {
margin-bottom: 10px;
font-size: 30px;
color: #616467;
}

#filters-toggle {
min-width: 100%;
}

.listing-filters-container {flex-wrap: wrap;padding-top: 0px;margin-top: 0;}

.filter-container {
width: 100%;
margin-top: 10px;
}

.listing-filters-container .filter-container:last-child .field select,
.listing-filters-container .filter-container:nth-child(2) .field select,
.listing-filters-container .filter-container:nth-child(2) .field,
.listing-filters-container .filter-container:last-child .field {
width: 100%;
}

.fields-container {
justify-content: space-between;
}

.fields-container .field {
width: 48%;
}

.fields-container .field + .field {
margin-left: 0;
}

.fields-container .field select {
width: 100%;
}

.listing-immobili .hero.fs .agenForm {
border: 0px solid #ddd;
}


.listing-immobili .hero.fs {
padding-top: 0 !important;
margin-top: 0;
}

.listing-immobili .hero.fs .title {
min-height: 0;
background: #fff;
}

.listing-immobili .hero.fs .title h1 {
margin-bottom: 0;
}

.photo_gallery.owl-carousel .owl-nav .owl-prev, .photo_gallery.owl-carousel .owl-nav .owl-next {
width: 23px;
}

.modal-gallery .modal-dialog {
margin: 0 !important;
height: auto !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
}

.tabs-buttons > div {
width: 25%;
text-align: center;
border: 1px solid #ddd;
border-left: 0;
cursor: pointer;
height: 73px;
border-bottom: 0 !important;
}

.tabs-buttons > div img {
width: 34px;
margin-bottom: 5px;
margin-top: 5px;
}

.tabs-buttons > div div {
font-size: 10px;
}

.tabs-buttons div:first-child {
border-left: 0 !important;
}

.tabs-buttons div:last-child {
border-right: 0 !important;
}




#miniContact h3 {
border-bottom: 1px solid #ddd;
padding-bottom: 16px;
font-size: 20px;
}

#miniContact .contacts-box {
display: flex;
flex-wrap: wrap;
}

.contacts-box .f-phone,
.contacts-box .f-mail {
width: 100%;
margin-bottom: 10px;
}

.hotlink-container .hotlinks {
padding: 5px;
}

.hotlink-container .hotlinks:first-child {
}


.hotlink-container .hotlinks img {
width: 30px;
}

.hotlink-container .hotlinks div {
font-size: 11px;
}
.hotlink-container .hotlinks div span {
font-size: 16px;
}

.dettaglio-immobili h2.title {
font-size: 26px;
margin-bottom: 7px;
}

.dettaglio-immobili .city {
font-size: 15px;
}


h3.price {
margin-top: 10px;
font-size: 20px;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 400;
}

.detail-data-block {
margin-bottom: 10px;
}

.data-item {
padding: 3px 7px;
min-height: 50px;
}

.data-item + .data-item {
margin-left: 5px;
}

.data-item .one {
display: flex;
height: 42px;
align-items: center;
}

.data-item .one span {
height: 20px;
line-height: 20px;
font-size: 14px;
}

.data-item .one img {
width: 30px;
margin-left: 0px;
}

.data-item .two {
font-size: 12px;
width: 100%;
}


.data-item .two b {
font-size: 12px;
}


.detail-block {
margin-top: 20px;
}

.detail-block p {
font-size: 16px;
}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 767.98px) {

	.listing-immobili .slider-value-left,
	.listing-immobili .slider-value-right {
		margin: 0 !important;
	}
}

@media (min-width: 767.98px) {
	body.dettaglio-immobili section.dettaglio-immobile {
		padding-top: 112px;
	}
}

.listing-immobili #prezzo-affitto-slider,
.listing-immobili #prezzo-vendita-slider,
.listing-immobili #superficie-slider,
.listing-immobili #locali-slider { 
	min-width: 120px;
    flex-grow: 1;
    margin-left: 16px;
	margin-right: 16px;
	height: 5px;
    background: #a7a8a9;
    border-radius: 8px;
    border: none !important;
    border-bottom: 0;
}
.listing-immobili #prezzo-affitto-slider .ui-slider-handle,
.listing-immobili #prezzo-vendita-slider .ui-slider-handle,
.listing-immobili #superficie-slider .ui-slider-handle,
.listing-immobili #locali-slider .ui-slider-handle {
	display: block;
	width: 6px;
	height: 24px;
	background: #4c0505;
	position: absolute;
	left: 3px;
	top: -11px;
	border-radius: 6px;
	cursor: pointer;
	border: 0;
	outline: none !important;
	margin-top: 1px;
	margin-left: -3px;
}
.listing-immobili #prezzo-affitto-slider .ui-slider-range,
.listing-immobili #prezzo-vendita-slider .ui-slider-range,
.listing-immobili #superficie-slider .ui-slider-range,
.listing-immobili #locali-slider .ui-slider-range {
	background: #4c0505;
}

.listing-immobili .slider-value-left,
.listing-immobili .slider-value-right {
	width: 80px;
    height: 38px;
    background-color: inherit;
    border: 2px solid #a7a8a9;
	border-radius: 6px;
	text-align: center;
	line-height: 33px;
	font-size: 14px;
}
.listing-immobili .slider-value-left {
    margin-right: 12px;
}
.listing-immobili .slider-value-right {
    margin-left: 12px;
}


/* PRIMI 6 IMMOBILI DA FAR VEDERE A MOSAICO */
@media (min-width: 991.98px) {
	#immobili-container:after {
		content: "";
		flex: auto;
		max-width: calc(33% - 16px);
	}
	#immobili-container.no-after:after {
		content: none !important;
		flex: none !important;
		width: 0 !important;
	}

	.listing-immobili .list-item:nth-of-type(1),
	.listing-immobili .list-item:nth-of-type(2),
	.listing-immobili .list-item:nth-of-type(3),
	.listing-immobili .list-item:nth-of-type(4),
	.listing-immobili .list-item:nth-of-type(5),
	.listing-immobili .list-item:nth-of-type(6) {
		flex-basis: 30% !important;
		max-width: calc(33% - 16px) !important;
		flex-direction: column !important;
		flex-grow: 1 !important;
	}
}

@media (min-width: 767.98px) {

	#immobili-container {
		width: 100%;
		min-height: 1px;
		justify-content: space-between;
	}

	.listing-immobili .list-item:nth-of-type(1),
	.listing-immobili .list-item:nth-of-type(2),
	.listing-immobili .list-item:nth-of-type(3),
	.listing-immobili .list-item:nth-of-type(4),
	.listing-immobili .list-item:nth-of-type(5),
	.listing-immobili .list-item:nth-of-type(6) {
		flex-basis: 45%;
		max-width: calc(50% - 16px);
		flex-direction: column;
		flex-grow: 1;
	}

	.listing-immobili .list-item:nth-of-type(1) .desc,
	.listing-immobili .list-item:nth-of-type(2) .desc,
	.listing-immobili .list-item:nth-of-type(3) .desc,
	.listing-immobili .list-item:nth-of-type(4) .desc,
	.listing-immobili .list-item:nth-of-type(5) .desc,
	.listing-immobili .list-item:nth-of-type(6) .desc {
		display: none;
	}

	.listing-immobili .list-item:nth-of-type(1) .list-img,
	.listing-immobili .list-item:nth-of-type(2) .list-img,
	.listing-immobili .list-item:nth-of-type(3) .list-img,
	.listing-immobili .list-item:nth-of-type(4) .list-img,
	.listing-immobili .list-item:nth-of-type(5) .list-img,
	.listing-immobili .list-item:nth-of-type(6) .list-img {
		height: auto;
		width: calc(100% + 32px);
		border-radius: 6px 6px 0 0;
	}
	
	.listing-immobili .list-item:nth-of-type(1) .list-data,
	.listing-immobili .list-item:nth-of-type(2) .list-data,
	.listing-immobili .list-item:nth-of-type(3) .list-data,
	.listing-immobili .list-item:nth-of-type(4) .list-data,
	.listing-immobili .list-item:nth-of-type(5) .list-data,
	.listing-immobili .list-item:nth-of-type(6) .list-data {
		margin-left: 0;
		margin-top: 32px;
	}

	.listing-immobili .list-item:nth-of-type(1) .price,
	.listing-immobili .list-item:nth-of-type(2) .price,
	.listing-immobili .list-item:nth-of-type(3) .price,
	.listing-immobili .list-item:nth-of-type(4) .price,
	.listing-immobili .list-item:nth-of-type(5) .price,
	.listing-immobili .list-item:nth-of-type(6) .price {
		top: unset !important;
		bottom: -7px;
	}
	.listing-immobili .list-item:nth-of-type(1) .price.ribassato.prezzo,
	.listing-immobili .list-item:nth-of-type(2) .price.ribassato.prezzo,
	.listing-immobili .list-item:nth-of-type(3) .price.ribassato.prezzo,
	.listing-immobili .list-item:nth-of-type(4) .price.ribassato.prezzo,
	.listing-immobili .list-item:nth-of-type(5) .price.ribassato.prezzo,
	.listing-immobili .list-item:nth-of-type(6) .price.ribassato.prezzo {
		top: unset !important;
		bottom: 28px;
	}
	.listing-immobili .list-item:nth-of-type(1) .price.ribassato.percentuale,
	.listing-immobili .list-item:nth-of-type(2) .price.ribassato.percentuale,
	.listing-immobili .list-item:nth-of-type(3) .price.ribassato.percentuale,
	.listing-immobili .list-item:nth-of-type(4) .price.ribassato.percentuale,
	.listing-immobili .list-item:nth-of-type(5) .price.ribassato.percentuale,
	.listing-immobili .list-item:nth-of-type(6) .price.ribassato.percentuale {
		top: unset !important;
		bottom: 26px;
	}
	.listing-immobili .list-item:nth-of-type(1) .riferimento,
	.listing-immobili .list-item:nth-of-type(2) .riferimento,
	.listing-immobili .list-item:nth-of-type(3) .riferimento,
	.listing-immobili .list-item:nth-of-type(4) .riferimento,
	.listing-immobili .list-item:nth-of-type(5) .riferimento,
	.listing-immobili .list-item:nth-of-type(6) .riferimento {
		top: unset !important;
		bottom: 26px;
	}
	.listing-immobili .list-item:nth-of-type(1) .riferimento.ribassato,
	.listing-immobili .list-item:nth-of-type(2) .riferimento.ribassato,
	.listing-immobili .list-item:nth-of-type(3) .riferimento.ribassato,
	.listing-immobili .list-item:nth-of-type(4) .riferimento.ribassato,
	.listing-immobili .list-item:nth-of-type(5) .riferimento.ribassato,
	.listing-immobili .list-item:nth-of-type(6) .riferimento.ribassato {
		top: unset !important;
		bottom: 46px;
	}

	.listing-immobili .list-item:nth-of-type(1) .details,
	.listing-immobili .list-item:nth-of-type(2) .details,
	.listing-immobili .list-item:nth-of-type(3) .details,
	.listing-immobili .list-item:nth-of-type(4) .details,
	.listing-immobili .list-item:nth-of-type(5) .details,
	.listing-immobili .list-item:nth-of-type(6) .details {
		display: none;
	}
}

body.listing-immobili form .field-container select {
	border: 2px solid #a7a8a9;
}
body.listing-immobili .custom-switch .custom-control-label::before,
body.listing-immobili .custom-control-input:checked~.custom-control-label::before {
	background-color: #a7a8a9;
}

.listing-immobili .agenForm .step .step-title {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 700;
}

#box-vendi-casa h3 {
	font-family: 'Barlow Condensed', sans-serif;
}