﻿/* --- FONT --- */
@import url(https://fonts.googleapis.com/css?family=Oswald|Lato:400,700|Open+Sans:400,700,400italic,700italic);


/* --- DINAMICI --- */
body {
	font-family: 'Open Sans', Tahoma, Arial, sans-serif;
	font-size: 15px;
	color: #333333;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: #FFFFFF;	
	background-image: url('/web/templates/25/images/background3a.jpg');
	background-repeat: repeat;
	background-size: initial;
}

h1 {
	color:#B22222;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	font-style:normal;
	text-decoration:none;
}

h2 {
	color:#888888;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	font-style:normal;
	text-decoration:none;
}

h3 {
	color:#B22222;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-style:normal;
	text-decoration:none;	
}

h4 {
	color:#333333;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style:normal;
	text-decoration:none;
}


.colore1 {
	color:#333333;
}

.colore2 {
	color:#FFFFFF;
}

.colore3 {
	color:#EEEEEE;
}

.sfondo_colore1 {
	background-color:#FFFFFF;
}

.sfondo_colore2 {
	background-color:#808080;
}

.sfondo_colore3 {
	background-color:#D4BC5C;
}

a {
	color:#B22222; 
	text-decoration:none;
}

a:visited {
	color:#B22222; 
	text-decoration:none;
}

a:hover {
	color:#B22222; 
	text-decoration:none;
}

.pulsante {
	color:#FFFFFF;
	background-color:#CC6600;
	border-color: #CC6600;
	border-width: 0px;
	border-style: solid;
}

.pulsante:hover {
	color:#FFFFFF;
	background-color:#CC6600;	
}


/* --- GENERICI --- */
html, body {height:100%; box-sizing:border-box; margin:0; padding:0;}
a {text-decoration:none;}
a:focus {outline:0}
a:active {text-decoration:none; outline:0}
a.pulsante {padding: 5px 20px; line-height:2em;}
a.pulsante.small {padding:2px 10px; line-height:1.2em; font-size:.8em}
a.pulsante.big {padding:8px 30px; line-height:2em; font-size:1.5em; display:block; text-transform:uppercase; font-weight:bold;}
p {margin: 0 0 30px 0; line-height: 2em;}
hr {padding: 10px 0 0 0; clear: both; border: 0; border-bottom: 3px dashed #808080; background: transparent; float: none; display: block; margin: 0 0 10px 0;}
input.pulsante {cursor:pointer}
.heighter {clear:both; height:30px;}
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.textleft {text-align: left;}
.textright {text-align: right;}
.textcentered {text-align: center;}
.textjustified {text-align: justify;}
.invisible {display:none}
.nomeagenzia, .bold {font-weight:bold}
.capitalize {text-transform:capitalize}
.uppercase {text-transform:uppercase}
.hidden {display:none}
.onlymobile {display:none;}
.hiddenmobile {display:block;}
.pad {padding:10px}
.minpad {padding:5px}
.maxpad {padding:20px}
.nopadding {padding:0}
.topmargin {margin-top:10px}
.bottommargin {margin-bottom:10px}
.box {display:block; width:100%; border-radius:0px; text-align:justify; line-height:1.5em; padding:20px}
#cc-tag {display:none!important}

figure {background-repeat:no-repeat; background-size:cover; background-position:center center; display:block; text-align:center;}
figure a {display:inline-block}
img.responsive {max-width:100%; max-height:100%;}

cite {font-style:italic; line-height:1.2em; font-size:.9em; color:#555}

h1, h2, h3, h4, h5 {text-transform: uppercase; text-align:left;}
h1, h2 {margin-bottom: 20px;}
h3, h4, h5 {margin-bottom: 10px;}


/* --- PRE-RENDERING --- 
.sfondo_colore1 ,#topnav ul{background-color:rgba(255,255,255,.75);}
.sfondo_colore2, #topnav li li a:hover {background-color:rgba(128,128,128,.75);}
.sfondo_colore3, #secondarymenu li a  {background-color:rgba(212,188,092,.75);}
#topnav li a, #topnav li li a:hover, form input, form select, form textarea, form optgroup, label, form #opzioni legend {color:#333333}
#secondarymenu li a, #secondarymenu li a:visited, #secondarymenu li a:hover, .sfondo_colore3 form, .sfondo_colore3 form #opzioni legend, .sfondo_colore2 h1, .sfondo_colore2 h2, .sfondo_colore2 h3, .sfondo_colore2 label, .sfondo_colore3 h1, .sfondo_colore3 h2, .sfondo_colore3 h3, .sfondo_colore3 label {color:#FFFFFF;}
#secondarymenu li a:hover, .slicknav_nav li.active ul a:hover {background-color:rgba(212,188,092,1);}
a.pulsante, a.pulsante:visited, a.pulsante:active {color:#FFF}
hr {border-color: #808080;}
 --- FINE PRE-RENDERING --- */

.watermark-container {width:auto; height:auto; position:relative; text-align:center; display:table; margin:0 auto;}
.watermark {display:block; width:100%; height:100%; background-color:transparent; background-origin:padding-box; background-position:10px 10px; background-repeat:no-repeat; background-size:auto 30px;}
.watermark-container .watermark {position:absolute;}
.owl-carousel .watermark, .watermark-container .watermark {background-size:auto 70px; background-position:20px 20px;}
#colorbox #cboxLoadedContent .watermark {position:absolute; width:100%; height:93%; margin-bottom:30px; background-color:transparent; background-origin:padding-box; background-position:20px 20px; background-repeat:no-repeat; background-size:auto 70px; box-sizing:border-box;}
.owl-thumb-item {position:relative;}
.owl-thumb-item .watermark {position:absolute; background-position:3px 3px; background-size:20px auto; box-sizing:border-box;}

.venduto {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:transparent; opacity:1; text-transform:uppercase; letter-spacing:2px; font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:4rem; color:#FFF; text-align:center; display:flex; align-content:center; justify-content:center; align-items:center; z-index:99; text-shadow:0px 0px 2px #000, 0px 0px 10px #FFF, 1px 1px 2px #000; background-color:rgba(0,0,0,0.3); transition:all 0.5s ease-in-out;}
.venduto:hover {opacity:0;}


#cboxPrevious, #cboxNext {top:50%!important; width:50px!important; height:50px!important; line-height:50px!important; background-color:rgba(255,255,255,0.7)!important; margin-top:-25px!important; text-transform:uppercase; font-size:10px; color:#444; transition:all .5s ease-in; outline:0}
#cboxPrevious:hover, #cboxNext:hover {background-color:rgba(255,255,255,1)!important;}
#cboxPrevious {left:0px!important; right:auto!important; border-top-right-radius:10%; border-bottom-right-radius:10%;}
#cboxNext {right:0px!important; left:auto!important; border-top-left-radius:10%; border-bottom-left-radius:10%;}
#cboxCurrent {left:0!important;}

/* --- DEBUG --- */
blockquote.debug {background-color:#FFF; color:#000; padding:3px; margin-left:250px;}


/* --- LAYOUT --- */
.fullcontainer {width:100%; overflow: hidden; padding:4% 2% 200px 260px;}


/* --- NAVBAR --- */
.navbar.navbar-fixed-left {position:fixed; z-index:13; top:0; left:0; bottom:0; margin:0; border:0; width: 13%; width: 200px; border-radius:0;}
.navbar-header {display:none}
.navbar-header .smalllogo {padding:0px; margin:3px; float:left; height:49px; width:50% /*210px*/; background-repeat:no-repeat; background-position:center left; background-size:contain;}
.navbar-header .smalllogo img {height:49px; width:auto; max-width:210px; display:none}
.navbar-collapse {padding-right: 0px; padding-left: 0px;}
.navbar-brand, .navbar-nav>li>a {text-shadow:none;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color:#209532}
.navbar .logo, .navbar .logo img {width:100%; display:inline-block; margin-bottom:20px;}
body.nomarginnav .navbar {margin-bottom:0;}

.navbar-header button {
	position: relative; 
	float: right; 
	border: 1px solid transparent; 
	border-radius: 0px; 
	background: transparent;
	position: relative;
    padding: 9px 10px 6px 10px;
    margin-top: 8px;
    margin-right: 10px;
    margin-bottom: 8px;
    border:1px #000 solid;
}
.navbar-toggle:focus, .search-toggle:focus {outline: 0;}
.navbar-header i.fa {font-size:1.4em;}
.navbar-header button.phonecall {background:green; color:#FFF}

.menumobile {float:none; width:100%;}
.menumobile a {font-size:30px; padding:20px; display:inline-block;}

/* --- FOOTER --- */
footer {z-index:2; position:fixed; left:200px; right:0; bottom:0; text-align:center;}
footer .container {padding: 10px 15px 35px 70px; width:100%;}
footer .row {padding:0px; text-align:right;}
footer h4 {text-align:right; margin-bottom:5px;}
footer .authoring {display:inline-block; margin-left:20px;}
footer .footersocial a {margin:10px 5px; display:inline-block;}
footer .footersocial img {width:24px;}
footer .heighter {height:10px;}
footer #elenco-sedi-small {margin-bottom:5px;}
footer .sedi {margin:5px 0px;}
footer .sedi .nomeagenzia {font-size:1.1em;}


footer.relative {z-index:0; position:relative; left:0; right:0; bottom:0; text-align:center; padding-left:200px;}
.fullcontainer {padding-bottom:30px}
#page-home .fullcontainer {padding-bottom:200px}
#page-home footer.relative {z-index:12; position:fixed; left:200px; right:0; bottom:0; text-align:center; padding-left:0px;}
#page-home footer.relative .age-propertyre {margin-left: -35px; bottom: 45px;}
/* #page-home footer.relative #lingue {margin-left: -180px; width:160px;}   PER POSIZIONARLO SULLA COL SX */
#page-home footer.relative #lingue {margin-left: 10px; width: auto;}


/* --------- MENU --------- */
.nav>li>a:focus, .nav>li>a:hover {background:transparent;}
#topnav {margin: 0; padding: 0; list-style: none; float:right; width: 100%; max-height: calc(100vh - 210px); /*overflow-y: auto; overflow-x:hidden;*/ overflow:inherit; user-select: none; scrollbar-color: #888 #F5F5F5!important; scrollbar-width: thin!important;}
#topnav::-webkit-scrollbar {width: 6px;	background-color: #F5F5F5;}
#topnav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	border-radius: 10px; background-color: #FFF;}
#topnav::-webkit-scrollbar-thumb {background-color: #888}

#topnav li {position: relative; float: none; list-style:none; border-bottom:1px #CCC solid;}
#topnav li a {position:relative; display:block; padding:10px 20px 10px 10px; text-align:center; width:100%; line-height: 25px; text-align:right; font-size:1.2em; color:#333333;}
#topnav > li.active > a, #topnav > li:hover > a, #topnav > li li.active > a, #topnav > li.parentactive > a {color:#B22222;}
#topnav > li.parentactive > ul > li.parentactive > a {}
#topnav li.dropdown > a:after {content:'›'; position:absolute; right:8px;}
#topnav ul {display:none; padding: 0px; position: absolute; list-style:none; margin:0; left: 100%; margin-top:-45px;}
#topnav ul ul {left:100%; margin-left:0px; margin-top:-45px;}
#topnav > li li {padding: 0; color: #333; min-width:200px; }
#topnav > li li:first-child {padding: 0;}
#topnav li li a {padding: 10px 12px; text-decoration: none; text-align: left; text-decoration: none; width:100%;}
#topnav li li a:hover {color:#B22222;}
#topnav img {width:auto; height:auto; border:0; margin-top:7px}



#topnav ul > li.submenu > a:after {
	display: inline-block;
	position:absolute;
	margin:0;
	right:10px;
	vertical-align: middle;
	font-size: 15px;
	font-family: "foundation-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
	color: #CCC;
	content: "\f198";
}


.loghivari {text-align:center; margin-top:10px;}
.loghivari img {max-width:100px;}

/* --------- MENU MOBILE --------- */
#posmenumobile {padding:0}
.slicknav_menu, .slicknav_btn {display:none; background:#FFF; color:#333;}
.slicknav_nav {margin: 5px 0 0 0; position: absolute; z-index: 999; background-color: white; left: 0; width: 100%;}
.slicknav_nav a {color: #333; font-size:1em;}


.slicknav_nav a:active, 
.slicknav_nav li.active ul a:hover {
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
	background: #EEE; 
	color: #fff;
}
.slicknav_nav a:hover, 
.slicknav_nav a:hover *, 
.slicknav_nav .slicknav_row:hover,
.slicknav_nav li.parentactive > a,
.slicknav_nav li.parentactive > a * {
	background: #EEE; 
	color: #000;
	border-radius: 0px; 
}

.slicknav_nav li.active ul a {color: #333; background-color:#fff;}
.slicknav_nav li.active a, .slicknav_nav li.active > a.slicknav_row:hover, .slicknav_nav li.active > a.slicknav_row:hover * {background: #006699; color: #fff;}


/* --- BOTTONI SECONDARI --- */
#secondarymenu {display:block; float:right; width:auto; height:auto; list-style:none; margin:5% 5% auto auto; padding:0;}
#secondarymenu li {list-style:none; display:block; width:100%; margin:10px 0;}
#secondarymenu li a {display:block; width:100%; line-height:2.8em; font-size:1.8em; text-align:center; text-transform:uppercase; white-space: nowrap; padding:0 20px; min-width: 260px;}


/* --- BANNER --- */
#banner {width:100%; height:292px; background-position:center center; background-size:cover; background-repeat:no-repeat; position: relative; z-index:80;}


/* --- SHORTCUT --- */
.shortcuts {width:100%; margin-bottom:20px;}
#shortcut {margin-bottom:0px; padding:0;}
#shortcut .TitoloSC  {display:block; font-size:1.2em; color:#FFF; margin-bottom:5px; box-sizing:border-box; text-align:center;}
#shortcut .sc_menu {border:1px #CCC solid; padding:10px; margin-bottom:10px;}
#shortcut .sc_menu a.sc_link {background-color:#eee; display:block; width:100%; color:#333; font-weight:bold; font-size:0.9em; padding:2px 5px; margin:5px 0; box-sizing:border-box;}




/* --- ELENCO COMUNI --- */
.elencocomuni {display:block}
.elencocomuni ul {list-style:none; margin:0; padding:0; text-align:justify}
.elencocomuni ul li {margin:0 2px 5px 0; padding:0; /*float:left;*/ display:inline-block; width:auto; transition: all .2s ease-in-out; background-color:#F9F9F9;}
.elencocomuni ul li:hover {background-color:#EEE; background-color:rgba(0,0,0,0.2)}
.elencocomuni ul li a {font-size:1em; display:block; margin:0; width:auto; padding:1px 4px;}
.elencocomuni ul.pochi li a {font-size:1em;}




/* --- GRUPPI --- */
#elencoagenzie {}
#elencoagenzie .agenzia {clear:both; padding:10px 0; border-top:1px #000 solid;}
#elencoagenzie strong {font-size:15px;}
#elencoagenzie .agenzie_mappa {float:left; width:300px; margin-right:20px; height:200px;}
#elencoagenzie .agenzie_dettagli {float:left; margin-right:20px; height:200px;}



#elencoagenzie.minisito {display:block; margin:0; width:100%; padding:0; font-size: 0.9em;}
#elencoagenzie.minisito .agenzia {width:44%; margin:20px 10px 0 10px; float:left; border:0; clear:none; border:2px #aaa dotted; text-align:center; padding:10px; height:250px; position:relative;}
#elencoagenzie.minisito .agenzia {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 30%, rgba(244,244,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(244,244,244,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 30%,rgba(244,244,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	}
#elencoagenzie.minisito .agenzia .agenzie_logo {display: inline-block; float: none; margin-right: 5px; width: 90px; position: absolute; left: 10px; top: 10px;}
#elencoagenzie.minisito .agenzia .agenzie_logo img {width:85px; max-height:75px}
#elencoagenzie.minisito .agency_cf, #elencoagenzie.minisito .agency_pi {display: none;}
#elencoagenzie.minisito .agency_recapiti {text-align:center;}
#elencoagenzie.minisito .agency_recapiti div {display:inline-block; margin:0 5px;}
#elencoagenzie.minisito .agenzie_dettagli {height: 130px; width: 100%; margin: 0; box-sizing: border-box;}
#elencoagenzie.minisito .agenzie_dettagli {padding-left: 90px;}
#elencoagenzie.minisito .descr-agenzia {font-size: 0.85em; line-height:1.3em; margin-bottom:5px; height:auto ; overflow:hidden; text-overflow: ellipsis; text-align:left; display:none}
#elencoagenzie.minisito .agency_buttons {text-align:center; margin-top:10px; position: absolute; bottom: 10px; margin: 0 auto; left: 0; right: 0;}
#elencoagenzie.minisito .agency_buttons a.pulsante {font-size:0.9em; margin-bottom:5px; border-radius:0; font-weight:bold; white-space:nowrap;}
#elencoagenzie.minisito .agency_buttons a.pulsante:hover {font-weight:bold;}


/* --- SEDI --- */
#elenco-sedi.elenco_sedi_wt .sedi_dettagli, #elenco-sedi.elenco_sedi_wt .agenzie_mappa {float:left; width:50%; min-height:300px;}
#elenco-sedi.elenco_sedi_wt h4 {text-align:left;}
#elenco-sedi .agency_recapiti {margin-top:10px; margin-bottom:20px;}
#elenco-sedi .agenzie_mappa {height:300px;}
#elenco-sedi .agenzie_mappa .map-agenzia {height:100%;}
#elenco-sedi h4 {text-align:center}
#elenco-sedi > div.clear {display:none}
#elenco-sedi .sedelink {margin-top:10px; display:inline-block;}
#elenco-sedi .sedi_dettagli i, #elenco-sedi .sedi_dettagli img {margin-right:5px; width:16px; text-align:center;}
.sedi .nomeagenzia {font-size:1.3em;}

.span3 .det_agenzia {font-size:0.85em}

.showinfominisito {
	display:block; 
	width:30px; 
	height:30px; 
	padding:5px; 
	margin-bottom:-35px; 
	float:right; 
	border-radius:22px; 
	text-align:center; 
	line-height:30px; 
	font-size:2.2em; 
	font-weight:bold; 
	font-family:"Times New Roman", Times, serif;
	box-shadow:2px 2px 5px #AAA;
}

#infominisito {display:none;}




/* --- CERTIFICATI --- */

.certified-logo {
	width:50px; 
	height:50px; 
	display:inline-block; 
	vertical-align:middle; 	
	float:left; 
	background:url('../images/certified.png') no-repeat center center; 
	background-size:100% 100%; 
	background-size: contain;
	margin:-3px 3px;
}

.certified-logo.rightlogo {
	float:right;
	margin:-15px;
}

/* --- WIDGET --- */
.widget {position:relative; text-align:center; margin-top:20px;}
#page-home .widget {top:15%; position:absolute; text-align:center;}
nav .widget, #page-home nav .widget {position:relative; top:0;}
nav .widget img, #page-home nav .widget img  {max-width:100%;}
.widgetitem {clear:none; margin:10px; max-width:270px; text-align:center; display:inline-block; vertical-align:top;}
.widget h4.title{ padding-bottom:10px;}
.widget ul{list-style:none; margin:0;}
.widget_category li { margin-bottom:5px;}
.widget_category li i{margin-right:10px;}
.widget_recent_post li { padding-left:20px; background:url(../images/list-arrow.png) left 2px no-repeat; border-bottom:solid 1px #ddd; padding-bottom:7px; margin-bottom:5px;}
.widget_recent_post li a{color:#555;}
.widget .comments li { padding-left:20px; background:url(../images/list-arrow.png) left 2px no-repeat; border-bottom:solid 1px #ddd; padding-bottom:7px; margin-bottom:5px;}
.widget_tags li{display:inline-block; margin-right:0px; margin-bottom:11px;height: 25px;}
.widget_tags li a{ text-decoration:none; border:solid 1px #ccc; text-shadow:none; border-radius:2px; margin-bottom:5px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#fff; padding:5px 10px 5px 10px;}
.widget_tags li a:hover{background:#555; color:#fff; }

.widget .newsletter {background:rgba(255,255,255,.8); padding:10px;}
.widget .newsletter .nl-body form input.pulsante {height:auto; padding:4px 20px;}
.widget .newsletter .nl-body form label {font-size:.8em;}
.widget .newsletter .nl-body form input[type=text], .widget .newsletter .nl-body form input[type=email] {height:auto; padding:2px 5px;}

.fullcontainer .widgetitem img {max-height:100px;}
.fullcontainer .widgetitem.wdg-6 {max-width:none;}
.fullcontainer .widgetitem .loghi > div {display:inline-block;}

/* --- ICONE PROPERTYRE --- */
.age-propertyre {display:block; position:relative; text-align:center; clear:both; margin-bottom:20px;}
.age-propertyre img {display:none; height:auto; width:auto;}
.age-propertyre img.midpr {display:block}
footer .age-propertyre {margin:20px; position:absolute; bottom: 20px; width: 160px; vertical-align:middle; float:none; margin-left: -40px;}
footer .age-propertyre img.bigpr, footer .age-propertyre img.midpr, footer .age-propertyre img.smallpr {display:none; height:auto;}
footer .age-propertyre img.bigpr {display:inline-block; width:auto; height:70px}
footer .agency_schema div {display:inline-block}


/* --- LINGUE --- */
#lingue {color:#FFF; padding:8px 12px 2px 8px; width:auto;}
#lingue ul {margin:4px 0; padding:0; list-style:none; display:inline-block;}
#lingue ul li {margin:0; margin-left:5px; list-style:none; display:inline-block; float:left;}
#lingue ul li a img {height:12px; border:1px #FFF solid;}
footer #lingue {position:absolute; left:0; bottom:0; margin:10px; width:auto; padding:0; margin-left: 210px; z-index:99;}
footer #lingue ul {margin:0;}


/* --- LINKS --- */
#links {margin:4px 0; padding:0; list-style:none; display:block;}
#links li {margin:20px 0; margin-left:5px; list-style:none; display:block; padding:10px; box-shadow:2px 2px 2px #EEE;}
#links li h2, #links li p {margin:0}
#links li a.lnk {font-weight:bold; margin:5px 0; display:block}
#links li a img {height:30px; border:0;}


/* --- SOCIAL ICONS --- */
.social {position:relative; display: block; margin:40px 0 0 0; text-align:center;}
.social a {margin:5px; display:inline-block;}
.social a img {width:45px;}


/* --- SOCIAL SHARE --- */
.socialshare {display:inline-block; vertical-align:middle}
.socialshare span {display:inline-block; vertical-align:middle; margin-right:5px;}
.socialshare span a {opacity:0.7; display: inline-block;}
.socialshare span a img {width:48px}
.socialshare span a:hover {opacity:1;}

.sharemore {display:none;}


/* --- NEWS --- */
#page-news #property-search {padding:10px; position:relative; width:auto; height:auto; overflow:auto; margin-left: 0; margin-bottom:10px;}
.ricercanews input.cerca {width:80%; margin:0; height:30px; float:left;}
.ricercanews .pulsante {width:30px; height:30px; float:left; margin:0; border-top:1px #000 solid; border-right:1px #000 solid; border-bottom:1px #000 solid;}
.news {display:block;}
.detnews > span {display: inline-block; margin:0 5px 0 0; font-size:10px; text-transform:uppercase; font-weight:bold; vertical-align:middle; line-height: 1.5em;}
.detnews .lbl {padding:0 5px; display:inline-block; vertical-align:middle; }
.news figure {float:left}
.news figure img {max-height:100px; margin-right:10px;}
.news.single figure img {max-height:200px; margin-right:10px;}
.news.single .descrizione {clear:both}
.news a.pulsante {display:table; float:right; margin-top:10px; clear:both; font-size: .85em; padding: 2px 10px;}
.news.single a.pulsante {margin:30px auto; font-size:1.3em; line-height:2em; float:none;}
.news .linkurl {margin:10px 0; padding:2px 10px;}
.categorienews ul {list-style:none; padding:0; margin:10px 0;}
.categorienews ul li {list-style:none; display:block; margin:2px 0; padding:0px;}
.categorienews ul li:before {content:'\f07b'; font-family: 'Font Awesome 5 Pro'; font-size:1.1em; position:relative; display:inline-block; margin-right:10px; width:16px;}
.categorienews ul li:hover:before {content:'\f07c';}


/* --- IMMOBILI IN HOME -- */

#ann-latest {display:none}
#ann-evidence {display:block}

.property-item {
	margin-top:10px;
	position: relative;
}

.property-item .info-1{
	position:absolute;
	z-index:100;
}

.property-item .for-sale, .property-item .for-rent, .property-item .price{
	padding:2px 10px 2px 10px;
	font-weight:bold;
	font-size:15px;
	float:left;
	cursor:pointer;
}

.for-sale{
	padding:2px 10px 2px 10px;
	font-weight:bold;
	font-size:15px;
}



.mainhome .property-item .price{
	background:#eee;
	color:#333;	
	font-weight:normal;
	margin-top: -25px;
	position:absolute;
	right:15px;
	z-index:999;
}

.property-item .info{
	padding:5px 0px;
	}

.property-item  .zonacomune {padding:3px 0; margin-bottom:5px;}
.property-item  .zonacomune h4 {margin:0; height: 1em; overflow: hidden;}

.property-item .info .nomecomune {font-weight:bold; font-size:1.1em}

.property-item .features{
	border-top:solid 1px #ddd;
	padding-top:10px;
	margin-top:10px;
	padding-bottom:5px;
	overflow:hidden;
}

.property-item .features.borderbottom {border-bottom:solid 1px #ddd; padding-top:5px; margin:5px 0; font-size: .85em;}

.property-item .features > span  {display: inline-block;}
.property-item .features > span > span{
	padding-left:20px;
}

.property-item .features .bed {	
	margin-left:10px;
}

.property-item .features .bath{	
	margin-left:10px;
}

.property-item .features .area{
}

.property-item .features .nrvani{
	background:none;
	padding-left:0;
	padding-right:5px;
}

.property-item .features .smallprice{
	font-weight:bold;
	float:right;
	max-width:75px;
	overflow:hidden;
	white-space:nowrap;
	text-align:right;
	
}

.property-item .ender {height:2px; padding:0; margin:0; clear:both}

.property-item .item-block {width:100%; height:200px; background-size:cover; background-color:#FDFDFD; background-repeat:no-repeat; background-position:center center; display:block;}

.property-item .dex { height:85px; overflow:hidden; line-height:1.3em;}
.property-item .dex.withtext { height:126px;}
.property-item .dex span {font-size:0.75em; line-height:.8em;}

.property-item .dex .testo {border-top:solid 1px #ddd; padding-top:10px;}

.property-item .info h3 {font-size: 1.1em; line-height: 1.4em; margin-bottom:0;}


.property-item .swiper-container {width: 100%; height: 200px;}
.property-item .swiper-lazy {height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}


/* --- ELENCO IMMOBILI --- */
#page-immobili .fullcontainer {padding-top:0}
.listing .property-item ul.title {display:block; width:100%; list-style:none; margin:0; padding:0; height:27px; overflow:hidden;}
.listing .property-item ul.title li {display:inline-block; max-width:25%; min-width:19%; list-style:none; margin:0; padding:5px 1%; font-weight:bold; text-transform:uppercase; overflow:hidden}

.listing .property-item figure {width:100%; display:block; position:relative; background-repeat:no-repeat; background-position:center center; background-size: cover;}
.listing .property-item figure img {display:none; width: 100%;}
.listing .property-item figure .rif {font-weight:bold; margin-left: 10px;}

.listing .property-item .features {border-bottom:solid 1px #ddd; margin-bottom:5px;}
.listing .property-item .features span {white-space:nowrap; float:left; margin-right: 20px; font-size:.95em;}
.listing .property-item .features .zona, .listing .property-item .features .comune { padding-left:0;}
.listing .property-item .prezzo {font-weight:bold; display:block; text-align:right; font-size:1.2em;}
.listing .property-item .prezzo .diffperc, .diffperc {display:none}
.listing .property-item .rif {font-size:.9em; font-weight:bold; position:absolute; bottom:0; right:0; padding:5px 10px; width:auto;}
.listing .property-item .dex .testo {border-top:solid 1px #ddd; padding-top:10px;}
.listing .property-item h5 {margin:0;}
.listing .property-item figure {height:400px;}
.listing .property-item figure img {display:none;}
.listing .property-item .readmore {float:right; margin-top: -5px;}
.paging {margin:20px 0}
.paging .selectpage {line-height:40px;}

h3.price {text-align:right}
.cambioprezzo .prezzoold, .cambioprezzo .prezzodiff, .cambioprezzo .diffperc {display:block; line-height:inherit; line-height: 1.2em;}
.cambioprezzo .prezzoold, .cambioprezzo .diffperc {display:none;}

#page-dettaglio .cambioprezzo {margin-top:10px;}
#page-dettaglio .cambioprezzo .prezzodiff {font-size:50%;}
#page-dettaglio .cambioprezzo.incrementato .prezzodiff {background-color:#A00; color:#FFF;}
#page-dettaglio .cambioprezzo.decrementato .prezzodiff {background-color:#0A0; color:#FFF;}


/* --- IMMOBILIARE - MINISITO - ELENCO IMMOBILI --- */
#page-immobiliare .fullcontainer {padding-top:0}
#page-immobiliare figure {display:block; float:none;}
#page-immobiliare figure img.logo_agenzia {max-width:100%}
.minisito {padding:20px; /*border:2px #444 dashed*/}
.minisito .dex_agenzia {font-size:0.75em; line-height:1.2em; max-height:200px; overflow:auto;}



/* --- DETTAGLIO AGENZIA --- */
.box h4 {text-transform:uppercase; text-align:center;}
.agency_recapiti img {vertical-align:middle; margin:-1px 2px 0 0;}
.agency_recapiti > span {margin-left:10px}



/* --- FORM GENERICO --- */
form {margin:0}
form#scroll_page {display:none}
form label {display:inline-block; width: 20%; margin-top: 10px; vertical-align: middle;}
form fieldset {padding:0;}
input, textarea, select {font:12px Arial, Helvetica, sans-serif; padding:7px 6px; border:1px #000 solid; height:19px;}
input.pulsante {font-size:1.2em;}
input[type=radio] {width:auto; margin-top:0;}
form .input {background:#fff; font-size:12px; color:#191919;float:left;padding:3px 10px;height:14px;width:191px !important}
form .clear {clear:both; height:5px;}
form .pulsante {margin-top:10px;}


/* --- FORM CONTATTO --- */
.form_contatto fieldset {border:0; margin:0; padding:0; padding-top:20px;}
.form_contatto label {width:30%; word-break:keep-all; white-space:nowrap; float:left;}
.form_contatto input, .form_contatto textarea {width:65%; height: 30px;}
.form_contatto input[type=radio] {width:auto; float:left; margin-top:0;}
.form_contatto textarea {height:200px;}
.form_contatto .box-captcha {margin-top:40px; clear:both;}
.form_contatto .box-captcha .codicecaptcha{margin-top:5px}
.form_contatto .box-send {text-align:center; margin:25px 0 0 0;}
.form_contatto .box-radio {margin-top:5px; clear:left;}
.form_contatto .box-radio label {float:left; width:30px; height:18px; line-height:18px; margin:0 0 0 20px; padding:0; vertical-align: middle;}
.form_contatto .testocaptcha {width:200px;}
.form_contatto input.pulsante {width:auto; padding: 0 40px;}
.form_contatto .periodo input {width:40%}

/* --- FORM SCOUTING --- */
#page-scouting .form_contatto form label {float:left;}
#page-scouting .form_contatto form #radio label {width:auto; margin-right:20px}
#page-scouting table {width:100%}
#page-scouting #accessori-R td:first-child, #page-scouting #accessori-O td:first-child, #page-scouting #captcha {width:17%;}
#page-scouting form input[type=radio],#page-scouting form input[type=checkbox] {width:16px; margin:12px 10px; height:16px; display:inline-block;}
#page-scouting #RicMq input, #page-scouting #RicLocali input, #page-scouting #RicBagni input, #page-scouting #RicPrezzo input {width:31.6%;;}
#page-scouting .scoutspacer {width:auto; display:inline-block; vertical-align:middle; height:30;}
#page-scouting #accessori-R input[type=checkbox], #page-scouting #accessori-O input[type=checkbox] {margin:2px 5px 0 20px;}


/* --- FORM CERCA IMMOBILI --- */
#property-search {padding:10px; position:relative; width:500px; height:auto; overflow:auto; margin-left: 250px; overflow: hidden; z-index:12}
#page-immobili #property-search {width:100%; margin:20px 0;}
#property-search .search-toggle {border:0; background:transparent; float:right; font-size: 1.2em;}
#property-search label {}
#property-search select, #property-search input[type=text] {width: 79%; vertical-align:middle; height:auto; line-height: 1em; padding:5px 4px; margin-bottom:0px;}
#property-search input[type=text] {padding:7px 6px;}
#property-search h2 {margin-top: 0;}
#property-search .heighter {height:10px;}
.quicksearch .pulsante {width:100%; line-height:2em; height:auto; font-size:1.5em; padding:0 20px; text-align:center; margin:5px 0; float:none;}
#property-search #box_prezzo input, #property-search #box_mq input, #property-search #box_vani input, #property-search #box_camere input {width: 38.5%;}
#property-search #box_prezzo input:before, #property-search #box_mq input:before, #property-search #box_vani input:before, #property-search #box_camere input:before { position:absolute; vertical-align:middle; display: inline-block; font: normal normal normal 14px/1 'Font Awesome 5 Pro'; font-size:1.4em; left:0px; color:#F00; content:"\f147"; z-index:2;}
#property-search #prezzo_min, #property-search #mq_min, #property-search #vani_min, #property-search #camere_min {margin-right:2%;}
#prezzo_spacer, #mq_spacer, #vani_spacer, #camere_spacer {display:none}
#elenco_zone {overflow:auto; max-height:196px; background-color:#FFF; padding:3px; color:#000; line-height:18px; font-size:0.8em; line-height:1.2em; width: 79%; display: inline-block; vertical-align: text-top; border: 1px #000 solid;}
#elenco_zone br {clear:both;}
#elenco_zone label {width:auto; color:#000; margin: 0; vertical-align: middle; font-weight:normal; font-size:1em;}
#elenco_zone input {width:10px;}
.ricercaimmobili #property-search.horizontal .quicksearch  #box_opzioni {margin-top: 0px; position: relative; display: block!important; width: 100%;}
#opzioni {padding:0px; margin-top:0px;}
#opzioni .clear {height:1px;}
#property-search legend {font-size:1.2em; font-weight:bold;}
#opzioni legend {display:block; position: relative; cursor:pointer; padding-left:25px; border-bottom:0; margin:0;}
#opzioni legend:before {content:"\f0fe"; position:absolute; vertical-align:middle; display: inline-block; font: normal normal normal 14px/1 'Font Awesome 5 Pro'; font-size:1.4em; left:0px;}
#property-search #opzioni .lista-opzioni {display:none}
#property-search #opzioni .lista-opzioni .check-con {display:inline-block; width:32.75%;}
#property-search #opzioni .lista-opzioni .check-con label {font-weight:normal}
#property-search #opzioni label.optlabel {display:inline-block; margin-top:5px; width:auto;}
#property-search #opzioni input.cb {width: 1.5em; margin: 2px 10px 0px 5px; display:inline-block; height: 1.5em; vertical-align: middle;}
#opzioni.open legend:before {content:"\f146";}
#opzioni.open .lista-opzioni {display:block}
.btnshowsearch {position:fixed; display:inline-block; width:500px; margin-left:250px; text-align:left;}
.btnshowsearch div {padding:5px 10px 10px 10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; display:inline-block; }
.btnshowsearch div button {font-size:2em; background:transparent; border:0; }
.btnshowsearch div button span {margin-left:20px; display:none;}
#property-search #elenco_zone {max-height: 100px}
#property-search #elenco_zone input.cb {width:16px; margin-right:5px; vertical-align:middle;}
#property-search input.pulsante {height:auto;}

/* --- FORM CERCA IMMOBILI ORIZZONTALE --- */
#property-search.horizontal .quicksearch > div {display:inline-block!important;}
#property-search.horizontal .quicksearch > div.clear {display:block;}
#property-search.horizontal .quicksearch > div.avviaricerca {display:block; width:100%; text-align:center;}
#property-search.horizontal {width:100%; margin:20px 0;}
#property-search.horizontal .quicksearch > div {width:49%; display:inline-block; margin-right:1px;}
#property-search.horizontal label {font-weight:normal; font-size:.8em; float:left; margin:auto 10px auto 0; vertical-align:middle; overflow: hidden; height: 20px; width:20%;}
#property-search.horizontal input, #property-search.horizontal select, #property-search.horizontal #elenco_zone {float:left; font-size:.8em; padding:0; vertical-align:middle; width:75%;}
#property-search.horizontal #box_rif input {width:75%}
#property-search.horizontal input[type=text] {padding:2px 4px;}
#property-search.horizontal #box_prezzo input, #property-search.horizontal #box_mq input, #property-search.horizontal #box_vani input, #property-search.horizontal #box_camere input {width:36.5%;}
#property-search.horizontal legend {font-size:.8em;}
#property-search.horizontal input.pulsante {font-size:1em; padding:2px 10px; float:none; width: auto;}
#property-search.horizontal #elenco_localita {position:relative}
#property-search.horizontal #elenco_zone {max-height: 140px; min-height:19px; height: 19px; line-height:1em; background:transparent; border:1px #000 solid; display:inline-block; padding:3px; position:absolute; background:#FFF; z-index:99;}
#property-search.horizontal #elenco_zone:hover {height:auto; }
#property-search.horizontal #elenco_zone input {width:12px; height:12px; margin:0 5px 5px 0;}
#property-search.horizontal #elenco_zone label {width:auto;}


/* --- FORM DETTAGLIO IMMOBILE --- */
.form_det_imm fieldset {border:0; margin:0; padding:0;}
.form_det_imm input, .form_det_imm textarea {width:500px;}
.form_det_imm textarea {height:100px;}
.form_det_imm .box-captcha {margin-top:40px; clear:both;}
.form_det_imm .box-captcha .codicecaptcha{margin-top:5px}
.form_det_imm .box-send {text-align:center; margin:25px 0 0 0;}
.form_det_imm .box-radio {margin-top:5px; clear:left;}
.form_det_imm .box-radio label {float:left; width:30px; height:18px; line-height:18px; margin:0 0 0 20px; padding:0; vertical-align: middle;}
.form_det_imm .testocaptcha {width:200px;}
.form_det_imm .pulsante {width:auto}


.moreinfo .form_det_imm {padding:10px; font-size:0.75em; line-height:1.3em; margin-bottom:20px;}
.moreinfo .form_det_imm h3 {font-size:1.7em;}
.moreinfo .form_det_imm form {margin-bottom:5px; box-sizing:content-box;}
.moreinfo .form_det_imm label {display:inline-block; float:none; width:30%;  font-size:1.2em;}
.moreinfo .form_det_imm input, .moreinfo .form_det_imm textarea {font-size:1.2em; line-height:1.3em; padding:1px 5px; height:auto; width:70%; margin-bottom:4px; box-sizing:border-box;}
.moreinfo .form_det_imm input.pulsante {font-size:1.2em; font-weight:bold; padding:5px 10px;}
.moreinfo .form_det_imm textarea {height:50px; border:1px #000 solid; font-size:1.2em;}
.moreinfo .form_det_imm .testoad {display:none;}
.moreinfo .form_det_imm .box-radio label {margin-left:0px; float:left; width:auto; margin-left:20%; margin-right:5px;}
.moreinfo .form_det_imm .box-radio input {margin:0px 5px 0px 0px; width:auto;}
.moreinfo .form_det_imm .box-captcha, .moreinfo .form_det_imm .box-captcha div {margin:5px 0;}
.moreinfo .form_det_imm .box-captcha input {width:30%; padding:4px; font-size:1.5em;}
.moreinfo .form_det_imm .box-captcha .codicecaptcha {margin-top:0px; width:50%;}
.moreinfo .form_det_imm .box-send, .moreinfo .form_det_imm .box-send input {margin:0px;}
.moreinfo .form_det_imm #checkcaptchalive {display:none;}



/* --- DETTAGLIO IMMOBILE --- */
#page-dettaglio .fullcontainer {padding-top:20px}
#page-dettaglio .owl-carousel .owl-item .item {background-repeat:no-repeat; background-size:contain; background-position:center center; height:600px;}
#page-dettaglio .owl-carousel .owl-item img {display:none}
#page-dettaglio .price {float:right; margin:-10px 0 0 0;}
#page-dettaglio .periodi .prenotaperiodo {cursor:pointer;}
#page-dettaglio .form_contatto {font-size:.9em}
#page-dettaglio .form_contatto label {float:left; margin:auto 10px auto 0; vertical-align:middle; width:20%;}
#page-dettaglio .form_contatto input, #page-dettaglio .form_contatto select, #page-dettaglio .form_contatto textarea {float:left; vertical-align:middle; width:75%;}
#page-dettaglio .form_contatto .box-radio label {width:auto; margin-right:10px}
#page-dettaglio .form_contatto input[type=radio] {width:16px; height:16px; margin-right:30px}
#page-dettaglio .form_contatto .box-captcha input {width:200px}
#page-dettaglio .form_det_imm .box-captcha .codicecaptcha {margin-top:0}
#page-dettaglio .form_det_imm .box-send {margin:0}
#page-dettaglio .form_contatto input.pulsante {width:auto; float:none;}
#page-dettaglio .form_contatto .periodo input {width:37%}
#page-dettaglio .form_contatto .periodo .periododa input {margin-right:1%}
#page-dettaglio h2 {margin-bottom:10px}



/* --------- PERIODI -------------- */
.periodi img { height: 25px; margin-left: 10px; }
#page-dettaglio .form_contatto .periodo input {width:100%}
.form_contatto .periodo > div {float:left;}
#page-dettaglio .form_contatto .periodo .clear {float:none; clear:both;}

/* --- ELENCO FEATURE IMMOBILE --- */
.feature-list {font-size:.9em;}
.feature-list div.etichetta {
	list-style:none;		
	padding:0;
	width:33.33%;
	float:left;
	display:inline-block;
	text-align:left;
	background:none;
}

.feature-list div.etichetta:before {
	font-family:'Font Awesome 5 Pro';
  content:'\f14a'; 
  font-weight: 900;
	font-size:1.1em; 
	position:relative; 
	display:inline-block; 
	margin-right:10px; 
	width:16px;
}

.feature-list .gruppo {width:100%; padding-top:20px; clear:both;}
.feature-list .gruppo .nomegruppo {font-size:1.2em; line-height:1.6em;}

.price {
	font-weight:normal;
	display:block;
	font-weight:bold;
	font-size:2em;
	margin-bottom:30px;
}

.span9 .price {margin-top:30px; float:right;}




/* --- GOOGLE MAP --- */
.map {margin-top:40px;}
#gmap {width:100%; height:320px; border:solid 1px #ccc; padding:2px; background:#fff;}
#map-container iframe{width:100%; height:360px;}
.map-tab iframe{width:100%; height:400px;}




/* --- VIDEO --- */
.riquadro {border-width:1px; width:240px; height:180px; display:inline-block; border-style:solid; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:1;  margin:0 5px 5px 0; position:relative;}
.riquadro a {width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:center center; background-image:url('../images/play.png'); background-color:rgba(0,0,0,0.3);}
.riquadro a.vtour {background-image:url('/web/images/virtualtour.png');}
.riquadro a > span {display:flex; opacity:0; width:100%; height:100%; background-color:teal; color:#FFF; text-align:center; justify-content:center; align-items:center; position:absolute; transition:0.5s opacity ease-in-out; background-color:rgba(0,0,0,0.8); padding: 10px; box-sizing: border-box; text-transform: uppercase;}
.riquadro:hover a > span {opacity:1;}


/* --- PULSANTE STAMPA --- */
.print {text-align:center}


/* --- ICONE PROPERTYRE --- */
.age-propertyre {display:block; text-align:center; margin-top:20px}
.age-propertyre a {display:inline-block}
.age-propertyre img {display:none; height:100px; width:auto;}
.age-propertyre img.midpr {display:block}
h1 .age-propertyre {margin:0 10px; float:none; text-align:center; position:relative; display:inline-block; vertical-align:middle;}
h1 .age-propertyre img, h1 .age-propertyre img.midpr {display:none; height:auto;}
h1 .age-propertyre img.smallpr {display:inline-block; width:40px;}
.chisiamo .age-propertyre img {width:auto; height:auto;}


/* --- COOKIE POLICY --- */
#cc-tag.cc-tag-bottom-left {left:48%!important;}



/* --- MEDIA QUERIES --- */
@media (min-width: 978px) and (max-width: 1366px) {
	#elencoagenzie.minisito .agenzia {width:98%}
}

@media (max-width: 1170px) {
	.main {width:auto}		
	#mainmenu {padding-left: 0px;}
}

@media (max-width: 1200px) {
	.container {width: 100%;}
	.photogallery .span3 {width: 31%; height: 200px; padding: 5px;}
	#page-home .widget {position:relative; margin-bottom:90px;}
    .property-item .item-block .watermark {background-size:auto 40px;}
}


@media (max-width: 979px) {
	body {padding:0}
	#content, .container {padding:0}

	.sfondo_colore1 ,#topnav ul{background-color:rgba(255,255,255,1);}
	.sfondo_colore2, #topnav li li a:hover {background-color:rgba(128,128,128,1);}
	.sfondo_colore3, .slicknav_nav li.active a, .slicknav_nav li.active > a.slicknav_row:hover, .slicknav_nav li.active > a.slicknav_row:hover * {background-color:rgba(212,188,092,1);}
	
	#topnav {display:none;}
	.navbar-header {display:block; float:none;}
	.slicknav_menu {display:block; margin-top:-10px;}
	.menumobile {display:inline-block;}
	.menumobile a {display:inline-block; padding:16px 10px;}
	.navbar-toggle {display:inline-block}
	.fullcontainer {width:100%; padding:10px 0px; min-height:10px}
	.row, .listing .row {margin:0; padding:0;}
	.fullcontainer .row > div {padding:0}
	.fullcontainer .row > div.property-item, .fullcontainer .row > div.pad {padding:10px}
	.listing .row.paging {margin:20px 0}
	
	
	.onlymobile {display:block;}
	.hiddenmobile, .collapse.in.hiddenmobile {display:none;}
	
	.navbar.navbar-fixed-left {position:relative; width: 100%!important; height:auto;}
	
	.navbar .logo {display:none}
	.social {display:none}
			
	#topnav {float:none; width:100%;}
	#topnav li {position:relative;}
	#topnav ul li {background:yellow;}
	#topnav li a {text-align:center;}
	#topnav ul, #topnav ul ul {position:relative; left:0; margin:0;}
	
	#secondarymenu {display:table; float:none; margin:0 auto; width:auto; min-height:300px;}	
	#secondarymenu li {display:block; width:auto; margin:10px auto;}
	#secondarymenu li a {line-height:1.5em; font-size:1.8em; white-space: normal; padding:0 10px;}
	
	#property-search label {display:block; font-size:1em; width:auto;}
	#property-search select, #property-search input[type=text] {width:100%;}	
	#property-search #box_prezzo input, #property-search #box_mq input, #property-search #box_vani input, #property-search #box_camere input {width:49%;}
	#property-search #opzioni .lista-opzioni .check-con {display:inline-block; width:49%;}
	
	
	#page-home footer.relative {left:0}
	#page-home .fullcontainer {padding-bottom:30px}
	footer, footer.relative, #page-homexx footer.relative, #page-homexx footer {position:relative; min-height:0px; left:0; padding-left:0}	
	footer .container {padding: 10px 5px 45px 5px;}
	footer .row {text-align:center;}
	footer h4 {text-align:center;}
	footer .age-propertyre, footer .loghivari {position:relative; width:auto; margin:15px 0 5px 0; display:inline-block; bottom:0;}
	footer .age-propertyre img, footer .loghivari img {height:80px;}
	footer #lingue {position:relative; margin:5px; width: 100%; margin: 5px 0; text-align:center;}
	footer #lingue ul li {margin-right:5px}
  #page-home footer.relative #lingue {margin-left:0; width:100%;}	
		

	#property-search {width:100%; height:auto; margin:0px; z-index: 1000; }
	.listing .property-item figure {height:auto; display:block;}
	.listing .property-item figure img {display:block; width: 100%;}	
	.listing .property-item ul.title {overflow:auto; height:auto}	
	.listing .property-item ul.title li {max-width:100%; min-width:0;}
	.listing .property-item h3 {font-size:1.1em;}
	
		
	.photogallery li.span3, .photogallery li.span3:nth-child(3n+2), .photogallery li.span3:nth-child(3n), .photogallery li.span4:nth-child(even) {margin-left:0}
	.photogallery a {width:100%;}
	
	#page-news #property-search .ricercanews input.cerca {width: 85%;}
	.news figure img {max-height:200px; width:100px; }	
	.news.single figure img {max-height:200px; margin-right:0px;}	
	.news a.pulsante {display:table; float:right; margin-top:10px; clear:both; font-size: .85em; padding: 2px 10px;}
	.news.single a.pulsante {margin:30px auto; font-size:1.3em; line-height:2em; float:none;}
	
	.feature-list div.etichetta {width:50%;}

	.widget {position: relative; display: block;}
	.widgetitem {float:none; display:inline-block; vertical-align:top; margin:10px;}
  
	nav .widget, #page-home nav .widget {position:absolute; top:0; left:170px; right:170px; margin:0;}
	nav .widget .widgetitem, #page-home nav .widget .widgetitem {margin:3px 10px;}
	nav .widget img, #page-home nav .widget img {max-height:50px;}
	nav .widget .loghi > div {display:inline-block;}
}


@media (max-width: 767px) {
	blockquote {margin-left:0px;}
	nav .widget, #page-home nav .widget {position:relative; top:auto; left:0px; right:0px; margin:0; background:#FFF;}

  #page-home footer.relative .footersocial.onlymobile {display:block}
  #page-home footer.relative .container {padding:0 0 5px 0; font-size:.8em;}
  #page-home footer.relative .loghivari, #page-home footer.relative .age-propertyre {margin:0; padding:10px; display:none}
  #page-home footer.relative h4 {margin-top:0;}
  #page-home footer.relative .container .heighter {height:10px;}
		
	.quicksearch {width:auto; position:relative; margin:0; left:0; border-radius:0;}
	.quicksearch .clear {clear:both; display:block;}
	.quicksearch .pulsante {width:90%; float:none; margin:10px 0;}	
	.quicksearch label {clear:both;}
	.quicksearch select, #slider #property-search input[type=text] {width:65%;}
	.quicksearch input[type=text] {width:65%;}

	
	#mainmenu{display:none;}
	.selectnav{display:block; margin:0 auto; width:80%}
	#featured .item{width:270px; margin:0 auto; margin-bottom:20px;}
	#featured{background-position:top;}
	
	/* --- FORM CERCA IMMOBILI ORIZZONTALE --- */
	#property-search.horizontal {width:100%; margin:0;}
	#property-search.horizontal .quicksearch > div {width:100%; display:block; margin-right:0px;}
	#property-search.horizontal label {font-size:.8em; float:none; margin:0; height: auto; display:block; width:auto;}
	#property-search.horizontal input, #property-search.horizontal select, #property-search.horizontal #elenco_zone {float:none; font-size:.8em; width:100%;}
	#property-search.horizontal input[type=text] {padding:2px 4px;}
	#property-search.horizontal #box_prezzo input, #property-search.horizontal #box_mq input, #property-search.horizontal #box_vani input, #property-search.horizontal #box_camere input {width:49%;}
	#property-search.horizontal #box_rif input {width:100%}
	#property-search.horizontal legend {font-size:.8em;}
	#property-search.horizontal input.pulsante {font-size:1.1em; padding:5px 0; display:block; width:100%;}
	#property-search.horizontal #opzioni .lista-opzioni .check-con {display:inline-block; width:49%; font-size:.9em;}
	
	.listing .property-item .features {font-size:.8em}
	.paging a.pulsante, .paging .selectpage {font-size:.85em; padding:2px 10px; line-height: 30px;}
		
	#page-dettaglio .owl-carousel .owl-item .item {height:400px;}
	.property-item .item-block .watermark {background-size:auto 35px;}
	
	#contatta .moreinfo {display:none;}
	
	.form_contatto label {width:95%; display:block; float:none}
	.form_contatto input, .form_contatto textarea {width:95%; display:block; float:none}

	#links img {display:none;}
	
	#page-scouting label {width:95%; display:block; float:left;}
	#page-scouting input, #page-scouting textarea {width:95%; display:block; float:left}
	#page-scouting #autorizzazione label, #scouting #radio label {width:auto;}
	#page-scouting table td.Ric_colonna {display:block;}
	
	#property-search.horizontal #elenco_zone {position: relative; height:auto;}
	
	.top-spacing{margin-top:30px;}
	
	.feature-list div.etichetta {width:100%;}
	#elenco-sedi-small {display:none}
	
	#elencoagenzie.minisito .agenzia {width:98%}
}

@media (max-width: 767px) and (orientation: landscape) {
   #page-home footer.relative {position:relative;}   
}

@media (max-width: 480px) {
	#page-dettaglio .owl-carousel .owl-item .item {height:200px;}
	.feature-list div.etichetta {width:100%;}
	
	#page-dettaglio .form_contatto label {float:none; width:100%;}
	#page-dettaglio .form_contatto input, #page-dettaglio .form_contatto select, #page-dettaglio .form_contatto textarea {float:none; width:100%;}
	#page-dettaglio .form_contatto .box-radio * {float:left; margin-right:20px;}
	/*nav .widget, #page-home nav .widget {display:none;}*/
	nav .widget img, #page-home nav .widget img {max-height:35px;}
}


@media (min-width: 979px) {
	#page-immobili #property-search, #page-immobiliare #property-search, #page-news #property-search {display:block; height:auto!important;}
	.feature-list div.etichetta {width:50%;}
	
}

@media (min-width: 1200px) {
	/* --- FORM CERCA IMMOBILI ORIZZONTALE --- */	
	#property-search.horizontal .quicksearch > div {width:32%; display:inline-block; margin-right:1%;}
	#property-search.horizontal label {font-size:.85em; float:left; margin:0; height: auto; display:block; width:30%;}
	#property-search.horizontal input, #property-search.horizontal select, #property-search.horizontal #box_rif input, #property-search.horizontal #elenco_zone {float:left; font-size:.85em; width:69%;}
	#property-search.horizontal input[type=text] {padding:1px 4px;}
	#property-search.horizontal #box_prezzo input, #property-search.horizontal #box_mq input, #property-search.horizontal #box_vani input, #property-search.horizontal #box_camere input {width:33.6%;}
	#property-search.horizontal legend {font-size:.85em;}
	#property-search.horizontal input.pulsante {font-size:1.1em; padding:5px 20px; float:none; width: auto;}
	#property-search.horizontal #opzioni .lista-opzioni .check-con {display:inline-block; width:24%; font-size:.9em;}	
	#property-search.horizontal #elenco_zone label {width:auto}
	
	#page-dettaglio .owl-carousel .owl-item .item {height:500px;}
	.listing .property-item figure {height: 300px;}
	.feature-list div.etichetta {width:100%;}
	.btnshowsearch {text-align:center}
	.btnshowsearch div button span {display:inline-block}
}

/* -xl- */
@media (min-width: 1681px) {
	/*body {background:black}*/
	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {float: left;}
	.col-xl-12 {width: 100%;}
	.col-xl-11 {width: 91.66666667%;}
	.col-xl-10 {width: 83.33333333%;}
	.col-xl-9 {width: 75%;}
	.col-xl-8 {width: 66.66666667%;}
	.col-xl-7 {width: 58.33333333%;}
	.col-xl-6 {width: 50%;}
	.col-xl-5 {width: 41.66666667%;}
	.col-xl-4 {width: 33.33333333%;}
	.col-xl-3 {width: 25%;}
	.col-xl-2 {width: 16.66666667%;}
	.col-xl-1 {width: 8.33333333%;}
	.col-xl-pull-12 {right: 100%;}
	.col-xl-pull-11 {right: 91.66666667%;}
	.col-xl-pull-10 {right: 83.33333333%;}
	.col-xl-pull-9 {right: 75%;}
	.col-xl-pull-8 {right: 66.66666667%;}
	.col-xl-pull-7 {right: 58.33333333%;}
	.col-xl-pull-6 {right: 50%;}
	.col-xl-pull-5 {right: 41.66666667%;}
	.col-xl-pull-4 {right: 33.33333333%;}
	.col-xl-pull-3 {right: 25%;}
	.col-xl-pull-2 {right: 16.66666667%;}
	.col-xl-pull-1 {right: 8.33333333%;}
	.col-xl-pull-0 {right: auto;}
	.col-xl-push-12 {left: 100%;}
	.col-xl-push-11 {left: 91.66666667%;}
	.col-xl-push-10 {left: 83.33333333%;}
	.col-xl-push-9 {left: 75%;}
	.col-xl-push-8 {left: 66.66666667%;}
	.col-xl-push-7 {left: 58.33333333%;}
	.col-xl-push-6 {left: 50%;}
	.col-xl-push-5 {left: 41.66666667%;}
	.col-xl-push-4 {left: 33.33333333%;}
	.col-xl-push-3 {left: 25%;}
	.col-xl-push-2 {left: 16.66666667%;}
	.col-xl-push-1 {left: 8.33333333%;}
	.col-xl-push-0 {left: auto;}
	.col-xl-offset-12 {margin-left: 100%;}
	.col-xl-offset-11 {margin-left: 91.66666667%;}
	.col-xl-offset-10 {margin-left: 83.33333333%;}
	.col-xl-offset-9 {margin-left: 75%;}
	.col-xl-offset-8 {margin-left: 66.66666667%;}
	.col-xl-offset-7 {margin-left: 58.33333333%;}
	.col-xl-offset-6 {margin-left: 50%;}
	.col-xl-offset-5 {margin-left: 41.66666667%;}
	.col-xl-offset-4 {margin-left: 33.33333333%;}
	.col-xl-offset-3 {margin-left: 25%;}
	.col-xl-offset-2 {margin-left: 16.66666667%;}
	.col-xl-offset-1 {margin-left: 8.33333333%;}
	.col-xl-offset-0 {margin-left: 0;}
 
	/* --- FORM CERCA IMMOBILI ORIZZONTALE --- */	
	#property-search.horizontal .quicksearch > div {width:23%;}	
	#property-search.horizontal #opzioni .lista-opzioni .check-con {width:10%;}
	
	#page-dettaglio .owl-carousel .owl-item .item {height:700px;}
	.feature-list div.etichetta {width:100%;}
}