@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%;
    height: 100vh;
	}

::-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{
    /*fix ui mobile on ipad*/
    /* width: 100% !important;*/
    height: auto !important;
	height: 100%!important;
	overflow: hidden;
	}

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

.nascosto{
	display:none;
	}

@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{
    position: relative;
    float: left;
    color: #fff;
    /* margin: 0 auto 10px; */
    width: 320px;
    height: 568px!important;
    background: gray;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	}

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

@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";
		}
	
	#wrapper {
		height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
		height: calc(var(--vh, 1vh) * 100);
		}

	#contieniLogoSole{
		left:10px;
		}
	
}
@media only screen and (max-width: 400px) {
	
}
@media only screen and (max-width: 320px) {
	body:after {
		content: "320";
		}
	body{
		overflow: hidden;
		}
	
}
@media only screen and (min-width: 1300px) {
		body:after {
		content: "1300";
		}
	
}