.navholder {-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14);}
.navholder.sticky {}
.logo {padding:5px 0 0 0;display: inline-block;}
.logomobile {display:none;}
.phonelarge {float: right;font-size: 2rem;font-family: Arial;margin:0;padding:24px 0 0 0;}
.phonelarge  a {text-decoration:none;color:#05276c;font-style:italic;}
.topbar {padding:4px 0;text-align:right;border-bottom: 1px solid #dcdcdc;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,efefef+100 */
background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */}
.topbar  a {color:#b3b3b3;text-decoration:none;text-transform: uppercase;font-size: 11px;font-weight: 600;letter-spacing: .2rem;text-decoration: none;padding:0 20px 0 0;}


.signin {background:#4db3e9;-webkit-transition:all .4s ease;transition:all .4s ease;border-top:2px solid #4db3e9;}
.signin a {}
.signin.sticky .rmm.minimal a {color:#000000;}
.signin.sticky .rmm.minimal .rmm-toggled-controls {color:#000000; }
.signin.sticky .rmm.minimal .rmm-toggled ul li:first-child a {border-top: 1px solid #c0c5ce;}
.signin.sticky .rmm.minimal .rmm-toggled ul li a {border-bottom: 1px solid #c0c5ce;}
.signin.sticky .rmm.minimal .rmm-button span {background: #000000;}
.signin.sticky {position:fixed;top:0;background:#ffffff;z-index: 4;width: 100%;-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.48);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.48);border-top: 5px solid #4db3e9;}
.hero {height:500px;width:100%;position:relative;background-image:url("../images/city.jpg");background-size: cover;margin:0;    background-position: center;}
.hero h1 {color:#ffffff;padding-top:15%;z-index: 33;position: relative;}
.hero h1 span {background:rgba(77, 179, 233, 0.85);padding: 0 10px;margin: 5px 0 0 0;line-height: 1.4;}
.heroarrows {text-align:right;display:block;margin-top: -64px;}
.heroarrows i {font-size: 14rem;color:rgba(0, 194, 255, 0.2);}
.herocontent {position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;width:100%;}
.herocolor {position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;width:100%;background:rgba(0, 0, 0, 0.12);}
.herocolor2 {position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;width:100%;opacity:0.8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#167e8b+0,15a67d+100 */
background: rgb(22,126,139); /* Old browsers */
background: -moz-linear-gradient(left, rgba(22,126,139,1) 0%, rgba(21,166,125,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(22,126,139,1) 0%,rgba(21,166,125,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(22,126,139,1) 0%,rgba(21,166,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#167e8b', endColorstr='#15a67d',GradientType=1 ); /* IE6-9 */}

.server {height:500px;width:100%;position:relative;background-image:url("../images/dataracks.jpg");background-size: cover;margin:0;background-position:center;}
.server h4 {color:#ffffff;margin-top:19%;}
.servercontent {position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;width:100%;}
.servercolor {position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;width:100%;background:rgba(0, 0, 0, 0.56);}
.grey {background:#efefef;}
.section {padding: 40px 0 0 0;margin: 0 0 30px 0;}
.partnerlogo {display:inline-block;padding:10px 20px;}
.partnerlogocontainer {text-align:center;}

.abouthero {height:200px;width:100%;position:relative;background-image:url("../images/working.jpg");background-size: cover;margin:0;    background-position-x: center;background-position-y: center;}
.aboutherocontent {position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;width:100%;}
.abouthero h4 {color:#ffffff;margin-top:6%;}
.aboutherocolor {position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;width:100%;background:rgba(48, 103, 132, 0.74);}

.serviceshero {height:200px;width:100%;position:relative;background-image:url("../images/dataracks.jpg");background-size: cover;margin:0;    background-position-x: center;background-position-y: center;}
.servicescontent {position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;width:100%;}
.serviceshero h4 {color:#ffffff;margin-top:6%;}
.servicesherocolor {position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;width:100%;background:rgba(48, 103, 132, 0.74);}

.industrieshero {height:200px;width:100%;position:relative;background-image:url("../images/hospital.jpg");background-size: cover;margin:0;    background-position-x: center;background-position-y: center;}
.industriescontent {position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;width:100%;}
.industrieshero h4 {color:#ffffff;margin-top:6%;}
.industriesherocolor {position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;width:100%;background:rgba(48, 103, 132, 0.74);}
.sidepic {width:95%;display:block; margin: 0 0 20px 0;}

.producthero {height:200px;width:100%;position:relative;background-image:url("../images/products.jpg");background-size: cover;margin:0;    background-position-x: center;background-position-y: center;}
.productcontent {position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;width:100%;}
.producthero h4 {color:#ffffff;margin-top:6%;}
.productherocolor {position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;width:100%;background:rgba(48, 103, 132, 0.74);}

.recycle {height:500px;width:100%;position:relative;background-image:url("../images/green.jpg");background-size: cover;margin:0;}
.recycle h4 {color:#ffffff;margin-top:13%;text-align:center;font-size:2.0rem;}
.recycle h4 i {padding:0 0 20px 0;font-size:100px;display:block;}
.recycle p {text-align:center;color:#ffffff;}
.recyclecontent {position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;width:100%;}
.recyclecolor {position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;width:100%;background:rgba(1, 66, 6, 0.71);}

#footer {background-color: #ffffff;padding:0 0 50px 0;}
ul.footerlinks {list-style-type:none;}
ul.footerlinks li {display:inline-block;padding:0 10px 0 0;}
ul.footerlinks li a {text-decoration:none;color: #909090;font-size: 1.2rem;}
.copyright {color: #909090;font-size: 1.2rem;margin:0;}
.contactblock {background-color: #4db3e9;color: #fff;padding:20px 0;margin:0 0 40px 0;}

ul.servicesaccordian {list-style-type:none;padding:1px;border-radius:2px;background:#ecf6fb;}
ul.servicesaccordian li {cursor:pointer;border-bottom:1px solid #ffffff;margin:0;padding:0 0 10px 0;}
ul.servicesaccordian li:hover {background:rgb(210, 240, 255);}
ul.servicesaccordian li:last-of-type {border:none;}
ul.servicesaccordian li p {margin:0;}
ul.servicesaccordian li.serviceactive {background:rgb(210, 240, 255);}
ul.servicesaccordian li p.serviceheads {padding:10px 10px 0 10px;}
ul.servicesaccordian li p.serviceheads:hover {}
ul.servicesaccordian li p.servicedeets {display:none;font-weight:300;padding:0 10px 10px 10px;}

.formholder {padding:10px 10px 0 10px;}
.formholder input {margin:0;}
ul.contactdetails {list-style-type:none;}
ul.contactdetails li {}
ul.contactdetails li span {display:block;font-weight:600;}


/* For devices larger than 550px */
@media (max-width: 550px) {
	.logo {display:none;}
	.logomobile  {display:block;margin:0 auto;text-align:center;}
	.logo img {display:block;margin:0 auto;}
	.phonelarge {display:none;}
	.heroarrows {display:none;}
	.recycle h4 i {display:none;}
	}