html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Raleway-Regular';
}

html {
    scroll-behavior: smooth;
}

a {
    color: #0c226b
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.col-dx {
    padding-right: 0px;
    padding-left: 0px;
}

.col-sx {
    padding-right: 20px;
    padding-left: 0px;
}

.col-sx .title {
    padding: 0px;
}

.btn.focus,
.btn:focus,
input:focus,
select:focus,
button:focus {
    outline: 0;
    box-shadow: none !important;
}

/* Help class */
.mt-10 {
    margin-top: 10px;
}

/* FONT */

@font-face {
    font-family: 'Raleway-Regular';
    src: url('/fonts/Raleway-Regular.eot');
    src: url('/fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/Raleway-Regular.woff') format('woff'), url('/fonts/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-Medium';
    src: url('/fonts/Raleway-Medium.eot');
    src: url('/fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('/fonts/Raleway-Medium.woff') format('woff'), url('/fonts/Raleway-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-SemiBold';
    src: url('/fonts/Raleway-SemiBold.eot');
    src: url('/fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('/fonts/Raleway-SemiBold.woff') format('woff'), url('/fonts/Raleway-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway_bold';
    src: url('/fonts/Raleway-Bold.eot');
    src: url('/fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/Raleway-Bold.woff') format('woff'), url('/fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

iframe {
    max-width: 100%
}


/* NAVBAR */

.navbar-brand {
    background: white;
    padding: 5px 15px;
    margin-right: 0px;
    position: absolute;
    top: 0px;
    box-shadow: 0 2px 7px 0px rgba(0, 0, 0, .17);
}

.navbar-brand h1,
.navbar-brand span {
    text-indent: -9999px;
    position: absolute;
}

.navbar-expand-lg.blu {
    background-color: #0c226b;
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-expand-lg.blu a,
.navbar-expand-lg.blu span {
    color: #fff;
}

.navbar-expand-lg i {
    color: #fff;
    font-size: 13px;
}

.blu .navbar-collapse a,
.blu .navbar-collapse span {
    padding: 15px;
    font-size: 13px;
}

nav li.active a,
nav li.active span {
    border-bottom: 5px solid #97bf0d;
}

nav li a:hover {
    border-bottom: 5px solid #97bf0d;
}

#barra-blu {
    background-color: #11266e;
    height: 50px;
}

.dropdown-menu {
    right: 0;
    left: auto;
}

.navbar-collapse .dropdown-menu {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}

.navbar-collapse .dropdown-menu a {
    color: #11266e;
    margin: 0px;
    top: 37px;
    padding: 7px 10px;
}

.navbar-collapse .dropdown-menu a:hover {
    background-color: #e0e0e0;
}

.dropdown-menu.show {
    margin-top: -1px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    box-shadow: 2px 2px 2px #ddd;
    background-color: #f2f2f2;
}

.dropdown-menu.show .dropdown-item.selected {
    background-color: #e0e0e0;
    font-size: 13px;
    color: #11266e;
    padding: 7px 10px;
}

nav li.active a.dropdown-item.selected,
nav li.active span.dropdown-item.selected {
    border-bottom: none;
}

.dropdown-menu.show a {
    border: none;
}

.dropdown-menu.show i {
    color: #11266e;
    margin-right: 4px;
}

.dropdown-menu.show .icon-user {
    font-size: 16px;
}

.navbar-toggler {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 3px 9px 6px;
}

.blu .icon i {
    font-size: 13px;
    vertical-align: middle;
    margin-right: 3px;
}

.benvenuto {
    padding: 10px;
    font-size: 13px;
    color: #11266e;
}

.benvenuto span {
    font-family: 'Raleway-SemiBold';
    color: #11266e !important;
    padding: 0px !important;
}


/* AREA IMMAGINE CON RICERCA */

.immagine-home {
    background-image: url(/img/sfondoweb.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.contenitore-ricerca #image-logo {
    display: table;
    margin: 0px auto 20px;
}

.contenitore-ricerca .form-control {
    border: 2px solid #97bf0d;
    float: right;
}

#form-cerca-home #cerca {
    cursor: pointer;
}

#form-cerca-home span.input-group-btn {
    right: 51px;
    top: 284px;
    position: absolute;
}

#homepage #cerca-errore .inner {
    display: table;
    background-color: #f1dbdb;
    padding: 7px 12px;
    border: 1px solid red;
    border-radius: 4px;
    width: 100%;
    color: red;
    margin-top: 65px;
}

.immagine-home .input-group-btn i {
    color: #fff;
    font-size: 25px;
}

.btn-secondary {
    color: #fff;
    background-color: #819f1b;
    border-color: #819f1b;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #11266e;
    border-color: #11266e;
}

.btn-secondary:focus {
    color: #fff;
}

.btn-accedi i.icon-user {
    font-size: 13px;
    margin-right: 3px;
}

.btn-facebook .icon-facebook {
    color: #fff;
    vertical-align: text-bottom;
    font-size: 20px;
    margin-right: 5px;
}

.btn-facebook {
    background-color: #3b5998;
    color: #fff;
}

.btn-facebook:hover {
    background-color: #304776;
}

.btn-facebook:active,
.btn-facebook:visited,
.btn-facebook:hover,
.btn-facebook:enabled {
    color: #fff;
}

.btn-social {
    font-size: 21px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    border: none;
    background-color: transparent;
}

.btn-social i:hover {
    transition: 0.5s;
}

.btn-social .icon-cond-fb {
    color: #3b5998;
}

.btn-social .icon-cond-fb:hover {
    color: #304776;
}

.btn-social .icon-cond-mess {
    color: #0084ff;
}

.btn-social .icon-cond-mess:hover {
    color: #1967af;
}

.btn-social .icon-cond-what {
    color: #38c480;
}

.btn-social .icon-cond-what:hover {
    color: #03b364;
}

.btn-social .icon-cond-linkedin {
    color: #1777d1;
}

.btn-social .icon-cond-linkedin:hover {
    color: #1064b2;
}

.btn-filtri {
    color: #fff;
    background-color: #c7c7c7;
    border-color: #c7c7c7;
    cursor: pointer;
}

.btn-filtri:hover {
    color: #666;
    background-color: #ddd;
    border-color: #ddd;
}

.btn-filtri:focus {
    color: #666;
    background-color: #ddd;
    border-color: #ddd;
}

.btn-print, .btn-wa {
    padding: 3px 10px;
}

.button-right .btn-salva {
    float: none;
    margin-top: 1px;
}

.contenitore-ricerca {
    margin: 110px 0px;
    padding: 50px;
}


/* FINE ---------- AREA IMMAGINE CON RICERCA */


/* ULTIMI ANNUNCI INSERITI IN HOME */

.titolo {
    font-size: 20px;
    padding: 10px 0px 5px 0px;
    margin: 20px 0px 20px 0px;
    border-bottom: 2px solid #97bf0d;
    font-family: 'Raleway-SemiBold';
}

#page .titolo,
#page-blog .titolo {
    font-size: 27px;
}

#homepage .annuncio,
#product .annuncio,
#page .annuncio,
#page-agenzia .annuncio {
    padding: 10px 10px 10px 10px;
}

.card.boxed:hover {
    box-shadow: 2px 2px 2px #ddd;
}

.row-immobile:hover {
    box-shadow: 2px 2px 2px #ddd;
}

#homepage .annuncio .card-footer div:nth-child(1),
#product .annuncio .card-footer div:nth-child(1),
#page .annuncio .card-footer div:nth-child(1),
#page-agenzia .annuncio .card-footer div:nth-child(1) {
    float: left;
    width: 130px;
}

#homepage .annuncio .card-footer div:nth-child(2),
#product .annuncio .card-footer div:nth-child(2),
#page .annuncio .card-footer div:nth-child(2),
#page-agenzia .annuncio .card-footer div:nth-child(2) {
    float: right;
    width: 80px;
    text-align: right;
}

.card.boxed {
    border: 1px solid #ddd;
}

.card-img-immobile img {
    display: block;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.card-img-immobile figure {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #efefef;
    height: 0;
    padding-bottom: 60%;
    border-radius: 3px 3px 0px 0px;
}

.card-footer {
    background-color: transparent;
}

.card-body .tipologia {
    font-size: 16px;
    padding-bottom: 5px;
    font-family: 'Raleway-Medium';
    line-height: 1.3;
}

.ultimi-annunci-inseriti .card-body,
.ultimi-annunci-inseriti .card-footer {
    padding: 10px;
    font-size: 12px;
}


/* FINE ---------- ULTIMI ANNUNCI INSERITI IN HOME */


/* AREA "informato prima" */

#homepage .informa-prima {
    overflow: hidden;
    position: relative;
    margin-top: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
}

#homepage .informa-prima:before {
    background: url(/img/informato.png) #e6e6e6;
    webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    content: '';
    position: absolute;
    width: 500%;
    height: 500%;
    top: -50%;
    right: -150%;
    z-index: -1;
}

#homepage .informa-prima .titolo {
    font-family: 'Raleway-SemiBold';
    font-size: 25px;
    text-align: center;
    border-bottom: none;
    margin: 0px;
}

#homepage .informa-prima .campo {
    padding: 20px;
}

#homepage .informa-prima input,
#homepage .informa-prima select,
#homepage .informa-prima button {
    margin-top: 20px;
}

#homepage .trattamento-dati .form-check-input {
    margin: 0px 5px;
}

#homepage .form-check-input {
    position: relative;
}

#homepage .informa-prima span.privacy,
#listing span.privacy {
    font-size: 10px;
}

#homepage .informa-prima .invia {
    padding: 0px 20px;
}

#homepage .informa-prima .invia a {
    width: 100%;
}

.privacy a {
    font-weight: bold;
}


/* FINE ---------- AREA "informato prima" */


/* ULTIME NEWS in HOMEPAGE */

#homepage .row-card {
    padding: 10px;
}

#homepage .news-homepage {
    margin: 40px auto;
}

#homepage .news-homepage .titolo {
    font-size: 20px;
    padding: 10px 0px 5px 0px;
    margin: 20px 0px 20px 0px;
    border-bottom: 2px solid #97bf0d;
    font-family: 'Raleway-SemiBold';
}

#homepage .news-homepage row:first-child {
    margin-bottom: 100px;
}

#homepage .card-contenuto .titolo {
    border-bottom: none;
    margin: 5px auto;
    padding: 5px 0;
}

#homepage .card-contenuto .btn-secondary.slim {
    margin: 10px 0;
    display: block;
    width: fit-content;
}


/* BANDA RICERCA */

.banda-ricerca.collapse.show {
    padding-top: 0px;
}

.banda-ricerca {
    background-color: #efefef;
    padding: 80px 16px 25px;
    width: 100%;
    border: none;
}

#form-cerca-top .invia #btn-cerca {
    float: right;
}

.btn.tutti-filtri {
    padding-top: 10px;
}

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

.tutti-filtri {
    cursor: pointer;
    font-size: 12px;
    background-color: transparent;
    border: none;
    text-transform: uppercase;
    font-family: 'Raleway-SemiBold';
    color: #11266e;
    padding-left: 3px;
}

.tutti-filtri.collapsed {
    color: #11266e;
}

.tutti-filtri:hover {
    text-decoration: underline;
}

.tutti-filtri:focus {
    box-shadow: none;
    color: #11266e;
}

.card {
    background-color: transparent;
    border: none;
}

.collapse.show .input-group input[type=text] {
    color: #495057;
}

.input-group.prezzo-da {
    float: left;
    margin-right: 5px;
    width: 38%;
}

.input-group.prezzo-a {
    width: 38%;
}

.label-filtri {
    font-size: 12px;
    font-family: 'Raleway-SemiBold';
    padding: 5px;
}

#form-ricerca-top button.btn-secondary {
    float: right;
}


/* FINE ---------- BANDA RICERCA */


/* LISTING immobili */

.ordine-ricerche {
    padding-bottom: 30px;
}

.row-immobile {
    padding: 20px 0px 30px;
    border-bottom: 1px solid #ddd;
    position: relative;
    margin-bottom: 20px;
}

.abstract-houses .titolo-annuncio {
    font-family: 'Raleway-Medium';
    color: #666;
    padding: 3px 0px 10px 0px;
    font-size: 17px;
    line-height: 1.3;
}

.abstract-houses a {
    text-decoration: none;
}

.abstract-houses p {
    font-size: 14px;
    line-height: 19px;
    padding: 5px 0px 15px 0px;
}

.prezzo-immobile {
    color: #444;
    font-size: 18px;
    font-family: 'Raleway-Medium';
}

#listing .riepilogo-immobile {
    padding: 0px;
}

#listing .list-inline>li:first-child {
    padding-left: 0px;
}

#listing .list-inline>li:last-child {
    padding-right: 0px;
}

.btn-dettagli {
    float: left;
}

.btn-salva {
    float: right;
}

.btn-salva i {
    color: #102b79 !important;
}

.btn-salva:hover i {
    color: #fff !important;
}

.btn-contatta {
    float: right;
    margin-right: 10px;
    background: #819f1b;
    color: #fff;
    border: 1px solid #819f1b;
}

.btn-dettagli,
.btn-salva,
.btn-contatta {
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 10px 5px 10px;
}

.btn-dettagli,
.btn-contatta:hover {
    border: 1px solid #11266e;
    color: #ffffff;
    background-color: #11266e;
}

a.btn-dettagli,
a.btn-dettagli:hover {
    color: #97bf0d;
}

.btn-dettagli:hover {
    background-color: #8ca81c;
    border: 1px solid #8ca81c;
}

.btn-dettagli:enabled {
    color: #fff;
}

.btn-salva {
    border: 1px solid #11266e;
    color: #11266e;
    font-family: 'Raleway-SemiBold';
    background-color: #fff;
}

.btn-salva:active {
    border: 1px solid #11266e;
    color: #11266e;
}

.btn-salva i {
    color: #97bf0d;
}

.btn-salva:hover {
    background-color: #11266e;
    border: 1px solid #11266e;
    color: #fff !important;
}

.btn-salvato {
    background-color: #fff;
    border: 1px solid red;
    color: red;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'Raleway-SemiBold';
    padding: 5px 10px 5px 10px;
}

.btn-salvato i,
.btn-salvato {
    color: red !important;
}

.btn-salvato:hover {
    background-color: #fff;
    border: 1px solid #11266e;
    color: #11266e;
}

.btn-salvato:hover,
.btn-salvato:hover i {
    color: #11266e !important;
}

.btn-salva:enabled {
    color: #11266e;
}

.img-listing-immobile {
    padding: 0px;
}

.img-listing-immobile figure {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #efefef;
    height: 0;
    padding-bottom: 80%;
    border-radius: 3px;
}

.img-listing-immobile figure img {
    display: block;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

#listing .abstract-houses,
#listing .btn-listing-immobili {
    padding: 0px;
}

#listing .n-annunci,
#listing .n-annunci {
    left: 0;
    position: absolute;
}

#listing .n-annunci,
#listing .ordinamento {
    right: 2%;
    position: absolute;
}

#listing .ordinamento #orderby,
#listing .ordinamento #orderby:hover,
#listing .ordinamento #orderby:active {
    color: #819f1b;
}


/* CONDIVISIONE */

.condivisione {
    text-align: right;
    margin: 13px auto 0px;
}

.condivisione span {
    font-size: 10px;
    margin-right: 8px;
}


/* ICONE */

.icon-marker {
    font-size: 10px;
}

.icon-telefono,
.icon-mail {
    margin-right: 5px;
}

.icon-arrowUP {
    display: table;
    color: #fff;
    margin: 30% auto;
}

.icon-search {
    color: #fff;
    margin-right: 4px;
}

.icon-filtri {
    color: #fff;
    margin-right: 4px;
    vertical-align: middle;
}

span.filtra {
    font-size: 15px;
    font-family: 'Raleway-SemiBold';
    color: #fff;
    vertical-align: bottom;
}

.base-sprite {
    background-image: url(/img/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.base-sprite.icona-mappa {
    background-position: -42px -34px;
    width: 16px;
    height: 14px;
}

.base-sprite.icona-agenzia {
    background-position: -49px -135px;
    width: 37px;
    height: 37px;
    display: table;
    margin: 0px auto 20px;
}

.base-sprite.icona-tel-agenzia {
    background-position: -49px -176px;
    width: 37px;
    height: 37px;
    display: table;
    margin: 0px auto 20px;
}

.base-sprite.icona-mail-agenzia {
    background-position: -49px -217px;
    width: 37px;
    height: 37px;
    display: table;
    margin: 0px auto 20px;
}

.mail {
    display: block;
    margin-top: 10px;
    padding: 0px 5px;
    font-size: 12px;
}

.numero-telefono {
    display: block;
    margin-top: 10px;
    padding: 0px 5px;
}

.riepilogo-immobile .label {
    font-size: 11px;
}

.metri-q {
    font-size: 10px;
}

.sup {
    font-size: 7px;
}

.riepilogo-immobile ul li:last-child strong {
    padding-right: 0px;
}

.pagination {
    margin-top: 30px;
    margin-bottom: 40px;
}

.pagination ul {
    list-style: none;
    margin: auto;
}

.pagination ul li {
    display: inline-block;
    padding: 6px 0px;
    border: 1px solid #8ca81c;
    border-radius: 3px;
    margin: 5px;
    color: #8ca81c;
}

.pagination ul li:hover {
    background-color: #8ca81c;
    border: 1px solid #8ca81c;
}

.pagination ul li a {
    padding: 8px 11px;
    text-decoration: none !important;
}

.pagination ul li a:hover {
    color: #fff !important;
}

.pagination .selected {
    padding: 6px 11px;
    background-color: #8ca81c;
    color: #fff;
}


/* SIDEBAR */

.informato-per-primo {
    border: 1px solid #97bf0d;
    padding: 10px;
    background: #eaf2cf;
}

.scarica-magazine p {
    font-size: 14px;
    line-height: 22px;
}

.scarica-magazine {
    border: 1px solid #97bf0d;
    padding: 10px;
    margin: 40px auto 30px;
}

.icon-magazine {
    font-size: 60px;
    position: absolute;
    color: #819f1b;
    right: 6%;
    top: -10%;
    background-color: #fff;
}

.informato-per-primo .icon-bell {
    font-size: 60px;
    position: absolute;
    color: #819f1b;
    right: 6%;
    top: -10%;
}

.card-header {
    color: #819f1b;
    padding: 5px 0px;
    font-family: 'Raleway-SemiBold';
    background-color: transparent;
    border-bottom: none;
}

.card-header-post {
    font-size: 14px;
    padding: 0px 15px 15px;
    line-height: 1.5;
    color: #495057;
}

.card-body,
.elenco-ricerche {
    padding: 5px 0px;
}

.slim {
    width: 100%;
    padding: 4px 15px;
    border-radius: 3px;
    border: none;
}

.slim:hover {
    background-color: #718d11;
    text-decoration: none;
    border: none;
}

.input-group.info {
    margin: 5px 0px 5px 0px;
}

.elenco-ricerche ul {
    list-style: none;
    font-size: 14px;
}

.elenco-ricerche li {
    padding: 7px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    line-height: 1.3;
}

.elenco-ricerche li:last-child {
    border-bottom: none;
}

.elenco-ricerche a:hover,
:focus {
    color: #819f1b;
    text-decoration: none;
}

.elenco-ricerche .selected {
    color: #97bf0d;
}


/* SIDEBAR BOX Ultimi articoli */

.card.ultime-news {
    border: 1px solid #97bf0d;
    padding: 10px;
}

.card.ultime-news ul {
    padding-top: 10px;
}

.card.ultime-news li {
    list-style: none;
    border-bottom: 1px solid #dedede;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.card.ultime-news li:last-child {
    border-bottom: none;
    margin-bottom: 6px;
}

.card.ultime-news li .titolo-news a {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    display: block;
    font-family: 'Raleway-Medium';
}

.card.ultime-news li .titolo-news a:hover {
    color: #819f1b;
    text-decoration: none;
}

.card.ultime-news li span {
    font-size: 10px;
    line-height: 1.3;
    color: #888;
}

.card.ultime-news a.leggi-articoli {
    color: #819f1b;
    font-size: 14px;
    text-align: right;
}


/* SIDEBAR BOX AGENZIA in pagina Prodotto */

#product .agenzia-territorio {
    background-color: rgba(151, 191, 13, 0.2);
    border: 1px solid #97bf0d;
    padding: 10px;
}

.agenzia-territorio .mail a {
    text-decoration: none;
}

.agenzia-territorio .mail a:hover {
    color: #97bf0d;
}

#product .nome-agenzia a {
    font-family: 'Raleway-SemiBold';
    font-size: 20px;
    text-decoration: none;
}

#product .nome-agenzia a:hover {
    color: #97bf0d;
}

#product .testo-agenzia {
    font-size: 14px;
    padding: 8px 0px;
}

#product .agenzia-territorio .mail {
    margin: 0px;
    padding: 5px 0px;
}

#product .agenzia-territorio .numero-telefono {
    margin: 0px;
    padding: 5px 0px;
}


/* SIDEBAR BANNER */

figure.banner {
    margin: 1.5rem 0;
}

figure.banner img {
    border-radius: .25rem;
}


/* PAGINA IMMOBILE */

#product .title .titolo {
    font-size: 25px;
}

.riepilogo-immobile strong {
    font-family: 'Raleway-SemiBold';
    padding-right: 4px;
}

.list-inline>li {
    display: inline-block;
    padding: 0px 4px;
    vertical-align: middle;
    margin-bottom: 5px;
    font-size: 12px;
}

.list-piped li+li {
    border-left: 1px solid #999;
}

.button-right {
    float: right;
}

.button-right i {
    color: #fff;
    font-size: 16px;
    vertical-align: text-bottom;
}

.img-immobile {
    margin: 30px 0px;
}

.dati-principali .titolo-paragrafo {
    font-size: 20px;
    margin: 16px 0px;
    border-bottom: 1px solid #ddd;
    font-family: 'Raleway-Medium';
}

.dati-principali p {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
}

.box {
    background-color: #efefef;
    border-radius: 5px;
    line-height: 1.5;
    margin: 20px 0px;
    padding: 1px 15px 15px;
}

.box.torna {
    padding: 5px 10px 5px 0px;
    text-align: center;
}

.box span {
    float: right;
    margin-right: 18px;
}

.box .details.col2 span {
    margin-right: 0px;
}

.box .details {
    padding: 2px 0px;
}

.box .details span {
    font-family: 'Raleway-SemiBold';
}

.box .details span.classe-energetica {
    background-image: url(/img/sprite.png);
    background-repeat: no-repeat;
    width: 49px;
    height: 28px;
}

.box .details .classe-a {
    background-position: 10px 0px;
}

.box .details .classe-b {
    background-position: 10px -67px;
}

.box .details .classe-c {
    background-position: 0px -102px;
}

.box .details .classe-d {
    background-position: 0px -136px;
}

.box .details .classe-e {
    background-position: 0px -170px;
}

.box .details .classe-f {
    background-position: 0px -202px;
}

.box .details .classe-g {
    background-position: 0px -236px;
}

.box .details .classe-esente {
    background-position: 0px -271px;
}

img.img-planimetria {
    width: auto !important;
    height: 450px !important;
    display: block;
    opacity: 100% !important;
}

.richiedi-informazioni {
    background-color: rgba(151, 191, 13, 0.2);
    padding: 15px 0px;
    margin-bottom: 20px;
}

#down-privacy {
    position: absolute;
}

.richiedi-informazioni .large {
    width: 100%;
    background-color: #97bf0d;
}

.richiedi-informazioni .form-contatto {
    font-family: 'Raleway-SemiBold';
    margin-bottom: 15px;
}

.richiedi-informazioni .submit-form a.btn-secondary {
    width: 100%;
}

.altre-ricerche {
    margin-top: 20px;
    margin-bottom: 60px;
}

.altre-ricerche a {
    display: table;
    margin: auto;
}


/* nuove classi energetiche */

#energy-class,
#energy-class .col-xs-12 {
    width: 100%;
}

.row.class-energy {
    padding: 55px 15px 0px;
}

.col-eng-gruppo.energy-gruppo-1 {
    width: 8.33%;
}

.col-eng-gruppo {
    position: relative;
    float: left;
    min-height: 1px;
}

.row.class-energy p {
    margin-bottom: 0;
}

.energy-Aplus {
    background-color: #6d9e00;
}

.energy-A {
    background-color: #7fb800;
}

.energy-B {
    background-color: #91d100;
}

.energy-C {
    background-color: #ebc400;
}

.energy-D {
    background-color: #eb9d00;
}

.energy-E {
    background-color: #e67300;
}

.energy-F {
    background-color: #d22300;
}

.energy-G {
    background-color: #b80000;
}

.classe-esente {
    padding-bottom: 20px;
}

[class^=energy-] {
    padding: 8px 0px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin: 0px 1px;
}

.indicator-energy {
    position: absolute;
    top: -55px;
    left: 7%;
    padding: 8px 12px;
    white-space: nowrap;
    color: #fff;
    background-color: #999;
    font-weight: 700;
    border-radius: 3px;
}

.indicator-energy[data-energyclass="D"],
.indicator-energy[data-energyclass="E"],
.indicator-energy[data-energyclass="F"],
.indicator-energy[data-energyclass="G"] {
    right: 7%;
    left: inherit;
}

.indicator-energy[data-energyclass="D"]:before,
.indicator-energy[data-energyclass="E"]:before,
.indicator-energy[data-energyclass="F"]:before,
.indicator-energy[data-energyclass="G"]:before {
    right: 8%;
    left: inherit;
}

.indicator-energy:before {
    position: absolute;
    border-top: 10px solid #999;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    left: 8%;
    margin-left: 5px;
}

.features__mutuo:after,
.indicator-energy:before,
.section-data dd:before,
.text-compressed:after,
[data-role=expand-suggest] a:before {
    content: '';
}


/* FINE ---------- PAGINA IMMOBILE */


/* PAGINA STATICA */

#page img {
    max-width: 100%;
}

#page .container {
    margin-top: 100px;
}

#page .contenuto,
#page-agenzia .contenuto,
#page-blog .contenuto {
    padding-right: 30px;
    padding-left: 0px;
    padding-bottom: 30px;
}


/* #page .contenuto img, #page-blog .contenuto img{ /* width: 100%; height: auto;  }*/

#page .contenuto a,
#page-blog .contenuto a {
    color: #819f1b;
    text-decoration: underline;
}

#page .contenuto a:hover,
#page-blog .contenuto a:hover {
    text-decoration: none;
}

#page .contenuto p,
#page-blog .contenuto p {
    font-size: 16px;
    line-height: 1.7;
    padding-bottom: 20px;
}

#page .contenuto h2,
#page-blog .contenuto h2 {
    font-size: 23px;
}

#page .contenuto h3,
#page-blog .contenuto h3 {
    font-size: 20px;
}

#page .contenuto h4,
#page-blog .contenuto h4 {
    font-size: 18px;
}

#page .contenuto h5,
#page-blog .contenuto h5 {
    font-size: 16px;
}

#page .contenuto h6,
#page-blog .contenuto h6 {
    font-size: 14px;
}

#page .contenuto strong,
#page .contenuto h2,
#page .contenuto h3,
#page .contenuto h4,
#page .contenuto h5,
#page .contenuto h6,
#page-blog .contenuto strong,
#page-blog .contenuto h2,
#page-blog .contenuto h3,
#page-blog .contenuto h4,
#page-blog .contenuto h5,
#page-blog .contenuto h6 {
    font-family: 'Raleway-SemiBold';
    padding-bottom: 7px;
}

#page .contenuto ul,
#page .contenuto ol,
#page-blog .contenuto ul,
#page-blog .contenuto ol {
    padding: 10px 0px 10px 30px;
    line-height: 1.7;
}

#page .contenuto li,
#page-blog .card-contenuto li {
    padding: 3px 0px;
}


/* FINE ---------- PAGE */


/* 404 PAGE */

#image-404 {
    display: table;
    margin: auto;
}

.titolo-404 {
    background-color: #0f266e;
    border-radius: 3px;
    padding: 10px 20px;
    display: table;
    margin: auto;
    font-weight: 600;
    color: #fff;
}

p.titolo-404 {
    text-align: center;
    font-size: 20px !important;
    font-weight: 600;
}

#page .banda-ricerca {
    padding-top: 25px;
}

#page .banda-ricerca .container {
    margin-top: 0px;
}

.descrizione-404 {
    text-align: center;
    font-size: 22px !important;
    margin: 30px auto 25px;
}

#page .container.annunci {
    margin-top: 5px;
    margin-bottom: 40px;
}


/* FINE ---------- 404 */


/* PAGINA AGENZIA */

#page-agenzia .container {
    margin-top: 100px;
}

#page-agenzia .titolo {
    color: #97bf0d;
    font-size: 30px;
    border: none;
    margin-bottom: 10px;
}

#page-agenzia .contenuto p {
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 8px;
}

#page-agenzia .info-agenzia li {
    list-style: none;
    display: inline;
    padding-right: 5px;
    padding-left: 10px;
}

#page-agenzia .info-agenzia li:first-child {
    padding-left: 0px;
}

#page-agenzia .info-agenzia li+li {
    border-left: 1px solid #999;
}

#page-agenzia .base-sprite.icona-marker {
    margin-right: 5px;
}

#page-agenzia .info-agenzia {
    padding: 10px;
    background-color: rgba(151, 191, 13, 0.2);
    border: 1px solid #97bf0d;
    border-radius: 3px;
    margin-bottom: 20px;
}

#page-agenzia .titolo-paragrafo {
    font-size: 20px;
    margin: 16px 0px;
    border-bottom: 1px solid #ddd;
    font-family: 'Raleway-Medium';
}

#page-agenzia .card.richiedi-informazioni {
    margin-top: 20px;
    margin-bottom: 20px;
}

#page-agenzia .altre-ricerche {
    margin-bottom: 30px;
}

#page-agenzia .ultimi-annunci .titolo {
    padding: 10px 0px 5px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: 2px solid #97bf0d;
    font-family: 'Raleway-SemiBold';
    font-size: 25px;
    color: #666;
}

#page-agenzia .recapiti a {
    text-decoration: none;
    font-size: 15px;
    font-family: 'Raleway-SemiBold';
}

#page-agenzia .piped .center {
    display: table;
    margin: auto;
    font-size: 15px;
    font-family: 'Raleway-SemiBold';
    text-align: center;
}

#page-agenzia .row.recapiti {
    margin-top: 10px;
    margin-bottom: 20px;
}

#page-agenzia .row.recapiti .piped {
    margin-bottom: 20px;
}

#page-agenzia .row.recapiti .piped:nth-child(2) {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#page-agenzia .row.recapiti .piped:nth-child(2) .center {
    padding: 3px 10px;
    background-color: #21326c;
    margin-bottom: 5px;
    border-radius: 3px;
}

#page-agenzia .row.recapiti .piped:nth-child(2) a {
    color: #fff;
    font-family: 'Raleway-Regular';
}

#page-agenzia .foto-agenzia,
#page-agenzia .foto-agenzia .gallery {
    width: 100%;
}

#page-agenzia .recapiti i {
    margin: 10px auto 20px;
    display: table;
    font-size: 50px;
    color: #253977;
}


/* FOOTER */

.bg-blu {
    background: linear-gradient(to right, #11266e 0%, #28376d 100%);
    border-top: 5px solid #97bf0d;
}

.prefooter {
    margin: 25px 0px;
}

.prefooter .descrizione {
    line-height: 22px;
}

.prefooter .descrizione img {
    margin: 15px 0px 10px 0px;
    border-radius: 3px;
}

.prefooter .descrizione span {
    color: #fff;
    font-size: 18px;
}

.prefooter .descrizione {
    color: #b2b4b9;
    font-size: 13px;
}

.prefooter .links {
    color: #fff;
    font-size: 18px;
}

.prefooter .links ul {
    list-style: none;
    padding-top: 10px;
}

.prefooter .links li {
    font-size: 13px;
    color: #b2b4b9;
    padding-bottom: 4px;
}

.prefooter .links li.active {
    color: #6478b7;
}

.prefooter .links a {
    color: #b2b4b9;
    text-decoration: none;
}

.prefooter .links a:hover {
    color: #6478b7;
}

.prefooter .links .selected {
    color: #6478b7;
}

.footer-bottom {
    padding: 10px;
    background-color: #97bf0d;
    font-size: 13px;
}


/* SLIDER IMMOBILE */

.container-slider-single {
    margin: 0px;
    background: #f8f8f8;
    border-radius: 3px;
}

.container-slider-single img {
    margin: 0 auto;
    display: table;
    max-height: 450px;
    width: auto;
    max-width: 100%;
}

.p15 {
    padding: 15px;
}

.container-slider {
    margin: 15px 0px 20px;
}

.slider.slider-for {
    height: 450px;
    margin-bottom: 10px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
}

.slider.slider-for img {
    height: 450px;
    width: auto;
    margin: auto;
}

.slider.slider-nav {
    border-radius: 3px;
    background-color: #eee;
}

.slider.slider-nav img {
    height: 138px;
    display: table;
    margin: auto;
    padding: 3px;
    width: auto;
}


/* FINE ---- SLIDER IMMOBILE */


/* ANNUNCI NEL RAGGIO DI X KM */

.annunci-raggio-x {
    background-color: rgba(151, 191, 13, 0.2);
    border: 1px solid #97bf0d;
    padding: 10px;
    border-radius: 3px;
    margin: 30px 0px 10px;
}

.annunci-raggio-x ul {
    list-style: none;
}

.modal-content .card-header {
    text-align: center;
    padding: 15px 0px;
    font-size: 20px;
}

.salva-ricerca {
    position: fixed;
    bottom: 20px;
    left: 50px;
}

.modal-salva-ricerca {
    background-color: #11266e;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 15px;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.41);
}

.modal-content button.close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.modal-content button.close span {
    font-size: 30px;
}

.row.riepilogo-ricerca {
    margin-bottom: 10px;
}

.row.riepilogo-ricerca span {
    font-size: 16px;
    font-family: 'Raleway-SemiBold';
    display: table;
    margin: auto;
}

.campi-riepilogo-ricerca {
    background-color: #819f1b;
    padding: 15px;
    margin-bottom: 20px;
}

.campi-riepilogo-ricerca li strong {
    font-family: 'Raleway-SemiBold';
}

.campi-riepilogo-ricerca li strong,
.campi-riepilogo-ricerca li {
    list-style: none;
    color: #fff;
}

.modal-footer {
    padding: 5px 5px 0px 2px
}

.modal-footer p {
    font-size: 14px;
    line-height: 22px;
}

.modal-footer p a {
    font-weight: bold;
    color: #1a2b6d;
    text-decoration: underline;
}

.modal-footer p a:hover {
    text-decoration: none;
}


/* SCROLL UP */

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #97BF0B;
    width: 50px;
    height: 50px;
    display: block;
    display: none;
    text-decoration: none;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 2px 7px 0px rgba(0, 0, 0, .17);
    z-index: 1000;
}

#return-to-top:hover {
    background: #b9e421;
}


/* FINE ---- SCROLL UP */

.stickit {
    position: fixed;
    top: 35px;
    z-index: 1000;
}

.stickit-end {
    bottom: 0;
    position: absolute;
    right: 0;
}

.form-error .inner,
#form_annuncisalva_error .inner,
#form_informatoperprimo_error .inner,
#form_modal_contatta_error .inner,
#form_ricevi_annunci_error .inner,
#form_richiesta_error .inner,
#form_richiesta_bottom_error .inner,
#form_cerca_error .inner {
    margin-top: 10px;
    border: 1px solid #ff0000;
    background-color: #ffffff;
    padding: 5px 7px;
    font-size: 11px;
    color: #ff0000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    font-weight: bold;
}

.form-ok .inner,
#form_annuncisalva_ok .inner,
#form_informatoperprimo_ok .inner,
#form_modal_contatta_ok .inner,
#form_ricevi_annunci_ok .inner,
#form_richiesta_ok .inner,
#form_richiesta_bottom_ok .inner {
    margin-top: 10px;
    border: 1px solid #d4dfcd;
    background-color: #eef5ed;
    padding: 15px 17px;
    font-size: 18px;
    color: #2B7811;
    border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 24px;
    font-weight: bold;
}

#form_richiesta_bottom_error .inner,
#form_richiesta_bottom_ok .inner {
    margin: 0px 0px;
    padding: 10px;
}

#form_informatoperprimo_error,
#form_informatoperprimo_ok {
    width: 100%;
    display: contents;
}

.richiedi-informazioni small {
    font-size: 12px;
    font-style: italic;
}

#ricevi_annunci .btn-secondary {
    margin: 0 auto;
    display: block;
    width: 50%;
    font-weight: 800;
}

#form_ricevi_annunci button,
#form_modal_contatta_annuncio button {
    width: 50%;
    font-weight: 800;
}

#form_ricevi_annunci .submit-form,
#form_modal_contatta_annuncio .submit-form {
    margin: 0 auto;
    text-align: center;
}

.modal {
    overflow-y: auto;
}

.modal .submit-form {
    text-align: center;
}

.input-group.info.group-privacy input[type=checkbox] {
    margin-right: 5px;
}

.input-group.info.group-privacy {
    margin: 10px 0px;
    font-size: 13px;
}

.box.torna .icona-cuore {
    float: inherit;
    margin-right: 0;
}


#btn-login-facebook {
    width: auto;
}

#form-modal-login {
    margin: 0 auto;
    text-align: center
}

#myModalLogin .modal-dialog,
#myModalPassword .modal-dialog,
#myModalRegistrati .modal-dialog {
    width: 360px;
    top: 10%;
}

.row-immobile .messaggio-immobile-nd {
    /* Safari */
    -webkit-transform: translateX(50%) translateY(150%) rotate(-8deg);
    /* Firefox */
    -moz-transform: translateX(50%) translateY(150%) rotate(-8deg);
    /* IE */
    -ms-transform: translateX(50%) translateY(150%) rotate(-8deg);
    /* Opera */
    -o-transform: translateX(50%) translateY(150%) rotate(-8deg);
    /* Internet Explorer */
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    position: absolute;
    width: auto;
}

.row-immobile .messaggio-immobile-nd p {
    font-size: 30px;
    font-family: 'Raleway-SemiBold';
}

.row-immobile .immobile-nd {
    opacity: 0.3;
}

.row-ricerca-salvata {
    border-bottom: 1px solid #cecece;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

.row-ricerca-salvata p {
    margin-bottom: 20px;
}

.row-ricerca-salvata a {
    text-decoration: none;
    font-weight: bold;
    color: #1c2d6e;
    font-size: 20px;
}

.row-ricerca-salvata .btn {
    margin-bottom: 5px;
}

.btn-azione-ricerca-salvata {
    float: right;
}

.btn-ricerca-salvata {
    color: #fff;
    background-color: #11266e;
    border-color: #11266e;
}

.btn-ricerca-salvata:hover {
    color: #fff;
    background-color: #819f1b;
    border-color: #819f1b;
}

.btn-azione-ricerca-salvata .icon-mail {
    color: #fff;
}

.ricezione .btn-azione-ricerca-salvata {
    position: relative;
    bottom: 8px;
    background-color: transparent;
}

.ricezione .btn-azione-ricerca-salvata .icon-message-stop {
    font-size: 18px;
    vertical-align: text-top;
}

.btn-azione-ricerca-salvata .icon-message-stop:hover {
    color: red;
}

.row-ricerca-salvata .icon-bell {
    font-size: 26px;
    margin-left: 10px;
}

.btn {
    cursor: pointer;
}

.notifica {
    position: relative;
    display: initial;
}

.n-notifica {
    background-color: #fa3e3e;
    border-radius: 2px;
    color: #fff;
    padding: 1px 3px;
    position: absolute;
    right: -5px;
    font-size: 10px;
}

.ricezione {
    position: absolute;
    right: 8px;
    bottom: 12px;
}

.row-ricerca-salvata .small {
    margin-left: 10px;
}

.azione-ricerca-salvata {
    display: inline !important;
}

#form_ricerca_salvata .riepilogo-ricerca p {
    line-height: 24px;
}

#titolo-ricerca-salvata {
    font-style: italic
}


/* BLOG LISTING */

#page-blog .row-card {
    margin-bottom: 40px;
}

.card-img {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #efefef;
    height: 0;
    padding-bottom: 60%;
    border-radius: 3px;
}

.card-img img {
    display: block;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.card-contenuto .titolo {
    font-size: 18px !important;
    font-weight: bold;
    margin: 5px auto;
    border-bottom: none;
    padding: 0px;
    padding-bottom: 2px !important;
    font-family: 'Raleway-Medium';
}

.card-contenuto .titolo a {
    color: inherit !important;
    text-decoration: none !important;
}

.card-contenuto .titolo a:hover {
    text-decoration: underline !important;
}

.card-contenuto .data,
#page-blog .data-ora {
    font-size: 12px !important;
    margin: 0px;
    padding-bottom: 0px !important;
    line-height: initial !important;
}

.card-contenuto .riassunto {
    font-size: 15px !important;
    font-style: italic;
    margin: 10px auto 20px;
    padding-bottom: 0px !important;
}

.card-contenuto .btn-secondary.slim {
    color: #fff !important;
    text-decoration: none !important;
}

.right {
    text-align: right;
}


/* SINGLE BLOG */

#page-blog .condivisione,
#page-blog .data-ora,
#page-blog .riassunto-news,
#page-blog .tag-news,
#page-blog .contenuto-news {
    padding: 0px;
}

#page-blog .riassunto-news h2 {
    font-size: 18px;
    font-style: italic;
    margin: 15px 0;
    font-family: 'Raleway-Medium';
}

#page-blog .tag-news {
    font-size: 12px;
}

#page-blog .img-news {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #efefef;
    height: 0;
    padding: 0px 0px 50%;
    margin: 10px auto 20px;
    border-radius: 3px;
}

#page-blog .img-news img {
    display: block;
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%;
}


/* 
*
LAVORA CON NOI 
*
*/
#page.page-lavora_con_noi .container {
    margin-top: inherit;
}

#page.page-lavora_con_noi .titolo {
    border-bottom: none;
    margin-top: 100px;
}

#page.page-lavora_con_noi .contenuto {
    padding-right: 0;
    margin-top: 40px;
}

#page.page-lavora_con_noi .rect-subtitle-container {
    position: relative;
}

#page.page-lavora_con_noi .rect-subtitle {
    height: 200px;
    width: 100%;
    background-color: #97BF0F;
    position: absolute;
    top: -18px;
    left: 0;
    z-index: -1;
}


.container-img-lavora_con_noi {
    display: flex;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    background-color: #85AD01;
    justify-content: center;
}

.container-img-lavora_con_noi .img-lavora_con_noi {
    width: 20%;
    position: relative;
}

.container-img-lavora_con_noi .img-lavora_con_noi::after {
    content: '';
    width: 0;
    height: 100%;
    border-style: solid;
    border-width: 0 0 400px 150px;
    border-color: transparent transparent #8caa33 transparent;
    position: absolute;
    top: 0;
    right: 0;
}

.container-img-lavora_con_noi .text-img-lavora_con_noi {
    width: 80%;
    color: #fff;
    text-align: center;
    padding: 25px;
}

.container-img-lavora_con_noi .text-img-lavora_con_noi button {
    border: none;
    background: transparent;
    width: 100%;
    cursor: pointer;
}

.container-img-lavora_con_noi .text-img-lavora_con_noi span {
    color: #fff;
    font-family: 'Raleway-SemiBold';
    display: block;
    font-size: 1.8rem;
}

.container-img-lavora_con_noi .img-lavora_con_noi figure {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #efefef;
    height: 0;
    padding-bottom: 40%;
}

.container-img-lavora_con_noi .img-lavora_con_noi img {
    display: block;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

/* Pulsante */
#page.page-lavora_con_noi a {
    text-decoration: none;
}

#page.page-lavora_con_noi .box-button {
    background-color: #fff;
    padding: 10px;
    font-size: 23px;
    border-radius: 5px;
    color: #97BF0F;
    text-transform: uppercase;
    font-family: 'Raleway-SemiBold';
    max-width: 100%;
    text-align: center;
    margin-top: 25px;
}

#page.page-lavora_con_noi .box-button:hover {
    background-color: #243669;
    color: #fff;
}

/* Form candidatura */
#page.page-lavora_con_noi .form-candidatura {
    background-color: #85AD01;
    padding-top: 50px;
    padding-bottom: 50px;
    scroll-margin-top: 50px;
}

#page.page-lavora_con_noi .form-candidatura_title {
    display: block;
    color: #fff;
    font-family: 'Raleway-SemiBold';
    font-size: 2rem;
    margin-bottom: 15px;
}

#page.page-lavora_con_noi .form-candidatura_description {
    display: block;
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: 20px;
}

#page.page-lavora_con_noi .form-candidatura .richiedi-informazioni {
    background-color: #EBF3D5;
    border-radius: 5px;
}

.form-candidatura .richiedi-informazioni .form-group input[type="file"] {
    font-size: 12px;
}

.form-candidatura .richiedi-informazioni .form-group .label-form-group {
    font-size: 13px;
}

.form-candidatura .richiedi-informazioni .submit-form {
    text-align: right;
}

.form-candidatura .richiedi-informazioni .checkbox-privacy {
    display: flex;
    font-size: 12px;
}

.form-candidatura .richiedi-informazioni .checkbox-privacy input[type="checkbox"] {
    margin-right: 5px;
}

/* Area card */
#page.page-lavora_con_noi .area-card {
    background-color: #F0F0F0;
    padding-top: 60px;
    padding-bottom: 60px;
}

#page.page-lavora_con_noi .area-card .area-card_card {
    display: flex;
    align-items: stretch;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
}

#page.page-lavora_con_noi .area-card .area-card_card .area-card_card_text {
    background-color: #fff;
    padding: 25px;
    width: 70%;
    position: relative;
}

#page.page-lavora_con_noi .area-card .area-card_card .area-card_card_text-title {
    color: inherit;
    font-style: italic;
    font-size: 1.4rem;
    text-align: inherit;
    margin-bottom: 15px;
    font-family: 'Raleway-SemiBold';
}

#page.page-lavora_con_noi .area-card .area-card_card .area-card_card_text-text {
    font-size: 1rem;
    margin-bottom: 30px;
    line-height: 1.4rem;
}

#page.page-lavora_con_noi .area-card .area-card_card .area-card_card_text-link {
    background-color: #25376a;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    position: absolute;
    bottom: 20px;
    cursor: pointer;
    border: none;
}

#page.page-lavora_con_noi .area-card .area-card_card .area-card_card_text-link:hover {
    background-color: #97BF0F;
    color: #fff;
}

#page.page-lavora_con_noi .area-card .area-card_card .area-card_card_img {
    width: 30%;
    background-color: #fff;
}

#page.page-lavora_con_noi .area-card .area-card_card .area-card_card_img figure {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #efefef;
    height: 0;
    padding-bottom: 70%;
}

#page.page-lavora_con_noi .area-card .area-card_card .area-card_card_img .square {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 1;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 30px;
    border-color: transparent transparent transparent #ffffff;
}

#page.page-lavora_con_noi .area-card .area-card_card .area-card_card_img figure img {
    display: block;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
}


/* Cosa cerchiamo */
#page.page-lavora_con_noi .cosa-cerchiamo_title {
    font-family: 'Raleway-SemiBold';
    font-size: 2rem;
}

#page.page-lavora_con_noi .cosa-cerchiamo {
    margin-top: 5px;
    overflow: hidden;
    position: relative;
    padding-top: 30px;
    padding-bottom: 50px;
}

#page.page-lavora_con_noi .cosa-cerchiamo:before {
    background: url(/img/informato.png) #e6e6e6;
    webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    content: '';
    position: absolute;
    width: 500%;
    height: 500%;
    top: -50%;
    right: -150%;
    z-index: -1;
}

#page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_text {
    padding: 30px;
    background-color: #fff;
    height: 300px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

#page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_text p {
    line-height: 1.8rem;
    font-size: 1.2rem;
}

#page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_img1 {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #efefef;
    height: 300px;
    border-radius: 5px;
}

#page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_img1 img {
    display: block;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

#page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_img2 {
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #efefef;
    height: 300px;
    border-radius: 5px;
}

#page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_img2 img {
    display: block;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

#page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_img3 {
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #efefef;
    height: 300px;
    border-radius: 5px;
}

#page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_img3 img {
    display: block;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    width: 100%;
}


/* Parallax team */
.team-parallax {
    position: relative;
    /* The image used */
    background-image: url(/img/recruitment/team-parallax.png);

    /* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.team-parallax_box {
    width: 600px;
    max-width: 100%;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 30px 30px 40px;
    display: table;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Raleway-SemiBold';
}

.team-parallax::after {
    position: absolute;
    content: '';
    background-color: #253767;
    opacity: 0.5;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.team-parallax_box {
    z-index: 1;
}

.team-parallax_box .brooch {
    width: 35px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.team-parallax_box .team-parallax_box_1 {
    color: #fff;
    display: block;
    font-family: 'Raleway-SemiBold';
    font-size: 2rem;
    margin-bottom: 10px;
}

.team-parallax_box .team-parallax_box_2 {
    color: #fff;
    display: block;
    font-family: 'Raleway-SemiBold';
    font-size: 1.5rem;
}

/* 
*
RECRUITMENT 
*
*/
.page-recruitment {
    margin-top: 130px;
}

#page.page-recruitment .contenuto {
    padding-right: 0;
    margin-top: 40px;
}

.page-recruitment .box-titolo {
    position: relative;
    margin-bottom: 50px;
}

.page-recruitment .box-titolo span {
    color: #808080;
    font-size: 1.8rem;
    font-family: 'Raleway-SemiBold';
}

.page-recruitment .box-color {
    background-color: #25376a;
    color: #fff;
    margin-top: 5px;
    padding: 20px;
    border-radius: 5px;
}

.page-recruitment .box-color button {
    border: none;
    background: transparent;
    cursor: pointer;
}

.page-recruitment .box-color h1,
.page-recruitment .box-color h2,
.page-recruitment .box-color h3 {
    color: #fff;
    font-family: 'Raleway-SemiBold';
    font-size: 2.3rem;
    width: 500px;
    max-width: 100%;
    margin-bottom: 20px;
}

.page-recruitment .box-titolo .container-img {
    position: absolute;
    top: 30%;
    right: 5%;
    transform: translate(5%, -30%);
    width: 300px;
    max-width: 100%;
}

.page-recruitment .box-titolo .container-img .img-recruitment {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #efefef;
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%
}

.page-recruitment .box-titolo .container-img .img-recruitment img {
    display: block;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

/* Pulsante */
.page-recruitment .box-color a {
    text-decoration: none;
}

.page-recruitment .box-color .box-button {
    background-color: #97BF0F;
    padding: 10px;
    font-size: 23px;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Raleway-SemiBold';
    width: 250px;
    max-width: 100%;
    text-align: center;
}

.page-recruitment .box-color .box-button:hover {
    background-color: #fff;
    color: #97BF0F;
}

/* Form candidatura */
.page-recruitment .form-candidatura_title {
    color: #97BF0F;
    font-size: 2.3rem;
    font-family: 'Raleway-SemiBold';
    margin-bottom: 20px;
}

.page-recruitment .form-candidatura {
    position: relative;
    scroll-margin-top: 90px;
}

.page-recruitment .form-candidatura .box-hr {
    position: absolute;
    top: 40%;
    left: 0%;
    transform: translate(0%, -40%);
    width: 200px;
    max-width: 100%;
}

/*immagine*/
.page-recruitment .form-candidatura .box-hr .img-hr {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #efefef;
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
    margin-bottom: 10px;
}

.page-recruitment .form-candidatura .box-hr .img-hr img {
    display: block;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

/*testo*/
.page-recruitment .form-candidatura .box-hr {
    color: #253767;
    text-align: center;
}

.page-recruitment .form-candidatura .box-hr .text-hr span {
    display: block;
    color: #9ebc3c;
}

.page-recruitment .richiedi-informazioni {
    margin-left: 150px;
    margin-bottom: 50px;
    padding: 30px 30px 30px 60px;
    background-color: #ebf3d5;
    border-radius: 5px;
}





/*
* TEMPLATE VALUTA IMMOBILE
*/

@media (min-width: 1200px) {
    .page-valuta_immobile .container {
        max-width: 750px;
    }
}

#page.page-valuta_immobile {
    margin-bottom: 60px;
}

#page.page-valuta_immobile .evidence_img {
    margin-bottom: 20px;
    ;
}

#page.page-valuta_immobile .titolo {
    border-bottom: none;
    text-align: center;
    margin: 0px;
    font-size: 36px;
}

#page.page-valuta_immobile .contenuto {
    padding: 0;
}

#page.page-valuta_immobile .contenuto h1,
#page.page-valuta_immobile .contenuto h2,
#page.page-valuta_immobile .contenuto h3,
#page.page-valuta_immobile .contenuto h4,
#page.page-valuta_immobile .contenuto h5,
#page.page-valuta_immobile .contenuto h6 {
    font-size: 27px;
    text-align: center;
    margin: 30px 0px 10px 0px;
}

#page.page-valuta_immobile .contenuto table {
    text-align: center;
    margin-bottom: 50px;
}

#page.page-valuta_immobile .contenuto table tr td {
    color: #25376a;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Raleway-SemiBold';
    line-height: 1.2;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    #page.page-valuta_immobile .contenuto table tr td {
        display: block;
        width: 100% !important;
    }
}

#page.page-valuta_immobile .contenuto table img {
    width: 120px !important;
    height: auto !important;
    display: block;
    margin: 10px auto;
}

/*
.page-valuta_immobile .evidence_img {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #efefef;
    height: 395px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.page-valuta_immobile .evidence_img img {
    display: block;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    width: 100%;
}
*/

/*
* FORM VALUTA IMMOBILE NELLA PAGINA TEMPLATE VALUTA IMMOBILE
*/
#frm-valuta {
    text-align: center;
    position: relative;
}

#frm-valuta .row {
    margin-left: -15px;
    margin-right: -15px;
}

#frm-valuta fieldset {
    padding: 10px 30px;
    width: 100%;
    /*stacking fieldsets above each other*/
    position: relative;
}

#frm-valuta fieldset:not(:first-of-type) {
    display: none;
}

#frm-valuta .form-contatto {
    margin-top: 15px;
    margin-bottom: 25px;
}

#frm-valuta .input-group .form-control {
    margin-bottom: 0;
}

#frm-valuta .input-group-addon {
    margin-top: 0;
}

#frm-valuta .btn {
    margin-top: 10px;
    margin-bottom: 10px;
}

#frm-valuta .form-control {
    margin-bottom: 10px;
}

#frm-valuta .container_option .input-group,
#frm-valuta .form-group {
    margin-bottom: 10px;
}

#frm-valuta .container_option .container_radio_position {
    display: flex;
    align-items: center;
    text-align: left;
}

#frm-valuta .container_option .container_radio_position div {
    margin-right: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
}

@media screen and (max-width: 550px) {
    #frm-valuta .container_option .container_radio_position {
        display: block;
    }

    #frm-valuta .container_option .container_radio_position div {
        margin-right: 0;
    }

    .my_form-group #pertinenze_altro {
        margin-top: 5px;
    }
}

/*Pulstanti del form*/
#frm-valuta .previous.btn {
    color: #495057;
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 12px;
    padding: 0;
    position: absolute;
    left: 30px;
    bottom: 27px;
}

#frm-valuta .previous.btn:hover {
    text-decoration: underline;
}

#frm-valuta .next.btn,
#frm-valuta .submit.btn {
    float: right;
}

/*Effetto hover che fa comparire la label*/
.my_form-group {
    position: relative;
    height: 45px;
    margin-bottom: 10px;
}

.my_form-group_altro {
    margin-bottom: 10px;
}

.my_form-group input {
    position: absolute;
    top: 0;
    left: 0;
    height: 45px;
    background: transparent;
    outline: none;
    display: block;
    width: 100%;
    padding: 15px 10px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.my_form-group_altro textarea {
    background: transparent;
    outline: none;
    display: block;
    width: 100%;
    padding: 15px 10px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.my_form-group input:not(:placeholder-shown),
.my_form-group input:focus {
    padding: 15px 10px 0px;
}

.my_form-group label {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 16px;
    transition: 0.2s ease;
    display: none;
}

.my_form-group input:focus+label,
.my_form-group input:valid+label {
    font-size: 11px;
    transform: translate(-15px, -16px) scale (0.88);
    display: block;
}

.my_form-group input:focus::placeholder {
    color: transparent;
}

.valuta-privacy {
    text-align: left;
    font-size: 14px;
}



/*
Immobili links in Homepage
*/
.container_immobili_links {
    margin-top: 0px;

}

.container_immobili_links .immobili_links {
    margin-bottom: 20px;
}

.container_immobili_links .immobili_links li {
    list-style: none;
    padding-top: 2px;
    padding-bottom: 2px;
}

.container_immobili_links .immobili_links li a {
    color: inherit;
}

/* Listing per comune */
.comune_listing ul li h3 {
    font-size: inherit;
    font-family: inherit;
}

/*
Listing delle Agenzie per provincia
*/
.provincia_listing,
.comune_listing {
    margin-bottom: 50px;
    margin-left: -15px;
    margin-right: -15px;
}

.provincia_list .list_title,
.comune_listing .list_title {
    font-size: 26px;
    margin: 0px 0px 5px;
    padding-bottom: 5px;
    font-family: 'Raleway-Semibold';
    color: #7ea104;
}

.provincia_list ul {
    margin-top: 2px;
    margin-bottom: 25px;
}

.provincia_list ul li {
    list-style: none;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 10px;
}

.provincia_list ul li a:hover,
.provincia_list ul li span {
    text-decoration: none;
}

.provincia_list ul li span {
    padding-top: 5px;
    font-size: 14px;
    font-family: inherit;
}


.provincia_list ul li a h3 {
    font-family: 'Raleway-SemiBold';
    font-size: 18px;
}

.provincia_list ul li a {
    display: block;
    margin-bottom: 5px;
    color: inherit;
    text-decoration: underline;
}

.sticky-sidebar-valuta-immobile {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    z-index: 999;
}

.dettaglio-agenzia-telefono-top {
    display: none;
    text-align: right;
    margin-top: 15px;
}

.dettaglio-agenzia-telefono-top span {
    font-weight: bold;
    color: #0c226b;
}


/* 
*
*
MEDIA QUERY 
*
*
*/

@media screen and (min-width: 992px) {
    

    .navbar-collapse .navbar-nav {
        position: relative !important;
    }

    .navbar-collapse .navbar-nav .nav-item {
        position: static !important;
    }

    .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
        position: absolute;
        right: 0;
    }

    .dropdown-menu.show {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .annuncio .card-footer div:nth-child(2) {
        float: none;
        text-align: left;
    }
}



@media screen and (max-width: 1200px) {

    /* LAVORA CON NOI */
    .container-img-lavora_con_noi .img-lavora_con_noi {
        width: 60%;
    }

    .container-img-lavora_con_noi .text-img-lavora_con_noi {
        width: 40%;
        color: #fff;
        text-align: right;
        padding: 25px;
    }

    /* Area card */
    #page.page-lavora_con_noi .area-card .area-card_card .area-card_card_text-link {
        position: relative;
        bottom: inherit;
    }

    #page.page-lavora_con_noi .area-card .area-card_card .area-card_card_img figure {
        padding-bottom: 80%;
    }
}

@media screen and (max-width: 991px) {
    .dettaglio-agenzia-telefono-top {
        display: inline;
        
    }
    .sticky-sidebar-valuta-immobile {        
        position: unset;
    }
    .stickit {
        position: inherit;
        top: 0;
        background-color: #fff !important;
        z-index: 1000;
    }

    #homepage .informa-prima .text-center.campo {
        padding-bottom: 0px;
    }

    #homepage .trattamento-dati,
    #homepage .invia {
        padding-top: 10px;
        display: inline-flex;
    }

    .dropdown-menu.show {
        box-shadow: none;
    }

    #navbarResponsive {
        position: relative;
        top: 45px;
        text-align: right;
        margin-bottom: 10px;
        min-height: 230px;
    }

    #navbarResponsive .dropdown-menu.show {
        text-align: right;
        width: auto;
        margin-bottom: 20px;
    }

    nav li.active::after {
        display: none;
    }

    .navbar-toggler {
        border: 1px solid #fff;
    }

    #navbarResponsive li a {
        padding-top: 7px;
        padding-bottom: 7px;
        text-transform: uppercase;
    }

    #navbarResponsive nav li a:hover,
    nav li.active a,
    nav li.active span {
        border-bottom: none;
    }

    nav li a:hover {
        border-bottom: none;
    }

    .banda-ricerca {
        position: sticky;
        top: 0px;
        z-index: 999;
    }

    .informa-prima span,
    .banda-ricerca span {
        justify-content: center;        
    }

    .invia .btn-secondary {
        width: 100%;
    }

    .input-group.prezzo-da {
        float: left;
        margin-right: 20px;
        width: 40%
    }

    .input-group.prezzo-a {
        width: 40%
    }

    .banda-ricerca .form-control {
        margin-top: 10px;
    }

    span.input-group-addon {
        margin-top: 10px;
    }

    .banda-ricerca .second {
        margin-top: 20px;
    }

    /* LISTING */
    #listing .list-piped li:first-child {
        display: block;
    }

    #listing .list-piped li:nth-child(2) {
        border-left: 0px;
        padding-left: 0px;
    }

    #listing .abstract-houses .testo {
        display: none;
    }

    #page .contenuto,
    #page-agenzia .contenuto,
    #page-blog .contenuto {
        padding-right: 0px;
    }

    .banda-ricerca {
        padding-top: 70px;
        padding-bottom: 10px;
    }

    .banda-ricerca .container.filtro {
        text-align: right;
        padding: 0px;
    }

    .banda-ricerca .container.campi,
    .banda-ricerca .container.campi .container {
        padding: 0px;
    }

    /* DETTAGLIO IMMOBILE */
    .slider.slider-for img {
        height: auto;
        padding: 0px;
        max-height: 480px;
    }

    .slider.slider-for {
        height: auto;
    }

    .slider.slider-nav img {
        height: 100px;
        padding: 5px;
    }

    .slider.slider-nav {
        height: 102px;
    }

    #product .dettagli-immobile,
    #product .dettagli-immobile .dati-principali,
    #product .dettagli-immobile .title,
    #product .container-slider {
        padding: 0px;
    }

    #product .dettagli-immobile .dati-principali.box {
        padding: 0px 15px 15px !important;
    }

    #listing .btn-listing-immobili {
        padding: 15px 0px;
    }

    #product .dettagli-immobile .dati-principali.box {
        padding-top: 1px !important;
    }

    .navbar .container {
        margin: 0px;
        display: flex;
        max-width: 100%;
        justify-content: space-between;
    }

    .navbar .dropdown-menu {
        overflow: scroll;
        height: 175px;
        border-radius: 0px;
    }

    .navbar-expand-lg.blu {
        padding: 0px;
    }

    .navbar-brand {
        margin-left: 15px;
    }

    .navbar-toggler {
        margin-right: 15px;
    }

    .row-immobile .messaggio-immobile-nd {
        /* Safari */
        -webkit-transform: translateX(35%) translateY(150%) rotate(-8deg);
        /* Firefox */
        -moz-transform: translateX(35%) translateY(150%) rotate(-8deg);
        /* IE */
        -ms-transform: translateX(35%) translateY(150%) rotate(-8deg);
        /* Opera */
        -o-transform: translateX(35%) translateY(150%) rotate(-8deg);
        /* Internet Explorer */
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    }

    /* RECRUITMENT */
    .page-recruitment .box-titolo span {
        font-size: 1.2rem;
    }

    .page-recruitment .box-color h1,
    .page-recruitment .box-color h2,
    .page-recruitment .box-color h3 {
        width: 350px;
        font-size: 2rem;
    }

    /*immagine*/
    .page-recruitment .box-titolo .container-img {
        width: 200px;
    }

    /*Pulsante*/
    .page-recruitment .box-color .box-button {
        font-size: 18px;
    }


    /* Form contatti */
    .page-recruitment .box-titolo {
        margin-bottom: 0;
    }

    .page-recruitment .richiedi-informazioni {
        padding: 25px 15px 25px 60px;
    }

    /* LAVORA CON NOI */
    .container-img-lavora_con_noi {
        display: block;
    }

    /*Immagine*/
    #page.page-lavora_con_noi .rect-subtitle {
        background-color: transparent;
    }

    .container-img-lavora_con_noi .img-lavora_con_noi {
        width: 100%;
    }

    .container-img-lavora_con_noi .img-lavora_con_noi figure {
        padding-bottom: 50%;
    }

    .container-img-lavora_con_noi .text-img-lavora_con_noi {
        width: 100%;
        text-align: center;
    }

    .container-img-lavora_con_noi .img-lavora_con_noi::after {
        display: none;
    }

    .container-img-lavora_con_noi .text-img-lavora_con_noi span {
        font-size: 1.4rem;
    }

    #page.page-lavora_con_noi .box-button {
        font-size: 18px;
    }

    /* Area card */
    #page.page-lavora_con_noi .area-card .area-card_card .area-card_card_text {
        padding: 15px;
        width: 60%;
    }

    #page.page-lavora_con_noi .area-card .area-card_card .area-card_card_img {
        width: 40%;
    }

    #page.page-lavora_con_noi .area-card .area-card_card .area-card_card_img figure {
        padding-bottom: 100%;
    }

    /* Cosa cerchiamo */
    #page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_text {
        padding: 15px;
        height: 190px;
    }

    #page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_text p {
        line-height: 1.4rem;
        font-size: 1rem;
    }

    #page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_img1,
    #page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_img2,
    #page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_img3 {
        height: 190px;
    }

    /* RECRUITMENT */
    /* Form contatti */
    .page-recruitment .form-candidatura_title {
        text-align: center;
        font-size: 1.7rem;
    }

    .page-recruitment .form-candidatura .box-hr {
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
        width: 150px;
        margin: 0 auto 20px;
    }

    .page-recruitment .richiedi-informazioni {
        margin-left: 0;
        padding-left: 15px;
        margin-top: -120px;
        padding-top: 120px;
    }


}

@media screen and (min-width: 992px) {
    .btn-filtri {
        display: none;
    }

    #banda-ricerca-collapse {
        display: block;
    }
}

@media screen and (max-width: 800px) {
    #product .list-inline.list-piped li:first-child {
        display: block;
        padding-left: 0px;
    }

    #product .list-inline.list-piped li:nth-child(2) {
        border-left: 0px;
        padding-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .titolo {
        margin: 0px 0px 20px 0px;
    }

    .slider.slider-for img {
        height: auto;
        /* width: 100%; */
        padding: 0px;
        max-height: 360px;
    }

    #homepage .contenitore-ricerca span.input-group-btn {
        margin: auto;
        position: absolute;
        top: 75px;
        left: 0;
        bottom: 0;
        right: 0;
        height: 35px;
    }

    #homepage .contenitore-ricerca span.input-group-btn button {
        width: 100%;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    #homepage .contenitore-ricerca .form-control {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        padding: 10px;
        font-size: 15px;
    }

    #homepage .immagine-home {
        margin-bottom: 20px;
    }

    #homepage .immagine-home .container {
        background-color: rgba(31, 48, 110, 0.58);
    }

    #homepage #form-cerca-home #btn-cerca {
        background-color: #14276e;
        border-color: #14276e;
    }

    #homepage #cerca-errore .inner {
        margin-top: 52px;
    }

    .btn-listing-immobili {
        position: inherit;
    }

    .prefooter .links {
        margin-top: 10px;
    }

    #homepage .contenitore-ricerca img {
        display: none;
    }

    #homepage .contenitore-ricerca #image-logo {
        margin: 0px;
    }

    #homepage .contenitore-ricerca {
        padding: 0px 0px;
        margin: 110px 0px 70px;
    }

    #page-agenzia .row.recapiti {
        margin-bottom: 0px;
        margin-left: -15px;
        margin-right: -15px;
    }

    #page-agenzia .row.recapiti .piped {
        padding: 0px;
    }

    #page-agenzia .base-sprite.icona-agenzia {
        display: inline-block;
        margin: 0px;
    }

    #page-agenzia .base-sprite.icona-tel-agenzia {
        display: inline-block;
        margin: 0px;
    }

    #page-agenzia .base-sprite.icona-mail-agenzia {
        display: inline-block;
        margin: 0px;
    }

    #page-agenzia .piped .center {
        display: inline;
        margin-left: 10px;
    }

    #product .box span {
        float: none;
    }

    #product .box span.classe-energetica {
        position: absolute;
        top: -1px;
        margin-left: 10px;
    }

    #listing .container {
        padding: 0px;
    }

    #listing .ordinamento {
        text-align: left;
    }

    .abstract-houses .titolo-annuncio {
        padding: 12px 0px 10px 0px;
        font-size: 15px;
    }

    .listing-immobile-descrizione {
        padding: 2px;
    }

    .row-immobile {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    /* classi energetiche */
    .class-energy {
        position: relative;
    }

    .row.class-energy {
        padding-left: 0px;
        padding-right: 0px;
    }

    .indicator-energy {
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
    }

    .indicator-energy:before,
    .presentation-detail>li+li {
        margin-left: 0 !important;
    }

    .energy-gruppo-1 .indicator-energy[data-energyclass="Aplus"]:before {
        left: calc((12.5% * 0.5) - 10px);
    }

    .energy-gruppo-1 .indicator-energy[data-energyclass="A"]:before {
        left: calc((12.5% * 1.5) - 10px);
    }

    .energy-gruppo-1 .indicator-energy[data-energyclass="B"]:before {
        left: calc((12.5% * 2.5) - 10px);
    }

    .energy-gruppo-1 .indicator-energy[data-energyclass="C"]:before {
        left: calc((12.5% * 3.5) - 10px);
    }

    .energy-gruppo-1 .indicator-energy[data-energyclass="D"]:before {
        right: calc((12.5% * 3.5) - 10px);
        left: auto;
    }

    .energy-gruppo-1 .indicator-energy[data-energyclass="E"]:before {
        right: calc((12.5% * 2.5) - 10px);
        left: auto;
    }

    .energy-gruppo-1 .indicator-energy[data-energyclass="F"]:before {
        right: calc((12.5% * 1.5) - 10px);
        left: auto;
    }

    .energy-gruppo-1 .indicator-energy[data-energyclass="G"]:before {
        right: calc((12.5% * 0.5) - 10px);
        left: auto;
    }

    .col-eng-gruppo {
        position: static;
    }

    #page-agenzia .row.recapiti .piped:nth-child(2) {
        border-right: none !important;
        border-left: none !important;
    }

    #page-agenzia .foto-agenzia .gallery img {
        width: 100%;
        height: auto;
    }

    #page-agenzia .recapiti i {
        display: initial;
        vertical-align: middle;
    }

    .row-immobile .messaggio-immobile-nd {
        /* Safari */
        -webkit-transform: translateX(12%) translateY(320%) rotate(-8deg);
        /* Firefox */
        -moz-transform: translateX(12%) translateY(320%) rotate(-8deg);
        /* IE */
        -ms-transform: translateX(12%) translateY(320%) rotate(-8deg);
        /* Opera */
        -o-transform: translateX(12%) translateY(320%) rotate(-8deg);
        /* Internet Explorer */
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    }

    /* IMMAGINI CARD */
    .img-listing-immobile figure,
    .card-img-immobile figure {
        padding-bottom: 50%;
    }

    /* RECRUITMENT */
    .page-recruitment .box-color h1,
    .page-recruitment .box-color h2,
    .page-recruitment .box-color h3 {
        width: 100%;
        font-size: 1.8rem;
        text-align: center;
    }

    #page.page-recruitment .contenuto {
        margin-top: 10px;
    }

    /*immagine*/
    .page-recruitment .box-titolo .box-color {
        padding-bottom: 100px;
        margin-bottom: -90px;
    }

    .page-recruitment .box-titolo .container-img {
        width: 200px;
        position: relative;
        top: inherit;
        right: inherit;
        transform: none;
        margin: 15px auto;
    }

    /* Pulsante */
    .page-recruitment .box-color .box-button {
        margin: auto;
    }

    /* Area card */
    #page.page-lavora_con_noi .area-card .area-card_card {
        display: block;
    }

    #page.page-lavora_con_noi .area-card .area-card_card .area-card_card_text {
        width: 100%;
        padding-bottom: 25px;
    }

    #page.page-lavora_con_noi .area-card .area-card_card .area-card_card_img {
        width: 100%;
    }

    #page.page-lavora_con_noi .area-card .area-card_card .area-card_card_img .square {
        display: none;
    }


    /* Cosa cerchiamo */
    #page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_img1 {
        margin-top: 20px;
        height: 0;
        padding-bottom: 100%;
    }

    #page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_img2,
    #page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_img3 {
        height: 0;
        padding-bottom: 100%;
    }

    #page.page-lavora_con_noi .cosa-cerchiamo:before {
        right: -450%;
    }

    #page.page-lavora_con_noi .cosa-cerchiamo .cosa-cerchiamo_text {
        height: inherit;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .annuncio .card-footer div:nth-child(1) {
        width: auto;
    }
}

@media screen and (max-width: 600px) {

    /* LAVORA CON NOI */
    .team-parallax {
        min-height: 230px;
    }

    .team-parallax_box {
        border: none;
    }

    .team-parallax_box .brooch {
        display: none;
    }
}

@media screen and (max-width: 576px) {

    #myModalLogin .modal-dialog,
    #myModalPassword .modal-dialog,
    #myModalRegistrati .modal-dialog {
        margin: auto;
        width: 350px;
    }

    .btn-azione-ricerca-salvata {
        float: none;
        display: block;
    }

    .ricezione .btn-azione-ricerca-salvata {
        position: relative;
        bottom: -3px;
        background-color: transparent;
        display: inline-block;
    }

    .ricezione {
        position: initial;
    }

    .ricezione .small {
        margin-left: 0px;
    }

    .row-ricerca-salvata .icon-bell {
        margin-left: 0px;
    }
}

@media screen and (max-width: 575px) {
    .slider.slider-for img {
        height: auto;
        padding: 0px;
        max-height: 320px;
    }

    #listing .container {
        padding: 15px;
    }

    #listing .row.row-immobile .col-sm-8 {
        padding: 0px;
    }

    #listing .banda-ricerca .container {
        padding: 0px;
    }

    .informa-prima span {
        justify-content: center;
    }

    .p30 {
        padding-top: 30px;
    }

    .input-group.prezzo-da {
        margin-right: 20px;
        width: 100%;
    }

    .input-group.prezzo-a {
        width: 100%;
        margin-top: 45px;
    }

    .button-right {
        float: left;
    }

    .salva-ricerca {
        bottom: 9px;
        left: 30px;
    }

    #listing .prezzo-immobile {
        padding-bottom: 20px;
    }

    #listing .list-inline>li:first-child {
        display: inline;
    }

    #listing .btn-salva {
        margin: 0 2%;
    }

    #listing .btn-contatta {
        margin-right: 0px;
    }

    #listing .btn-listing-immobili a {
        width: 32%;
    }

    #listing .col-sx {
        padding-right: 0px;
    }

    #listing li.row-immobile .col-sm-9 {
        padding: 0px;
    }

    .box-salva-ricerca {
        position: fixed;
        background-color: #49578fd9;
        height: 60px;
        bottom: 0px;
        width: 100%;
        z-index: 1000;
    }

    .row-immobile .messaggio-immobile-nd p {
        font-size: 44px;
    }

    /* BLOG */
    .card-contenuto .titolo {
        margin: 12px auto 8px;
    }
}

@media screen and (max-width: 559px) {
    .row-immobile .messaggio-immobile-nd {
        -webkit-transform: translateX(0%) translateY(-50%) rotate(-8deg);
        -moz-transform: translateX(0%) translateY(-50%) rotate(-8deg);
        -ms-transform: translateX(0%) translateY(-50%) rotate(-8deg);
        -o-transform: translateX(0%) translateY(-50%) rotate(-8deg);
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
        top: 50%;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 420px) {
    .row-immobile .messaggio-immobile-nd p {
        font-size: 36px;
    }
}

@media screen and (max-width: 400px) {

    #page-agenzia .recapiti span.center,
    #page-agenzia .recapiti span.center a {
        font-size: 12px;
    }
}

@media screen and (max-width: 380px) {

    #myModalLogin .modal-dialog,
    #myModalPassword .modal-dialog,
    #myModalRegistrati .modal-dialog {
        width: 320px;
    }
}

@media screen and (max-width: 375px) {
    .slider.slider-for img {
        height: auto;
        /* width: 100%; */
        padding: 0px;
        max-height: 260px;
    }

    #homepage .informa-prima:before {
        transform: rotate(0deg);
    }

    .altre-ricerche a {
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inherit;
    }

    .navbar-brand {
        /*padding: 10px 20px;*/
    }

    #homepage .contenitore-ricerca {
        margin-top: 95px;
    }

    #energy-class .indicator-energy {
        font-size: 13px;
    }
}

@media screen and (max-width: 350px) {

    #myModalLogin .modal-dialog,
    #myModalPassword .modal-dialog,
    #myModalRegistrati .modal-dialog {
        width: 300px;
    }
}

@media screen and (max-width: 320px) {
    .prezzo-immobile {
        font-size: 22px;
    }
}

@media screen and (max-width: 319px) {
    #product .list-inline.list-piped li {
        padding: 0px 4px;
    }    
}


/* blocco recensioni agenzia */
.box-recensioni {
    margin: 10px 0px;;
    background-color: #f8f8f8;
    padding: 20px;;
}
.box-recensioni p.titolo-recensioni {
    border-bottom: 1px solid #d1d1d2;    
    color: #666666;
}
.box-recensioni .carousel-control-prev-icon
{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A1A1A1' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.box-recensioni .carousel-control-next-icon
{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A1A1A1' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.box-recensioni .carousel-control-next, .carousel-control-prev {
    width: 3%;
}
.box-recensioni .carousel-inner {
    width: 90%;
    margin: 0 auto;
}
.box-recensioni .carousel {
    margin-top: 20px
}

.box-recensioni .r-content {
    display: table;
    
}
.box-recensioni .r-content .r-titolo {
    font-size: 20px !important;
    font-weight: 600;
    padding-bottom: 0px !important;
}
.box-recensioni .r-content .r-nome {
    text-transform: capitalize;
    padding-bottom: 0 !important;
}
.box-recensioni .r-content .r-nome span {
    font-weight: 700;
}

.box-recensioni .r-iniziali {
    float: left;
    margin-right: 10px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #819f1b;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
}


  .box-recensioni .r-fonte {
    font-size: 10px;
  }


  .star-ratings {
    unicode-bidi: bidi-override;
    color: #ccc;
    font-size: 36px;
    position: relative;
    margin: 0;
    padding: 0;
}

.star-ratings .fill-ratings {
    color: #ffbf00 !important;
    padding: 0;
    position: absolute;
    z-index: 5;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}

.star-ratings .fill-ratings span.fill {
    display: inline-block;
}

.star-ratings .empty-ratings {
    padding: 0;
    display: block;
    z-index: 4;
}


  @media screen and (max-width: 559px) {
    .box-recensioni .r-iniziali {
        float: none;
        margin: 0 auto;        
        
    }

    .box-recensioni .r-nome, .box-recensioni .r-titolo, .box-recensioni .r-stars {
        text-align: center;
        width: 100%;
    }

    .star-ratings {
        margin: 0 auto;
    }
}


@media screen and (max-width: 992px) {
    #video-home {
        display: none;
    }
}