* {padding: 0; margin: 0; box-sizing: border-box;}

a {text-decoration: none;}
a:hover {color: #a0a8ab; text-decoration: none;}

body {overflow-x: hidden !important; font-family: 'Montserrat', sans-serif; background: #F8F8F8; text-align:center; font-size: 13px; letter-spacing: 0.02em; color: #333333;}

h1 {margin-bottom:5px; font-weight:bold; color: #007FB9;}

h2 {color: #007FB9; margin-bottom:5px;}

h3 {font-weight:normal; font-size: 16px; margin-bottom:5px; color: #007FB9;}

h4 {color: #007FB9; font-size:14px; margin-bottom:5px;}

h5 {font-weight:normal; font-size: 14px; color: #007FB9; margin-bottom:5px;}

p {font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 1.8; text-align: left;}

.elenco {margin-left: 30px; margin-top:10px; color: #007FB9;}

label {display: block;}

.cb {clear: both;}

.navbar {min-height: 30px;}

.whatsapp {padding: 5px; background-color: #59CE66; color: #fff; -webkit-border-radius: 50%;  -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.whatsapp:before {content: ''; position: relative; top: 3px; left: 1px; display: inline-block; background-image: url('../img/whatsapp-icon.png'); height: 16px; width: 18px; background-size: contain; background-repeat: no-repeat;}

/* form .btn {position: relative; float: right; top: 4px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; height: 50px; width: 100px; background-color: #ef9719; color: #231f20; box-shadow: 0 6px #e2dd4a;}
form .btn:hover {top: 6px; box-shadow: 0 4px #e2dd4a;}
form .btn:active {top: 8px; box-shadow: none;} */
form .btn {display: inline-block; position: relative; float: right; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; height: 40px; width: 90px; line-height: 23px; background-color: #ef9719; color: #fff;}
form .btn:hover {background: #F8B351; color: #fff;}

.form-control {border: none;}

/* preloader */
.js div#preloader {position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: rgba(255, 255, 255, 1) url('../img/preloader.gif') no-repeat center center;}

/* header */
/* #topbar {position: relative; height: 30px; width: 100%; z-index: 101; background-color: #007fb9;} */
#header {position: relative; background-color: #fff; z-index: 100; transition: background-color linear 0.3s; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);}
#header.fixed {position: fixed; top: 0; width: 100%; -webkit-animation:stuckMoveDown .6s; animation:stuckMoveDown .6s;}
#header.fixed .logo {display: none;}
.logo {position: relative; z-index: 99; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.logo img {height: 80px; max-width: 100%; vertical-align: bottom;}

@keyframes stuckMoveDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}

/* menu */
#main-menu {margin-bottom: 0;}
#main-menu ul {float: none; width: 765px; margin: 0 auto;}
#main-menu ul li {float: left; list-style-type: none; padding: 15px 15px 10px 15px; font-size: 18px;}
#main-menu ul li.active a {border-bottom: 1px solid #ef9719;}
#main-menu ul li a {color: #333333; padding: 0 0 5px 0;}
#main-menu li.active a {border-bottom: 1px solid #A0A7AB;}
.nav > li > a:hover, .nav > li > a:focus {background: none;}

/* menu mobile */
.navbar-toggle .icon-bar {background-color: #fff;}
button.navbar-toggle {margin-top: 45px;}

/* box fixed */
#box-fixed {position: fixed; margin-top:-110px; top: 50%; right: 0; z-index: 99; font-family: 'Glyphicons Halflings'; font-size: 30px; color: #fff;}
#box-fixed .box-telefono, #box-fixed .box-email, .back-to-top {display: none; width: 60px; height: 60px; position: absolute; margin-bottom: 20px; right: 0; background-color: #4EB841; transition: width ease-in 0.6s;}
#box-fixed .box-email {top: 80px;}
#box-fixed .box-telefono:hover {width: 220px; transition: width ease-in 0.4s;}
#box-fixed .box-telefono:before {content: "\e182"; position: relative; top: 10px; float: left; margin-left: 15px;}
#box-fixed .box-telefono:after {position: absolute; content: '041 5905995'; right: -163px; padding-right: 20px; line-height: 60px; font-family: 'Montserrat', sans-serif; font-size: 20px; color: #fff; transition: all ease-in 0.6s;}
#box-fixed .box-telefono:hover:after {right: 0; transition: all ease-in 0.4s;}
#box-fixed .box-email:hover {width: 315px; transition: width ease-in 0.4s;}
#box-fixed .box-email:before {content: "\2709"; position: relative; top: 10px; float: left; margin-left: 15px;}
#box-fixed .box-email:after {position: absolute; content: 'info@innovacasaweb.it'; right: -263px; padding-right: 20px; line-height: 60px; font-family: 'Montserrat', sans-serif; font-size: 20px; color: #fff; transition: all ease-in 0.6s;}
#box-fixed .box-email:hover:after {right: 0; transition: all ease-in 0.4s;}
/* back to top */
.back-to-top {top: 160px; background-color: #ef9719;}
.back-to-top span {top: 8px;}
.back-to-top span:before {color: #fff;}
.back-to-top:hover {background: #F8B351; color: #666666;}

/* footer */
footer {position: relative; z-index: 9; background-color: #007fb9;}
footer p {float: left;}
footer p {color: #fff;}
footer a {color: #fff;}
.footer {padding: 10px;}
.social {width: 60px; float: right; margin-left: 20px; padding-top: 5px;}
.social img {width: 100%;}
#rc-imageselect, .g-recaptcha {transform:scale(1.15);-webkit-transform:scale(1.15);transform-origin:0 0;-webkit-transform-origin:0 0;}

/* HOMEPAGE */
/* static */
#static {left: 0; padding: 0; height: 600px;}
#static div.alfonso {width: 100%; height: 100%; background-image: url('../img/Alfonso-Treppo-semi-bw.jpg'); background-size: cover; background-position: center top;}
#static div p {padding-left: 7%; padding-top: 320px; font-size: 20px;}
/* owl-home */
#owl-home {height: calc(100vh - 292px); width: 100%; margin: 0 auto; float: none;}
#owl-home div:not(.owl-controls) {height: 100%;}
#owl-home .owl-slide {display: block; height: 500px; width: 100%; background-image: url('../img/tree.jpg'); background-size: cover; background-position: center;}
#owl-home .owl-slide2 {display: block; height: 500px; width: 100%; background-image: url('../img/famiglia.jpg'); background-size: cover; background-position: 50% 20%;}
#owl-home .owl-slide3 {display: block; height: 500px; width: 100%; background-image: url('../img/bed.jpg'); background-size: cover; background-position: center;}
#owl-home .owl-controls {display: none;}

.scroll-down-to-pagina {position: absolute; top: calc(100vh - 80px); left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb04 2s infinite; animation: sdb04 2s infinite; box-sizing: border-box; z-index: 9;}

.scroll-down-to-owl-home {display: none; position: absolute; top: calc(100vh - 80px); left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb04 2s infinite; animation: sdb04 2s infinite; box-sizing: border-box; z-index: 9;}

@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}



/* pagina */
#pagina {position: relative; z-index: 9; background-color: #F8F8F8;}
#pagina.mt {margin-top: 192px;}
/* categorie */
#categorie.background-categorie {padding-top: 30px; padding-bottom: 30px; background-image: url('../img/grass.jpg'); background-size: cover; background-position: bottom;}
#categorie.background-categorie img {max-width: 100%;}
#categorie .col-sm-3.categoria {height: auto;}
#categorie .col-sm-3.categoria .back-servizio {position: relative; height: 275px; width: auto; background-size: cover; background-position: center;}
#categorie .col-sm-3.categoria .cont-title {position: absolute; left: 0; right: 0; margin-left: 15px; margin-right: 15px; z-index: 9; }
#categorie .col-sm-3.categoria1 .cont-title {bottom: 0; background-color: rgba(0, 127, 185, 0.7);}
#categorie .col-sm-3.categoria2 .cont-title {top: 0; background-color: rgba(239, 151, 25, 0.7);}
#categorie .col-sm-3.categoria3 .cont-title {bottom: 0; background-color: rgba(0, 180, 228, 0.7);}
#categorie .col-sm-3.categoria4 .cont-title {top: 0; background-color: rgba(0, 127, 185, 0.7);}
#categorie .col-sm-3.categoria4 .cont-title h3 {}
#categorie .col-sm-3.categoria h3 {margin: 0; padding: 15px; line-height: 1.2; text-transform: uppercase; font-weight: bold; color: #fff;}
/* categorie 2 */
#categorie2.background-categorie {padding-top: 30px; padding-bottom: 30px; background-image: url('../img/grass.jpg'); background-size: cover; background-position: bottom;}
#categorie2.background-categorie img {max-width: 100%; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s;}
#categorie2 .categoria:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
#categorie2 .col-sm-3.categoria {height: auto;}
#categorie2 .col-sm-3.categoria .back-servizio {position: relative; height: 275px; width: auto; background-size: cover; background-position: center;}
#categorie2 .col-sm-3.categoria .cont-title {margin-left: 15px; margin-right: 15px;}
#categorie2 .col-sm-3.categoria1 .cont-title {}
#categorie2 .col-sm-3.categoria2 .cont-title {}
#categorie2 .col-sm-3.categoria3 .cont-title {}
#categorie2 .col-sm-3.categoria4 .cont-title {}
#categorie2 .col-sm-3.categoria4 .cont-title h3 {}
#categorie2 .col-sm-3.categoria h3 {margin: 0; line-height: 1.2; text-transform: uppercase; font-weight: bold; color: #fff;}
/* ricerca immobili */
#ricerca-immobili {float: left; background-color: #E1E1E1;}
#ricerca-immobili h2 {margin-top: 0; margin-bottom: 0; padding: 20px; background-color: #ef9719; color: #fff;}
#ricerca-immobili .col-sm-12 {padding-top: 15px; padding-left: 15px; padding-right: 15px;}
#ricerca-immobili .col-sm-12:last-child {padding-bottom: 15px;}
#ricerca-immobili .col-sm-12 h2 {padding-left: 15px; margin-top: 0; margin-bottom: 15px;}
#ricerca-immobili .btn {float: right;}
/* descrizione */
.descrizione h1 {text-align: left; position: relative; margin-bottom: 20px; margin-top: 50px; padding-bottom: 15px;}
.descrizione h1:after {content: ''; width: 100px; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #00b4e4;}
.descrizione p span, .descrizione p {font-size: 14px !important; line-height: 1.8 !important;}
/* bannerino */
.sfondo-footer {width: 100%; max-width: 100%;  background-image: url('../img/background_geometric.jpg'); background-size: cover; background-attachment: fixed;}
#bannerino-home {height: 200px;}
#bannerino-home h2 {line-height: 1.5; margin-top: 50px; font-weight: bold; color: #fff;}


/* vetrina */
#home .annunci {padding-top: 30px; padding-right: 0;}
#home .annunci h2 {margin-top: 30px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #D2D2D2;}
#home .annunci h2, .annunci h3 {text-align: left; margin-bottom: 15px;}
#home .annunci h3 {margin-top: 10px; font-size: 20px; font-weight: bold; color: #007FB9;}
#home .annunci ul:first-child li {margin-right: 15px;}
#home .annunci ul:first-child li {list-style-type: none; width: calc(50% - 15px); margin-bottom: 30px;}
#home .annunci .contratto-vendita {position: absolute; top: 10px; right: 10px; padding: 5px; background-color: #EF9719; color: #fff;}
#home .annunci .contratto-affitto {position: absolute; top: 10px; right: 10px; padding: 5px; background-color: #00b4e4; color: #fff;}
#home .annunci .desc-annuncio {cursor: pointer; position: absolute; width: 100%; background-color: rgba(255, 255, 255, 0.7); padding: 15px; bottom: 0; color: #007FB9;}
#home .annunci .desc-annuncio p {font-weight: bold;}
#home .annunci ul:first-child a {position: relative; display: inline-block; height: 290px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
#home .annunci ul:first-child li:after {content: ''; position: absolute; left: 0; bottom: 0; height: 5px; width: 0; background-color: #EF9719; -moz-transition: width 0.3s; -webkit-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
#home .annunci ul:first-child li:hover:after {width: 100%;}
#home .annunci ul:first-child li a {-moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s;}
#home .annunci ul:first-child li:hover a {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
#home .bottone:hover {color: #fff;}
#home .annunci .col-sm-3 {overflow: hidden; padding-right: 0; padding-left: 0; background-color: #fff;}
/* contattaci */
#contattaci {background-color: rgba(255,255,255,0.8); padding-top: 30px; padding-bottom: 15px; /* background-color: #E1E1E1; background-image: url('../img/people-woman-coffee-meeting.jpg'); background-size: cover; background-position: bottom;*/}
#contattaci h2 {margin-top: 30px; margin-bottom: 20px; border-bottom: 1px solid #D2D2D2; padding-bottom: 15px;}
#contattaci .contact-us img {margin-bottom: 55px; max-width: 100%;}
#contattaci .contact-us p {text-align: center; max-width: 180px; margin: 0 auto;}
#contattaci .contact-us a {color: #333333;}
#contattaci span {margin-bottom: 15px;}
#contattaci .contact-us span.glyphicon {padding: 7px; background-color: #007FB9; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
#contattaci .contact-us span.scritta {padding-bottom: 3px; margin-left: -13px; padding-left: 20px; padding-right: 8px; border-bottom: 2px solid #007FB9;}
#contattaci .contact-us span.scritta:last-child {border-bottom: 2px solid #59CE66;}
#form-newsletter label {text-align: left;}
#form-newsletter input, #form-newsletter select {margin-bottom: 15px;}
#form-newsletter {float: left; width: 100%;}
#form-newsletter textarea {resize: none; height: 100px; margin-bottom: 10px;}
#privacy {float: left;}
.msg, .error {color: red;}
/* LISTA */
/* bannerino */
#lista .sfondo-footer {height: 200px;}
#lista #bannerino-home {float: left; height: auto; width: 100%; margin-top: 121px; background-color: rgba(255, 255, 255, 0.8);}
#lista h1 {margin-bottom: 20px;}
/* fascia cerca immobile */
#owl-lista {position: fixed; width: 100%; right: 0; top: 0; padding: 0; height: calc(100vh - 120px);}
#owl-lista div:not(.owl-controls) {height: 100%;}
#owl-lista .owl-slide:before {content: ""; position: absolute; left: 0; height: 100%; width: 100%; background-image: url('../img/city1-mod.jpg'); background-size: cover; background-position: center; -webkit-filter: grayscale(80%); filter: grayscale(80%); -webkit-transition : .5s linear; transition : .5s linear;}
#owl-lista .owl-slide2:before {content: ""; position: absolute; left: 0; height: 100%; width: 100%; background-image: url('../img/city2-mod.jpg'); background-size: cover; background-position: right; -webkit-filter: grayscale(80%); filter: grayscale(80%); -webkit-transition : .5s linear; transition : .5s linear;}
#owl-lista .owl-slide3:before {content: ""; position: absolute; left: 0; height: 100%; width: 100%; background-image: url('../img/city3-mod.jpg'); background-size: cover; background-position: center; -webkit-filter: grayscale(80%); filter: grayscale(80%); -webkit-transition : .5s linear; transition : .5s linear;}
#owl-lista .owl-slide4:before {content: ""; position: absolute; left: 0; height: 100%; width: 100%; background-image: url('../img/city4-mod.jpg'); background-size: cover; background-position: center; -webkit-filter: grayscale(80%); filter: grayscale(80%); -webkit-transition : .5s linear; transition : .5s linear;}
#owl-lista .owl-controls {display: none;}
#lista #ricerca-immobili {}
#lista.lista2 #ricerca-immobili {position: relative; left: 0; margin-left: 0; top: initial; width: 100%; z-index: 99;}
#lista .scroll-down-to-pagina {top: calc(100vh - 180px);}
#lista #pagina {}
/* #fascia-cerca .btn {float: right; margin-top: 10px; background-color: #004B7C; color: #fff;}
#fascia-cerca .btn:hover {background-color: rgba(0, 75, 124, 0.7);} */
#fascia-cerca .btn {display: inline-block; position: relative; float: right; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; height: 40px; width: 90px; line-height: 23px; background-color: #ef9719; color: #231f20;}
#fascia-cerca .btn:hover {background: #FDF986; color: #666666;}
#fascia-cerca .filtroPrezzo li {display: inline-block; padding: 0 30px 0 0;}
/* annunci */
#lista .annunci {padding-top: 30px; padding-right: 0;}
#lista .annunci h2 {margin-top: 30px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #D2D2D2;}
#lista .annunci h2, .annunci h3 {text-align: left; margin-bottom: 15px;}
#lista .annunci h3 {margin-top: 10px; font-size: 20px; font-weight: bold; color: #007FB9;}
#lista .annunci ul:first-child li {margin-right: 15px;}
#lista .annunci ul:first-child li {list-style-type: none; width: calc(50% - 15px); margin-bottom: 15px;}
#lista .annunci .contratto-vendita {position: absolute; top: 10px; right: 10px; padding: 5px; background-color: #EF9719; color: #fff;}
#lista .annunci .contratto-affitto {position: absolute; top: 10px; right: 10px; padding: 5px; background-color: #00b4e4; color: #fff;}
#lista .annunci .desc-annuncio {cursor: pointer; position: absolute; width: 100%; background-color: rgba(255, 255, 255, 0.7); padding: 15px; bottom: 0; color: #007FB9;}
#lista .annunci .desc-annuncio p {font-weight: bold;}
#lista .annunci ul:first-child a {position: relative; display: inline-block; height: 265px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
#lista .annunci ul:first-child li:after {content: ''; position: absolute; left: 0; bottom: 0; height: 5px; width: 0; background-color: #EF9719; -moz-transition: width 0.3s; -webkit-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
#lista .annunci ul:first-child li:hover:after {width: 100%;}
#lista .annunci ul:first-child li a {-moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s;}
#lista .annunci ul:first-child li:hover a {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
#lista .bottone:hover {color: #fff;}
#lista .annunci .col-sm-6 {overflow: hidden; padding-right: 0; padding-left: 0; background-color: #fff;}
/* paginatore */
.paginatore{margin-bottom: 15px; overflow: hidden; float: right;}
.paginatore .pag_sel, .paginatore .numero_pag a {float: left; padding: 9px 11px; text-decoration: none; margin-right: 15px; background: #fff; color: #000;}
.paginatore .numero_pag a:hover, .paginatore .pag_sel{float: left; margin-right: 15px; color: #FFFFFF; padding: 9px 11px; text-decoration: none; background: #EF9719;}

/* SCHEDA */
/* tabella caratteristiche */
.caratteristiche {text-align: left;}
/* descrizione */
.container.descrizione {text-align: left;}
/* owl-scheda */
#owl-scheda {width: 100%; padding: 0; height: 450px; margin-bottom: 50px;}
#owl-scheda div:not(.owl-controls) {height: 100%;}
#owl-scheda .owl-slide {content: ""; position: absolute; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center;}
#owl-scheda .owl-prev {position: absolute; top: 50%; margin-top: -25px; height: auto !important; font-size: 40px; left: 0; color: #fff;}
#owl-scheda .owl-next {position: absolute; top: 50%; margin-top: -25px; height: auto !important; font-size: 40px; right: 0; color: #fff;}
#owl-scheda .owl-dots .owl-dot {display: inline-block;}
#owl-scheda .owl-dots .owl-dot span {height: 12px; width: 12px; display: inline-block; margin: 5px 10px 0px 0; background-color: #d6d6d6; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
#owl-scheda .owl-dots .owl-dot.active span {background-color: #00b4e4;}
/* pulsanti */
#scheda .tabs {text-align: right;}
#scheda .tabs #p_img {display: inline-block; height: 40px; width: 60px; background-image: url("../img/photo-icon.png"); background-size: contain; background-repeat: no-repeat;}
#scheda .tabs #p_vid {display: inline-block; height: 40px; width: 60px; background-image: url("../img/video-icon.png"); background-size: contain; background-repeat: no-repeat;}
#scheda .tabs2 a {display: block; height: 40px; width: 60px; background-image: url("../img/print-icon.png"); background-size: contain; background-repeat: no-repeat;}
/* condivisione social */
.share-button {float: right; margin-bottom: 30px;}
/* lightbox */
.ekko-lightbox-nav-overlay a:first-child span {text-align: left;}
.ekko-lightbox-nav-overlay a:last-child span {text-align: right;}
.ekko-lightbox-nav-overlay a {opacity: 1 !important;}
/* tabella */
#scheda #static {height: calc(100vh - 241px);}
.grid {height: calc(100vh - 440px);}
.grid:after {/* Or @extend clearfix */ content: ""; display: table; clear: both;}
[class*='col-'] {float: left;}
.col-1-3 {width: 100%; padding: 8px 0; height: 20%;}
#scheda #static .grid .col-1-3:nth-of-type(odd) {background-color: #fff;}
#scheda #static .category {display: block; float: left; max-width: 70px; height: 100%; width: 100%; margin: 0px 15%; padding: 8px 0; background-image: url('../img/category.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
#scheda #static .locali {display: block; float: left; max-width: 70px; height: 100%; width: 100%; margin: 0px 15%; padding: 8px 0; background-image: url('../img/locals-icon-orange.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
#scheda #static .beds {display: block; float: left; max-width: 70px; height: 100%; width: 100%; margin: 0px 15%; padding: 8px 0; background-image: url('../img/bedroom-icon-orange.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
#scheda #static .superfice {display: block; float: left; max-width: 70px; height: 100%; width: 100%; margin: 0px 15%; padding: 8px 0; background-image: url('../img/surface-icon-orange.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
#scheda #static .pos {display: block; float: left; max-width: 70px; max-height: 70px; height: 100%; width: 100%; margin: 0px 15%; padding: 8px 0; background-image: url('../img/pos-icon-orange.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
#scheda #static .prezzo {background-color: #EF9719 !important; color: #fff;}
#scheda #static .prezzo .euro {display: block; float: left; max-width: 70px; height: 100%; width: 100%; margin: 0px 15%; padding: 8px 0; background-image: url('../img/euro-icon-white.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
#scheda #static p {padding: 0; font-size: 40px; margin-bottom: 0;}
/*riferimenti */
#riferimenti {width: 100%; height: 199px; padding: 15px; background-color: #007FB9;}
#riferimenti .logo-erato {height: 180px; position: absolute; left: 7.5%; margin-left: -28px;}
#riferimenti p {width: 85%; float: left; margin: 0 0 0 15%; line-height: 1.3; color: #fff;}
#riferimenti .tel {font-size: 30px;}
#riferimenti .tel:before {font-family: 'Glyphicons Halflings'; content: "\e182"; position: relative; float: left; top: 14px; margin-right: 15px;}
#riferimenti .email {font-size: 30px;}
#riferimenti .email:before {font-family: 'Glyphicons Halflings'; content: "\2709"; position: relative; float: left; top: 14px; margin-right: 15px;}
#riferimenti .miniatura {height: 180px; float: right;}
/* contenuto */
.table-striped > tbody > tr:nth-of-type(odd) {background-color: rgba(0,180,228,0.1);}
/* mappa */
#scheda #overlay_mappa {height: 400px; margin-bottom: 15px;}
/* richiedi info */
#scheda #bannerino-home {height: 100px;}
#scheda #bannerino-home h2 {margin-top: 27px; text-align: left;}
#scheda #richiedi-info input[type="submit"] {margin-top: 15px;}
#scheda #richiedi-info {padding: 25px 0; background-color: #555555;}
#scheda #richiedi-info h2 {text-align: left; margin-top: 0; margin-bottom: 15px; line-height: 40px;}

/* CHI SIAMO */
/* bannerino 
#chi-siamo .sfondo-footer {height: 200px;}
#chi-siamo #bannerino-home {float: left; height: auto; width: 100%; margin-top: 121px; background-color: rgba(255, 255, 255, 0.8);}
*/
#chi-siamo h1 {margin-bottom: 20px;}
/* contenuto */
#chi-siamo .container.descrizione {/* padding-top: 15px; */}
#chi-siamo #owl-chi-siamo img {width: 100%;}
#chi-siamo .glyphicon-chevron-right {font-size: 20px !important; color: #00b4e4; margin-right: 10px;}
/* dove siamo */
#dove-siamo #overlay_mappa {height: 350px; margin-bottom: 15px;}
#dove-siamo p {font-size: 20px !important; margin-top: 15px;}
#dove-siamo p span {font-size: 25px !important; top: 5px; color: #00b4e4;}


/* OFFRI/RICHIEDI */
#tab-container ul {text-align: left; margin-right: 15px; margin-left: 15px;}
#tab-container ul li {display: inline-block; list-style-type: none; padding: 20px; font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #CECECE;}
#tab-container ul li a {color: #AFAFAF;}
#tab-container ul li.active {-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #EF9719;}
#tab-container ul li.active a {font-weight: bold; color: #fff;}
#offri-richiedi select, #offri-richiedi input {margin-bottom: 10px;}
#offri-richiedi input[type="radio"] {margin-right: 10px;}
#offri-richiedi label {display: inline-block; margin-right: 25px;}
/* errori
.offri-richiedi #nome, .offri-richiedi #email, .offri-richiedi #telefono, .offri-richiedi #error-captcha, .offri-richiedi #nome2, .offri-richiedi #email2, .offri-richiedi #telefono2, .offri-richiedi #error-captcha2 {display: none;}
*/

/* CONTATTI */
.contatti {height: 100%;}
.contatti .col-sm-6 iframe {max-width: 100%; margin-top: 20px;}
.contatti form iframe {margin-top: 0 !important;}
.contatti #rc-imageselect, .contatti .g-recaptcha {transform:none;-webkit-transform:none;transform-origin:0 0;-webkit-transform-origin:0 0;}
/* mobile */
@media screen and (max-width: 1199px) {
  /* owl-home */
  #owl-home {height: 500px; width: 100%;}
  #owl-home .owl-stage-outer {overflow: hidden;}
  /* annunci */
  .annunci ul li img {height: 215px;}
  /* captcha */
  #rc-imageselect, .g-recaptcha {transform:scale(0.93);-webkit-transform:scale(0.93);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
@media screen and (max-width: 991px) {
  #home #bannerino-home h2, #contatti #bannerino-home h2, #chi-siamo #bannerino-home h2 {margin-top: 32px;}
  /* header */
  .navbar {margin-bottom: 0;}
  /* annunci */
  .annunci ul li img {height: 160px;}
}
@media screen and (min-width: 768px) {
  .annunci .col-sm-4 {width: calc(33.33333333% - 30px); padding-right: 0; padding-left: 0; margin-right: 15px; margin-left: 15px;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  /* annunci */
  .annunci .desc-annuncio {}
  /* footer */
  .social {margin-left: 5px;}
  #g-recaptcha {transform:scale(0.69);-webkit-transform:scale(0.69);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

@media screen and (max-width: 767px) {
  .container {padding-right: 0; padding-left: 0;}
  #pagina.mt {margin-top: 61px;}
  #header.fixed .logo {display: block;}
  /* header */
  button.navbar-toggle {height: 60px; width: 60px; margin-top: 0; margin-bottom: 0; margin-right: 0; padding-right: 17px; padding-left: 17px; background-color: #EF9719; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
  #header > .container {float: left; padding-left: 0; padding-right: 0;}
  #header > .container > .col-sm-12 {padding: 0;}
  .col-sm-12.logo {padding: 10px 0 10px 15px; position: relative; float: left; width: calc(100% - 60px);}
  .logo a {display: inline-block;}
  .logo img {height: 40px;}
  /* menu */
  #main-menu {min-height: 30px; margin-left: 0;}
  #main-menu ul {width: 100%; float: none; margin: 0;}
  #main-menu {padding-right: 0; padding-left: 0;}
  #main-menu ul li {width: 100%; padding-top: 0; padding: 0; line-height: 40px; border-bottom: 1px solid rgba(255,255,255, 0.2);}
  #main-menu ul li:before {display: none;}
  #main-menu ul li a {padding: 10px; color: rgba(255, 255, 255, 0.8);}
  #main-menu li.active a {background-color: #8D9397;}
  .navbar-collapse {position: fixed; left: 0; width: 100%; padding: 0; background-color: rgba(0, 180, 228, 0.8);}
  .navbar {margin-bottom: 0;}
  /* bannerino home */
  #bannerino-home {height: 120px;}
  #bannerino-home h2 {font-size: 20px; margin-top: 25px;}
  /* static img e owl-home */
  #scheda .col-sm-4 {width: 33.33%;}
  #scheda .tabs.col-sm-8 {width: 66.66666667%;}
  #lista #ricerca-immobili {position: relative; width: 100%;}
  #lista .annunci {width: 100%;}
  #lista .annunci ul:first-child li img {width: 100%; height: auto;}
  #lista .scroll-down-to-pagina {margin-top: 0;}
  .col-sm-12 {width: 100%;}
  #scheda .col-sm-6 {width: 100%;}
  #scheda #static {height: 100vh;}
  #scheda #static p {font-size: 20px;}
  #scheda .grid {height: calc(100vh - 180px); margin-top: 70px;}
  #riferimenti {height: 110px;}
  #riferimenti .tel, #riferimenti .email {font-size: 20px;}
  #riferimenti .tel:before, #riferimenti .email:before {top: 2px;}
  #riferimenti .logo-erato, #riferimenti .miniatura {height: 80px;}
  #scheda .scroll-down-to-pagina {top: calc(200vh - 120px);}
  #static {position: relative !important; width: 100%; z-index: 99;}
  #owl-home, #owl-scheda {position: relative; width: 100%; z-index: 99;}
  /* categorie */
  #categorie .col-sm-3.categoria2 .cont-title, #categorie .col-sm-3.categoria4 .cont-title {top: auto; bottom: 0;}
  /* annunci */
  .lista .annunci ul li img {width: 100%; height: auto;}
  /* newsletter */
  #home #form-newsletter input[type="submit"] {margin-top: 10px;}
  /* footer */
  .social {margin-left: 0; float: left; margin-right: 20px;}
  /* categorie */
  #categorie .col-sm-3 {width: 50%; margin-bottom: 30px;}
  #categorie.background-categorie img {width: 100%;}
  /* contattaci */
  #contattaci .col-sm-4 {width: 100%;}
  #contattaci .col-sm-8 {padding: 0; width: 100%;}
  #contattaci .contact-us img {float: left; margin-bottom: 30px;}
  #contattaci .contact-us p {max-width: 100%; text-align: right;}
  #contattaci span {margin-top: 20px;}
  #contattaci p span:nth-child(2) {margin-right: 15px;}
  #contattaci form .col-sm-6 {width: 33.333333%;}
  /* offri richiedi */
  #offri-richiedi .col-sm-4 {width: 100%;}
  /* contatti */
  #contatti #dove-siamo .col-sm-6, #chi-siamo #dove-siamo .col-sm-6 {width: 100%;}
  #dove-siamo img {max-width: 100%;}
}

@media screen and (max-width: 600px) {
  .descrizione h1 {margin-top: 30px;}
  #owl-home, #owl-scheda {height: 300px;}
  /* vetrina */
  #home .annunci ul:first-child li {width: calc(100% - 15px);}
  /* bannerino home */
  #bannerino-home {height: 95px;}
  #home #bannerino-home h2, #contatti #bannerino-home h2, #chi-siamo #bannerino-home h2 {font-size: 16px; margin-top: 24px;}
  /* contattaci */
  #contattaci .contact-us img {float: none; margin-bottom: 15px;}
  #contattaci .contact-us p {max-width: 100%; text-align: center;}
  #contattaci span {margin-top: 0; margin-bottom: 30px;}
  #contattaci form .col-sm-6 {width: 50%;}
  /* lista */
  #lista h1 {font-size: 25px;}
  #lista .sfondo-footer {height: 188px;}
  #lista .annunci ul:first-child li {width: calc(100% - 15px);}
  .elenco {margin-left: 0;}
  /* scheda */
  h1 {font-size: 30px;}
  /* back-to-top */
  #box-fixed {top: 100%; margin-top: -60px;}
  #back-to-top {top: 100%; bottom: 0;}
}

@media screen and (max-width: 480px) {
  /* categorie */
  #categorie .col-sm-3 {width: 100%; margin-bottom: 30px;}
  #categorie.background-categorie {background-image: none; background-color: #efefef;}
  /* bannerino home */
  #bannerino-home {height: 95px;}
  #home #bannerino-home h2, #contatti #bannerino-home h2, #chi-siamo #bannerino-home h2 {font-size: 14px;}
  /* contattaci */
  #contattaci .contact-us p {max-width: 180px; margin-bottom: 15px;}
  #contattaci p span:nth-child(2) {margin-right: 0;}
  #contattaci form .col-sm-6 {width: 100%;}
  #captcha, #g-recaptcha2, .g-recaptcha {transform: scale(0.7); transform-origin: 0 0;}
  /* lista */
  #lista #bannerino-home {margin-top: 37px;}
  #lista h1 {font-size: 21px; height: 48px;}
  #lista .sfondo-footer {height: 125px;}
}

@media screen and (max-width: 380px) {
  #g-recaptcha {transform:scale(0.7); transform-origin:0 0}
  /* bannerino home */
  #bannerino-home {height: 60px;}
  #bannerino-home h2 {display: none;}
}

/* */