@charset "UTF-8";
 @font-face {
}
* {
padding:0;
margin:0;
}
.clearer {
clear:both;
}
body {
font-family: 'Poppins', sans-serif;
}
img {
border:none;
}
header, nav, article, aside, section, footer, main, figure, figurecaption, hgroup {
display:block;
}
clearfix:befor {
content:"/0020";
display:block;
height:0;
overflow: hidden;
}
clearfix:after {
clear:both;
}
.clearfix {
zoom: 1;
}
p {
font-size: 17px;
color: #737373;
}
.servizi_est {
background-color: #edecea;
}
.servizi {
width: 98%;
height: auto;
max-width: 1300px;
margin: 0 auto;
padding-top: 60px;
}
.servizio {
width: 49%;
height: auto;
margin-left: 0.5%;
margin-right: 0.5%;
margin-bottom: 1%;
min-height: 450px;
position: relative;
background-color: #FFFFFF;
transition-timing-function: ease-in-out;
transition-duration: 1s;
float: left;
padding-bottom: 30px;
}
.servizio:hover {
background-color: #171d31;
transition-timing-function: ease-in-out;
transition-duration: 1s;
}
.servizio_icona {
width: 90px;
height: 90px;
left: 50%;
margin-left: -45px;
position: absolute;
margin-top: 145px;
transition-timing-function: ease-in-out;
transition-duration: 1s;
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/euro-blu.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto; 
}
.servizio:hover .servizio_icona {
width: 50px;
height: 50px;
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/euro.png);
transition-timing-function: ease-in-out;
transition-duration: 1s;
margin-top: 40px;
margin-left: -25px;
}
.servizio_nuovo .servizio_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/Icona_nuovo.png);
}
.servizio_nuovo:hover .servizio_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/Icona_nuovo_bianca.png);
}
.gestione .servizio_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/portafoglio-finanziario.png);
}
.gestione:hover .servizio_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/portafoglio-finanziario-bianca.png);
}
.i_azienda .servizio_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/azienda.png);
}
.i_azienda:hover .servizio_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/azienda-bianca.png);
}
.pianificazione_succ .servizio_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/pianificazione-successoria.png);
}
.pianificazione_succ:hover .servizio_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/pianificazione-successoria-bianca.png);
}
.servizio h2 {
padding-top:245px;
transition-timing-function: ease-in-out;
transition-duration: 1s;
text-align: center;
margin-bottom: 5px;
font-size: 24px;
font-weight: 400;
}
.servizio:hover h2 {
padding-top:125px;
transition-timing-function: ease-in-out;
transition-duration: 1s;
text-align: center;
color: #4380c4;
}
.servizio p {
width: 90%;
margin-left: 5%;
display: none;
transition-delay: initial;
transition-timing-function: ease-in-out;
transition-duration: 1s;
text-align: center;
color: #FFFFFF;
font-size: 8px;
}
.servizio:hover p {
display: block;
transition-delay: initial;
transition-timing-function: ease-in-out;
transition-duration: 1s;
font-size: 16px;
}
.altri_servizi {
width: 90%;
height: auto;
max-width: 1300px;
margin: 0 auto;
}
.altri_servizi .intro {
margin-top: 50px;
}
.a_serv {
width: 24%;
float: left;
min-height: 200px;
margin-left: 0.5%;
margin-right: 0.5%;
background-color: #FFFFFF;
position: relative;
transition-timing-function: ease-in-out;
transition-duration: 1s;
margin-bottom: 30px;
}
.a_serv:hover {
background-color: #171d31;
transition-timing-function: ease-in-out;
transition-duration: 1s;
}
.a_serv_icona {
width: 60px;
height: 60px;
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/previdenza.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto; 
position: absolute;
top: 50px;
left: 50%;
margin-left: -30px;
transition-timing-function: ease-in-out;
transition-duration: 1s;
}
.a_serv:hover .a_serv_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/previdenza-bianca.png);
transition-timing-function: ease-in-out;
transition-duration: 1s;
}
.mutui .a_serv_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/pianificazione-successoria.png);
background-repeat: no-repeat;}
.mutui:hover .a_serv_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/pianificazione-successoria-bianca.png);
}
.pianificazione_fina .a_serv_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/pianificazione-finanziaria.png);
background-repeat: no-repeat;}
.pianificazione_fina:hover .a_serv_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/pianificazione-finanziaria-bianca.png);
}
.servizi_fiduciari .a_serv_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/servizi-fiduciari.png);
background-repeat: no-repeat;}
.servizi_fiduciari:hover .a_serv_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/servizi-fiduciari-bianca.png);
}
.a_serv h3 {
width: 90%;
margin-left: 5%;
padding-top: 130px;
color: #171d31;
font-weight: 400;
margin-bottom: 5px;
text-align: center;
font-size: 22px;
}
.a_serv:hover h3 {
color: #4380c4;
}
.a_serv p {
display: none;
transition-timing-function: ease-in-out;
transition-duration: 1s;
width: 90%;
margin-left: 5%;
padding-bottom: 30px;
}
.a_serv:hover p {
display: block;
transition-timing-function: ease-in-out;
transition-duration: 1s;
color: #FFFFFF;
}
.consulente_patrimoniale {
background-color: #FFFFFF;
padding-bottom: 60px;
padding-top: 60px;
}
.consulente_int {
width: 100%;
max-width: 1500px;
margin: 0 auto;
}
.consulente_sx {
width: 50%;
height: auto;
float: left;
}
.consulenza .consulente_sx {
background-position: center center;
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/a-b.jpg);
background-repeat: no-repeat;
}
.linea_blu {
width: 50px;
height: 1px;
background-color: #1959a0;
float: left;
margin-top: 13px;
}
.intro p {
color: #1959a0;
float: left;
margin-left: 10px;
margin-bottom: 5px;
}
.intro h3, .intro h6 {
font-weight: 400;
font-size: 30px;
margin-bottom: 30px;
}
.consulente_testo img {
width: 90%;
max-width: 250px;
margin-top: 25px;
}
.campo_pre {
width: 90%;
margin-left: 5%;
}
.campo_desc {
height: 600px;
display: table-cell;
vertical-align: middle;
}
.consulente_dx {
width: 50%;
height: 600px;
float: right;
background-size: cover;
background-position: center center;
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/biffi-alessandro-min.jpg);
}
.consulenza .consulente_dx {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/3-min.jpg);
}
.disposizione {
width: 100%;
background-color: #171d31;
padding-bottom: 60px;
}
.disp_int {
width: 90%;
height: auto;
max-width: 1200px;
margin: 0 auto;
padding-top: 60px;
}
.disp_sx {
width: 70%;	
float: left;
}
.disp_dx {
float: right;
} 
.disposizione .intro h6 {
color: #4380c4;
}
.disposizione .linea_blu {
background-color: #FFFFFF;
}
.disposizione .intro p {
color: #FFFFFF;
}
.disposizione p {
color: #FFFFFF;
}
.pulsante .button {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 25px;
padding-right: 25px;
cursor: pointer;
background: #ececec;
text-decoration: none;
color: #4380c4;
font-size: 19px;
margin-top: 60px;
} .pulsante .trim {
display: inline-block;
position: relative;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pulsante .trim:before {
content: "";
position: absolute;
border: #4380c4 solid 4px;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
transition-duration: 0.3s;
transition-property: opacity;
}
.pulsante .trim:hover:before {
opacity: 1;
}
.map {
width:100%;
height:765px;
display: block;
}
.map-wrap {
position:relative; 
}
.overlay {
width:100%;
min-height:765px; 
position:absolute; 
z-index: 2;
}
.contatti {
width: 35%;
height: auto;
background-color: #FFFFFF;
position: absolute;
top:50px;
z-index: 3;
}
.contatti_int {
max-width: 500px;
float: right;
margin-right: 35px;
margin-left: 35px;
}
.contatti .intro {
padding-top: 50px;
}
.form_contatto {
margin-top: 30px;
}
.form_campo {
width: 47.5%;
float: left;
}
.form_uno {
margin-right: 5%;
}
.form_campo input[type=text], .form_campo input[type=email] {
width: 100%;
height: 35px;
font-family: 'Poppins', sans-serif;
padding-left: 7px;
font-size: 16px;
background-color: #ededeb;
border: none;
margin-bottom: 20px;
border-radius: 3px;
}
textarea {
width: 100%;
font-family: 'Poppins', sans-serif;
height: 135px;
padding-left: 7px;
font-size: 16px;
background-color: #ededeb;
border: none;
border-radius: 3px;
padding-top: 7px;
}
input[type=submit] {
width: 140px;
height: 50px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
background-color: #1157a1;
color: #FFFFFF;
border: 1px solid #1157a1;
transition-duration: 1s;
margin-bottom: 40px;
cursor: pointer;
border-radius: 3px;
} 
input[type=submit]:hover {
background-color: #FFFFFF;
color: #1157a1;
transition-duration: 1s;
}
footer {
background-color: #1157a1;
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/ab-footer.png);
background-repeat: no-repeat;
background-position: center center;
}
.footer_int {
width: 90%;
height: auto;
margin: 0 auto;
max-width: 1200px;
padding-top: 50px;
} 
.footer_logo {
width: 300px;
}
.footer_logo img {
width: 100%;
}
.footer_uno {
width: 35%;
float: left;
margin-top: 70px;
margin-right: 5%;
}
.dati {
margin-bottom: 10px;
}
.dati img {
width: 25px;
float: left;
}
.dati p {
margin-left: 5px;
float: left;
color: #FFFFFF;
}
.footer_social {
margin-top: 40px;
padding-bottom: 20px;
}
.footer_social img {
width: 35px;
margin-right: 5px;
}
.footer_due {
float: left;
margin-top: 20px;
}
.f_titolo p {
color: #171d31;
font-size: 22px;
margin-bottom: 10px;
}
.f_testo p {
color: #FFFFFF;
text-decoration:underline;
margin-bottom: 10px;
}
.footer_tre {
float: right;
margin-top: 20px;
}
.footer_tre p.scarica {
color: #FFFFFF;
text-decoration:underline;
}
.footer_tre_img {
width: 100%;
max-width: 150px;
margin-top: 25px;
}
.footer_tre_img img {
width: 100%;
}
.footer_sotto {
background-color: #171d31;
margin-top: 40px;
}
.footer_sotto_int {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-top: 15px;
padding-bottom: 15px;
}
.footer_sotto p {
color:#FFFFFF;
}
.footer_sotto a:link, .footer_sotto a:visited {
color: #FFFFFF;
}
.sin_campo_form {
margin-bottom: 15px;
}
.sin_campo_form a:link, .sin_campo_form a:visited {
color: #575756;
}
body .wpcf7-list-item {
display: inline-block;
margin: 0 0 0 0em;
}
.anticont, .sin_campo_form {
color: #575756;
}
.anticont {
margin-bottom: 15px;
}
.anticont .wpcf7-quiz {
width: 50px;
height: 25px;
font-family: 'Raleway', sans-serif;
font-size: 15px;
background-color: #ededeb;
color: #241e20;
border: none; }
.example-row {
width: 100%;
padding:150px 0;
margin:0;
}
.example-row:nth-child(even) {background-color: #eee;}
.hidden {visibility:hidden;}
.visible {visibility:visible !important;}
.sin_campo_form {
margin-top: 5px;
}
.rett_d {
width: 100%;
height: 130px;
} @media only screen and (min-width: 601px) and (max-width: 991px) {
body { overflow-x:hidden; }
.servizio {
margin-bottom: 1%;
min-height: 400px;
}
.servizio_icona {
width: 50px;
height: 50px;
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/euro-blu.png);
transition-timing-function: ease-in-out;
transition-duration: 1s;
margin-top: 40px;
margin-left: -25px;
}
.servizio h2 {
padding-top:125px;
transition-timing-function: ease-in-out;
transition-duration: 1s;
text-align: center;
color: #4380c4;
}
.servizio p {
display: block;
transition-timing-function: ease-in-out;
transition-duration: 1s;
font-size: 16px;
color: #737373;
}
.servizio:hover p {
display: block;
transition-timing-function: ease-in-out;
transition-duration: 1s;
font-size: 16px;
}
.serv_due {
background-color: #171d31;
}
.serv_due .servizio_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/euro.png);
}
.servizi .serv_due p {
color: #FFFFFF;
}
.a_serv {
width: 100%;
float: none;
margin-left: 0%;
margin-right: 0%;
}
.a_serv p {
display: block;
}
}
@media only screen and (max-width: 700px) {
body { overflow-x:hidden; }
.consulente_sx {
width: 100%;
float: none;
}
.consulente_dx {
width: 100%;
height: 400px;
float: none;
}
.servizi {
width: 90%;
}
.servizio {
width: 100%;
height: auto;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 40px;
min-height: 400px;
float: none;
}
.servizio_icona {
width: 50px;
height: 50px;
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/euro-blu.png);
transition-timing-function: ease-in-out;
transition-duration: 1s;
margin-top: 40px;
margin-left: -25px;
}
.servizio h2 {
padding-top:125px;
transition-timing-function: ease-in-out;
transition-duration: 1s;
text-align: center;
color: #4380c4;
}
.servizio p {
display: block;
transition-timing-function: ease-in-out;
transition-duration: 1s;
font-size: 16px;
color: #737373;
}
.servizio:hover p {
display: block;
transition-timing-function: ease-in-out;
transition-duration: 1s;
font-size: 16px;
color:#FFFFFF;
}
.serv_due {
background-color: #171d31;
}
.serv_due .servizio_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/euro.png);
}
.gestione .servizio_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/portafoglio-finanziario-bianca.png);
} 
.pianificazione_succ .servizio_icona {
background-image: url(https://alessandrobiffi.it/wp-content/themes/tema_biffi/Immagini/pianificazione-successoria-bianca.png);
} 
.servizi .serv_due p {
color: #FFFFFF;
}
.a_serv {
width: 100%;
float: none;
margin-left: 0%;
margin-right: 0%;
}
.a_serv p {
display: block;
}
.disp_sx {
width: 100%;	
float: none;
}
.disp_dx {
float: none;
} 
.map {
width:100%;
height:450px;	
}
.map-wrap {
position:relative; 
}
.overlay {
width:100%;
min-height:450px; 
position:absolute; 
z-index: 2;
}
.contatti {
width: 90%;
margin-left: 5%;
position: relative;
top:0px;
}
.footer_uno {
width: 100%;
float: none;
margin-top: 70px;
margin-right: 5%;
}
.footer_due {
float: none;
margin-top: 20px;
}
.footer_tre {
float: none;
margin-top: 40px;
}
.campo_desc {
height: 550px;
}
}