body {
	font-weight: 300 !important;
}

.anchor{
  display: block;
  height: 80px; /*same height as header*/
  margin-top: -80px; /*same height as header*/
  visibility: hidden;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}

.btn {
	font-weight: 300;
}

/********navbar css**/
.custom-navbar{
	background: rgba(23,99,122, 1) none repeat scroll 0 0;
    border: medium none;
    margin-bottom: 0;
    min-height: 140px;
    top: -200px;
    position: initial;
    transition: top 600ms ease 0s, opacity 600ms ease 0s;
  }
.custom-navbar {
    height: 91px;
}
.custom-navbar.shrink {
    background: rgba(23,99,122, 1) none repeat scroll 0 0;
    top: 0;
    position: fixed;
}
header {
    transition: top 600ms ease 0s, opacity 600ms ease 0s;
}
.header-style {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}    
.navbar-brand img{margin-top: 28px;}
.shrink .navbar-brand img{margin-top: 5px;}
.content-banner span {color: #8dc04d; float:left;}
.content-banner span button span{float: none;}

.btn.btn-primary.register-btn > span {
    float: left;
    margin-right: 10px;
    margin-top: 6px;}
.btn.btn-primary.register-btn {font-family: 'Open Sans', sans-serif;color: #fcfcfd;font-size: 15.89px;
background: #142131;border-color: #142131;}
.top-login-btn {text-align: right;}
.nav.navbar-nav.navbar-right.custom-navbar-ryt{margin-top: 24px;}

.shrink .nav.navbar-nav.navbar-right.custom-navbar-ryt{margin-top: 0px;}


.nav.navbar-nav.navbar-right.custom-navbar-ryt a{color: #fff; font-size: 16.9px;font-family: 'Open Sans', sans-serif;}
.nav.navbar-nav.navbar-right.custom-navbar-ryt a strong{font-weight: 300; }
.nav.navbar-nav.navbar-right.custom-navbar-ryt a:hover{color: #ebe5e5;}
.img-position-banner img {position: relative;}
.content-banner {
    background: rgba(23, 99, 122, 0.9);
    max-width: 100%;
    padding: 48px 34px;
    position: absolute;
    top: 277px;
    width: 590px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}
.content-banner h1 {
    font-size: 37px;
    color: #fcfcfd;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0;
    letter-spacing: 1.5px;
}
.btn-banner-group {
    display: inline-block;
    width: 100%;
    margin-top:15px;
}
.content-banner h1 span a {color: #8dc04d;text-decoration: underline;}

.content-banner p {
     color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16.88px;
    letter-spacing: 0.6px;
    margin: 5px 0 0;
    padding: 0;
    width: 100%;
}
.content-banner p span{display: inline-block; float: none;}
.content-banner p span a{color: #8dc04d;text-decoration: underline;}

.login-btn{background: transparent;border: 1px solid #ffffff;border-radius: 0px;color: #ffffff;margin-left: 14px;
    max-width: 100%;
    width: 158px !important;font-size: 18.58px;text-align: left;}
.login-btn span{color: #8dc04d;}
.first-login{margin-left: 0px;}
.banner-pic {
    position: relative;
}
.product hr{margin-top: 0px; margin-bottom: 0px;}
/*.banner {margin-top: 108px;}
*/
/***************history section*******/
.history{background: #17637a;text-align: center;color: #ffffff;font-family: 'Open Sans', sans-serif;	padding-bottom: 63px;}
.history h1{
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 40px;
	text-align: center;
	margin-top: 55px;
	margin-bottom: 30px;
}
.history h1 span{
	color: #8dc04d;
}

.history-btn{background: transparent;border: 1px solid #ffffff;border-radius: 0px;color: #ffffff;
	margin-left: 12px;
    font-size: 19px;max-width: 100%;width: 190px;text-align: center;}
.history-btn-spacing{
	margin-top: 50px;
}
.portfolio .history-btn-spacing{margin-top: 40px;}
.history .container {max-width: 100%;width: 726px;}
.history .container p {margin: 0 0 22px;}


/*********product******/
.product{background-color: #e9e9e9; background-image: url(images/bg-web.png); text-align: center; padding:60px 0px 75px 0px;}
.product h2{color: #b7b1b1;font-size: 25px; line-height: normal; font-family: 'Open Sans', sans-serif;font-style: italic; font-weight: 300;}
.product p{color: #b7b1b1;font-size: 15px;font-family: 'Open Sans', sans-serif;font-style: italic; font-weight: 300;}
.hr-sty{border-top: 2px solid #c7c3c3 !important;max-width: 100%;width:400px;}
.product h1{color: #17637a;font-size:40px;font-family: 'Open Sans', sans-serif;margin-bottom: 52px;
    margin-top: 50px;}
.residential h4{font-size: 20px;color: #17637a;font-family: 'Open Sans', sans-serif;margin-bottom: 20px;}
.residential p{font-size: 13px;color: #17637a;font-family: 'Open Sans', sans-serif;margin-bottom: 20px;font-style: normal;}
.residential p a{font-size: 13px;color: #17637a;font-family: 'Open Sans', sans-serif;margin-bottom: 20px;font-style: normal;text-decoration: underline;text-transform: uppercase;}
.residential {margin-left: 48px;}

.product-btn{background: transparent;border: 1px solid #17637a;border-radius: 0px;color: #17637a;
	margin-left: 12px;
    font-size: 19px;max-width: 100%;width: 190px;text-align: center;}
.product-btn-spacing{
	margin-top: 50px;
	margin-bottom: 125px;
}


.portfolio{background: #8dc04d;text-align: center;font-family:'Open Sans', sans-serif; padding:70px 0px;}
.product-one-pic {
    display: inline-block;
    text-align: center;
    margin-bottom: 12px;
}
.people .product-one-pic{margin-bottom: 8px;}
.portfolio h1{font-size: 40px;color: #ffffff;margin-top: 0px;margin-bottom: 55px; line-height: 30px;}
.portfolio h4{font-size: 20px;color: #ffffff;margin-bottom: 20px;}
.portfolio p{font-size: 13px;color: #000 !important;}
.portfolio-btn{margin-bottom: 40px;}


.product .container {max-width: 100%;width: 1100px;}
.product-one p {padding: 0px 46px; line-height: 20px;}
.product-side{padding:0px 0px; margin-bottom: 65px; margin-top: 30px;}

/************people**********/
.people{background: #f0f0f0; background-image: url(images/bg-web.png); text-align: center;font-family:'Open Sans', sans-serif;}
.people h4{color: #17637a;margin-bottom: auto;}
.people h2 {
    color: #b7b1b1;
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-style: italic;
    font-weight: 300;
}
.people h6 {
    color: #b7b1b1;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-style: italic;
}
.find-us{padding-bottom: 90px;}
.find-us h1{
    color: #ffffff;margin-bottom: 30px;
}
.portfolio .where-h4{margin-bottom: 60px; margin-top: 38px;}
.find-add {
    width: 18%;  margin-left: 12%;
}
.find-add p{color: #ffffff;}
.find-us a {color: #fff;text-decoration: underline;}
.footer {
    background-color: #17637a;
    color: #ffffff;
/*    bottom: 0;*/
/*    height: auto !important;*/
/*    position: absolute;*/
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}
footer ul {
    padding-left: 0;
}
footer li {
   list-style-type: none;
}
footer li a {
   color: #fff !important;
   font-synthesis: 12px;
}
.footer-row {
    margin-top: 90px;margin-bottom: 90px;}
.custom-form-control{
    background: transparent;
    border-radius: 0px;
    color: #fff;
}
.sign-up-form{border-radius: 0px;}
.para-fotter {margin-top: 10px;}

/**** USING BOOTSTRAP 3.0.3 *****/

nav {
  .navbar-brand {font-size: 30px;}
    .navbar-toggle {margin: 13px 15px 13px 0;}
    a {
        font-size: 18px;
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    transition: all 0.3s ease;
    }
}



nav.navbar.shrink {
    min-height: 35px;
  .navbar-brand {font-size: 25px;}
  a {
    font-size: 15px;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .navbar-toggle {
    margin: 8px 15px 8px 0;
    padding: 4px 5px;
  }
}



.portfolio.people h1 {color: #17637a !important;}
.portfolio.people p {padding: 0 30px !important;}
.portfolio.people {padding-bottom: 50px;}
.portfolio.find-us p {padding: 0;}
.para-service{color: #ffffff !important;}
.textwidget a{color: #ffffff;}
.foot-form {margin-right: 60px;width: 28%;}
.portfolio.people h5 { margin-bottom: 25px; margin-top: 0px;}

/************for back to top*********/

  #return-to-top {
    position: fixed;
    bottom: 320px;
    right: 2%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);

    display: block;
    text-decoration: none;

    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    /*color: #fff;*/
    color: transparent !important;
    margin: 0;
    position: relative;
    left: 16px;
    top: -22px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
}


/* Extra Things */
body{background: #eee ;font-family: 'Open Sans', sans-serif;}h3{font-size: 30px; font-weight: 300;text-align: center;margin-top: 50px;}h3 i{color: #444;}





/*******css add by beena gill on 21 nov 2016********/
.right-social-main {float: right;/*width: 51%;*/}
.nav.navbar-nav.navbar-right.custom-navbar-ryt {float: left !important;}
.social-icon { float: right;margin-top: 32px;}
.social-icon ul {display: inline-block;list-style-type: none;padding-left: 0;}
.social-icon ul li {display: inline;}
.social-icon img {display: inline;float: left; margin: 3px; max-width:22px;}
.collapse.navbar-collapse {float: left;margin-right: 28px;}
/******css by beena gill on 22 nov********/
.shrink .social-icon {margin-top: 12px;}
/***back to top css***/
#return-to-top {width: 115px;background: transparent;}
#return-to-top:hover {background: transparent;}
.back-to-top {font-family: 'Open Sans', sans-serif;font-size: 13px;color: #ffffff;margin-left: 8px;
text-decoration: underline !important; font-weight: 400}
.fa.fa-arrow-up span {float: left;}
.fa .fa-arrow-up{width: 100% !important;float: left !important;}
#menu-item-130,#menu-item-133,#menu-item-134,#menu-item-135 {display: none;}

.morecontent span {
    display: none;

}
.morelink {
    display: block;
}

.portfolio .product-one h4{min-height: 44px;}
.portfolio.people .product-one h4{min-height: initial;}
.morelink{color: #fff; margin-top: 15px;}
.morelink:focus, .morelink:hover{color: #fff; text-decoration: none;}
.morelink.less, .morelink.less:focus, .morelink.less:hover{color: #fff; }
.portfolio.people .morelink{color: #17637a;}
#menu-item-181, #menu-item-182, #menu-item-183{float: left;}
#menu-item-181 img, #menu-item-182 img, #menu-item-183 img{width:22px;}
.nav > li.menu_socials{display: none;}
.product-one-pic img {width: 60px;}
.people .product-one-pic img {width: auto;}
.fa.fa-arrow-up img {width:14px;}
div.wpcf7-validation-errors {border:2px solid #ed1c24 !important; margin: 15px 0 !important;}

.portfolio.find-us .product-one h4{min-height:inherit; margin-bottom:23px;}





/************media query start here*********/



@media(max-width: 1366px){
	.content-banner{top: 237px;}
    .img-position-banner {height:800px; overflow:hidden;}
    .img-position-banner img{height: 100%; max-width:none;right:15%; top:10px;}
    .content-banner {top:285px;}
    .content-banner{padding:40px;}
}


@media(max-width: 1280px){
    .img-position-banner{height: 750px;}
    .img-position-banner img{top:20px;}
}


@media (min-width: 992px) and (max-width: 1199px){
.banner-pic {margin-top: 140px;position: relative;}
.content-banner {top: 16%;}
.right-social-main {width: 56%;}
.social-icon {margin-top: 30px;}
#return-to-top {height: auto;width: auto;}
.foot-form {margin-right: 45px;}
.collapse.navbar-collapse{margin-right:0px;}
.img-position-banner {height:auto; overflow:hidden; }
.img-position-banner img{height: auto; max-width:100%;  top:0px; right: 0px;}

}
@media (min-width: 768px) and (max-width: 991px){
.banner-pic {margin-top: 140px;}
.content-banner h1 {font-size: 23px;}
.content-banner {top: 8%;}
.navbar-brand img {margin-top: 0;}
.content-banner {width: 90%;left: 0;right: 0; margin: 0 auto;}
.right-social-main {width: 73%;}
.social-icon {margin-top: 30px;}
#return-to-top {height: auto;width: auto;}
.foot-form {margin-right: auto;}
.collapse.navbar-collapse{margin-right:0px;}
.navbar-brand img{max-height: 50px;}
.right-social-main{width: 63%;}
.nav.navbar-nav.navbar-right.custom-navbar-ryt a{font-size:14px;}
.nav.navbar-nav.navbar-right.custom-navbar-ryt{margin-top:0px;}
.social-icon{margin-top:5px;}
.custom-navbar{min-height:86px;}
.banner-pic{margin-top: 86px;}
.content-banner{width:590px; max-width: 100%;}
.product-one p{padding:0px;}
.portfolio.people p{padding:0px !important;}
.find-add {margin-left: 0;  width:33.3333%;}
.img-position-banner {height:auto; overflow:hidden;}
.img-position-banner img{height: auto; max-width:100%;  top:0px; right: 0px;}


}
@media (max-width: 767px){
.banner-pic {margin-top: 60px;}
.content-banner h1 {font-size: 32px;}
.content-banner p {font-size: 13px;}
.navbar-brand img {margin-top: 0;}
.content-banner {padding: 30px;top: 10%;/*width: 480px;*/width:570px; max-width:100%; left: 0;right: 0; margin: 0 auto;}
.top-login-btn {margin-top: 12px;}
.social-icon {margin-top: 6px;}
.history h1 {font-size: 32px;margin-bottom: 15px;margin-top: 28px;}
.history-btn-spacing {margin-top: 0px;}
.history {padding-bottom: 35px; padding-top: 20px;}
.product h1 {font-size: 30px; margin-bottom: 10px;margin-top: 20px;}
.product-btn-spacing {margin-bottom: 30px;margin-top: 5px;}
.portfolio h1 {margin-bottom: 25px;margin-top: 25px;font-size: 30px;}
.product-one-pic {margin-bottom:0px;}
.residential {margin-left: 0;}
.find-add {margin-left: 0;width: 100%;}
.site-map-col{width: 33%;float: left;margin-top: 20px;}
.custom-navbar.shrink {height: 60px;}
#navbar {background: #f0f0f0; border-top: medium none;margin-top:0px;box-shadow: none;}
.nav.navbar-nav.navbar-right.custom-navbar-ryt a {color: #222222;}
.nav.navbar-nav.navbar-right.custom-navbar-ryt a:hover {color: #8dc04d;}
.foot-form {width: 100%;}
#return-to-top {height: auto;width: auto;}
.foot-form {margin-right: auto;}
.back-to-top {font-size: 12px;margin-left: 4px;}
.product h2 {font-size: 16px;}
.product-one {margin-bottom: 50px;}
.portfolio h1 {margin-bottom: 36px;}
.portfolio.people h2 {font-size: 17px !important;}
.portfolio.people {padding-bottom: 15px;}
.find-us {padding-bottom: 0;}
.top-login-btn {display: none;}
.social-icon {display: none;}
#menu-item-130,#menu-item-133,#menu-item-134,#menu-item-135 {display: block;}
.right-social-main {float: left;margin-top: 0px;width: 100%;}
.collapse.navbar-collapse {float: left;margin-right: 0;width: 100%;}
.navbar-brand img {margin-top:0px;}
.shrink .navbar-brand img {margin-top: 0px;}
.navbar-toggle {margin-top: 47px;}
.shrink .right-social-main {float: left;margin-top: 0px;width: 100%;}
.custom-navbar{min-height: 60px; height: 60px;}
.navbar-brand img{height: 34px;}
.navbar-toggle{margin-top: 14px;}
#return-to-top{bottom:0; display:none; float:right; position:relative; right:22px; text-decoration:none;  transition: all 0.3s ease 0s;}
#return-to-top i{top: 0px;}
.portfolio h4 {margin-bottom: 0;}
.portfolio .product-one h4{min-height:initial;}
.textwidget p br:first-child {display:none;}
.portfolio{padding: 20px 0px;}
.nav > li.menu_socials{display: block;}
/*.navbar-collapse.add.collapse.in{display: none;}*/
.img-position-banner {height:auto; overflow:hidden;}
.img-position-banner img{height: auto; max-width:100%;  top:0px; right: 0px;}

.history{text-align: center;}
.history h1{text-align: center;}
.content-banner{float: left; margin:0px 0px 0px 15px;}
.product h2 br{display: none;}
.product{padding:40px 0px;}
.product-side{margin-bottom: 0px;}
.row.footer-row p{font-size: 13px;}
}

@media (max-width: 667px){
.banner-pic {margin-top: 60px;}
.product h2 {font-size: 18px;}
.img-position-banner {height: 320px; overflow: hidden; width: 100%;}
.img-position-banner img {height:100%; max-width:none; min-width:100%; position:relative; width:auto;}
.banner-pic .container{padding: 0px 15px; float: left;}
.content-banner{width: 510px; float: left; margin:0px 0px 0px 15px;}
.login-btn{width:138px !important; font-size: 12.58px;}
.footer-row{margin:30px 0px;}

}
@media (max-width: 533px){
.content-banner {top: 12%;width: 90%;left: 0;right: 0;margin: 0 auto;}
.product h2 {font-size: 16px;}
.login-btn{width: auto !important;}
.content-banner h1 {font-size:24px;}
.content-banner p br{display: none;}

}
@media (max-width: 480px){
.banner-pic {margin-top: 60px;}
.content-banner {top: 12%;/*width: 380px;*/padding: 30px;width: 90%;left: 0;right: 0;margin:0px 0px 0px 15px;}
.content-banner h1 {font-size: 24px;margin-top: 0;}
.login-btn {font-size: 12px;width: auto !important;margin:0px 5px 0px 0px;}
.content-banner p {font-size: 13px;}
.product h2 {font-size: 15px;}
.history h1 {font-size: 24px;margin-bottom: 12px;margin-top: 12px;}
.history p {font-size: 13px;}
.product h1 {font-size: 20px;margin-bottom: 10px;}
.residential h4 {margin-bottom: 12px;}
.portfolio h1 {font-size: 30px;margin-bottom: 20px;margin-top: 20px;}
.people h2 {font-size: 15px;}
.portfolio h4 {font-size: 20px;}
.footer-row {margin-bottom: 20px;margin-top: 20px;}
.site-map-col {width: 100%;}
.portfolio.people h5{font-size:12px;}
.product h2{font-size: 18px;}

}
@media (max-width: 375px){
.banner-pic {margin-top: 60px;}
.navbar-brand img {width: auto;}
.img-position-banner img {height: 100%;}
.img-position-banner {height: 270px;}
.content-banner {padding: 15px;top: 8%;/*width: 285px;*/width: 90%;left: 0;right: 0;}
.content-banner h1 {font-size: 17px;}
.product{padding:40px 0px;}
.product-one p{padding:0px;}
.product-side{margin-bottom: 20px;}
.portfolio.people p{padding:0px !important;}
}
@media (max-width: 360px){
.navbar-brand img {width: auto;}
.img-position-banner img {height: 100%;}
.img-position-banner {height: 270px;}
.banner-pic .container{padding: 5px;}
}
@media (max-width: 320px){

.img-position-banner img {height: 100%;}
.img-position-banner {height: 270px;}
.content-banner {padding: 10px;top: 28px;/*width: 270px;*/width: 96%;left: 0;right: 0;margin: 0 auto;}
}