.assemblea-soci { margin: 50px 0 }
.c-organigramma{
	margin-bottom:15px;
}

.c-organigramma h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 50%;
    background: url('../images/assemblea-barrette-blu.svg') repeat-y left center;
}

.c-organigramma h2::after{
	content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    top: 0;
    right: 0;
    background: url('../images/assemblea-barrette-verdi.svg') repeat-y right center;
}

.c-organigramma h2{
	padding: 21px 0;
    color: #ffffff;
    font-size: 1.563rem;
    font-weight: 700;
    margin: 0;
    background-color:#137635;
    position: relative;
}

.o-triangle {
  	margin: 0 auto;
    width: 0;
    height: 0;
    line-height: 0;
}

.triangle-blue{
	border-top: 28px solid #0060AA;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
}

.triangle-green{
	border-top: 28px solid #137635;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
}

.triangle-dash{
    border-top: 3px dashed #007DBA;
    width: 80px;
    height: 27px;
    position: relative;
}
.triangle-dash:before {
	content: "";
    display: block;
    border-bottom: 3px dashed #007DBA;
    transform: translate(10px, calc(-50% - 7px)) rotate(36deg);
    width: 48px;
    height: 50px;
    position: absolute;
    top: 0%;
    left: 0;
}
.triangle-dash:after {
	content: "";
    display: block;
    border-bottom: 3px dashed #007DBA;
    transform: translate(-10px, calc(-50% - 7px)) rotate(-36deg);
    width: 48px;
    height: 50px;
    position: absolute;
    top: 0%;
    right: 0;
}
/* IE11 specific hack */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop,
	.triangle-dash:before {
		transform: translate(11px, -30px) rotate(36deg);
	}

	*::-ms-backdrop,
	.triangle-dash:after {
		transform: translate(-11px, -30px) rotate(-36deg);
	}
}
.c-box{
	margin-top:20px;
}
.c-tuttibox {
	padding-top: 70px
}

.o-comitato-esecutivo a:before {
	content: "";
    display: block;
    height: 50px;
    border: 3px solid #168A3A;
    border-width: 3px 0 0 3px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateY(-100%);
    z-index: 0;
	width: 160%;
}
.o-box{
	font-size:1.25rem;
	font-weight:700;
	padding-top:10px;
	padding-bottom:10px;
	text-transform: uppercase;
	}

.wrapper-o-cdirezione-generale {
	margin-top: 30px;
}

.wrapper-o-cdirezione-generale > div {
	margin-left: 37.4%;
}

.o-cdirezione-generale {
	background-color: #fff;
	border: 3px solid #001E62;
	color: #001E62;
	font-size: 1rem;
	position: relative;
	text-align: center;
}
.o-cdirezione-generale:before {
	content: "";
    display: block;
    border-width: 3px 3px 0 0px;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 0;
    transform: translateY(-100%);
    width: 3px;
    background-color: #168A3A;
    height: 550%;
    z-index: -1;
}

a.o-collegio-sindacale{
	background-color: #00843D;
	color:#fff;
	border:4px solid #168A3A;
	display: block;
	text-decoration: none;
	text-align: center
}

a.o-consiglio-amministrazione{
	color:#ffffff;
	border:4px solid #0060AA;
	background-color:#0060AA;
	display: block;
	text-decoration: none;
	text-align: center
}

a.o-societa-revisione-legale{
	color:#0060AA;
	border:4px dashed #0060AA;
	display: block;
	text-decoration: none;
	text-align: center
}

.o-comitato-esecutivo {
	text-align: right;
}
.o-comitato-esecutivo a{
	color: #ffffff;
    background-color: #007DBA;
    display: inline-block;
	font-size: 1rem;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
	text-decoration: none;
	text-align: center;
}
.o-tutticomitati {
	border: 3px solid #15843D;
    padding: 10px 5px;
    margin-top: -18px;
    position: relative;
}
.o-tutticomitati:before {
	content: "";
    display: block;
    height: 35px;
    border: 3px solid #168A3A;
    border-width: 3px 3px 0 0px;
    position: absolute;
    left: -19px;
    right: 50%;
    top: 0;
    transform: translateY(-100%);
    z-index: 0;
}

.wrapper-o-comitati {
	display: table;
	border-spacing: 10px 5px;
	width: 100%;
}

#wrapper-comitati-nomine-sostenibilita a {
	display: block;
	width: 100%;
}

#wrapper-comitati-nomine-sostenibilita a:nth-child(1) {
	margin-bottom: 10px;
	margin-top: 0;
}

#wrapper-comitati-nomine-sostenibilita a:nth-child(2) {
	margin-bottom: 0;
	margin-top: 10px;
}

a.o-comitati {
	border: 3px solid #007DBA;
	margin: 15px 0;
	font-size: 1rem;
	color: #007DBA;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	
}
.o-tuttibox-legenda {
	margin-top: 30px;
}

.o-tuttibox-legenda .o-legenda-verde, .o-tuttibox-legenda .o-legenda-blu  { 
	width: 40px; 
	height: 25px; 
	display: inline-block; 
	margin-right: 25px;
	float: left;
}
.o-tuttibox-legenda .o-legenda-verde { background: #007DBA;  }
.o-tuttibox-legenda .o-legenda-blu { border:3px solid #007DBA;  }

/* Sovrascritture modali Bootstrap */
#societarevisione .modal-header .modal-title {
	display: block;
	line-height: 1.3;
    margin-bottom: 20px;
    margin-top: 30px;
}
#societarevisione .modal-header .close {
	left: auto;
	right: 22px;
	top: 22px;
}

#societarevisione .modal-header .close span {
	font-size: 0;
}

#societarevisione .modal-header .close:after,
#societarevisione .modal-header .close:before {
	background-color: #000;
	border-radius: 4px;
	height: 22px;
	width: 3px;
}

#societarevisione .modal-content {
	padding: 70px 30px;
}

#societarevisione .modal-body {
	padding: 0;
}
/* Fine sovrascritture modali Bootstrap */

@media (min-width: 992px) and (max-width: 1199px) {
	#wrapper-comitati-nomine-sostenibilita a {
		padding: 12px 10px;
	}
	
	#wrapper-comitati-nomine-sostenibilita a:nth-child(2) {
		padding: 13px 10px 12px;
	}
}

@media (max-width: 991px) {
	.o-cdirezione-generale:before {
		height: 630%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	a.o-comitati {
		width: 58%;
	}

	a.o-collegio-sindacale,
	a.o-consiglio-amministrazione,
	a.o-societa-revisione-legale {
		font-size: 1.125rem;
	}
	
	.o-comitato-esecutivo a,
	a.o-comitati,
	.o-cdirezione-generale {
		font-size: 0.75rem;
	}
}

@media (max-width: 767px){
	.c-organigramma h2::before {
		background: url('../images/assemblea-barrette-blu-mobile.svg') repeat-y left center;
	}

	.c-organigramma h2::after{
		background: url('../images/assemblea-barrette-verdi-mobile.svg') repeat-y right center;
	}
	.c-organigramma h2{
		padding: 21px 65px;
	}
	
	.o-comitato-esecutivo { text-align: left;}
	
	.o-comitato-esecutivo a, a.o-collegio-sindacale, a.o-consiglio-amministrazione, a.o-societa-revisione-legale { 
		text-align: left;
		padding: 10px;
		margin-bottom: 10px;
		font-size: 1rem;
	}
	a.o-consiglio-amministrazione { margin-bottom: 0 }
	.o-comitato-esecutivo a, a.o-collegio-sindacale, a.o-consiglio-amministrazione, a.o-societa-revisione-legale, 
	.o-cdirezione-generale {
		box-shadow: 0px 3px 6px #00000029;
	}
	a.o-box.o-collegio-sindacale:before,
	a.o-box.o-collegio-sindacale:after {
		background-color: #f9f9f9;
		bottom: -10px;
		content: "";
		display: block;
		height: 10px;
		left: 15px;
		position: absolute;
		right: 15px;
		z-index: -1;
	}
	a.o-box.o-collegio-sindacale:before {
		background-color: #fff;
		bottom: auto;
		height: 35px;
		top: -35px;
	}
	.wrapper-o-comitati {
		border-spacing: 0;
	}
	a.o-comitati { 
		display: block;
		text-align: left;
    	padding: 10px 20px 10px 25px;
    	position: relative;
    	border: 0 ;
    	margin: 0;
		width: 100%;
		text-transform: lowercase;
    }
	a.o-box.o-comitati:first-letter {
		text-transform: capitalize;
	}
    a.o-comitati:before {
		content: "";
		display: block;
		position: absolute;
		width: 13px;
		height: 13px;
		background: #007dBa;
		left: 0;
		top: 15px;
	}

	#wrapper-comitati-nomine-sostenibilita a:nth-child(1),
	#wrapper-comitati-nomine-sostenibilita a:nth-child(2) {
		margin: 0;
	}

	.wrapper-o-cdirezione-generale > div {
		margin-left: 0;
	}
	.o-cdirezione-generale, .o-comitato-esecutivo a { 
		text-align: left;
		padding: 20px 25px 20px 15px;
		margin-left: 50px;
		margin-bottom: 26px;
		font-size: 1rem;
		width: calc(100% - 50px);
	}
	.o-comitato-esecutivo a:before {
		width: 30%;
		z-index: -1;
	}
	.o-tutticomitati {
		margin-left: 50px;
		margin-top: 0;
		border-color: #00843D;
		padding: 15px;
	}
	
	.o-comitato-esecutivo br, .o-cdirezione-generale br, .o-comitati br {display: none}
	.c-tuttibox { 
		background: rgba(230, 230, 230, 0.24);
		padding: 20px;
		margin-bottom: 15px;
    }
	.o-comitato-esecutivo a:before {
		left: -52px;
		right: 100%;
		top: 50%;
		border-width: 0 0 3px 0;
		height: 52px;
	}
	.o-cdirezione-generale:before {
		background-color: #fff;
		left: -55px;
		right: 100%;
		top: 50%;
		border-width: 0 0 3px 3px;
		height: 865%;
		width: 30%;
		border-color: #168A3A;
		border-style: solid;
		z-index: -2;
	}
	.o-tutticomitati:before {
		left: -55px;
		right: 100%;
		top: 33px;
		border-width: 0 0 3px 0;
		height: 110px;
	}
	/* .o-cdirezione-generale:after { content: none } */
	a.o-societa-revisione-legale { margin-bottom: 50px; }

	.o-tuttibox-legenda {
		margin-top: 0;
	}

	 /* Sovrascritture modali Bootstrap */
	 #societarevisione .modal-dialog,
	 #societarevisione .modal-content {
		 height: auto;
	 }
 
	 #societarevisione .modal-content {
		 padding: 40px 10px 20px;
	 }
 
	 #societarevisione .modal .close {
		 background-color: #fff;
		 display: inline-block;
		 right: 20px;
		 top: 20px;
		 width: auto;
	 }
 
	 #societarevisione .modal .close:before,
	 #societarevisione .modal .close:after {
		 display: block;
	 }
 
	 #societarevisione .modal .close span {
		 display: none;
	 }
	 /* Fine sovrascritture modali Bootstrap */
}

@media(max-width: 767px){
	.on-mobile {
		display: block;
	}
	
	.on-desktop {
		display: none;
	}
}

@media(min-width: 768px){
	.on-mobile {
		display: none;
	}
	
	.on-desktop {
		display: block;
	}

	.c-tuttibox .row:nth-child(1) {
	    padding-left: 12%;
	}

	.o-tutticomitati {
	    left: 35%;
	}

}
@media(min-width: 991px){

}