a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
margin: 0 !important;
overflow-x: hidden;
}
:root {
--black: #000;
--white: #ffffff; --greenGeco: #c7de02;
--h2FontTitle: clamp(1.88rem, calc(1rem + 4.38vw), 6.25rem);
--gray: #F5F5F7;
margin-top: 0 !important;
--color-secondary: #69A1F0;
--color-tertiary: #b5c902;
--color-quaternary: #97a800;
--color-quinary: #8f9f00;
}
::selection {
background: var(--greenGeco);
color: var(--white);
}
h1,
h2,
h3 {
font-family: 'Passion One', cursive;
}
.logoSite {
margin: 0;
}
h1.logoSite img {
max-width: 100px;
width: 100%;
}
body.home h1.logoSite img {
visibility: hidden;
}
body.scroll h1.logoSite img {
visibility: visible;
}
p {
font-family: 'Open Sans', sans-serif; }
header {
position: sticky;
background-color: var(--white);
top: 0;
z-index: 1024;
padding: 15px;
width: 100%;
display: flex;
transition: all 0.2s linear;
border-radius: 0 0 20px 20px;
}
.logoBw {
opacity: 0;
visibility: hidden;
position: absolute;
}
body.home.scroll .logoBw {
position: relative;
opacity: 1;
visibility: visible;
}
body.noScroll {
overflow: hidden;
}
body.home.scroll .custom-logo-link {
position: absolute;
opacity: 0;
visibility: hidden;
}
body.home.scroll header {
background-color: var(--white) !important;
}
body.home.scroll .hamburger .line {
background-color: var(--black);
}
.videoCover {
position: relative;
} .videoCover__dinamicText {
position: absolute;
top: 60%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
text-align: center;
z-index: 1;
} .videoCover__dinamicText h1 > span:not(.videoCover__dinamicText__text) {
font-size: clamp(3.88rem, calc(0.38rem + 7.5vw), 9.38rem);
}
.videoCover__dinamicText__text {
font-family: 'Lobster', cursive;
text-transform: capitalize;
letter-spacing: 5px;
background: var(--black);
padding: 15px 50px;
color: var(--white);
}
.imgServizi,
.videoCover video {
width: 100vw;
height: 100vh;
object-fit: cover;
object-position: center;
border-radius:0 0 20px 20px;
overflow: hidden;
}
.containerIntro__title {
text-transform: uppercase;
color: var(--black);
font-size: clamp(1.88rem, calc(1rem + 4.38vw), 6.25rem);
line-height: 1;
margin: 35px 0;
}
.containerIntro__title > span {
display: block;
cursor: pointer;
}
.containerIntro__title > span span {
display: inline-block;
}
h2.containerIntro__title > span:last-child span:nth-child(13) {
vertical-align:sub
}
.containerIntro p {
font-size: clamp(1.25rem, calc(1rem + 1.25vw), 2rem);
margin-bottom: 50px;
text-align: justify;
font-weight: 100;
}
.containerIntro p b {
font-weight: 800;
}
.container.masonryMenu {
margin-bottom: 50px;
}
.masonryMenu .row {
justify-content: center;
}
.masonryMenu__abooutUs,
.masonryMenu__team,
.masonryMenu__works,
.masonryMenu__worksInProgress {
height: 400px;
margin-bottom: 15px;
background: gray;
position: relative;
overflow: hidden;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.masonryMenu h3 {
font-size: clamp(2.19rem, calc(1.38rem + 4.06vw), 6.25rem);
color: var(--white);
position: absolute;
z-index: 2;
bottom: 0;
right: 0;
left: 30px;
margin: 0;
line-height: 0.7;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
}
.masonryMenu img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all .3s linear;
}
div[class*="masonryMenu__"]:hover h3 {
mix-blend-mode: normal;
pointer-events: none;
}
.titleEdge {
text-align: center;
position: relative;
font-size: clamp(1.88rem, calc(1rem + 4.38vw), 6.25rem);
color: var(--black);
text-transform: uppercase;
margin: 30px 0;
}
.containerTitle {
height: auto; align-items: center;
justify-content: center;
padding: 15px 35px;
margin-bottom: 70px;
}
.containerTitle__subtitle {
text-align: center;
text-transform: capitalize;
display: none;
}
.containerTitle__subtitle span {
margin: 0 5px;
}
.containerTitle__subtitle a {
color: var(--greenGeco);
text-decoration: none;
}
.singlePortfolio__containerTitle__titleEdge:after,
.titleEdge:after {
position: absolute;
content: '';
display: block;
left: 0;
right: 0;
margin: 5px auto;
width: 50px;
height: 10px;
background: var(--greenGeco);
transform: rotate(-5deg);
}
.masonryMenu__team a,
.owl-carousel,
.owl-carousel * {
height: 100%;
width: 100%;
object-fit: cover;
}
.owl-carousel .item {
position: relative;
transition: all .2s linear;
}
div[class*="masonryMenu__"] {
position: relative;
}
div[class*="masonryMenu__"]:after {
opacity: 0.3;
background: var(--black);
left: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
content: '';
transition: all 0.2s ease-in-out;
pointer-events: none;
}
div[class*="masonryMenu__"]:hover:after {
opacity: 0.8;
}
.containerForm {
margin-bottom: 200px;
}
.containerForm__form {
background-color: var(--gray);
padding: 60px;
border-radius: 20px;
margin: 30px 0;
}
.containerForm__titleIntroForm {
font-size: var(--h2FontTitle);
color: var(--black);
line-height: 1;
text-align: right;
text-transform: uppercase;
margin-top: 0;
}
.containerForm__form__titleForm {
font-size: var(--h2FontTitle);
color: var(--black);
line-height: 1;
text-transform: uppercase;
margin: 0;
}
.containerForm__form__paragForm {
margin-top: 0;
margin-bottom: 30px;
font: 16px;
}
.wpcf7-list-item {
margin: 0;
}
.containerForm__form input[type="checkbox"] {
margin-top: 20px ;
}
.containerForm__form a {
color: inherit;
}
.pageContatti select,
.containerForm__form select {
width: 100%;
padding: 15px 5px;
margin-top: 15px;
border-radius: 2px;
border: 1px solid #000;
background: #f5f5f7;
margin-bottom: 15px;
}
.containerForm__form input:not([type="submit"]):not([type="checkbox"]):not([name="cv"]) {
background: none;
border-radius: 0;
width: 100%;
border: none;
color: #000;
font-size: 16px;
border-bottom: 1px solid #000;
outline: var(--greenGeco);
margin-bottom: 15px;
}
.pageContatti input[type="submit"],
.containerForm__form input[type="submit"],
.videoCover__btn {
background: #000;
border-radius: 50px;
color: var(--white);
font-size: 18px;
text-transform: uppercase;
margin-left: auto;
padding: 20px;
display: block;
max-width: 150px;
width: 100%;
margin-bottom: 0;
font-weight: bold;
font-family: 'Passion One', cursive;
margin-top: 35px;
}
.pageContatti select {
background:#fff;
margin-bottom: 15px;
}
input[name="cv"] {
margin-top: 35px;
}
.containerForm__form textarea {
background: none;
height: 100px;
overflow: auto;
border: none;
border: 1px solid #000;
margin-top: 15px;
outline: var(--black);
margin-bottom: 15px;
}
.containerForm__form input::placeholder,
.containerForm__form textarea::placeholder {
color: var(--black);
}
footer {
background-color: var(--gray);
height: auto;
padding: 50px 0;
}
footer ul a,
footer #block-8 a {
color: var(--black) !important;
}
footer ul a:hover {
color: var(--greenGeco) !important;
}
footer h3 {
font-size: 20px;
margin-bottom: 15px;
text-transform: uppercase;
}
footer ul a,
footer #nav_menu-2 ul li a {
text-decoration: none;
color: inherit;
margin-bottom: 15px;
display: block;
font-family: sans-serif;
transition: all .2s linear;
}
footer section#block-9 {
margin: 0;
}
footer p {
line-height: 1.3;
font-size: 14px;
text-align: justify;
}
#grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 7px;
grid-row-gap: 7px;
margin-bottom: 100px;
}
#grid > div {
transition: all 0.2s linear;
}
.btnStandard {
background: var(--black);
color: var(--white);
text-transform: uppercase;
border-radius: 50px;
width: 200px;
padding: 15px;
margin: auto;
text-align: center;
text-decoration: none;
font-weight: bold;
} .containerPortfolio__grid-item__title {
position: absolute;
color: var(--white);
z-index: 99;
opacity: 0;
font-size: 18px;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
padding: 15px;
font-size: clamp(1.13rem, calc(0.98rem + 0.75vw), 1.88rem);
pointer-events: none;
}
.containerPortfolio .grid-item {
position: relative;
}
.containerPortfolio .grid-item:hover .containerPortfolio__grid-item__title {
opacity: 1;
}
.infoPortfolio__singleInfo {
margin-bottom: 30px;
}
.infoPortfolio__singleInfo a {
color: inherit;
text-decoration: none;
transition: all .2s linear;
}
.infoPortfolio__singleInfo a:hover{
color: var(--greenGeco);
}
.infoPortfolio__singleInfo__titleInfo {
text-transform: uppercase;
margin-bottom: 10px;
font-size: 20px;
}
.infoPortfolio__singleInfo p {
margin: 0;
}
.infoPortfolio__singleInfo .post-categories {
margin: 0;
padding: 0;
list-style: none;
}
.infoPortfolio {
margin-top: 30px;
}
.infoPortfolio__singleInfo .post-categories a {
text-decoration: none;
color: inherit;
}
.infoPortfolio__singleInfo__titleInfo {
text-transform: uppercase;
margin-bottom: 10px;
font-size: 20px;
}
.info__video .infoPortfolio__singleInfo__titleInfo{
display: flex;
align-items: center;
}
.info__video img {
max-width: 30px;
margin-right: 10px;
}
.singlePortfolio {
margin-bottom: 50px;
}
.singlePortfolio__textWork p,
.singlePortfolio__viewGalleryText {
font-size: 18px;
line-height: 1.3; margin-top: 15px;
text-align: justify;
font-weight: 300;
}
.singlePortfolio__textWork a {
color: var(--greenGeco);
}
.singlePortfolio__viewGalleryText p {
margin-bottom: 15px;
}
.singlePortfolio__textWork b,
.singlePortfolio__textWork strong {
font-weight: 500;
}
.singlePortfolio .titleEdge {
margin: 0;
text-align: left;
font-weight: 100;
line-height: 1;
font-size: clamp(1.88rem, calc(1rem + 4.38vw), 3.25rem);
}
.noElement:after {
content: none;
}
.singlePortfolio__containerTitle {
background-color: var(--gray);
margin-bottom: 100px;
padding: 60px;
}
.singlePortfolio__containerTitle__titleEdge {
text-align: center;
font-family: 'Passion One', cursive;
font-size: var(--h2FontTitle);
text-transform: uppercase;
color: var(--black);
font-weight: 100;
margin: 0;
}
.parentGallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 7px;
grid-row-gap: 7px;
}
.parentGallery [id-count="0"] {
grid-area: 1 / 1 / 2 / 3;
}
.parentGallery [id-count="1"] {
grid-area: 1 / 3 / 2 / 4;
}
.parentGallery [id-count="2"] {
grid-area: 2 / 1 / 3 / 2;
}
.parentGallery [id-count="3"] {
grid-area: 2 / 2 / 3 / 4;
}
.parentGallery [id-count] {
display: block;
width: 100%;
height: 33vh;
border-radius: 20px;
overflow: hidden;
}
.parentGallery [id-count] img {
width: 100%;
height: 100%;
object-fit: cover;
}
.parentGallery a {
position: relative;
}
.parentGallery a:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
opacity: 0;
background-color: var(--black);
transition: all 0.3s ease-in-out;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.parentGallery a:hover:after {
opacity: 1;
opacity: 0.8;
}
.extensionTextPortfolio {
margin-top: 100px;
}
.infoPortfolio__singleInfo__social {
padding: 0;
margin: 0;
}
.infoPortfolio__singleInfo__social li {
display: inline-block;
}
.infoPortfolio__singleInfo__social li a {
display: block;
}
.infoPortfolio__singleInfo__social li:hover img {
opacity: 0.5;
}
.infoPortfolio__singleInfo__social img {
width: 30px;
transition: all 0.2s linear;
}
.menuBox {
position: fixed;
height: 100vh;
width: 100%;
max-width: 30%;
background: var(--black);
right: -100%;
padding: 30px;
top: 0;
z-index: 99999;
visibility: hidden;
pointer-events: none;
transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.menuBox .close {
position: absolute;
left: -25px;
top: 50%;
transform: translateY(-50%);
color: #fff;
z-index: 999999;
width: 50px;
height: 50px;
background: #000;
border-radius: 50%;
box-sizing: border-box;
border: 2px solid var(--white);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-transform: uppercase;
font-family: 'Passion One', cursive;
transition: all 0.2s linear;
}
.close img {
filter: invert(1);
max-width: 20px !important;
width: 100% !important;
transition: all .2s linear;
}
.menuBox .close:hover {
background-color: var(--greenGeco);
color: var(--black);
border: 2px solid var(--black);
}
.menuBox .close:hover img {
filter: invert(0);
}
.menuBox.active {
right: 0;
visibility: visible;
pointer-events: all;
}
.menuBox ul {
list-style: none;
padding: 0;
margin: 0;
}
.menuBox ul li {
text-align: center;
}
.menuBox ul a {
color: var(--white);
text-decoration: none;
font-size: 50px;
text-transform: uppercase;
font-size: clamp(1.25rem, calc(0.03rem + 6.1vw), 4.38rem);
font-family: 'Passion One', cursive;
transition: all 0.2s linear;
}
.menuBox .current_page_item a,
.menuBox .current_page_parent a,
.menuBox ul a:hover {
color: var(--greenGeco);
}
.menuBox img {
max-width: 200px;
width: 100%;
margin: 35px auto;
display: block;
}
.hamburger {
margin-left: auto;
}
#hamburger-1.is-active .line:nth-child(2) {
opacity: 0;
}
#hamburger-1.is-active .line:nth-child(1) {
-webkit-transform: translateY(13px) rotate(45deg);
-ms-transform: translateY(13px) rotate(45deg);
-o-transform: translateY(13px) rotate(45deg);
transform: translateY(13px) rotate(45deg);
}
#hamburger-1.is-active .line:nth-child(3) {
-webkit-transform: translateY(-13px) rotate(-45deg);
-ms-transform: translateY(-13px) rotate(-45deg);
-o-transform: translateY(-13px) rotate(-45deg);
transform: translateY(-13px) rotate(-45deg);
}
.home .hamburger .line {
background-color: var(--white);
}
.hamburger .line {
width: 50px;
height: 5px;
background-color: var(--black);
display: block;
margin: 8px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hamburger:hover {
cursor: pointer;
} .grid-container {
display: flex;
flex-direction: column;
margin-bottom: 50px;
}
.grid-row {
display: flex;
margin-bottom: 7px;
gap: 7px;
}
.grid-item { text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 33vw;
transition: all 0.2s ease-in-out;
position: relative;
border-radius: 20px;
overflow: hidden;
}
.grid-item:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
background-color: var(--black);
margin: auto;
pointer-events: none;
}
.grid-item:hover:after {
opacity: 0.8;
visibility: visible;
}
.grid-item img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.grid-item a {
width: 100%;
height: 100%;
} .page-transition__black {
position: absolute;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
background: #000;
}
.page-transition__red {
position: absolute;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
background: red;
}
.transition__logo {
text-transform: uppercase;
font-family: sans-serif;
font-size: 60px;
position: absolute;
z-index: 1;
color: #fff;
font-weight: bold;
top: 50vh;
left: 50vw;
transform: translate(-50%,-50%);
}  .pageContatti input:not([type="checkbox"]):not([type="submit"]) {
width: 100%;
border: solid var(--black) 1px;
margin-bottom: 15px;
padding: 15px;
outline-color: var(--greenGeco);
}
.pageContatti textarea {
padding: 15px;
border: solid var(--black) 1px;
outline-color: var(--greenGeco);
}
.introAboutUs {
max-width: 70%;
margin: auto;
}
.introAboutUs strong {
font-weight: 800;
}
.introAboutUs p {
margin-bottom: 15px;
}
.introAboutUs a {
color: var(--greenGeco);
font-weight: 800;
}
.introAboutUs__titleAlternative {
font-family: 'Open Sans', sans-serif;
font-size: clamp(1.25rem, calc(0.88rem + 1.88vw), 3.13rem);
text-transform: uppercase;
margin-bottom: 15px;
text-align: justify;
font-weight: 300;
}
.introAboutUs span,
.introAboutUs p {
text-align: justify;
font-weight: 300 !important;
display: block;
}
.introAboutUs p {
font-size: 18px;
line-height: 1.3;
text-align: justify;
}
.introService {
margin-bottom: 35px;
}
.boxImageTen {
margin: 100px auto 0;
}
.boxImageTen__box {
height: 700px;
position: relative;
}
.boxImageTen__textTop p {
font-size: 20px;
font-weight: bold;
}
.boxImageTen__textTop span {
font-size: 60px;
font-weight: 100;
font-family: 'Passion One', cursive;
}
.boxImageTen__box__video {
height: 100%;
width: 100%;
object-fit: cover;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.boxImageTen__boxbigTextCube {
display: flex; position: sticky;
top: 40%;
left: 0;
align-items: baseline;
width: 100%;
}
.boxImageTen__boxbigTextCube p {
font-size: clamp(3.13rem, calc(0rem + 15.63vw), 18.75rem);
font-family: 'Passion One', cursive;
line-height: 0.5;
align-items: baseline;
color: var(--white);
text-transform: uppercase;
display: flex;
}
.containerIspiredImg__bigTextCube__image {
display: flex;
}
.containerIspiredImg__bigTextCube__image p {
font-size: clamp(3.13rem, calc(0rem + 15.63vw), 18.75rem);
color: var(--black);
font-family: 'Passion One', cursive;
line-height: 0.7;
text-transform: uppercase;
}
.containerIspiredImg__bigTextCube__image img {
width: 300px;
height: 300px;
object-fit: cover;
margin-left: auto;
width: 100%;
max-width: 30%;
height: auto;
transform: translateY(-50%);
margin-right: 15px;
box-shadow: 10px 10px 10px #0000002e;
}
.containerTeam__box {
height: 400px;
position: relative;
margin-bottom: 15px;
}
.containerTeam .row {
align-items: center;
justify-content: center;
} .containerTeam__box img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 20px;
}
.containerTeam__box:hover .containerTeam__box__info {
transform: perspective(1150px) rotate3d(0, 45, 0, 0deg);
}
.containerTeam__box__info--email {
margin-top: 15px;
}
.containerTeam__box__info--email img {
max-width: 25px;
width: 25px;
height: auto;
position: inherit;
border-radius: 0;
}
.containerTeam__box__info {
position: absolute;
top: 0;
left: 0;
z-index: 99;
padding: 15px;
width: 100%;
background: #ffffffe7;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
transition: all 0.4s ease-in-out;
transform: perspective(1150px) rotate3d(0, 45, 0, 90deg);
backface-visibility: hidden;
box-shadow: 7px 8px 5px #00000036;
border-radius: 20px;
}
.containerTeam__box__info p {
text-transform: capitalize;
}
.containerTeam {
margin-bottom: 50px;
}
.containerTeam__box__info a,
.containerTeam__box__info p {
text-align: center;
line-height: 1.3;
}
.containerTeam__box__info a {
color: var(--greenGeco);
}
.containerTeam__box__info--nome {
text-transform: uppercase !important;
font-family: 'Passion One', cursive;
font-size: 25px;
}
.containerTeam__box__info h3 {
text-transform: uppercase;
margin-top: 15px;
}
p.containerTeam__box__info--socio {
position: absolute;
bottom: -3px;
padding: 10px 15px;
background: #fff;
box-shadow: -2px -2px 12px #00000036;
text-transform: uppercase;
font-weight: 300;
font-size: 14px;
font-family: 'Passion One', cursive;
border-radius: 10px 10px 0 0;
} .history .container {
max-width: 60%;
}
.history__text p {
text-align: justify;
line-height: 1.3;
font-size: 18px;
font-weight: 300;
}
.history__text a {
color: var(--greenGeco) !important;
font-weight: 800;
}
.history__line {
position: relative;
padding: 10rem 0;
margin-bottom: 10rem;
}
.history__line:after {
width: 1rem;
top: 0;
height: 100%;
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
display: block;
z-index: -1;
background: var(--greenGeco);
}
.history__line div[class^=col-md-]:nth-child(even) .history__box {
padding-right: 1.5rem;
padding-left: 4rem;
margin-top: 15rem;
}
.history__line div[class^=col-md-]:nth-child(even) .history__box .history__title:before {
right: calc(100% + 3.2rem);
left: inherit;
}
.history__line div[class^=col-md-]:nth-child(even) .history__box .history__title:after {
left: inherit;
width: calc(100% + 5.1rem);
}
.history__line div[class^=col-md-]:nth-child(odd) .history__box .history__text,
.history__line div[class^=col-md-]:nth-child(odd) .history__box .history__title {
padding-right: 4rem;
}
.history__line div[class^=col-md-]:nth-child(odd):not(:first-child) .history__box {
margin-top: -10rem;
}
.history__title {
position: relative;
}
.history__title:before {
content: "";
left: calc(100% - 0.8rem);
width: 50px;
height: 50px;
border-radius: 50%;
background: var(--white);
position: absolute;
z-index: 1;
bottom: -1.4rem;
border: solid 10px var(--greenGeco);
}
.history__title h3 {
font-size: clamp(3.25rem, calc(0.25rem + 5vw), 6.25rem);
text-transform: uppercase; padding-bottom: 1rem;
margin-bottom: 3rem;
color: var(--black);
}
.history__title:after {
position: absolute;
bottom: 0;
content: "";
height: 4px;
width: 100%;
left: 0;
right: 0;
background: var(--greenGeco);
}
div[class*="masonryMenu__"]:hover .text-shadows {
transform: translate(-12px, -12px);
text-shadow: 3px 3px 0 var(--greenGeco), 6px 6px 0 var(--color-tertiary), 9px 9px var(--color-quaternary), 12px 12px 0 var(--color-quinary);
} .infoContatti p {
margin-bottom: 15px;
font-size: 18px;
}
.infoContatti p a {
color: var(--black);
text-decoration: none;
}
.infoContatti figure {
margin-top: 100px;
}
.boxRounded div[class*="masonryMenu__"] {
border-radius: 20px;
transition: all .2s ease-in-out;
}
.boxRounded div[class*="masonryMenu__"]:hover {
transform: scale(1.1);
z-index: 1;
}
.boxRounded div[class*="masonryMenu__"] h3 {
bottom: inherit !important;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
margin: auto;
line-height: 0.7;
font-size: clamp(1.25rem, calc(0.88rem + 1.88vw), 2.72rem);
padding: 0 15px;
text-align: center;
}
.videoCover__btn,
.videoCover__btn:active,
.videoCover__btn:focus,
.videoCover__btn:visited {
font-size: 18px;
margin: auto;
text-decoration: none;
max-width: 250px;
margin-top: 50px;
color: var(--white);
text-align: center;
transition: all 0.2s linear;
}
.videoCover .videoCover__btn {
margin-top: 0;
}
.videoCover__btn:hover {
background: var(--white);
color: var(--black);
}
.ctaImg {
padding: 100px 15px;
position: relative;
background-color: var(--gray);
border-radius: 20px;
margin: 100px auto; }
.ctaImg img {
max-width: 40%;
transition: all .2s linear;
}
span.ctaImg__title__effect span {
display: inline-block;
}
.ctaImg__img--tower {
position: absolute;
top: -70px;
pointer-events: none;
}
.ctaImg__img--tower img {
transform: rotate(-15deg);
max-width: 50%;
transform: rotate(-15deg) translateX(-20%) translateY(-12%);
}
.ctaImg__img--rex {
text-align: right;
position: absolute;
right: 0;
bottom: -10%;
pointer-events: none;
}
.ctaImg__title span{
display: block;
text-align: center;
font-size: clamp(1.88rem, calc(1rem + 4.38vw), 6.25rem);
color: var(--black);
text-transform: uppercase;
} .ctaImg__subtitle {
text-align: center;
font-size: 20px;
}
.ctaImg__subtitle span {
font-family: 'Passion One', cursive;
font-size: 30px;
}
.transitionPage {
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
pointer-events: none;
transition: all .2s linear;
animation-delay: .2s;
}
.transitionPage__pageWHite,
.transitionPage__pageBlack {
background-color: var(--black);
height: 100%;
width: 100%;
position: absolute;
left: -100%;
transition: all .4s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
}
.transitionPage__pageWHite {
background-color: var(--white);
}
.transitionPage.active  .transitionPage__pageWHite {
left: 0%;
transition-delay: .2s;
}
.transitionPage.active  .transitionPage__pageBlack{
left: 0;
}
.logoCollabs {
filter: grayscale(1);
margin-bottom: 15px;
text-align: center;
transition: all .2s ease-in-out;
}
.logoCollabs:hover {
filter: grayscale(0);
transform: scale(1.1);
}
.logoCollabs img {
max-width: 120px;
width:100%;
margin: auto;
}
.rowLoghi {
align-items: center;
justify-content: center;
margin: 50px auto;
}
.container404 {
text-align: center;
margin-bottom: 200px;
}
.container404 img {
width: 100%;
max-width: 300px;
}
.container404 h2 {
font-size: 50px;
}
.containerFilterPortfolio,
.containerFilter {
text-align: center;
margin-bottom: 35px;
}
ul.containerFilterPortfolio__subcategory a {
font-size: 14px;
background: #0000009e;
}
.containerFilterPortfolio,
.containerFilterPortfolio__list{
margin-bottom: 0 !important;
}
.containerFilterPortfolio__item,
.containerFilter__item {
display: inline-block;
}
.containerFilterPortfolio a,
.containerFilter__item a {
padding: 5px 15px;
background: var(--black);
color: var(--white);
margin: 0 7px;
text-transform: uppercase;
text-decoration: none;
border:1px solid #000;
transition: all .2s linear;
font-family: 'Open Sans', sans-serif;
font-weight: 500; border-radius: 20px;
}
.containerFilterPortfolio a {
line-height: 3;
}
.containerFilterPortfolio a.hover,
.containerFilterPortfolio a:hover,
.containerFilter__item:hover a {
background: var(--white);
color: var(--black);
}
.containerFilterPortfolio a.active,
.containerFilter__item a.active {
background: var(--greenGeco);
color: var(--white); 
border: var(--white);
}
.containerFilterPortfolio__subcategory {
display: none;
}
.filterOn {
display: block;
}
.filterOff { 
display: none;
}
.serviceContainer video{
height: 100%;
width: 100%;
object-fit: cover;
}
.box-project {
background:var(--gray);
border-radius: 20px;
overflow: hidden;
}
.containerProjects {
margin-top: 50px;
margin-bottom: 50px;
}
.containerProjects a {
text-decoration: none;
}
.box-project h3 {
padding: 15px;
font-family: 'Passion One', cursive;
font-size: 25px;
color: var(--black);
text-transform: uppercase;
font-weight: 500;
position: relative;
z-index: 1;
}
.box-project {
margin-bottom: 35px;
transition: all .2s linear;
}
.box-project:hover {
transform: scale(1.1);
}
.box-project img {
height: 300px;
object-fit: cover;
width: 100%;
}
.page-id-16 .containerFaq {
margin-top: 50px;
}
.page-id-16 .wpcf7-list-item {
margin-top: 15px;
}
.page-id-16 .wpcf7-list-item-label a {
color: inherit;
}
.containerFaq {
margin-bottom: 200px;
margin-top: -200px;
}
.containerFaq__button {
max-width: 70%;
margin: auto;
}
.containerFaq a {
text-decoration: none;
color: inherit;
margin-bottom: 30px;
display: block;
outline: none;
}
p.containerFaq__request {
padding: 15px 30px 15px 15px;
border-bottom: 1px solid;
text-transform: uppercase;
position: relative;
font-family: 'Passion One', cursive;
font-size: 20px;
}
p.containerFaq__request:after {
content: '+';
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
transition: all .2s linear;
transform-origin: center;
}
p.containerFaq__request.open:after {
transform: translateY(-50%) rotate(45deg);
}
p.containerFaq__answer {
padding: 15px;
background: var(--gray);
display: none;
line-height: 1.3;
font-weight: 300;
}
.fileLimit {
margin-bottom: 15px;
}
.backPage {
margin-bottom: 30px;
}
.backPage a {
text-transform: uppercase;
color: inherit;
text-decoration: none;
font-weight: 500;
font-family: 'Passion One', cursive;
font-size: 30px;
transition: all .2s linear;
display: inline-block;
width: auto;
}
.backPage a:hover {
color: var(--greenGeco);
}
.backPage a span {
display: inline-block;
transition: all .2s linear;
}
.backPage a:hover span {
transform: translateX(5px);
}
.single-service #menu-item-539 a {
color: var(--greenGeco);
}
.single-service #menu-item-170 a {
color:var(--white) !important;
}  .videoCover svg {
position: absolute;
max-width: 35%;
width: 100%;
height: auto;
}
.videoCover svg.active {
position: relative;
}
svg .svg-elem-1 {
stroke-dashoffset: 164.30477905273438px;
stroke-dasharray: 164.30477905273438px;
fill: transparent;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}
svg.active .svg-elem-1 {
stroke-dashoffset: 0;
fill: var(--white);
}
svg .svg-elem-2 {
stroke-dashoffset: 562.8663940429688px;
stroke-dasharray: 562.8663940429688px;
fill: transparent;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}
svg.active .svg-elem-2 {
stroke-dashoffset: 0;
fill: var(--white);
}
svg .svg-elem-3 {
stroke-dashoffset: 244.89512634277344px;
stroke-dasharray: 244.89512634277344px;
fill: transparent;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}
svg.active .svg-elem-3 {
stroke-dashoffset: 0;
fill: var(--white);
}
svg .svg-elem-4 {
stroke-dashoffset: 103.199951171875px;
stroke-dasharray: 103.199951171875px;
fill: transparent;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}
svg.active .svg-elem-4 {
stroke-dashoffset: 0;
fill: var(--white);
}
svg .svg-elem-5 {
stroke-dashoffset: 226.92889404296875px;
stroke-dasharray: 226.92889404296875px;
fill: transparent;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}
svg.active .svg-elem-5 {
stroke-dashoffset: 0;
fill: var(--white);
}
svg .svg-elem-6 {
stroke-dashoffset: 212.0179443359375px;
stroke-dasharray: 212.0179443359375px;
fill: transparent;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}
svg.active .svg-elem-6 {
stroke-dashoffset: 0;
fill: var(--white);
}
svg .svg-elem-7 {
stroke-dashoffset: 692.8575439453125px;
stroke-dasharray: 692.8575439453125px;
fill: transparent;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}
svg.active .svg-elem-7 {
stroke-dashoffset: 0;
fill: var(--white);
}
svg .svg-elem-8 {
stroke-dashoffset: 195.20870971679688px;
stroke-dasharray: 195.20870971679688px;
fill: transparent;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}
svg.active .svg-elem-8 {
stroke-dashoffset: 0;
fill: var(--white);
}
svg .svg-elem-9 {
stroke-dashoffset: 842.03857421875px;
stroke-dasharray: 842.03857421875px;
fill: transparent;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}
svg.active .svg-elem-9 {
stroke-dashoffset: 0;
fill: var(--white);
}
svg .svg-elem-10 {
stroke-dashoffset: 843.7525024414062px;
stroke-dasharray: 843.7525024414062px;
fill: transparent;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}
svg.active .svg-elem-10 {
stroke-dashoffset: 0;
fill: var(--greenGeco);
}  .containerTextScroll {
font-size: 50px;
text-transform: uppercase;
overflow: hidden;
display: block;
text-align: center;
font-size: clamp(1.88rem, calc(1rem + 4.38vw), 6.25rem);
font-family: 'Passion One', cursive;
color: var(--black);
}
.containerTextScroll__textScroll {
overflow: hidden;
background: var(--white);
display: block;
}
.containerTextScroll__textScroll p { text-align: center;
animation-name: textScroll;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-duration: 20s;
animation-timing-function:linear;
font-size: clamp(1.25rem, calc(0.88rem + 1.88vw), 3.13rem);
font-family: 'Passion One', cursive;
color: var(--black);
transition: all .2s linear;
}
.containerTextScroll__textScroll p span {
transition: all .2s linear;
display: block;
}
.containerTextScroll__textScroll p span:hover {
color: var(--greenGeco);
}
.containerTextScroll__textScroll p.secondText {
animation-delay: 10s;
}  .scrolText {
height: 150px;
}
.wrapper .box{
color: var(--black);
font-size: clamp(1.88rem, calc(1rem + 4.38vw), 6.25rem);
font-family: 'Passion One', cursive;
position:absolute;
width: 450px; height:50px;
line-height:50px;
text-align:center;
text-transform: uppercase;
border-bottom:5px solid transparent;
}
.textchange {
color: var(--greenGeco) !important;
line-height: 1;
}
.ctaService {
background-color: var(--greenGeco);
color: var(--black);
}
.ctaService:hover {
background-color: var(--black);
color: var(--greenGeco);
}
@media(max-width:991px) {
.menuBox {
max-width: 50vw;
}
}
@media(max-width:768px) {
.boxImageTen__box {
height: 400px;
}
.colGallery {
order: 2;
width: 100%;
}
.colWorkInfo {
order: 1;
width: 100%;
}
}
@media(min-width:768px) and (max-width:991px) {
.boxRounded {
width: 50%;
}
}
@media (max-width: 767px) {
.containerTextScroll__textScroll p {
color: var(--black);
}
.videoCover svg {
max-width: 95%;
}
.containerFaq__button {
max-width: 100%;
}
.containerFilter__item a {
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
width: 100%;
display: block;
}
.containerForm__form {
overflow: hidden;
padding: 60px 15px;
}
.pageContatti input[type="submit"],
.containerForm__form input[type="submit"],
.videoCover__btn{
margin: 35px auto;
text-align: center;
}
.rowLoghi .col-md-2 {
width: 50%;
}
.menuBox ul a {
font-size: clamp(4.25rem, calc(0.03rem + 6.1vw), 4.38rem);
}
.menuBox {
max-width: 100%;
}
.menuBox .close {
left: inherit;
right: 30px;
top: 50px;
}
.history .container {
width: 100%;
max-width: 80%;
}
.introAboutUs {
max-width: 100%;
}
.history__line {
padding: 10rem 0;
}
.history__line:after {
left: inherit;
right: -17px;
}
.history__line div[class^=col-md-]:nth-child(even) .history__box {
padding-right: 0;
padding-left: 0;
margin-top: 10rem;
}
.history__line div[class^=col-md-]:nth-child(even) .history__box .history__title:before {
left: calc(100% - 1rem);
}
.history__line div[class^=col-md-]:nth-child(even) .history__box .history__title:after {
width: 100%;
}
.history__line div[class^=col-md-]:nth-child(odd):not(:first-child) .history__box {
margin-top: 10rem !important;
}
.history__line div[class^=col-md-]:nth-child(odd) .history__box .history__text,
.history__line div[class^=col-md-]:nth-child(odd) .history__box .history__title {
padding-right: 15px !important;
}
.history__text {
padding-right: 20px;
}
.masonryMenu .col-6 {
width: 100%;
}
.grid-item {
height: 200px;
}
}
@media (max-width: 576px) {
.boxRounded div[class*="masonryMenu__"]:hover{
transform: scale(1);
}
.imgServizi,
.videoCover video {
height: 50vh;
}
.container.pageContatti,
.introAboutUs__titleAlternative {
text-align: center;
}
.ctaImg__img--rex {
bottom: -10%;
}
.ctaImg__subtitle {
margin-top: 20px;
}
.boxRounded div[class*="masonryMenu__"] h3 {
font-size: clamp(3.25rem, calc(0.88rem + 1.88vw), 3.13rem);
}
.banner {
height: 40rem;
}
.image-header img {
margin-bottom: 5rem;
}
.u-margin-bottom-big {
margin-bottom: 5rem;
}
.banner h2 {
font-size: 4rem;
}
.history__line {
margin-bottom: 5rem;
}
}
.grecaptcha-badge { 
visibility: hidden !important;
}