@charset "utf-8";
@import url("//fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Roboto:300,400,500,600,700,800");
/* COMMON */
body{
	font-size: 17px;
	font-family: 'Montserrat', arial, tahoma, sans-serif;
	font-weight: 400;
	line-height: 1.8;
	padding: 0;
	margin: 0;
	color: #000;	
	position: relative;
	word-break: normal;	
	background-color: #fff;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;	
}
html,
body {
	margin:0;
	padding:0;
	height:100%;
}
body.fixed{
	margin-top: 80px;
}
a:link,
a:visited{
	color:#000;
	text-decoration:none;
	outline: none;
}
p {
    margin: 0 0 20px;
}
a:hover{
	color: #333;
}
h1, h2, h3, h4{
	margin-top: 0;
}
h2{
	color: #000;
	font-size: 18px;
	font-weight: 800;
	padding-left: 30px;
}
h3{
	color: #244284;
	font-size: 24px;
	font-weight: 800;
	padding: 35px 0 10px 30px;
	line-height: 1.4;
}
.btn{
	border: 0;
	border-radius: 2px;
	min-width: 180px;	
}
.btn.btn-primary{
	background-color: #244284;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}
.bg-cover{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.bg-cover.v-align{
	padding: 250px 0;
	font-size: 29px;
	font-weight: 500;
	color: #fff;
	line-height: 1.3;
}
.section {
    position: relative;
	padding: 150px 0 100px 0;
}
.section.banner{
	padding: 0;
}
.flex{
	display: flex;
}
.flex.wrap{
	flex-wrap: wrap;
}
.img{
	position: relative;
	z-index: 1;
}
.img img{
	width: 100%;
}
.bg-grey{
	background-color: #f2f4f8;	
}
.bg-grey .box{
	padding-bottom: 75px;
}
.bg-grey.pdl{
	padding-left: 40px;
	padding-right: 15px;
}
.bg-grey.pdr{
	padding-right: 40px;
}
.bg-grey h3{
	border-left: 10px solid #000;
}
.bg-grey .text{
	padding-left: 40px;
	line-height: 1.4;
}
.bg-grey .btns{
	margin-top: 40px;
}
.mgl-3.bd:after{
	content: "";
	display: block;
	width: 50%;
	background-color:#f2f4f8;
	position: absolute;
	top: 0;
	left: -50%;
	bottom: 0;
	margin-left: 15px;

}
.mgr-3.bd:after{
	content: "";
	display: block;
	width: 50%;
	background-color:#f2f4f8;
	position: absolute;
	top: 0;
	right: -50%;
	bottom: 0;
	margin-right: 15px;
}
.mt{
	margin-top: 100px;
}
.mgl-3.bd .title,
.mgr-3.bd .title{
	position: absolute;
	top: -50px;
	right: 0;
	border: 0px solid red;
	height: 50px;
	border-left: 10px solid #000;
}
.mgl-3.bd .title{
	left: 15px;
	right: 15px;
}
.mgr-3.bd .title{
	left: 55px;
	right: 15px;
}
/* HEADER */
#header-bar{
	position: fixed;
	height: 90px;
	box-sizing: border-box;
	z-index: 2;
	top: 0;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: background-color .3s ease, height .3s ease;
	transition: background-color .3s ease, height .3s ease;
	top: 30px;
	left: 0;
	right: 0;
	/* FIX BG */
	height: 155px;
	background-color: rgba(200,209,216,0.45);
}
#header-bar .company-logo{
	position: absolute;
	top: 10px;
	left: 0;
	display: block;	
	z-index: 2;
}
#header-bar .company-logo img{
	max-height: 130px;
}
#header-bar.fixed{
	height: 90px;
	background-color: rgba(91,111,127,0.95);
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}
#header-bar.fixed .navbar-toggle .icon-bar{
	background-color: #fff;
}
#header-bar.fixed .company-logo{
	top: 10px;
}
#header-bar.fixed .company-logo img{
	max-height: 70px;
}
#header-bar.fixed #top-menu .navbar-nav>li>a{
	color: #fff;
}
#header-bar.fixed #top-menu .navbar-nav>li>a:hover{
	color: #fff !important;
}
#header-bar.fixed #top-menu{
	top: 30px;
}
#top-menu{
	position: absolute;
	top: 52px;
	right: 15px;
	z-index: 3;
}
#top-menu .dropdown.open,
#top-menu .dropdown.hover,
#top-menu .dropdown.hover a{
	background-color: transparent;
}
#top-menu .navbar-nav>li{
	padding: 0 15px;
}
#top-menu .navbar-nav>li>a{
	font-size: 17px;	
	font-weight: 700;
	color: #fff !important;
	text-transform: uppercase;	
	padding: 4px 8px;
	line-height: 25px;
	box-sizing: border-box;
	position: relative;
}
#top-menu .nav .open>a,
#top-menu .nav .open>a:hover,
#top-menu .navbar-nav>li>a:hover{	
	background-color: transparent !important;
	color: #fff !important;
}
#top-menu .nav .open>a:focus,
#top-menu .navbar-nav>li>a:focus{
	background-color: transparent;
}

/* FOOTER */
#footer-bar{
	word-break: break-word;
	padding: 50px 0 15px 0;	
	font-weight: 400;		
	width: 100%;
	float:left;
	box-sizing: border-box;	
	background-color: #fafafa;
}
#footer-bar h4{
	font-size: 15px;
	margin-bottom: 15px;
}
#footer-bar .text{	
	font-weight: 800;
	color: #000;
	line-height: 1.4;
}
#footer-bar a{
	color: #244284;
}
#footer-bar a.phone{
	color: #000;
}
#footer-bar .social a{
	color: #a3a3a3;
	font-size: 22px;
	position: absolute;
	right: 15px;
	bottom: 0;
}
#footer-bar .copyright{
	color: #666;
	font-size: 12px;
	margin-top: 30px;	
}
#footer-bar .copyright a{
	color: #000;
	font-weight: 600;
}
#footer-bar .logo img{
	max-height: 100px;
}

/* BANNER */
.banner{
	color: #fff;
}
.banner .item{
	min-height: 600px;
}
.banner .item .container {
    position: absolute;
    bottom: 120px;
    left: 0;
    right: 0;
	padding-left: 15px;
	padding-right: 15px;
}
.banner .item img{	
	max-width: 100% !important;
	width: auto;
	margin: 0 auto;
}
.banner .item h1{
	font-size: 50px;
	font-weight: 700;
	width: 55.5%;
}
.banner .item h4{
	font-size: 25px;
	font-weight: 500;
	line-height: 1.3;
	width: 76%;
	float: right;
}
.banner .item h4 span{
	font-weight: 600;
}

#bg-1{
	background-image: url(../images/homepage/water-background.jpg);
}
#bg-2{
	background-image: url(../images/homepage/water-pipe-background.jpg);
}

#about{
	/*border: 2px solid red;*/
}

#solutions{
	/*border: 2px solid yellow;*/
}

#projects{
	/*border: 2px solid blue;*/
}

#contact{
	/*border: 2px solid green;*/
}