:root {
  --bx_graph_width: 100%;
  --bx_graph_height: 500px;
}

.bx.container-graph {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 60% auto;
      grid-template-columns: 60% auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bx.segment {
  display: none;
}

.bx.graph {
  width: var(--bx_graph_width);
  height: var(--bx_graph_height);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='1'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='2'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='3'] {
  background-image: url("assets/a_base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='4'] {
  background-image: url("assets/base_3.png"), url("assets/a_base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='5'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='6'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='7'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='8'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='9'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='10'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/a_base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='11'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/a_base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='12'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='13'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='14'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='15'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='16'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/base_17.png"), url("assets/base.png");
}

.bx.graph[data-segment='17'] {
  background-image: url("assets/base_3.png"), url("assets/base_4.png"), url("assets/base_10.png"), url("assets/base_11.png"), url("assets/a_base_17.png"), url("assets/base.png");
}

.bx.data .segment {
  display: none;
}
/*# sourceMappingURL=style.css.map */

/*2022*/
	.white {
	background-color:#fff;
	}
	.videoSec {
	    width: 100%;
	    float: left;
	    background: #242424;
	    padding: 50px 0;
	}
	
	.video-container{
		width:100%;
		height:500px;
		overflow:hidden;
		position:relative;
	}
@media only screen and (min-width :100px) and (max-width : 575px) {
	.video-container{
		height:250px;
	}
 }
 
@media only screen and (min-width :576px) and (max-width : 767px) { 
	.video-container{
		height:250px;
	}
}

@media only screen and (min-width :768px) and (max-width : 991px) {
	.video-container{
		height:380px;
	}
}
	.video-container iframe{
		position: absolute;
		top: -60px;
		left: 0;
		width: 100%;
		height: calc(100% + 60px);
	}
	.inumeriSec.risultati {
		padding:10px 0;
	}
	.inumeriSec.risultati h2 {
		/*width:50%;*/
		margin:0 auto 20px auto;
	}
	.inumeriSec.risultati h3 {
		font-size:24px;
		width:60%;
		margin:60px auto 30px auto;
		text-align:center;
	}
	
	.segment .card {
		background-color:#FFF;
		text-align:left;
		/*max-width:400px;*/
		float:none;
		position:relative;
	}
	.segment .card h3 {
		margin:auto 0;
	}
	
	.segment .card h3:first-child {
		margin-bottom:20px;
	}
	
	.segment .card p {
		color:#1D1D1D;
		font-size:16px;
	}	
	
	.bx.container-graph {	
		margin-top:120px;
	}

@media only screen and (max-width : 768px) { 
	.bx.container-graph {
		display:block;
		margin-top:60px;
	}
	
	.bx.data {
		margin:40px auto;
	} 	
	.bx.data .segment {
		text-align:center;
	}	
	
	.segment .card {
	    max-width: 100%;
	    margin: auto;
	}
.segment .card:after, .segment .card:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.segment .card:after {
	border-color: rgba(248, 248, 248, 0);
	border-bottom-color: #F8F8F8;
	border-width: 30px;
	margin-left: -30px;
}
.segment .card:before {
	border-color: rgba(248, 248, 248, 0);
	border-bottom-color: #F8F8F8;
	border-width: 36px;
	margin-left: -36px;
}		

}

@media only screen and (min-width : 769px) {
.segment .card:after, .segment .card:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.segment .card:after {
	border-color: rgba(248, 248, 248, 0);
	border-right-color: #F8F8F8;
	border-width: 30px;
	margin-top: -30px;
}
.segment .card:before {
	border-color: rgba(248, 248, 248, 0);
	border-right-color: #F8F8F8;
	border-width: 36px;
	margin-top: -36px;
}	
}
	
.card.custom {
  border-radius: 0px;
  margin: 30px 0px;
  padding: 0px 0px 0px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #FFFFFF;
}

.col-12,.col-8{
	padding-right: 30px;
    padding-left: 30px;
}
.card.custom .card-body {
  text-align: center;
  padding: 40px 30px;
  height: 530px;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}}


@media only screen and (min-width :991px) and (max-width : 1200px) {
.card.custom .card-body {
  height: 660px;

}}

]

.card.custom .card-body img {
  width: 48px;
}

.card.custom .card-body h4{

    margin: 30px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 26px;
 	color: #000000;
}

.card.custom .card-body strong {
	font-size: 22px;
  	color: #165ba4;
}

.card.custom .card-body p {
    margin: 30px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 30px;
	font-style: normal;
	font-weight: 500;
	color: #5a5b5e;
}

/*.cards {
    margin: 30px -15px 0px -15px;
}*/


.linea-3 {
  width: 100%;
  height: 5px;
  margin: 48.5px 0 47.6px 0;
  padding-right: 50px;
  background-color: #165ba4;
}

.linea-3v {
	width: 5px;
    height: 50px;
    background-color: #165ba4;
    margin-top: -50px;
    margin: -50px auto 0 auto;
    }

.arrow {
  border: solid #165ba4;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 7px;
  
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.centeredarr {
    margin: 33px 0px 0 -7px;
}


.linea-2 {
  /*width: 802px;*/
  height: 5px;
  margin: 48.5px 0 47.6px 0;
  padding-right: 50px;
  background-color: #165ba4;
}

.container-fluid {
  border-radius: 0px;
  margin: 30px 0px;
  padding-top: 60px;
    padding-right: 41px;
    padding-bottom: 80px;
    padding-left: 41px;
  background-color: #FFFFFF;
	}

.container-fluid .col-12,.col-8{
	/*padding-right: 15px;
    padding-left: 15px;*/
}

.container-fluid img{

    width: 80%;
    margin-top: 40px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    display: block;
  }  
    
    
.card-img-b {
  margin-top:20px;
  display:block;
   width:100%; 
   height:100%; 
	}


a.ms-rteElement-Download:link {
	color:#386db2;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}
 a.ms-rteElement-Download:visited {
	color:#386db2;
}

.ms-rteElement-Download:before {
	background:url('/_catalogs/masterpage/fondazione/images/download_new.png');
	height:22px;
	width:25px;
}