.homedelsito {
padding: 0 !important;
margin: 0 !important;
}
.homedelsito .hero {
background-size: cover;
background-position: center left;
clear: both;
color: #fff;
width: 100%;
position: relative;
padding: 4em 0;
}
.homedelsito.hero .preheadline {
color: #3c3c3b;
}
.homedelsito .hero .headline {
font-weight: 700;
text-align: center;
color: #e8593e;
font-size: 5em;
margin: 0 0 0.25em;
padding: 0;
line-height: 1;
}
.homedelsito .hero p {
font-size: 23px;
}
.homedelsito .hero form {
width: 100%;
margin: 1em auto;
max-width: 364px;
text-align: center;
}
.homedelsito .hero .button {
background-color: #fc0;
max-width: 320px;
margin: 1em auto;
color: #694018;
display: block;
width: 100%;
font-size: 21px;
font-weight: 700;
}
.homedelsito .hero .button:hover {
background-color: #e8593e;
color: #fff;
}
.homedelsito .conosciamoci {
background-color: #e8593e;
color: #fff;
padding-bottom: 0;
}
.homedelsito .conosciamoci h2 {
font-weight: 700 !important;
}
.homedelsito .conosciamoci .row {
position: relative;
}
.homedelsito .conosciamoci p,
.conosciamoci h2,
.conosciamoci h3,
.conosciamoci h4 {
color: #fff;
}
.homedelsito .conosciamoci a.button {
margin-bottom: 2em;
width: 100%;
max-width: 300px;
font-weight: 700;
font-size: 25px;
background-color: #3c3c3b;
color: #fff;
height: 59px;
padding: 0;
line-height: 56px;
letter-spacing: -1px;
}
.homedelsito .conosciamoci a.button:hover {
background-color: #fff;
color: #e8593e !important;
}
.homedelsito img.andrea {
margin-top: -60px;
}
.homedelsito .servizi {
background-image: url(//www.andrealeti.it/wp-content/themes/Andrealeti2018/images/grafico.jpg);
background-size: cover;
background-position: bottom center;
padding-top: 7em;
}
.homedelsito .servizi h2.text-center {
font-weight: 700;
font-style: italic;
font-size: 50px;
}
.homedelsito .servizi h4 {
margin-bottom: 3em;
}
.homedelsito .servizi .grafico {
float: left;
overflow: hidden;
width: 100%;
position: relative;
}
.homedelsito .servizi .grafico img.logografico {
position: absolute;
left: 50%;
top: 50%;
margin-left: -140px;
margin-top: -180px;
}
.homedelsito .servizi .box-servizi {
min-height: 250px;
border-radius: 10px;
border: 1px solid #ddd;
padding: 1em;
background-color: #fff;
margin-bottom: 3em;
}
.homedelsito .servizi .box-servizi.box1,
.servizi .box-servizi.box3,
.servizi .box-servizi.box5 {
margin-top: 10em;
}
.homedelsito .servizi .box-servizi span.round {
display: block;
margin: 0 auto;
color: #e8593e;
border: 1px solid #e8593e;
height: 30px;
width: 30px;
text-align: center;
border-radius: 100px;
line-height: 28px !important;
margin-bottom: 1em;
}
.homedelsito .servizi .box-servizi h6 {
color: #3c3c3b;
font-weight: 700;
}
.homedelsito .servizi .box-servizi p {
font-size: 15px;
}
.homedelsito .servizi .box-servizi span.etichetta {
display: block;
text-align: center;
letter-spacing: 5px;
color: #e8593e;
}
.homedelsito .servizi .box-servizi:hover {
border-color: #e8593e;
}
.homedelsito .clienti {
background-color: #fff;
color: #fff;
}
.homedelsito .clienti .clearfix {
height: 20px;
clear: both;
}
.homedelsito .statistiche {
background-color: #fff;
padding: 2em;
margin-bottom: 2em;
}
.homedelsito .statistiche:hover {
box-shadow: -17px 18px 0 -3px #e65949;
transform: rotate(-3deg);
}
.homedelsito .side-newsletter,
.blog .side-newsletter {
background-image: url(//www.andrealeti.it/wp-content/themes/Andrealeti2018/images/finepost.jpg);
background-size: cover;
background-position: right;
color: #fff;
padding: 2em;
}
.homedelsito .side-newsletter h4,
.blog .side-newsletter h4 {
margin-bottom: 1em;
line-height: 1;
color: #fff;
}
.homedelsito .side-newsletter li,
.blog .side-newsletter li {
color: #fff;
font-size: 18px;
margin-bottom: 0.5em;
}
.homedelsito .box-mobile {
display: none;
}
.row {
max-width: 1440px !important;
}
.homedelsito .newhero .row {
max-width: 1440px;
min-height: 600px;
}
.homedelsito .newhero {
background-color: #e65944;
position: relative;
padding: 1em 0 4em;
overflow: hidden;
}
.homedelsito .newhero h2 {
font-weight: 900;
text-transform: uppercase;
text-shadow: 2px 2px 1px #000;
color: #fff;
}
.homedelsito .newhero h2.lefttitle {
font-weight: 900;
font-style: italic;
font-size: 150px;
}
.homedelsito .newhero h2.righttitle {
font-weight: 900;
font-style: italic;
text-align: right;
font-size: 150px;
margin-right: 230px !important;
margin-top: -70px;
}
.homedelsito .newhero .andrea_hero {
position: absolute;
right: 90px;
bottom: -120px;
max-width: 600px;
}
.homedelsito .newhero a.btn {
background: #000;
padding: 1em 3em;
display: inline-block;
border-radius: 900px;
color: #fff;
text-align: center;
font-weight: 900;
border: 3px solid #fff;
font-size: 20px;
margin-top: 5px;
}
.homedelsito .newhero .subtitle_hero {
color: #fff;
font-size: 30px;
padding-right: 25%;
}
.homedelsito .newhero .content_hero {
color: #fff;
font-size: 25px;
padding-right: 20%;
}
.homedelsito .newhero .subtitle_hero {
z-index: 9;
position: relative;
}
.homedelsito .newhero .content_hero {
position: relative;
z-index: 9;
}
.homedelsito .newclienti h2 {
font-weight: 900;
color: #000;
font-size: 45px;
text-transform: uppercase;
}
.homedelsito .newclienti {
padding: 5em 0;
}
.homedelsito .row.loghihome img {
margin: 15px 0;
}
.homedelsito .newclienti h4 {
font-size: 35px;
margin-top: -10px;
margin-bottom: 40px;
}
@media only screen and (max-width: 639px) {
.only-desktop {
display: none;
}
.homedelsito .servizi .columns {
padding: 0 1em;
}
.homedelsito .servizi h2.text-center {
line-height: 1.2;
}
.homedelsito .servizi h4 {
line-height: 1.4;
}
.homedelsito .blog.frontblog .columns {
padding: 0 1em;
}
.homedelsito .blog.frontblog h2:first-child {
font-size: 35px;
line-height: 1.2;
}
.homedelsito .blog.frontblog .subheadline br {
display: none;
}
.homedelsito .blog .continua {
margin-top: 10px;
text-transform: uppercase;
}
.homedelsito .servizi .grafico::before {
content: "";
position: absolute;
width: 1px;
height: 90%;
background: #e8593e;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.homedelsito .newclienti h4 {
font-size: 16px;
margin-top: -5px;
margin-bottom: 40px;
}
.homedelsito .row.loghihome .columns .medium-3 {
width: 50%;
}
.homedelsito .newclienti .medium-12 {
padding: 0;
}
.homedelsito .newhero {
padding: 2em 0 0;
}
.homedelsito .newhero .columns {
padding: 10px !important;
}
.homedelsito .newhero h2.lefttitle {
font-size: 50px;
}
.homedelsito .newhero h2.righttitle {
font-size: 50px;
margin-right: 0;
margin-top: -20px;
}
.homedelsito .newhero .andrea_hero {
position: relative;
right: 0;
bottom: 0;
max-width: 80%;
display: block;
margin: 0 auto;
}
.homedelsito .newhero .subtitle_hero {
color: #fff;
font-size: 20px;
padding-right: 0;
line-height: 1.6;
}
.homedelsito .newhero p.content_hero {
color: #fff;
font-size: 20px;
line-height: 1.6;
padding-right: 0;
}
.homedelsito .newclienti .columns {
padding: 0 6px;
}
.homedelsito .newclienti {
padding: 2em 0;
}
.homedelsito .newclienti h2 {
font-size: 25px;
}
}
@media only screen and (min-width: 640px) and (max-width: 1000px) {
.homedelsito .newhero {
padding: 2em 0 0;
}
.homedelsito .newhero .row {
min-height: 520px;
}
.homedelsito .newhero .columns {
padding: 10px !important;
}
.homedelsito .newhero h2.lefttitle {
font-size: 70px;
}
.homedelsito .newhero h2.righttitle {
font-size: 70px;
margin-right: 0;
margin-top: -20px;
}
.homedelsito .newhero .andrea_hero {
position: absolute;
right: -100px;
bottom: -160px;
max-width: 50%;
display: block;
margin: 0 auto;
}
.homedelsito .newhero .subtitle_hero {
color: #fff;
font-size: 20px;
padding-right: 0;
}
.homedelsito .newhero p.content_hero {
color: #fff;
font-size: 20px;
padding-right: 60px;
}
}
@media only screen and (min-width: 1001px) and (max-width: 1151px) {
.homedelsito .newhero h2.lefttitle {
font-size: 110px;
}
.homedelsito .newhero h2.righttitle {
font-size: 110px;
margin-right: 360px;
}
.homedelsito .newhero .andrea_hero {
position: absolute;
right: -180px;
bottom: -120px;
max-width: 580px;
}
.homedelsito .newhero .subtitle_hero {
color: #fff;
font-size: 30px;
padding-right: 35%;
}
.homedelsito .newhero .content_hero {
color: #fff;
font-size: 25px;
padding-right: 50%;
}
}
@media only screen and (min-width: 1150px) and (max-width: 1449px) {
.homedelsito .newhero h2.lefttitle {
font-size: 100px;
}
.homedelsito .newhero h2.righttitle {
font-size: 100px;
margin-right: 290px;
}
.homedelsito .newhero .andrea_hero {
position: absolute;
right: -150px;
bottom: -120px;
max-width: 540px;
}
.homedelsito .newhero .subtitle_hero {
color: #fff;
font-size: 30px;
padding-right: 25%;
}
.homedelsito .newhero .content_hero {
color: #fff;
font-size: 25px;
padding-right: 20%;
}
}
@media only screen and (min-width: 1450px) and (max-width: 1800px) {
.homedelsito .newhero .andrea_hero {
position: absolute;
right: 0;
bottom: -50px;
max-width: 550px;
}
}
@media only screen and (min-width: 1920px) and (max-width: 2300px) {
.homedelsito .newhero .andrea_hero {
position: absolute;
right: 200px;
bottom: -50px;
max-width: 550px;
}
}
@media only screen and (min-width: 2301px) {
.homedelsito .newhero .andrea_hero {
position: absolute;
right: 380px;
bottom: -50px;
max-width: 550px;
}
}
.homedelsito .sectionrisorsa {
background-color: #000;
z-index: 3;
position: relative;
}
.homedelsito .sectionrisorsa p {
font-size: 18px;
color: #fff;
line-height: 1.8;
}
.homedelsito .btn_libro.btn {
background: #e8654a;
padding: 0.8em 3em;
display: inline-block;
border-radius: 900px;
color: #fff;
text-align: center;
font-weight: 900;
border: none;
font-size: 20px;
margin-top: 0;
width: 100%;
}
.homedelsito .sectionrisorsa .row {
max-width: 1200px !important;
display: flex;
align-items: center;
}
.homedelsito .sectionrisorsa h3 {
color: #fff;
font-size: 24px;
font-style: italic;
font-weight: 900;
text-transform: uppercase;
line-height: 1.4;
}
.homedelsito .sectionrisorsa h3 strong {
font-weight: 900;
font-style: italic;
}
.homedelsito .sectionrisorsa h3 .orange {
color: #e65944;
font-weight: 900;
}
.homedelsito .sectionrisorsa .columns:nth-child(1) {
padding-left: 0;
}
.homedelsito .sectionrisorsa .columns:nth-child(1) img {
margin-top: -70px;
margin-bottom: -70px;
max-width: 90%;
}
.homedelsito .heroresp {
display: none;
}
.librobannerhome .btn,
.librobannerhome h2 {
color: #fff;
text-transform: uppercase;
text-align: center;
}
.librobannerhome {
padding: 0;
}
.librobannerhome img.librobanner {
max-width: 350px;
position: relative;
z-index: 3;
margin-left: -50px;
}
.librobannerhome .row {
max-width: 950px !important;
background: #23110b;
padding: 1em;
display: flex;
align-items: center;
border-radius: 10px;
border: 5px dashed #e65944;
box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
margin-top: -20px;
z-index: 4;
position: relative;
}
.librobannerhome h2 {
font-size: 35px;
margin: 0;
}
.librobannerhome .btn {
background: linear-gradient(to top, #f06343, #c84022);
display: block;
margin: 14px 0 0;
padding: 20px;
font-size: 26px;
font-weight: 900;
box-shadow: 0 20px 30px -20px rgba(255, 255, 255, 0.7);
border-radius: 10px;
}
.effectbanner {
position: absolute;
right: -10%;
max-width: 500px;
top: 50%;
transform: translate(0, -50%) scale(1);
}
@media only screen and (max-width: 639px) {
.homedelsito .newhero {
display: none;
}
.homedelsito .heroresp {
background-color: #e65944;
position: relative;
overflow: hidden;
min-height: 600px;
display: block;
}
.homedelsito .title_resp_hero {
text-align: center;
color: #fff;
font-weight: 900;
font-size: 30px;
text-shadow: 2px 2px 1px #000;
font-style: italic;
margin: 0;
}
.homedelsito .subtitle_resp_hero {
text-align: center;
color: #fff;
font-weight: 900;
font-size: 25px;
text-shadow: 2px 2px 1px #000;
font-style: italic;
}
.homedelsito .row.flexrowheroresp {
display: flex;
align-items: center;
}
.homedelsito .col-text {
width: 65%;
padding: 15px 15px 15px 10px;
z-index: 4;
}
.homedelsito .col-img {
width: 30%;
}
.homedelsito .andrea_resp_hero {
position: absolute;
right: -22%;
bottom: -6%;
max-width: 300px;
}
.homedelsito .col-text p {
color: #fff;
font-size: 21px;
font-weight: 700;
}
.homedelsito .heroresp .btn {
background: #000;
padding: 0.8em 0;
display: inline-block;
border-radius: 900px;
color: #fff;
text-align: center;
font-weight: 900;
border: 3px solid #fff;
font-size: 14px;
width: 100%;
}
.homedelsito .flexicon {
display: flex;
align-content: center;
align-items: center;
justify-content: start;
margin-top: 10px;
}
.homedelsito .socialicon i {
color: #000;
font-size: 25px;
}
.homedelsito .socialicon {
background: #fff;
display: block;
border-radius: 100%;
color: #fff;
text-align: center;
font-size: 14px;
width: 50px;
height: 50px;
line-height: 55px;
margin: 2px;
border: 1px solid #000;
}
.homedelsito .firma {
max-width: 130px;
margin-top: 20px;
transform: rotate(-10deg);
margin-bottom: 50px;
}
.homedelsito .sectionrisorsa {
display: none;
}
.homedelsito .effdue {
position: absolute;
right: 0;
width: 80%;
max-width: none;
top: 72%;
display: none;
transform: rotate(-1deg);
}
.homedelsito .effuno {
position: absolute;
width: 95%;
top: 63%;
max-width: none;
transform: rotate(-2deg);
left: -20px;
display: none;
}
.homedelsito .ebook_resp {
display: flex;
align-items: center;
background: #fff;
margin-top: 60px;
margin-bottom: 0;
z-index: 99999999;
position: relative;
}
.homedelsito .ebookresp {
position: relative;
display: block;
max-width: 140px;
left: 0;
top: 0;
margin: -40px 0;
}
.homedelsito .coltext-eb {
position: relative;
z-index: 3;
width: 100%;
display: block;
right: 0;
top: 0;
padding: 16px;
}
.homedelsito .coltext-eb h3 {
font-size: 18px;
font-weight: 900;
color: #000;
}
.homedelsito .btn_eb {
background: #ff0;
color: #000;
font-weight: 900;
display: block;
text-align: center;
padding: 10px;
border-radius: 900px;
text-transform: uppercase;
font-style: italic;
}
.homedelsito .sectionrisorsa {
display: none;
}
.librobannerhome .row {
display: block;
padding: 2em 0;
}
.librobannerhome img.librobanner {
display: block;
margin: 0 auto;
max-width: 100%;
}
.effectbanner {
position: absolute;
right: -5%;
max-width: 320px;
top: 50%;
transform: translate(0, -50%) scale(1);
}
.librobannerhome h2 {
color: #fff;
font-size: 30px;
text-transform: uppercase;
margin: 20px 0;
text-align: center;
line-height: 1.2;
}
.librobannerhome .btn {
padding: 15px;
font-size: 20px;
}
.librobannerhome .row .columns {
padding: 0 1em;
}
} section.bannerlibronew { position: relative;
padding: 30px 30px;
}
section.bannerlibronew img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.bannerlibronew h2 {
font-size: 42px;
color: #000;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 0;
}
.bannerlibronew p {
font-size: 18px;
line-height: 1.8;
font-weight: normal;
}
.bannerlibronew a.btn {
background: #e45a4a;
padding: 10px 50px;
display: inline-block;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
border-radius: 100px;
border-bottom: 4px solid #c75400;
margin-bottom: 20px;
}
section.bannerlibronew .row {
display: flex;
align-items: center;
}
@media only screen and (max-width: 639px) {
section.bannerlibronew .row {
display: block;
} section.bannerlibronew {
position: relative;
padding: 30px 0px 10px 0px;
}
.bannerlibronew h2 {
font-size: 25px;
}
.bannerlibronew p {
font-size: 15px;
}
.bannerlibronew a.btn {
padding: 10px 20px;
display: block;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
border-radius: 100px;
border-bottom: 4px solid #c75400;
margin-bottom: 20px;
text-align: center;
}
section.bannerlibronew .columns:last-child {
padding: 0 30px;
}
.homedelsito .servizi {
padding-top: 3em;
}
}