@charset "UTF-8";
/* CSS Document */

html,body { font-size:0; color:#141414; font-family:"Inter",serif; font-optical-sizing:auto; font-weight:500; font-style:normal;  height:100%; -moz-osx-font-smoothing:grayscale; text-size-adjust:none; -webkit-text-size-adjust:none;}
body,div,img,ul,li,h1,h2,h3,p,img,input,button,select,textarea,video,a { padding:0; margin:0; border:0; outline:0;}
input,button,textarea { font-family:"Inter",serif !important; -moz-appearance:none; appearance:none; resize:none;}
a { cursor:pointer; color:inherit; text-decoration:none;}
h1,h2,h3 { font-weight:inherit;}
.ytouch, .ypad { display:none !important;}
.vmiddle * { vertical-align:middle !important;}
.vtop * { vertical-align:top !important;}
.tra { transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s; -moz-transition:all .4s;}
.relative { position:relative;}
::selection { background:#d3a12f;} ::-moz-selection { background:#d3a12f;}
.capitalize { text-transform:capitalize !important;} .uppercase { text-transform:uppercase;} .underline { text-decoration:underline;}
.pointer { cursor:pointer;}
.left { text-align:left;} .right { text-align:right;} .center { text-align:center;}
.floatleft { float:left;} .floatright { float:right;} .overflow { overflow:hidden;}
.mm { vertical-align:middle; margin-left:6px; margin-top:0; width:22px; height:19px;}
.noselect { user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.parallax.ytouch { width:0 !important}
.preline { white-space:pre-line;}
.noland { display:none;}

.years20 { width:120px; position:absolute; left:10vw; top:10px;}
.years20about { width:120px; position:absolute; left:10vw; top:10px;}

/* MAIN */

.contain { max-width:90vw; margin-left:auto; margin-right:auto; box-sizing:border-box; padding-left:6vw; padding-right:6vw;}
.contain-nopad { max-width:90vw; margin-left:auto; margin-right:auto; box-sizing:border-box;}
.contain-blog { max-width:850px;}

.contain-large { box-sizing:border-box; padding-left:20px; padding-right:20px;}
.pad-left { padding-left:6vw;}
.pad-right { padding-right:6vw;}

.fifty { display:inline-block; width:50%; vertical-align:top; box-sizing:border-box;} 
.onethird { display:inline-block; width:33%; vertical-align:top; box-sizing:border-box;}
.twothird { display:inline-block; width:67%; vertical-align:top; box-sizing:border-box;}
.onefourth { display:inline-block; width:25%; vertical-align:top; box-sizing:border-box;}
.threefourth { display:inline-block; width:75%; vertical-align:top; box-sizing:border-box;}

.fifty-pad-left { box-sizing:border-box; padding-left:40%;}
.fifty-pad-right { box-sizing:border-box; padding-right:40%;}

.veil { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5);}

.veil-left { background: rgb(20,20,20); width:60%;
background: -moz-linear-gradient(90deg, rgba(20,20,20,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(20,20,20,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(20,20,20,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141414",endColorstr="#ffffff",GradientType=1);}
.veil-right { background: rgb(20,20,20); width:60%; right:0; right:0; left:inherit;
background: -moz-linear-gradient(270deg, rgba(20,20,20,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(270deg, rgba(20,20,20,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(270deg, rgba(20,20,20,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141414",endColorstr="#ffffff",GradientType=1);}
.veil-top { background: rgb(20,20,20); height:50%; opacity:.4;
background: -moz-linear-gradient(180deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0) 100%);
background: linear-gradient(180deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141414",endColorstr="#141414",GradientType=1);}

.veil-left-more { background: rgb(20,20,20); width:100%; opacity:.8;
background: -moz-linear-gradient(90deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0.8982186624649859) 50%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0.8982186624649859) 50%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0.8982186624649859) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141414",endColorstr="#ffffff",GradientType=1);}
.veil-right-more { background: rgb(20,20,20); width:100%; opacity:.8; right:0; left:inherit;
background: -moz-linear-gradient(270deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0.8982186624649859) 50%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(270deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0.8982186624649859) 50%, rgba(255,255,255,0) 100%);
background: linear-gradient(270deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0.8982186624649859) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141414",endColorstr="#ffffff",GradientType=1);}

.veil_off { opacity:.5;}
.veil_on { opacity:.8 !important;}

.cover { -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;}

.z1 { z-index:1;}
.z2 { z-index:2;}
.z3 { z-index:3;}
.z4 { z-index:4;}
.z5 { z-index:5;}

.mar-top { margin-top:120px;}
.mar-btm { margin-bottom:120px;}
.pad-top { padding-top:120px;}  
.pad-btm { padding-bottom:120px;}

.mar-top-mini { margin-top:40px;}
.mar-btm-mini { margin-bottom:40px;}
.pad-top-mini { padding-top:40px;}  
.pad-btm-mini { padding-bottom:40px;}

.sameheight { display:flex;}

.cta { position:relative; display:inline-block; box-sizing:border-box; padding:15px 25px; border-radius:5px; font-size:16px}

.cta.cta-down { padding-left:60px; cursor:pointer;}
.cta-down::before { display:block; position:absolute; left:20px; top:11px; content:""; border:1px solid #e31e25; border-width:0 1px 1px 0; display:inline-block; padding:7px; transform:rotate(45deg); -webkit-transform: rotate(45deg);}

.cta.cta-right { padding-right:60px; cursor:pointer;}
.cta-right::after { display:block; position:absolute; right:20px; top:17px; content:""; border:1px solid #fff; border-width:0 1px 1px 0; display:inline-block; padding:7px; transform:rotate(-45deg); -webkit-transform: rotate(-45deg);}

.cta.b-white:hover { background-color:#e31e25; border-color:#e31e25;}
.nav .cta.b-white:hover { background-color:#fff; border-color:#fff; color:#e31e25;}
.cta.bg-red:hover { background-color:#f1f1f1; color:#141414;}
.cta.bg-white:hover { background-color:#141414; color:#fff;}
.cta.bg-dark:hover { background-color:#333;}

.cta.bg-red:hover::after { border-color:green;}

/* TEXT COLOURS */

.title { font-size:clamp(16px, 7.7vw, 100px); line-height:clamp(16px, 6.7vw, 90px);}
.title-meno { font-size:clamp(16px, 5.7vw, 70px); line-height:clamp(16px, 4.7vw, 60px);}
.title-mini { font-size:50px; line-height:43px;}
.title-s { font-size:40px; line-height:33px;}
.text-big { font-size:clamp(19px, 2vw, 25px); line-height:clamp(25px, 2.9vw, 30px);}
.text { font-size:16px; line-height:24px;}
.text-sub { font-size:13px;}

.bebas { font-family:"Bebas Neue",serif; font-weight: 400; font-style:normal; text-transform:uppercase;}
.bold { font-weight:700;}
.italic { font-style:italic;}

.bg-dark { background-color:#141414; color:#fff;}
.bg-reder { background-color:#b8312b; color:#fff;}
.bg-red { background-color:#e31e25; color:#fff;}
.gr-red { background-color:rgb(190,25,31); background-color:linear-gradient(180deg,rgba(190,25,31,1) 0%,rgba(227,30,37,1) 100%);}
.bg-grey { background-color:#ccc;} 
.bg-white { background-color:#fff; color:#141414;}

.c-dark { color:#141414; vertical-align:baseline !important;}
.c-red { color:#e31e25; vertical-align:baseline !important;}
.c-grey { color:#888; vertical-align:baseline !important;}
.c-white { color:#fff; vertical-align:baseline !important;}

.b-red-btm { border-bottom:3px solid #e31e25;}
.b-grey { border:1px solid #ccc;}
.b-white { border:1px solid #fff;}

.s-red { -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#e31e25; color:rgba(0,0,0,.4);}
.s-red-white { -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#e31e25; color:#fff;}
.s-white { -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#fff; color:transparent;}

/* NAV FOOTER */

.fadeout { position:fixed; width:140%; height:120%; top:0; left:-20%; z-index:330; pointer-events:none;
	border-bottom-left-radius:100%; border-bottom-right-radius:100%;
	        transition:height 1.2s cubic-bezier(0.87, 0, 0.13, 1);
	-webkit-transition:height 1.2s cubic-bezier(0.87, 0, 0.13, 1);}
.fade_out { height:0;}
.fadeout-delay { z-index:320; opacity:.8;
            transition-delay:.1s;
	-webkit-transition-delay:.1s;}

.fadein { position:fixed; width:140%; height:120%; top:100%; left:-20%; z-index:330; pointer-events:none;
	border-top-left-radius:100%; border-top-right-radius:100%;
	transition:top 1.2s cubic-bezier(0.87, 0, 0.13, 1);
	-webkit-transition:top 1.2s cubic-bezier(0.87, 0, 0.13, 1);}
.fade_in { top:-20%;}

.fadelogo { position:fixed; width:100%; height:100%; top:0; left:0; z-index:340; pointer-events:none; 
	 transition:opacity .7s .4s; -webkit-transition:opacity .7s .4s;
	background-image:url("../img/impianti-elettrici-evoluti-logo.png"); 
	background-position:center calc(50vh - 50px); background-size:260px; background-repeat:no-repeat;}
.fadelogo_out { opacity:0;}

.fade20 { position:fixed; width:100%; height:100%; top:0; left:0; z-index:340; pointer-events:none; 
	 transition:opacity .7s .4s; -webkit-transition:opacity .7s .4s;
	background-image:url("../img/20anni.png"); 
	background-position:center calc(35vh - 50px); background-size:100px; background-repeat:no-repeat;}
.fade20_out { opacity:0;}

.header-logo { z-index:100; position:absolute; display:block; top:-120px; left:50%; margin-left:-110px; width:220px;
 -webkit-transition:top 1.2s .8s cubic-bezier(0.85, 0, 0.15, 1);}
.header-logo_in { top:20px;}
.header-logo img { width:100%;}
.header-logo img:hover { transform:scale(0.97);}

.ham { z-index:100; position:fixed; right:6vw; top:30px; border-radius:25px; width:50px; height:50px; cursor:pointer;
	box-shadow:0 0 10px rgba(0,0,0,.3); overflow: hidden;
 		    transition:transform .2s, width .5s cubic-bezier(0.85, 0, 0.15, 1), height .5s cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-transition:transform .2s, width .5s cubic-bezier(0.85, 0, 0.15, 1), height .5s cubic-bezier(0.85, 0, 0.15, 1);}
/*.ham:hover { transform:scale(1.1);}*/
.ham_on { width:400px !important; height:520px !important; transform: scale(1) !important;}

.nav { box-sizing:border-box; padding:20px 25px; opacity:0; transition:opacity .6s .2s;}
.nav_on { opacity:1;}
.nav_off { transition:opacity .3s !important;}

.nav .text { margin-bottom:75px;}
.nav a.cta { margin-top:25px; margin-bottom:4px}
.nav-link { display:block; font-size:55px; line-height:60px; height:50px; overflow:hidden;}
.nav-link span { display:block;}
.nav-link:hover span { margin-top:-60px;}

.naveil { z-index:90; position:fixed; width:100%; height:100%; left:0; top:0; pointer-events:none; background:#141414; opacity:0;}
.naveil_on { pointer-events:inherit; opacity:.6;}

.pencil { cursor:pointer; padding-right:55px; background-image:url("../img/icon-pencil_b.svg"); background-position:92% center; background-size:23px; background-repeat:no-repeat;} 
.pencil:hover { background-image:url("../img/icon-pencil_w.svg")} 

.job-wrap { z-index:110; position:fixed; top:0; left:-700px; width:650px; height:100%; box-sizing:border-box; padding:30px 50px; transform:scale(0.95);
           transition:left .8s cubic-bezier(0.83, 0, 0.17, 1),transform 1s cubic-bezier(0.83, 0, 0.17, 1);
   -webkit-transition:left .8s cubic-bezier(0.83, 0, 0.17, 1),transform 1s cubic-bezier(0.83, 0, 0.17, 1); 
        -o-transition:left .8s cubic-bezier(0.83, 0, 0.17, 1),transform 1s cubic-bezier(0.83, 0, 0.17, 1);
      -moz-transition:left .8s cubic-bezier(0.83, 0, 0.17, 1),transform 1s cubic-bezier(0.83, 0, 0.17, 1);}
.job-wrap_on { left:0; transform:scale(1);}

.job-panel { width:100%; height:100%; border-radius:6px; box-sizing:border-box; padding:50px; overflow-y:scroll;  -ms-overflow-style:none; /*IE 10+*/ scrollbar-width:none; box-shadow:0 0 10px rgba(0,0,0,.3);}
.job-panel::-webkit-scrollbar { display:none; /*Safari and Chrome*/}
.job-close { position:absolute; right:-10px; top:30px; border-radius:25px; width:50px; height:50px; cursor:pointer; background:#fff url("../img/x_b.svg") center/30px no-repeat;}
.job-close:hover { transform:scale(1.1);}

.upload_area { background-color:#eee; padding:15px 15px 10px 15px; margin:20px 0; box-sizing:border-box; border:1px dashed #141414; border-radius:10px;}
#upload_cv { padding-bottom:10px; border-bottom:none !important; color:#222;}

.input-style { border-bottom:1px solid #141414; padding-bottom:10px; color:#141414; margin-bottom:10px;}
#submit-job { width:280px; margin-top:20px;}
#submit-job:hover { background-color:#141414; color:#fff;}

footer { padding:100px 0 50px 0;}
.footer-logo { width:220px;}
.footer-link { display:inline-block; margin-left:20px; height:25px; font-size:25px; overflow:hidden;}
.footer-link span { display:block;}
.footer-link:hover span { margin-top:-30px;}

.footer-text { margin-top:30px; padding-top:30px; border-top:1px solid rgba(0,0,0,.4)}
.footer-tel { display:inline-block; margin-bottom:10px; padding:5px 0 5px 32px; background:url("../img/icona-tel.svg") left center/28px no-repeat;}
.credits { background-color:#c51a21; color:#e1c9c9; padding:20px 0; font-size:11px; line-height:20px;}

/* HOME */

.billboard { position:relative; width:100%; box-sizing:border-box;}
.billboard-fascia { box-sizing:border-box; padding:12px 0; margin-top:-10px; overflow:hidden;}
.push-top-home { padding-top:120px;}
.push-top { padding-top:200px;}

.bg { position:absolute; left:0; top:0; width:100%; height:100%;}
.bg-width { position:absolute; left:0; top:0; width:100%;}
.bg-opacity { opacity:.2}

.casetta { width:100%; max-width:800px; margin:-120px auto 60px auto;}

.red-arrow-down { position:absolute; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-top:30px solid #e31e25; left:50%; margin-left:-30px; bottom:-30px;}

.tailor-img { height:100%; padding:35% 0 0 0; text-align:center;}
.consulenze { display:inline-block; padding:30px 50px 0 50px; box-sizing:border-box; border-top-left-radius:5px; border-top-right-radius:5px; background:#fff;}

.tailor { box-sizing:border-box; padding:50px 40px;}
.tailor-btn { display:inline-block; width:29%; margin:0 2%; padding-bottom:20px; border-bottom:2px solid #141414; cursor:pointer; opacity:.3;}
.tailor-btn.t_on { opacity:1; border-color:#e31e25;}
.tailor-btn:hover { opacity:1;}

.tailor-textarea { width:500px; margin:0 auto;}
.tailor-text { display:none;}
.tailor-text.t_on { display:block;}

.tailor-footer { height:600px; margin-top:-200px;}

/* CHI SIAMO */

.aboutimg { height:500px;}
.aboutimg:last-child { position:absolute; top:-90px; right:0;}

.aboutimg-center { background:url("../photos/Impianti-Elettrici-Evoluti-team-3-185.jpg") center/50vw no-repeat;}

.swiper { overflow:visible;}
.swiper-pagination { position:relative; margin-top:40px;}
.swiper-pagination-bullet { width:13px; height:13px;}
:root{--swiper-theme-color:white;}

.image-valori { height:200px; padding:25% 0; transform:rotate(-3deg);}
.image-full { height:100px; padding:20% 0;}

.button { position:absolute; width:50px; height:50px; border-radius:100%; border:1px solid #fff; cursor:pointer;}
.button:hover { transform:scale(1.05);}

.button-line { position:absolute; left:0; top:23px; width:100%; height:3px; background: #ffffff;
background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=1);}

.button-prev { left:47%; bottom:-50px;}
.button-next { left:53%; bottom:-50px;}

.swiper-servizi .swiper-wrapper { padding-right:30px;}
.card-servizi { box-sizing:border-box; width:300px !important; padding:30px 20px; border:1px solid #888; border-radius:5px;}
.card-servizi:hover { background:rgba(0,0,0,.2)}
.card-servizi .title-s { min-height:100px; min-height:140px;}
.card-servizi .text { margin-top:10px; opacity:.6; background:url("../img/arrow-right_g.svg") center right/50px no-repeat;}
.lottie-icon { width:110px; height:110px;}

.button-prev-servizi { right:70px; bottom:-50px;}
.button-next-servizi { right:0; bottom:-50px;}

.arrow { border:1px solid #fff; border-width:0 1px 1px 0; display:inline-block; padding:10px;}
.arrow-right { transform:rotate(-45deg); -webkit-transform: rotate(-45deg); margin:14px 0 0 9px;}
.arrow-left { transform:rotate(135deg); -webkit-transform: rotate(135deg); margin:14px 0 0 18px;}

/* SERVIZI */

.servizi-intro { white-space:nowrap;}
.servizi-intro span { display:inline-block; margin:0 40px;}

.servizi-intro .title-meno { margin-top:80px; 
	   -moz-animation: my-animation 37s linear infinite; 
	-webkit-animation: my-animation 37s linear infinite; 
	        animation: my-animation 37s linear infinite;}
@keyframes my-animation {
  from { -moz-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%);}
  to {-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}}
.servizi-intro .title-meno:nth-child(2) {
	   -moz-animation: my-animation2 37s linear infinite; 
	-webkit-animation: my-animation2 37s linear infinite; 
	        animation: my-animation2 37s linear infinite;}
@keyframes my-animation2 {
  from { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
  to {-moz-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%);}}

.list { list-style:none;}
.list li { position:relative; padding-left:35px; margin-bottom:15px;}
.list li:before { content:''; position:absolute; left:0; top:7px; display:inline-block; width:20px; height:20px; background:url("../img/spunta_r.svg") center/20px no-repeat;}

/* PROGETTI */

.allprojects { display:flex; flex-wrap:wrap; gap:30px;}
/*.allprojects::after { content:''; flex:1 1 calc(50% - 15px); box-sizing:border-box; visibility:hidden;}*/

.project-prethumb { flex:1 1 calc(50% - 15px);}
.project-prethumb:nth-child(even) { align-self:flex-start; /*top*/ margin-top:-160px;}

.project-thumb { display:block; box-sizing:border-box; padding:70% 30px 30px 30px; overflow:hidden;}
.project-thumb:hover .bg { filter:blur(1px); -webkit-filter:blur(1px);  
	transform: scale(.96); -webkit-transform: scale(.96);  -moz-transform: scale(.96);}
.project-thumb:hover .veil { opacity:0;}

.project-thumb h3 { max-width:330px; min-height:90px;}
.project-thumb .text-sub { margin:30px 0 15px 0;}

.tag { display:inline-block; font-size:10px; letter-spacing:1px; text-transform:uppercase; 
	border:1px solid #e31e25; border-radius:30px; padding:5px 10px;}

.project-main .text { margin:15px 0 8px 0;}
.project-main .arrow-left { margin:14px 0 0 9px;}
.project-main .arrow-right { margin:14px 0 0 -5px;}

.swiper-project .swiper-slide { width:70%; max-width:850px; height:500px; margin:30px 0 20px 0;}
.project-slide { height:100px;}
.p2, .n2 { position:relative; display:inline-block; margin:30px 5px 0 5px;}


/* CONTATTI */

.social { display:inline-block; width:30px; height:30px; margin-right:5px;}
.fb_w { background:url("../img/social-fb_w.svg") center / 30px 30px no-repeat;}
.ig_w { background:url("../img/social-ig_w.svg") center / 27px 27px no-repeat;}
.in_w { background:url("../img/social-in_w.svg") center / 30px 30px no-repeat;}

input,textarea,select { position:relative; width:100%; padding:14px 0; margin-bottom:10px; border:none; box-sizing:border-box; background:none; border-bottom:1px solid #fff; color:#fff;}
.name { width:96%; margin-right:2%;}
.input_off { pointer-events:none; opacity:.5;}

select { appearance:none; background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:100% center; background-size:30px;}

#submit { width:160px; border:none;}
.input:not(#submit) { border-radius:0 !important;}

.load,.load-job { opacity:0; margin-left:15px; width:1px;} .load_on { opacity:1; width:auto;} 
.error { position:relative; border-bottom:2px solid #cf6959; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; padding-bottom:35px;}
label.error { position:absolute; left:0; bottom:-12px; font-size:12px; border:none; color:#cf6959; z-index:100;}
.thick label.error { left:0; bottom:inherit; top:30px;}
.upload_area label.error { left:18px; bottom:-25px;}
.error.error-megabites { left:20px; top:55px;}
.output,.output2 { display:none; box-sizing: border-box; padding:20px; border-radius:5px; background:#f4cecd; color:#000;}

.thick { position:relative; margin-top:20px; display:block; padding-left:35px; padding-top:4px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; margin-bottom:20px; text-align:left;}
.thick input { position:absolute; opacity:0; display:block; width:80%;}
.checkmark { position:absolute; top:0; left:0; height:25px; width:25px; border:1px solid #fff;}
.bg-white .checkmark { border:1px solid #141414;}
.checkmark:after { content:""; position:absolute; display:none;} 
.thick input:checked ~ .checkmark:after { display:block;}
.thick .checkmark:after { left:9px; top:5px; width:5px; height:10px; border:solid #e31e25; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.contact-logo { width:400px;}

#map { height:450px;}

.sponsor { width:90%; max-width:1000px;}


/* IF iPAD + 120 */
/* IF iPAD + 120 */
@media only screen and (max-width:1200px) {
    
    .rellax { transform: translate3d(0,0,0) !important;}
	.ypad { display:inherit !important;}
	.npad { display:none !important;}
    
}

/* IF iPHONE */
/* IF iPHONE */
@media only screen and (max-width:768px) {
	
	.years20 { left:inherit; top:inherit; right:20px; bottom:40px;}
	.years20about { left:inherit; top:inherit; right:20px; bottom:-15px;}
	
	.parallax.ntouch { width:0 !important}
	.parallax.ytouch { width:100% !important}
	.npreline { white-space:normal;}
		
	.fadeout { width:260%; left:-80%;}
	.fadein { width:260%; left:-80%;}

	.ytouch { display:inherit !important;}
	.ntouch,.ypad { display:none !important;}
    .tleft { text-align:left !important;} 
    .fifty, .onethird, .twothird { width:100%;}
	.tcenter { text-align:center;}
    .tfifty { width:50%;}
	.tonethird {width:33%;}
	.ttwothird { width:67%;}
	
	.push-top { padding-top:160px;}
	.ham_on { width:85vw !important;}
	
	.sameheight { display:block;}
	.contain { padding-left:20px; padding-right:20px;}
	.contain, .contain-nopad { max-width:100%;}
	.veil-left { width:80%;}
	
    .mar-top { margin-top:70px;} 
	.mar-btm { margin-bottom:70px;}
    .pad-top, .tpad-top { padding-top:70px;} 
	.pad-btm { padding-bottom:70px;}
	.npad-btm { padding-bottom:0;}
	.tpad-btm-mini { padding-bottom:30px;}
    .mar-top-mini { margin-top:30px;} 
	.mar-btm-mini { margin-bottom:30px;}
    .pad-top-mini { padding-top:30px;} 
	.pad-btm-mini { padding-bottom:30px;}
    .pad-left, .pad-right { padding-left:0; padding-right:0;}
	
	.title { font-size:clamp(60px, 14vw, 80px); line-height:clamp(50px, 12vw, 70px);}
	.title-meno { font-size:11vw; line-height:10.8vw;}
	.title-mini { font-size:9vw; line-height:8.8vw;}
	.title-s { font-size:6.5vw; line-height:6.2vw;}
	.text-big { font-size:19px; line-height:26px;}
	.text-big.bebas { font-size:4.5vw; line-height:4.5vw;}
	.text { font-size:14px; line-height:22px;}
	.text-sub { font-size:12px;}
	
	.cta { font-size:14px;}
	.cta:not(.job-handle) { padding:14px 22px;}
	.cta.cta-down { padding-left:50px; margin-top:30px;}
	.cta.cta-right { padding-right:50px;}

	.header-logo { margin-left:0; left:20px; width:200px;}
	.footer-logo { width:190px; margin-bottom:30px;}
	.footer-link { margin:0 15px 0 0; font-size:20px;}
	footer .cta { margin-top:20px; width:230px !important; padding-right:50px !important;}
    	
	/* home */
	.billboard { height:85vh;}
	.billboard-fascia .onethird { display:inline-block; width:auto; margin:0 60px;}
	.scroll-text { -moz-animation:my-animation 27s linear infinite; -webkit-animation:my-animation 27s linear infinite; animation:my-animation 27s linear infinite;  white-space:nowrap;}
	@keyframes my-animation { 
		0% { opacity:0; -moz-transform:translateX(0%); -webkit-transform:translateX(0%); transform:translateX(0%);} 5% { opacity:1;} 95% { opacity:1;}
		100% { opacity:0; -moz-transform:translateX(-200%); -webkit-transform:translateX(-200%); transform:translateX(-200%);}
	}
	.fifty.cover { height:350px; padding:35% 0; margin-bottom:50px;}
    .fifty-nomargin { margin-bottom:0 !important;}
	
	.tailor { box-sizing:border-box; padding-top:0;}
	.consulenze {  padding:25px 30px 0 30px;}
	
	.tailor-img {padding:50% 0 0 0;}
	.tailor-btn { display:block; width:100%; margin:0; padding-top:20px; border-bottom:2px solid #141414; position:relative;}
	.tailor-btn::after { content:"+"; display:block; position:absolute; top:30px; right:0; font-size:30px;}
	.tailor-btn.t_on::after { content:"-";}
	.tailor-text { padding:20px 0;}
	.tailor-textarea { width:100%;}
	.tailor-footer { margin-top:-80px; height:400px;} 
		
	.job-wrap { width:100vw; padding:20px; left:-100vw;}
	.job-wrap_on { left:0vw;}
	.job-panel { padding:30px;}
	.job-close { right:30px; top:30px; width:40px; height:40px;}
	
	/* chi siamo */
	.aboutimg { width:90%; height:100px; padding:30% 0;}
	.aboutimg:last-child { position:relative; margin-left:10%; top:-30px}
	.contact-logo { width:75vw; max-width:250px;}
	.image-valori { margin-bottom:50px; padding:5% 0;}
	.aboutimg-center { background:none;}
	.aboutimg-center .bebas { font-size:15vw; line-height:13vw;}
	.card-servizi .title-s { min-height:120px;}
	
	.button-prev { left:40%;}
	.button-next { right:40%;}

	/* servizi */
	.serv-title  { font-size:11vw; line-height:10.8vw;}
	.servizi-intro .title-meno:nth-child(2) { -moz-animation-duration:10s; -webkit-animation-duration:10s; animation-duration:10s;}
	.servizi-intro p { font-size:15vw; line-height:13vw;}
	
	.veil-right-more { background: rgb(20,20,20); width:100%; opacity:.8; background: -moz-linear-gradient(90deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0.8982186624649859) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(90deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0.8982186624649859) 50%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0.8982186624649859) 50%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141414",endColorstr="#ffffff",GradientType=1);}
	
	/* progetti */
	.allprojects { display:block;}
	.project-prethumb:nth-child(even) { margin-top:0;}
	.project-thumb { padding-top:50%; margin-bottom:20px;}
	.project-thumb:hover .bg { filter:blur(0); -webkit-filter:blur(0);  
	transform: scale(1); -webkit-transform: scale(1);  -moz-transform: scale(1);}
	.project-thumb h3 { min-height:auto;}
	.swiper-project .swiper-slide { height:100px; padding:20% 0;}

}


@media only screen and (max-device-width:768px) and (orientation:landscape) {
	.noland { display:block; position:fixed; width:100%; height:100%; left:0; top:0; z-index:1999; text-align:center;}	
	.noland-img { width:140px; height:140px; margin:40px 0;}
	html, body { overflow:hidden !important;}
}

/* HAMBURGER */

.hamburger { position:absolute; right:11px; top:24px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color:#fff;}
.hamburger { display:inline-block; cursor:pointer; transition-property:opacity, -webkit-filter; transition-property:opacity, filter; transition-property:opacity, filter, -webkit-filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible;}
.hamburger-box { width:28px; display:inline-block; position:relative;}
.hamburger-inner { display:block;}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width:100%; height:2px; background-color:#fff; position:absolute; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -moz-transition:all .5s;}

.hamburger-inner::before { content:""; display:block; top:-8px;}
.hamburger-inner::after { content:""; display:block; bottom:-8px; width:100%;}

/* CHANGE THE BELOW PACK TO CHANGE EFFECT */
.hamburger--squeeze .hamburger-inner{transition-duration:.1s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--squeeze .hamburger-inner::before{transition:top .1s  ease,opacity .1s ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom .1s  ease,-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s  ease,transform .1s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s  ease,transform .1s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--squeeze.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease,opacity .1s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease,transform .1s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease,transform .1s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1)}
/* --------------------------------------- */
/* PROGETTO COVER MOBILE                   */
/* --------------------------------------- */
@media only screen and (max-width:768px) {
	.project-cover-img { width:100% !important; max-width:100% !important; height:280px !important; }
}