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

.floatable-wrapper.floatable-anchored-center-left { left:10px !important; bottom:10px !important;}

@font-face {
    font-family:'HelveticaNowDisplayLight';
	src: url("../fonts/HelveticaNowDisplay-Light.eot");
	src: url("../fonts/HelveticaNowDisplay-Light.?#iefix") format("embedded-opentype"),
	url("../fonts/HelveticaNowDisplay-Light.woff2") format("woff2"),
	url("../fonts/HelveticaNowDisplay-Light.woff") format("woff"),
	url("../fonts/HelveticaNowDisplay-Light.ttf") format("truetype"),
	url("../fonts/HelveticaNowDisplay-Light.svg#HelveticaNowDisplayLight") format("svg");
    font-weight:300;
	font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:'HelveticaNowDisplayRegIta';
	src: url("../fonts/HelveticaNowDisplay-RegIta.eot");
	src: url("../fonts/HelveticaNowDisplay-RegIta.?#iefix") format("embedded-opentype"),
	url("../fonts/HelveticaNowDisplay-RegIta.woff2") format("woff2"),
	url("../fonts/HelveticaNowDisplay-RegIta.woff") format("woff"),
	url("../fonts/HelveticaNowDisplay-RegIta.ttf") format("truetype"),
	url("../fonts/HelveticaNowDisplay-RegIta.svg#HelveticaNowDisplayRegIta") format("svg");
    font-weight:400;
	font-style:italic;
    font-display: swap;
}
@font-face {
    font-family:'HelveticaNowDisplayMedium';
	src: url("../fonts/HelveticaNowDisplay-Medium.eot");
	src: url("../fonts/HelveticaNowDisplay-Medium.?#iefix") format("embedded-opentype"),
	url("../fonts/HelveticaNowDisplay-Medium.woff2") format("woff2"),
	url("../fonts/HelveticaNowDisplay-Medium.woff") format("woff"),
	url("../fonts/HelveticaNowDisplay-Medium.ttf") format("truetype"),
	url("../fonts/HelveticaNowDisplay-Medium.svg#HelveticaNowDisplayMedium") format("svg");
    font-weight:500;
	font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:'HelveticaNowDisplayBold';
	src: url("../fonts/HelveticaNowDisplay-Bold.eot");
	src: url("../fonts/HelveticaNowDisplay-Bold.?#iefix") format("embedded-opentype"),
	url("../fonts/HelveticaNowDisplay-Bold.woff2") format("woff2"),
	url("../fonts/HelveticaNowDisplay-Bold.woff") format("woff"),
	url("../fonts/HelveticaNowDisplay-Bold.ttf") format("truetype"),
	url("../fonts/HelveticaNowDisplay-Bold.svg#HelveticaNowDisplayBold") format("svg");
    font-weight:600;
	font-style:normal;
    font-display: swap;
}

html,body { font-size:0; color:#000; font-family:'HelveticaNowDisplayLight',sans-serif; 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 { padding:0; margin:0; border:0; outline:0;}
input,button,textarea,select { font-family: 'DM Sans', sans-serif !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; resize:none;}
a { cursor:pointer; color:inherit; text-decoration:none;}
h1,h2,h3 { font-weight:inherit;}
.ytouch, .ypad,.ymenu, .ytouch-inline { display:none !important;}
.vmiddle { vertical-align:middle !important;}
.tra { transition:all .2s; -webkit-transition: all .2s;}
.relative { position:relative;}
::selection { background:rgba(100,100,100,.6);} ::-moz-selection { background:rgba(100,100,100,.6);}
.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;} 
.overflow.words { padding-bottom:6px; margin-top:-4px;}
.mm { vertical-align:middle; margin-left:6px; margin-top:-2px; width:22px; height:19px;}
.noland { display:none;}
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}

/* MAIN */
/* MAIN */

.contain { max-width:1400px; margin-left:auto; margin-right:auto; box-sizing:border-box; padding-left:5vw; padding-right:5vw;}

.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;}

.onefifth { display:inline-block; width:20%; vertical-align:top; box-sizing:border-box;}
.twofifth { display:inline-block; width:40%; vertical-align:top; box-sizing:border-box;}
.threefifth { display:inline-block; width:60%; vertical-align:top; box-sizing:border-box;}

.onesixth { display:inline-block; width:16.6666%; vertical-align:top; box-sizing:border-box;}

.pad-fifty { box-sizing:border-box; padding-left:50%;}
.pad-onethird { box-sizing:border-box; padding-left:20%;}
.pad-onesixth { box-sizing:border-box; padding-left:16.6666%;}

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

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

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

.pad-left { padding-left:100px;}
.pad-right { padding-right:100px;}

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

.cta { position:relative; display:inline-block; padding:14px 24px; font-size:18px; border-radius:4px; font-family:'HelveticaNowDisplayBold',sans-serif; margin-right:15px; overflow:hidden; cursor:pointer; margin-bottom:10px;}
.cta-right { padding-right:55px;}
.cta-right::after { content:""; position:absolute; top:22px; right:24px; width:8px; height:8px; border-right:2px solid #141414; border-bottom:2px solid #141414; transform:rotate(-45deg);}
.bg-blue.cta-right::after, .nobg.cta-right::after { border-color:white;}

.right .cta { margin-right:0; margin-left:15px;}

.cta:hover { filter:brightness(90%);}
.cta::before, .nav-contatti::before { content:""; position:absolute; top:0; left:-75%; width:50%; height:100%; background:rgba(255,255,255,.3); transform:skewX(-20deg); -webkit-transform:skewX(-20deg); -webkit-transition:left 0.5s ease; transition:left 0.5s ease; pointer-events:none;}
.cta:hover::before, .nav-contatti:hover::before { left:125%; transition:left 0.5s ease; -webkit-transition:left 0.5s ease;}

.link { position:relative; font-size:22px; font-family:'HelveticaNowDisplayBold',sans-serif;}
.link::after { content:""; position:absolute; left:0; bottom:0; height:2px; width:0; background:#000; transition:width .3s ease-in-out; -wekbit-transition:width .3s ease-in-out;}
.link:hover::after { width:100%;}

.link.c-orange::after { background:#f79063;}
.link.c-cyan::after { background:#58b0c2;}

/* TEXT COLOURS */

.title { font-size:65px; line-height:60px;}
.title-m { font-size:50px; line-height:50px;}
.title-s { font-size:33px; line-height:36px;}
.text-big { font-size:24px; line-height:28px;}
.text { font-size:18px;}
.text-mini { font-size:15px;}
.text-sub { font-size:13px;}
.sub-space { letter-spacing:1px;}

.preline { white-space:pre-line;}
.medium { font-family:'HelveticaNowDisplayMedium',sans-serif;}
.bold { font-family:'HelveticaNowDisplayBold',sans-serif;}
.regular { font-family:'HelveticaNowDisplayLight',sans-serif;}
.regularitalic { font-family:'HelveticaNowDisplayRegita',sans-serif;}

.bg-dark { background-color:#141414; color:#fff;}
.bg-blue { background-color:#0f1931; color:#fff;}
.bg-green { background-color:#213f42; color:#fff;}
.bg-orange { background-color:#f79063; color:#000;}
.bg-cyan { background-color:#58b0c2; color:#000;}
.bg-light { background-color:#e6e6e6; color:#000;}
.bg-white { background-color:#fff; color:#000;}

.b-dark { border:1px solid #141414;}
.b-blue { border:1px solid #0f1931;}
.b-orange { border:1px solid #f79063;}
.b-cyan { border:1px solid #58b0c2;}
.b-white { border:1px solid #ffffff;}

.c-dark { color:#141414; vertical-align:baseline !important;}
.c-blue { color:#0f1931; vertical-align:baseline !important;}
.c-green { color:#213f42; vertical-align:baseline !important;}
.c-orange { color:#f79063; vertical-align:baseline !important;}
.c-cyan { color:#58b0c2; vertical-align:baseline !important;}
.c-less { color:#4d4d4d; vertical-align:baseline !important;}
.c-op6 { opacity:.6 !important;}
.c-op2 { opacity:.2 !important;}
.c-white { color:#fff; vertical-align:baseline !important;}

.c-giap { color:#79232c;}
.c-isra { color:#213584;}

.multiply { mix-blend-mode:multiply;}
.overlay { mix-blend-mode:lighten; opacity:.5;}

.line { height:1px; position:relative;}
.line .text { position:absolute; left:0; top:-19px; padding:5px 16px 5px 0;}
.line.bg-blue .text { background:#fff;}
.line.bg-cyan .text { background:#193f7e;}

.line-home { margin:4vh 0;}
.line-home-btm { margin-bottom:4vh;}
.radius { border-radius:4px;}
.radius-max { border-radius:15px;}

.gr-topright-black { background:#121212; opacity:.8;
background:-webkit-linear-gradient(236deg, rgba(18, 18, 18, 1) 0%, rgba(255, 255, 255, 0) 100%);
background:-moz-linear-gradient(236deg, rgba(18, 18, 18, 1) 0%, rgba(255, 255, 255, 0) 100%);
background:linear-gradient(236deg, rgba(18, 18, 18, 1) 0%, rgba(255, 255, 255, 0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#121212", endColorstr="#FFFFFF", GradientType=0);}

.gr-btm { position:absolute; left:0; bottom:0; width:100%; height:300px; opacity:.6;}
.gr-btm-blue { background:#0f1931;
background: -webkit-linear-gradient(0deg, rgba(15, 25, 49, 1) 0%, rgba(15, 25, 49, 0) 100%);
background: -moz-linear-gradient(0deg, rgba(15, 25, 49, 1) 0%, rgba(15, 25, 49, 0) 100%);
background: linear-gradient(0deg, rgba(15, 25, 49, 1) 0%, rgba(15, 25, 49, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f1931", endColorstr="#0f1931", GradientType=0);}
.gr-btm-lightblue { background:#58B0C2;
background: -webkit-linear-gradient(0deg, rgba(88, 176, 194, 1) 0%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(0deg, rgba(88, 176, 194, 1) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(0deg, rgba(88, 176, 194, 1) 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#58B0C2", endColorstr="#FFFFFF", GradientType=0);}
.gr-btm-green { background:#213f42;
background: -webkit-linear-gradient(0deg, rgba(33, 63, 66, 1) 0%, rgba(33, 63, 66, 0) 100%);
background: -moz-linear-gradient(0deg, rgba(33, 63, 66, 1) 0%, rgba(33, 63, 66, 0) 100%);
background: linear-gradient(0deg, rgba(33, 63, 66, 1) 0%, rgba(33, 63, 66, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#213f42", endColorstr="#213f42", GradientType=0);}

/* NAV & FOOTER */

#progress-bar { position:fixed; bottom:20%; left:0; height:3px; width:0%; background-color:#f79063; z-index:340;
  transition:width 0.2s ease-out; -webkit-transition:width 0.2s ease-out; pointer-events:none;}
.blacklogo { position:fixed; width:100%; height:100%; left:0; top:0; z-index:330; background:url("../img/marchio-gdt_w.svg") center/150px no-repeat;transition:opacity .7s; -webkit-transition:opacity .7s; opacity:1; pointer-events: none;}
.blacklogo_out { opacity:0;}
.blacklogo_in { opacity:1 !important; transition-delay:.4s !important;}
.blackout { position:fixed; width:20%; height:100%; bottom:0; z-index:320;
	transition:height 1s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition:height 1s cubic-bezier(0.76, 0, 0.24, 1);}
.bk1 { left:0;}
.bk2 { left:20%; transition-delay:.1s;}
.bk3 { left:40%; transition-delay:.2s;}
.bk4 { left:60%; transition-delay:.3s;}
.bk5 { left:80%; transition-delay:.4s;}
.black_out { height:0;}
.black_in { height:100% !important; transition-duration:.6s !important; -webkit-transition-duration:.6s !important;}
.black_in.bk1 { transition-delay:0s;}
.black_in.bk2 { transition-delay:.1s;} 
.black_in.bk3 { transition-delay:.2s;} 
.black_in.bk4 { transition-delay:.3s;} 
.black_in.bk5 { transition-delay:.4s;}

.header-logo { position:fixed; z-index:29; display:block; top:32px; left:4.4vw; width:210px; height:111px; background:url("../img/logo-gdt_w.svg") center / 100% no-repeat;}
.header-logo.navdark { background-image:url("../img/logo-gdt_d.svg");}
.header-logo_on { width:90px; height:48px; top:27px;}
.header-logo_off { opacity:0;}

nav { position:fixed; top:20px; left:3vw; padding:10px 230px; white-space:nowrap; box-sizing:border-box; width:calc(100% - 6vw); z-index:20; text-align:center; color:#fff;
	        transition:width .6s cubic-bezier(0.22, 1, 0.36, 1), padding .6s cubic-bezier(0.22, 1, 0.36, 1), background .5s; 
	-webkit-transition:width .6s cubic-bezier(0.22, 1, 0.36, 1), padding .6s cubic-bezier(0.22, 1, 0.36, 1), background .5s;}
nav.navdark { color:#000;}

.nav_on.navdark { background:rgba(180,180,180,.2); border:1px solid rgba(5,5,5,.05)}
.nav_on { background:rgba(255,255,255,.2); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.1)}

.nav-link { position:relative; display:inline-block; font-size:16px; padding:8px 8px; margin:0 2px; cursor:pointer;}
.nav-contatti { overflow:hidden; z-index:20; position:fixed; right:16.7vw; top:31px; padding:7px 19px;}
.nav-tracking { overflow:hidden; z-index:20; position:fixed; right:8.2vw; top:31px; padding:7px 19px;}

.nav-lang { position:fixed; display:block; z-index:20; right:4.4vw; top:31px; padding:7px 10px; font-size:16px; border:1px solid rgba(255,255,255,.5); color:#fff;}
.langdark { color:#000; border-color:rgba(0,0,0,.5);}

.nav-link:not(.nav-contatti)::after, .nav-link_on:not(.nav-contatti)::after  { content:""; position:absolute; left:14px; bottom:5px; height:2px; width:0; background:#fff; transition:width .3s ease-in-out; -wekbit-transition:width .3s ease-in-out;}
.navdark .nav-link:not(.nav-contatti)::after { background:#000;}
.nav-link:hover::after, .nav-link_on:not(.nav-contatti)::after { width:calc(100% - 26px);}

#network { padding:30px 0; background:#193F7E;
background: linear-gradient(90deg, rgba(25, 63, 126, 1) 0%, rgba(37, 47, 90, 1) 100%);}
#network .text-mini, .network-logo { display:inline-block; margin-left:20px;}
.network-logo { width:120px; height:34px; background:url("../img/logo-casasco_w.svg") center /100% no-repeat; }
.network-logo:hover { opacity:.6}

footer { font-size:16px; padding:25px 0; background-image:url("../img/marchio-gdt_d.svg"); background-size:60%; background-position:calc(100% + 20%) -250px; background-repeat:no-repeat;}
.footer-area { border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin:25px 0; padding:30px 0 50px 0 ;}
.footer-logo { width:190px;}
.footer-link { display:inline-block; margin-right:25px; cursor:pointer;}

.icon-mail { display:inline-block; padding:2px 0 2px 30px;  background:url("../img/mail_b.svg") left center / 20px no-repeat;}
.icon-tel { display:inline-block; padding:2px 0 2px 30px;  background:url("../img/tel_b.svg") left center / 20px no-repeat;}

.social { display:inline-block; width:50px; height:50px; border-radius:100%; }
.in_w { background:#0f1931 url("../img/social-in_w.svg") center / 35px 35px no-repeat; margin-left:5px;}
.in_b { background:url("../img/social-in_b.svg") center / 35px 35px no-repeat; width:40px;}

.credits { font-size:12px; line-height:20px;}

/* HOME */

.billboard { position:relative; width:100%; height:100vh; box-sizing:border-box;}
.b-fixed { position:fixed; transition:transform 0.1s ease-o\ut; -webkit-transition:transform 0.1s ease-out;}
.push-down-home { padding-top:26vh;}
.push-down { padding-top:28vh;}
.push-down-mini { padding-top:170px;}

.connected { font-size:clamp(40px, 12vw, 160px); line-height:clamp(40px, 9vw, 140px); overflow:hidden; white-space:nowrap;}
.letter { display:inline-block; margin-left:-3vw; padding-bottom:3px; transform:translateY(140px); -webkit-transform:translateY(140px);}

@media only screen and (min-width:1400px) {
	.letter {margin-left:-40px;}
}

.letter_on { animation:slideUp 1s forwards; -webkit-animation:slideUp 1s forwards;}
@keyframes slideUp { to {transform:translateY(0); -webkit-transform:translateY(0);}}
.letter.letter_on:nth-child(1) { animation-delay: .6s; margin-left:0 !important;}
.letter.letter_on:nth-child(2) { animation-delay: .7s;}
.letter.letter_on:nth-child(3) { animation-delay: .8s;}
.letter.letter_on:nth-child(4) { animation-delay: .9s;}
.letter.letter_on:nth-child(5) { animation-delay: 1s;}
.letter.letter_on:nth-child(6) { animation-delay: 1.1s;}
.letter.letter_on:nth-child(7) { animation-delay: 1.2s;}
.letter.letter_on:nth-child(8) { animation-delay: 1.3s;}
.letter.letter_on:nth-child(9) { animation-delay: 1.4s;}
.letter.letter_on:nth-child(10) { animation-delay: 1.5s;}
.letter.letter_on:nth-child(11) { animation-delay: 1.6s;}
.letter.letter_on:nth-child(12) { animation-delay: 1.7s;}
.letter.letter_on:nth-child(13) { animation-delay: 1.8s;}
.letter.letter_on:nth-child(14) { animation-delay: 1.9s;}
.letter.letter_on:nth-child(15) { animation-delay: 2.0s;}
.letter.letter_on:nth-child(16) { animation-delay: 2.1s;}
.letter.letter_on:nth-child(17) { animation-delay: 2.2s;}
.letter.letter_on:nth-child(18) { animation-delay: 2.3s;}
.letter.letter_on:nth-child(19) { animation-delay: 2.4s;}
.letter.letter_on:nth-child(20) { animation-delay: 2.5s;}
.letter.letter_on:nth-child(21) { animation-delay: 2.6s;}
.letter.letter_on:nth-child(22) { animation-delay: 2.7s;}
.letter.letter_on:nth-child(23) { animation-delay: 2.8s;}
.letter.letter_on:nth-child(24) { animation-delay: 2.9s;}
.letter.letter_on:nth-child(25) { animation-delay: 3.0s;}
.letter.letter_on:nth-child(26) { animation-delay: 3.1s;}

.reveal-line { transform:translateY(100px); -webkit-transform:translateY(100px);}

.bg { display:block; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center; pointer-events:none;}
.bg-less { opacity:.3;}
.bg-video { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

.mare-home-wrapper { position:fixed; top:-20vh; left: 0; width:100vw; height:120vh; overflow:hidden; z-index:-1;}
.mare-home { width:100vw; height:120vh; object-fit:cover; transform:scale(1) translateY(0); will-change:transform; pointer-events:none; user-select:none;}

.mare-home-content { z-index:1; padding:30vw 5vw;}

.homeblur-blue { pointer-events:none; position:absolute; left:50px; top:70px; width:50%; opacity:.3;}

.home-120 { margin-top:10%; max-width:440px;}
.home-world { position:absolute; right:0; top:0; width:100%; 
	    animation:spin 50s linear infinite; transform-origin:center center;
-webkit-animation:spin 50s linear infinite; -webkit-transform-origin:center center;}
@keyframes spin { from {transform: rotate(0deg);} to {transform: rotate(360deg);}}

.sameheight { display:flex; align-items:stretch;/*ensures equal height*/}

.swiper-side { display:inline-flex; align-items:center; justify-content:flex-start; width:10vw; padding-left:5vw;}
.swiper-soluzioni { display:inline-block; width:90vw; margin-top:70px !important;}
.swiper-soluzione .title-s { min-height:150px;}
.swiper-soluzione:hover .cta::before { left:125%;}
.swiper-soluzione .text { max-width:230px;}

.button { position:relative; width:60px; height:60px; border:1px solid #fff; border-radius:100%; cursor:pointer;}
.button::after { content:""; position:absolute; top:19px; width:20px; height:20px; transform:rotate(-45deg);}
.button.button-next::after { border-right:1px solid #fff; border-bottom:1px solid #fff; right:24px;}

.button.button_d { border-color:#000;}
.button_d.button-next::after { border-right-color:#000; border-bottom-color:#000;}

.button:hover { background:rgba(0,0,0,.15);}

.swiper-soluzioni .swiper-slide { width:auto; padding:50px 60px; border-right:1px solid rgba(255,255,255,.2);}
.sline { position:absolute; width:100%; left:100px; bottom:-25vw; pointer-events:none; opacity:.1;}

.swiper-market { width:70%;}
.swiper-slide.market-card { max-width:100%; border-radius:15px; border:1px solid rgba(255,255,255,.2); background:rgba(15, 25, 49,.8); padding:25px 20px; box-sizing:border-box; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); cursor:pointer; transition:all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s;}

.market-icon { width:100px; margin-bottom:20px;}
.areaimg { padding:25% 0;}
.areaimg-s { padding:15% 0;}

@keyframes aC {0% { transform: scale(1.2); -webkit-transform: scale(1.2);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0);}}
@-moz-keyframes aC {0% { transform: scale(1.2); -webkit-transform: scale(1.2);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0);}}
@-webkit-keyframes aC {0% { transform: scale(1.2); -webkit-transform: scale(1.2);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0);}}
@-ms-keyframes aC {0% { transform: scale(1.2); -webkit-transform: scale(1.2);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0);}}
@-o-keyframes aC {0% { transform: scale(1.2); -webkit-transform: scale(1.2);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0);}}

.billboard-img-fast {  transform: scale(1.2); -webkit-transform: scale(1.2);
-webkit-animation:aC 6s ease forwards; 
   -moz-animation:aC 6s ease forwards; 
        animation:aC 6s ease forwards; 
     -o-animation:aC 6s ease forwards; 
    -ms-animation:aC 6s ease forwards;}

.rings { width:100%; max-width:500px;}

/* ABOUT */

.about-hero { width:80%; margin-left:10%;}
.about-120 { width:70%;}
.waves { mix-blend-mode:soft-light; background:rgba(255, 255, 255, 0.35);}

.homeblur-yellow { pointer-events:none; position:absolute; left:50px; top:70px; width:70%; opacity:.3;}

.bg-video-about { width:100%; height:auto;}

.profile-box { display:inline-block; width:27%; margin-right:3%; margin-bottom:50px;}
.profile-space { display:inline-block; height:100px; width:8%;}
.pad-onesixth { margin-left:3%; margin-right:0;}

.profile-img { width:100%; height:35%; margin-bottom:20px; object-fit:cover; object-position:center;}

.bubble { padding-left:40px; padding-right:40px; box-sizing:border-box;}
.bubble:nth-child(1),.bubble:nth-child(2) { margin-bottom:50px;}
.bubble:nth-child(even) { border-right:1px solid #eee;}

/* SETTORI */

.market-page .market-card { margin-top:15px;}
.market-page .market-icon_on { display:none; width:100px; margin-bottom:20px;}

.market-card:hover { background:rgba(14,25,48,.4);}

.market-page .market-card_on { background:#fff !important; color:#0f1931; box-sizing:border-box; padding:30px 20px; margin-top:0;}
.market-page .market-card_on .market-icon { display:none;}
.market-page .market-card_on .market-icon_on { display:inline-block;}
.market-page .market-card_on .text { margin-top:20px;}

.vertline { margin:20px auto; width:1px; height:60px;}
.dynamic-text-container { display:none; width:600px; margin:0 auto;}
.list { padding:10px 0 0 18px;}

.sectorblur-contact { opacity:.2;}

::-webkit-input-placeholder { color:#888;}
::-ms-input-placeholder { color:#888;}
::placeholder { color:#888;}

.output { display:none;}
.load { opacity:0; margin-left:15px; width:1px;} .load_on { opacity:1; width:auto;} 

input, textarea, select { position:relative; background:#f2f2f2; padding:15px 20px; box-sizing:border-box; display:block; width:100%; margin-bottom:15px;}
select { padding:18px 20px; background:#f2f2f2 url("../img/arrow-down_d.svg") calc(100% - 20px) center/22px no-repeat;}
textarea { padding-right:80px;}
#submit { display:inline-block; width:auto; font-optical-sizing:auto; margin-top:15px;}
.azienda, .email { width:96%;}
.input_off { pointer-events:none; opacity:.5;}

.error { position:relative; 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:20px; bottom:-12px; font-size:12px; border:none; color:#cf6959; z-index:100;}
.preventivo label.error { color:#fff;}
.dropdown label.error { top:42px;}
.thick label.error { left:0; bottom:inherit; top:32px;}

.thick { position:relative; display:block; padding-left:35px; padding-top:5px; 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 #888;}
.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 #888; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

/* *SERVIZI */

.servizi-card { box-sizing:border-box; padding:40px; backdrop-filter:blur(60px); -webkit-backdrop-filter:blur(60px); border-radius:20px; background:rgba(20,20,20,.3);}

.servizi-card.servizi-card_d { background:rgba(60,60,60,.1);}
.servizi-card.servizi-card_w { background:rgba(255,255,255,.7); color:#000 !important;}

.swiper-slide.servizi-card { max-width:500px; min-width:400px;}

.servizi-icon { position:absolute; top:40px; right:40px; width:80px;}

.card-spacer { margin-left:20%;}

.swiper-servizi { display:inline-block; width:90vw;}

.expand { display:none;}


/* SOSTENIBILITÅ */

.spacebetween { display:flex; justify-content:space-between; align-items:flex-end; /* align bottom */ width:100%;}
.taper-line::after { content:""; position:absolute; left:20%; top:76%;  width:55%; height:4px; background:linear-gradient(to right, transparent, white); clip-path:polygon(0 0%, 100% 0, 100% 100%, 0 15%); -webkit-clip-path:polygon(0 0%, 100% 0, 100% 100%, 0 15%); background-color:white; z-index:1;}

.sost-boat { position:absolute; left:20%; top:-5px; width:100px; animation:moveBoat 20s linear infinite; -webkit-animation:moveBoat 20s linear infinite;}
@keyframes moveBoat {0% {left:24%; opacity:0;} 5% {opacity:1;} 95% {opacity:1;} 100% {left:60%; opacity:0;}}

.lama { position:relative; display:inline-block; z-index:1;}
.lama::after { content:""; z-index:-1; display:block; position:absolute; left:-5%; top:-40px; width:0%; height:120px;
 background-color:#f79063; transform:rotate(-2deg);
  clip-path: polygon(
    0% 50%, 10% 45%, 20% 42%, 30% 40%, 40% 39%, 
    50% 38%, 60% 39%, 70% 40%, 80% 42%, 90% 45%, 100% 50%, 
    90% 55%, 80% 58%, 70% 60%, 60% 61%, 50% 62%, 
    40% 61%, 30% 60%, 20% 58%, 10% 55%, 0% 50%
  );
}
.lama_in::after { width:110%;  transition:width .5s; -webkit-transition:width .5s;}

#cards { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.sost-card { box-sizing:border-box; padding:50px;}
.sost-card .text-big { padding-top:40px; min-height:130px;}
.sost-icon { width:130px;}

.contain-mini { max-width:1000px; margin-left:auto; margin-right:auto;}
.sost-timeline { display:grid; grid-template-columns:repeat(2, 1fr); gap:150px;}

.dashed-divider { position:absolute; left:50%; top:0; height:100%; width:1px; background-image: repeating-linear-gradient( to bottom,white,white 8px,transparent 8px,transparent 16px); background-size: 100% 16px; background-repeat:repeat-y; animation:dashMove 1s linear infinite;
-webkit-animation:dashMove 0.6s linear infinite;
   -moz-animation:dashMove 0.6s linear infinite;
     -o-animation:dashMove 0.6s linear infinite;}
@keyframes dashMove { 0% {background-position: 0 0} 100% {background-position: 0 16px;}}

/* CONTATTI */

.contact-bg { position:absolute; left:35%; top:-160px; width:100%; height:calc(100% + 80px);}

/* DOWNLOAD */

.down-link { display:block; max-width:700px; margin:0 auto; padding:15px 50px 15px 0; border-top:1px solid rgba(0,0,0,.5);}
.down-link:last-child { border-bottom:1px solid rgba(0,0,0,.5);}
.down-link:hover { background:rgba(255,255,255,.3)}

.loghi-cert { width:240px; margin:20px 0 40px 0;}

@media only screen and (max-width:1140px) {
	nav { padding-left:330px;}
	.nav-contatti { right:9vw;} 
	
	.onefourth, .threefourth { width:100%;}
	.mcenter { text-align:center;}
	.servizi-card { width:50%;}
	
	#news-grid { grid-template-columns:repeat(2, 1fr);}
	.news-thumb-img { height:24vw;}
}

/* menu */
@media only screen and (max-width:1240px) {
	.ymenu { display:inherit !important;}
	.nmenu { display:none !important;}		
	.nopreline { white-space:inherit;}
	
	.fifty, .onethird, .twothird { width:100%;}
	.sififty { display:inline-block; width:50%;}
	.sififty-ipad { display:inline-block; width:50%;}
	.sionethird { width:33%;}
	.sitwothird { width:67%;}
	.twofifth { width:50%;}
	.siright { text-align:right !important;}
	
	.push-down { padding-top:140px}
	.nopad-top { padding-top:0;} 
	.nopad-onethird { padding-left:0;}
	
	.nav-active-logo { width:150px; margin-bottom:60px; opacity:0; pointer-events:none;}
	.nav-active-logo_on { opacity:1;}
	
	nav { left:auto; top:0; right:-400px; padding:30px 0 30px 40px; width:400px; height:100%; z-index:20; text-align:left; background-color:rgba(27,37,80,.7); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);  box-shadow:0 0 0 rgba(0,0,0,1); border-radius:0; transition:right 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition:right 1s cubic-bezier(0.22, 1, 0.36, 1);
	overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;}
	nav.navdark { color:#fff;}
	.nav_active { right:0;  box-shadow:0 -30px 200px rgba(0,0,0,.5);}
	.nav_on, .nav_on.navdark { background:none; backdrop-filter:none; -webkit-backdrop-filter:none;}
	.header-logo { width:150px; height:80px; top:10px; transition:right 1s cubic-bezier(0.22, 1, 0.36, 1);  -webkit-transition:right 1s cubic-bezier(0.22, 1, 0.36, 1);}
	.nav-link { display:block; font-size:34px; line-height:40px; padding:0; margin:0; border-radius:0; right:inherit;
	transition:none; -webkit-transition:none;}
	
	.nav-contatti-mobile { position:relative; font-size:20px; margin-top:14px; display:inline-block !important; right:inherit; padding:5px 18px; vertical-align:top;}
	.nav-tracking-mobile { position:relative; font-size:20px; margin-top:14px; margin-left:5px; display:inline-block !important; right:inherit; padding:6px 18px; vertical-align:top;}
	
	.nav-lang-mobile { position:relative; font-size:18px; margin:14px 0 0 5px; display:inline-block !important; right:inherit; padding:7px 10px; border:1px solid rgba(255,255,255,.4); vertical-align:top;}
	.last-link { margin-bottom:50px;}
	.nav-link::after { display:none;}
	.nav-link_on { color:#f79063;}
	.nav-footer { opacity:0; transition:opacity .7s .2s; -webkit-transition:opacity .7s .2s; box-sizing: border-box; padding-right:40px;}
	.nav-footer_on { opacity:1;}
	.nav-footer .social { background:#fff; background-size:32px; background-position:center; background-repeat:no-repeat; margin:0 5px 0 0;}
	.nav-footer .in_w { background-image:url("../img/social-in_b.svg");}
	
	.nav-line { height:1px; background:#7fa2e8; margin:20px 0;}
	
	.nav-veil { position:fixed; width:100%; height:100%; left:0; top:0; z-index:18; pointer-events:none; opacity:0; background:#000;}
	.nav-veil_on { pointer-events:auto; opacity:.6;}
	
	footer { background-size:110%; background-position:calc(100% - 70%) 50px;}
	.footer-logo { width:180px; margin-top:5px;}
	.footer-area { margin-top:10px;}

	.footer-social { text-align:center; margin-top:25px; padding-top:20px; border-top:1px solid #ccc;}
	.footer-contact { text-align:left; margin-top:25px; padding-top:30px; border-top:1px solid #ccc;}
	
	/* home */
	.homeblur-blue { top:30px; left:-50%; width:150%;}
	.home-120 { margin-top:0; margin-bottom:50px; max-width:300px;}

	.servizi-card { width:50%;}
	.swiper-slide.market-card { width:300px;}
	
	/* azienda */
	.homeblur-yellow { top:30px; width:150%;}
	
	/* servizi */
	.servizi-card.fifty { width:70%;}
	
	/* sost */
	#cards { grid-template-columns:repeat(2, 1fr); gap:20px;}
	.sost-icon { width:100px;}
	.dashed-divider { opacity:.2;}
	
	.market-page.swiper-market { width:100%;}
	.contact-bg { top:-100px; height:calc(100% + 100px);}
	.azienda, .email { width:100%;}
}

/* IF iPHONE */
@media only screen and (max-width:830px) {
	
	.floatable-wrapper.floatable-anchored-center-left { left:inherit!important; right:10px !important; bottom:10px !important;}

	.mare-home-content { z-index:1; padding:30vw 20px;}

	.ytouch { display:inherit !important;}
	.ytouch-inline { display:inline-block !important;}
	.ntouch,.ypad { display:none !important;}
    .yleft { text-align:left !important;} 
	.yright { text-align:right !important;}
  	.twofifth, .sionethird, .sitwothird, .sififty { width:100%;}
	#network .sififty { width:50%;}
	.nfloat { float:none;}
	
	.ycenter { text-align:center;}
    .yfifty { display:inline-block; width:50%;}
	.sififty-ipad { display:inline-block; width:100%;}
    .npreline { white-space:inherit;}
	.sameheight { display:block;}
	.nocontain { padding-left:0; padding:0;}
	
    .mar-top { margin-top:70px;} 
	.mar-btm { margin-bottom:70px;}
    .pad-top { padding-top:70px;} 
	.pad-btm { padding-bottom:70px;}
    .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;}
	.npad-top { padding-top:0;} 
	
	.title { font-size:46px; line-height:46px;}
	.title-m { font-size:40px; line-height:45px;}
	.title-s { font-size:24px; line-height:27px;}
	.text-big { font-size:19px; line-height:24px;}
	.text { font-size:16px;}
	.text-mini { font-size:14px;}
	.text-sub { font-size:12px;}
	
	.ham { top:13px !important; right:20px !important;}
	.hamburger-box { width:35px !important; height:35px !important;}
	.header-logo { top:10px; width:125px; height:66px;}
	
	.network-logo { margin-top:10px;}

	.footer-menu-wrap::after { content:""; display:block; pointer-events:none; position:absolute; z-index:2; width:40%; height:22px; top:0; right:0; background:#E6E6E6; background:-webkit-linear-gradient(270deg, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 0) 100%); background:-moz-linear-gradient(270deg, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 0) 100%); background:linear-gradient(270deg, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E6E6E6", endColorstr="#E6E6E6", GradientType=0);}
	.footer-menu { overflow-x:auto; white-space: nowrap; scrollbar-width:none; -ms-overflow-style:none; padding-right:35%; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;}
	.footer-menu::-webkit-scrollbar { display:none;}
	.icon-mail { padding-left:0; background:none;}

	/* home */
	.push-down-home { padding-top:230px; min-height:720px;}
	.home.billboard h2 { margin-top:90px;}
	.home-90 { margin-top:0; margin-bottom:70px; width:50%;}
	.home-world { top:-50px; width:80%;}
	
	.swiper-soluzioni { display:block; width:100%;}
	.swiper-soluzione .title-s { min-height:120px;}
	.swiper-soluzione .text { max-width:auto;}
	.swiper-soluzioni .swiper-slide { padding:50px 30px 50px 40px; box-sizing: border-box; width:70%; max-width:360px;}
	.sline { width:160%; left:-30%;}
	.areaimg, .areaimg-s { height:auto;}
	.swiper-market { width:100%;}
	.dynamic-text-container { width:100%; padding:0 20px; box-sizing:border-box;}
	
	.flag-jap { left:0; width:220px;}
	.flag-isr { right:0;  width:220px;}

	/* azienda */
	.about-hero { width:100%; margin-left:0;}
	.about-90 { margin:30px 0 0 50%; width:50%;}
	.profile-box { width:45%; margin:0 2% 50px 2%;}
	
	.bubble:nth-child(even) { border-right:none;}
	.bubble { margin-bottom:20px !important; padding-bottom:20px; border-bottom:1px solid #eee;}

	/* servizi */
	.servizi.push-down { padding-top:20vh;}
	.servizi-card { width:90%; padding:20px; margin:0;}
	.servizi-icon { top:20px; right:20px; width:60px;}
	
	.servizi-card.fifty { width:100%;}
	
	.swiper-servizi { width:100vw;}
	.swiper-slide.servizi-card { min-width:auto; width:330px !important;}
	
	/* sost */
	.sost-boat { left:20%; top:-15px; width:80px;}
	@keyframes moveBoat {0% {left:24%; opacity:0;} 5% {opacity:1;} 95% {opacity:1;} 100% {left:55%; opacity:0;}}
	.sost-card { box-sizing:border-box; padding:20px;}
	.sost-card .text-big { padding-top:30px; padding-bottom:40px; min-height:70px;}
	.sost-icon { width:110px;}
	
	.sost-timeline { grid-template-columns:repeat(1, 1fr); gap:70px;}
	.sost-timeline div { text-align:center;}
	
	.sectorblur-contact { top:-40%; width:110%;}
	
	/* newsroom */	
	.push-down-mini { padding-top:100px;}
	#news-grid { grid-template-columns:repeat(2, 1fr);}
	.news-thumb-img { height:70vw;}
	.news-thumb .text-big { height:73px;}
	.news-thumb .text { height:73px;}
	
	.news-img { height:55vw;}
	.news-text { padding-left:0; padding-right:0;}

}

@media only screen and (max-width:700px) {
	#news-grid { grid-template-columns:repeat(1, 1fr);}
}

@media only screen and (max-height:850px) {
	.push-down-home { padding-top:17vh;}
}

/* IF iPHONE */
@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 */

.ham { position:fixed; z-index:40; cursor:pointer; top:20px; right:5vw;}
.hamburger { display:block; overflow:hidden;}

.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:40px; height:40px; display:inline-block; position:relative;}

.hamburger-inner, .hamburger-inner::after { width:100%; height:3px; background-color:#fff; position:absolute; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -moz-transition:all .5s;}
.hamburger-inner { display:block; top:20px;}
.hamburger-inner::after { content:""; display:block; top:0; width:100%; transform:rotate(90deg); transform:rotate(90deg);}

.hamdark .hamburger-inner,.hamdark .hamburger-inner::after { background-color:#0f1931 !important;}
.is-active .hamburger-inner,.is-active .hamburger-inner::after { background-color:#fff !important;}

/* 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::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::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)}