.social-fix-scrol { top: 90px; right: 0px; position: fixed; width: 36px; z-index: 100; }
.social-fix-scrol .social { width: 36px; display: block; height: 36px; }

.social-fix-scrol .social.fb { background-color: #5472b0; }
.social-fix-scrol .social.ig { background-color: #813fb2; }
.social-fix-scrol .social.li { background-color: #0177b5; }
.social-fix-scrol .social.pe { background-color: #cb2027; }
.social-fix-scrol .social.sk { background-color: #00aae8; }
.social-fix-scrol .social.tw { background-color: #55acee; }
.social-fix-scrol .social.yt { background-color: #Cf2323; }

.social-fix-scrol .social a, .social-fix-scrol .social a:hover, .social-fix-scrol .social a:visited { color: #FFF; }
.social-fix-scrol .social i { width: 36px; text-align: center; height: 36px; line-height: 36px; color: #FFF; }

.banner { background: url(../img/sfondi/sfondo.1.jpg) center center no-repeat; background-size: cover; width: 100%; height: 200px; position: relative; }

.main { width: 1220px; margin: 10px auto;}

.ricerca { padding-top: 10px; padding-bottom: 10px; background-color: RGBA(220, 220, 220, 0.7); z-index: 10; position: relative; margin-bottom: 30px; }
.ricerca-imm { padding-top: 10px; padding-bottom: 10px; background-color: #F4F4F4; }
/* GESTIONE ELEMENTI form */

#search .row > div { padding-bottom: 5px; padding-top: 5px; }
#contattaci .row > div { margin-bottom: 20px; }
#contattaci .sm-input-group-addon { width: 115px; text-align: left !important; }

#contattaci textarea.sm-form-control { height: 150px; }

input, select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
    text-align: right;
}

.input-group { width: 100%; position: relative; display: table; }

.sm-input-group-addon {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    padding: 8px 14px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.42857143;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 2px solid #DDD;
        border-right-color: rgb(221, 221, 221);
        border-right-style: solid;
        border-right-width: 2px;
    border-radius: 0 !important;
}
.sm-input-group-addon:first-child { border-right: 0; }
.sm-input-group-addon:not(:first-child):not(:last-child) { border-right: 0; border-left: 0; }

.sm-form-control { 
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    opacity: 1;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #DDD;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.sm-input-group-addon, .sm-form-control {
    height: 42px;
}

select { background: #FFF url(../img/arrow-d.png) right center no-repeat !important; }


#form-popup .list-group-item {
    padding: 0px 5px;
    margin-right: 10px;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
}

.ui-autocomplete {
    background: #FFF;
    border: 2px solid #DDD;
}

.mfp-bg, .mfp-fade.mfp-bg.mfp-ready { background-color: #EEE; }
.mfp-content .list-group { max-height: 314px; overflow-y: auto; }

.list-group.lista { margin-bottom: 20px; }

.divcenter {
    position: relative !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.mfp-content {
    max-width: 700px;
    background: #FFF;
    padding: 20px;
    box-shadow: 2px 2px 10px rgba(128,128,128,.5);
}

* Style-1 + Style-2 */
.checkbox-style,
.radio-style {
	opacity: 0;
	position: absolute;
}

.checkbox-style, .radio-style,
.checkbox-style-1-label, .radio-style-1-label,
.checkbox-style-2-label, .radio-style-2-label,
.checkbox-style-3-label, .radio-style-3-label {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	cursor: pointer;
}

.checkbox-style-1-label, .radio-style-1-label,
.checkbox-style-2-label, .radio-style-2-label,
.checkbox-style-3-label, .radio-style-3-label { position: relative; }

.checkbox-style-1-label:before, .radio-style-1-label:before,
.checkbox-style-2-label:before, .radio-style-2-label:before,
.checkbox-style-3-label:before, .radio-style-3-label:before {
	content: '';
	background: #FFF;
	border: 2px solid #DDD;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	padding: 3px;
	margin-right: 10px;
	line-height: 1;
	text-align: center;
}

.radio-style-1-label:before,
.radio-style-2-label:before,
.radio-style-3-label:before { border-radius: 50%; }

.checkbox-style:checked + .checkbox-style-1-label:before { background: #006cb5; }
.radio-style:checked + .radio-style-1-label:before { background: #CCC; }

/* Checkbox-small + Radio-small */
.checkbox-style-1-label.checkbox-small:before,
.radio-style-1-label.radio-small:before,
.checkbox-style-2-label.checkbox-small:before,
.radio-style-2-label.radio-small:before,
.checkbox-style-3-label.checkbox-small:before,
.radio-style-3-label.radio-small:before {
	border: 2px solid #DDD;
	width: 16px;
	height: 16px;
	margin: 0 8px 1px 0;
}

/* Style-2 */
.checkbox-style:checked + .checkbox-style-2-label:before {
	background: #006cb5;
	box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-style:checked + .radio-style-2-label:before {
	background: #ccc;
	box-shadow: inset 0px 0px 0px 4px #fff;
}

.checkbox-style:checked + .checkbox-style-2-label.checkbox-small:before { box-shadow: inset 0px 0px 0px 2px #fff; }
.radio-style:checked + .radio-style-2-label.radio-small:before { box-shadow: inset 0px 0px 0px 2px #fff; }

/* style-3 */
.checkbox-style:checked + .checkbox-style-3-label:before,
.radio-style:checked + .radio-style-3-label:before {
	content: "\f00c";
	font-family: "Font Awesome\ 5 Pro";
}
.radio-style:checked + .radio-style-3-label:before {
	color: #BBB;
	background-color: transparent;
}

/* style-3 - Small */
.checkbox-style + .checkbox-style-3-label.checkbox-small:before,
.radio-style + .radio-style-3-label.radio-small:before {
	border: 1px solid #BBB;
	width: 16px;
	height: 16px;
	margin: 0 8px 1px 0;
	font-size: 7px;
	line-height: .8;
}
.list-group.lista .list-group-item:first-child { background-color: #EEE; margin-bottom: 10px; }

/* IMMOBILI IN EVIDENZA */

#imm-evidenza { margin-bottom: 20px; }
#imm-evidenza > .row > div { margin-bottom: 20px; }
#imm-evidenza .evi-imm { display: block; border: 1px solid #FFF; height: 100%; color: #000; background-color: #F2F2F2; }
#imm-evidenza .evi-imm .foto { width: 100%; height: 200px; background-position: center center; background-size: cover; }
#imm-evidenza .evi-imm .foto-over { width: 100%; height: 100%; }
#imm-evidenza .evi-imm .imm-value { padding: 8px;  }

#imm-evidenza .evi-imm .imm-value .tit { font-weight: 300; white-space: nowrap; overflow: hidden; }
#imm-evidenza .evi-imm .imm-value .prz { text-align: right; font-family: Verdana; font-weight: 400; }

#imm-evidenza .evi-imm .imm-value .loc, #imm-evidenza .evi-imm .imm-value .tipe { font-weight: 300; margin-top: 3px; }
#imm-evidenza .evi-imm .imm-value .loc i { float: left; font-size: 22px; line-height: 28px; margin-right: 3px;  }



#imm-evidenza .evi-imm:hover { border-color: inherit; text-decoration: none;  }
#imm-evidenza .evi-imm:hover .foto-over { background-color: RGBA(0, 0, 0, 0.2); }

.bottom { background-color: #F4F4F4; padding-bottom: 10px; }
.bottom .ag-nome { text-align:center; margin: 20px 0; font-size: 22px;  }
.bottom .ag-data i { width: 20px; text-align: center; }

.bottom .piva-cf { font-size: 13px; }
.bottom .piva-cf span { display: inline-block; width: 38px; font-weight: bold; font-size: 12px;  }

.bottom .social {
  width: 45px;
  height: 45px;
  padding: 13px 0px;
  background-color: #323840;
  color: #FFF;
  margin: 0px 10px 10px 0px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}
.bottom .social i { font-size: 19px; color: #FFF; }

.bottom .social.fb:hover { background-color: #5472b0; }
.bottom .social.fb:hover i {color: #FFF; }
.bottom .social.ig:hover { background-color: #813fb2; }
.bottom .social.ig:hover i {color: #FFF; }
.bottom .social.li:hover { background-color: #0177b5; }
.bottom .social.li:hover i {color: #FFF; }
.bottom .social.pe:hover { background-color: #cb2027; }
.bottom .social.pe:hover i {color: #FFF; }
.bottom .social.sk:hover { background-color: #00aae8; }
.bottom .social.sk:hover i {color: #FFF; }
.bottom .social.tw:hover { background-color: #55acee; }
.bottom .social.tw:hover i {color: #FFF; }
.bottom .social.yt:hover { background-color: #Cf2323; }
.bottom .social.yt:hover i {color: #FFF; }

/* GESTIONE DEBUG */

.debugging-show { position: fixed; bottom: 0px; left: 0px; height: 50px; width: 50px; background-color: #e43a45; text-align: center; cursor: pointer; z-index: 1000; }
.debugging-show i { font-size: 30px; line-height: 50px; color: #FFF; }
.debugging-show span { position:absolute; top: -5px; right: -5px; width: 20px; height: 20px; line-height: 20px; background-color: #D91E18; color: #FFF; border-radius: 50%; font-size: 12px; font-weight: bold; }

.debugging { width: 100%; height: 100%; padding: 20px; position: fixed; top: 0px; left: 0px; overflow: auto; background-color: #FFF; z-index: 100000; }

.debugging .debugging-close { position: absolute; top: 0px; right: 0px; height: 50px; width: 50px; background-color: #e43a45; text-align: center; cursor: pointer; }
.debugging .debugging-close i { font-size: 30px; line-height: 50px; color: #FFF; }

.debugging .debug { border: 1px solid #000; border-radius: 6px; background-color: #EEE; font-size: 12px; font-family: Courier, monospace; padding: 5px 10px; margin: 5px; position: relative; color: #000; line-height: 20px; }
.debugging .debug .dbg-title { font-size: 18px; color: #080; font-weight: bold; margin-bottom: 2px; }
.debugging .debug b { color: #D91E18; }
.debugging .debug u { color: #00137F; text-decoration: none; font-weight: bold; }

.debugging .debug.error { border-color: #D91E18; color: #000; background-color: #E08283; }
.debugging .debug.error .er::before { font-family: 'Font Awesome 5 Pro'; font-weight: 900; content: '\f621';  }
.debugging .debug.error b { color: #D91E18; }
.debugging .debug.error u { color: #00137F; text-decoration: none; font-weight: bold; }


.hide { display: none; }
.social-fix-scrol { display: none; }

header { margin-top: 10px; height: 70px; margin-bottom: 10px; position: relative; }
header .logo { text-align: center; }
header .logo img { max-height: 70px; max-width: 200px; }

header .menu-schow { width: 30px; height: 30px; text-align: center; line-height: 30px; margin: 20px; position: absolute; top: 0px; left: 15px; cursor: pointer; }
header .menu-schow i { color: #282D33; font-size: 22px; }

header .menu-close { color: #8A8F9A; text-align: right; padding: 10px 20px; cursor: pointer; }
header .menu-close i {}

header .menu { display: none; }
header .menu.open { position: fixed; top: 0px; left: 0px; width: 220px; height: 100%; display: block; background-color: #282D33; z-index: 1000; }

header .menu ul { list-style: none; padding: 0px; margin: 0px; }
header .menu ul li { width: 100%; display: inline-block; border-bottom: 1px solid #8A8F9A; }
header .menu ul li a { color: #8A8F9A; text-decoration: none; padding: 15px 20px; display: block; }
 


body { border-top: 4px solid #B200FF; /* viola */ }

.f10 { font-size: 11px; }

/* GESTIONE IMMOBILI  */

.an-ar { padding-bottom: 20px; border-bottom: 1px solid #DDD; margin-bottom: 20px; }
.an-ar .an-image { width: auto; height: 220px; background: no-repeat center center #CCC; background-size: contain; }
.an-ar h2 { font-size: 22px; }
.an-ar h5 { font-size: 16px; font-weight: 600; margin-bottom: 0px; }

.an-ar .an-det {margin:0; padding:0; list-style:none}
.an-ar .an-det li {margin:0; padding:0; list-style:none; font-size:14px; display:inline-block; border-right:1px #EEE solid; padding-right:10px; margin-right:10px; float:left; line-height:40px; height:40px;}
.an-ar .an-det li.prezzo { font-size:22px; font-weight:300;}
.an-ar .an-det li:last-child {margin-right:0; padding-right:0; border-right:0}

.an-ar .an-desc { clear: both; margin-bottom: 10px; }

#immo-list { margin-top: 20px; margin-bottom: 20px; }

/* GESTIONE PAGINA CHI SIAMO */

.age-desc, .age-map { margin-bottom: 20px; }

.age-map { height: 400px; width: 100%; }

/* GESTIONE PAGINA IMMOBILE */
.immo-top { background-color: #F4F4F4; padding: 10px 0; }

.immo-top .prezzo { font-size: 22px; font-weight: bold; line-height: 26px; margin-right: 10px; }
.immo-top .accessori { line-height: 26px; }
.immo-top .accessori span { margin-right: 10px; }

.descrizione { margin: 20px 0; }
.p-immobile h3.divider { padding: 5px; margin-bottom: 9px; border-bottom: 1px solid #CCC; }

.p-immobile .promo.promo-flat { background-color: #006cb5; }
.p-immobile .promo.promo-flat.promo-black { background-color: #333; }
.p-immobile .promo.promo-flat.promo-orange { background-color: #f67f00; }
.p-immobile .promo.promo-flat.promo-gray { background-color: #b3b2b2; }
.p-immobile .promo.promo-flat > span,
.p-immobile .promo.promo-flat > .container > span { color: rgba(255,255,255,0.9); }
.p-immobile .promo.promo-flat a.button:not(.button-border) { background-color: rgba(0,0,0,0.2); color: #FFF; }
.p-immobile .promo.promo-flat a.button:hover { background-color: #FFF; border-color: #FFF; color: #444; text-shadow: none; }

.p-immobile .promo.promo-mini { text-align: left; padding: 20px 25px; }
.p-immobile .promo.promo-lt { padding: 10px 15px; }
.p-immobile .promo.promo-mini h3 { font-size: 20px; line-height: 1.5; }
.p-immobile .promo.promo-mini.promo-uppercase h3 { font-size: 18px; }
.p-immobile .promo.promo-mini.promo-dark h3 { line-height: 1.7; }
.p-immobile .promo.promo-mini a.button { position: relative;	top: 0;	margin: 20px 0 0;	left: 0 !important;	right: 0; }

.p-immobile .promo .h3, .p-immobile .promo h3 { font-size: 1.5em; }

.p-immobile .privacy { font-size: 12px; }

.p-immobile .detail label, .p-immobile .detail div > i, .p-immobile .detail .fa-stack i  { color: #999; }
.p-immobile .detail .fa-stack { width: 18px; height: 16px; }
.p-immobile .detail i { width: 18px; text-align: center; }

.p-immobile .detail .fa-stack .fa-stack-1x { line-height: 1; }
.p-immobile .detail .fa-stack i.fa-stack-1x:first-child { }
.p-immobile .detail .fa-stack i.fa-stack-1x:last-child  { font-size: 10px;  line-height: 16px; }



#sendrichiesta { font-size: 13px; }
#sendrichiesta textarea { height: 70px; font-size: 12px; padding: 5px; }

.btn.grey { background-color: #CCC; }

/*- - - - - - - - - - - - - - - - - - - - 
	FLEXSLIDER
- - - - - - - - - - - - - - - - - - - - */
.main-slider.flexslider {
	margin:20px 0 0 0;
	padding:0;
	border:none;
	box-shadow:none;
	background:none;
}

.main-slider {
}

.main-slider .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
  z-index:100;
}
	
.main-slider .flex-control-nav li {
      margin: 0 6px;
      display: inline-block;
      zoom: 1;
      *display: inline;
  }
	
.main-slider .slides li {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	height: 250px;
}
	
.main-slider .slides li a {
	background-size:100% 100%;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	display:block;
	width:100%;
	height:100%;
}

.flex-direction-nav a:before { font-family: 'Font Awesome 5 Pro' !important;  content: "\f053" !important;  }
.flex-direction-nav a.flex-next:before { font-family: 'Font Awesome 5 Pro';  content: "\f054" !important; }


.main-slider .slides li a img {visibility:hidden; opacity:0;}

.imm-map { width: 100%; height: 350px; margin: 20px 0 }

@media (min-width: 576px) {
  body { border-top: 4px solid #e43a45; /* rosso */ }
  .banner { height: 300px; }

  .f10 { font-size: 12px; }


}

@media (min-width: 768px) {
  body { border-top: 4px solid #00FF00; /* VERDINO */ }
  .banner { height: 300px; }

  .social-fix-scrol { display: block; }
  header .menu-schow { display: none; }

  header .logo { float: left; }

  header .menu-close { display: none; }

  header .menu { display: block; float: left; margin-left: 20px; }
  header .menu ul { padding: 10px; margin: 0px; height: 70px; }
  header .menu ul li { width: auto; height: 50px; border-bottom:0px; }
  header .menu ul li a { width: auto; height: 50px; padding: 0 20px; font-size: 20px; line-height: 50px; font-weight: 400; }

  .f10 { font-size: 14px; }

  .main-slider .slider-info{display:none !important;}

}

@media (min-width: 992px) {
  body { border-top: 4px solid #0000FF; /* BLUE */ } 
  .banner { height: 400px; }
  .ricerca { margin-top: -80px; }

  .main-slider .slides li {height:auto; max-height:400px;}
  main-slider .slides li a, #dettaglio-ann .main-slider .slides li a {background-size:100% 100%; background-size:contain;}
}

@media (min-width: 1200px) {
  body { border-top: 4px solid #F7CA18; /* GIALLO */ } 
  .banner { height: 600px; }
  .ricerca { margin-top: -120px; }

  .main-slider .slider-info .inner{ padding-top:30px}
	.main-slider .slides li {height:550px}

}