body {background-color:#ddd!important;font-family: 'Open Sans', sans-serif!important;font-size:16px!important; color:#002060!important;line-height:25px;}


.full-width{width:100%;float:left;}
.dnp {padding:0!important;}
.tr {text-align:right;}.tc {text-align:center;}
.header {width:100%;float:left;background:#001f5f}
.header p {margin:0;}	


.menu {width:100%;position: relative;}
.menu {position: relative}
.menu-col1 {width:40%;float:left;padding:15px 0;}
.menu-col2 {width:40%;float:right;padding:15px 0;}
.menu-col1 p {text-align:center;color:#fff;margin:0;vertical-align: :middle;}
.menu-col2 p {text-align:center;color:#fff;margin:0;vertical-align: :middle;}
.menu p a {color:#fff;text-transform: uppercase;font-size: 14px;}

.menu-logo {background:#fff;width:20%;position:absolute;top:0px;left:50%;margin-left:-10%;z-index:0;}
.menu-logo p {text-align: center}
.menu-logo p a img {width:150px}

.cta-section {width:100%;float:left;padding:50px 0;background: #fff;}
.cta-section h1 {font-size:40px;text-transform: uppercase;text-align: center;color:#002060;}
.cta-section h1 span {font-size:50px;}
.cta-section p {text-align: center;color:#002060;font-size:24px;font-style: italic;}

.main-section {width:100%;float:left;padding:100px 0;background:url(../images/hands-water-pexels.jpg);background-size: cover;background-position:top left}
.main-section h2 {font-size:50px; text-transform: uppercase;color: rgb(168,221,243);line-height: 60px}
.main-section h2 span {font-size: 60px;color: rgb(172,229,180)}

.solution-section {width:100%;float:left;padding:50px 0;background: #fff;}

.solution-text {padding:0 15%;text-align: center;margin:0 0 30px;color:#002060;}

.solution-box1 {width:52%;float:left;display: table;position: relative;}
.solution-content1 {display: table-cell; width: 70%;vertical-align: middle;}
.solution-content1 p {font-size:16px;line-height: 25px;color:#002060;}
.solution-img1 {position: absolute;z-index:1;top:0;right:-15px;}
.solution-img1 img {position: relative;}
.solution-img1 h3 {position: absolute;font-size:16px;text-transform: uppercase;line-height:22px;width:122px;text-align:center;vertical-align:middle;color:#fff;font-weight: 300;top:50px;left:0px;margin:0;}


.solution-box2 {width:48%;float:right;display: table;position: relative;}
.solution-content2 {display: table-cell; width: 70%;vertical-align: middle;}
.solution-content2 p {font-size:16px;line-height: 25px;color:#002060;}
.solution-img2 {position: absolute;z-index:1;top:0;left:-15px;}
.solution-img2 img {position: relative;}
.solution-img2 h3 {position: absolute;font-size:16px;text-transform: uppercase;line-height:22px;width:122px;text-align:center;vertical-align:middle;color:#fff;font-weight: 300;top:50px;right:0px;margin:0;}

.solution-box3 {width:48%;float:right;display: table;position: relative;}
.solution-content3 {display: table-cell; width: 70%;}
.solution-content3 p {font-size:16px;line-height: 25px;color:#002060;}
.solution-img3 {position: absolute;z-index:1;top: -15px;left: -43px;}
.solution-img3 img {position: relative;}
.solution-img3 h3 {position: absolute;font-size:16px;text-transform: uppercase;line-height:22px;width:122px;text-align:center;vertical-align:middle;color:#fff;font-weight: 300;bottom:50px;margin:0;right:0;}

.solution-box4 {width:52%;float:left;display: table;position: relative;}
.solution-content4 {display: table-cell; width: 70%;}
.solution-content4 p {font-size:16px;line-height: 25px;color:#002060;}
.solution-img4 {position: absolute;z-index:1;bottom: 29px;right: 13px;}
.solution-img4 img {position: relative;}
.solution-img4 h3 {position: absolute;font-size:16px;text-transform: uppercase;line-height:22px;width:122px;text-align:center;vertical-align:middle;color:#fff;font-weight: 300;left:0px;bottom:50px;margin:0;}
.solution-box1, .solution-box2, .solution-box3, .solution-box4 {min-height:136px;}

.benefits-section {background: #fff;width: 100%;float:left;}
.benefit-box1 {width:100%;float:left;position:relative;background:url(../images/genest-bg.jpg) 0% 0% / cover;padding:100px 0;margin:50px 0;}
.benefit-box2 {width:100%;float:left;position:relative;background:url(../images/water-bg.jpg) 0% 0% / cover;padding:100px 0;margin:50px 0}
.benefit-box3 {width:100%;float:left;position:relative;background:url(../images/cold-storage-bg.jpg) 0% 0% / cover;padding:150px 0;margin:50px 0}
.benefit-box4 {width:100%;float:left;position:relative;background:url(../images/biogas-bg.jpg) 0% 0% / cover;padding:150px 0;margin:50px 0 0}

.benefit-box1 .crypto {position: absolute;top: -90px;left:50px; z-index:1}
.benefit-box2 .crypto {position: absolute;top: -90px;left:222px; z-index:1}
.benefit-box3 .crypto {position: absolute;top: -90px;left:222px; z-index:1}
.benefit-box4 .crypto {position: absolute;top: -90px;left:50px; z-index:1}

.benefit-box1 .benefit-content {width:55%;margin-right:20px;float:right;padding:15px;background:rgba(15,43,166,0.8);border-radius:20px;}
.benefit-box2 .benefit-content {width:55%;margin-right:20px;float:right;padding:15px;background:rgba(36,169,225,0.8);border-radius:20px;}
.benefit-box3 .benefit-content {width:55%;margin-right:20px;float:right;padding:15px;background:rgba(111,47,159,0.8);border-radius:20px;}
.benefit-box4 .benefit-content {width:55%;margin-right:20px;float:right;padding:15px;background:rgba(58,181,74,0.8);border-radius:20px;}
.benefit-content p {color:#fff;font-size: 16px;}

.benefit-box1 span, .benefit-box2 span, .benefit-box3 span, .benefit-box4 span {position: relative;}
.benefit-box1 span h3 {position: absolute;font-size:16px;text-transform: uppercase;line-height:22px;width:122px;text-align:center;vertical-align:middle;color:#fff;font-weight: 300;top:50px;left:0px;margin:0;}
.benefit-box2 span h3 {position: absolute;font-size:16px;text-transform: uppercase;line-height:22px;width:122px;text-align:center;vertical-align:middle;color:#fff;font-weight: 300;top:50px;right:0px;margin:0;}
.benefit-box3 span h3 {position: absolute;font-size:16px;text-transform: uppercase;line-height:22px;width:122px;text-align:center;vertical-align:middle;color:#fff;font-weight: 300;bottom:50px;margin:0;right:0;}
.benefit-box4 span h3 {position: absolute;font-size:16px;text-transform: uppercase;line-height:22px;width:122px;text-align:center;vertical-align:middle;color:#fff;font-weight: 300;left:0px;bottom:50px;margin:0;}


.team-section {width:100%;float:left;padding:50px 0;background:#fff;}
.team-col {width:20%;float:left;text-align:center;}
.team-img {width: 100%;float: left;}
.team-img img {width: 150px;height: 150px;border-radius: 50%;border:2px solid #1eade7;}
.team-detail {width:100%;float:left;}
.team-detail p a {color:#1eade7;text-decoration: underline;}
.team-detail h4 {font-size:16px;text-transform: uppercase;}
.team-detail h4 span {font-size:20px;}

.partner-section {background:#fff;width: 100%;float: left;padding: 50px 0}
.partner-box {width: 100%;margin-bottom: 20px;display: table;}
.partner-img {display:table-cell;width: 30%;vertical-align: middle;}
.partner-detail {display: table-cell;width: 70%;vertical-align: middle;}
.partner-img p { text-align: center; }
.partner-detail h3 {margin:0 0 10px;font-size: 20px;}
.partner-detail h3 span, .partner-detail h3 span a {color: #1eade7;text-decoration: underline;}
.partner-detail p {font-size: 16px;font-weight: 300}

.heading-title h2 {font-size:40px;text-align: center;text-transform: uppercase;margin:0 0 30px;color:#002060;}

.footer-section {width:100%; float:left; background: #002060; padding:30px 0 20px;}
.footer-row1 p {text-align: center;}
.footer-row1 p img {width:300px;}
.footer-row2 {margin:30px 0 0;}
.footer-row2 p {text-align: center;color:#ccc;font-size:16px;margin:0;}

.contact-section {background:#fff;width:100%;float:left;padding:50px 0;}
.contact-section label {font-weight: normal;font-size: 14px}
.contact-section label span {color: #ff3300}
/*.contact-form input[type=text] {width:90%;float:right;border:none;border-bottom:1px solid #999;font-size: 14px;}
.contact-form textarea {width:100%;float:right;border:none;border-bottom:1px solid #999;height:70px;resize:none;font-size: 14px;}*/
.contact-form input[type=submit] {background:#1eade7;color:#fff;margin-top:30px;border:none;border-radius:5px;padding:12px 50px;box-shadow: none;text-transform: uppercase;}

.dawes-img-section {width:100%;float:left}
.dawes-img-section p {text-align:center;margin:0;}
.dawes-img-section p img {width:100%;}

.p10 {padding:10px;}.p15{padding:15;}.p20{padding:20px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}.pr50{padding-right:50px;}
.m10 {margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}


p.text-danger {font-size:14px;}
span.error {color:#ff3300;font-weight:500;font-size: 14px;margin-bottom:10px;display: inline-block;}
span.success {color:#09b70c;font-weight:500;font-size: 14px;margin-bottom:10px;display: inline-block;}
p#status_message, p#cstatus_message  {color:#09b70c;font-weight:500;font-size: 14px;}
p#cstatus_message {text-align:center;}

.cd-top {display: inline-block;height: 50px;width: 50px;position: fixed;bottom: 20px;right: 10px;  /* image replacement properties */overflow: hidden;  text-indent: 100%;white-space: nowrap; background: rgba(0,31,95,0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: opacity .8s 0s, visibility 0s .3s;-moz-transition: opacity .8s 0s, visibility 0s .3s;transition: opacity .8s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .8s 0s, visibility 0s 0s;
  -moz-transition: opacity .8s 0s, visibility 0s 0s;transition: opacity .8s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .8;
}
.no-touch .cd-top:hover {
  background-color: #000;
  opacity: 1;
}


@media only screen and (max-width:768px) {
.tr {text-align:center;}
.tl {text-align:left!important;}

.menu-logo {background:#fff;margin:0 -15px;width:100%;float:left;left:unset;top:unset;position: relative;margin-left:0;padding:10px 0 0;}
.menu-col1 {width:50%;}
.menu-col2 {width:50%;}

.solution-box1 {width:100%;min-height: auto;margin-bottom: 50px;}
.solution-box2 {width:100%;min-height: auto;margin-bottom: 50px;}
.solution-box3 {width:100%;min-height: auto;margin-bottom: 50px;}
.solution-box4 {width:100%;min-height: auto;margin-bottom: 50px;}

.solution-content1 {vertical-align: middle;width:50%;}
.solution-content2 {vertical-align: middle;width:50%;}
.solution-content3 {vertical-align: middle;width:50%;}
.solution-content4 {vertical-align: middle;width:50%;}

.solution-img1 {top:unset;right:0;}
.solution-img2 {left:unset;}
.solution-img3 {top:unset;left:0;}
.solution-img4 {bottom:unset;right:0;}

.team-col {width:100%;}

.benefit-box2 .crypto, .benefit-box3 .crypto {left:172px;}


.partner-img {width:40%;}
.partner-detail {width:60%;}
.partner-img img {max-width: 80%}

/*
.partner-img {width:100%;display: block}
.partner-detail {width:100%;}*/


}
@media only screen and (min-width:769px) and (max-width:961px) {
.menu ul > li > a {padding: 0 10px;font-size: 13px;}
	
}
@media only screen and (min-width:376px) and (max-width:768px) {
	
}
@media only screen and (max-width:375px) {
}