body { 
overflow-x:hidden; 
}
a:focus {
outline: none !important;
box-shadow:none !important;
}
.oceanwp-sidr-overlay {
z-index: 100;
}
.entry p:empty {
display:none;
} button.cky-show-desc-btn:not(:hover):not(:active) {
color: #d6c499 !important;
}
.cky-preference-content-wrapper .cky-show-desc-btn {
color: #363636 !important;
}
.cky-revisit-bottom-left:hover::before {
background: #363636 !important;
}
.cky-revisit-bottom-left:hover::after {
border-right-color: #363636 !important;
} #site-header {
width:100% !important;
}
#site-header-inner {
padding: 0 !important;
}
#mysticky-wrap.vis #site-header,
#site-header.is_stuck {
box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
}
#site-header.is_stuck #site-navigation-wrap .dropdown-menu >li >a, 
#site-header.is_stuck .oceanwp-mobile-menu-icon a, 
#site-header.is_stuck .mobile-menu-close, 
#site-header.is_stuck .after-header-content-inner >a {
line-height: 90px;
}
#site-header.is_stuck #site-logo #site-logo-inner, 
#site-header.is_stuck .oceanwp-social-menu .social-menu-inner, 
#site-header.is_stuck #site-header.full_screen-header .menu-bar-inner, 
#site-header.is_stuck .after-header-content .after-header-content-inner {
height: 90px;
}
#site-header.is_stuck #site-logo #site-logo-inner a img, 
#site-header.is_stuck.center-header #site-navigation-wrap .middle-site-logo a img {
max-height: 60px;
}
#site-header.is_stuck #site-navigation-wrap .dropdown-menu >li >a, 
#site-header.is_stuck #site-header.full_screen-header .fs-dropdown-menu >li >a, 
#site-header.is_stuck #site-header.top-header #site-navigation-wrap .dropdown-menu >li >a, 
#site-header.is_stuck #site-header.center-header #site-navigation-wrap .dropdown-menu >li >a, 
#site-header.is_stuck #site-header.medium-header #site-navigation-wrap .dropdown-menu >li >a, 
#site-header.is_stuck .oceanwp-mobile-menu-icon a {
font-size: 18px;
}
.bicolore i,
.bicolore em,
.page-header .page-subheading i,
.page-header .page-subheading em {
color: #d6c499;
}
.container,
.elementor-section.elementor-section-boxed > .elementor-container,
#footer .elementor-section-boxed > .elementor-container,
.single-immobile .elementor-section.elementor-section-boxed > .elementor-container {
width:1200px;
max-width: 90%;
}
.container .container,
.elementor-section.elementor-section-boxed > .elementor-container .elementor-container {
width:auto;
max-width:none;
}
.post-type-archive-immobile .full-bg .container {
max-width:100% !important;
}
.single-immobile #content-wrap {
padding-left:0;
padding-right:0;
} #mysticky-nav {
top:0 !important;
}
#mysticky-nav.wrapfixed {
opacity:0 !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
#mysticky-nav.wrapfixed.up {
-webkit-transition: all 0.3s linear !important;
-moz-transition: all 0.3s linear !important;
-ms-transition: all 0.3s linear !important;
-o-transition: all 0.3s linear !important;
transition: all 0.3s linear !important;
}
#mysticky-wrap.vis #mysticky-nav {
opacity:1 !important;
-webkit-transition: all 0.3s linear !important;
-moz-transition: all 0.3s linear !important;
-ms-transition: all 0.3s linear !important;
-o-transition: all 0.3s linear !important;
transition: all 0.3s linear !important;
}  .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-loading .slick-list {
background: #fff url(//www.perlarealestate.it/wp-content/themes/oceanwp-child/slick/ajax-loader.gif) center center no-repeat;
}
@font-face {
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//www.perlarealestate.it/wp-content/themes/oceanwp-child/slick/fonts/slick.eot);
src: url(//www.perlarealestate.it/wp-content/themes/oceanwp-child/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//www.perlarealestate.it/wp-content/themes/oceanwp-child/slick/fonts/slick.woff) format('woff'), url(//www.perlarealestate.it/wp-content/themes/oceanwp-child/slick/fonts/slick.ttf) format('truetype'), url(//www.perlarealestate.it/wp-content/themes/oceanwp-child/slick/fonts/slick.svg#slick) format('svg');
}
.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before, .slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: rgba(0,0,0,0.3);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: 'â†';
}
[dir='rtl'] .slick-prev:before {
content: 'â†’';
}
.slick-next {
right: -25px;
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: 'â†’';
}
[dir='rtl'] .slick-next:before {
content: 'â†';
}
.slick-dotted.slick-slider {
margin-bottom: 0px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 0.7;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 12px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: 'â€¢';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: 0.7;
color: black;
}
.slick-container {
margin: 0 30px;
}  .elenco-immobili .elenco {
margin-left:-15px;
margin-right:-15px;
padding-top:80px;
}
.elenco-immobili .col-md-4 p {
display:none;
}
.post-type-archive-immobile #main #content-wrap,
.page-id-450 #main #content-wrap,
.post-type-archive-immobile #main #content-wrap .full-bg:first-child > .container,
.page-id-450 #main #content-wrap .full-bg:first-child > .container {
width: 1200px;
max-width: 90%;
}
.post-type-archive-immobile #content-wrap.container,
.page-id-450 #content-wrap.container {
padding-left:0;
padding-right:0;
}
.post-type-archive-immobile #main #content-wrap,
.page-id-450 #main #content-wrap {
padding-top:0;
}
.post-type-archive-immobile .header-immobili,
.page-id-450 .header-immobili {
background: url(//www.perlarealestate.it/wp-content/uploads/2018/10/header-immobili.jpg) center top no-repeat;
background-size:cover;
padding: 50px 0;
}
.post-type-archive-immobile .header-immobili .titolo-el-imm,
.page-id-450 .header-immobili .titolo-el-imm {
margin:0 0 10px 0;
color:#000000;
}
.home .header-immobili{
transition:none !important;
} .post-type-archive-immobile .background-image-page-header .site-breadcrumbs {
display: none;
}
.elenco-immobili .ordinaper {
text-align:center;
margin: -30px 0 30px 0;
}
.elenco-immobili .ordinaper select {
margin-left:15px;
}
.elenco-immobili .el-imm {
display:block;
background:#363636;
margin-bottom:32px;
-webkit-transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-ms-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
transition: background 0.3s linear;
}
.elenco-immobili .el-imm-img img {
width:100%;
}
.elenco-immobili .el-imm-txt {
padding:22px 25px;
}
.elenco-immobili .el-imm .el-imm-txt,
.elenco-immobili .el-imm .el-imm-txt h3,
.elenco-immobili .el-imm .el-imm-txt h3 a {
color:#ffffff;
font-weight:400;
display:block;
min-height:105px;
text-decoration:none !important;
}
.elenco-immobili .el-imm .el-imm-txt h3 a:hover {
color:#d6c499;
}
.elenco-immobili .el-imm .el-imm-txt .leggitutto {
display:inline-block;
color:#ffffff;
background-color:#d6c499;
padding:4px 17px;
border-radius:5px;
font-size:18px;
margin-top:30px;
text-decoration:none !important;
}
.elenco-immobili .el-imm .el-imm-txt .leggitutto:hover {
color:#363636;
background-color:#ffffff;
} .elenco-immobili .el-imm-tit {
font-size:26px;
margin-bottom:0px;
line-height:1.3 !important;
}
.elenco-immobili .el-imm-citta {
margin-bottom:0px;
font-weight:400;
text-transform:capitalize;
line-height:25px;
}
.elenco-immobili .el-imm-prezzo {
display:inline-block;
font-size:24px;
text-align:right;
line-height:26px;
float:right;
}
.elenco-immobili .el-imm-contratto {
text-transform:uppercase;
display:inline-block;
font-size:24px;
line-height:26px;
color:#d6c499;
}
.elenco-immobili .el-imm-prezzo.trat-ris {
font-weight:inherit;
font-size:15px;
text-align:right;
}
.elenco-immobili .el-imm-superficie span {
float:right;
}
.elenco-immobili .el-imm-camere span {
float:right;
}
.elenco-immobili .el-imm-bagni span {
float:right;
}
.elenco-immobili .el-imm-contprice {
vertical-align:middle;
padding-top:10px;
padding-bottom:20px;
}
.elenco-immobili .el-imm-superficie,
.elenco-immobili .el-imm-camere,
.elenco-immobili .el-imm-bagni {
font-size:18px;
border-top:1px solid #858585;
border-bottom:1px solid #858585;
padding-top:7px;
padding-bottom:7px;
margin-bottom: -1px;
}
.elenco-immobili .el-imm-vuoto {
border-color:transparent;
}
.elenco-immobili .el-imm-etichetta {
position:absolute;
top:10px;
left:25px;
background-color:#363636;
color: #ffffff;
padding: 3px 10px 1px 10px;
text-transform:uppercase;
}
.elenco-immobili i.fa {
color:#d6c499;
font-size:22px;
margin-right:10px;
margin-top:1px;
}
.oceanwp-pagination {
display:none;
}
#immobili-pagination {
text-align:center;
}
#immobili-pagination .pagination > li {
display:inline-block;
padding:0 5px;
}
#immobili-pagination .pagination > li a,
#immobili-pagination .pagination > li span {
border-radius: 0;
font-size:16px;
padding:5px 10px;
}
#immobili-pagination .pagination > li a {
color: #363636;
border-color: #363636;
}
#immobili-pagination .pagination > li.active a,
#immobili-pagination .pagination > li a:hover {
border-color: #d6c499;
background-color: #d6c499;
color:#ffffff;
}
#immobili-pagination .pagination > li.active span,
#immobili-pagination .pagination > li a:hover span {
border-color: #d6c499;
background-color: #d6c499;
color:#ffffff;
} #filtri {
background: #ffffff;
margin:0 -15px 10px -15px;
padding:30px 0 40px 0;
}
.home #filtri {
background:none;
margin:0;
padding:0;
}
#filtri .form-group {
display:inline-block;
vertical-align:top;
width:23.9%;
margin-right:1%;
}
.home #filtri .form-group {
width:32%;
}
#filtri .form-group label {
display:block;
}
.home #filtri .form-group label {
color:#FFFFFF;
}
.home #filtri .form-group {
margin-right:1.5%;
}
.home #filtri .form-group.citta,
.home #filtri .form-group.comune,
.home #filtri .form-group.provincia,
.home #filtri .form-group.stato {
margin-right:0;
}
.home #filtri .form-group.tipologia {
margin-right:1.5%;
}
.home #filtri .form-group .da-a {
margin-right: 3.5%;
}
#filtri .form-group.tipologia,
#filtri .form-group.statoimm,
#filtri .form-group.reddito {
margin-right:0;
}
#filtri .form-group.classe {
width:36%;
}
#filtri .form-group.reddito {
width:auto;
}
#filtri .form-group.cantina,
#filtri .form-group.ascensore,
#filtri .form-group.giardino,
#filtri .form-group.parcheggio,
#filtri .form-group.terrazza,
#filtri .form-group.condizionatore {
width:6.6%;
}
#filtri .pulsanti {
text-align:right;
margin-top:-55px;
}
#filtri .altrifiltri {
width:48%;
padding-top:25px;
text-align:right;
}
#filtri .btn#altrifiltri {
border-radius:0;
background:#fff;
border: 1px solid #a6a6a6;
color:#999999;
padding: 13px 20px;
margin-right: 5px;
}
#filtri .btn.wpv-submit-trigger {
border-radius:0;
border: 1px solid #a6a6a6;
background: #a6a6a6;
color:#fff;
padding: 13px 20px;
margin-right:9px;
}
#filtri .btn.wpv-reset-trigger {
border-radius:0;
border: 1px solid #f2f2f2;
background:#f2f2f2;
color:#999999;
padding: 13px 20px;
}
#filtri .btn#altrifiltri:hover,
#filtri .btn.wpv-submit-trigger:hover,
#filtri .btn.wpv-reset-trigger:hover {
color:#FFF;
background:#202e4a;
border: 1px solid #202e4a;
}
#filtri .form-group .da-a {
display:inline-block;
width:47.6%;
margin-right:3%;
}
#filtri .form-group .da-a:last-child {
margin-right:0;
}
#filtri .form-group .checkbox {
display:inline-block;
margin: 0;
}
#filtri .form-group .check-cont {
border: 1px solid #e0e0e0;
padding:7px 12px 6px 12px;
min-height: 40px;
}
#filtri .form-group .checkbox label {
padding-left:0;
padding-right:15px;
font-size:12px;
}
#filtri .form-group .checkbox input {
margin:4px 6px 5px 0;
}
#filtri .form-control {
border-radius:0;
border-color: #e0e0e0;
box-shadow:none;
}
#filtri option:disabled,
#filtri .form-group .checkbox label.wpv-parametric-disabled {
color: #bfbfbf !important;
}
#filtri .form-group .checkbox label.wpv-parametric-disabled input {
border-color: #cccccc !important;
}
.norisultati {
text-align:center;
font-size:24px;
margin-bottom:50px;
}  .single-immobile .etichetta {
position:absolute;
top:16px;
right:26px;
z-index:1;
background-color:#363636;
color: #ffffff;
padding: 3px 10px 1px 10px;
text-transform:uppercase;
}
.single-immobile #head-scheda {
padding:40px 0 20px 0;
background: #fff;
}
.single-immobile .slick-slider {
padding-top:5px;
padding-bottom:5px;
background:#fff;
overflow:hidden;
}
.single-immobile #head-scheda h1 {
margin:0 0 10px 0;
text-transform:capitalize;
}
.single-immobile #head-scheda p {
text-transform:capitalize;
}
.single-immobile #head-scheda .centro-head {
padding-top:25px;
text-align:center;
}
.single-immobile #head-scheda .destra-head {
text-align:right;
}
.single-immobile .destra-head {
padding-top:5px;
}
.single-immobile #head-scheda .centro-head .dati-head {
display:inline-block;
text-align:left;
padding-right:20px;
padding-left:20px;
}
.single-immobile #content-wrap {
padding-top:0 !important;
width:auto;
max-width:100%;
}
.single-immobile #contenuto-scheda .container,
.single-immobile #mappa-descrizione .container,
.single-immobile #immagini-immobile .container,
.single-immobile #prima-dopo .container {
width: 1200px;
max-width: 90%;
}
.single-immobile #mappa-descrizione {
margin-top:70px;
}
.single-immobile #mappa-descrizione .mappadesc {
display:flex;
align-items: center;
}
.single-immobile #mappa-descrizione #mappa {
height:400px;
flex:40%;
margin-right:50px;
}
.single-immobile #mappa-descrizione #descrizione {
flex:60%;
}
.single-immobile #mappa-descrizione #descrizione h2 {
font-size: 50px;
color: #d6c499;
}
.single-immobile #mappa-descrizione #descrizione .testo {
font-size: 21px;
line-height: 1.5;
}
.single-immobile #immagini-immobile {
margin-top:70px;
}
.single-immobile #immagini-immobile h2 {
font-size: 50px;
}
.single-immobile #gallery-1 {
margin:40px -10px 0px -10px;
}
.single-immobile #gallery-1 .gallery-item {
margin: 0 -4px 0 0;
padding: 0 10px 20px 10px;
} .single-immobile #slider-immagini {
margin-top:20px;
}
.single-immobile #slider-immagini .col-sm-12 {
padding:0;
}
.single-immobile #slider-immagini .slick-prev, 
.single-immobile #slider-immagini .slick-next {
z-index:999;
}
.single-immobile #slider-immagini .slick-prev:before, 
.single-immobile #slider-immagini .slick-next:before {
font-family: "Font Awesome 5 Free";
font-weight:900;
font-size: 50px;
line-height: 30px;
opacity: .75;
color: rgba(255,255,255,0.7);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.single-immobile #slider-immagini .slick-prev:before {
content: "\f104";
}
.single-immobile #slider-immagini .slick-next:before {
content: "\f105";
}
.single-immobile #slider-immagini .slick-prev {
left: 25px;
}
.single-immobile #slider-immagini .slick-next {
right: 25px;
}
.single-immobile #slider-immagini .slick-slide {
padding:0 1px;
}
.single-immobile #slider-immagini .slick-slide img {
max-height:550px;
height:100%;
width:auto;
}
.single-immobile #callto-immobile {
margin-top:70px;
}
.single-immobile .contenuto-immobile,
.single-immobile .sidebar-immobile {
padding-top:40px;
}
.single-immobile .sezione-scheda {
position:relative;
background:#FFF;
padding:30px;
}
.single-immobile .sezione-scheda hr {
position:absolute;
margin:0;
bottom:0;
left:30px;
right:30px;
}
.single-immobile .sezione-scheda .dati-titolo {
float:left;
width:17%;
font-weight:600;
}
.single-immobile .sezione-scheda .titolo-correlati {
padding:0 0 10px 15px;
}
.single-immobile .sezione-scheda .dati-contenuto {
float:left;
width:83%;
}
.single-immobile .sezione-scheda .dati-contenuto.dettaglio p {
display:inline-block;
vertical-align:top;
width:43%;
margin-right:5%;
font-size:14px;
}
.single-immobile .sezione-scheda .dati-contenuto.dettaglio p strong {
display:inline-block;
padding-right:10px;
}
.single-immobile .sezione-scheda .dati-contenuto.dettaglio p span {
display:block;
margin-top:5px;
}
.single-immobile .sezione-scheda .dati-contenuto .planimetria-pdf {
background-color: #a6a6a6;
color:#FFFFFF;
padding: 12px 18px;
}
.single-immobile .sezione-scheda .dati-contenuto .planimetria-pdf:hover {
background-color: #202e4a;
}
.single-immobile .planimetrie .panel-heading {
padding:0;
border-radius: 0;
border-color:#eeeeee;
box-shadow:none;
background:none;
margin: -1px -1px 0 -1px;
}
.single-immobile .planimetrie .panel-title {
font-family: Open Sans, sans-serif;
font-size:13px;
}
.single-immobile .planimetrie .panel-title a {
display:block;
padding:12px 14px;
background:#eeeeee;
color:#666;
line-height:17px;
}
.single-immobile .planimetrie .panel-title a span {
display:inline-block;
vertical-align:middle;
padding-right:14px;
font-size:24px;
font-weight:bold;
line-height:1px;
}
.single-immobile .planimetrie .panel-title a[aria-expanded=false] {
background:#eeeeee;
color:#666;
}
.single-immobile .planimetrie .panel-title a[aria-expanded=false] span {
margin-top:-4px;
}
.single-immobile .planimetrie .panel-title a[aria-expanded=false] span:before {
content:"+";
}
.single-immobile .planimetrie .panel-title a[aria-expanded=true] {
background:#a6a6a6;
color:#FFF;
}
.single-immobile .planimetrie .panel-title a[aria-expanded=true] span {
margin-top:-10px;
}
.single-immobile .planimetrie .panel-title a[aria-expanded=true] span:before {
content:"-";
}
.single-immobile .planimetrie .panel {
border-radius: 0;
border-color:#eeeeee;
box-shadow:none;
}
.single-immobile .planimetrie .panel + .panel {
margin-top: 10px;
}
.single-immobile .blocco-sidebar {
position:relative;
background:#FFF;
margin-bottom:30px;
}
.single-immobile .blocco-sidebar .titolo-bs {
background:#202e4a;
color:#fff;
padding:15px 20px;
}
.single-immobile .blocco-sidebar .contenuto-bs {
padding:20px;
}
.single-immobile .blocco-sidebar.condividi-bs .contenuto-bs {
padding:25px 20px 17px 20px;
}
.single-immobile .blocco-sidebar.info-bs .contenuto-bs {
font-size:150%;
}
.single-immobile .blocco-sidebar.info-bs .contenuto-bs p {
margin-bottom:0;
}
.single-immobile .wpcf7-form-control-wrap.immobile {
display:none;
}
.single-immobile span.wpcf7-list-item {
margin: 0;
}
.single-immobile span.wpcf7-list-item input[type="checkbox"] {
margin: -2px 2px 0 0;
}
.single-immobile div.wpcf7-response-output {
margin:0;
}
.single-immobile .wpcf7-form-control.wpcf7-submit {
display:block;
text-align:center;
width:100%;
}
.single-immobile div.wpcf7 .ajax-loader {
display:none;
}
.single-immobile #tags-immobile {
background: url(//www.perlarealestate.it/wp-content/uploads/2023/01/pattern.png) center center;
padding:28px 15px 26px 15px;
text-align:center;
margin-top:70px;
}
.single-immobile #tags-immobile a {
text-transform:uppercase;
color:#d6c499;
padding:15px;
font-size:17px;
}
.single-immobile #tags-immobile a:hover {
color:#ffffff;
}
.page-header .page-header-title:before, 
.page-header.background-image-page-header .page-header-title:before,
.titolo-riga:before {
content: "";
display:inline-block;
vertical-align:middle;
background-color:#d6c499;
width:150px;
line-height: 1.4em;
height:2px;
margin-right:20px;
}
.page-header .page-header-title, 
.page-header.background-image-page-header .page-header-title,
.titolo-riga {
color: #d6c499;
font-size: 17px;
text-transform: uppercase;
line-height: 1.4em;
display:inline-block;
vertical-align:middle;
}
.single-immobile #titolo-immobile {
font-size: 50px;
letter-spacing:0.1;
margin-top:20px;
}
.single-immobile .dettagli-immobile {
margin-right:10%;
}
.single-immobile .dettagli-immobile .dettaglio {
font-size: 18px;
border-top: 1px solid #d6c499;
border-bottom: 1px solid #d6c499;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: -1px;
}
.single-immobile .dettagli-immobile .dettaglio span {
float:right;
}
.single-immobile .dettagli-immobile .dettaglio .desc {
font-size: 16px;
}
.single-immobile . {
font-size: 16px;
}
.single-immobile h2.prezzo-immobile {
font-size: 50px;
color:#d6c499;
margin-top:30px;
}
.single-immobile h3.prezzo-immobile {
font-size: 30px;
color:#363636;
}
.single-immobile .citta {
font-weight:600;
font-size:20px;
margin-bottom:20px;
} .single-immobile #prima-dopo .titolo-pd {
margin-top:70px;
}
.single-immobile #prima-dopo .titolo-pd h2 {
font-size:50px;
margin-bottom:50px;
}
.single-immobile #prima-dopo .container-primadopo {
width: 53%;
max-width: 700px;
height: 470px;
position: relative;
display: inline-block;
margin-right: 5%;
vertical-align: middle;
border-radius:50px;
overflow:hidden;
}
.single-immobile #prima-dopo .desc-primadopo {
width: 39%;
display: inline-block;
vertical-align: middle;
font-size: 21px;
line-height: 1.5;
}
.single-immobile #prima-dopo div.image {
height: 100%;
background-repeat: no-repeat;
background-position: center left;
background-size: auto 100%;
position: absolute;
top: 0px;
left: 0px;
}
.single-immobile #prima-dopo .primadopo-flat {
width:100%;
height:100%;
position:relative;
}
.single-immobile #prima-dopo div.before {
width: 50%;
z-index: 2;
border-radius: 50px 0px 0px 50px;
}
.single-immobile #prima-dopo div.before:before {
content:"";
display:block;
position:absolute;
top:0;
right:-1px;
width:3px;
height: calc(50% - 20px);
background-color:#ffffff;
}
.single-immobile #prima-dopo div.before:after {
content:"";
display:block;
position:absolute;
bottom:0;
right:-1px;
width:3px;
height: calc(50% - 20px);
background-color:#ffffff;
}
.single-immobile #prima-dopo div.after {
width: 100%;
z-index: 1;
border-radius: 0px 50px 50px 0px;
}
.single-immobile #prima-dopo input.slider {
width: 100%;
height: 100%;
outline: none;
background-color: transparent;
position: absolute;
margin: 0px;
z-index: 3;
cursor: pointer;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
transition: 0.25s all ease-in-out;
-moz-transition: 0.25s all ease-in-out;
-webkit-transition: 0.25s all ease-in-out;
z-index: 4;
}
.single-immobile #prima-dopo input.slider::-moz-range-thumb {
width: 3px;
height: 500px;
background-color: transparent;
cursor: pointer;
border:0;
}
.single-immobile #prima-dopo input.slider::-webkit-slider-thumb {
width: 3px;
height: 500px;
background-color: transparent;
cursor: pointer;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border:0;
border-radius:0;
}
.single-immobile #prima-dopo .prima-label {
position: absolute;
left:30px;
top:20px;
font-family: DM Serif Display;
font-size: 30px;
font-weight: 400;
color:#363636;
z-index:999;
}
.single-immobile #prima-dopo .dopo-label {
position: absolute;
right:30px;
top:20px;
font-family: DM Serif Display;
font-size: 30px;
font-weight: 400;
color:#363636;
z-index:999;
}
.single-immobile #prima-dopo div.slider-button {
width: 41px;
height: 41px;
border-radius: 50%;
-moz-broder-radius: 50%;
-webkit-border-radius: 50%;
background-color: white;
position: absolute;
top: calc(50% - 21px);
left: calc(50% - 21px);
cursor: pointer;
z-index: 3;
border:3px solid #fff;
background-color:transparent;
}
.single-immobile #prima-dopo div.slider-button:before {
color: #fff;
position: absolute;
top: 7px;
left: 4px;
content: "\2BC7";
}
.single-immobile #prima-dopo div.slider-button:after {
color: #fff;
position: absolute;
top: 7px;
right: 4px;
content: "\2BC8";
}
.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0 !important;
display:none;
} .wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
background: #FFF !important;
}
.wpcf7 .riferimento-immobile,
.wpcf7 .riferimento-immobile * {
visibility:hidden;
opacity:0;
font-size:1px;
color: rgba(0,0,0,0);
height:1px;
overflow:hidden;
}
.wpcf7 .wpcf7-spinner {
display:none;
}
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
margin:0 10px 0 0;
}
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item input {
margin:-3px 0 0 0;
}
.wpcf7 .invia {
text-align:right;
}
.dropdown-menu .sub-menu {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
padding-top:7px;
padding-bottom:7px;
}
#footer .titolo-footer {
color: #FFFFFF;
font-size: 50px;
line-height: 1em;
letter-spacing: 0px;
}
#footer .elementor-text-editor p {
color:#d6c499 !important;
}
@media only screen and (max-width: 1199px) {
#filtri .form-group.cantina,
#filtri .form-group.ascensore,
#filtri .form-group.reddito {
width: auto;
}
.elenco-immobili .el-imm-prezzo,
.elenco-immobili .el-imm-prezzo.trat-ris {
display:block;
text-align: left;
float: none;
margin-top:5px;
height:30px;
}
.single-immobile .col-sm-4 {
width: 37%;
}
.single-immobile .dettagli-immobile {
margin-right: 0;
}
}
@media only screen and (max-width: 1023px) {
.single-immobile #prima-dopo .container-primadopo,
.single-immobile #prima-dopo .desc-primadopo {
display:block;
width: auto;
}
.single-immobile #prima-dopo .container-primadopo {
height: 500px;
max-width: 650px;
margin:0;
}
.single-immobile #prima-dopo .desc-primadopo {
margin-top:30px;
}
}
@media only screen and (max-width: 959px) {
#filtri .form-group .da-a {
width: 47.3%;
margin-right: 3%;
}
#filtri .form-group {
width: 23.7%;
margin-right: 1%;
}
#filtri .btn.wpv-submit-trigger,
#filtri .btn.wpv-reset-trigger {
padding: 13px 17px;
}
.centered-page-header .page-subheading, 
.centered-minimal-page-header .page-header-subheading, 
.page-header.background-image-page-header .page-subheading {
font-size: 45px;
}
.page-header .page-header-title:before, 
.page-header.background-image-page-header .page-header-title:before,
.titolo-riga:before {
width:100px;
}
.elenco-immobili .el-imm-prezzo,
.elenco-immobili .el-imm-prezzo.trat-ris {
display:inline-block;
text-align: right;
float: right;
margin-top:0;
height:auto;
}
.elenco-immobili .elenco {
padding-top:70px;
}
.content-area, .content-left-sidebar .content-area {
margin-bottom: 0;
}
#footer .titolo-footer {
font-size: 45px;
}
.single-immobile #slider-immagini .slick-slide img {
max-height:450px;
}
.single-immobile .sinistra-head, 
.single-immobile .destra-head {
width:50%;
}
.single-immobile .destra-head {
padding-right:50px;
}
.single-immobile #titolo-immobile,
.single-immobile #mappa-descrizione #descrizione h2,
.single-immobile #immagini-immobile h2,
.single-immobile #prima-dopo .titolo-pd h2 {
font-size: 45px;
}
.single-immobile #tags-immobile {
margin-top: 30px;
}
.single-immobile #mappa-descrizione #descrizione .testo,
.single-immobile #prima-dopo .desc-primadopo {
font-size: 19px;
}
.single-immobile #mappa-descrizione #mappa {
height: 350px;
flex: 45%;
margin-right: 40px;
}
.single-immobile #mappa-descrizione #descrizione {
flex: 55%;
}
.single-immobile #immagini-immobile {
margin-top: 50px;
}
}
@media only screen and (max-width: 767px) {
.wpcf7 .invia {
text-align:left;
}
.single-immobile #prima-dopo .container-primadopo {
height: 400px;
max-width: 530px;
}
#filtri .form-group {
width: 100%;
margin-right: 0;
}
#filtri .form-group .da-a {
width: 47.9%;
margin-right: 3%;
}
#avanzata.aperto + .pulsanti {
margin-top: 0;
text-align: left;
}
.home #filtri .form-group {
width: 48.5%;
margin-right:1.5%;
}
.home #filtri .form-group.localita {
margin-right:0;
}
.home #filtri .form-group.citta,
.home #filtri .form-group.comune,
.home #filtri .form-group.provincia,
.home #filtri .form-group.stato {
margin-right:1.5%;
}
.home #filtri .form-group.tipologia {
margin-right:0;
}
.home #filtri .form-group.prezzo,
.home #filtri .form-group.affitto {
width: 51%;
}
.home #filtri .form-group .da-a {
width: 45.9%;
margin-right: 3%;
}
#site-header #site-navigation-wrap .dropdown-menu >li >a, 
#site-header .oceanwp-mobile-menu-icon a, 
#site-header .mobile-menu-close, 
#site-header .after-header-content-inner >a {
line-height: 90px;
}
#site-header #site-logo #site-logo-inner, 
#site-header .oceanwp-social-menu .social-menu-inner, 
#site-header #site-header.full_screen-header .menu-bar-inner, 
#site-header .after-header-content .after-header-content-inner {
height: 90px;
}
#site-header #site-logo #site-logo-inner a img, 
#site-header.center-header #site-navigation-wrap .middle-site-logo a img {
max-height: 60px;
}
#site-header #site-navigation-wrap .dropdown-menu >li >a, 
#site-header #site-header.full_screen-header .fs-dropdown-menu >li >a, 
#site-header #site-header.top-header #site-navigation-wrap .dropdown-menu >li >a, 
#site-header #site-header.center-header #site-navigation-wrap .dropdown-menu >li >a, 
#site-header #site-header.medium-header #site-navigation-wrap .dropdown-menu >li >a, 
#site-header .oceanwp-mobile-menu-icon a {
font-size: 18px;
}
.centered-page-header .page-subheading, 
.centered-minimal-page-header .page-header-subheading, 
.page-header.background-image-page-header .page-subheading {
font-size: 40px;
}
.page-header .page-header-title:before, 
.page-header.background-image-page-header .page-header-title:before,
.titolo-riga:before {
width:60px;
}
.elenco-immobili .elenco {
padding-top:50px;
}
.content-area, .content-left-sidebar .content-area {
margin-bottom: 0;
}
.elenco-immobili .el-imm-vuoto {
display:none;
}
.elenco-immobili .el-imm .el-imm-txt, 
.elenco-immobili .el-imm .el-imm-txt h3, 
.elenco-immobili .el-imm .el-imm-txt h3 a {
min-height: 0px;
margin-bottom:10px;
}
#footer .titolo-footer {
font-size: 40px;
text-align:center;
}
.single-immobile #slider-immagini {
margin-top:0;
}
.single-immobile #slider-immagini .slick-slide img {
max-height:400px;
}
.single-immobile .sinistra-head, 
.single-immobile .destra-head {
width:100%;
}
.single-immobile .destra-head {
padding-right:0;
margin:0;
}
.single-immobile .dettagli-immobile {
margin-right: 15px;
}
.single-immobile .sinistra-head {
margin-bottom:20px;
}
.single-immobile #slider-immagini {
width:90%;
margin-left:5%;
margin-right:5%;
}
.single-immobile #mappa-descrizione {
margin-top:50px;
}
.single-immobile #mappa-descrizione .mappadesc {
display: block;
align-items: center;
}
.single-immobile #mappa-descrizione #descrizione {
margin-top:0;
}
.single-immobile #mappa-descrizione #mappa {
margin-right: 0;
margin-bottom:30px;
width: 100%;
}
.single-immobile .gallery-item {
max-width: 50% !important;
}
.single-immobile #callto-immobile {
margin-top: 30px;
}
.single-immobile #immagini-immobile {
margin-top: 30px;
}
.single-immobile #titolo-immobile, .single-immobile #mappa-descrizione #descrizione h2, .single-immobile #immagini-immobile h2, .single-immobile #prima-dopo .titolo-pd h2 {
font-size: 40px;
}
.single-immobile #titolo-immobile {
margin-top: 10px;
}
.single-immobile h2.prezzo-immobile {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 499px) {
.home #filtri .form-group {
width: 100%;
margin-right:0%;
}
.home #filtri .form-group.localita {
margin-right:0;
}
.home #filtri .form-group.citta,
.home #filtri .form-group.comune,
.home #filtri .form-group.provincia,
.home #filtri .form-group.stato {
margin-right:0;
}
.home #filtri .form-group.tipologia {
margin-right:0;
}
.home #filtri .form-group.prezzo,
.home #filtri .form-group.affitto {
width: 100%;
}
.home #filtri .form-group .da-a {
width: 47.9%;
margin-right: 3%;
}
.home #filtri .form-group .da-a:last-child {
margin-right: 0;
}
.home #filtri .pulsanti {
margin-top: 20px;
}
} @media (min-width: 960px) {
.elenco-immobili .col-md-4,
.elenco-immobili .col-sm-6 {
width: 33.33333333%;
}
}
@media (max-width: 959px) {
.elenco-immobili .col-md-4,
.elenco-immobili .col-sm-6 {
width: 50%;
}
}
@media (max-width: 767px) {
.elenco-immobili .col-md-4,
.elenco-immobili .col-sm-6 {
width: 100%;
}
}