@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	
}

body {
	margin:0;
	padding:0;
    font-family: 'Open Sans', sans-serif;
}
.clear{
	clear:both;
}
.img{
	width:100%;
	display:block;
}
.v_a_img{
	vertical-align:middle;
}
sup {
position: relative;
font-size: 30%;
line-height: 0;
vertical-align: baseline;
top: -0.5em;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.top_main{
	width:100%;
}
.top{
	width:93%;
	margin:0 auto;
	
}
.top_col_sm2{
	width:576px;
	float:right;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0.4%;
	margin-left: 0%;
}
.top_col_sm2 p{
	font-family:'Open Sans', sans-serif;
	font-size:15px;
	color:#FFFFFF;
	padding:1%;
}
.logo{
	width:234px;
	float:left;
	margin:0.2% 1%;
}
.logo img{
	width:100%;
	display:block;
}

.navbar{
	width: 665px;
	float:right;
	padding-top: 3%;
	padding-right: 0%;
	padding-bottom: 1%;
	padding-left: 0%;
}
.logo_main {
    width: 30%;
    float: left;
}

.container{
	width:90%;
	margin:0 auto;
	max-width:1244px;
}
.head_link2{
	text-decoration:none;
	color:#fff;
}
/*--------------------------------------------------------------
Front Page
--------------------------------------------------------------*/
.banner{
	width:100%;

}
.banner2{
	width:100%;

}

.mbl_vd{
	display:none;
}

.h_bg{
	background-color:#005826;
	padding-top: 1%;
	padding-right: 0%;
	padding-bottom: 1%;
	padding-left: 0%;

}
.brd{
	border-bottom:1px solid #d6d6d6;
}


/*--------------------------------------------------------------
Text
--------------------------------------------------------------*/





/*--------------------------------------------------------------
Welcome
--------------------------------------------------------------*/
.w_col_sm2{
	width:54%;
	margin:1% 0% 1% 3%;
	float:left;
}

.w_col_sm22{
	width:41%;
	margin:1%;
	float:left;
}

.w_head{
	font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #005826;
	text-transform:uppercase;
}

.w_txt{
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000;
	text-align:justify;
	line-height:160%;
	padding:1.5% 0%;
}

.w_bg_img{
	background-image:url('../images/w-bg.jpg');
	padding:1% 0%;
}

/*--------------------------------------------------------------
Welcome2
--------------------------------------------------------------*/

.wel2_col_sm2{
	width:59%;
	margin:1%;
	float:left;
}

.wel2_col_sm22{
	width:35%;
	margin:1%;
	float:left;
}
.wel2_col_sm3{
	width:31%;
	margin:0% 1%;
	float:left;
}

.v_frame{
	height:191px;
}


/*--------------------------------------------------------------
Mission
--------------------------------------------------------------*/
.m_col_sm3{
	width: 31%;
    margin: 0% 1%;
    float: left;
}
.service_img {
    width: 95px;
    margin: -25% auto 0%;
}
.shad{
	    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
    height: 300px;
    padding: 3%;
}

.ser_head {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #005826;
	text-transform: uppercase;
	margin-top:7%;
}
.txt_al{
	text-align:center;
}
.m_txt {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-align: center;
    line-height: 160%;
	margin:4% 0% 0%;
}
/*--------------------------------------------------------------
Our Process
--------------------------------------------------------------*/
.main_head {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 800;
    color: #005826;
    text-transform: uppercase;
	margin-left:1%;
}

.evt_date{
	font-family: 'OPen Sans',sans-serif;
    font-size: 14px;
    margin: 0% 1%;
    line-height: 180%;
    color: #ed2e26;
    font-weight: 600;
}

.inner_head{
	font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #cf271f;
    text-transform: capitalize;
	margin-bottom:1%;
}

.pro_col_sm2 {
    width: 44%;
    margin: 1%;
    float: left;
}

.pro_col_sm22 {
    width: 52%;
    margin: 1%;
    float: left;
}
hr{
	border:1px dotted #d3d3d3;
}

/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/
.ftr_bg_clr1 {
    background-color: #005826;
    border-top: 3px solid #df111f;
	border-bottom: 3px solid #df111f;
}

.bg_clr2 {
    background-color: #333333;
}
.col_sm33 {
    width: 25%;
    float: left;
    margin: 1%;
}

.col_sm333 {
    width: 27%;
    float: left;
    margin: 0%;
}

.col_sm3333 {
    width: 43%;
    float: left;
    margin: 0%;
}

.ftr_head {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 4% 0% 0%;
}
.ftr_ct_icon {
    width: 5%;
    float: left;
	margin-top: 1%;
}
.f_bold{
	font-weight:700;
	font-size:16px;
}
.ftr_ct_txt {
    width: 94%;
    float: right;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
	line-height:150%;
}

.ftr_ct_txt2 {
    width: 94%;
    float: right;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
	line-height:150%;
	margin-bottom:3%;
}
.f_link1 {
    color: #fff;
    text-decoration: none;
}

.ftr_menu ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    line-height: 220%;
}

/*--------------------------------------------------------------
application page
--------------------------------------------------------------*/


/********************************************
	Contact Us 
*********************************************/
.contener{
	width:85%;
	max-width:1200px;
	margin:0 auto;
}

.inner_heading h2 {
    font-family: 'Open Sans', sans-serif;
    color: #ed3237;
    font-size:25px;
    text-align: left;
    font-weight: 600;
    padding: 0% 1% 2%;
    text-transform: capitalize;
}
.contact_col_sm8{
	width:55%;
	margin:1%;
	float:left;
}
.contact_col_sm88{
	width:38%;
	margin:1%;
	float:right;
}
.cont_ic {
    width: 37px;
    float: left;
    margin: 2% 1% 1%;
    text-align: center;
    color: #fff;
    padding:2% 0%;
    background-color: #cf271f;
    border-radius: 4px;
    font-size: 18px;
}
.cont_txt {
    width: 80%;
    float: left;
    margin: 0.5% 1% 1% 2%;
}
.cont_txt {
    font-family: 'Open Sans', sans-serif;
    color:#000;
    font-size: 15px;
    line-height: 180%;
    font-weight: 600;
}


.cont_txt2 {
    padding: 2% 2% 1% 0% !important;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a.con_link4:link {
    color: #000;
    text-decoration: none;
}
a.con_link4:visited {
    color: #000;
    text-decoration: none;
}

.con_main_haed{
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 800;
    color: #005826;
    text-transform: uppercase;
    margin-left: 1%;
}

/*--------------------------------------------------------------
contact page
--------------------------------------------------------------*/


.news_events p{
	font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 160%;
    margin: 1%;
    text-align: justify;
}

.news_events_btn{
	font-family: 'Open Sans',sans-serif;
    text-decoration: none;
    background-color: #000;
    color: #fff;
    padding: 8px;
    margin: 1%;
}

.news_events_btn:hover{
	background-color: #333;
    color: #fff;
}

/*--------------------------------------------------------------
product page
--------------------------------------------------------------*/


/*--------------------------------------------------------------
Masonry Waterproofer page
--------------------------------------------------------------*/


/*--------------------------------------------------------------
FAQ's page
--------------------------------------------------------------*/




/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/
.contener{
	width:85%;
	margin:0 auto;
	max-width:1100px;
}
.col_sm1{
	width:100%;
	margin:0 auto;
}

.col_sm2{
	width:48%;
	margin:1%;
	float:left;
}
.col_sm3{
	width:31%;
	margin:0% 1%;
	float:left;
}
.col_sm3_new{
	width:31%;
	margin:1%;
	float:left;
}
.col_sm4{
	width:23%;
	margin:1%;
	float:left;
}
.col_sm5{
	width:23%;
	margin:1%;
	float:left;
}
.col_sm8{
	width:45%;
	float:left;
}
.col_sm88{
	width:51%;
	float:right;
}



.col_sm9{
	width:65%;
	float:left;
	margin:1%;
}
.col_sm99{
	width:30%;
	float:left;
	margin:1%;
}

/*--------------------------------------------------------------
link
--------------------------------------------------------------*/
a.link:link {
	color:#FFFFFF;
	text-decoration:none;
}
a.link:visited {
	color:#FFFFFF;
	text-decoration:none;
}
a.link:hover {
	color:#FFFFFF;
	text-decoration:none;
}
a.link:active {
	color:#FFFFFF;
	text-decoration:none;
}



a.link2:link {
	color:#999999;
	text-decoration:none;
}
a.link2:visited {
	color:#999999;
	text-decoration:none;
}
a.link2:hover {
	color:#999999;
	text-decoration:none;
}
a.link2:active {
	color:#999999;
	text-decoration:none;
}


a.link3:link {
	color:#000;
	text-decoration:none;
}
a.link3:visited {
	color:#000;
	text-decoration:none;
}
a.link3:hover {
	color:#000;
	text-decoration:none;
}
a.link3:active {
	color:#000;
	text-decoration:none;
}

/*--------------------------------------------------------------
Bullet
--------------------------------------------------------------*/
.bullet ul {
    list-style-image:url(../images/bullet2.jpg);
}
.bullet ul li {
	font-family:  'Open Sans', sans-serif;
	font-size:14px;
	line-height:150%;
	color:#8cc63e;
	margin:0% 2% 0.1% 0%;
	padding:0% 0.8% 0.1% 0.8%;
	text-decoration: none;
	font-weight:300;
	
}


.bullet2 ul {
    list-style-image:url(../images/bullet2.png);
	margin-left:0%;
}
.bullet2 ul li{	
	font-family: 'Open Sans', sans-serif;
	color: #000;
    font-weight: 500;
	font-size:15px;	
	margin:2% 0%;
	line-height:140%;
	text-align:justify;
	margin:2% 1% 2% 4%;	
}

/*--------------------------------------------------------------
Button
--------------------------------------------------------------*/
.view_mr{
	width:125px;
	margin:1% auto;
}

.btn{
	width:100%;
	padding:8% 0%;
	font-size:15px;
	border:0px solid;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	background-color:#fff;
	color:#000;
	text-decoration:none;
	cursor:pointer;
	font-weight:500;
	margin:16% 0%;
}
.btn:hover{
	background-color:#4fb6c8;
	color:#fff;
}

.view_mr2{
	width:48%;
	margin:1% 1%;
	float:left;
}

.btn2{
	width:100%;
	padding:2% 2%;
	font-size:14px;
	border:0px solid;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	background-color:#4fb6c8;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	font-weight:500;
	margin:1% 0%;
}
.btn2:hover{
	background-color:#3da3b5;
	color:#fff;
}



/*--------------------------------------------------------------
Extra
--------------------------------------------------------------*/
.bg_clr{
	background-color:#005826;
}

.bg_clr2{
	background-color:#000;
}

.bg_clr3{
	background-color:#fff;
}

.bg_img{
	background-image:url('../images/banner-bg.jpg');
	height:551px;
}

.bg_img4{
	background-image:url('../images/banner-bg.jpg');
	height:220px;
}

.bg_img5{
	background-image:url('../images/banner-bg4.jpg');
	height:220px;
}

.bg_img6{
	background-image:url('../images/banner-bg3.jpg');
	height:220px;
}

.bg_img7{
	background-image:url('../images/banner-bg2.jpg');
	height:220px;
}
.bg_img8{
	background-image:url('../images/banner-bg5.jpg');
	height:220px;
}

.bg_img2{
	background-image:url('../images/products-bg.jpg');
	background-size: 100% 100%;
	height:480px;
}

.cont_pdg{
	padding:1% 0%;
}

.fa{
	text-align:right;
	padding-top:0.4%;
	padding-right:1%;
	font-size:100% !important;
}


.ftr_col_sm3 h5{
	display:none;
}



.bg_vd_clr{
	background-color:#fff;
}


/*--------------------------------------------------------------
top_arrow
--------------------------------------------------------------*/
.top_arrow{
	width:35px;
	height:38px;
	position:fixed;
	right:2%;
	bottom:2%;
	display:none;
	transition-duration: 1s;
	background-image:url('../images/top.png');
	cursor:pointer;
	background-repeat:no-repeat;
	z-index: 999;
}
.top_arrow:hover{
	width:35px;
	height:38px;
	position:fixed;
	right:2%;
	transition-duration: 1s;
	bottom:2%;
	cursor:pointer;
	background-image:url('../images/top-b.png');
	display:none;
}

@media only screen and (max-width:1920px){
.v_frame{
	height:208px;
}
}
@media only screen and (max-width:1500px){
.v_frame{
	height:207px;
}
}
@media only screen and (max-width:1440px){
.v_frame{
	height:203px;
}
}
@media only screen and (max-width: 1366px){
.v_frame {
    height: 191px;
}
}
@media only screen and (max-width:1251px){

.top_col_sm2 {
    width: 40%;
}
.shad {
    height: 320px;
}
}


@media only screen and (max-width:1130px){

.top_col_sm2 {
    width: 44%;
}
.top {
    width: 98%;
    margin: 0 auto;
}
.container{
	width:98%;
	margin:0 auto;
	max-width:1500px;	
}
}

@media only screen and (max-width:1030px){

.top_col_sm2 {
    width: 49%;
}
.shad {
    height: 360px;
}
}

@media only screen and (max-width:1000px){
.w_col_sm22 {
    width: 60%;
    margin: 1% auto;
    float: nono;
}

.w_col_sm22 {
    width: 98%;
    margin: 1%;
    float: left;
}
.wel2_col_sm22 {
    width: 60%;
    margin: 1% auto;
    float: nono;
}
.wel2_col_sm2 {
    width: 98%;
    margin: 1%;
    float: left;
}
.pro_col_sm22 {
    width: 98%;
    margin: 1%;
    float: left;
}
.pro_col_sm2 {
    width: 60%;
    margin: 1% auto;
    float: none;
}
.wel2_col_sm3 {
    width: 50%;
    margin: 2% 1%;
    float: left;
}
}
@media only screen and (max-width:900px){
.col_sm3333 {
    width: 98%;
    float: left;
    margin: 0% 0% 5%;
}
.col_sm333 {
    width: 98%;
    float: left;
    margin: 0%;
}
.col_sm33 {
    width: 98%;
    float: left;
    margin: 1%;
}
.m_col_sm3 {
    width: 48%;
    margin: 5% 1%;
    float: left;
}
.shad {
    height: 300px;
}
.contact_col_sm88 {
    width: 60%;
    margin: 1%;
    float: left;
}
.contact_col_sm8 {
    width: 98%;
    margin: 1%;
    float: left;
}
.wel2_col_sm3 {
    width: 60%;
    margin: 2% 1%;
    float: left;
}
}

@media only screen and (max-width:880px){

.top_col_sm2 {
    width: 98%;
	float:left
}
.flw_main {
	display:none;
}
.col_em_main {
    display:none;
}
.col_sm3_new{
	width: 48%;
}
}
@media only screen and (max-width:800px){
.navbar {
    width: 100%;
	background-color:#005826;
	padding-top:0%;
	padding-bottom:0%;
	float:left;
}
.wel2_col_sm22 {
    width: 70%;
    margin: 1% auto;
    float: nono;
}
.w_col_sm2 {
    width: 70%;
    margin: 1% auto;
    float: nono;
}
.logo {
    width: 234px;
    float: none;
    margin: 0.2% auto;
}
.pro_col_sm2 {
    width: 70%;
    margin: 1% auto;
    float: none;
}
.wel2_col_sm3 {
    width: 80%;
    margin: 2% 1%;
    float: left;
}
}

@media only screen and (max-width:700px){
.wel2_col_sm22 {
    width: 80%;
    margin: 1% auto;
    float: nono;
}
.w_col_sm2 {
    width: 80%;
    margin: 1% auto;
    float: nono;
}
}

@media only screen and (max-width:600px){
.no{
	display:none;
}

.shad {
    height: 330px;
}
.wel2_col_sm22 {
    width: 85%;
    margin: 1% auto;
    float: nono;
}
.w_col_sm2 {
    width: 85%;
    margin: 1% auto;
    float: nono;
}
.pro_col_sm2 {
    width: 80%;
    margin: 1% auto;
    float: none;
}
.wel2_col_sm3 {
    width: 98%;
    margin: 2% 1%;
    float: left;
}
.col_sm3_new{
	width: 98%;
	margin: 1% auto;
}
}

@media only screen and (max-width: 550px){

.m_col_sm3 {
    width: 98%;
    margin: 8% 0%;
}
.shad {
    height: 300px;
}
.service_img {
    width: 95px;
    margin: -14% auto 0%;
}
}

@media only screen and (max-width: 500px){
.wel2_col_sm22 {
    width: 98%;
    margin: 1% auto;
    float: nono;
}
.w_col_sm2 {
    width: 98%;
    margin: 1% auto;
    float: nono;
}
.pro_col_sm2 {
    width: 98%;
    margin: 1% auto;
    float: none;
}
}
@media only screen and (max-width: 365px){
.r-img{
	width:100%;
}
}