/*LAYOUT.CSS*/
/*FONTATIC*/

/*



    font-family: 'Rosario', sans-serif;

    font-family: 'Asap Condensed', sans-serif;



*/

@import "stylesheet.css";
@import url('https://fonts.googleapis.com/css?family=Asap+Condensed:400,400i,500,500i,600,600i,700,700i|Rosario:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap');

body {font-family: 'Asap Condensed', sans-serif; color:#5f5f5f; padding:0px; margin:0px; font-weight:500; line-height: normal;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {display:none;}
.clear {clear: both;}
.site {margin:0px;}
.site-main {margin-bottom:0px;}
.site-content {padding:0px; margin:0px; word-wrap: normal!important;}
.site-inner {max-width:100%!important;}
.edit-link {display:none;}
.col-2 {width:50%; float:left;}
.col-3 {width:33.3%; float:left;}
p {padding:0px; margin:0px;}
strong {font-weight:600;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {font-family: 'Rosario', sans-serif; font-size:18px!important; color:#1e82d9; border-top:none!important; border-left:none!important; border-right:none!important; border-bottom:solid 2px #115594;}
textarea {height:150px;}
a {padding:0px; margin:0px; color:currentColor; cursor:pointer;}
a:hover {color:currentColor;}
a:visited {color:currentColor; }
a:active {text-decoration: none;}
h1:not(.site-title)::before, h2::before {background:none; display:none;}
h1 {padding:0px; margin:0px;}
h2 {padding:0px; margin:0px;}
h3 {padding:0px; margin:0px;}
h4 {padding:0px; margin:0px;}
.btn {text-align:center; font-size:24px; text-transform:uppercase; margin-top:30px;}
.btn span {padding:10px 25px;}
.btn-white span {color:#fff; border:solid 1px #fff;}
.btn-blue span {color:#0d6cbe; border:solid 1px #0d6cbe;}
.intro-page {padding:170px 10%;}
.intro-page h1 {color:#1e82d9; font-size:36px; line-height: 38px; font-family: 'Rosario', sans-serif; font-weight:700; margin-bottom:50px;}
.intro-page h2 {color:#115594; font-size:60px; line-height: 62px; margin-bottom:30px; text-transform:uppercase; font-family: 'Rosario', sans-serif;}
.intro-page p {font-size:24px; line-height:30px;}
.intro-page-archive {padding:170px 10%;}
.intro-page-archive h1 {color:#1e82d9; font-size:36px; line-height: 38px; font-family: 'Rosario', sans-serif; font-weight:700; margin:0px 0px 50px 0px;}
.intro-page-archive h2 {color:#115594; font-size:60px; line-height: 62px; margin-bottom:30px; text-transform:uppercase; font-family: 'Rosario', sans-serif;}
.intro-page-archive p {font-size:24px; line-height:30px;}
.entry-title {color:#115594; font-size:60px; line-height: 62px; margin-bottom:30px; text-transform:uppercase; font-family: 'Rosario', sans-serif;}
.entry .entry-title::before {display:none; }
.entry-content h2, h3, h4 {font-family: 'Rosario', sans-serif; color:#1e82d9;}

.grecaptcha-badge {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* HEADER */
.header-top {width:100%; padding:0px 0px 0px 10%; background-color:#0d6cbe;}
.logo {float:left; width:20%; padding-top:16px;}
.logo img {width:100%; max-width:425px;}
.menu {float:right; padding-top:36px; font-size:16px; text-transform:uppercase;}
.contatti-header {height:107px; float:right; background-color:#fff; border-top-left-radius:53px; border-bottom-left-radius:53px; color:#0d6cbe; padding-right:10%;}
.icona-phone {height:107px; width:107px; float:left; text-align:center; padding:28px;}
.icona-phone img {width:100%; max-wight:50px;}
.numero-tel {float:left; text-align:center; font-weight:700; font-size:28px; padding:15px 0px 0px 0px;}
.numero-tel span {font-size:16px; color:#b9b9b9; font-weight:500;}
#trigger-overlay {display:none;}

/* MENU */
.menu-main-menu-container {float:right; padding-right:50px;}
.main-navigation .main-menu > li > a {color:#fff; font-family: 'Asap Condensed', sans-serif; font-weight:600;}
.main-navigation .main-menu .current-menu-item > li.active > a {border-bottom: 3px solid #fff;}
.main-navigation .main-menu .current-menu-item > a {color:#fff;}
.main-navigation .main-menu .current-menu-item > a::before {content: url("../images/triangle-menu.png"); top:12px; left:50%; margin-left:-10px; position:absolute;}



/* FOOTER */
.logo-footer {margin-bottom:50px;}
.logo-footer img {width:100%; max-width:444px; }
.info-address {width:100%; padding:110px 10%; color:#0d6cbe; font-family: 'Asap Condensed', sans-serif;}
.info-address .col-3 {padding:0px 2%;}
.info-address h4 {font-size:30px; font-family: 'Rosario', sans-serif; font-weight:700; margin-bottom:20px;}
.info-address p {font-size:24px; line-hight:30px; font-weight:500;}
.info-address p span {font-size:36px; font-weight:700;}
.credits {width:100%; background-color:#115594; color:#fff; font-size:14px; font-family: 'Rosario', sans-serif; font-weight:500; padding:10px 10%; font-style: italic;}



/* -------------------------------- CONTATTI -------------------------------- */
#image-contatti {background:url("../images/sede-nordimmo.jpg") no-repeat center center / cover;}
.numeri-tel {width:100%; background-color:#1e82d9; padding:70px 10%; position:relative; z-index:0; color:#fff; font-size:24px; font-family: 'Asap Condensed', sans-serif; margin-bottom:380px;}
.numeri-tel span {font-size:36px; font-weight:700;}
.numeri-tel span a{padding-left: 36px;}
.form-info {position:absolute; z-index:1; top:-106px; right:10%; background-color:#fff; border:solid 6px #e6e6e6; width:30%;}
.form-info h3 {padding:25px 2%; text-align:center; background-color:#e6e6e6; font-size:36px; line-hight:38px; color:#115594; font-family: 'Rosario', sans-serif; font-weight:700;}
.legal {color:#1e82d9; font-size:14px; margin:30px 0px;}
.legal span.wpcf7-list-item {margin:0px 5px 0px 0px;}
.form-info .btn input {color:#0d6cbe; border-color:#0d6cbe; background-color:#fff; border-radius:0px; font-size:24px; text-transform:uppercase; padding:10px 25px; border:solid 1px;}
.code {padding:40px 40px 0px 40px;}
.code input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea  {width:100%;}
div.wpcf7-response-output {margin:0px; padding:0px; }
div.wpcf7-mail-sent-ok {color:#398f14; font-size:16px; line-height:18px;}
.code span {font-size:14px;}
.code span a {padding-left:0px;}

/* -------------------------------- CHI SIAMO -------------------------------- */
#image-chisiamo {background:url("../images/img-chisiamo.jpg") no-repeat center center / cover;}
.caratteristiche {width:100%; padding: 50px 10%;}
.caratteristiche .col-2 {margin:0px 0px 50px 0px;}
.icon {float:left; width:30%; padding-right:30px;}
.didascalia {float:left; width:70%; padding-right:10%;}
.didascalia h4 {font-size:24px; text-transform:uppercase; color:#1e82d9; margin-bottom:30px; font-family: 'Rosario', sans-serif;}
.didascalia p {font-size:18px; line-height:22px;}
.panoramica {width:100%; height:400px; background:url("../images/panoramica.jpg") no-repeat center center / cover; background-attachment: fixed; position:relative; margin-top:100px;}

/* -------------------------------- SCHEDA IMMOBILE -------------------------------- */
.img-evidenza {width:100%; height:500px; position:relative; z-index:0; background-size:cover; background-position:center center;}
.bkg-intro {width:100%; height:300px; position:relative; background-color:#1e82d9; z-index:0; }
.content-scheda {width:100%; position:relative; margin-top:-300px; z-index:1; padding:80px 10% 0px 10%;}
.content-title {width:40%; float:left; color:#fff; font-family: 'Rosario', sans-serif; padding-right:5%;}
.content-title h1 {font-size:36px; line-height:36px; font-weight:700; margin-bottom:20px; font-family: 'Rosario', sans-serif;}
.content-title .tipo {text-transform:uppercase; font-size:16px; font-weight:400;}
.content-title .rif {font-size:16px; font-weight:400; font-style:italic; margin-bottom:45px;}
.content-title .prezzo {width:100%; padding:25px; background-color:#115594; color:#fff; font-size:36px; line-height:30px; font-weight:700; text-align:center;}
.content-dati {width:60%; float:left;}
.content-dati h4 {color:#1e82d9; font-size:18px; text-transform:uppercase; margin-bottom:30px;}
.content-dati p {color:#737373; font-family: 'Asap Condensed', sans-serif; font-size:18px; line-height:20px; text-align:justify;}
.content-dati ul li {font-size:18px; line-height:20px; font-weight:400;}
#gallery-immobile {width:100%; margin-bottom:80px;}
#descrizione {width:100%; margin-bottom:80px;}
#dettagli {width:100%; margin-bottom:80px;}
#dettagli table {font-family: 'Asap Condensed', sans-serif; font-size:18px; line-height:20px; border-bottom:solid 1px #dadada; border-left:solid 1px #dadada; border-right:solid 1px #dadada;}
#dettagli table td {border-top:solid 1px #dadada; border-bottom:none; border-left:none; border-right:none;}
#posizione {width:100%; margin-bottom:80px;}
.form-info-scheda {background-color:#fff; border:solid 6px #e6e6e6; width:100%; margin-top:50px;}
.form-info-scheda h3 {padding:25px 2%; text-align:center; background-color:#e6e6e6; font-size:36px; line-hight:38px; color:#115594; font-family: 'Rosario', sans-serif; font-weight:700;}
.form-info-scheda .btn input {color:#0d6cbe; border-color:#0d6cbe; background-color:#fff; border-radius:0px; font-size:24px; text-transform:uppercase; padding:10px 25px; border:solid 1px;}
.tab-icona {width:20%; border-right:none!important;}
.tab-label {width:50%;}
.tab-value {width:30%;}
.btn-pdf {width:100%; margin: 80px 0px;}
.btn-pdf .icona {float:left; width:10%; color:#ffba00; margin-right:2%; font-size:60px;}
.btn-pdf .span {float:right; width:80%; background-color:#ffba00; color:#fff; text-align:center; text-transform:uppercase; font-size:24px; font-family: 'Asap Condensed', sans-serif; padding:20px;}
.form-info-mobile {display:none;}
.carosello-altri-imm {width:100%; padding:80px 10%; text-align: center;}
.carosello-altri-imm h2 {font-size:60px; line-height:60px; font-family: 'Rosario', sans-serif; font-weight:700; color:#5f5f5f; margin-bottom:25px; text-transform:uppercase;}
.carosello-altri-imm h3 {font-size:24px; font-family: 'Asap Condensed', sans-serif; margin-bottom:70px;}

#owl-carousel-gallery {margin-bottom:10px;}
#owl-carousel-gallery .owl-slide {height:400px; background-size:cover; background-position:center center;}
#owl-carousel-gallery .owl-nav {display:block;}
#owl-carousel-gallery .owl-prev {width:50px; height:47px; position: absolute; left:0%; bottom:45%; color: transparent; cursor:pointer;}
#owl-carousel-gallery .owl-next {width:50px; height:47px; position: absolute; right:0%; bottom:45%; color: transparent; cursor:pointer;}
#owl-carousel-thumb .owl-slide {height:100px; background-size:cover; background-position:center center;}
#owl-carousel-thumb .owl-nav {display:none;}
#owl-carousel-thumb .owl-dots {text-align:center; width:100%; margin-top:20px;}
#owl-carousel-thumb .owl-dots .owl-dot {display:inline-block;}
#owl-carousel-thumb .owl-dots .owl-dot span {width:15px; height:15px; border:solid 1px #a2a2a2; border-radius: 50%; margin:5px; display:block;}
#owl-carousel-thumb .owl-dots .owl-dot.active span, #owl-carousel-portfolio .owl-dots .owl-dot:hover span {background-color:#0d6cbe!important;}

.mappa {width:100%;}
.mappa iframe {width:100%; height:500px;}
.acf-map {width: 100%; height: 400px;}
.acf-map img {max-width: inherit !important;}


/* -------------------------------- CAROSELLO IMMOBILI -------------------------------- */
.thumb-immobile {width:100%; height:250px; background-position:center center; background-size:cover; text-align:center;}
.dati-immobile {background-color:#eaeaea; padding:30px; height:200px;}
.dati-immobile .categoria {font-size:18px; color:#5f5f5f; text-transform:uppercase; margin-bottom:10px;}
.dati-immobile .titolo {font-size:30px; line-height:32px; font-weight:700; color:#0d6cbe; margin-bottom:10px; }
.dati-immobile .prezzo {font-size:36px; font-weight:700; color:#5f5f5f;}
.tab-dettagli {font-family: 'Asap Condensed', sans-serif;}
.tab-dettagli table {margin:0px;}
.tab-dettagli table td {margin:0px; border-color:#eaeaea;}
.tab-bagno {background-color:#0d6cbe; color:#fff; font-size:16px; font-family: 'Asap Condensed', sans-serif;}
.tab-bagno span {font-size:30px; margin-left:5px;}
.tab-camera {background-color:#0d6cbe; color:#fff; font-size:16px; font-family: 'Asap Condensed', sans-serif;}
.tab-camera span {font-size:30px; margin-left:5px;}
.tab-mq {background-color:#115594; color:#fff; font-size:16px; font-family: 'Asap Condensed', sans-serif;}
.tab-rif {background-color:#1e82d9; color:#fff; font-size:16px; font-family: 'Asap Condensed', sans-serif;}
.tab-scopri {background-color:#5f5f5f; color:#fff; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Asap Condensed', sans-serif; }
#owl-carousel-scelti .owl-nav {display:block;}
#owl-carousel-scelti .owl-prev {width: 93px; height:47px; background: url("../images/arr-left-owl-blu.png") no-repeat center center / 100% auto; position: absolute; left:-8%; bottom:45%; color: transparent;}
#owl-carousel-scelti .owl-next {width: 93px; height:47px; background: url("../images/arr-right-owl-blu.png") no-repeat center center / 100% auto; position: absolute; right:-8%; bottom:45%; color: transparent;}

/* -------------------------------- ARCHIVIO IMMOBILI -------------------------------- */
.content-loop {padding:0px 10%; text-align:center;}
.div-immobile-archive {width:33.3%; float:left; margin-bottom:50px; padding:0px 2%;}
.form-info-archivio {background-color:#fff; border:solid 6px #e6e6e6; width:100%;}
.form-info-archivio h3 {padding:25px 2%; text-align:center; background-color:#e6e6e6; font-size:36px; line-hight:38px; color:#115594; font-family: 'Rosario', sans-serif; font-weight:700;}
.form-info-archivio .btn input {color:#0d6cbe; border-color:#0d6cbe; background-color:#fff; border-radius:0px; font-size:24px; text-transform:uppercase; padding:10px 25px; border:solid 1px;}


@media (max-width: 1200px) {
    /* HEADER */
    .menu {padding-top:20px; font-size:14px;}
    .contatti-header {height:80px;}
    .icona-phone {height:80px; width:80px; padding:18px;}
    .numero-tel {float:left; text-align:center; font-weight:700; font-size:20px; padding:17px 0px 0px 0px;}
    .menu-main-menu-container {padding-right:30px;}

    /* -------------------------------- ARCHIVIO IMMOBILI -------------------------------- */
    .div-immobile-archive {width:50%;}


}


@media (max-width: 909px) {
    body {text-align:center;}
    .col-2 {width:100%; float:none;}
    .col-3 {width:100%; float:none;}
    .intro-page {padding:50px 5%;}
    .intro-page h1 {font-size:26px; line-height: 28px; margin-bottom:30px;}
    .intro-page h2 {font-size:40px; margin-bottom:20px;}
    .intro-page p {font-size:18px; line-height:20px;}
    .intro-page-archive {padding:50px 5%;}
    .intro-page-archive h1 {font-size:26px; line-height: 28px; margin-bottom:30px;}
    .intro-page-archive h2 {font-size:40px; margin-bottom:20px;}
    .intro-page-archive p {font-size:18px; line-height:20px;}
    .image-page {height:300px;}
    .btn {font-size:20px;}
    .entry-title {font-size:40px; margin-bottom:20px;}

    /* HEADER */
    .header-top {padding:0px 0px 0px 5%;}
    .contatti-header {padding-right:0%;}
    .numero-tel {display:none;}
    .logo {width:40%; padding-top:5px;}
    .menu {margin-right:20px;}
    #menu-desk {display:none;}
    #trigger-overlay {display:block; color:#fff; font-size:34px;}

    /* MENU */
    .main-navigation .main-menu > li > a {text-transform:uppercase; font-size:30px;}
    .menu-main-menu-container {float:none; padding:0px 5%;}
    .main-navigation .main-menu button {background-color:transparent!important; border-radius:none!important;}
    .main-navigation .main-menu .current-menu-item > a::before {display:none;}
    .site-branding, .main-navigation ul.main-menu > li, .social-navigation, .author-description .author-bio, .nav-links {margin-right:0px;}

    /* FOOTER */
    .info-address {padding:50px 5% 20px 5%;}
    .info-address .col-3 {margin-bottom:30px;}
    .info-address h4 {font-size:20px; margin-bottom:10px;}
    .info-address p {font-size:18px; line-hight:20px;}
    .info-address p span {font-size:18px; font-weight:700;}



    /* -------------------------------- CONTATTI -------------------------------- */
    .numeri-tel {padding:30px 5%; font-size:20px; margin-bottom:0px;}
    .numeri-tel p {margin-bottom:50px;}
    .numeri-tel span {font-size:26px;}
    .form-info {position:relative; width:100%; top:0px; right:0px;}
    .form-info h3 {font-size:26px; line-hight:28px;}

    /* -------------------------------- CHI SIAMO -------------------------------- */
    .caratteristiche {width:100%; padding: 50px 5%;}
    .didascalia h4 {font-size:20px; margin-bottom:20px;}
    .panoramica {height:300px; margin-top:50px; background-attachment: scroll; backgroun-size:100% auto;}

    /* -------------------------------- SCHEDA IMMOBILE -------------------------------- */
    .img-evidenza {height:400px;}
    .content-scheda {padding:50px 5%;}
    .content-title {width:100%; float:none; padding-right:0%;}
    .content-dati {width:100%; float:none;}
    .content-title .prezzo {padding:20px; font-size:30px; line-height:24px;}
    .form-info-scheda {display:none;}
    .content-dati p {text-align:center;}
    #gallery-immobile {margin-bottom:50px;}
    #descrizione {margin-bottom:50px;}
    #dettagli {margin-bottom:50px;}
    .form-info-mobile {display:block; background-color:#fff; border:solid 6px #e6e6e6; width:100%; margin-top:50px;}
    .form-info-mobile h3 {padding:25px 2%; text-align:center; background-color:#e6e6e6; font-size:26px; line-hight:28px; color:#115594; font-family: 'Rosario', sans-serif; font-weight:700;}
    .form-info-mobile .btn input {color:#0d6cbe; border-color:#0d6cbe; background-color:#fff; border-radius:0px; font-size:24px; text-transform:uppercase; padding:10px 25px; border:solid 1px;}
    .carosello-altri-imm {padding:50px 5%;}
    .carosello-altri-imm h2 {font-size:40px; margin-bottom:20px;}
    .carosello-altri-imm h3 {font-size:18px; line-height:20px;}
    #owl-carousel-thumb {display:none;}
    .btn-pdf {margin: 30px 0px;}
    .btn-pdf .icona {font-size:50px;}
    .btn-pdf .span {width:88%; font-size:20px; padding:15px;}
    .acf-map {height: 300px;}

    /* -------------------------------- CAROSELLO IMMOBILI -------------------------------- */
    .thumb-immobile {height:200px;}
    .dati-immobile {height:200px;}
    .dati-immobile .titolo {font-size:24px; line-height:26px;}
    .dati-immobile .prezzo {font-size:30px;}
    .tab-bagno span {font-size:24px;}
    .tab-camera span {font-size:24px;}
    #owl-carousel-scelti .owl-nav {display:none;}

    /* -------------------------------- ARCHIVIO IMMOBILI -------------------------------- */
    .content-loop {padding:0px 5%;}




}


@media (max-width: 767px) {
    .col-3 {width:100%; float:none;}

    /* -------------------------------- CHI SIAMO -------------------------------- */
    .icon {float:none; width:100%; padding-right:0px; margin-bottom:20px;}
    .icon img {max-width:150px;}
    .didascalia {float:none; width:100%; padding-right:0%;}

}


@media (max-width: 480px) {

    .intro-page h1 {font-size:20px; line-height: 24px;}
    .intro-page h2 {font-size:30px; margin-bottom:20px;}
    .intro-page p {font-size:16px; line-height:18px;}
    .intro-page-archive h1 {font-size:20px; line-height: 24px;}
    .intro-page-archive h2 {font-size:30px; margin-bottom:20px;}
    .intro-page-archive p {font-size:16px; line-height:18px;}
    .image-page {height:250px;}
    .btn {font-size:18px;}
    .entry-title {font-size:30px; margin-bottom:20px;}

    /* HEADER */
    .logo {width:65%;}
    .menu {padding-top: 17px;}
    .contatti-header {height:60px;}
    .icona-phone {height:40px; width:40px; padding:16px 6px 6px 6px;}
    #trigger-overlay {font-size:24px;}


    /* FOOTER */
    .info-address p {font-size:16px; line-hight:18px;}
    .info-address p span {font-size:20px;}

    /* -------------------------------- CONTATTI -------------------------------- */
    .code {padding:20px 20px 0px 20px;}
    .form-info .btn input {font-size:18px;}

    .didascalia h4 {font-size:20px;}
    .didascalia p {font-size:16px; line-height:18px;}

    /* -------------------------------- SCHEDA IMMOBILE -------------------------------- */
    .img-evidenza {height:300px;}
    .content-title h1 {font-size:24px; line-height:28px;}
    .content-title .prezzo {font-size:20px; line-height:24px;}
    .content-title .rif {margin-bottom:20px;}
    .content-dati h4 {font-size:18px; margin-bottom:20px;}
    .content-dati p {font-size:16px; line-height:18px;}
    #dettagli table {font-size:14px; line-height:16px; text-align:left!important;}
    .carosello-altri-imm h2 {font-size:30px; line-height:32px;}
    .carosello-altri-imm h3 {font-size:16px; line-height:18px;}
    .btn-pdf .span {width:78%; font-size:20px; padding:15px;}
    #owl-carousel-gallery .owl-slide {height:250px;}

    /* -------------------------------- CAROSELLO IMMOBILI -------------------------------- */
    .tab-scopri {font-size:16px;}

    /* -------------------------------- ARCHIVIO IMMOBILI -------------------------------- */
    .div-immobile-archive {width:100%; float:none; padding:0px;}
}