@import url(https://fonts.googleapis.com/css?family=Exo:400,300|Source+Sans+Pro:400,600);


/* ==== RESET CSS ==== */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;/*vertical-align:baseline;*/}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
textarea {resize:none;}
strong {font-weight:bold;}
a:active, a:focus, input:focus[type=submit]{outline-color:invert;outline-style:none;outline-width:0;}
textarea:focus, input:focus{outline: 0;}


/* ==== NO SELECT ==== */
/*
{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}


/* ==== FONT RENDERING OSX ==== */
*{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}


/* ==== TRANSITION ==== */
.headerFixed{-moz-transition:all 500ms;-webkit-transition:all 500ms;transition:all 500ms;}


/* ==== COMMON ELEMENTS ==== */
.contentWidth{width: 100%; max-width: 1140px;margin: 0 auto;padding: 0 30px;min-height: 20px;}
body{background: #EFEFEF;color: #3F3F3F ;font-family:Exo,arial,'sans-serif';}
body{font-weight: 400;}
.button{font-family: 'Source Sans Pro', sans-serif;background: #FFD100 ;color: #FFFFFF;height: 46px;line-height: 46px;text-decoration: none;padding:  0 30px;border-radius: 3px;font-size: 20px;font-weight: 600;}
h2{font-weight: 400;font-size: 40px;position: relative;}
h2:before{content: "";height: 6px;width: 40px;background: #FFD100;position: absolute;bottom: -14px;}
h3{font-size: 26px;font-weight: 300;}
p{font-family: 'Source Sans Pro', sans-serif;font-size: 18px!important;line-height: 26px;}
a{color:#3F3F3F;}
.anchorPoint{position: absolute;top:-66px;}
.container{position: relative;}

a.giallo { color: #FFD100; font-weight: 600;}
a.giallo:active { color: #ffffff; }
a.giallo:visited { color: #FFD100; }



/* ==== HEADER ==== */
header{position: relative;height: 600px;background: url('../img/bgHeader.jpg');background-size: cover;}
header:before{content:"";background:#00499D;position: absolute;height: 100%;width: 100%;opacity: 0.9;z-index: 1;}
.logo{z-index: 2;position: relative;max-width: 400px;width: 100%; text-align: center;margin: 0 auto;top:120px;}
.logo img{display: block;width: 100%;margin-bottom: 10px;}
.logo h1{font-family:Exo,arial,'sans-serif';font-weight:300;color: #FFFFFF; font-size: 26px;letter-spacing: 4px;}
nav{top: 230px;position: relative;z-index: 2;}
nav ul li {position: relative;}
nav ul li a{color: #FFFFFF;text-decoration: none;display: block;overflow: hidden;}
nav ul li a:hover:before{position: absolute;content: "";background: #FFD100;height: 3px;bottom: 0px;width: 100%;right: 0;}
nav ul li{background: rgba(52, 52, 52, 0.60) ; height: 190px;width: 19%;margin-right: 1.25%; float: left;font-family:Exo,arial,'sans-serif';font-size: 19px;text-align: center;}
nav ul li:last-child{margin-right: 0%!important;}
nav ul li img{width: 40%;display: block;margin: 20px auto;}


/* ==== HEADER FIXED ==== */
.headerFixed{overflow: hidden;position: fixed;height: 66px;background: #FEFEFE;width: 100%;top:-76px;z-index: 1000;box-shadow: 0 0 10px rgba(0,0,0,0.10);border-bottom: 3px solid  #FFD100; }
.headerFixed.actived{top:0px;}
.logoFixed{position: absolute;height: 32px;width: 144px;padding: 18px 30px;z-index: 1;}
.logoFixed img{width: 100%;}
.headerFixed ul{position: absolute;right: 20px;width: 100%;}
.headerFixed li a{position: relative;letter-spacing: -1px; font-family: 'Source Sans Pro', sans-serif;font-size: 15px; font-weight: 600;text-decoration: none;float: right; white-space: nowrap;height: 66px;margin: 0 12px 0 12px ;line-height: 66px;}
.headerFixed li a:hover:before{position: absolute;content: "";background: #FFD100;height: 4px;bottom: 0px;width: 100%;}
.hamburger{height: 16px;width: 20px;position: absolute; right: 25px;top: 25px;display: none;}
.hamburger span{position: absolute;left: 0; height: 2px;width: 100%;top: 6px;background: #000000;}
.hamburger span.a{top:0px;}
.hamburger span.b{top:6px;}
.hamburger span.c{top:12px;}


/* ==== SLICE 01 ==== */
.slice01{background: #FFFFFF;overflow: hidden;}
.slice01 .row01{height: 46px;padding: 30px 0;border-bottom: #D4D4D4 1px solid;}
.slice01 .row01 .email,
.slice01 .row01 .tel{margin-right: 30px;font-family: 'Source Sans Pro', sans-serif;float: left;position: relative;padding-left: 40px;line-height: 46px;font-weight: 600;font-size: 18px;}
.slice01 .row01 .email:before,
.slice01 .row01 .tel:before{content:"";height: 28px;width: 28px;position: absolute;background: url('../img/iconTel.png');background-size: contain;left:0px;top:10px}
.slice01 .row01 .email{}
.slice01 .row01 .email:before{background: url('../img/iconEmail.png');background-size: contain;}
.slice01 .row01 .button{float: right;}
.slice01 .row02 {overflow: hidden;border-bottom: #D4D4D4 1px solid;}
.slice01 .row02 .col01,
.slice01 .row02 .col02{width: 50%;float: left;}
.slice01 .row02 .col02{margin-bottom: 30px;}
.slice01 .row02 .col01 img{width: 100%;display: block;}
.slice01 .row02 .col02 h2{margin-top: 40px;}
.slice01 .row02 .col02 h4{margin-top: 30px;font-size: 24px;font-weight: 200;}
.slice01 .row02 .col02 ul{margin-top: 20px;}
.slice01 .row02 .col02 li{padding:5px 30px;position: relative;}
.slice01 .row02 .col02 li:before{content: "";height: 6px;width: 6px;background: #FFD100;position: absolute;top: 9px;left: 0px; border-radius: 10px;}
.slice01 .row03{padding:30px 0;overflow: hidden;}
.slice01 .row03 div{float: left;width: 30%;margin-right:5%;position: relative;}
.slice01 .row03 div:last-child{margin-right:0;}
.slice01 .row03 h3{font-size: 24px;font-weight: 400;margin-bottom: 20px;margin-left: 70px;}
.slice01 .row03 p{margin-left: 70px;}
.slice01 .row03 div img{height: 50px;width: 50px;position: absolute;top: 0px;left: 0px;}


/* ==== SLICE 02 ==== */
.slice02{min-height: 100px;background: #F2F2F2;padding: 90px 0;overflow: hidden;position: relative;}
.slice02 .swiper-prove{padding-left: 0;overflow: visible!important;padding-top:60px;}
.slice02 .swiper-slide{min-height: 380px;max-width: 330px;}
.slice02 article{background: #FFFFFF;border-radius: 3px; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;min-height: 500px;overflow: hidden;}
.slice02 img{display: block;}
.slice02 h3{padding: 30px 10% 20px;}
.slice02 p{font-size: 14px;line-height: 23px;padding: 0 10% 20px;}
.slice02 .swiper-button-next, 
.slice02 .swiper-button-prev{top:-21px;-moz-background-size: 32px 40px; -webkit-background-size: 32px 40px; background-size: 32px 40px;opacity: 0.75;}
.slice02 .swiper-button-next{right: 0px;left: auto;}
.slice02 .swiper-button-prev{right: 55px;left: auto;}
.slice02 .paginationHide{display: none;}

/* ==== SLICE 03 ==== */
.slice03{height:850px;position: relative; background-image: url("../img/bgHeader.jpg");background-size: cover;}
.slice03:before{content:"";background:#00499D;position: absolute;height: 100%;width: 100%;opacity: 0.9;z-index: 1;}
.slice03 .contentWidth{position: relative;z-index:2;padding: 50px 0;}
.slice03 h2{color: #FFFFFF;margin-bottom: 60px;}
.slice03 h3{color: #FFD100;font-weight: 400;}
.slice03 h4{color: #FFFFFF;margin-bottom: 30px; font-size: 24px}
.slice03 p{margin-bottom: 30px;color: #FFFFFF;}

.slice03 .row01{overflow: hidden;}
.slice03 .row01 p{margin-top: 30px;color: #FFFFFF;}
.slice03 .row01 div{float: left;width: 24%;margin-right:1%;position: relative;margin-bottom: 30px;}
.slice03 .row01 div:last-child{margin-right:0;}
.slice03 .row01 img{width: 90%;margin-bottom: 30px;display: block;}

.slice03 .row02 h2{margin-bottom: 60px;color: #FFFFFF;}
.slice03 .row02 p{margin-top: 30px; padding-right: 15%;color: #FFFFFF;}
.slice03 .row02 p:last-child{margin-bottom: 0px;}
.slice03 .row02 img{width: 50%;position: absolute;top: inherit;right: 0px;}
.slice03 .row02{overflow:hidden;}
.slice03 .row02 div{float: left;width: 50%;position: relative;}
.slice03 .row02 div:last-child{margin-right:0;}


/* ==== SLICE 04 ==== */
.slice04{min-height: 100px;background: #F2F2F2;overflow: hidden;}
.slice04 h2{margin-bottom: 60px;}
.slice04 h3{margin-bottom: 15px;}
.slice04 p{margin-bottom: 60px;padding-right: 15%;}
.slice04 p:last-child{margin-bottom: 0px;}
.slice04 img{width: 50%;position: absolute;top: 100px;right: 0px;}
.slice04 .contentWidth{position: relative;padding: 90px 0;}
.slice04 .row01{overflow:hidden;}
.slice04 .row01 div{float: left;width: 50%;position: relative;}
.slice04 .row01 div:last-child{margin-right:0;}


/* ==== SLICE 05 ==== */
.slice05{min-height: 100px;background: #FFFFFF;}
.slice05 .contentWidth{position: relative;z-index:2;padding: 90px 0;}
.slice05 h2{margin-bottom: 30px;}
.slice05 h4{margin-bottom: 40px;font-size: 24px;font-weight: 200;line-height: 30px}
.slice05 p{margin-bottom: 30px;}
.slice05 .row01{overflow: hidden;}
.slice05 .row01 div img{height: 100px;width: 100px;margin-bottom: 20px;}
.slice05 .row01 h3{font-weight: 400;}
.slice05 .row01 p{margin-top: 30px;}
.slice05 .row01 div{float: left;width: 24%;margin-right:1%;position: relative;text-align: center;}
.slice03 .row01 div:last-child{margin-right:0;}
.slice05 .row02{overflow: hidden;}
.slice05 .row02 div img{height: 100px;width: 100px;margin-bottom: 20px; margin-top: 40px}
.slice05 .row02 h3{font-weight: 400;line-height: normal;}
.slice05 .row02 div{float: left;width: 24%;margin-right:1%;position: relative;text-align: center;}
.slice05 .row02 div:last-child{margin-right:0;}
.slice05 .row02 p{margin-top: 30px;}


/* ==== SLICE 06 ==== */
.slice06 .contentWidth{position: relative;z-index:2;padding: 90px 0;}
.slice06 h2{margin-bottom: 40px;color: #FFFFFF;}
.slice06{min-height: 100px;background: #4A4A4A;}
.slice06 .row01{overflow: hidden;}
.slice06 .row01 .col01{float: left;width: 45%;margin-right:5%; }
.slice06 .row01 .col02{float: left;width: 50%;}
.slice06 .row01 .col02 {height: 100%;display: block;}
.slice06 .row01 .col02 iframe{background: #333333;height:373px;width: 100%;display: block;}
.slice06 .row01 .col02 p {color: #FFFFFF;font-size: 16px!important;display: block;margin-bottom: 30px;margin-top: 30px}
.slice06 .row01 .col02 a {color: #FFFFFF}
.slice06 .row01 .col02 iframe.scrolloff {pointer-events: none;}

/* ==== SLICE 07 ==== */
.slice07{min-height: 100px;background: #F2F2F2;overflow: hidden;}
.slice07 h2{margin-bottom: 60px;}
.slice07 h3{margin-bottom: 15px;}
.slice07 p{margin-bottom: 60px;padding-right: 15%;}
.slice07 p:last-child{margin-bottom: 0px;}
.slice07 img{width: 50%;position: absolute;top: 100px;right: 0px;}
.slice07 .contentWidth{position: relative;padding: 90px 0;}
.slice07 .row01{overflow:hidden;}
.slice07 .row01 div{float: left;width: 50%;position: relative;}
.slice07 .row01 div:last-child{margin-right:0;}


@media(max-width: 1200px) {
	.contentWidth{width: calc(100% - 60px)!important;max-width: none!important;}
	nav ul li{font-size: 16px;}
}
@media(max-width: 1000px) {
	.headerFixed ul{display: none;}
	.hamburger{display: block;}
}
@media(max-width: 800px) {
	.logo{width: 220px;top:60px;}
	.logo h1{letter-spacing: 1px;font-size: 16px;font-weight: 400;}
	.contentWidth{width: calc(100% - 30px)!important;max-width: none!important;padding-left: 15px!important;padding-right: 15px!important;}
	nav{top:120px;}
	nav ul li{font-size: 16px;width: 100%;height: 60px;margin-bottom: 15px;}
	nav ul li img{width: 30px;float: left;margin: 15px 15px;}
	nav ul li br{display: none;}
	nav ul li span{float: left;line-height: 60px;}
	
	.slice01 .row01 {height: auto;overflow: hidden;display: block;padding-top: 20px;}
	.slice01 .row01 .button{float: left;width: calc(100% - 60px);text-align: center;margin-top: 10px}
	.slice03 .row01 div{width: 40%;padding-right: 6%}
	
	
	.slice04 {}
	.slice01 .row02 .col01 img{margin-top: 30px;}
	
	.prove-pagination{bottom: -50px!important;display: block;}
	
	
}
@media(max-width: 500px) {
	h2{font-size: 30px;}
	nav ul li{font-size: 12px;font-weight: 400;}
	.slice03 .row01 div{width: 100%;}
	
	
	.slice04 .col01{width: auto!important;}
	.slice04 p{padding: 0px;}
	
	.slice01 .row02 .col02{width: 100%;}
	.slice01 .row03 div{width: 100%;margin: 0 0 20px 0;}
	.slice01 .row03 h3,
	.slice01 .row03 p{margin: 0 0 20px 0!important;}
	
	
	.slice01 img,
	.slice03 img,
	.slice04 figure {display: none!important;}
	
	.prove-button-next,
	.prove-button-prev{display: none!important;}
	
	.slice06 .col01,
	.slice06 .col02{margin: 0!important;width: 100%!important;}
	
	.slice05 .row01 div,
	.slice05 .row02 div{width: 100%!important;height: 60px;overflow: hidden;display: block;}
	.slice05 img{width: 40px!important;height: 40px!important; margin:0 20px 0 0!important;float: left;}
	.slice05 h3{height: 60px;line-height: 60px;float: left}
	
	.logoFixed{padding-left: 15px;}
	
	

	.swiper-container .swiper-slide{max-width: 250px!important;}
	.swiper-container{padding-left: 25px;}
	.swiper-container .swiper-slide:last-child{margin-right: 25px;}
}