#wrapper{
	overflow-x: hidden;
	position: relative;
}

@media only screen and (min-width: 1721px) {
	body main .section-message .text {
		font-size: 1.4em;
	}
	.container {
		width: 1370px !important;
		margin:auto;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1720px)  {
	.container{
		width:1370px !important;
		margin:auto;
	}
	body main .section {
		font-size: 20px;
	}
	body main section.start .c-left .wrapper {
		max-width: 45vw;
	}
	body main .section-message .text {
		max-width: 35vw;
	}
	body main .section-message .text {
		font-size: 1.2em;
	}
	body main .sezione-performance .slide-carousel .owl-stage-outer .item {
		max-height: 400px;
	}
	/*CONTESTI*/
	section#contesti {
		font-size: 18px;
	}
	body main .section-contesti button.btn-contesto {
		height: 220px;
		width: 310px;
	}
	/*BUSINESS*/
	svg#business_model_svg {
		width: 1200px;
	}
	section#persone {
		font-size: 1em;
	}
	/*FINANZA GREEN*/
	.section-finanza .ctn {
		max-width: 400px;
		width: auto;
		margin: auto;
	}
}
@media only screen and (max-width: 1400px) {
	body header .subheader ul li a {
		font-size: 13px;
	}
	body main .section {
		font-size: 16px;
	}
	body main .section h2.section-title {
		margin-top: 20px;
		margin-bottom: 25px;
	}
	.section-content {
		max-width: 1200px;
		margin: auto;
	}
	body main section.start .c-left .wrapper {
		max-width: 50vw;
	}
	body main .section-message .text {
		max-width: 50vw;
	}
	body main .section-highlights #operative1 .operative-icon img {
		max-width: 200px !important;
		width: 165px !important;
	}
	body main .section-contesti .content {
		font-size: 18px;
	}
	body main .section-contesti button.btn-contesto.active span.text {
		font-size: 2.5em;
	}
	body main .section-contesti button.btn-contesto span.text {
		font-size: 2em;
	}
	body main .section-contesti button.btn-contesto {
		height: 150px;
		width: 270px;
	}
	body main .section-contesti button.btn-contesto.active svg {
		height: 60px;
	}
	body main .section-contesti button.btn-contesto svg {
		height: 60px;
	}
	body main .section-contesti .contesti-text-area {
		margin-top: 10px;
		font-size: 0.9em;
	}
	body main section.section-persone .section-content{
		max-width: 100%;
	}
	.persone-carousel .text-container {
		font-size: 14px;
		left: 45px;
		top: 25px;
	}
	#persone_slide_1 .top-right-block, #persone_slide_2 .top-right-block {
		top: 10px;
	}
	/*CONTESTI*/

	/*PERSONE*/
	.section-persone .owl-dots {
		top: 10px;
	}
	.persone-carousel .item .animated-bg.after {
		background-size: 130vw;
	}
	.persone-carousel .item .animated-bg {
		background-size: 200vw;
	}

	/*INDICI DI SOSTENIBILITA*/
	.section-sostenibilita .content {
		transform: scale(0.8);
		margin-top: -60px;
	}


	/*FINANZA*/
	.section-finanza .content {
		margin-top: 6vh;
		height: 45vh;
	}
	.section-finanza .ctn {
		font-size: 15px;
	}
	.section-finanza .ctn .ctn-title{
		/* margin-top: 0px;
		margin-bottom: 10px; */
	}
	.section-finanza .ctn {
		max-width: 300px;
		width: auto;
		margin: auto;
		height: 40vh;
	}
	.section-finanza .btn.btn-terna {
		max-width: 300px;
	}

	/*MATRICI*/
	.section-matrici .content{
		margin-top: 0px !important;
	}
	#scatter_chart_1{
		height: 300px !important;
	}
	#scatter_chart_2{
		height: 300px !important;
	}
	a.btn-terna-expand.matrix1 {
		top: 2.5vh;
	}
	a.btn-terna-expand.matrix2 {
		top: 2.5vh;
	}
	.section-matrici .legenda {
		font-size: 9px;
	}
	/*DATI STORICI*/
	body main .sezione-datistorici .tr-row #chart_div:after {
		top: 5px;
		bottom: unset;
		left: 5px;
	}
}
@media only screen and (max-width: 1310px) {
	/*------------------------------------------------------------------------------------------------------------------------*/
	/*PROSPETTI---------------------------------------------------------------------------------------------------------*/
	/*------------------------------------------------------------------------------------------------------------------------*/

	.section-prospetti .content .prospetti-item{
		margin-bottom: 20px;
	}
	.section-prospetti .content .prospetti-item .title{
		min-height: 50px;
	}
	.section-prospetti .content .prospetti-item .image{
		min-height: auto;
		margin-bottom:20px;
	}
	.section-prospetti .content .prospetti-item a.btn-terna-custom{
		margin: auto;
		max-width: 100%;
	}
}

@media only screen and (max-width: 1200px) {
	.tr-col--10 {
		width: auto;
		float: none;
		padding-left: 0px;
		padding-right: 0px;
	}
	.social-bar{
		display: none;
	}
	ul.menu-social{
		display: block;	
	}
	body header .subheader ul li {
		padding-left: 1vh;
		padding-right: 1vh;
		letter-spacing: 1px;
	}
	body header .subheader ul li a {
		font-size: 10px;
	}
	body main .section {
		font-size: 14px;
	}
	body main .owl-controls {
		transform: scale(1.3);
	}
	body main .section-highlights .operative-el {
		min-height: 240px;
	}
	body main .section-highlights #operative1 .operative-icon img {
		width: 12vw !important;
	}
	.ambientali-top-inner {
		padding: 5px;
	}
	.ambientali-top-inner {
		max-width: 100%;
	}
	body main .sezione-performance .owl-carousel .owl-item .ambientali-top img {
		margin-left: 15px;
	}

	/*STRATEGY*/
	.strategy-right-content {
		/* max-width: 700px; */
		border: 1px dashed #005aa9;
		height: 50vh;
		border-radius: 35px;
		padding: 0;
		text-align: center;
		vertical-align: middle;
	}
	/*BUSINESS*/
	svg#business_model_svg {
		width: 1100px;
	}
	/*PERSONE*/
	.persone-carousel .item .animated-bg.after {
		background-size: 150vw;
	}
	.persone-carousel .item .animated-bg {
		background-size: 200vw;
	}
	/*DATI STORICI*/
	body main .sezione-datistorici .tr-row #chart_div:after {
		top: 5px;
		bottom: unset;
		left: 5px;
	}
}
@media only screen and (max-width: 992px) {
	.navbar-text.navbar-center.navbar-description {
		right: 110px;
	}
	body main .sezione-datistorici .tr-row .years-ctrl {
		width: auto;
	}
	.lum {
		display: none;
	}
	body main .section-message .anim {
		display: none;
	}

	/* body .subheader {
		display: none;
	} */
	body .subheader.download-center {
		display: block;
	}
	body main section.section {
		height: auto !important;
		max-height: 100%;
		overflow: hidden;
	}
	section#intro{
		margin-top: 50px !important;
	}
	body main section.start .c-left .wrapper {
		max-width: 100vw;
	}
	body main .section-message .text {
		max-width: 100vw;
		width: auto;
	}

	/*PERFORMANCE*/
	body main section#highlights.section {
		padding-bottom: 100px;
	}
	body main .owl-controls {
		transform: scale(1.1);
	}
	body main .sezione-performance .slide-carousel.active .owl-nav, body main .slide-fattif.active .owl-nav {
		right: -70px;
		left: -70px;
		top: 44%;
		transform: translateY(-50%);
	}
	body main .section-highlights .item-content {
		padding-bottom: 60px;
		padding-top: 40px;
	}
	body main .section-highlights .operative-el {
		min-height: 220px;
	}
	body main .section-highlights .operative-el.el1{
		border-right: 1px solid #005aa9;
	}
	body main .section-highlights .operative-el.el2{
		border-right: none;
	}
	body main .section-highlights .operative-el.el3{
		border-top: 1px solid #005aa9;
		border-right: 1px solid #005aa9;
	}
	body main .section-highlights .operative-el.el4{
		border-top: 1px solid #005aa9;
		border-right: none;		
	}

	/*P2*/
	body main .sezione-performance .owl-carousel .owl-item .azionarie-content .azionarie-chart{
		float:none;
	}
	.perf_chart_values.azionarie-item {
		float: none !important;
		clear: both;
		position: relative;
		padding-top: 30px;
		max-width: 80%;
		margin: auto;
		text-align: center;
	}

	/*P3*/
	body main .section-highlights #operative1 .operative-icon img {
		width: 20vw !important;
	}
	body main .section-highlights #operative2 .operative-el.el1{
		border-right: 1px solid #005aa9;
		border-bottom: none;
	}
	body main .section-highlights #operative2 .operative-el.el2{
		border-right: none;
		border-bottom: none;
	}
	body main .section-highlights #operative2 .operative-el.el3{
		border-top: 1px solid #005aa9;
		border-right: 1px solid #005aa9;		
	}
	body main .section-highlights #operative2 .operative-el.el4{
		border-top: 1px solid #005aa9;
		border-right: none;	
	}
	body main .section-highlights #operative2 .operative-el.el5{
		border-top: 1px solid #005aa9;
		border-right: 1px solid #005aa9;		
	}
	body main .section-highlights #operative2 .operative-el.el6{
		border-top: 1px solid #005aa9;
		border-right: none;	
	}
	/*P4*/
	body main .section-highlights .item.high-ambientali .item-content,
	body main .section-highlights .item.high-persone .item-content {
		padding-bottom: 20px;
	}
	.ambientali-top-inner {
		max-width: 100%;
		padding: 0px;
		padding-top: 20px;
	}

	.ambientali-container.ac2{
		border-right: none;
	} 
	.ambientali-container.ac3{
		border-top:1px solid #cb5700;
	} 
	.ambientali-container.ac4{
		border-top:1px solid #cb5700;
		border-right: none;
	} 
	/*P5*/
	.high-persone-item {
		max-height: 220px;
	}
	.high-persone-item.hpi1{
		border-right: 1px solid #cb5700;
		border-right: none;				
	}
	.high-persone-item.hpi2{
		border-right: none;	
	}
	.high-persone-item.hpi3{
		border-right: 1px solid #cb5700;
		border-top: 1px solid #cb5700;
		border-right: none;				
	}
	.high-persone-item.hpi4{
		border-right: none;		
		border-top: 1px solid #cb5700;
	}

	/*P6*/
	.high-societa-item {
		max-height: 200px;
	}
	.high-societa-icon {
		height: 70px;
	}
	body main .sezione-performance .owl-carousel .owl-item .high-societa-icon img {
		height: 55px;
	}
	.high-societa-item.hsi1{
		border-bottom: 1px solid #cb5700;
		border-right: none;
	}
	.high-societa-item.hsi2{
		border-right: 1px solid #cb5700;
		border-right: none;				
	}	
	.high-societa-item.hsi3{
		border-right: none;
	}

	/*CONTESTI*/
	body main .section-contesti {
		padding-bottom: 60px;
	}
	body main .section-contesti button.btn-contesto {
		height: 150px;
		width: 210px;
		padding: 0;
	}

	/*PERSONE*/
	.persone-carousel .item .animated-bg {
		background-size: 260vw;
	}
	.persone-carousel .item .animated-bg.after {
		background-size: 200vw;
	}
	.persone-carousel .text-container {
		font-size: 14px;
		left: 0;
		top: 25px;
		max-width: 100%;
		bottom: 0;
		top: auto;
	}
	#persone_slide_1 .top-right-block, #persone_slide_2 .top-right-block {
		top: 100px;
		left: 10px;
		right: 10px;
	}
	#persone_slide_1 .top-right-block .block:first-child, #persone_slide_2 .top-right-block .block:first-child {
		float:left;
	}
	#persone_slide_1 .top-right-block .block:first-child, #persone_slide_2 .top-right-block .block:last-child {
		float:right;
	}
	/*FINANZA*/
	section#finanza.section-finanza{
		padding-bottom: 40px;
	}
	.section-finanza .ctn {
		max-width: 300px;
		width: auto;
		margin: auto;
		height: 260px;
		margin-bottom: 5px;
	}
	.section-finanza .ctn .ctn-title {
		margin-top: 5px;
		margin-bottom: 15px;
	}
	.section-matrici .legenda {
		font-size: 14px;
	}
}
@media only screen and (max-width: 768px) {
	.tr-col--1, .tr-col--2, .tr-col--3, .tr-col--4, .tr-col--5, .tr-col--6, .tr-col--7, .tr-col--8, .tr-col--9, .tr-col--10, .tr-col--11, .tr-col--12 {
		width: 100%;
	}
	.navbar-text.navbar-center.navbar-description {
		display: none;
	}
	/*MESSAGE*/
	body main section.start .c-left .wrapper {
		transform: scale3d(1, 1, 1);
	}
	/*PERFORMANCE*/
	body main .section-highlights #perf1 .item-content{
		transform: scale(1.0);
	}
	body main .controls .ctrl span, body main .controls .ctrlf span {
		font-size: 11px;
	}
	body main .owl-controls {
		transform: scale(1.0);
	}
	body main .controls .ctrl, body main .controls .ctrlf {
		height: 75px;
		width: 75px;
		line-height: 70px;
	}
	body main .sezione-performance .owl-carousel .owl-item .azionarie-content .azionarie-chart {
		float: none;
		margin: auto;
		margin-bottom: 20px;
		width: 100%;
		max-width: 100%;
	}
	body main .section-highlights #operative1 .operative-icon img {
		width: 30vw !important;
	}
	.ambientali-top-inner {
		padding-top: 0px;
		width: 330px;
	}
	/*CONTESTI*/
	body main .section-contesti button.btn-contesto {
		height: 150px;
		width: 170px;
		padding: 0;
		font-size: 10px;
	}
	/*STRATEGY*/
	.strategy-right-content{
		height: auto;
	}
	/*PERSONE*/
	.persone-carousel .item .animated-bg {
		background-size: 320vw;
	}
	.persone-carousel .item .animated-bg.after {
		background-size: 240vw;
	}
}
@media only screen and (max-width: 576px) {
	.anim{
		display: none;
	}
	.lum{
		display: none;
	}

	.navbar-header{
		display: inline-block;
	}
	ul.nav.navbar-nav.navbar-right.social-bar{
		display: none;
	}
	.navbar-text.navbar-center.navbar-description{
		display: none;
	}
	.nav.navbar-nav.navbar-right.terna-lang-selector li {
		padding-top: 15px;
		padding-bottom: 15px;
		float: left;
	}
	section{
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}
	body main .section h2 {
		font-size: 35px;
	}
	.section h2.section-title {
		color: #165aa9;
	}
	body main .section h2.section-title.after {
		opacity: 1;
		font-size: 1.6em;
	}
	body main .section {
		font-size: 15px;
	}
	/*MESSAGE*/
	body main section.start .c-left .wrapper {
		max-width: 100%;
	}
	body main section.start .c-right{
		margin-left: 0px;
		display: block;
	}
	body main .section-message .text {
		font-size: 1.1em;
		margin: auto;
		display: block;
		width: 350px;
		margin-bottom: 60px;
		margin-top: 20px;
	}
	.virg:before {
		left: 0px;
		top: -70px;
	}
	/*HIGHLIGHTS*/
	.owl-slide > .title {
		width: auto;
	}
	body main .owl-controls.after {
		position: relative;
		transform: scale(1.0);
    	bottom: 0px;
	}
	body main .controls .ctrl, body main .controls .ctrlf {
		display: block;
		margin: 0;
		margin-left: 0;
	}
	/* body main .controls .ctrl.ctrl4{
		clear: both;
	} */
	#perf1 .operative-el {
		/* border: none;
		min-height: 50px; */
	}
	#perf1 .operative-title {
		height: 40px;
		margin-top: 30px;
	}
	.azionarie-content .azionarie-item{
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		float: left;
	}
	.azionarie-content .azionarie-item{
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		float: none;
		display: block;
		margin: auto;
		width: 180px;
	}
	body main .sezione-performance .owl-carousel .owl-item .azionarie-content img{
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}
	body main .section-highlights .operative-el {
		min-height: 0;
		height: 250px;
		max-height: 100%;
		border:none;
	}
	body main .section-highlights #operative2 .operative-el {
		min-height: 170px;
	}
	body main .section-highlights #operative1 .operative-icon img {
		width: 40vw !important;
	}
	.ambientali-item{
		/* border-right: none; */
		/* border-top: 1px solid #cb5700; */
	}
	.ambientali-container {
		height: 220px;
	}
	.ambientali-top-inner{
	    max-height: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;	
	}
	.ambientali-top-inner .left-text{
		float: left;
		width: 145px;
	}
	body main .sezione-performance .owl-carousel .owl-item .ambientali-top img{
		max-width: 90px;
	}
	.ambientali-ore {
		margin-left: 0;
	}
	body main .sezione-performance .owl-carousel .owl-item .ambientali-top img{
	    margin-left: 5px;	
	}
	.high-persone-item{
		border-right: none;
		/* border-top: 1px solid #cb5700; */
	}
	.high-persone-item {
		max-height: 250px;
	}
	.high-societa-item{
		border-right: none;
		/* border-top: 1px solid #cb5700;	 */
	}
	/*CONTESTI*/
	body main .section-contesti {
		padding-bottom: 60px;
	}
	body main .section-contesti .content {
		font-size: 14px;
	}
	body main .section-contesti button.btn-contesto {
		height: auto;
		width: 100%;
		padding: 0;
	}
	button.btn-contesto .col-xs-12 {
		padding: 0;
	}
	body main .section-contesti button.btn-contesto svg {
		height: 60px;
		padding: 10px;
		padding-bottom: 0;
	}
	body main .section-contesti button.btn-contesto span.text,
	body main .section-contesti button.btn-contesto.active span.text {
		font-size: 0.9em;
	}
	body main .section-contesti .btn-terna-custom {
		position: absolute;
		bottom: -60px;
		right: 16px;
	}
	/*BUSINESS*/
	svg#business_model_svg {
		width: 1000px;
	}
	a.btn-terna-expand {
		margin-right: 0;
		margin-left: 0;
	}

	/*STRATEGY*/
	.strategy-right-content {
		padding: 0px;
		height: auto;
	}
	a.btn-terna-custom {
		width: 200px;
		margin: 10px auto 10px auto;
		float: unset !important;
		clear: both;
	}
	/*PERSONE*/
	.section-persone .owl-dots {
		top: 35px;
	}
	body main .section.section-persone h2.section-title {
		margin-top: -25px;
		margin-bottom: 15px;
		color: #165aa9;
	}

	body main .section.section-persone #persone_slide_2 h2.section-title {
		color: #fff;
	}
	.persone-carousel .item .animated-bg {
		min-height: 830px;
	}
	.persone-carousel .item .animated-bg.after {
		background-size: cover;
	}
	#persone_slide_1 .top-right-block,
	#persone_slide_2 .top-right-block {
		right: 0;
		left: 0;
		margin: auto;
		top: 65px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 1.8em;
	}
	.persone-carousel .top-right-block .block{
		width: 49%;
		height: 160px;
		margin: auto;
		padding: 10px;
	}
	.persone-carousel .top-right-block .block:first-child{
		float:left;
	}
	.persone-carousel .top-right-block .block:last-child{
		margin-left:1%;
		float:left;
	}
	.persone-carousel #persone_slide_2 .top-right-block .block {
		width: 49%;
		margin-left:0;
		height: auto;
	}
	.persone-carousel #persone_slide_2 .top-right-block .block:last-child {
		margin-left:1%;
	}
	.persone-carousel .text-container {
		top: auto;
		bottom:0;
		left: 0;
		max-width: 100%;
	}
	/*FINANZA*/
	.section-finanza .ctn{
		height: 240px;
		width: 100%;
		margin-bottom: 5px;
	}
	.section-finanza .btn.btn-terna {
		max-width: 100%;
		width: 100%;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	/*MATRICI*/
	.section-matrici .content{
		padding: 0;
	}
	.section-matrici .content > .col-xs-12{
		padding: 0;
	}
	.section-matrici a.btn-terna-expand.matrix1 {
		top: 2.5vh;
		right: 0;
	}
	.section-matrici a.btn-terna-expand.matrix2 {
		top: 2.5vh;
		right: 0;
	}



	/*DOWNLOAD*/
	.download-item-selection {
		margin-left: 0;
		padding: 0;
		padding-bottom: 80px;
		padding-top: 20px;

	}
	.download-item .title {
		font-size: 18px;
		margin-left: 150px;
	}
	.download-action .share-now-action {
		float: left;
	}
	.download-item {
		margin: 4vh 2vw 3vh 0vw;
	}
	.download-item img.icon {
		left: 5px;
		height: 180px;
	}
	.download-item .title .subtitle {
		font-size: 14px;
		max-width: 190px;
		word-break: break-word;
	}
}
@media only screen and (min-width: 300px) {
	.navbar-header {
		float: left;
	}
	.navbar-nav>li {
		float: left;
	}
	ul.nav.navbar-nav.navbar-right.terna-lang-selector {
		float: right;
		margin-top: 0;
	}
}

@media only screen and (max-height: 700px) {
	body main .section h2.section-title {
		margin-top: 5px;
	}
}