html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }

h1, h2, h3, h4, h5, h6 { clear: both; font-weight:normal; padding: 0 0 0 0; margin-bottom:0px; line-height:1.3; font-weight: bold; font-family: 'Exo', sans-serif; text-transform: uppercase;}
	h1{ font-size:50px; }
	h2{ font-size:36px; }
	h3{ font-size:28px; }
	h4{ font-size:24px; }
	h5{ font-size:18px; }

html{ -webkit-overflow-scrolling: touch; /* overflow-y: scroll; */ height: 100%;}

:root{--chiaro: #8cccc5; --scuro: #596869; --verde: #589f77; --grigio: #F2F2F2; height: 100%; background-color: #FFF;}

p{ font-size:16px;  line-height:1.4; padding:0 0 3px 0; font-weight:inherit; color: var(--scuro);}
p a, label a{text-decoration: underline;}
ol, ul { list-style-position: inside; list-style-type: disc;}
img{width: 100%; margin: 0; height: auto; padding: 0;}
a img { border: none;}
a {text-decoration:none; color: var(--verde);}
a:hover {}
hr{ border:none; border-top:1px dotted #000; font-size:1px; height:0px; padding:0px; display:block; margin:5px 0;}
button{display: block; font-size: 14px; background: transparent; color: #FF9900; border: 1px solid #FF9900; padding: 20px; width: 200px; border-radius: 32px; margin: 10px auto;}
.left{ float:left; }
.center{text-align: center;}
.myClear{clear:both; padding:0; margin:0; font-size:0px; height:0px; font-size:0px; display:block; }
.myRow {display: block; clear: both; padding:5px 0; margin: 0;}
.myIn {margin: 0 auto; width: 90%; max-width: 1200px; padding: 0;}

ul li{padding: 5px 0;}

label{color: #000; font-size: 16px}
input, textarea, select{width: 100%; font-size: 16px; border-radius: 0; border: none; padding: 7px 0; border-bottom: 1px solid var(--verde); box-shadow: none;  margin: 0 0 30px 0; color: var(--scuro); display: block; -webkit-appearance: none; font-family: 'Roboto', sans-serif;}

textarea{resize: none;}
select{margin: 5px 0 20px 0;}

	
body{background: #FFF; font-size:16px; line-height:1.3; font-family: 'Exo', sans-serif; font-weight: 400; color: var(--scuro);  position: relative; margin: 0 auto;  height: 100%;}


				
		header{background: var(--verde); position: relative; height: 70px; display: flex; align-items: center; justify-content: flex-end;}	
			header .logo{width: 110px; position: absolute; left: 40px; top: 10px; z-index: 100;}	
			header ul{list-style: none; display: flex; align-items: center; margin-left: 200px;}
			
			header ul li a{ color: #FFF; padding: 10px 20px; display: block;}
			
			.language{margin-left: 0; margin-right: 20px;}
			.language li a{width: 40px; padding: 0 5px; box-sizing: border-box;}
				.language li a img{border: 1px solid #4e8e6a;}
			
			
		.titolo_slider{background: url(img/arco_scuro.svg); color: #FFF; text-align: center; padding: 40px 0; background-size: cover; background-repeat: no-repeat; background-position: center bottom; position: relative; z-index: 10; font-weight: normal; font-size: 40px;}	
			
			
			
			.slider_cnt{display: flex; align-items: baseline; justify-content: center; margin-top: -50px;}	
			
				.ead_junker, .ead_wl{width: 50%; text-align: center; padding: 100px 0 50px 0; position: relative; cursor: pointer;}
				
					.ead_junker h2, .ead_wl h2{padding: 20px 0 5px 0; font-size: 42px;}
					.ead_junker h2, .ead_junker p{color: #FFF;}
					.ead_wl h2, .ead_wl p{color: var(--scuro);}
			
				.ead_junker{background-color: var(--scuro);}
					.ead_junker img{width: 320px; transition: transform .4s ease-in-out;}
				.ead_wl{background-color: var(--grigio);}
					.ead_wl img{max-width: 430px; transition: transform .4s ease-in-out;}
			
			
			
			
				.ead_junker:after{content: ''; position: absolute; display: block; background: #000; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; transition: opacity .4s ease;}
				
					.ead_junker:hover img, .ead_wl:hover img{transform: scale(1.05);}
					
					.ead_junker:hover:after{opacity: .5;}
					.ead_junker:hover .scopri{opacity: 1; transform: scale(1);}
					
				.scopri{position: absolute; left: 0; right: 0; top: 50%;  z-index: 90; opacity: 0; transform: scale(.8); transition: opacity, transform, .5s ease-in-out;}	
					.scopri h4{background: #FFF; padding: 15px 35px; border-radius: 50px; display: inline-block; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.29); line-height: 1; font-size: 16px; font-weight: normal;}
					
					
				.ead_wl:after{content: ''; position: absolute; display: block; background: #000; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; transition: opacity .4s ease;}
				
					.ead_wl:hover img, .ead_wl:hover img{transform: scale(1.05);}
					
					.ead_wl:hover:after{opacity: .5;}
					.ead_wl:hover .scopri{opacity: 1; transform: scale(1);}
	
					
					
					
			.solo_testo{text-align: center;}
				.solo_testo p{text-align: left; padding: 20px 0;}
			
			
			.fascia{padding: 100px 0;}
			
				.fascia .titolo{font-size: 59px;}	
				.fascia .sottotitolo{font-size: 38px; color: var(--verde);}
					
					
					
			.fascia_grigia{background: var(--grigio);}		
					
				.colonne{text-align: center;}		
					
					
				.colonne_cnt{display: flex; align-items: flex-start; justify-content: space-around; padding: 80px 0 40px 0; max-width: 800px; margin: 0 auto;}	
					
					.single_colonna{width: 33%; padding: 20px; box-sizing: border-box; max-width: 200px;}
						.single_colonna img{margin-bottom: 10px;}
					
					
					
			.img_testo .myIn{display: flex; align-items: center; justify-content: space-around;}	
					
			.testo_dx .myIn{flex-direction: row-reverse;}	
					
				.fascia .testi h1.titolo{font-size: 38px; margin-bottom: 20px;}	
				
				.img_testo img{max-width: 400px; margin: 0 20px;}
				.testi{margin: 0 20px;}
				
					.img_testo img.alta{max-width: 200px; margin-right: 150px;}
		
		.titolo_vantaggi{text-align: center; margin: 0 0 20px 0;}
				
		.vantaggi ul{list-style: none;}		
			.vantaggi ul li{background-image: url(img/check.svg); background-repeat: no-repeat; background-position: left center; background-size: 30px 30px; padding: 20px 0 20px 40px; font-size: 18px;}		
				
				
				
				
				
		.numeri_junker h3{font-size: 59px; line-height: 0.9;}	
			.numeri_junker h3 span{font-size: 32px; color: var(--chiaro); padding-left: 10px;}	
				
			.numeri_junker .myIn{display: flex; align-items: center; justify-content: space-between;}	
				
			.single_numero{width: 200px; align-self: baseline;}	
				.single_numero h4{font-size: 90px; text-align: center; color: var(--chiaro);}
				.single_numero h5{font-size: 24px; text-align: center;}
				
				
			
			
			
			
		.video{position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin: 40px 0;}	
			
			.video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
				
				
			
			
			
		.qr{display: flex; margin: 60px auto; justify-content: space-around;}
			.qr img{max-width: 320px;}
			
			.testo_qr{padding-left: 100px; box-sizing: border-box;}
				.testo_qr img{margin-left: -140px;}
			
				.testo_qr h2{font-size: 54px;}
				.testo_qr h3{font-size: 26px; color: var(--verde);}

			
			
		.info_wl{text-align: center;}
			
			.info_wl img{max-width: 900px; padding: 50px 0;}
			
		
		.titolo_principale{font-size: 48px; text-align: center; margin: 60px auto 5px auto;}	
			.sottotitolo_principale{font-size: 28px; text-align: center; color: var(--verde);}
			
			.test ul li{text-indent: -23px;}
			
			
			
			
				
				
				
				
				
		footer{padding: 60px 0; background: var(--verde);}		
			footer h2{text-align: center; color: #FFF; font-size: 59px; line-height: 0.7; margin: 20px auto;}	
				footer h2 span{font-size: 35px;}
				
			.footer_in{color: #FFF; display: flex; align-items: center; justify-content: space-between; padding: 40px 0;}		
				.footer_in a{color: #FFF;}
				
				
				
			.presentazioni{display: flex; align-items: center; justify-content: center;}
				.presentazioni a{color: var(--verde); display: flex; align-items: center; width: auto; font-size: 28px; font-weight: bold;}
				.presentazioni a img{width: 70px; margin-right: 20px;}
				
				.presentazioni.pres_alt a{color: #FFF;}
			
			
	.faq{padding: 60px 0;}		
			
	.faq .titolo{text-align: center; margin-bottom: 20px;}		
	.faq_item{border: 1px solid #DEDEDE; padding: 20px; margin: 10px 0; cursor: pointer; border-radius: 5px;}
		.faq_question{display: flex; align-items: baseline; justify-content: space-between;}
			.faq_status{font-size: 1.8rem; transform: rotateZ(45deg); transition: all .5s ease;}
				.faq_item.aperto .faq_status{transform: rotateZ(0deg);}
		
		.faq_answer{padding: 10px 0;}
		
			
			
			
			
			
			
			
			
			
.hamburger {
    padding: 0 20px;
    display: none;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    overflow: visible;
    position: relative;
    z-index: 80;
    float: right;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger span {
    padding: 5px 10px;
    display: block;
    float: left;
    font-weight: bold;
    border-left: 3px solid #000;
}

.hamburger-box {
    width: 25px;
    height: 24px;
    display: block;
    float: left;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 25px;
    height: 3px;
    background-color: #172e2f;;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s;
}			
			
			
			
			
				
	@media only screen and (max-width: 768px) {

	.img_testo .myIn{flex-direction: column;}	
					
	.testo_dx .myIn{flex-direction: column;}


	.numeri_junker .myIn{flex-direction: column;}	


	.slider_cnt{flex-direction: column;}	
			
	.ead_junker, .ead_wl{width: 100%;}

	header .logo{width: 70px; left: 10px;}

header ul li a{font-size: 12px; padding: 5px;}

	header ul{margin-left: auto;}

.ead_junker, .ead_wl{padding: 100px 10px 50px 10px; box-sizing: border-box;}



.fascia .titolo{font-size: 39px;}
.fascia .sottotitolo{font-size: 28px;}

.colonne_cnt{flex-direction: column; align-items: center;}

.single_colonna{width: 90%;}

.img_testo img{margin: 20px;}

.titolo_vantaggi{padding: 20px;}

.single_numero{align-self: center; margin: 20px 0;}



.qr{flex-direction: column;}

.testo_qr{padding: 0; text-align: center;}
.testo_qr img{display: none;}

.img_testo img.alta{margin-right: 0;}









footer h2{font-size: 44px;}
footer h2 span{font-size: 26px;}


	.footer_in{flex-direction: column;}
		.footer_in span{margin: 20px 0; text-align: center;}







    .hamburger{ display: block;  }
	header ul{opacity: 0; position: fixed; height:100vh; width: 100%; top: 0; right: 0; left: 0; bottom: 100%; overflow: hidden; transition: all .5s ease; background-color: #FFF; z-index: 50; height: 0;}
	header ul.menu-visible{ display: flex; bottom: 0; opacity: 1; height: 100%; flex-direction: column; align-items: center; justify-content: center;}
    #menu_container ul{
        padding: 60px 20% 0 20%;
    }
    header ul li {
		box-sizing: border-box;
		display: block;
		margin: 1px 0;
		text-transform: uppercase;
		font-size: 15px;
		text-align: center;
		border-bottom: 1px solid #f0f0f0;
	}
	
    header ul li.menu-lang-item {
		display: block;
		float: left;
		margin: 1px 1% 1px 0;
		width: 49%;
	}
	header ul li.menu-lang-item.menu-item-en{
		margin: 1px 0 1px 1%;
	}

	header ul li a {
		display: block;
		padding: 15px 10px;
		color: #000;
	}


.language.menu-visible {
    display: block !important;
    height: auto !important;
    position: fixed !important;
    text-align: center;
    bottom: 20px; left: 0; right: 0; top: auto;
    }

.language.menu-visible li{display: inline-block;}



}