@font-face {
font-family: 'General Sans Variable';
src: url(//www.simonelomonaco.com/wp-content/themes/simonelomonaco/font/GeneralSans-Variable.woff2) format('woff2'),
url(//www.simonelomonaco.com/wp-content/themes/simonelomonaco/font/GeneralSans-Variable.woff) format('woff'),
url(//www.simonelomonaco.com/wp-content/themes/simonelomonaco/font/GeneralSans-Variable.ttf) format('truetype');
font-weight: 200 700;
font-display: swap;
font-style: normal;
}
body{
margin:0;
padding: 0;
background: #121316;
font-family: 'General Sans Variable';
color: #fff;
}
.animate2 {
opacity: 0; 
transform: translateY(20px);
}
#overlaymenu li { will-change: transform, opacity; }
#overlaymenu li { transition: none; } #overlaymenu { opacity: 0; visibility: hidden; pointer-events: none; }
#overlaymenu.open { opacity: 1; visibility: visible; pointer-events: auto; }  .headerHome {
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 2;
padding: 64px;
}
.headerHome2{
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 2;
padding: 48px 41px;
}
.marchiHome {
color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: "General Sans Variable";
font-size: 112px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -3.36px;
text-transform: uppercase;
}
p.marchiHome {
margin: 0px;
line-height: 100%;
}
.secRiga{
padding-left: 120px;
}
.overlayTop {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 70vh;
background: linear-gradient(0deg, rgba(18, 19, 22, 0.00) 0%, #121316 100%);
z-index: 1;
}
.overlayTop2 {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 20vh;
background: linear-gradient(0deg, rgba(18, 19, 22, 0.00) 0%, #121316 100%);
z-index: 1;
}
.contHeaderPage {
display: flex;
align-items: center;
flex-direction: row;
}
p.marchio, .testoTop2, .iconHeader {
width: calc(100% / 3);
}
.marchio a{
color: #FFF;
text-decoration: none;
}
.testoTop2{
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%; letter-spacing: -0.14px;
margin: 0px;
text-align: center;
}
.marchio{
color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: "General Sans Variable";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.72px;
text-transform: uppercase;
margin: 0px;
}    .button_container {
cursor: pointer;
position: absolute;
transition: 0.3s all ease-in-out;
z-index: 100;
background-color: #fff;
border-radius: 40.8px;
width: 60px;
height: 60px;
flex-shrink: 0;
display: flex;
align-items: center;
align-content: center;
gap: 9px;
flex-direction: column;
justify-content: center;
right: 40px;
top: 40px;
}
.button_container span {
background: #0C1638 none repeat scroll 0 0;
border: medium none;
cursor: pointer;
height: 2px;
transition: 0.3s all ease-in-out;
width: 100%;
transition: 0.2s all ease-in-out;
width: 60%;
}
.button_container span:nth-of-type(2) {
top: 11px;
}
.button_container span:nth-of-type(3) {
top: 22px;
}
.button_container .bottombottom {
font-size: 10px;
font-weight: bold;
height: 0 !important;
letter-spacing: 1.6px;
text-transform: uppercase;
top: 33px !important;
}
.overlaymenu {
height: 100%;
left: 0;
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
visibility: hidden;
width: 100%;
transition: 0.3s all ease-in-out;
z-index: 18 !important;
background-position: center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: rgba(18, 19, 22, 0.70);
backdrop-filter: blur(20px);
}
.overlaymenu nav {
text-align: center;
top: 200px;
position: relative;
display: block;
font-size: 30px;
}
.overlaymenu ul {
display: inline-block;
height: 100%;
list-style: outside none none;
margin: 0 auto;
padding: 0;
position: relative;
}
.overlaymenu ul li {
display: inline-block;
opacity: 0;
position: relative;
transition: 0.3s all ease-in-out;
width: 100%;
}
.overlaymenu.open ul li {
opacity: 1
}
.button_container.active .topp {
background: #0C1638 none repeat scroll 0 0;
transform: translateY(11px) translateX(0px) rotate(45deg);
}
.button_container.active .middle {
background: #0C1638 none repeat scroll 0 0;
opacity: 0;
}
.button_container.active .bottom {
background: #0C1638 none repeat scroll 0 0;
transform: translateY(-11px) translateX(0px) rotate(-45deg);
}
.button_container.active .bottombottom {
color: #0C1638;
}
.overlaymenu.open {
height: 100%;
opacity: 1;
visibility: visible;
z-index: 2
}
img.gifarchetipi {
height: 85px;
}
.contMenu{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 24px;
}
.fraseMenu{
color: var(--Ocean, #0C1638);
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 90%; letter-spacing: -0.24px;
margin: 0px
}
.contMenu ul {
padding: 0px;
margin: 0px;
text-align: left;
}
.contMenu ul li{
color:  #fff;
}
.overlaymenu ul li a {
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 52px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -1.56px;
text-transform: uppercase;
text-decoration: none;
}
.contMenu2 {
position: absolute;
bottom: 2px;
}
.sf4 {
display: flex;
padding: 16px;
flex-direction: row;
align-items: flex-end;
gap: 28px;
align-self: stretch;
border-radius: 34px !important;
background: rgba(255, 253, 242, 0.50);
justify-content: center;
width: max-content;
margin: 0 auto;
}
.ctaHeader {
display: inline-flex;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 52px;
background: var(--Blue, #89A6FB);
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
text-decoration: none;
position: absolute;
left: 30px;
bottom: 40px;
}
.simoneMenu{
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.72px;
text-transform: uppercase;
}
.testoMeenu{
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%; letter-spacing: -0.14px; 
}
.headerMenu {
display: flex;
justify-content: space-between;
align-items: center;
width: 70%;
position: absolute;
top: 24px;
left: 40px;
}
.mainmenuresponsive{
margin-left: 40px;
}  .masonry-wrapper {
height: 100vh;
overflow: hidden;
position: relative;
}
.masonry {
display: flex;
gap: 20px;
height: auto;
}
.column {
display: flex;
flex-direction: column;
gap: 20px;
animation: scroll 80s linear infinite;
width: 100%;
}
.column2 {
display: flex;
flex-direction: column;
gap: 20px;
animation: scroll2 80s linear infinite;
width: 100%;
transform: translate(-20%);
}
.column3 {
display: flex;
flex-direction: column;
gap: 20px;
animation: scroll3 80s linear infinite;
width: 100%;
}
@keyframes scroll {
0% { transform: translateY(0); }
50% { transform: translateY(-50%); }
100% { transform: translateY(0); }
}
@keyframes scroll2 {
0% { transform: translateY(-10%); }
50% { transform: translateY(-50%); }
100% { transform: translateY(-10%); }
}
@keyframes scroll3 {
0% { transform: translateY(0); }
50% { transform: translateY(-50%); }
100% { transform: translateY(0); }
}
.image2{
width: 100%;
height: 650px;
background-position: center;
background-size: cover;
}
.image {
width: 100%;
height: auto;
background-position: center;
background-size: cover;
}
.testoTop {
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: -0.24px;
padding-left: 120px;
width: 50%;
}
.ctaHome{
border-radius: 65px;
background: var(--Grey, #121316);
display: flex;
padding: 16px 40px;
justify-content: center;
align-items: center;
gap: 8px;
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.6px;
text-transform: uppercase;
text-decoration: none;
}
.contCTAhome {
position: absolute;
left: 0;
right: 0;
text-align: center;
display: flex;
justify-content: center;
bottom: 40px;
}
.masonry-wrapper.masonryPage {
height: 80vh;
}
.overlaybottom{
background: linear-gradient(180deg, rgba(18, 19, 22, 0.00) 0%, #121316 100%);
position: absolute;
bottom: 0;
left: 0; 
right: 0;
height: 30vh;
z-index: 1;
}
.contentMasonry {
position: absolute;
left: 0;
right: 0;
text-align: center;
color: #fff;
bottom: 00px;
z-index: 2;
}
.contentMasonry h1 {
color: #FFF;
text-align: center;
font-size: 116px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -3.48px;
text-transform: uppercase;
margin: 0px;
}
.contentMasonry p {
color: var(--White, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: -0.28px;
margin: 32px auto 0px;
width: 70%;
}
.imageGallery {
width: calc(100% / 3);
height: 250px;
background-size: cover;
background-position: center;
}
.singleimage.imageprosingle {
height: 450px;
background-size: cover;
background-position: center;
}
.contGallery {
margin: 30px;
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-top: 124px;
}
.imageGallery {
width: calc(100% / 4 - 24px);
height: 400px;
background-size: cover;
background-position: center;
}
.cta {
display: inline-flex;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 52px;
background: var(--Blue, #89A6FB);
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
text-decoration: none;
}
.primaFrase .label{
color: #FFF;
text-align: center;
leading-trim: both;
text-edge: cap;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 90%; letter-spacing: -1.2px;
margin: 0px;
text-transform: uppercase;
}
.testoPrimaFrase p{
text-align: center;
leading-trim: both;
text-edge: cap;
font-size: 44px;
font-style: normal;
font-weight: 500;
line-height: 100%; letter-spacing: -0.44px;
color: #fff;
margin: 0px;
}
.testoPrimaFrase strong{
color: #89A6FB;
font-weight: 500;
}
.primaFrase{
display: flex;
width: 70%;
flex-direction: column;
align-items: center;
gap: 40px;
margin: 190px auto;
}
.titleSection {
color: #FFF;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: -1.2px;
text-transform: uppercase;
margin: 0px 0px 72px 0px;
}
.servizi{
margin: 160px auto;
}
.cardServizi {
display: flex;
padding: 24px;
flex-direction: column;
align-items: center;
gap: 24px;
align-self: stretch;
border-radius: 8px;
background: rgba(137, 166, 251, 0.16);
width: calc(100% / 3 - 75px);
}
.titleCard{
color: #FFF;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 100%; letter-spacing: -0.96px;
margin: 0px;
height: 44px;
text-align: center;
}
.testoCard{
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; letter-spacing: -0.16px;
margin: 0px;
text-align: center;
}
.contCardServizi {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 40px;
align-self: stretch;
width: 80%;
margin: 0 auto;
flex-wrap: wrap;
}
.sezione3foto {
margin: 32px;
display: flex;
gap: 32px;
}
.comeFunziona {
margin: 180px 0px;
}
.titleSection2 {
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 64px;
font-style: normal;
font-weight: 500;
line-height: 90%; letter-spacing: -3.2px;
margin: 0px;
text-align: center;
}
.cardCome {
display: flex;
flex: 0 0 calc(100% / 3 - 124px);
padding: 48px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
border-radius: 16px;
background: rgba(137, 166, 251, 0.16);
align-content: center;
}
.number{
display: flex;
width: 40px;
height: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 48px;
background: var(--Blue, #89A6FB);
}
.contCardCome {
margin-top: 54px;
display: flex;
flex-wrap: wrap;
gap: 32px;
justify-content: center;
}
.cardCome p {
margin: 0px;
text-align: center;
}
.cardCome .titleCard {
height: auto
}
.heroPage {
margin-top: 160px;
padding: 0px 42px;
}
.titlePage{
color: #FFF;
font-size: 116px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -3.48px;
text-transform: uppercase;
margin: 0px 0px 34px 0px;
}
.textHeroPage{
color: #fff;
leading-trim: both;
text-edge: cap;
font-size: 44px;
font-style: normal;
font-weight: 500;
line-height: 100%; letter-spacing: -0.44px;
padding-left: 240px ;
}
.textHeroPage strong{
color: var(--Blue, #89A6FB);
font-weight: 500;
}
.contBio {
padding: 70px 0px 150px;
display: flex;
flex-direction: row;
gap: 64px;
align-items: center;
}
.bio p{
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 150%; letter-spacing: -0.24px;
}
.dicosa {
margin: 0px 0px 150px;
}
.partnerIdeale {
margin: 0px 0px 120px;
}
.contDiCosaMiOccupo {
display: flex;
gap: 64px;
align-items: center;
}
.titleDiCosaMiOccupo {
color: #FFF;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 46px; letter-spacing: -1.2px;
text-transform: uppercase;
margin: 0px;
}
.testoDiCosaMiOccupo {
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 150%; letter-spacing: -0.24px;
}
p.titleTags{
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.tag {
display: flex;
padding: 16px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 4px;
background: rgba(137, 166, 251, 0.16);
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-transform: uppercase;
margin: 0px;
}
.tags {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
p.testoDiCosaMiOccupo {
margin: 0px;
}
.contenutoDiCosaMiOccupo {
display: flex;
flex-direction: column;
gap: 29px;
}
.piccolaDescrizione {
width: 80%;
}
figure.gallery-item.is-visible a {
position: relative;
background: transparent;
transition: 0.2s all ease-in-out;
}
figure.gallery-item.is-visible span {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-decoration: none;
font-size: 54px;
font-weight: 200;
opacity: 0;
transition: 0.2s all ease-in-out;
background: linear-gradient(0deg, rgba(137, 166, 251, 0.40) 0%, rgba(137, 166, 251, 0.40) 100%);
}
figure.gallery-item.is-visible a:hover span {
opacity: 1;
}
.topHeroPage {
display: flex;
gap: 145px;
align-items: center;
}
.contactField p {
margin: 0px;
font-size: 32px;
}
p.pr {
padding-left: 92px;
}
.descContatti{
color: var(--White, #FFF);
leading-trim: both;
text-edge: cap;
font-size: 44px;
font-style: normal;
font-weight: 500;
line-height: 100%; letter-spacing: -0.44px;
margin: 64px 0px;
}
.contenutoContatti {
display: flex;
flex-direction: row;
gap: 32px;
align-items: center;
}
div#wpcf7-f164-o1, .maps {
width: 50%;
}
.cont-modulo input{
display: inline-flex;
padding: 15px;
align-items: center;
gap: 10px;
border: 1px solid #ffffff29;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
width: auto;
background: transparent;
}
.cont-modulo textarea{
display: inline-flex;
padding: 15px;
align-items: center;
gap: 10px;
border: 1px solid #ffffff29;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
width: auto;
background: transparent;
}
span.wpcf7-form-control-wrap {
display: flex;
flex-direction: column;
}
textarea.wpcf7-form-control.wpcf7-textarea {
height: 120px;
}
input[type="checkbox"] {
width: auto;
}
span.wpcf7-list-item {
margin: 0px;
font-size: 14px;
opacity: 0.7;
}
span.wpcf7-list-item a {
color: #fff
}
.quart input {
display: inline-flex;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 52px;
background: var(--Blue, #89A6FB);
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
text-decoration: none;
width: 100%;
}
.contenutoContatti{
margin-bottom: 72px;
}
span.wpcf7-spinner {
display: none;
}
.slick-carousel .slick-slide {
padding: 0 10px; box-sizing: border-box;
}
figure.gallery-item.animate.is-visible {
margin: 0px !important;
} .gallery {
display: grid;
grid-template-columns: repeat(4, 1fr); gap: 12px;
} @media (max-width: 1024px) {
.gallery { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
.gallery { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
.gallery { grid-template-columns: repeat(2, 1fr); }
}
.gallery-item { display: none; } .gallery-item.is-visible { display: block; }
.gallery img {
width: 100%;
height: auto;
display: block;
}
button#loadMoreGallery {
margin: 30px auto 0px;
display: block;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 52px;
background: var(--Blue, #89A6FB);
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
text-decoration: none;
border: none;
}
.container-fluid.gallery-container {
width: 90%;
margin: 160px auto;
} .faqHome{
padding: 0px 0px 180px;
position: relative;
z-index: 2;
}
img.rightCircle {
position: absolute;
right: 0;
top: -20%;
z-index: 1;
}
img.leftCircle {
position: absolute;
left: 0;
} .tab input {
position: absolute;
opacity: 0;
z-index: -1;
}
.tab__content {
max-height: 0;
overflow: hidden;
transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
max-height: 30rem;
} .accordion {
border-radius: 20px;
background: rgba(137, 166, 251, 0.16);
backdrop-filter: blur(10px);
overflow: hidden;
padding: 0px;
margin: 48px 0px;
}
.tab__label, .tab__close {
display: flex;
color: white;
cursor: pointer;
gap: 16px;
}
.iconTab {
text-align: center;
transform: rotate(0deg);
transition: all 0.35s;
}
.tab input:checked ~ label .iconTab {
transform: rotate(90deg);
}
.tab__content p {
margin: 0;
padding: 0px 0px 0px 40px;
margin: 16px 0px 0px;
}
.tab__close {
justify-content: flex-end;
padding: 0.5rem 1rem;
font-size: 0.75rem;
}
.titleFAQ{
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 110.523%; }
.textFAQ{
color: #A5A5A5;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.tab {
padding: 32px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.tab:last-child {
padding: 32px;
border-bottom: 0px solid rgba(255, 255, 255, 0.15);
}
.tab.lastTab {
padding: 32px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.textAccordion {
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 110.523%;
margin-top: 0px;
margin-bottom: 24px;
}
a.btnPrimary.btnAccordion {
margin: 0 auto;
width: auto;
display: table;
}
.faqHome .container {
position: relative;
z-index: 2;
}  footer.footerHome {
position: absolute;
bottom: 24px;
left: 40px;
display: flex;
justify-content: space-between;
flex-direction: row;
right: 40px;
}
footer.footer {
display: flex;
justify-content: space-between;
flex-direction: row;
right: 40px;
width: 90%;
margin: 0 auto;
padding: 40px 0px;
}
.footerHome p, .footer p{
margin: 0px;
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.footerHome a, .footer a{
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 140%; margin-left: 16px ;
}
.footer1 a{
margin: 0px;
}  a#back-to-top {
position: fixed;
right: 20px;
bottom: 70px;
background: #fff;
color: #000;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
border-radius: 50%;
font-size: 22px;
z-index: 2;
}   @media only screen and (min-width : 1025px) and (max-width : 1198px) {
} @media (min-width: 768px) and (max-width: 1024px) {
} @media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
} @media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){
} @media only screen and (min-width: 320px) and (max-width: 767px) {
.marchiHome {
font-size: 32px;
letter-spacing: -1px;
}
.dicosa  p.titleSection.animate, p.titleDiCosaMiOccupo.animate {
margin-left: 0px;
}
.partnerIdeale .cardServizi.animate {
width: 80%;
margin: 0 auto;
}
.headerHome {
padding: 56px 40px;
}
.secRiga {
padding-left: 0px;
}
.testoTop {
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: -0.24px;
padding-left: 0px;
width: 90%;
}
.column3 {
display: none;
}
.ctaHome {
font-size: 15px;
}
.contCTAhome {
bottom: 100px;
}
@keyframes scroll {
0% { transform: translateY(0); }
50% { transform: translateY(-50%); }
100% { transform: translateY(0); }
}
@keyframes scroll2 {
0% { transform: translateY(-20%); }
50% { transform: translateY(0); }
100% { transform: translateY(-20%); }
}
footer.footerHome {
position: absolute;
bottom: 24px;
left: 20px;
display: flex;
justify-content: space-between;
flex-direction: column;
right: 20px;
align-items: center;
text-align: center;
}
.overlaymenu ul li a {
font-size: 30px;
}
.contHeaderPage {
display: flex;
align-items: flex-start;
flex-direction: column;
}
p.marchio, .testoTop2, .iconHeader {
width: 100%;
text-align: left;
}
.marchio {
font-size: 22px;
}
p.testoTop2.animate {
text-align: left;
width: 70%;
}
.simoneMenu {
font-size: 22px;
margin: 0px;
padding-top: 15px;
}
h1.titlePage {
font-size: 56px;
}
.textHeroPage {
padding: 0px;
font-size: 23px;
width: 100%;
}
.piccolaDescrizione {
width: 100%;
}
.heroPage {
margin-top: 160px;
padding: 0px 24px;
}
.contBio {
padding: 70px 0px 150px;
display: flex;
flex-direction: column-reverse;
gap: 14px;
align-items: center;
}
img.fotoBio.animate {
width: 100%;
height: auto;
}
.contDiCosaMiOccupo {
display: flex;
gap: 64px;
align-items: center;
flex-direction: column;
}
.contCardServizi {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 40px;
align-self: stretch;
width: 100%;
margin: 0 auto;
flex-direction: column;
}
.bio p, .testoDiCosaMiOccupo {
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0;
}
p.titleSection.animate, p.titleDiCosaMiOccupo.animate {
text-align: left;
font-size: 27px;
letter-spacing: 0;
line-height: 120%;
margin-left: 24px;
}
p.titleCard {
height: auto;
font-size: 24px;
}
img.imageDiCosaMiOccupo.animate {
width: 100%;
height: auto;
}
.tags {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 11px;
align-self: stretch;
flex-wrap: wrap;
}
.tag {
display: flex;
padding: 11px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 4px;
background: rgba(137, 166, 251, 0.16);
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-transform: uppercase;
margin: 0px;
}
p.titleSection2.animate {
font-size: 36px;
letter-spacing: 0px;
}
.cardCome {
flex: 100%;
}
footer.footer {
display: flex;
justify-content: space-between;
flex-direction: column;
right: 40px;
width: 90%;
margin: 0 auto;
padding: 40px 0px;
align-items: center;
}
.button_container {
position: fixed;
}
.contentMasonry h1 {
color: #FFF;
text-align: center;
font-size: 43px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -2px;
text-transform: uppercase;
margin: 0px;
}
.contentMasonry p {
color: var(--White, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-size: 19px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: -0.28px; width: auto;
padding: 0px 16px;
}
.primaFrase {
width: 90%;
margin: 100px auto;
}
.testoPrimaFrase p {
text-align: center;
leading-trim: both;
text-edge: cap;
font-size: 27px;
font-style: normal;
font-weight: 500;
line-height: 100%;
letter-spacing: -0.44px;
color: #fff;
margin: 0px;
}
.sezione3foto {
margin: 32px;
display: flex;
gap: 32px;
flex-direction: column;
}
.descContatti {
color: var(--White, #FFF);
leading-trim: both;
text-edge: cap;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 100%;
letter-spacing: -0.44px;
margin: 64px 0px;
}
.contenutoContatti {
display: flex;
flex-direction: column;
gap: 32px;
align-items: center;
}
div#wpcf7-f164-o1, .maps {
width: 100%;
}
iframe {
height: 300px;
}
.mainmenuresponsive {
margin-left: 24px;
}
.headerMenu {
display: flex;
justify-content: space-between;
align-items: center;
width: 70%;
position: absolute;
top: 24px;
left: 24px;
}
.headerHome2 {
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 2;
padding: 39px 24px;
}
.masonry {
gap: 8px;
}
.column, .colum1, .column2 {
gap: 8px;
}
.column {
animation: scroll 110s linear infinite;
}
.column2 {
animation: scroll2 110s linear infinite;
}
.column3 {
animation: scroll3 110s linear infinite;
}
.contCTAhome{
display: none;
}
.overlayTop {
height: 40vh;
}
footer.footerHome {
position: inherit;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
padding: 24px 0px;
width: 100%;
}
.faqHome {
padding: 0px 0px 0px;
position: relative;
z-index: 2;
}
.singleimage.imageprosingle {
height: 250px;
background-size: cover;
background-position: center;
}
.container-fluid.gallery-container .col-md-12 {
width: 100%;
}
.cardServizi.animate {
width: 80%;
margin: 0 auto;
}
p.titleSection.animate {
text-align: center;
width: 100%;
margin: 0px 0px 40px 0px;
}
.image2 {
width: 100%;
height: 400px;
background-position: center;
background-size: cover;
}
.topHeroPage {
display: flex;
gap: 0px;
align-items: center;
flex-direction: column;
}
h1.titlePage {
font-size: 56px;
text-align: left;
width: 100%;
}
.contactField p {
margin: 0px;
font-size: 25px;
}
p.pr {
padding-left: 0px;
}
.heroPage {
margin-top: 160px;
padding: 0px 16px;
}
.topHeroPage {
display: flex;
gap: 0px;
align-items: flex-start;
flex-direction: column;
}
.col-md-12 {
width: 100%;
}
}