p{
font-weight: 400;
}

h4 {
font-size: 20px;
font-weight: 400;
}

h3 {
font-size: 25px;
font-weight: 400;
}

h2 { 
font-size: 30px;
font-weight: 400;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.row-centre{
    align-items: center;
    display: flex;
}

.px-2{padding-top: 2em; padding-bottom:2em;}
.px-4{padding-top: 4em; padding-bottom:4em;}
.mx-4{padding: 4em 0;}
.py-2{padding: 2em 0;}

.blue-box{
background-color: #d4edff;
    border-radius: 5px;
    padding: 30px;
}
.blue-box p{
font-weight: 500;
}

.grey-box{
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 30px;
}




.banner-text .container {    
/* background-color: rgba(0, 0, 0, 0.4); */
    padding: 20px;
    border-radius: 3px;
}

.banner-text h3 {
color: white;
text-align: left
}

.boxes .box {
    padding: 0px !important;
}

.boxes .box .text {
    padding-left: 5px;
    padding-right: 5px;
height: 225px
}

.accreditations {
  background-color: #efefef;
}

.form button {
    padding: 12px 0;
}

input::placeholder {
color:#5e5e5e;
}

.form input {
background-color: #ffffff;
}

.blue-heading .panel {
background-color: rgba(255, 255, 255, 0.8);
}

.blue-heading .panel-heading {
	color: white !important;
	background-color: #2c3384 !important
}

.panel-opacity {
	background-color: rgba(255, 255, 255, 0.8)
}

.grey-text {
	color: #5f5e5f;
}

.benefits h3 {
color: #2c3383;
    font-weight: 700;
}

.benefits {
    background-color: rgb(240, 240, 240);
    border-left: 5px solid #2c3384;
    padding: 20px;
    text-align: left;ff;
text-align: left
}

p {
	margin: 0 0 20px;
}

body {
	font-size: 16px;
	line-height: 1.8;
}

.default h1 {
	font-size: 38px;
}

.h4,
h4 {
	font-size: 23px;
}

.width-hr {
	border-bottom: 2px solid #2b3384;
	width: 80px;
	margin: auto auto 30px;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin-bottom: 25px;
}

.ul-left {
	text-align: left;
}

.our-offers h2 {
	font-size: 33px !important;
}

.contact-page .contact-box {
	border-radius: 12px;
}

header {
	box-shadow: 1px 0 5px #2b3384;
}

header.sticked {
	box-shadow: 1px 0 5px #2b3384;
}

header .logo {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.case-studies h2 {
	font-size: 33px;
}

.case-studies .box-case {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.case-studies .image {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.case-studies .box-case h3 {
	font-size: 21px;
}

.h4-white {
	color: #fff;
	margin-top: 30px;
	margin-bottom: 20px;
}

.menu .navbar,
.menu .navbar ul {
	margin: 5px 0;
}

.default .banner-sub {
	height: 400px;
}

.individual-page h1 {
	font-size: 38px;
}

.individual-page .btn-back a {
	margin-top: 30px;
	font-size: 13px;
	text-transform: uppercase;
	background-color: #2b3384;
	color: white;
	padding: 10px 25px;
	border-radius: 12px;
	font-family: 'Montserrat', sans-serif;
	transition: .3s;
}

footer button {
	font-size: 13px;
	text-transform: uppercase;
	background-color: #242a6e;
	color: white;
	padding: 8px 20px;
	border-radius: 12px;
	font-family: 'Montserrat', sans-serif;
	transition: .3s;
}

.testimonials h2 {
	font-size: 33px;
}

.a-enviro-btn {
	height: 262.5px;
	width: 262.5px;
	margin-top: 25px font-size: 13px;
	text-transform: uppercase;
	background-color: #2b3384;
	color: white;
	padding: 18px 46px;
	border-radius: 12px;
	font-family: 'Montserrat', sans-serif;
	transition: .3s;
}

.img-mb30 {
	margin-bottom: 10px;
	margin-top: 0;
}

@media (max-width: 1199px) {
	.well-test {
		padding: 35px;
		margin-bottom: 20px;
		background-color: #fff;
	}
}

.well-test {
	padding: 20px;
	background-color: #fff;
}

.p-test {
	font-weight: bold;
	color: #2b3384;
}

.p-star {
	margin-top: 0;
	margin-bottom: 0;
}

.case-studies .box-case {
	font-size: 18px;
}

.our-offers {
	font-size: 18px;
}

.testimonials #testimonials-carousel .item .caption {
	font-size: 18px;
}
.carousel-caption {
    text-shadow: 5px 4px 7px rgba(0,0,0,.7);
}

@media (max-width: 1600px) {
	.h3,
	h3 {
		font-size: 19px;
	}
}

span.f-footer {
	display: none;
}

.boxes .box {
	padding: 20px;
}

.boxes-enviro {
	padding: 20px;
	height: 180px;
	width: 262.5px;
	background-color: #2b3384;
	text-align: center;
	border-radius: 10px;
	color: white;
	transition: .3s;
	margin-left: auto;
	margin-right: auto;
}

.h3-envirotxt {
	margin-bottom: 25px color: white;
	font-size: 20px;
}

.a-envirotxt {
	color: white;
}

.a-envirotxt:hover {
	text-decoration: underline;
	color: white;
}

footer {
	padding: 80px 0 20px;
}

.product-box a {
	color: #5e5e5e;
	!important;
	padding: 6%;
}

.product-box a:hover {
	color: #6b7bb1 !important;
}

.box #sidebar21 {
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #efefef;
	max-height: 372px;
	overflow: auto;
	background-color: white;
}

.box #sidebar21-1 {
	background: #2b3384;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #2c3384;
}

.box #sidebar21-products {
	background: #2c3384;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #2c3384;
	;
}

.box #sidebar21-1 h3 {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase
}

.box #sidebar21-products h3 {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase
}

.map {
	margin-top: -2%;
}

.box:nth-child(3),
.box:nth-child(5) {
	margin-top: 2%;
}

.white-sub {
	color: white;
}

.flex-inline {
	align-items: center;
	display: flex;
}


.product-box-version-2 a {
	color: #5e5e5e;
	!important;
	padding: 6%;
}

.product-box-version-2 a:hover {
	color: #6b7bb1 !important;
}

.box #sidebar21-version-2 {
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #efefef;
	max-height: 548px;
	overflow: auto;
	background-color: white;
}
a {
    color: #2b3384;
    text-decoration: none;
}
.product-box-version-2{
    padding: 0 20px;
}
.box #sidebar21-products h3{
padding: 0 0 0 20px;
}


.form input{
    color: #333;
}

  #myTabs ul li{
        background-color: #e0e3ff;
  }

#myTabs{
background-color:#f2f2f2;
}

#myTabs li
{ line-height: 25px; height: 100%; vertical-align: middle; } 

.sectionFirst .section-img img, .sectionSecond .section-img img, .sectionThird .section-img img{
transform: scale(1.2, 1.2);
}


.sectionFirst {
background-blend-mode: hue;
    background-color: #333333e0;
}

.boxes{
background-image: url(/files/iStock_887960316.jpg)!important;
    background-size: cover;
    background-color: #ffffffd6;
    background-blend-mode: color-dodge;
}

.sectionSecond{
background-image: url(/files/iStock_887960316.jpg)!important;
    background-size: cover;
    background-color: #474b8cc4;
    background-blend-mode: saturation;
}

.sectionThird {
    background-blend-mode: lighten;
    background-color: #a3b7f3db;
}
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-center {
        display: inline-flex;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;

}
.center{
display:flex;justify-content:center;align-items:center;
}

.boxes .box .text{
font-size:15px;
}

.boxes .box .text{
padding-left:15px;
padding-right:15px;
}
.forOptIn {
    font-size: 13px;
}

.box-2 {
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #2b3384;
    text-align: center;
    border-radius: 15px;
    width: 99%;
    color: white;
    transition: .3s;
}
.box-2 .text {
    padding: 15px 0px;
}
.box-2 .text a{
color:#fff;
}
.box-2 .text p {
    padding: 10px;
    margin: 0;
}
.box-2 h4{
    font-size: 18px;
    background-color: #3b45a961;
    padding: 16px;
    margin: 0;
}

.box-2 .col-center {
    margin-right: -26px;
}
.box-2 .col-md-2 {
    width: 21.66667%;
}
.box-2 .text p:hover {
    background-color: #313a92;
}
.box-2 img{
border-radius: 10px 10px 0 0;
}
.box-2 .img-responsive{
    margin: 0 auto;
    width: -webkit-fill-available;
}

.box-2-products{
height:500px;
}
.box-2-building-services {
    height: 550px;
}
.box-2-sewage-treatment{
    height: 500px;
}
.box-2-rainwater-harvesting{
height: 480px;
}
@media (max-width: 982px) {
	.box-2-building-services{
		height:auto!important;
	}
}



@media (max-width: 769px) {
	.box-2-products, .box-2-building-services, .box-2-sewage-treatment, .box-2-rainwater-harvesting {
		height:auto;
	}
}


.banner-text {
    background-color: #676767;
    background-blend-mode: multiply;
}
.banner-text .container{
background-color:rgba(0, 0, 0, 0);
}
.white-img-bg{
background-color:#fff;
    min-height: 155px;
}
.white-img-bg .img-responsive{
padding:20px 0;
width: auto;
}
.display_table{
text-shadow: 0px 4px 4px #000;
}


.blue-heading .panel-heading {
    border-radius: 10px 10px 0px 0px;
}
.blue-heading .panel {
    border-radius: 15px 15px 0px 0px;
}
.panel-title {
    padding: 10px 0;
}
.panel{
border:none;
}


@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}


@media (max-width: 767px) {
 header .logo img {
    height: 66px;
 }
}

@media (max-width: 991px) {
  .menu #bs-example-navbar-collapse-1, .menu .navbar-nav {
    
      min-width: 290px;
   }
}