.linear-grey {
	background: #fff; /* Old browsers */
    background: -moz-linear-gradient(70deg, #fff 40%, #f0f0f0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(70deg, #fff 40%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
@media (min-width:992px) {
    .lg-min-height-80 {min-height:90px;}
}

.benchmark-graph {
	position: relative;
	height: 450px;
	margin: 20px  0;
	padding: 0 70px 30px 70px;
}
.graph {
	position: relative;
	height: 450px;
	width: 100%;
	border-bottom: 1px solid #e6e9eb;
	border-left: 1px solid #e6e9eb;
}
.graph-grid,
.graph-bars {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.graph-grid li:first-child {
	height: 19px;
}
.graph-grid li {
	height: 58.25px;
	width: 100%;
	border-bottom: 1px dashed #edf0f2;
}
.graph-bars {
	padding: 0 0px;
}
.graph-bars > li {
	position: relative;
	float: left;
	height: 100%;
	width: 20%;
	padding: 0 0px;
	vertical-align: bottom;
}
.graph-bars > li > .bar-holder {
	position: relative;
	height: 100%;
	width: 100%;
}
.graph-bars > li .bar {
	position: absolute;
	bottom: 0;
	left:50%;
	margin-left:-12.5%;
	display: block;
	height: 2px;
	width: 25%;
	background-color: #e6e9eb;
	border-radius: 0px 0px 0 0;
	-webkit-transition: all ease-in 1s;
	transition: all ease-in 1s;
}
.graph-bars > li .bar.bar-rackspace {
	-webkit-transition-delay: 1s;
			transition-delay: 1s;
}
.graph-bars > li .bar.bar-aws {
	-webkit-transition-delay: 2s;
			transition-delay: 2s;
}
.graph-bars > li .bar > span {
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	color: #2b3033;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.axis {
	position: absolute;
	margin: 0;
	list-style: none;
}
.axis > li {
	font-size: 13px;
}
.axis-x {
	bottom: -30px;
	left: 0;
	height: 30px;
	width: 100%;
	padding: 10px 70px 0 70px;
}
.axis-x > li {
	float: left;
	width: 20%;
	text-align: center;
}
.axis-y {
	left: 0;
	bottom: -5px;
	width: 80px;
	height: 480px;
	padding: 0 20px 0 0;
}
.axis-y > li {
	width: 100%;
	margin-bottom: 38.5px;
	text-align: right;
}

.axis-y2 {
	left: 0;
	top: 18px;
	width: 80px;
	height: 480px;
	padding: 0 20px 0 0;
}
.axis-y2 > li {
	width: 100%;
	margin-bottom: 40.5px;
	text-align: right;
}
.graph-grid.grid2 li:first-child {
	height: 15px;
}
.graph-grid.grid2 li {
	height: 60.0px;
	width: 100%;
	border-bottom: 1px dashed #edf0f2;
}









.divLS, .divDO, .divLIN, .divVU {
    width: auto;
    height: auto;
    margin-left: 100px;
}
.divLSbergamo-in, .divLS2023-in, .divLS-in, .divDO-in, .divLIN-in, .divVU-in {
    position: absolute;
    width: 25%;
    margin-left:-12.5%;
    vertical-align: middle;
    /*position: relative;*/
    bottom: 0px;
    left: 50%;
    -webkit-transition-timing-function: ease-in-out; /* Safari and Chrome */
    transition-timing-function: ease-in-out;
}
.divLSbergamo-in {  
    height: 430px;
    background: #a7853a; /* Old browsers */
    background: -moz-linear-gradient(90deg, #a7853a 20%, #e9c881 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(90deg, #a7853a 20%,#e9c881 100%); /* Chrome10-25,Safari5.1-6 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7853a', endColorstr='#e9c881',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
.divLS2023-in {  
    height: 380px;
    background-color: #e42132;
}
.divLS-in {  
    height: 295px;
    background-color: #FF6400;
}
.startani .divLSbergamo-in {  
    -webkit-animation: mysecond2023 2s ; /* Chrome, Safari, Opera */
    animation: mysecond2023 2s;
}
.startani .divLS2023-in {  
    -webkit-animation: myfirst2023 2s ; /* Chrome, Safari, Opera */
    animation: myfirst2023 2s;
}
.startani .divLS-in {  
    -webkit-animation: myfirst 2s ; /* Chrome, Safari, Opera */
    animation: myfirst 2s;
}
.divDO-in {  
    height: 135px;
    background-color: #959394;
}
.startani .divDO-in {  
    -webkit-animation: mysecond 2s ; /* Chrome, Safari, Opera */
    animation: mysecond 2s;
}
.divLIN-in {  
    height: 184px;
    background-color: #959394;
}
.startani .divLIN-in {  
    -webkit-animation: mythird 2s ; /* Chrome, Safari, Opera */
    animation: mythird 2s;
}
.divVU-in {  
    height: 196px;
    background-color: #959394;
}
.startani .divVU-in {  
    -webkit-animation: myforth 2s ; /* Chrome, Safari, Opera */
    animation: myforth 2s;
}
.divAWS-in {  
    height: 202px;
    background-color: #959394;
}
.startani .divAWS-in {  
    -webkit-animation: myfifth 2s ; /* Chrome, Safari, Opera */
    animation: myfifth 2s;
}



/* Chrome, Safari, Opera */
@-webkit-keyframes mysecond2023 {
	from {height:0px}
	100% {height:430px}
}
@-webkit-keyframes myfirst2023 {
	from {height:0px}
	100% {height:380px}
}
@-webkit-keyframes myfirst {
	from {height:0px}
	100% {height:295px}
}
@-webkit-keyframes mysecond {
	from {height:0px}
	100% {height:135px}
}
@-webkit-keyframes mythird {
	from {height:0px}
	100% {height:184px}
}
@-webkit-keyframes myforth {
	from {height:0px}
	100% {height:196px}
}
@-webkit-keyframes myfifth {
	from {height:0px}
	100% {height:202px}
}
@keyframes mysecond2023 {
	from {height:0px}
	100% {height:430px}
}
@keyframes myfirst2023 {
	from {height:0px}
	100% {height:380px}
}
@keyframes myfirst {
	from {height:0px}
	100% {height:295px}
}
@keyframes mysecond {
	from {height:0px}
	100% {height:135px}
}
@keyframes mythird {
	from {height:0px}
	100% {height:184px}
}
@keyframes myforth {
	from {height:0px}
	100% {height:196px}
}
@keyframes myfifth {
	from {height:0px}
	100% {height:202px}
}


.divLS2023a-in, .divLS2023b-in, .divLSa-in, .divLSb-in, .divDOa-in, .divDOb-in, .divLINa-in, .divLINb-in, .divVUa-in, .divVUb-in, .divAWSa-in, .divAWSb-in {  
    position: absolute;
    width: 20%;
    vertical-align: middle;
    /*position: relative;*/
    bottom: 0px;
    -webkit-transition-timing-function: ease-in-out; /* Safari and Chrome */
    transition-timing-function: ease-in-out;
}

.divLS2023a-in {
    height: 325px;
    background-color: #e42132;
    left: 23%;
}
.startani .divLS2023a-in {
    -webkit-animation: aniLSa 2s ; /* Chrome, Safari, Opera */
    animation: aniLSa 2s;
}
.divLS2023b-in { 
    height: 201px;
    background-color: #FF6400;
    right: 23%;
}
.startani .divLS2023b-in { 
    -webkit-animation: aniLSb 2s ; /* Chrome, Safari, Opera */
    animation: aniLSb 2s;
}

.divLSa-in {
    height: 290px;
    background-color: #959494;
    left: 23%;
}
.startani .divLSa-in {
    -webkit-animation: aniLSa 2s ; /* Chrome, Safari, Opera */
    animation: aniLSa 2s;
}
.divLSb-in { 
    height: 190px;
    background-color: #D0D2D3;
    right: 23%;
}
.startani .divLSb-in { 
    -webkit-animation: aniLSb 2s ; /* Chrome, Safari, Opera */
    animation: aniLSb 2s;
}

.divDOa-in, .divLINa-in, .divVUa-in, .divAWSa-in {
    background-color: #959494;
    left: 23%;
}
.divDOb-in, .divLINb-in, .divVUb-in, .divAWSb-in {
    background-color: #D0D2D3;
    right: 23%;
}
.divDOa-in {
    height: 152px;
}
.startani .divDOa-in {
    -webkit-animation: aniDOa 2s ; /* Chrome, Safari, Opera */
    animation: aniDOa 2s;
}
.divDOb-in { 
    height: 97px;
}
.startani .divDOb-in { 
    -webkit-animation: aniDOb 2s ; /* Chrome, Safari, Opera */
    animation: aniDOb 2s;
}
.divLINa-in {
    height: 178px;
}
.startani .divLINa-in {
    -webkit-animation: aniLINa 2s ; /* Chrome, Safari, Opera */
    animation: aniLINa 2s;
}
.divLINb-in { 
    height: 145px;
}
.startani .divLINb-in { 
    -webkit-animation: aniLINb 2s ; /* Chrome, Safari, Opera */
    animation: aniLINb 2s;
}
.divVUa-in {
    height: 233px;
}
.startani .divVUa-in {
    -webkit-animation: aniVUa 2s ; /* Chrome, Safari, Opera */
    animation: aniVUa 2s;
}
.divVUb-in { 
    height: 149px;
}
.startani .divVUb-in { 
    -webkit-animation: aniVUb 2s ; /* Chrome, Safari, Opera */
    animation: aniVUb 2s;
}
.divAWSa-in {
    height: 23px;
}
.startani .divAWSa-in {
    -webkit-animation: aniAWSa 2s ; /* Chrome, Safari, Opera */
    animation: aniAWSa 2s;
}
.divAWSb-in { 
    height: 15px;
}
.startani .divAWSb-in { 
    -webkit-animation: aniAWSb 2s ; /* Chrome, Safari, Opera */
    animation: aniAWSb 2s;
}



/* Chrome, Safari, Opera */
@-webkit-keyframes aniLSa {
	from {height:0px}
	100% {height:290px}
}
@-webkit-keyframes aniLSb {
	from {height:0px}
	100% {height:190px}
}
@-webkit-keyframes aniDOa {
	from {height:0px}
	100% {height:152px}
}
@-webkit-keyframes aniDOb {
	from {height:0px}
	100% {height:97px}
}
@-webkit-keyframes aniLINa {
	from {height:0px}
	100% {height:178px}
}
@-webkit-keyframes aniLINb {
	from {height:0px}
	100% {height:145px}
}
@-webkit-keyframes aniVUa {
	from {height:0px}
	100% {height:233px}
}
@-webkit-keyframes aniVUb {
	from {height:0px}
	100% {height:149px}
}
@-webkit-keyframes aniAWSa {
	from {height:0px}
	100% {height:23px}
}
@-webkit-keyframes aniAWSb {
	from {height:0px}
	100% {height:15px}
}

@keyframes aniLSa {
	from {height:0px}
	100% {height:290px}
}
@keyframes aniLSb {
	from {height:0px}
	100% {height:190px}
}
@keyframes aniDOa {
	from {height:0px}
	100% {height:152px}
}
@keyframes aniDOb {
	from {height:0px}
	100% {height:97px}
}
@keyframes aniLINa {
	from {height:0px}
	100% {height:178px}
}
@keyframes aniLINb {
	from {height:0px}
	100% {height:145px}
}
@keyframes aniVUa {
	from {height:0px}
	100% {height:233px}
}
@keyframes aniVUb {
	from {height:0px}
	100% {height:149px}
}
@keyframes aniAWSa {
	from {height:0px}
	100% {height:23px}
}
@keyframes aniAWSb {
	from {height:0px}
	100% {height:15px}
}



.divText {
	margin-top:-22px;
	font-size:12px;
	z-index:99;
	position:absolute;
	text-align:left;
}
.axis-x li { font-size:10px;}
.axis-x .font-leads { margin:0 2%;}
@media (min-width: 768px) {
    .divText { font-size:13px; width:140px;}
	.axis-x li { font-size:12px;}
    .axis-x .font-leads { margin:0 8%;}
}