@font-face {
    font-family: 'soleHeadlineBold';
    src: url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.eot');
    src: url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.eot?#iefix') format('embedded-opentype'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.woff2') format('woff2'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.woff') format('woff'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.ttf') format('truetype'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.svg#SoleSerifHeadline_W_Bd') format('svg');
    font-weight: 700;
    font-style: normal
	}
@font-face {
    font-family: 'soleHeadline';
    src: url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.eot');
    src: url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.eot?#iefix') format('embedded-opentype'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.woff2') format('woff2'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.woff') format('woff'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.ttf') format('truetype'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.svg#SoleSerifHeadline_W_Rg') format('svg');
    font-weight: 700;
    font-style: normal
	}
@font-face {
	font-family: "soleSansReg";
    src: url('fonts/Sole24SansNumberW-Regular.eot');
    src: url('fonts/Sole24SansNumberW-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Sole24SansNumberW-Regular.woff') format('woff'),
		url('fonts/Sole24SansNumberW-Regular.woff2') format('woff2'),
        url('fonts/Sole24SansNumberW-Regular.ttf') format('truetype');	}
@font-face {
	font-family: "soleSansBold";
    src: url('fonts/Sole24SansNumberW-Bold.eot');
    src: url('fonts/Sole24SansNumberW-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Sole24SansNumberW-Bold.woff') format('woff'),
		url('fonts/Sole24SansNumberW-Bold.woff2') format('woff2'),
        url('fonts/Sole24SansNumberW-Bold.ttf') format('truetype');	}
@font-face {
	font-family: "soleSansMed";
    src: url('fonts/Sole24SansNumberW-Medium.eot');
    src: url('fonts/Sole24SansNumberW-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Sole24SansNumberW-Medium.woff') format('woff'),
		url('fonts/Sole24SansNumberW-Medium.woff2') format('woff2'),
        url('fonts/Sole24SansNumberW-Medium.ttf') format('truetype'); }
@font-face {
	font-family: "soleSansRegIt";
    src: url('fonts/Sole24SansNumberW-RegularIt.eot');
    src: url('fonts/Sole24SansNumberW-RegularIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/Sole24SansNumberW-RegularIt.woff') format('woff'),
		url('fonts/Sole24SansNumberW-RegularIt.woff2') format('woff2'),
        url('fonts/Sole24SansNumberW-RegularIt.ttf') format('truetype'); }
@font-face {
	font-family: "soleSansSbd";
    src: url('fonts/Sole24SansNumberW-Semibold.eot');
    src: url('fonts/Sole24SansNumberW-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Sole24SansNumberW-Semibold.woff') format('woff'),
		url('fonts/Sole24SansNumberW-Semibold.woff2') format('woff2'),
        url('fonts/Sole24SansNumberW-Semibold.ttf') format('truetype'); }
@font-face {
	font-family: "soleSansThn";
    src: url('fonts/Sole24SansNumberW-Thin.eot');
    src: url('fonts/Sole24SansNumberW-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Sole24SansNumberW-Thin.woff') format('woff'),
		url('fonts/Sole24SansNumberW-Thin.woff2') format('woff2'),
        url('fonts/Sole24SansNumberW-Thin.ttf') format('truetype'); }
@font-face {
	font-family: "soleSansLgh";
    src: url('fonts/Sole24SansNumberW-Light.eot');
    src: url('fonts/Sole24SansNumberW-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Sole24SansNumberW-Light.woff') format('woff'),
		url('fonts/Sole24SansNumberW-Light.woff2') format('woff2'),
        url('fonts/Sole24SansNumberW-Light.ttf') format('truetype'); }
@font-face {
	font-family: "soleSansLghC";
    src: url('fonts/Sole24SansNumberW-LightCmp.eot');
    src: url('fonts/Sole24SansNumberW-LightCmp.eot?#iefix') format('embedded-opentype'),
        url('fonts/Sole24SansNumberW-LightCmp.woff') format('woff'),
		url('fonts/Sole24SansNumberW-LightCmp.woff2') format('woff2'),
        url('fonts/Sole24SansNumberW-LightCmp.ttf') format('truetype'); }

.soleSansReg {
    font-family: "soleSansReg", Helvetica, Arial, Sans-Serif;}
.soleSansBold {
    font-family: "soleSansBold", Helvetica, Arial, Sans-Serif;}
.soleSansMed {
    font-family: "soleSansMed", Helvetica, Arial, Sans-Serif;}
.soleSansRegiIt {
    font-family: "soleSansRegIt", Helvetica, Arial, Sans-Serif;}
.soleSansSbd {
    font-family: "soleSansSbd", Helvetica, Arial, Sans-Serif;}
.soleSansThn {
    font-family: "soleSansThn",  Helvetica, Arial, Sans-Serif;}
.soleSansLgh {
    font-family: "soleSansLgh",  Helvetica, Arial, Sans-Serif;}
.soleSansLghC {
    font-family: "soleSansLghC",  Helvetica, Arial, Sans-Serif;}
.soleHeadline {
	font-family: "soleHeadline", Georgia, Times, "Times New Roman", serif;}

/**************************************************************************** GENERALI */

#wrapper {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	}

::-webkit-scrollbar {
    width: 8px;
	}
::-webkit-scrollbar-thumb {
    height: 15px;
    border: 2.5px solid rgba(0, 0, 0, 0);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.3);
	}

html, body {
    /* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	
	}
body {
    -webkit-tap-highlight-color: none;	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
/*	background:#1f2041; */
	text-align: left;
	margin: 0;
	padding: 0;
/*	scroll-snap-type: y mandatory; */
	}
body.hidden {
    visibility: hidden;
	}
body, body > div {
    /*fix ui mobile on ipad*/
    /* width: 100% !important;*/
    height: auto !important;
	}

body,input {
	font-family: "soleSansReg", Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    /*background:none transparent;*/
	}

body:after {
  visibility: hidden;
  height: 0;
  font-size: 0;
  content:"1200";
	}
body.wait, body.wait *{
 cursor: wait;   
	}

body.wsRadioSkin,
body.backgroundAdv {
    background-size: 2290px !important;
  }

div:focus{
	outline:none;
	}

[contenteditable]:focus {
    outline: 0px solid transparent;
	}
[contenteditable],.l24MenuBase {
	color: #ff3713;	
	font-family: "soleSansSbd", Helvetica, Arial, Sans-Serif;
	font-size:16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: left;
	}

.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button {
    font-family: 'Montserrat', sans-serif;
	}

.ui-body-c, .ui-dialog.ui-overlay-c {
    text-shadow: 0 0px 0 white;
	}
.ui-loader{
	display:none;
}

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

a { 
    color: inherit!important;
    text-decoration: none;
    font-weight: inherit!important;
	}

h1 {
    font-size: 150%;
    font-weight: 700;
    line-height: 26px;
    margin: 15px 0;
	}	

p {
	}
button {
    outline: none;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	}

/* COMBOBOX */

    .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: block;
      -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;
	    }

	.owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: -92px!important;
		position: fixed!important;
		width: 100%!important;
	}
	.owl-theme .owl-dots .owl-dot span {
		margin: 5px 3px!important;
		background: #869791!important;
		opacity: .7;}
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background: #fff!important;
		opacity: .9;
	}

svg{
	position:relative;
	float: left;
}
/**************************************************************************** FINE GENERALI */


/**************************************************************************** CARICAMENTO */
#l24stoCaricando{
    position: fixed;
    width: auto;
    height: auto;
    padding: 10px;
    background-color: #ffffff;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 999999;
	display: none;
	-webkit-border-radius:20%;
    -moz-border-radius:20%;
    border-radius:20%;
	}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 51px;
	height: 51px;
	margin: 10px 6px 6px 6px;
	border: 6px solid #005e6c;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #005e6c transparent transparent transparent;
	}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
	}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
	}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
	}
.animato{ -webkit-transition: .25s ease-in-out!important; -moz-transition: .25s ease-in-out!important; -o-transition: .25s ease-in-out!important; transition: .25s ease-in-out!important;}

@keyframes lds-ring {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}

/**************************************************************************** FINE CARICAMENTO */


/**************************************************************************** INTRO */
hr.ISstyle1{
	position: relative;
	float: left;
	display: block;
	margin: 30px 0;
	width: 100%;
	border: 0;
	background-color: #cebcb3;
	height: 1px;
	}
hr.ISstyle2{
	position: relative;
	float: left;
	display: block;
	margin: 8px 0;
	width: 100%;
	border: 0;
	background-color: #cebcb3;
	height: 1px;
	}

.sfondoSole{
	background-color: #00919c;
	}



ul li{
	font-size: 16px;
	font-family: "soleSansMed", Helvetica, Arial, Sans-Serif;}

#contieni{
	text-align: left;
    position: relative;
    /* float: left; */
    color: #fff;
    /* margin: 0 auto 10px; */
    width: 100%;
	}

#contieni.snap{
	/*scroll-snap-type: y mandatory;*/
	height: 100vh;
	}

.contieniSel{
	position: relative;
	float: left;
	color:#ffffff;
	padding:0 30px;
	background-color:#00919c; 
	width: 100%;
	}

#pg_wrapper {
	position: relative;
	float: left;
    margin-bottom: -20px;
	}

.l24masthead{
	position: relative;
	float: left;
	width: 100%;
	background-color: #e5d9ca;
	text-align: center;
	}

.blocco{
	position:relative;
	float: left;
	width: 100%;
    -webkit-tap-highlight-color: none;	
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	}
.bloccoCentrato{
	position:relative;
	float: left;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: left;
	padding: 0 14%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}
.testo{
	font-size:32px;
    -webkit-tap-highlight-color: none;	
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	
	font-family: titling-gothic-fb, sans-serif;
	font-weight: 300;
	font-style: normal;
}
.testoTitolo{
	font-size: 50px;
	font-family: matrix-ii, serif;
	font-weight: 800;
	font-style: normal;
}
#testata{
	position:fixed;
	height: 50px;
	width: 100%;
	z-index: 999;
	}
#logoSole{
	background-image: url(../img/logoSole.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 49px;
    width: 160px;
    position: absolute;
    left:0;
	}
#contieniLogoSole{
	position:absolute;
	top:0;
	left: 0;
    height: 49px;
    width: 160px;
	overflow: hidden;
}

.divSocial {
	cursor: pointer;
    width: auto;
    position: absolute;
    top: 6px;
    right: 0;
    text-align: center;
    color: #fff;
	}	
/* Style all font awesome icons */

.fa {
    position: relative;
    float: right;
    font-size: 13px!important;
    width: 15px;
    text-align: center;
    /* line-height: 80px; */
    padding: 7.2px 6px;
    text-decoration: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 16px;
    /* background-color: #fff; */
    margin-left: 4px;
    color: #fff;
    border: 1.5px solid #fff;
	}

/* Add a hover effect if you want */
.fa:hover {
	color: #3c230f;
    background-color: #fff;
	}
.selPiccolo{
	position: absolute;
    right: 20px;
    width: 200px;
    height: 100%;
    top: 10px;
	}
.prova{
	position:relative;
	float: left;
	background: red;
	width: 50px;
	height: 50px;
}
.selPiccolo:first-of-type{
	margin-right: 0;
	}
.diapo{
	font-size: 20px;
    font-family: titling-gothic-fb, sans-serif;
    font-weight: 500;
    font-style: normal;
    width: 100%;
    text-align: center;
    line-height: 60px;
	opacity: 0;
	}
/**************************************************************************** FINE INTRO */

/**************************************************************************** SLIDE */
.sld{
	position:relative;
	float: left;
	width: 100%;
	height: 100vh;
	font-size: 80vh;
	text-align: center;
	/*
	scroll-snap-align: start;
	scroll-snap-stop: normal;
	*/
	-webkit-tap-highlight-color: none;	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow: hidden;
	}
.sldGrafico svg{
    position: absolute;
	}	
section{
	position: relative;
    float: left;
    width: 100%;
    height: 100%;
	overflow: hidden;
	}
#diapoSwipe{display:none;}
/**************************************************************************** FINE SLIDE */

/**************************************************************************** SLIDE GRAFICI */
#sld3grafico{
	background-image: url(../img/grafici/DSK01_1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;}
#sld5grafico{
	background-image:url(../img/grafici/DSK02_1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;}
#sld7grafico{
	background-image:url(../img/grafici/DSK03_1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;}
#sld9grafico1 {
	background-image: url(../img/grafici/DSK04_1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
    height: 450px;
	top: 114px;}
#sld11grafico{
	background-image:url(../img/grafici/DSK05_1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;}
#sld13grafico{
	background-image:url(../img/grafici/DSK06_1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: relative;
	float: left;
	width: 100%;
	height: 580px;}
#sld17grafico{
	background-image:url(../img/grafici/DSK07_1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;}
/**************************************************************************** FINE SLIDE GRAFICI */

/**************************************************************************** SLIDE 1 */
svg#stelle {
    position: absolute;
    left: 0;
	}
#titoloSchede{
    height: 170px;
    width: 100%;
    background-image: url(../img/titoloSchede2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 30px;
	}
.footer{
	position:absolute;
	bottom:0;
	height: 50px;
	width: 100%;
	display: flex;
	justify-content: center;  
	}
.frecciaGiu{
	height: 40px;
	width: 40px;
	background-image: url(../img/scroll.svg);
    background-repeat: no-repeat;
    background-position: center;
	}
#sld1{
	background-image: linear-gradient(to bottom, #000eb1, #001591, #001470, #00104f, #000430);
	}
.coloreCard{
	color:#FFBF00;
	margin-top: 10px;
	}
/**************************************************************************** FINE SLIDE 1 */

/**************************************************************************** SLIDE 2 */
#sfondoSld2{
	background-image: url(../img/sfondo2.png);
	}
#animazione1{
	position:absolute;
	top:0;
	transform: translateY(-100%);
	width: 150px;
	height: 0;
	background-image: url(../img/slide2_1.png);
    background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
	}
#animazione2{
	position: absolute;
    width: 120px;
    height: 120px;
    top: -60%;
    right: -70%;
    transform: scale(0,0);
    background-image: url(../img/slide2_2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	}
#sld2 .testoTitolo, #sld2 .evidenzia{
	color:#ffcc30;
	}
/**************************************************************************** FINE SLIDE 2 */


/**************************************************************************** SLIDE 3 */
/*
.sfondo30{
	position:absolute;
    width: 180%;
    height: 180%;
    transform: rotate(-30deg);
    left: -40%;
    top: -40%;
	}
#sfondo2, #sfondo3{
	background-image: url(../img/sfondo2.png);
	background-size: 280px;
}
*/
#sld3 .testoTitolo, #sld3 .evidenzia{
	color:#ffcc30;
	}
#sld3grafico {
	height: 41vh;
    margin-top: 50px;
	}
/**************************************************************************** FINE SLIDE 3 */

/**************************************************************************** SLIDE 4 */

#sfondoSld4{
	background-image: url(../img/sfondo4.png);
	}
#sld4 .testoTitolo{
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    padding: 20px;
	}
#sld4 .testo{
	border: 2px solid #fff;
	padding: 20px;
	}

/**************************************************************************** FINE SLIDE 4 */

/**************************************************************************** SLIDE 5 */
#sld5{
	/*background-size: 280px;*/
	}
#sld5 .evidenzia{
	font-weight: 800;
	}
#sld5grafico {
	height: 55vh;
    margin-top: 3vh;
	}
/**************************************************************************** FINE SLIDE 5 */

/**************************************************************************** SLIDE 6 */
#sfondoSld6{
	background-image: url(../img/sfondo6.svg);
	background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
	}
#sld6{
	background-image: url(../img/sfondo6b.png);
	background-repeat: no-repeat;
    background-position: center;
	background-size:45%;
	}
#sld6 .testoTitolo{
    font-weight: 800;
	color:#dfff82;
	}
/**************************************************************************** FINE SLIDE 6 */

/**************************************************************************** SLIDE 7 */
#sfondoSld7{
	background-image: url(../img/sfondo6.svg);
	background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
	}
 #sld7 .evidenzia{
	background-color: #ef4e63;
	}
 #sld7 .evidenzia2{
	background-color: #dfff82;
	color: #000;
	}
#sld7grafico {
	height: 41vh;
    margin-top: 3vh;
	}
/**************************************************************************** FINE SLIDE 7 */

/**************************************************************************** SLIDE 8 */
#sld8 {
	background-image: url('../img/sfondo8.gif');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	}
#sld8 .testoTitolo{
    font-weight: 800;
	color:#5df0ff;
	}
#sld8 .evidenzia{
	font-weight: 600;
	}

/**************************************************************************** FINE SLIDE 8 */

/**************************************************************************** SLIDE 9 */
@-webkit-keyframes bg-slide9 {
	from { transform: translateX(0); }
	to { transform: translateX(270px); }
}

#sld9{
	background-color:#009fff;
}
#sld9grafico{
	position: relative;
}
#sld9grafico0{
	background-image: url(../img/grafici/Graph_DSK04-wave.svg);	
	background-repeat: repeat-x;
    background-position: center bottom;
	position:absolute;
	left: -270px;
    height: 270px;
	width: calc(100% + 270px);
	animation: bg-slide9 20s linear infinite;
}
/*
#sld9grafico1{
	height: 71vh;
    margin-top: 3vh;
	}
*/
#sld9 .evidenzia{
	font-weight: 600;
	}
#sld9 .evidenzia2{
	background-image: url(../img/evidenzia2a.svg);
    background-repeat: no-repeat;
    background-position: center;
	background-size:98%;
	color:#1c041c;
	}
#sld9 .evidenzia3{
	background-image: url(../img/evidenzia2b.svg);
    background-repeat: no-repeat;
    background-position: center;
	background-size:98%;
	color:#1c041c;
	}
#sld9 .bloccoCentrato {
	top: 40%;
	}
.bloccoCentrato + .bloccoCentrato{
    width: 100%;
    padding: 0;
    margin-top: 40px;
}
#sld9 .bloccoCentrato .testo{
	top: -40px;
	}

/**************************************************************************** FINE SLIDE 9 */

/**************************************************************************** SLIDE 10 */
#sfondoSld10 {	
	background-image: url(../img/sfondo10.png);
	}
#sld10{
	color:#000;
	}
#sld10 .testoTitolo{
    font-weight: 800;
	padding-bottom: 19px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	}
#sld10 .riquadro{
	-webkit-box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
	-moz-box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
	box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
	background-color: #e6ff00;
	padding:20px;
	}
#sld10 .evidenzia{
	font-weight: 600;
	}
/**************************************************************************** SLIDE 11 */
#sld11 {
	color:#000;
	}
#sld11 .testoTitolo{
    font-weight: 800;
	padding-bottom: 19px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	}
#sld11 .riquadro{
	-webkit-box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
	-moz-box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
	box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
	background-color: #e6ff00;
	padding:20px;
	}
#sld11 .evidenzia{
	font-weight: 600;
	}
#sld11grafico {
    height: 470px;
}

#sld11grafico {
    height: 50vh;
    margin-top: 28px;
}
/**************************************************************************** FINE SLIDE 11 */

/**************************************************************************** SLIDE 12 */
#sfondoSld12 {	
	background-image: url(../img/sfondo12.png);
	}
#sld12 .testoTitolo{
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    padding: 20px;
	}
#sld12 .testo{
	border: 2px solid #fff;
	padding: 20px;
	}
/**************************************************************************** FINE SLIDE 12 */

/**************************************************************************** SLIDE 13 */
#sld13 .bloccoCentrato{
	width: 100%;
	}
#sld13grafico{
	position: relative;
	width: 100%;
	}
/**************************************************************************** FINE SLIDE 13 */

/**************************************************************************** SLIDE 14 */
	@-webkit-keyframes bg-slide {
		from { transform: translateY(0); }
		to { transform: translateY(300px); }
	}
	#sld14{
		background-color:#fe1231;	
		}
	#sfondoSld14b{
		position: absolute;
		width: 90vw;
		height: 86vh;
		margin: 7vh 5vw;
		border: 4px solid #fff;
		}
	#sfondoSld14{
		width: 100%;
		height: calc(100vh + 300px);
		background: url(../img/sfondo15.png) repeat-y;
		background-position: top center;
		background-size: auto 300px;
		position: absolute;
		/* top: 0; */
		bottom: 0;
		left: 0;
		animation: bg-slide 30s linear infinite;
		}
/**************************************************************************** FINE SLIDE 14 */

/**************************************************************************** SLIDE 15 */
	#sld15{
		background-color:#fe1231;	
		}
	#sfondoSld15{
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: visible;
		}
	#sfondoSld15b{
		position: absolute;
		width: 90vw;
		height: 86vh;
		margin: 7vh 5vw;
		border: 4px solid #fff;
		}
	#sld15 .evidenzia{
		font-weight: 600;
		}
/**************************************************************************** FINE SLIDE 15 */

/**************************************************************************** SLIDE 16 */
	#sfondoSld16 {	
		background-image: url(../img/sfondo16.png);
		}
	#sld16 {	
		color:#fff;
		}

	#sld16 .testoTitolo{
		color:#ff0066;
		}
	
/**************************************************************************** FINE SLIDE 16 */

/**************************************************************************** SLIDE 17 */
	#sld17 {	
		color:#fff;
		}
	#sld17 .evidenzia{
		font-weight: 600;
		}
	#sld17 .evidenzia2{
		background-image: url(../img/evidenzia3a.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 93% 108%;
		color:#fff;
		font-weight: 500;
		}
	#sld17 .evidenzia3{
		background-image: url(../img/evidenzia3b.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 93% 108%;
		color:#fff;
		font-weight: 500;
		}
	#sld17grafico {
		height: 46vh;
		margin-top: 3vh;
		}
/**************************************************************************** FINE SLIDE 17 */

/**************************************************************************** SLIDE 18 */
	#sld18{
		background-color: #04001a;
		}
	#sld18 .testoTitolo{
		font-family: titling-gothic-fb-extended, sans-serif; 
		color:rgba(255,255,255,.4);
		font-size: 24px;
		text-transform: uppercase;
		}
	.creditTitolo{
		position: relative;
		float: left;
		font-family: titling-gothic-fb, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size:22px;
		margin-top: 10px;
		margin-right: 10px;
		}
	.creditTesto + .creditTitolo{
		clear:left;
		}
	#creditLogo1.creditTitolo:before{
		content: " ";
		background-image: url(../img/logo1.png);
		background-repeat: no-repeat;
		background-position: center; background-size: 100%; position: relative;	float: left; 
		width: 32px; height: 34px; top: -3px;
		}
	#creditLogo2.creditTitolo:before{
		content: " ";
		background-image: url(../img/logo2.png);
		background-repeat: no-repeat;
		background-position: center; background-size: 100%; position: relative;	float: left; 
		width: 32px; height: 34px; top: -3px;
		}
	#creditLogo3.creditTitolo:before{
		content: " ";
		background-image: url(../img/logo3.png);
		background-repeat: no-repeat;
		background-position: center; background-size: 100%; position: relative;	float: left; 
		width: 32px; height: 34px; top: -3px;
		}
	#creditLogo4.creditTitolo:before{
		content: " ";
		background-image: url(../img/logo4.png);
		background-repeat: no-repeat;
		background-position: center; background-size: 100%; position: relative;	float: left; 
		width: 32px; height: 34px; top: -3px;
		}
	.creditTesto{
		position: relative;
		float: left;
		font-family: titling-gothic-fb, sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size:22px;
		margin-top: 10px;
		}
	.testo + .testoTitolo{
		margin-top:40px;
		}

/**************************************************************************** FINE SLIDE 18 */

@media only screen and (max-width: 1199px) {
	body:after {
		content: "1080";
	  }
}
@media only screen and (max-width: 1007px) and (min-height: 480px) {
	body:after {
		content: "768";
		}
	#sld11grafico {
		height: 40vh;
		margin-top: 40px;
		}
	.bloccoCentrato {
		padding: 0 4%;
		}
}

@media only screen and (max-width: 1007px) and (max-height: 480px) {
	body:after {
		content: "768";
		}
	.testo {
		font-size: 15px;
		}
	#titoloSchede {
		height: 66px;
		width: 100%;
		background-image: url(../img/titoloSchede2.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-bottom: 8px;
	}
	.diapo {
		font-size: 14px;
		font-family: titling-gothic-fb, sans-serif;
		font-weight: 500;
		font-style: normal;
		width: 100%;
		text-align: left;
		line-height: 34px;
		padding-left: 47px;
		}
	.fa {
		position: relative;
		float: right;
		font-size: 12px!important;
		width: 18px;
		text-align: center;
		/* line-height: 80px; */
		padding: 6px 3.5px 7px;
		text-decoration: none;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 16px;
		/* background-color: #fff; */
		margin-left: 5px;
		color: #fff;
		border: 1.5px solid #fff;
		}
	
	#logoSole {
		background-image: url(../img/logoSole.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 32px;
		width: 99px;
		position: absolute;
		left: 0;
	}

	#contieniLogoSole{
		left:10px;
		}
	#selSocial{
		right: 10px;	
		top: 3px;
		}
	.testoTitolo {
		font-size: 28px;
		font-family: matrix-ii, serif;
		font-weight: 800;
		font-style: normal;
		line-height: 27px;
		margin-bottom: 10px;
		}
	.bloccoCentrato {
		padding: 0 4%;}
	#sld3grafico {
		height: 41vh;
		margin-top: 10px;
		}
	.footer{display: none;}
	
	#sld1 .footer {
		display: flex;
		}
	#sld3grafico {
		height: 44vh;
		margin-top: 20px;
		}
	
	#sld4 .testoTitolo {
		font-size: 28px;
		font-family: matrix-ii, serif;
		font-weight: 800;
		font-style: normal;
		line-height: 27px;
		margin-bottom: 0;
		}
	#sld5grafico {
		height: 49vh;
		margin-top: 3vh;
		}
	#sld11grafico {
		height: 22vh;
		margin-top: 4vh;
		}
	#sld13grafico {
		position: relative;
		width: 100%;
		height: 80vh;
		}
	#sfondoSld14b {
		position: absolute;
		width: 90vw;
		height: 76vh;
		margin: 13vh 5vw;
		border: 4px solid #fff;
		}
	#sld14 .bloccoCentrato {
		padding: 0 9%;
		}
	#sld17grafico {
		height: 36vh;
		margin-top: 3vh;
		}
	#sld18 .testoTitolo {
		font-family: titling-gothic-fb-extended, sans-serif;
		color: rgba(255,255,255,.4);
		font-size: 10px;
		text-transform: uppercase;
		}
	.creditTitolo {
		position: relative;
		float: left;
		font-family: titling-gothic-fb, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 10px;
		margin-top: 0;
		margin-right: 10px;
		}
	.creditTesto {
		position: relative;
		float: left;
		font-family: titling-gothic-fb, sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: 10px;
		margin-top: 0;
		}
	#creditLogo1.creditTitolo:before, #creditLogo2.creditTitolo:before, #creditLogo3.creditTitolo:before, #creditLogo4.creditTitolo:before {
		width: 15px;
		height: 24px;
		top: -5px;
		}
	.testo + .testoTitolo {
		margin-top: 10px;
		}
	#sld9grafico0{
	animation-play-state: paused;
	}
	#sfondoSld14{
	animation-play-state: paused;
	}
	#sld12 .testoTitolo {
		font-size: 28px;
		font-family: matrix-ii, serif;
		font-weight: 800;
		font-style: normal;
		line-height: 27px;
		margin-bottom: 0;
		}
}

@media only screen and (max-width: 480px) {
	.testo {
		font-size: 19px;
		}
	.testoTitolo{
		font-size:28px;
		}
	.bloccoCentrato {
		padding: 0px 6%;
	}
	body:after {
		content: "320";
		}
	.diapo {
		font-size: 13px;
		font-family: titling-gothic-fb, sans-serif;
		font-weight: 500;
		font-style: normal;
		width: 100%;
		text-align: left;
		line-height: 34px;
		padding-left: 47px;
		}
	#animazione1{
		height: 75px;
		width: 75px;
	}
	#animazione2 {
    	transform: none;
    	width: 60px;
		height: 60px;}
	.bloccoCentrato {
		top: 46%;}
	#sld3grafico{
		background-image: url(../img/grafici/SMP01_1.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;}
	#sld5grafico{
		background-image:url(../img/grafici/SMP02_1.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;}
	#sld7grafico{
		background-image:url(../img/grafici/SMP03_1.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;}
		#sld9grafico1 {
			background-image: url(../img/grafici/SMP04_1.png);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			height: 320px;
			top: 64px;
		}
	#sld11grafico{
		background-image:url(../img/grafici/SMP05_1.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;}
	#sld13grafico{
		background-image:url(../img/grafici/SMP06_1.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		position: relative;
		float: left;
		width: 100%;
		height: 530px;}
	#sld17grafico{
		background-image:url(../img/grafici/SMP07_1.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;}
	#sld11grafico {
		height: 36vh;
		margin-top: 18px;
	}
	.fa {
		position: relative;
		float: right;
		font-size: 12px!important;
		width: 18px;
		text-align: center;
		/* line-height: 80px; */
		padding: 6px 3.5px 7px;
		text-decoration: none;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 16px;
		/* background-color: #fff; */
		margin-left: 5px;
		color: #fff;
		border: 1.5px solid #fff;
		}
	
	#logoSole {
		background-image: url(../img/logoSole.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 32px;
		width: 99px;
		position: absolute;
		left: 0;
	}
	#wrapper {
		position:fixed;
	}

	#contieniLogoSole{
		left:10px;
		}
	#selSocial{
		right: 10px;	
		top: 3px;
		}
	#sfondoSld1{
		position: absolute;
		/* position: absolute; */
		/* top: -30px; */
		width: 100%;
		height: 100%;
		top: -168px;
		}
	
	#sld2 .bloccoCentrato {
		top: 53%;
		}
	#sld4 .testoTitolo,#sld4 .testo {
		padding: 10px!important;
		}
	
	
	#sld8 {
		background-image: url(../img/BKG_SMP04.gif);
		background-color: #009fff;
		}
	#sfondoSld9 {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: visible;}
	#sld14 .bloccoCentrato {
		padding: 0px 9%;
		}
	#sld15 {
		background-image: url(../img/BKG_SMP15.gif);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		}
	#diapoSwipe{
		display: block;
		background-image: url(../img/swipe.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 38px;
		/* border-top: 1px solid #fff; */
		padding-top: 7px;
		position: fixed;
		bottom: 110px;
		margin: 0 10px;
		width: calc(100% - 20px);
		height: 45px;
		}
	#diapoSwipeTesto{
		font-size: 14px;
		display: block;
		width: 70%;
		background-image: url(../img/info.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 20px;
		padding-left: 30px;
		text-align: left;
		}

	#sld9grafico0{
	animation-play-state: paused;
	}
	#sfondoSld14{
	animation-play-state: paused;
	}
	.swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 90px!important;
		display: none;
		}
	#titoloSchede {
		width: 100%;
		background-image: url(../img/titoloSchede2.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-bottom: 0;
		}

	.footer{ 
		display:none;
		}

	.bloccoCentrato {
		padding: 0px 6%;}

	#sld3grafico {
		height: 44vh;
		margin-top: 30px;
		margin-bottom: -30px;
		}
	
	.creditTitolo {
		position: relative;
		float: left;
		font-family: titling-gothic-fb, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 11px;
		margin-top: 5px;
		margin-right: 5px;
	}
	
	
		
	#sfondoSld14b {
		height: 76vh;
		}
	#creditLogo1.creditTitolo:before{
		content: " ";
		background-image: url(../img/logo1.png);
		background-repeat: no-repeat;
		background-position: center; background-size: 100%; position: relative;	float: left; 
		width: 22px;height: 22px;top: -3px;
		}
	#creditLogo2.creditTitolo:before{
		content: " ";
		background-image: url(../img/logo2.png);
		background-repeat: no-repeat;
		background-position: center; background-size: 100%; position: relative;	float: left; 
		width: 22px;height: 22px;top: -3px;
		}
	#creditLogo3.creditTitolo:before{
		content: " ";
		background-image: url(../img/logo3.png);
		background-repeat: no-repeat;
		background-position: center; background-size: 100%; position: relative;	float: left; 
		width: 22px;height: 22px;top: -3px;
		}
	#creditLogo4.creditTitolo:before{
		content: " ";
		background-image: url(../img/logo4.png);
		background-repeat: no-repeat;
		background-position: center; background-size: 100%; position: relative;	float: left; 
		width: 22px;height: 22px;top: -3px;
		}
	.creditTesto{
		position: relative;
		float: left;
		font-family: titling-gothic-fb, sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size:15px;
		margin-top: 9px;
		}
	
	.creditTesto {
		position: relative;
		float: left;
		font-family: titling-gothic-fb, sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: 15px;
		margin-top: 5px;}
	.creditTitolo {
		position: relative;
		float: left;
		font-family: titling-gothic-fb, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 15px;
		margin-top: 5px;
		margin-right: 5px;
		}
	.testo + .testoTitolo{
		margin-top:40px;
		}
	#sld18 .testoTitolo {
		font-size: 12px;
		}
	#sld5grafico {
		height: 53vh;
		margin-top: 3vh;
		}
	#sld6 {
		background-size: 98%;}
}
@media only screen and (max-width: 400px) {
	
	.testoTitolo {
		font-size: 24px;
		}
	
	#sld11grafico {
		height: 40vh;
		margin-top: 3vh;
		}
	.testo {
		font-size: 15px;
		}
	.bloccoCentrato {
		padding: 0px 6%;
		top: 45%;}

	#sld13grafico {
		position: relative;
		float: left;
		width: 100%;
		height: 464px;
		/* left: -9px; */
		}
	
	#sld9grafico0 {
		left: -270px;
		height: 270px;
		width: calc(100% + 270px);
		}
	#sld9grafico1 {
		background-image: url(../img/grafici/SMP04_1.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 240px;
		top: 64px;
		}
	
	#sld10 .riquadro {
		-webkit-box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
		-moz-box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
		box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
		background-color: #e6ff00;
		padding: 10px;
		}
	#sld11 .riquadro {
		-webkit-box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
		-moz-box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
		box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
		background-color: #e6ff00;
		padding: 7px 10px;
		}
	#sld11grafico {
		height: 40vh;
		margin-top: 3vh;
		}
	#sld7grafico {
		height: 43vh;
		margin-top: 3vh;
		}

	#sld17grafico {
		height: 45vh;
		margin-top: 14px;
	}
	#sfondoSld14b {
		height: 73vh;
		}
	#creditLogo1.creditTitolo:before{
		content: " ";
		background-image: url(../img/logo1.png);
		background-repeat: no-repeat;
		background-position: center; background-size: 100%; position: relative;	float: left; 
		width: 20px;height: 20px;top: -3px;
		}
	#creditLogo2.creditTitolo:before{
		content: " ";
		background-image: url(../img/logo2.png);
		background-repeat: no-repeat;
		background-position: center; background-size: 100%; position: relative;	float: left; 
		width: 20px;height: 20px;top: -3px;
		}
	#creditLogo3.creditTitolo:before{
		content: " ";
		background-image: url(../img/logo3.png);
		background-repeat: no-repeat;
		background-position: center; background-size: 100%; position: relative;	float: left; 
		width: 20px;height: 20px;top: -3px;
		}
	#creditLogo4.creditTitolo:before{
		content: " ";
		background-image: url(../img/logo4.png);
		background-repeat: no-repeat;
		background-position: center; background-size: 100%; position: relative;	float: left; 
		width: 20px;height: 20px;top: -3px;
		}
	.creditTesto{
		position: relative;
		float: left;
		font-family: titling-gothic-fb, sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: 13px;
		margin-top: 5px;
		}
	.testo + .testoTitolo{
		margin-top:30px;
		}
	#sld18 .testoTitolo {
		font-size: 12px;
		}
	#sld14 .bloccoCentrato {
		padding: 0px 12%;
	}
}
@media only screen and (max-width: 320px) {
	body:after {
		content: "320";
		}
	body{
		overflow: hidden;
		}
	#sld5grafico {
		height: 49vh;
		margin-top: 10px;
		}
	#sld9 .bloccoCentrato {
		top: 32%;
		}
	#sld11grafico {
		height: 36vh;
		margin-top: 2vh;
		}
	#sld13grafico {
		position: relative;
		float: left;
		width: 316px;
		height: 414px;
		left: -9px;
		}
	#sld17grafico {
		height: 37vh;
		margin-top: 4px;
		}
	#sld7grafico {
		height: 38vh;
		margin-top: 10px;
	}
	#sld3grafico {
		height: 44vh;
		margin-top: 10px;
		margin-bottom: -30px;
	}
	.diapo {
		font-size: 10px;
		padding-left: 44px;
		}
}