@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; */}

.contieniFisso{
    width: 1200px!important;
	}

#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%,calc(-50% - 120px) );
	text-align: left;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;  
	}
#sld0 .bloccoCentrato{
	transform: translate(-50%,-50%)!important;
	}
#sld0 .testo {
	width: 50%!important;
}
#sld0 .testoTitolo {
	font-size: 80px;
	/*color:#fced19!important;*/
}
.video-cnt{
	position:absolute;
	width: 100vw!important;
	height: 100vh!important;
	}

.video-grande{
	width: 100vh;
	height: 100vh;
	position:relative;
	}

.fullscreen-bg__video {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: 100%;
		transform: translate(-50%, -50%);}

.neretto{
	font-weight:800;
}

.giallo{
	font-weight:800;
	color:#fced19;
	}

.rosso{
	font-weight:800;
	color:#ef4f63;
	}
.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;
}

.testoPiuPiccolo{
	font-size:22px;
}

.testoTitolo{
	font-size: 50px;
	font-family: matrix-ii, serif;
	font-weight: 800;
	font-style: normal;
}
#testata{
	position:fixed;
	height: 50px;
	z-index: 999;
	left: 50%;
	transform: translateX(-50%);
	}
#svg1{
	position:fixed;
	top: 55px;
	height: 167px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	z-index: 11;
	}
#svg2{
	position:fixed;
	bottom: 30px;
	height: 464px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	z-index: 11;
	}
#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: -15px;
    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;
	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 */


.imgCnt{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/**************************************************************************** SLIDE GRAFICI */
#sld0 .imgCnt{ background-image: url("../img/foto-DSK/sld-00.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld1 .imgCnt{ background-image: url("../img/foto-DSK/sld-01.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld2 .imgCnt{ background-image: url("../img/foto-DSK/sld-02.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld3 .imgCnt{ background-image: url("../img/foto-DSK/sld-03.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld4 .imgCnt{ background-image: url("../img/foto-DSK/sld-04.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld5 .imgCnt{ background-image: url("../img/foto-DSK/sld-05.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld6 .imgCnt{ background-image: url("../img/foto-DSK/sld-06.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld7 .imgCnt{ background-image: url("../img/foto-DSK/sld-07.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld8 .imgCnt{ background-image: url("../img/foto-DSK/sld-08.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld9 .imgCnt{ background-image: url("../img/foto-DSK/sld-09.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld10 .imgCnt{ background-image: url("../img/foto-DSK/sld-10.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld11 .imgCnt{ background-image: url("../img/foto-DSK/sld-11.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld12 .imgCnt{ background-image: url("../img/foto-DSK/sld-12.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld13 .imgCnt{ background-image: url("../img/foto-DSK/sld-13.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld14 .imgCnt{ background-image: url("../img/foto-DSK/sld-14.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld15 .imgCnt{ background-image: url("../img/foto-DSK/sld-15.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld16 .imgCnt{ background-image: url("../img/foto-DSK/sld-16.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld17 .imgCnt{ background-image: url("../img/foto-DSK/sld-17.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld18 .imgCnt{ background-image: url("../img/foto-DSK/sld-18.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}

#sld0, .bkg0{
	background: rgb(208,70,70);
	background: -moz-linear-gradient(180deg, rgba(208,70,70,1) 0%, rgba(120,40,41,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(208,70,70,1) 0%, rgba(120,40,41,1) 100%);
	background: linear-gradient(180deg, rgba(208,70,70,1) 0%, rgba(120,40,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d04646",endColorstr="#782829",GradientType=1);
	}
	
#sld1, .bkg1{
	background: rgb(227,87,90);
	background: -moz-linear-gradient(180deg, rgba(227,87,90,1) 0%, rgba(130,50,53,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(227,87,90,1) 0%, rgba(130,50,53,1) 100%);
	background: linear-gradient(180deg, rgba(227,87,90,1) 0%, rgba(130,50,53,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3575a",endColorstr="#823235",GradientType=1);
	}
	#sld2, .bkg2{
background: rgb(215,91,99);
background: -moz-linear-gradient(180deg, rgba(215,91,99,1) 0%, rgba(123,54,59,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(215,91,99,1) 0%, rgba(123,54,59,1) 100%);
background: linear-gradient(180deg, rgba(215,91,99,1) 0%, rgba(123,54,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d75b63",endColorstr="#7b363b",GradientType=1);
	}
	#sld3, .bkg3{
background: rgb(203,97,109);
background: -moz-linear-gradient(180deg, rgba(203,97,109,1) 0%, rgba(117,56,58,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(203,97,109,1) 0%, rgba(117,56,58,1) 100%);
background: linear-gradient(180deg, rgba(203,97,109,1) 0%, rgba(117,56,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb616d",endColorstr="#75383a",GradientType=1);
	}
	#sld4, .bkg4{
background: rgb(189,102,118);
background: -moz-linear-gradient(180deg, rgba(189,102,118,1) 0%, rgba(109,59,70,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(189,102,118,1) 0%, rgba(109,59,70,1) 100%);
background: linear-gradient(180deg, rgba(189,102,118,1) 0%, rgba(109,59,70,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bd6676",endColorstr="#6d3b46",GradientType=1);
	}
	#sld5, .bkg5{
background: rgb(177,108,126);
background: -moz-linear-gradient(180deg, rgba(177,108,126,1) 0%, rgba(101,63,74,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(177,108,126,1) 0%, rgba(101,63,74,1) 100%);
background: linear-gradient(180deg, rgba(177,108,126,1) 0%, rgba(101,63,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b16c7e",endColorstr="#653f4a",GradientType=1);
	}
	#sld6, .bkg6{
background: rgb(165,113,135);
background: -moz-linear-gradient(180deg, rgba(165,113,135,1) 0%, rgba(94,66,80,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(165,113,135,1) 0%, rgba(94,66,80,1) 100%);
background: linear-gradient(180deg, rgba(165,113,135,1) 0%, rgba(94,66,80,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a57187",endColorstr="#5e4250",GradientType=1);
	}
	#sld7, .bkg7{
background: rgb(139,124,155);
background: -moz-linear-gradient(180deg, rgba(139,124,155,1) 0%, rgba(79,72,90,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(139,124,155,1) 0%, rgba(79,72,90,1) 100%);
background: linear-gradient(180deg, rgba(139,124,155,1) 0%, rgba(79,72,90,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8b7c9b",endColorstr="#4f485a",GradientType=1);
	}
	#sld8, .bkg8{
background: rgb(126,131,163);
background: -moz-linear-gradient(180deg, rgba(126,131,163,1) 0%, rgba(73,75,96,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(126,131,163,1) 0%, rgba(73,75,96,1) 100%);
background: linear-gradient(180deg, rgba(126,131,163,1) 0%, rgba(73,75,96,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7e83a3",endColorstr="#494b60",GradientType=1);
	}
	#sld9, .bkg9{
background: rgb(115,135,172);
background: -moz-linear-gradient(180deg, rgba(115,135,172,1) 0%, rgba(66,78,102,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(115,135,172,1) 0%, rgba(66,78,102,1) 100%);
background: linear-gradient(180deg, rgba(115,135,172,1) 0%, rgba(66,78,102,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7387ac",endColorstr="#424e66",GradientType=1);
	}
	#sld10, .bkg10{
background: rgb(102,141,182);
background: -moz-linear-gradient(180deg, rgba(102,141,182,1) 0%, rgba(59,83,109,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(102,141,182,1) 0%, rgba(59,83,109,1) 100%);
background: linear-gradient(180deg, rgba(102,141,182,1) 0%, rgba(59,83,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#668db6",endColorstr="#3b536d",GradientType=1);
	}
	#sld11, .bkg11{
background: rgb(88,147,191);
background: -moz-linear-gradient(180deg, rgba(88,147,191,1) 0%, rgba(51,86,114,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(88,147,191,1) 0%, rgba(51,86,114,1) 100%);
background: linear-gradient(180deg, rgba(88,147,191,1) 0%, rgba(51,86,114,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5893bf",endColorstr="#335672",GradientType=1);
	}
	#sld12, .bkg12{
background: rgb(76,152,201);
background: -moz-linear-gradient(180deg, rgba(76,152,201,1) 0%, rgba(44,88,117,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(76,152,201,1) 0%, rgba(44,88,117,1) 100%);
background: linear-gradient(180deg, rgba(76,152,201,1) 0%, rgba(44,88,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c98c9",endColorstr="#2c5875",GradientType=1);
	}
	#sld13, .bkg13{
background: rgb(63,157,209);
background: -moz-linear-gradient(180deg, rgba(63,157,209,1) 0%, rgba(36,91,122,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(63,157,209,1) 0%, rgba(36,91,122,1) 100%);
background: linear-gradient(180deg, rgba(63,157,209,1) 0%, rgba(36,91,122,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f9dd1",endColorstr="#245b7a",GradientType=1);
	}
	#sld14, .bkg14{
background: rgb(52,163,218);
background: -moz-linear-gradient(180deg, rgba(52,163,218,1) 0%, rgba(30,94,129,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(52,163,218,1) 0%, rgba(30,94,129,1) 100%);
background: linear-gradient(180deg, rgba(52,163,218,1) 0%, rgba(30,94,129,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#34a3da",endColorstr="#1e5e81",GradientType=1);
	}
	#sld15, .bkg15{
background: rgb(38,168,228);
background: -moz-linear-gradient(180deg, rgba(38,168,228,1) 0%, rgba(22,98,134,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(38,168,228,1) 0%, rgba(22,98,134,1) 100%);
background: linear-gradient(180deg, rgba(38,168,228,1) 0%, rgba(22,98,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26a8e4",endColorstr="#166286",GradientType=1);
	}
	#sld16, .bkg16{
background: rgb(25,175,238);
background: -moz-linear-gradient(180deg, rgba(25,175,238,1) 0%, rgba(13,101,139,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(25,175,238,1) 0%, rgba(13,101,139,1) 100%);
background: linear-gradient(180deg, rgba(25,175,238,1) 0%, rgba(13,101,139,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#19afee",endColorstr="#0d658b",GradientType=1);
	}
	#sld17, .bkg17{
background: rgb(14,179,247);
background: -moz-linear-gradient(180deg, rgba(14,179,247,1) 0%, rgba(7,104,146,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(14,179,247,1) 0%, rgba(7,104,146,1) 100%);
background: linear-gradient(180deg, rgba(14,179,247,1) 0%, rgba(7,104,146,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0eb3f7",endColorstr="#076892",GradientType=1);
	}
	#sld18, .bkg18{
background: rgb(1,185,255);
background: -moz-linear-gradient(180deg, rgba(1,185,255,1) 0%, rgba(0,107,151,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(1,185,255,1) 0%, rgba(0,107,151,1) 100%);
background: linear-gradient(180deg, rgba(1,185,255,1) 0%, rgba(0,107,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01b9ff",endColorstr="#006b97",GradientType=1);
	}

	#sld19, .bkg19{
background: rgb(1,185,255);
background: -moz-linear-gradient(180deg, rgba(1,185,255,1) 0%, rgba(0,107,151,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(1,185,255,1) 0%, rgba(0,107,151,1) 100%);
background: linear-gradient(180deg, rgba(1,185,255,1) 0%, rgba(0,107,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01b9ff",endColorstr="#006b97",GradientType=1);
	}

/**************************************************************************** FINE SLIDE GRAFICI */

/**************************************************************************** SLIDE 1 */
/**************************************************************************** FINE SLIDE 1 */


#sld19 .testoTitolo{
	font-size: 40px;
}
#sld19 .creditTitolo{
	font-size: 22px;
}
#sld19 .creditTesto{
	font-size: 22px;
}

#sld19 .bloccoCentrato{
	transform: translate(-50%,-50%) ;
}

#audio{
	position:absolute;	
	left: 20px;
	top:0;
	width:40px;
	height:40px;
	margin: 20px;
	cursor: pointer;
	z-index:9999;
	}
.audio-off{
	background-image:url(../img/audio-off.svg); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	}
.audio-on{
	background-image:url(../img/audio-on.svg); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	}

#audio{
    position: absolute;
    left: 20px;
    top: -170px;
    width: 40px;
    height: 40px;
    margin: 20px;
    cursor: pointer;
	display:none;
	}

.audio-off{
	background-image:url(../img/audio-off.svg); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	}
.audio-on{
	background-image:url(../img/audio-on.svg); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	}

@media only screen and (max-width: 1199px) {
	body:after {
		content: "1080";
	  }
	.contieniFisso{
		width:1008px!important;
		}
	.bloccoCentrato{
	transform: translate(-50%,calc(-50% - 100px) );
	}
}
@media only screen and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1) and (orientation : landscape) { 
	body:after {
		content: "1080-ipad-l";
	  }	
	#svg2{
		bottom: -40px;
		}
	.testo{
		font-size: 28px;
		padding: 0 20px;
		}
	.testoTitolo{
		font-size: 90px;
		color: #fced19!important;
		line-height: 90px;
		margin-bottom: 20px;
		padding: 0 30px;
		}
	#sld17 .imgCnt {
		background-position: 30% center;
		}
	#sld12 .imgCnt {
		background-position: 20% center;
		}
	}

@media only screen and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : landscape) { 
	body:after {
		content: "1080-ipad-l";
	  }	
	.testo{
		font-size: 22px;
		padding: 0 30px;
		}
	}

@media only screen and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1) and (orientation : portrait) { 
	body:after {
		content: "1080-ipad-p";
	  }	
	#svg2{
		bottom: -30px;
		}
	.testo{
		font-size: 40px;
		padding: 0 30px;
		line-height: 60px;
		}
	.testoTitolo{
		font-size: 130px!important;
		color: #fced19!important;
		line-height: 120px;
		margin-bottom: 40px;
		padding: 0 30px;
		}
	#sld0 .testo{
		font-size: 34px;
		padding: 0 30px;
		line-height: 46px;
		}
	#sld17 .imgCnt {
		background-position: 30% center;
		}
	#sld12 .imgCnt {
		background-position: 20% center;
		}
	#sld19 .testoTitolo{
		font-size: 25px!important;
		margin-bottom: -25px;
		}
	.creditTitolo{
		width:100%;
		}
	#sld19 .creditTitolo, #sld19 .creditTesto{
		font-size: 20px!important;
		}
	#sld19 .bloccoCentrato {
		transform: translate(0,-50%);
		height: auto;
		top:50%;
		}
	}

@media only screen and (max-width: 1007px) and (min-height: 480px) {
	body:after {
		content: "768-1";
		}
	.contieniFisso{
		width:100%!important;
		}
	#sld11grafico {
		height: 40vh;
		margin-top: 40px;
		}
	.bloccoCentrato {
		padding: 0 4%;
		}
	.contieniFisso{
		width:100%;
		}
	
	.testoTitolo {
		font-size: 28px;
		font-family: matrix-ii, serif;
		font-weight: 800;
		font-style: normal;
		line-height: 27px;
		margin-bottom: 10px;
		}
	.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;
		}
	#sld0 .testo {
		font-size: 24px;
		padding: 0 30px;
		line-height: 36px;
		}
	#sld0 .testoTitolo {
		line-height: 120px;
		margin-bottom: 20px;}
	#svg2 {
		bottom: -140px;
		}	
	.testo {
		font-size: 31px;
		line-height: 46px;
		}
	.bloccoCentrato:not(.bloccoCentrato0) {
		position: absolute!important;
		top: 200px!important;
		transform: none!important;
		left: 0!important;
		padding: 0 40px;
		}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		background-image:none;
		}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		background-image:none;
	}
	#audio {
		position: relative;
		left: 10px;
		width: 40px;
		height: 40px;
		margin: 20px;
		cursor: pointer;
		display: none;
		bottom: -260px;
		float: left;
		top:0;
	}
}

@media only screen and (max-width: 1007px) and (max-height: 480px) {
	body:after {
		content: "768-2";
		}
	.contieniFisso{
		width:728px!important;
		}
	.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) {
	#audio{
	position:absolute;	
	left: 20px;
	top:0;
	width:40px;
	height:40px;
	margin: 20px;
	cursor: pointer;
	z-index:9999;
	top:-170px;
	}
.swiper-button-prev, .swiper-button-next {
    width: 20px!important;
	}
	
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-size: 60px!important;
	background-position: -20px center!important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-size: 60px!important;
	background-position: -25px center!important;
}
	
	
	body:after {
	content: "480";
	}
	/*
	.bloccoCentrato :not(.bloccoCentrato0){
    top: 290px;
    background: rebeccapurple;
    transform: none;
    height: calc(100vh - 480px);
    left: 0;
    display: flex;
    align-content: center;
    flex-flow: wrap;
	}*/
	
	.bloccoCentrato:not(.bloccoCentrato0){
		position: absolute;
		top: 200px;
		transform: none;
		left: 0;
		height: calc(100vh - 400px);
		/*
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		*/
		padding: 0;
		}
	
	#sld3 .fullscreen-bg__video{
		width: auto;
		height: 100%;
		left: 90%;
		}
	
	#sld5 .fullscreen-bg__video{
		width: auto;
		height: 100%;
		left: 20%;
		}
	
	#sld16 .fullscreen-bg__video{
		width: auto;
		height: 100%;
		left: 36%;
		}
	
	#sld0 .testo {
		font-size: 24px;
			padding: 0 20px;
			line-height: normal;
			width: 100%!important;
			left: auto!important;
			top: auto!important;
			transform: none;
		}	
	#sld0 .testoTitolo {
			font-size: 90px!important;
			color: #fced19!important;
			line-height: normal;
		}	
	.testo{
		font-size: 24px;
		padding: 0 30px;
		line-height: normal;
		position:relative;
		float: left;
		}
	#svg1 {
		top: 146px;}
	#svg2{
		bottom: -298px;
		}
	.bloccoCentrato {
		transform: translate(-50%,calc(-50% + 68px) );}
/**************************************************************************** SLIDE GRAFICI */
.imgCnt {
    height: 180px;
	}
	#sld0 .imgCnt{
		margin-top: 0;
		height:100vh;
	}
#sld0 .imgCnt{ background-image: url("../img/foto-MBL/sld-00.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld1 .imgCnt{ background-image: url("../img/foto-MBL/sld-01n.jpg"); background-repeat: no-repeat; background-position: center 30px; background-size: cover;}
#sld2 .imgCnt{ background-image: url("../img/foto-MBL/sld-02n.jpg"); background-repeat: no-repeat; background-position: center 19px; background-size: cover;}
/* #sld3 .imgCnt{ background-image: url("../img/foto-MBL/sld-03.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;} */
#sld4 .imgCnt{ background-image: url("../img/foto-MBL/sld-04n.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
/* #sld5 .imgCnt{ background-image: url("../img/foto-MBL/sld-05.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;} */
#sld6 .imgCnt{ background-image: url("../img/foto-MBL/sld-06n.jpg"); background-repeat: no-repeat; background-position: center 7px; background-size: cover;}
#sld7 .imgCnt{ background-image: url("../img/foto-MBL/sld-07n.jpg"); background-repeat: no-repeat; background-position: center 9px; background-size: cover;}
#sld8 .imgCnt{ background-image: url("../img/foto-MBL/sld-08n.jpg"); background-repeat: no-repeat; background-position: center 10px; background-size: cover;}
#sld9 .imgCnt{ background-image: url("../img/foto-MBL/sld-09n.jpg"); background-repeat: no-repeat; background-position: center 0; background-size: cover;}
#sld10 .imgCnt{ background-image: url("../img/foto-MBL/sld-10n.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld11 .imgCnt{ background-image: url("../img/foto-MBL/sld-11n.jpg"); background-repeat: no-repeat; background-position: center 0; background-size: cover;}
#sld12 .imgCnt{ background-image: url("../img/foto-MBL/sld-12n.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld13 .imgCnt{ background-image: url("../img/foto-MBL/sld-13n.jpg"); background-repeat: no-repeat; background-position: center 0; background-size: cover;}
#sld14 .imgCnt{ background-image: url("../img/foto-MBL/sld-14n.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sld15 .imgCnt{ background-image: url("../img/foto-MBL/sld-15n.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
/* #sld16 .imgCnt{ background-image: url("../img/foto-MBL/sld-16.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;} */
#sld17 .imgCnt{ background-image: url("../img/foto-MBL/sld-17n.jpg"); background-repeat: no-repeat; background-position: center 0; background-size: cover;}
#sld18 .imgCnt{ background-image: url("../img/foto-MBL/sld-18n.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
	
/**************************************************************************** FINE SLIDE GRAFICI */

	
	
	.testo {
		font-size: 20px;
		}
	.testoTitolo{
		font-size:28px;
		}
	.bloccoCentrato {
		padding: 0px 6%;
	}

	.contieniFisso{
		width:100%!important;;
		}
	.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;
		}
	
	
	.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;
		}

	#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;
		}

	.swiper-container-horizontal > .swiper-pagination-bullets {
		top: 14px!important;
		/*display: block; */
		}
	
	.footer{ 
		display:none;
		}

	.bloccoCentrato {
		padding: 0px 5px;}

	.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;
	}

	#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;
		}
}

@media only screen and (max-width: 400px) {
	#sld19 .creditTitolo{
		font-size: 18px!important;
	}
	#sld19 .creditTesto{
		font-size: 16px!important;
	}	
	
		body:after {
		content: "400";
		}
	
	.testo {
		font-size: 15px!important;
		/*
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
		*/
		}
	#sld0 .bloccoCentrato{
		transform: translate(-50%,60px)!important;
		top:0!important;
		}
	#sld0 .testoTitolo {
		font-size: 70px!important;
		color: #fced19!important;
		line-height: 60px;
		padding: 0 30px;
		margin-bottom: 20px;
	}
	#sld0 .testo {
		font-size: 18px;
		padding: 0 30px;
		line-height: 20px;
		width: 100%!important;
		left: auto!important;
		top:auto!important;
		transform: none!important;		
		}	
	/*
	
	#sld0 .bloccoCentrato{
		transform: none!important;
		left: 0!important;
		top: 35px!important;
	}
	*/
	.contieniFisso{
		width: 100%!important;
		}
	/*
	.bloccoCentrato {
		padding: 0px 6%;
		top: 45%;}
	*/
	#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;
		}
}
@media only screen and (max-width: 320px) {
	
	
	.imgCnt {
		height: 170px;
		}
	#svg1 {
		top: 141px;
	}
	
.bloccoCentrato:not(.bloccoCentrato0) {
    position: absolute;
    top: 175px;
    transform: none;
    left: 0;
    height: calc(100vh - 360px);
	padding: 0;
	}
#sld0 .bloccoCentrato {
    top: 30px;
    transform: none!important;
    left: 0;		
	}
#sld0 .testo {
	font-size: 20px;
    padding: 0 30px;
    line-height: normal;
    width: 100%!important;
	}
#sld0 .testoTitolo {
    font-size: 70px!important;
    color: #fced19!important;
    padding: 0 30px;
    margin: 20px 0 20px;
    line-height: 61px;
	}
	
	body:after {
		content: "32xx0";
		}
	.contieniFisso{
		}
	body{
		overflow: hidden;
		}
	.diapo {
		font-size: 10px;
		padding-left: 44px;
		}
}

@media screen and (max-height: 480px) and (max-width: 812px) and (min-width: 568px) and (orientation: landscape) {
	body:after {
	content: "ultimo";
	}
	.imgCnt {
    height:100vh;
	}
	#svg1{
		display:none;}
	#svg2{
		bottom:-180px;
	}
	.swiper-pagination{
		display:none;
	}
	#sld0 .testoTitolo{
		font-size: 60px;
    	color: #fced19!important;
		line-height: 3.4rem;}
	.contieniFisso{
		width: 100%!important;
	}
}

@media (min-aspect-ratio: 16/9) {
	.fullscreen-bg__video {
		height: auto;
		width: 100%;}
	}
		
@media (max-aspect-ratio: 16/9) {
	.fullscreen-bg__video {
		width: auto;
		height: 115%;
		/* left: -100%; */
  		}
@media (min-aspect-ratio: 17/9) {
	.fullscreen-bg__video {
		height: 1200%;
		width: auto;}
	}	
	}

