/************************
ABOUT NETS overrides
- apply the 'aboutnets' class to an element to invoke the colouring, easier than classing as subsets (as per original styles) as there's too much crossover...
************************/
@media (min-width: 1200px) {
	.container {
	    width: 1200px;
	}
}

.aboutnets h1,
.aboutnets a:hover, .aboutnets  a:active,
.aboutnets a, .aboutnets a:link, .aboutnets a:visited,
.aboutnets h2,
.aboutnets h2.intro-para,
.aboutnets blockquote,
.aboutnets li:before,
.aboutnets ul a:link, .aboutnets ul a:visited { color: #0c6190;}

h1.aboutnets_alt,
a.aboutnets_alt:hover, a.aboutnets_alt:active,
a.aboutnets_alt, a.aboutnets_alt:link, a.aboutnets_alt:visited,
p.aboutnets_alt, h2.aboutnets_alt,
h2.intro-para.aboutnets_alt,
blockquote.aboutnets_alt,
li.aboutnets_alt:before,
ul.aboutnets_alt a:link, ul.aboutnets_alt a:visited { color: #ffffff;}
ul.aboutnets {
    padding-top: 20px;
    padding-left: 30px;
}
.aboutnets ul.nopad {
    padding-left: 0px;
}

.columnContent h2 {
	font-weight: 700;
	font-size: 30px;
	line-height: 38px;
	margin-bottom: 20px;
}
.columnContent p {
	font-size: 18px;
    line-height: 140%;
	
}
.owl-carousel .columnContent h2 {
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 0px;
}
.owl-carousel .columnContent p {
	font-size: 16px;
    line-height: 130%;
    margin-bottom: 20px;
}
.columnContent img.mb20 {
	margin-bottom:20px;
}
.box.aboutnets  { 
	background-color: #4e5b60; 
	color: #fff;
}
.box.aboutnets .link  { 
	padding-left: 0px;
	padding-right: 0px;
}
.box.aboutnets h2  { 
	font-size: 23px;
	font-weight: 600;
}
.box.aboutnets a  { 
	display: block;
	margin-top: 20px;
}
.box.aboutnets_alt { color:#fff; background-color: #0c6290; }
.box.aboutnets_alt h2 { font-size: 19px; font-weight: 700; }
.box.aboutnets_alt p {line-height: 120%; margin-top: 15px; margin-bottom: 30px; }

.box.aboutnets h2, 
.box.aboutnets h2 a,
.box ul a.aboutnets:link, 
.box a.aboutnets:visited {
	color: #fff;
}
a.btn.aboutnets:link, a.btn.aboutnets:visited {
	color: #fff;	
	background-color: #0c6190; /* For browsers that do not support gradients */
   	background: -webkit-linear-gradient(#0f7bb6, #0d699b); /* For Safari 5.1 to 6.0 */
   	background: -o-linear-gradient(#0f7bb6, #0d699b); /* For Opera 11.1 to 12.0 */
   	background: -moz-linear-gradient(#0f7bb6, #0d699b); /* For Firefox 3.6 to 15 */
   	background: linear-gradient(#0f7bb6, #0d699b); /* Standard syntax */
}
a.btn.aboutnets:hover, a.btn.aboutnets:active {
	color: #fff;
	background-color: #0d699b; /* For browsers that do not support gradients */
   	background: -webkit-linear-gradient(#0d699b, #0f7bb6); /* For Safari 5.1 to 6.0 */
   	background: -o-linear-gradient(#0d699b, #0f7bb6); /* For Opera 11.1 to 12.0 */
   	background: -moz-linear-gradient(#0d699b, #0f7bb6); /* For Firefox 3.6 to 15 */
   	background: linear-gradient(#0d699b, #0f7bb6); /* Standard syntax */
}


.aboutnets.alt .pageHeader h1 { color: #fff; }
.aboutnets.alt .pageHeader p { color: #fff; }