.imgCenter{
	margin:0 auto;
	display:block;
}

.detail, .detail:focus, .detail:hover{
	padding:5px 20px;
	background:#000;
	color:#fff;
	border-radius:6px;
	font-size:14px;
}

@media only screen and (max-width: 800px){
	.detail{
		width: 50%;
		margin: 0 auto;
		display: block;
	}
}

.intro-action{
	font-size:16px;
	margin-top:30px !important;
}

.ultimateColor{
	color:#ff2837;
}

.superiorColor{
	color:#ff8900;
}

.advancedColor{
	color:#00b2ff;
}

.connectColor{
	color:#ffc800;
}

i.fa-arrow-circle-right{
	font-size:31px;
	float:left;
}

.icon-other-links{
	line-height:30px;
	margin-left:10px;
}

.featureBg {
	background: url(/library/assets/products/uag5100/img_uag5100_main_1920.png) no-repeat bottom;
	background-size: cover;
	position: relative;
}

.noHyphen {
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	-ms-hyphens: none !important;
	hyphens: none !important;	
}

.product-page .deck-wrapper .section.on-scroll {
	padding: 50px 0 50px;
	margin-top: 101px;
}

.uag{
	background:url(/library/assets/products/uag5100/benefits1-intro.jpg) no-repeat bottom;
	background-size:cover;
	height:500px;
	position:relative;
}

.uagGreenContent{
	background:rgba(100, 190, 0, 0.87);
	width:100%;
	position:absolute;
	bottom:0; left:0; right:0;
	min-height:100px;
	
}

.uagContent{
	padding:10px;
	width:100%;
	margin:0 auto;
	text-align: justify;
}

.capacityBG {
	background: url(/library/assets/products/uag5100/benefits2-capacity-and-performance.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 500px;
}

.generateBG {
	background: url(/library/assets/products/uag5100/benefits3-generate-revenue.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 500px;
}

.reduceBG {
	background: url(/library/assets/products/uag5100/benefits4-reduce-capex-and-opex.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 500px;
}

.uagContent h3, .uagContent p {
	color:#FFFFFF;
}

.generateContent {
	background: #e0f2cc;
	padding: 50px;
}

.generateTitle {
	background: none;
	padding: 50px;
}

.uagOptContent h3{
	font-size:2em;
	margin-bottom: 10px;
	}

.uagOptContent p{
	font-size:1.1em;
}

.uagSection {
	max-width: 1170px;
}

.bg-light-green-c {
	background-color: #e0f2cc;
}

.iconTable {
	display: table;
	height: 90px;
}

.iconTableCell {
	display: table-cell;
	vertical-align: middle;
}

sub {
	font-size: 80%;
}


@media screen and (max-width: 768px) {
	.featureBg {
		background: none;
	}
}

@media screen and (min-width: 768px) {
	.hotspotContent{
		width: 750px;
	}

	.ovImg {
		height: 300px !important;
	}

}

@media screen and (max-width: 991px) {
	.uagOptContent {
		text-align: center !important;
	}

}

@media screen and (min-width: 992px) {
	.uagContent {
		width: 970px;
	}
	
	.uagContent h3 {
		font-size:1.6em;
		padding-bottom:30px;
	}
	
	.uagContent p  {
		font-size:1.1em;
	}
	
	.capacityMain, .capacityBG {
		min-height: 450px;
		background-position: right;
	}
		
	.generateMain, .generateBG {
		min-height: 480px;
		background-position: left;
	}

	.reduceMain, .reduceBG {
		min-height: 680px;
		background-position: right;
	}
		
}

@media screen and (min-width: 1200px) {
	.uagContent{
		width: 1170px;
	}
	.capacityMain, .capacityBG {
		min-height: 450px;
	}
	
	.generateMain, .generateBG {
		min-height: 480px;
	}
	
	.reduceMain, .reduceBG {
		min-height: 550px;
	}
		
}