@font-face {
font-family: 'AktiveGrotesk';
src: url(//www.envlab.it/wp-content/themes/envlab/font/AktivGrotesk-Regular.otf) format('opentype');
}
@font-face {
font-family: 'AktiveGroteskMedium';
src: url(//www.envlab.it/wp-content/themes/envlab/font/AktivGrotesk-Medium.otf) format('opentype');
}
.left{
text-align: left;
}
.right{
text-align: right;
}
.center{
text-align: center;
}
body{
margin:0;
padding: 0;
font-family: 'AktiveGrotesk';
}
p{
font-size: 20px;
line-height: 28px;
color: #475467
}
a{
color: #00456A;
text-decoration: none;
font-family: 'AktiveGroteskMedium';
}
b, strong{
font-weight: 700
} .vh{
display: table;
width: 100%;
}
.mh{
display: table-cell;
width: 100%;
vertical-align: middle;
height: 110px;
}  header ul{
padding: 0px;
list-style: none;
margin: 0px;
}
header ul li{
display: inline-block;
}
header ul li a{
margin-left: 30px;
}
.current-menu-item a{
color: #80BB1E
}  .button_container {
cursor: pointer;
height: 27px;
position: fixed;
right: 25px;
top: 32px;
transition: 0.3s all ease-in-out;
width: 35px;
z-index: 100;
}
.button_container span {
background: #80BB1E none repeat scroll 0 0;
border: medium none;
cursor: pointer;
height: 2px;
left: 0;
position: absolute;
top: 0;
transition: 0.3s all ease-in-out;
width: 100%;
transition: 0.2s all ease-in-out
}
.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: #fff
}
.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
}
.overlaymenu ul li a {
color: #00456A;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
opacity: 1;
margin-bottom: 5px;
font-weight: 300;
letter-spacing: 1px;
font-size: 28px;
}
.button_container.active .topp {
background: #80BB1E none repeat scroll 0 0;
transform: translateY(11px) translateX(0px) rotate(45deg);
}
.button_container.active .middle {
background: #80BB1E none repeat scroll 0 0;
opacity: 0;
}
.button_container.active .bottom {
background: #80BB1E none repeat scroll 0 0;
transform: translateY(-11px) translateX(0px) rotate(-45deg);
}
.button_container.active .bottombottom {
color: #fff;
}
.overlaymenu.open {
height: 100%;
opacity: 1;
visibility: visible;
z-index: 2
}
.mainmenuresponsive {
width: 100%;
margin: 0 auto;
text-align: center;
}
.mainmenuresponsive a{
font-size: 18px;
}
.verticalresp{
display: table;
width: 100%;
}
.middleresp{
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100vh
}
.logoresp {
height: auto;
margin: 0 auto 20px;
display: block;
border-bottom: 1px solid rgba(255,255,255,.3);
width: 60%;
padding-bottom: 20px;
}
.menuresp {
display: none;
}  .slides{
padding: 0px;
list-style: none;
margin: 0px;
display: inline-block;
width: 100%;
}
.slick-slide img {
display: block;
margin: 0 auto;
}
.slide{
position: relative;
background-position: center;
background-size: cover;
}
.slide .container{
position: relative;
z-index: 1
}
.overlayslide{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: linear-gradient(180.64deg, rgba(0, 69, 106, 0.5) 0.55%, rgba(0, 69, 106, 0) 116.94%);
}
.vs{
display: table;
width: 100%;
}
.ms{
display: table-cell;
width: 100%;
vertical-align: middle;
height: 750px;
}
.textSlide {
position: relative;
font-family: 'AktiveGroteskMedium';
color: #fff;
font-size: 42px;
margin: 40px auto;
line-height: 44px;
width: 70%;
}
.ctaslide {
color: #80BB1E;
background: #fff;
padding: 10px 20px;
border-radius: 40px;
}
.pattern {
position: absolute;
bottom: -25%;
left: 0;
}
.uno{
padding: 130px 0px
}
.titlehome{
font-family: 'AktiveGroteskMedium';
color: #80BB1E;
font-size: 36px;
margin-top: 0px;
font-weight: 400
}
.listServiceHome{
margin: 130px 0px 0px;
list-style: none;
padding: 0px;
display: inline-block;
width: 100%;
}
.titleIcone{
font-family: 'AktiveGroteskMedium';
color: #00456A;
margin: 16px 0px 0px
}
.TextIcon{
font-size: 16px;
line-height: 24px;
margin: 8px 0px 20px
}
.listServiceHome a{
color: #80BB1E
}
.listServiceHome li{
margin-bottom: 40px
}
.primodue{
position: relative;
background-image: url(https://www.envlab.it/wp-content/themes/envlab/images/panel-solar.jpg);
background-position: center;
background-size: cover;
padding: 170px 0px;
color: #fff
}
.primodue .container{
position: relative;
z-index: 1
}
.overlayprimodue{
background: linear-gradient(256.77deg, rgba(128, 187, 30, 0.78) 0%, rgba(255, 255, 255, 0) 137.89%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.elemento {
position: absolute;
left: 0;
bottom: -25%;
}
.secondodue{
background: #00456A;
padding: 130px 0px;
color: #fff;
}
.secondodue p{
color: #fff;
}
.primodue p {
color: #fff;
font-size: 40px;
margin: 0px 0px 40px;
}
.primodue p b, .numero {
font-family: 'AktiveGroteskMedium';
}
.numero{
font-size: 50px;
margin: 0px;
}
.tiNumero{
text-transform: uppercase;
margin: 20px 0px 0px;
font-size: 20px
}
.tre{
padding: 160px 0px;
}
.TitoloNews{
color: #00456A;
font-size: 40px;
margin: 0px;
font-family: 'AktiveGroteskMedium';
}
.vedinews {
color: #80BB1E;
text-transform: uppercase;
text-align: right;
text-decoration: underline;
display: inline-block;
width: 100%;
}
.listBlog{
padding: 0px;
list-style: none;
margin: 40px 0px 0px
}
.imagePost{
height: 250px;
background-position: center;
background-size: cover;
}
.imagePostSmall {
height: 150px;
background-position: center;
background-size: cover;
width: 150px;
border-radius: 50%;
margin: 0 auto;
}
.titPost{
font-family: 'AktiveGroteskMedium';
font-size: 22px;
margin-bottom: 20px
}
.excerpt p{
font-size: 16px;
font-family: 'AktiveGrotesk' !important;
margin: 0px
}
.vaiPost{
color: #80BB1E;
margin-bottom: 0px;
margin-top: 20px;
font-size: 16px;
}
.unoS{
background: #00456A;
color: #fff;
padding: 150px 0px 200px;
}
.titlepage{
font-size: 40px;
font-family: 'AktiveGroteskMedium' !important;
color: #00456A
}
.titlepage.white{
color: #fff
}
.textSocieta p{
font-size: 30px;
color: #fff;
line-height: 40px;
font-family: 'AktiveGrotesk' !important;
}
.dueS {
position: relative;
top: -100px;
}
.imgS {
height: 550px;
background-size: cover;
background-position: center;
border-radius: 20px;
}
.slogan{
font-size: 70px;
color: #00456A;
line-height: 80px;
}
.slogan b{
font-family: 'AktiveGroteskMedium' !important;
}
.titMis{
font-family: 'AktiveGroteskMedium' !important;
font-size: 30px;
color: #00456A
}
.titClient{
font-family: 'AktiveGroteskMedium' !important;
font-size: 30px;
color: #00456A;
margin-top: 100px
}
.textMission p{
font-size: 30px;
line-height: 40px;
}
.quattroS{
background: linear-gradient(222.31deg, rgba(0, 69, 106, 0.24) 18.05%, rgba(0, 69, 106, 0) 89.4%);
padding: 170px 0px;
position: relative;
margin-top: 50px
}
.imgTeam{
background-image: url(https://www.envlab.it/wp-content/themes/envlab/images/team.jpg);
height: 380px;
background-position: center;
background-size: cover;
border-radius: 20px;
}
.nome{
font-size: 21px;
font-family: 'AktiveGroteskMedium' !important;
color: #00456A;
margin: 10px 0px
}
.mansione{
font-size: 16px;
margin: 0px;
}
.titTeam{
font-size: 30px;
font-family: 'AktiveGroteskMedium' !important;
color: #00456A;
margin: 0px;
}
.elementodue{
position: absolute;
top: 50%;
left: 0
}
.listServizi{
list-style: none;
padding: 0px;
margin: 0px;
}
.listServizi li{
margin-bottom: 50px
}
.imagePost{
border-radius: 20px;
height: 300px;
background-position: center;
background-size: cover
}
.titServ{
color: #00456A;
font-size: 30px;
font-family: 'AktiveGroteskMedium' !important;
margin: 20px 0px 10px;
height: 60px
}
h1.titlepage.titleServ {
color: #00456A;
font-size: 44px;
margin-top: 0px;
}
.dueSe {
position: relative;
top: -100px;
}
.vaiServ{
color: #80BB1E;
margin-bottom: 0px;
margin-top: 10px;
font-size: 16px;
}
.pageContatti{
position: relative;
background-position: center;
background-size: cover;
padding-bottom: 100px
}
.overlaycontatti{
background: linear-gradient(257deg, #00456A 0%, rgba(0, 69, 106, 0.65) 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.zi{
position: relative;
z-index: 1
}
p.textCon {
color: #fff;
margin: 70px 0px 20px;
font-size: 20px;
}
.titleProg {
font-size: 30px;
font-family: 'AktiveGroteskMedium' !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding-bottom: 30px;
margin-top: 10px;
}
.topTitProg{
margin: 0px;
font-size: 16px;
text-transform: uppercase;
color: #fff
}
p.topTextPro {
font-size: 16px;
text-transform: uppercase;
margin-bottom: 10px;
}
.TextSingPro p{
margin-top: 0px;
}
.titGal{
color: #00456A;
font-size: 30px;
text-transform: uppercase;
text-align: left;
}
.galleriaFoto{
margin: 150px 0px
}
ul.galleria {
padding: 0px;
list-style: none;
margin: 0px;
display: inline-block;
width: 100%;
text-align: center;
}
.imgGal {
height: 300px;
background-size: cover;
background-position: center;
position: relative;
margin-bottom: 30px;
border-radius: 20px;
overflow: hidden;
}
.galleria a{
color: #fff;
text-decoration: none;
}
.overlayGal{
background-color: rgba(128, 187, 30, 0.6);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
font-size: 30px;
font-weight: 100;
display: table;
width: 100%;
transition: 0.2s all ease-in-out;
opacity: 0
}
.vg{
display: table-cell;
vertical-align: middle;
height: 300px;
width: 100%;
}
.galleria li:hover .overlayGal{
opacity: 1
}
.textSingServ p {
font-size: 30px;
line-height: 41px;
color: #00456A
}
img.imgSr {
height: auto;
width: 100%;
border-radius: 20px;
}
.excerpt {
height: 90px;
}
footer ul li {
margin-bottom: 7px;
}
.widget_text.footerfour {
margin-top: 10px;
}
.address {
display: inline-block !important;
margin: 40px 0px 0px !important;
position: relative;
color: #fff;
width: 100% !important;
}  .titleContatti{
font-size: 30px;
color: #fff;
font-family: 'AktiveGroteskMedium' !important;
margin-top: 150px;
}
.contmoduloo p {
color: #fff !important;
}
.contatticont{
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.contc{
position: relative;
padding: 200px 0px;
text-align: center;
color: #fff;
z-index: 1;
width: 100%;
display: inline-block;
}
.iconecontatti {
display: inline-block;
width: 100%;
}
.iconecontatti p {
display: inline;
margin: 0px 20px;
position: relative;
}
.iconecontatti p a {
color: #fff;
}
.iconecontatti p a img {
position: relative;
top: 14px;
margin-right: 5px;
}
.contmoduloo {
width: 40%;
margin: 80px auto 0px;
}
p.label {
margin-bottom: 0px;
font-size: 17px;
text-transform: uppercase;
text-align: left;
color: #fff
}
p.fifield {
margin-top: 0px;
text-align: left;
color: #fff
}
p.fifield input, p.fifield textarea {
width: 100%;
padding: 14px;
border: 1px solid #fff;
font-size: 15px;
background: transparent;
color: #fff !important;
}
p.labeldue {
text-align: left;
font-size: 13px;
line-height: 17px;
margin: 0px;
color: #fff;
}
p.labeldue .wpcf7-list-item {
padding: 0px !important;
margin: 0px !important;
}
p.fifielddue input {
border: 1px solid #fff;
width: 100%;
padding: 20px;
color: #fff;
text-transform: uppercase;
font-size: 21px;
background: transparent;
transition: 0.2s all ease-in-out;
border-radius: 50px;
}
p.fifielddue input:hover {
background: #fff;
color: #111
}
p.testocontatti {
margin-bottom: 64px;
}  footer{
background: #F7F7F7;
padding: 80px 0px 40px;
}
footer ul{
padding: 0px;
margin: 0px;
list-style: none
}
footer ul li a{
font-size: 16px;
font-family: 'AktiveGrotesk' !important;
margin-bottom: 5px;
display: inline-block;
width: 100%;
}
.footerone ul{
margin-left: 50px
}
.line{
background: #00456A;
height: 1px;
width: 100%;
margin: 20px 0px;
opacity: 0.4
}
h4.title-widget {
margin-top: 0px;
text-transform: uppercase;
font-family: 'AktiveGroteskMedium';
font-size: 16px;
}
footer p{
font-size: 16px;
}
.design{
margin: 0px;
font-size: 12px;
}
.unoP{
background: linear-gradient(222.31deg, rgba(0, 69, 106, 0.24) 18.05%, rgba(0, 69, 106, 0) 89.4%);
padding: 150px 0px 200px;
}  #toTop {
background: #80BB1E;
bottom: 20px;
color: #fff;
cursor: pointer;
display: none;
position: fixed;
right: 15px;
text-align: center;
z-index: 9999;
opacity: 0.7;
padding: 5px 10px;
}
#toTop i {
color: #fff;
font-weight: 25px;
}
#toTop img {
height: 7px;
}   @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){
.primodue p {
color: #fff;
font-size: 40px;
margin: 0px 0px 40px;
line-height: 50px;
}
.tre .listBlog li:last-child {
display: none;
}
.imagePost {
height: 200px;
}
.contIcon {
width: 60%;
margin: 0px auto;
}
.footerone ul {
margin-left: 0px;
}
.logoFoo{
margin-bottom: 40px
}
.footerthree{
margin-top: 40px
}
.fooRight{
text-align: left !important;
}
header ul li a {
margin-left: 20px;
}
p.titTeam {
margin-bottom: 40px;
margin-top: 0px;
}
.elementodue {
top: 90%;
width: 170px;
}
.imgGal, .vg {
height: 150px;
}
ul.listBlog li {
margin-bottom: 40px;
}
} @media only screen and (min-width: 320px) and (max-width: 767px) {
.menuresp {
display: block;
}
.ms {
height: 80vh;
}
.textSlide {
position: relative;
font-family: 'AktiveGroteskMedium';
color: #fff;
font-size: 38px;
margin: 30px auto;
line-height: 39px;
width: 100%;
}
.primodue p {
line-height: 43px;
}
.elemento {
position: absolute;
left: 0;
bottom: -10%;
width: 150px;
}
.secondodue .col-sm-4 {
margin-bottom: 50px;
}
p.TitoloNews {
line-height: 42px;
margin-bottom: 20px;
}
.vedinews {
text-align: left;
}
.imagePost {
border-radius: 10px;
height: 150px;
}
.vaiPost {
color: #80BB1E;
margin-bottom: 0px;
margin-top: 0px;
font-size: 16px;
margin-bottom: 40px;
}
.titPost {
margin-bottom: 10px;
}
.footerone ul {
margin-left: 0px;
margin: 30px 0px !important;
}
ul#menu-servizi {
margin-bottom: 30px;
}
.col-md-6.right.fooRight {
text-align: left;
}
.imgS {
height: 300px;
}
.slogan {
font-size: 40px;
color: #00456A;
line-height: 45px;
margin-bottom: 0px;
}
.textMission p {
font-size: 28px;
line-height: 40px;
}
.titTeam {
margin: 0px 0px 40px 0px;
}
.quattroS .col-md-3 {
margin-bottom: 60px;
}
.quattroS {
margin-bottom: 0px !important;
padding-bottom: 0px;
}
.elementodue {
position: absolute;
top: inherit;
left: 0;
bottom: -100px;
width: 130px;
}
h1.titlepage {
margin-top: 0px;
margin-bottom: 10px;
}
.titServ {
height: auto;
}
.iconecontatti p {
display: inline-block;
}
}