img{ max-width:100%; border:0; height:auto}
ul, li, a, body, div, p, span{ margin:0; padding:0}
a:hover{ text-decoration:none}
.fl{ float:left}
.fr{ float:right}
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.row2:before, .row2:after {	display: table;	content: "";	line-height: 0;}
.row2:after {clear: both;}
.greybg{ background-color:#565656}
.bluebg{ background-color:#0088cc}
.redbg{ background-color:#c50d0d}
.greenbg{ background-color:#88c425}
.orangebg{ background-color:#e48031}
.whitebg{ background-color:#fff}
.bg1{ background-color:#d85d1e}
.white{ color:#fff !important;}
.red{ color:#f00}
.blue{ color:#3195d8}
.yellow{ color:#f7d61c}
.orange{ color:#e48031 !important}
.green{ color:#93ba00}
.c1{ color:#1cb7ed}
.c2{ color:#b52075}
.pol{ position:relative}
.fs22{ font-size:22px;}
.fs32{ font-size:32px;}
.fs38 { font-size:38px;}
.mt10{ margin-top:10px;}
.fw400{ font-weight:400}
.fw300{ font-weight:300}
.fw100{ font-weight:100}
.mb10{ margin-bottom:10px !important;}
.pol{ position:relative}



.commanhead b:after, .commanhead b:before, .commanhead:after, .commanhead:before, #feather-touch-control-panel .ftcoinner:after, #feather-touch-control-panel .ftcoinner:before{ content:""; position:absolute;}
header  nav ul li a, header .headerinner .contactdetails, .mainpunchline, #formsection .input input[type="submit"], .commanhead b, #formsection b, .prodcuts a  .prodcutcontent b, .ourprodcuts ul li a b, .ophead, .pages ul li a, .fotterlinks span, #aboutcntent, .shadowpunchline, header  nav a.menus{ font-family:Lato;}
header  nav ul li a, .commanhead b, #aboutsection .abhead, .prodcuts a  .prodcutcontent b, #aboutsection .knowmore, .ourprodcuts ul li a b, .ophead, .pages ul li a b, .fotterlinks span, #formsection .input input[type="submit"], #formsection b, #aboutcntent b, .shadowpunchline, header  nav a.menus{ text-transform:uppercase;}
header  nav ul li a, .prodcuts a, header  nav ul li a:after{	text-decoration:none;-webkit-transition: .75s ease-out;-moz-transition: .75s ease-out;-o-transition: .75s ease-out;transition: .75s ease-out;}
.cbp-af-header { position:relative;	top: 0;	left: 0; right:0; margin:0 auto;width: 100%; -webkit-transition:all  0.3s;	-moz-transition: all 0.3s;	transition: all 0.3s;  }

.cbp-af-header-shrink{position: fixed ; top:0;	z-index:999999999 !important	; text-align:center; box-shadow:0px 0px 10px #666; -o-box-shadow:0px 0px 10px #666; -moz-box-shadow:0px 0px 10px #666; -webkit-box-shadow:0px 0px 10px #666; -ms-box-shadow:0px 0px 10px #666;}
header{ background-color:#fff;}
header .headerinner{  padding:15px 0; position:relative}
header .headerinner .contactdetails{ position:absolute; right:0; top:0; text-align:center; font-size:16px; }
header .headerinner .contactdetails span{ display:block;background-color:#ecf1f3; padding:5px 20px; margin-bottom:4px;  border-radius:0 0 6px 6px;}
header  nav{ text-align:left !important}
header  nav a.menus{ background:#d72421 url(../images/menu-icon.png) no-repeat 4px center; padding:4px 6px 4px 36px; font-size:14px; text-transform:uppercase; color:#fff; border:1px #fff solid; display:none}
header  nav  {background: #1b7fcf; /* Old browsers */
background: -moz-linear-gradient(top, #1b7fcf 0%, #1772b9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b7fcf), color-stop(100%,#1772b9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1b7fcf 0%,#1772b9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1b7fcf 0%,#1772b9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1b7fcf 0%,#1772b9 100%); /* IE10+ */
background: linear-gradient(to bottom, #1b7fcf 0%,#1772b9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b7fcf', endColorstr='#1772b9',GradientType=0 ); /* IE6-9 */}
header  nav ul li{ list-style:none; float:left; line-height:47px; position:relative }
header  nav ul li a{ display:block; font-size:13px; padding:0 15px; color:#fff; position:relative; overflow:hidden }
header  nav ul li a:hover, header  nav ul li a.active, ul.dropdown li:hover>  a{ background: #156dc5; /* Old browsers */
background: -moz-linear-gradient(top, #156dc5 0%, #1260ab 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#156dc5), color-stop(100%,#1260ab)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #156dc5 0%,#1260ab 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #156dc5 0%,#1260ab 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #156dc5 0%,#1260ab 100%); /* IE10+ */
background: linear-gradient(to bottom, #156dc5 0%,#1260ab 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#156dc5', endColorstr='#1260ab',GradientType=0 ); /* IE6-9 */}
header  nav ul li a:after{ position:absolute; content:""; left:0; right:0; margin:0 auto;background-color:#fff; height:10px; width:10px; bottom:-12px; transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
header  nav ul li li a:after{ display:none}
header  nav ul li a.active:after, header  nav ul li a:hover:after, ul.dropdown li:hover >  a:after{bottom:-5px  ; } 
ul.dropdown ul {visibility: hidden; background-color:#fff; z-index: 1;   margin:0px; padding:0px; z-index:99090909099; left:5%; 	 }
ul.dropdown li:hover>ul {opacity: 1;    top:100%; left:0;    visibility: visible;}
ul.dropdown ul {position: absolute;	top:100%;	z-index:99999 !important; box-shadow:0px 0 10px #ccc}
ul.dropdown ul ul {	left:100% !important; 	top:0 !important; 	z-index:1000 !important; }
ul.dropdown, ul.dropdown ul {	margin:0px;	list-style:none; }
ul.dropdown ul li {float:none; border-top:0px;	 margin:0px !important; padding:0px !important; width:100% !important	; display:block;}
ul.dropdown ul li a {background-image: none !important; white-space:nowrap; 	  
 text-align:left; 	z-index:100000;	text-decoration:none; display:block; border-bottom:1px #cee8fd solid; color:#000  } 
ul.dropdown ul li+li{ border:0 !important ;}
ul.dropdown ul li a:hover{ color:#156dc5 }
#middsection{ background:url(../images/about-bg.jpg);}
.whitespace{ background-color:#fff; padding:30px; }
.whitespace1{ background-color:#fff; padding:70px 30px; }
.mainpunchline{ font-size:21px; line-height:28px; text-align:center; margin-bottom:25px;}
#banner{ position:relative}
.overbanimg{ position:absolute; left:0; right:0; bottom:0; top:; width:100%; height:100%; z-index:999}
.shadowpunchline{font-size:20px; line-height:28px; text-align:center; padding:20px 0 0; color:#7b7b7b }
.shadowpunchline img{ margin-top:10px;}
#aboutcntent{ font-size:16px;}
#aboutcntent b{ font-size:22px;}
#aboutcntent  .abcontent{ font-size:16px; line-height:25px; color:#666; position:relative}
#aboutcntent  .abcontent:after{ position:absolute; content:""; left:-20px; top:5px; height:53px; border-left:1px #cf1e1d solid}
#aboutcntent{ padding:25px 0}
#aboutcntent  .abcontent p+p{ margin-top:15px;}
#aboutcntent  .abcontent p:first-child{ color:#000}
#aboutcntent  a.readmore{ border:1px #aeaeae solid; padding:5px 14px; margin-top:25px; display:inline-block}
#productssection{ background-color:#e4e7e9;overflow:hidden}
#productssection .proinnersection{ padding:25px; background:#e5e9ec url(../images/about-full-ng.jpg) no-repeat center top;}
.prodcuts a{ display:block; text-align:center;border-radius:7px;}
.prodcuts a b{color:#1b7ece;}
.prodcuts a:hover, .owl-item:first-child .prodcuts a{ color:#fff; background-color:#1b7ece;}
.prodcuts a:hover b, .owl-item:first-child .prodcuts a b{color:#fff;}
.prodcuts a .prodcutthumb{border-radius:7px; overflow:hidden}
.prodcuts a .prodcutthumb img{ width:100%}
.prodcuts a  .prodcutcontent{  padding:15px 17px;  line-height:23px;}
.prodcuts a  .prodcutcontent b{ display:block; font-size:15px; margin-bottom:7px;}
.commanhead{ color:#0054a6; text-align:center;  margin-bottom:10px; position:relative; overflow:hidden}
.commanhead:after{  left:0;}
.commanhead:before{ right:0; }
.commanhead:after, .commanhead:before{background-color:#cfd2d3; height:7px; width:7px; border-radius:50%; top:33px;}
.commanhead b{ display:inline-block;  font-size:24px;padding:20px ; position:relative}
.commanhead b span{ font-weight:300}
.commanhead b:after{ left:100%; }
.commanhead b:before{ right:100%; }
.commanhead b:after, .commanhead b:before{  top:36px; width:300%; border-bottom:1px #cfd2d3 solid;  }
.ourprodcuts ul li{ list-style:none; margin:0 0 20px 0;;}
.ourprodcuts ul li a{ display:block; font-size:12px;}
.ourprodcuts ul li a b{ display:block; font-size:13px; margin-bottom:7px; color:#1b7fcf}
.ourprodcuts ul li a img{ width:90px; float:left; margin-right:14px;}
.pages{ margin-top:30px;}
.pages ul li{ margin:0 0 10px 0; list-style:none; background:url(../images/bottom-shadow.png) no-repeat bottom right;}
.pages ul li a{ display:block; font-size:16px; color:#5b5b5b; padding:0 0 40px 0;}
.pages ul li a b{ display:block; position:relative; color:#000; font-size:19px; font-weight:400; margin-bottom:10px; }
.pages ul li a b span{ font-weight:300 !important}
.pages ul li a .pagethumb{ float:left; margin:0 20px 0 0; width:120px; height:120px; overflow:hidden; }
.pages ul li a strong.links{ display:block; text-transform:uppercase; font-size:11px; margin:10px 0; color:#e02b00}
#formsection{ background-color:#1b7ece; padding:25px;}
#formsection b{ display:block; position:relative; font-size:20px; color:#fff;font-weight:400; margin-bottom:25px; padding:0 0 12px 0;}
#formsection b span{ font-weight:300 !important}
#formsection b:after{ width:88px; height:2px; background-color:#7fb7e4; bottom:0; left:0; position:absolute; content:"";}
#formsection .input input[type="text"], #formsection .input textarea{ width:100%; padding:10px; margin-bottom:10px; border:1px #0b6ebe solid; color:#ffffff !important; font-weight:bold; background-color:#005cac; font-size:16px; font-family:Lato;}
#formsection .input input[type="submit"]{ background-color:#de211e; padding:10px 15px; display:inline-block; text-align:center; border:0;  color:#fff;}
#feather-touch-control-panel{ background: url(../images/about-bg.jpg) ; overflow:hidden }
#feather-touch-control-panel .ftcoinner{ background-color:#f1f3f4; padding:25px 30px; position:relative}
#feather-touch-control-panel .ftcoinner:after{  left:-300%;}
#feather-touch-control-panel .ftcoinner:before{  right:-300%; }
#feather-touch-control-panel .ftcoinner:after, #feather-touch-control-panel .ftcoinner:before{ background-color:rgba(230, 233, 235, .55);  top:0;  bottom:0; width:300%; height:100% }
.panell{ position:relative; padding:0 30px 0 0 ; text-align:center}
.panell .paneimg{ border:2px #fff solid}
.panell .sideshadow{ position:absolute; right:0; bottom:0; top:0; height:100%; width:20px;}
.panelcontent{ font-family:Lato; text-align:right; font-size:16px;}
.panelcontent b{ display:block; position:relative; color:#000; font-size:19px; font-weight:400; margin-bottom:6px; }
.panelcontent b span{ font-weight:300 !important}
.panelcontent  a.rm{ border:1px #3089d2 solid; color:#3089d2; padding:5px 14px; margin-top:15px; display:inline-block}
#maps img, #maps iframe{ width:100% !important;}
footer{ background-color:#282828}
footer .footerinner{  padding:30px 0 10px 0 ; min-height:150px; }
.fotterlinks{ margin-bottom:10px; text-transform:capitalize !important}
.fotterlinks span{ display:block; margin-bottom:15px; padding:0 0 7px 0; color:#fff; font-size:16px; position:relative}
.fotterlinks span:after{ position:absolute; content:""; left:0; bottom:0; border-bottom:1px #fff  dotted; width:160px;}
.fotterlinks ul li{  margin-bottom:5px; font-size:12px; list-style:none;}
.fotterlinks ul li a{ color:#949494;}
.fottersocial{ margin:10px 0 20px 0; }
.fottersocial a{ display:inline-block; padding:5px 8px; margin-right:3px; color:#fff; border-radius:4px; font-size:13px;}
.fottersocial a.bgfb{ background-color:#4d67a3}
.fottersocial a.bgtw{ background-color:#25a7df}
.fottersocial a.bggp{ background-color:#d74936}
.fottersocial a.bglin{ background-color:#0070b1}
.adress{ background-color:#3398d7; padding:14px; color:#fff;font-size:12px; line-height:22px;}
.adress span{ display:block; margin-bottom:10px; font-size:13px; text-transform: uppercase;}
.adress a{color:#fff;}
.copyright{  padding:5px 0; line-height:20px; color:#949494}
#back-top{ position:fixed; right:10px; bottom:20px;}
#back-top a{ font-size:20px; color:#d72421;}


.whitespace-inner{ background-color:#fff; padding:0px 30px;  font-family:Lato; }
.whitespace-inner .punchline{margin-bottom:20px;}
.whitespace-inner .punchline .head{ text-align:center; padding:20px 0 20px 0; color:#7b7b7b; font-family:Lato; font-size:25px; line-height:37px; font-family:'Roboto Condensed'; font-weight:300 }
.whitespace-inner strong, .whitespace-inner b{ font-weight:normal !important}
.punchline .head strong{ color: #f00; font-weight:bold !important }
.maincontent strong{ font-weight:bold !important}
.innerpage .banner img{ border-radius:10px; text-align:center; display:block; width:100%;}
.abtext{ color:#2b2b2b;  font-size:17px; line-height:26px; font-weight:300; margin:20px 0; text-align:justify;  overflow:hidden}
.innerpage .breadcrumbs{ margin:0px 0 10px 0}
.innerpage .breadcrumbs span{ font-size:22px; color:#000; text-transform:uppercase} 

.projectsarea {
    background: #fff; margin:25px 0;
    border: 1px solid #e0e0e0;
    padding: 15px 15px;
}
.projectsarea .content {
    font-size: 13px;
    line-height: 21px;
    padding: 8px 0;
    color: #666666;
}
.projectsarea ul {
    list-style: none;
    margin: 10px;
}
.projectsarea ul li {
    padding: 10px 10px;
    border-bottom: 1px solid #cdd7a6;
    line-height: 19px !important;
    
}
.projectsarea ul li img {
    float: left;
    width: 50px;
    height: 55px;
    margin-right: 10px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 5px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.projectsarea ul li .headinner {
    font-size: 14px;
}
.projectsarea ul li img:hover{transform: rotate(-20deg);}

.projectsarea .head {
    display: block;
    position: relative;
    font-size: 25px;
    color: #474747;
    font-weight: 400;
  
}
.gm-style .place-card-large{ display:none !important; visibility:hidden !important}
.productsdetails{ overflow:hidden}
.innerpages{ margin-top:30px;}
.innerpages ul li{ margin:0 0 10px 0; list-style:none; background:url(../images/bottom-shadow.png) no-repeat bottom right; font-weight: 300;}
.innerpages ul li a{ display:block; font-size:16px; color:#646464; padding:0 0 40px 0; line-height:26px; }
.innerpages ul li a b{ display:block; position:relative; color:#000; font-size:17px; font-weight:400; margin-bottom:10px; }
.innerpages ul li a b span{ font-weight:300 !important}
.innerpages ul li a .pagethumb{ float:left; margin:0 20px 0 0; width:180px; height:137px; }
.innerpages ul li a .pagethumb img{border-radius:5px;  }
.innerpages ul li a strong.links{ display:block; text-transform:uppercase; font-size:11px; margin:10px 0; color:#e02b00}
.projectsarea ul li:hover img{transform: rotate(-20deg);}
.whitebg{ background-color:#fafafa}
..pprojectdetails{ overflow:hidden; position:relative}
.pprojectdetails ul{ list-style:none ;}
.pprojectdetails ul li .headinner{ position:relative; overflow:hidden; margin:0 5px 30px 9px; box-shadow:0 0 10px #e6e6e6;}
.pprojectdetails .maincontent p{ font-size:15px;  line-height:26px; }
.productslist li{ font-size:15px;  line-height:26px; }
.productslist:hover li{ color:#000}
.pprojectdetails ul li .headinner p{position:absolute; width:100%; height:100%; top:85%;  left:0;  background:#1979c5; z-index:999;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;color:#fff !important;   text-align:center; font-size:16px; padding:5px 5px 8px 5px !important; opacity:.9}

.pprojectdetails ul li:hover .headinner p{ position:absolute; left:0; top:0; width:100%; height:100%; padding-top:120px; color:#fff !important; font-size:21px;  text-transform:capitalize;}
.pprojectdetails ul li .headinner .thumb{ padding:15px;}
.headinner .clickhere{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:35px; color:#F60}
.pheading{ margin:15px 0 28px 0 ; text-transform:uppercase; color:#999; font-size:26px; font-weight:300; position:relative; overflow:hidden}
.pheading span{ background-color:#fff; margin-left:20px; padding:0 5px 0 5px;}
.pheading:after{ position:absolute; content:""; background:#1cc8ed url(../images/pheadingbg.jpg) no-repeat right; left:0; right:0; width:100%; height:2px; top:20px; z-index:-1 }

.productsdetailslisting { margin-bottom:15px; border-bottom:1px dashed #efefef }
.productsdetailslisting .heading{color: #359deb; font-size:18px; line-height:20px;}
.productsdetailslisting .content{ font-size:14px; line-height:22px; margin:10px 0; font-weight:300}
.productsdetailslisting ul{ margin:10px 0px 10px 20px; font-size:14px; font-weight:300}
.productsdetailslisting ul li{ line-height:25px;}
.productsdetailslisting .image{ text-align:center; display:block; margin:20px 0}
a:focus{ outline:0 !important}
.productslist .heading{    text-transform: capitalize;
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 15px;
    display: block;
    color: #2b8deb;
}
.productslist p{    font-family: Lato;
    font-size:15px;
    line-height: 24px;
    font-weight: 400;
    color: #575858; text-align:justify;
}
.branch{ background-color:#f6f6f6; margin-bottom:25px; padding:10px 10px; border-radius:5px;}
.branch .heading{ color:#002393; padding:5px 8px; text-align:left; font-size:18px; font-weight:400}

.branch .content { text-align:left; padding:15px 8px; font-family:Lato; font-size:14px;}
.readmore{   margin-left:10px;color:#2b8deb; font-size:13px; font-weight:bold}

.maincontent table td{ padding:0 0 0 10px; font-size:15px;}
.maincontent ol{ font-size:15px; }

  @media (min-width: 1200px) {

header  nav ul li a{padding:0 25px;  }

	  

  }
@media (max-width: 1199px) and (min-width: 980px) {


}


/*smart phone horizontel (3+, 4+ c) */
@media (min-width: 768px) and (max-width: 979px) {
	
header  nav ul li a{padding:0 6px;  }
.whitespace, .whitespace1{ padding:15px; }

	

}
/*smart Less than 4+ */
@media (max-width: 767px) {

header  nav a.menus{display: inline-block; margin:4px 10px;}
header  nav ul{ display:none}
.cbp-af-header-shrink{position:  relative }
.whitespace, .whitespace1{ padding:10px; }
header .headerinner{  padding:60px 0 15px 0; text-align:center}
header .headerinner .contactdetails{ left:0; margin:0 auto; width:auto !important  }
.mainpunchline{ font-size:16px; line-height:24px;  margin-bottom:10px;}
.shadowpunchline{font-size:16px; line-height:22px;  padding:15px 0 0 }
.panelcontent{ text-align:center; margin-top:20px;}
.panell{ padding:0}
.panell .sideshadow{ display:none }
.fottersocial{ margin:20px 0; text-align:left}
.copyright{ text-align:center }


}








@media only all and (max-width: 470px){	
	
.commanhead b{padding:20px 5px;}	
#aboutsection .abhead{ font-size:17px; width:auto; padding:7px 5px; margin:0 5px; }
.pages{ text-align:center}
.pages ul li a .pagethumb{ float:none; margin:0 0 20px  0; width: auto; height: auto; overflow:hidden; }
.fotterlinks ul li{  width:100%;;}





}
	
	


    .abtext h4{
        color: #333;
        font-weight: 600;
        position: relative;
        padding-bottom: 10px;
        margin-top: 10px;
    }

    .abtext h4:before{
        position: absolute;
       
        left: 0;
        content: "";
        background-color: #1977c2;
        width: 50px;
        height: 2px;
        top: 24px;
    }

    .abtext ul{
      
       margin: 0;
       padding-left: 15px;
       padding-top: 10px;
padding-bottom: 10px;
    }

     .abtext ul li{
      list-style-type: circle !important;
      line-height: 30px;
    }
	

    .abtext h5{
        color: #333;
        font-weight: 600;
        margin-top: 10px;
        font-size: 15px;
    }