@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

:root {
	--rosso: #DD1F29;
	--rosso-chiaro: #E54850;
	--rosso-scuro: #AE1920;
	--blu: #009BB7; /* Colore del logo */
	--blu-chiaro: #008EA8;
	--blu-scuro: #0B377A;
	--sfondo-grigio: #F2F2F2;
	--sfondo-blu: #444444;
	--testo-grigio: #555555;
	--testo-grigio-chiaro: #6E6E6E;
	--testo-grigio-scuro: #3B3B3B;
	--btn-verde: #63A997;
	--btn-verde-chiaro: #85BCAE;
	--btn-verde-scuro: #4E8D7E;
	--verde-scuro: #0D8C1A;
	--verde-chiaro: #00B050;
	--oro: #D7E021; /* Colore del logo */
	--grigio: #C5C5C5;
	--grigio-chiaro: #E0E8EA;
	--grigio-scuro: #666666;
}

BODY { font-family: "Roboto",Helvetica,Arial,sans-serif; line-height: 1.6; font-weight: 400; font-size: 15px; }
.container-fluid { width: 100%; max-width: 1500px; }
#back-to-top { position: fixed; bottom: 30px; left: 30px; z-index: 9999; width: 60px; height: 60px; text-align: center; line-height: 60px;
	background-color: white; color: var(--testo-grigio); cursor: pointer; border: 2px solid white; border-radius: 0; text-decoration: none;
	opacity: 0; box-shadow: 0 0 10px rgba(0,0,0,0.3); transition: opacity 0.2s ease-out; display: none; }
#back-to-top:hover { background-color: var(--blu); color: white; }
#back-to-top.show { opacity: 1; }
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-slide {
	text-align: center; font-size: 18px; background: #fff;
	/* Center slide text vertically */
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;
	-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
	-ms-flex-align: center; -webkit-align-items: center; align-items: center;
}



.wrap-lingue { padding: 5px 0; background-color: #f2f2f2; font-size: 14px; }
.wrap-lingue A { color: var(--grigio-scuro); text-transform: uppercase; font-weight: 700; text-decoration: none; }
.wrap-lingue A:HOVER, .wrap-lingue A.attivo { color: var(--blu); text-decoration: none; }
.wrap-lingue .social A { display: inline-block; margin-right: 10px; }
.wrap-lingue .social A:HOVER { color: var(--blu); text-decoration: none; }



.wrap-top { padding: 15px 0 0 0; }
.wrap-top .mobile-menu { color: var(--grigio); display: block; position: absolute; top: 20px; left: 30px; }
.wrap-top .mobile-search { color: var(--grigio); display: block; position: absolute; top: 20px; right: 30px; }
.wrap-top .logo { margin: 0 auto; }
.wrap-social { padding-top: 11px; }
.wrap-social A { display: inline-block; border: 1px solid var(--grigio); color: var(--grigio); height: 40px; width: 40px; border-radius: 50%;
	text-align: center; line-height: 40px; font-size: 20px; margin-right: 5px; transition: all 0.25s ease; }
.wrap-social A:HOVER { color: var(--blu); border-color: var(--blu); }
.wrap-ricerca { padding-top: 17px; }
.wrap-ricerca BUTTON { background-color: white; border: none; color: var(--grigio); }
.wrap-ricerca INPUT { border: none; background-color: #f2f2f2; color: #898989; padding: 5px 10px; width: 200px; }
.wrap-top .mobile-search-form { display: none; background-color: #f2f2f2; padding: 10px; }
.wrap-top .mobile-search-form INPUT { border: none; background-color: white; color: #898989; padding: 5px 10px; width: calc(100% - 100px); }
.wrap-top .mobile-search-form BUTTON { border: none; background-color: white; color: #898989; padding: 5px 10px; width: 100px; }
.wrap-social-mobile { border-bottom: 1px solid var(--grigio-chiaro); }
.wrap-social-mobile .row > DIV { padding: 0; }
.wrap-top .wrap-search { border-top: 1px solid var(--grigio-chiaro); margin-top: 15px; }
@media (max-width: 768px) {
	.wrap-top .wrap-logo { padding-left: 70px; padding-right: 70px; }
}
@media (max-width: 992px) {
	.wrap-ricerca INPUT { width: calc(100% - 35px); }
}



.wrap-new-menu { border-top: 1px solid var(--grigio-chiaro); border-bottom: 1px solid var(--grigio-chiaro); margin: 5px 0 0 0;
	text-align: center; }
.wrap-new-menu UL { margin: 0; padding: 0; list-style: none; }
.wrap-new-menu LI { text-align: left; position: relative; }
.wrap-new-menu > UL > LI { display: inline-block; }
.wrap-new-menu > UL > LI:HOVER { background-color: #f7f7f7; }
.wrap-new-menu > UL > LI:HOVER > A { color: var(--blu); }
.wrap-new-menu .child { display: none; background-color: #f7f7f7;  }
.wrap-new-menu .child > LI { width: 200px; border-bottom: 1px solid #ebebeb; }
.wrap-new-menu .child > LI:HOVER { background-color: #ebebeb; }
.wrap-new-menu .parent:HOVER > .child { display: block; position: absolute; z-index: 1000000; }
.wrap-new-menu A { display: block; padding: 10px 15px; text-decoration: none; font-weight: 700; font-size: 14px; color: var(--grigio-scuro); }
.wrap-new-menu .child A { color: var(--grigio-scuro); }
.wrap-new-menu .child A:HOVER { color: var(--blu); }
.wrap-new-menu UL UL UL { left: 100%; top: 0; }
.wrap-new-menu > UL > LI > A { text-transform: uppercase; }
.wrap-new-menu > UL > LI > A:HOVER { color: var(--blu); background-color: #f7f7f7; }
.wrap-new-menu A > I { float: right; display: block; margin-top: 4px; }
.wrap-new-menu A.attivo { color: var(--blu); }
.wrap-new-menu A.area, .wrap-new-menu > UL > LI > A.area:HOVER { color: var(--oro); }
.wrap-new-menu .w250 { width: 300px !important; }



.menu-mobile { top: 0; width: 200px; height: 100%; position: absolute; right: -200px; background: rgba(255,255,255,.97);
	z-index: 10001; overflow: auto; }
.menu-mobile .top { background-color: var(--oro); color: white; padding: 30px 15px 15px 15px; position: relative; font-size: 22px; }
.menu-mobile .closeButton { position: absolute; cursor: pointer; color: black; bottom: 0; right: 0; font-size: 16px;
	text-transform: uppercase; font-weight: 700; padding: 15px; }
.menu-mobile > UL { margin: 0; padding: 15px; list-style: none; color: white; font-size: 18px; }
.menu-mobile > UL > LI > A { border-bottom: 1px solid #e2e2e2; color: var(--testo-grigio-scuro); text-decoration: none; padding: 5px;
	display: block; font-weight: bold; }
.menu-mobile > UL > LI > A.area { color: var(--oro); }
.menu-mobile > UL > LI > A.area > I { color: var(--testo-grigio-scuro); }
.menu-mobile > UL > LI > A > I { float: right; margin-top: -3px; }
.menu-mobile > UL > LI > UL { list-style: none; padding: 0; margin: 0; }
.menu-mobile > UL > LI > UL > LI > A { border-bottom: 1px solid #e2e2e2; color: var(--blu); text-decoration: none;
	padding: 5px; display: block; }
.menu-mobile > UL > LI > UL > LI > A > I { float: right; margin-top: -3px; }
.menu-mobile > UL > LI > UL > LI > UL { list-style: none; padding: 0; margin: 0; }
.menu-mobile > UL > LI > UL > LI >UL > LI > A { border-bottom: 1px solid #e2e2e2; color: var(--testo-grigio-chiaro);
	text-decoration: none; padding: 5px; display: block; background-color: #f2f2f2; }
.menu-mobile A > I.fa1 { margin-top: 5px !important; font-size: 16px; }
.menu-mobile A > I.fa2 { margin-top: 5px !important; font-size: 16px; color: var(--testo-grigio-chiaro); }
.menu-mobile A > I.fa3 { margin-top: 8px; font-size: 12px; }
.menu-mobile .telefono { color: var(--blu); font-size: 22px; font-weight: bold; }
.menu-mobile .telefono:HOVER { text-decoration: none; }
.menu-mobile .telefono > I { color: var(--grigio); }
.menu-mobile .social { position: absolute; top: 0; left: 15px; }
.menu-mobile .social A { display: inline-block; margin-right: 3px; border: 1px solid var(--grigio); border-radius: 50%; height: 33px;
	width: 33px; line-height: 33px; text-align: center; color: var(--grigio); transition: all 0.25s ease; font-size: 18px; }
.menu-mobile .social A:HOVER { color: var(--blu); border-color: var(--blu); }



.wrap-nl { background-color: #666; color: white; padding: 90px 0; }
.wrap-nl .nl { font-size: 48px; font-weight: 400; }
.wrap-nl .testo { font-size: 28px; line-height: 1.1; margin-bottom: 15px; }
.wrap-nl .testo SPAN { color: var(--oro); }
.wrap-nl INPUT[type='text'] { background-color: transparent; border: 1px solid white; padding: 10px 15px; font-size: 18px;
	vertical-align: bottom; height: 51px; width: 350px; }
.wrap-nl BUTTON { background-color: white; border: 1px solid white; padding: 10px 15px; color: #666; height: 51px; }



.myfooter { border-top: 1px solid var(--grigio-chiaro);  }
.myfooter .wrap-1 { padding-bottom: 25px; }
.myfooter .wrap-1 .titolo { text-transform: uppercase; font-weight: 700; margin: 25px 0 15px 0; }
.myfooter .wrap-1 UL { margin: 0; padding: 0; list-style: none; }
.myfooter .wrap-1 A { color: black; opacity: .8; }
.myfooter .wrap-1 A:HOVER { opacity: 1; }
.myfooter .wrap-1 .telefono { opacity: 1; font-weight: 700; color: var(--blu); font-size: 26px; margin: 0; padding: 0; }
.myfooter .wrap-1 .telefono:HOVER { color: var(--blu); text-decoration: none; opacity: 1; }
.myfooter .wrap-2 { margin-bottom: 15px; }
.myfooter .wrap-2 I { float: right; }
.myfooter .wrap-2 .titolo { text-transform: uppercase; font-weight: 700; margin: 25px 0 15px 0; border-bottom: 1px solid var(--grigio-scuro);
	cursor: pointer; }
.myfooter .wrap-2 UL { margin: 0; padding: 0; list-style: none; }
.myfooter .wrap-2 A { color: black; opacity: .8; }
.myfooter .wrap-2 A:HOVER { opacity: 1; }
.myfooter .wrap-2 .telefono {
	display: block; text-align: center;
	opacity: 1; font-weight: 700; color: var(--blu); font-size: 26px; margin: 0; padding: 0; }
.myfooter .wrap-2 .telefono:HOVER { color: var(--blu); text-decoration: none; opacity: 1; }



.myfooter-2 { border-top: 1px solid var(--grigio-chiaro);  }
.myfooter-2 .wrap-social A { display: inline-block; border: 1px solid var(--grigio); color: var(--grigio); height: 40px; width: 40px;
	border-radius: 50%; text-align: center; line-height: 40px; font-size: 20px; margin-right: 5px; transition: all 0.25s ease; }
.myfooter-2 .wrap-social A:HOVER { color: var(--blu); border-color: var(--blu); }
.myfooter-2 .wrap-copy { font-weight: 400; font-size: 13px; line-height: 1.3; }
.myfooter-2 .wrap-copy .sito { color: var(--blu-scuro); text-decoration: underline; }
.myfooter-2 .wrap-copy .sito:HOVER { color: var(--blu-chiaro); }