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; --swiper-theme-color: #589f77; height: 100%; background-color: #FFF;}

p{ font-size:16px;  line-height:1.4; padding:0 0 5px 0; font-weight:inherit; color: var(--scuro);}
p a, label a{text-decoration: underline;}
ol, ul { list-style-position: inside; list-style-type: disc;}

.li-colors ol, .li-colors ul{ list-style:none; list-style-type: none;}
.li-colors ol li, .li-colors ul li{ 
	background-image: url(img/check-list.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;    padding: 20px 0 20px 40px;
    font-size: 18px;
} 

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: 85%; 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;}
.swiper-container { position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 1; }

.grigio{background-color: var(--grigio);}


table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
	margin: 1em auto;
    max-width: 100%;
    table-layout: fixed;
}
table tr td, table tr th {
    border: 1px solid #bfbfbf;
    min-width: 2em;
    padding: 0.4em;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    vertical-align: middle;
}

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


.page_cnt{padding: 40px 0;}
.is_homepage .page_cnt{padding: 0;}

header#site_header{background: var(--verde); position: relative; height: 70px; display: flex; align-items: center; justify-content: flex-end;}	
	header#site_header .logo{width: 110px; position: absolute; left: 40px; top: 10px; z-index: 100;}	
	.site_navbar{display: flex;}
	header#site_header ul{list-style: none; display: flex; align-items: center; margin-left: 200px;}
	header#site_header ul li{padding: 0; position: relative;}
	header#site_header ul li a{ color: #FFF; padding: 25px 10px; display: block; text-transform: uppercase; text-align: center;}
	
		header#site_header ul li ul{transform: scaleY(0); min-width: 150px; position: absolute; left: 0; right: 0; top: 70px; margin: 0; z-index: 999; background: var(--verde); opacity: 0; transition: all .2s ease; border-radius: 0 0 5px 5px; transform-origin: top; display: block;}
			header#site_header ul li ul li{}
				header#site_header ul li ul li a{ color: #FFF; font-size: 14px; text-transform: none; padding: 15px 10px; border-top: 1px solid #FFF;}
				
				header#site_header ul li:hover ul{transform: scaleY(1); opacity: 1;}
		
		
	
	
	header#site_header ul.languages-menu{margin-left: 0; margin-right: 20px;}
	header#site_header ul.languages-menu li a{width: 40px; height: 20px; padding: 0 5px; box-sizing: border-box; overflow: hidden;}
	header#site_header ul.languages-menu li a::before{ content: ' '; display: block; width: 27px;  height: 18px; background: center center no-repeat; background-size: contain; border: 1px solid #4e8e6a;}
	header#site_header ul.languages-menu li a.languages-menu-it::before{ background-image: url(/assets/web/img/flags/it.svg);}
	header#site_header ul.languages-menu li a.languages-menu-en::before{ background-image: url(/assets/web/img/flags/en.svg);}

	.soluzioni_home_cnt{display: flex; align-items: baseline; justify-content: center; margin-top: -50px; border-bottom: 1px solid var(--grigio);}	
	.soluzioni_home_cnt_titolo{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: bold; font-size: 40px;}	
	.soluzioni_home_item{width: 50%; text-align: center; padding: 100px 0 50px 0; position: relative; cursor: pointer; }
		.soluzioni_home_item img{ transition: transform .4s ease-in-out; max-width: 75%; }
		.soluzioni_home_item h4{padding: 20px 0 5px 0; font-size: 42px;}
		.soluzioni_home_item h4, .soluzioni_home_item p{ color: var(--scuro);}  
		.soluzioni_home_item .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 .like_btn{ text-transform: uppercase; background: #FFF; padding: 15px 35px; border-radius: 50px; display: inline-block; box-shadow: 1px 1px 6px rgb(0 0 0 / 29%); line-height: 1; font-size: 16px; font-weight: normal; }
		.soluzioni_home_item:after{content: ''; position: absolute; display: block; background: #000; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; transition: opacity .4s ease;}
		.soluzioni_home_item:hover:after{opacity: .5;}
		.soluzioni_home_item:hover .scopri{opacity: 1; transform: scale(1);}
		.soluzioni_home_item:hover img{transform: scale(1.05);}

			.ead-by-junker h4, .ead-by-junker p{color: #FFF;}
			.ead-by-junker{background-color: var(--scuro);}
			.ead-white-label{background-color: var(--grigio);}
			
			
.vedi_tutto_cta_cnt{text-align: center;}
.vedi_tutto_cta_btn{background: var(--verde); border-radius: 30px; padding: 15px 25px; display: inline-block; margin: 40px auto 10px auto; color: #FFF; text-transform: uppercase;}

.row-paragrafo, .row-columns{padding: 100px 0;}
.row:first-child{padding: 20px 0;}
	.row-paragrafo.padd-y-50, .row-columns.padd-y-50{padding: 50px 0;}
	
.titolo, .sottotitolo{text-align: center; display: block;}
	.titolo {font-size: 59px;}
	.sottotitolo{font-size: 38px; color: var(--verde);}
	
	
.row-paragrafo-basic p{padding: 20px 0;}
.row-paragrafo-basic img{display: block; margin: 40px auto; max-width: 1000px;}	
	
	.row-flex{display: flex; align-items: flex-start; justify-content: space-around; padding: 80px 0 0 0; max-width: 800px; margin: 0 auto;}
	
		.row_column_item{width: 33%; padding: 20px; box-sizing: border-box; /* max-width: 200px; */ text-align: center;}
			.row_column_item img{margin-bottom: 10px;}
	
	
	
	.paragrafo-cols-txt-on-img{display: flex; align-items: center; justify-content: space-around; position: relative;}
	.paragrafo-cols-txt-on-img-reverse{flex-direction: row-reverse;}
	
		.col-txt{margin: 0 20px; width: 60%;}
			.col-txt h3{font-size: 38px;}
		.col-img{width: 40%; max-width: 500px; margin: 0 20px;}
		
		.col-img video{max-height: 65vh; width: 100%; display: block; margin: 20px auto;}
	
		.extra_wide .col-img{width: 65%; max-width: none; margin: 0 5px;}
		.extra_wide .col-txt{width: 35%;}
	
	
	.li-colors .titolo{padding-bottom: 20px;}
	
	.paragrafo-cols-txt-on-img.freccia:before{content: ''; position: absolute; width: 40%; height: 40%; left: 33%; top: -60px; background: url(img/freccia.svg) no-repeat left top; background-size: contain;}
		.paragrafo-cols-txt-on-img.freccia .col-txt{text-align: right;}
	
		.paragrafo-cols-txt-on-img.freccia .col-txt h3{font-size: 52px; color: var(--scuro)}
		.paragrafo-cols-txt-on-img.freccia .col-txt h4{font-size: 32px; color: var(--verde)}
	
	
	.row-gallery{padding: 20px 0;}
	
	.numeri-junker .myIn{display: flex; align-items: center; justify-content: space-between;}
	
	.titolo_numeri .titolo_numeri_tit{font-size: 32px; color: var(--chiaro); line-height: 0.9; padding-left: 10px; text-align: left; text-transform: uppercase; font-weight: bold;}
	.titolo_numeri .titolo_numeri_subtit{font-size: 59px; line-height: 0.9; color: var(--scuro); text-align: left; text-transform: uppercase; font-weight: bold;}
	
	
	.numeri-junker .row_column_item{width: 200px; align-self: baseline;}
	
		.numeri-junker .row_column_item h4{font-size: 90px; text-align: center; color: var(--chiaro);}
		.numeri-junker .row_column_item p{font-size: 21px; text-align: center; font-weight: bold; text-transform: uppercase;}	
	
	.row-latest_faq, .row-latest_rassegna{
		padding: 100px 0;
	}
	
		.faq_archive_cnt{padding: 20px 0 60px 0; display: block;}
		.faq_item{border: 1px solid #DEDEDE; padding: 20px; margin: 10px 0;}
			.faq_question{display: flex; align-items: center; justify-content: space-between; line-height: 1; cursor: pointer;}
				.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;}
	
			.faq_question h5{padding-right: 5px;}
	
	.yt_embed_cnt {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;  margin: 40px 0;}
	.yt_embed_cnt iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
	
	.back_to_archive{display: flex;}
	.back_to_archive img{width: 30px; padding-left: 10px; transform: rotateZ(180deg); transition: all .4s ease;}

	.back_to_archive:hover img{transform: rotateZ(180deg) translateX(5px);}


	.titolo_archivio{text-align: left; padding: 60px 0 0 0;}

.card_listing_cnt{
    display: flex; align-items: flex-start; justify-content: flex-start; margin-left: -1em; margin-right: -1em; flex-wrap: wrap; padding: 0;}
    .card_listing_item{
        width: 33.333%; box-sizing: border-box; padding: 2em 1em;
    }
	.card_listing_item a{display: block; overflow: hidden;}
	.card_listing_item a img{transition: all .4s ease; border: 1px solid #e5e5e5; box-sizing: border-box;}
		.card_listing_item a:hover img{opacity: .7;}
	
	.card_listing_item h6{color: var(--verde); padding: 5px 0 5px 0; font-weight: bold; font-size: 12px;}
	.card_listing_item h5{font-size: 16px; padding: 0 0 10px 0; color: var(--scuro);}
	.card_listing_item-abs{font-size: 14px;}

	.post-detail h5{font-size: 14px; padding: 40px 0 5px 0; font-weight: bold;}
	.post-detail h1{font-size: 32px; padding-bottom: 10px; color: var(--scuro);}
	.post-detail h2{font-size: 16px; padding-bottom: 10px;}
	
	.post-detail-text{padding-bottom: 40px;}

	.post_single_cnt img{height: 100%; object-fit: cover; max-height: 50vh;}
	
	.post_txt_cnt{margin-top: 20px;}
	.data_post{font-size: 15px; color: var(--verde); margin: 20px 0;}
	.titolo_post{font-size: 34px; margin: 0 0;}
	.testo_post{padding-bottom: 30px;}
	
	.sottotitolo_post{font-size: 21px; color: var(--verde); padding-bottom: 30px;}
		
		.testo_post h3, .testo_post h4, .testo_post h5{padding-top: 20px; padding-bottom: 10px;}
	
	.rassegna_cat_cnt h3{color: var(--verde); text-align: center; background: var(--grigio); padding: 10px 0; font-size: 21px;}
		
	.rassegna_items_cnt{display: flex;clear: both;padding: 10px 0;justify-content: flex-start;align-items: center;flex-direction: row;flex-wrap: wrap; margin-bottom: 50px;}
	.rassegna_item{ padding: 20px 20px; margin: 0; width: 16.6%; box-sizing: border-box;}
		
	
	.pdf p{color: var(--verde); text-align: center; width: auto; font-size: 28px; font-weight: bold;}
	
	.download_file_pdf{text-align: center; display: block; margin: 0 auto; padding-top: 70px; background: url(img/pdf.svg) no-repeat center top; background-size: 55px;}
	
	
	.page_cnt-rassegna-stampa, .page_faq{padding: 60px 0;}
	
	
	
	.flex_sidebar{display: flex; align-items: flex-start;}
	
	.news_cnt{width: 80%;}
	.sidebar-post-archive{width: 20%; background: #f2f2f2; padding: 20px 0 40px 0; margin-top: 20px;}
	
	.news_cnt .myIn, .sidebar-post-archive .myIn{width: 90%; max-width: none;}
	
	.sidebar-post-archive .card_listing_cnt{flex-direction: column;}
		.sidebar-post-archive .card_listing_cnt .card_listing_item{width: 100%; padding: 1em;}
	
	
	
	.site_footer{background: var(--verde); color: #FFF; padding: 60px 0;}
			.site_footer a{color: #FFF;}
		.cta_footer{text-align: center; color: #FFF; font-size: 28px; display: block; line-height: 1; margin: 20px auto; text-transform: uppercase; font-weight: bold;}
		.site_footer h3 span{font-size: 35px;}
	
	.footer_info_contatti{display: flex; align-items: flex-start; justify-content: space-around; padding: 40px 0;}
		.col_footer p{color: #FFF;}
		.col_footer:last-child{text-align: right;}
	
		.social_cnt{display: flex;}
			.social_cnt a{padding: 10px 5px; width: 23px;}
				.social_cnt a svg{fill: #FFF;}
	
	.microsoft_logo{width: 90px; margin: 10px 0 10px auto; padding: 10px; background: #FFF; border-radius: 5px;}
		.microsoft_logo img{display: block;}
	
	.qr_code_cnt{display: flex; align-items: center; justify-content: center;}
	
		.tit_app_footer{text-transform: none; text-align: center;}
	
	
	
	.hamburger {
    padding: 0 ;
    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 20px 0 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 var(--grigio);
}

.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: #FFF;
    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 screen and (max-width: 768px){	
	
	
	header#site_header .logo{left: 20px; width: 75px;}
	
	header#site_header ul{margin: 0;}
	header#site_header ul.languages-menu{flex-direction: row; margin: 0;}
	
	.hamburger{ display: block; z-index: 9999; }
	.site_navbar{opacity: 0; position: fixed; height:100vh; width: 100%; top: 0; right: 0; left: 0; bottom: 100%; overflow: hidden; transition: all .5s ease; background-color: var(--verde); z-index: 999; height: 0; display: block;}
	.site_navbar.menu-visible{ display: flex; bottom: 0; opacity: 1; height: 100%; align-items: center; justify-content: center; flex-direction: column;}
    .site_navbar.menu-visible ul{
        padding: 10px 0; box-sizing: border-box; flex-direction: column; justify-content: center; margin: 0;
    }
   .site_navbar.menu-visible ul li {
		box-sizing: border-box;
		display: block;
		margin: 1px 0;
		text-transform: uppercase;
		font-size: 15px;
		text-align: center;
	}
	
   
	header#site_header ul li a{font-size: 16px; padding: 10px 5px;}

	.site_navbar.menu-visible ul li a {
		display: block;
		padding: 15px 10px;
		box-sizing: border-box;
	}
	
	header#site_header ul li ul{transform: scale(1); opacity: 1; padding: 0; top: 0; position: relative;}

	header#site_header ul li ul li a{border-top: none; background: #4a8563;}

	.paragrafo-cols-txt-on-img{flex-direction: column;}
	
		.col-img, .col-txt{width: 100%; max-width: none; margin: 20px; text-align: center;}
		
		
		.extra_wide .col-img{width: 100%; max-width: none; margin: 0 5px;}
		.extra_wide .col-txt{width: 100%;}
	
	.site_footer{padding: 40px 20px; box-sizing: border-box;}
	

	.row-flex{padding: 40px 0 0 0;}

	ul.main-menu-depth-1{flex-direction: column;}
	
	.soluzioni_home_cnt_titolo{font-size: 30px;}	
		
	.card_listing_item{padding: 0; width: 100%; margin: 10px 0;}	
		
		.shop_listing{margin: 20px 0;}

		.soluzioni_home_item{padding: 100px 20px 50px 20px; box-sizing: border-box;}

	.titolo{font-size: 31px;}
	.sottotitolo{font-size: 24px;}

	
	.soluzioni_home_cnt{flex-direction: column;}
		.soluzioni_home_item{width: 100%;}
	
	.row-flex{flex-direction: column; align-items: center;}
	
	.row_column_item{width: 80%;}
	
	.numeri-junker .myIn{flex-direction: column;}
	
	.numeri-junker .row_column_item{align-self: center;}
	
	.titolo_numeri .titolo_numeri_tit{font-size: 46px;}
	
	.rassegna_item{width: 50%;}

	.footer_info_contatti{display: block;}
		.col_footer, .col_footer:last-child{padding: 10px 0; text-align: center;}
		
	.row-post-archive{width: 93%; margin: 0 auto;}	
		
	.paragrafo-cols-txt-on-img.freccia:before{display: none;}	
		
		.row-paragrafo, .row-columns{padding: 60px 0;}
			.paragrafo-cols-txt-on-img.freccia .col-txt{text-align: center;}
			.row-paragrafo-basic img{margin: 10px auto;}
		
		.paragrafo-cols-txt-on-img.freccia .col-txt h3{font-size: 28px; line-height: 1.2;}
		.paragrafo-cols-txt-on-img.freccia .col-txt h4{font-size: 21px; line-height: 1.2;}
		.col-txt h3{font-size: 28px;}
		
		.card_listing_item{margin: 20px 0;}
		
	.site_footer h3{font-size: 39px; line-height: 1;}
	.li-colors ol li, .li-colors ul li{font-size: 16px;}
	
	.titolo_archivio{padding: 30px 0 0 0;}
	
	.social_cnt{justify-content: center;}
	
	.microsoft_logo{margin: 10px auto;}
	
	
}