@import url('reset.css');
@charset "utf-8";
/* CSS Document */
body{font-family:"arsenalregular"; background-color:#fff; overflow-x:hidden; font-size:15px; color:#525252; }

@font-face {
    font-family: 'arsenalregular';
    src: url('../fonts/arsenal-regular.eot');
    src: url('../fonts/arsenal-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arsenal-regular.woff2') format('woff2'),
         url('../fonts/arsenal-regular.woff') format('woff'),
         url('../fonts/arsenal-regular.ttf') format('truetype'),
         url('../fonts/arsenal-regular.svg#arsenalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'arsenalbold';
    src: url('../fonts/arsenal-bold.eot');
    src: url('../fonts/arsenal-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arsenal-bold.woff2') format('woff2'),
         url('../fonts/arsenal-bold.woff') format('woff'),
         url('../fonts/arsenal-bold.ttf') format('truetype'),
         url('../fonts/arsenal-bold.svg#arsenalbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

::selection {
	color: #383734;
	background: #f0d878;
	text-shadow: none;
}
::-webkit-selection {
color:#383734;
background:#f0d878;
text-shadow: none;
}

::-moz-selection {
color:#383734;
background:#f0d878;
text-shadow: none;
}
@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
        background-color: #eee;
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
}


/*-*/
.quick-top{float:left; width:100%; height:5px;background: #0078ae;
background: -moz-linear-gradient(left, #0078ae 0%, #207cca 50%, #0078ae 50%, #ef1a21 50%, #ef1a21 100%);
background: -webkit-linear-gradient(left, #0078ae 0%,#207cca 50%,#0078ae 50%,#ef1a21 50%,#ef1a21 100%);
background: linear-gradient(to right, #0078ae 0%,#207cca 50%,#0078ae 50%,#ef1a21 50%,#ef1a21 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078ae', endColorstr='#ef1a21',GradientType=1 );}
.logo-center{float:left; width:100%; height:auto; text-align:center; border-bottom:solid 1px #ccc;}
.logo-center img{width:100%; max-width:160px; height:auto;z-index: 1000;
position: relative; margin-top:22px;}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}


.navbar-brand > img{ max-width:231px;}
.icon{float:left; width:auto; margin-right:5px;}
.icon:hover{ opacity:0.5;}
.main{float:left; width:100%; height:auto; background-image:url(../images/backwater-main.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; background-attachment:fixed;}
.top-section{height: 56px;z-index: 99999;padding: 0px 2%;overflow: visible;display: block;box-shadow: 0px 3px 5px #606060;}
header{width: 100%;min-width: 300px;padding: 1% 2%;overflow: hidden;background: transparent url(../images/bc-top.png) repeat scroll 0% 0%;position: fixed;top: 0px;left: 50%;margin-left: -50%;z-index: 99999;
height: auto;}
.logo{float:left;width:1
50px; height:140px; overflow:hidden;}
.captio-logo{color:#c8e2ff; color: #fff;text-shadow: 0px 2px #000;
top: 28px;
float: left;
padding: 5% 14px;
font-size: 21px;}
.carousel-caption-top{width: 100%;
z-index:1000;
position:relative;
margin-top:-66px;
text-align:center;
float: left !important;
}
.carousel-caption-top h3{
font-size: 25px;
padding: 14px 12px;
 background-color:#fff;
 color:#E11C1C;
}
.carousel-caption{z-index:1000;}
#owl demo p {
    position: absolute;
    bottom:25px;
    left: 0;
    background-color: #eee;
    width: 100%;
	color:#fff;
	
}
.toogle-center{ width:109px; margin:0 auto; display:none;}
.navmenu{float:left; margin-top:17px;}
.item p{color:#252525 !important; text-align:center;font-size: 18px; z-index:1000; position:relative;
padding: 14px 12px;font-family: 'arsenalbold'; line-height:23px;}
.logo img{ max-width:139px; height:auto; width:100%;}
.right-section{float:right; width:auto; height:auto;}
.top-menu{ float:left;width:100%; height:auto; background-color:#fff; z-index:10000;text-transform: uppercase;     padding-top: 10px; margin-top:-10px;border-top: solid 1px #ccc;}
.navbar-brand{ padding:0px;}
.nav > li > a{ padding:8px 19px; font-size:18px; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; 
 margin-right:2px;  }
 .nav > li > a:hover{ background:url(../images/nav_bar.jpg) no-repeat 0px bottom; transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s;}
.navbar{ margin-bottom:-1px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color:none !important; border-bottom:solid 5px #ec1313; color:#ec1313;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{ color:#ec1313; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;
   }
   .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ background-color:transparent;}
.navbar-default .navbar-nav > li > a{color:#767676;}
.top-slider{ float:left;width:100%; height:auto; background-color:#fff;}
.top-slider img{width:100%;}
.left-im{}
.left-im img{z-index: 100001;
position: relative;}
.red-bc{float: left; height:auto;

/*background-image:url(../images/top-bc.jpg); background-repeat:no-repeat;
background: -moz-linear-gradient(top, #d8061f 1%, #9e1126 100%);
background: -webkit-linear-gradient(top, #d8061f 1%,#9e1126 100%);
background: linear-gradient(to bottom, #d8061f 1%,#9e1126 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8061f', endColorstr='#9e1126',GradientType=0 );*/
height: auto;

padding-top: 25px;padding-left: 62px; padding-bottom:25px; text-align:left; margin-left:-55px; padding-left:139px;z-index: 100000;
position: relative;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0px;
    height: 0px;}
.color{color:#FC3;}
.carousel-indicators{left:0 !important; z-index: 100001 !important;}
.carousel-indicators li{width:20px; height:20px;}
.carousel-indicators .active{width:20px; height:20px; background-image:url(../images/dot.png); background-position:center center; background-repeat:no-repeat; background-color:transparent !important;}
.topc{ top: 37%;width:100%;bottom: 61px; padding:2%; background-image:url(../images/bc.png); background-repeat:repeat; left:0 !important; }
.topc h3{ line-height:38px !important;}
.carousel-caption{font-size:30px; line-height:38px; text-align: left; position:absolute;
margin-left: 20%;z-index: 100000 !important;}
.carousel-caption h3{font-size:32px; font-weight:bold;}
.carousel-caption h3 span{font-size:45px; font-weight:normal !important;}
.content-section{float:left; width:100%; height:auto; text-align:center; padding: 50px 0 50px 0 !important; margin-bottom:50px;background-image:url(../images/noise-grey.png); background-repeat:repeat; left:0 !important;}
.content-section h1{ font-size:25px; font-weight:bold; text-align:left; color:#252525; margin:2% 0;font-family: 'arsenalbold';}
.content-section p{line-height: 21px; font-family: 'arsenalregular';
font-size: 15px;
color: #252525;
text-align: left;
padding-bottom: 19px;paddding-left:78px;
padding-right: 10%;}
.ic{ margin-bottom:18px; transition:ease-in-out 0.5s;}
.content-section a{color:#fff; text-decoration:underline; font-weight:bold; text-transform:uppercase; }
.content-section a:hover{  color:#fff; text-decoration:none; }
.bottom-section{float:left; width:100%; height:auto; background-image:url(../images/bc.jpg); background-repeat:no-repeat;}
.inner-section{float:left; width:100%; height:auto; background-color:#fff; padding:4%;}
.inner-section h1{ font-size:27px; color:#2d2c31; margin-bottom:20px; text-align:left;}
.inner-section p{ line-height:22px;  color:#4e4e50; text-align:justify;}	

.list-group-item{line-height:21px;}
.list-group-item:hover{ background-color:#333; color:#eee !important;}
.owl-buttons div{ /* left arrow */
    width: 55px; /* width background image */
    height: 0 !important;
    padding-top: 33px !important; /* height background image */
    overflow: hidden !important;
    background: transparent url(../images/text.jpg) 0 0 no-repeat !important;
    margin: 0 !important;
	border-radius:0px !important;
    
}
.fb{ margin-top:5px;}
.fb img{margin-top:14px;}
.box-services{float:left; width:100%; height:317px; background-color:#fff; padding:5px; margin-bottom:20px;}
.box-services h1{ font-size:27px; color:#2d2c31 !important; margin:2% 0px; text-align:center;}
.box-services ul{float:left;margin: 2px;}
.box-services ul li{float:left; padding: 4px 13px; line-height:15px; background-color: #EAE6E6 !important;
margin: 1px;
color: #000;}
.box-services img{width:100%;}
.red-button{ background-color:#fff; border:solid 1px #D5CECE; text-transform:uppercase; color:#e90d14 !important; border-bottom:solid 5px #e90d14; border-radius:unset;}
.red-button:hover{color:#fff !important;background-color:#e90d14; border-bottom:solid 5px #e90d14;}
.form-control{ background-color:#fff !important; border-radius:0px !important;}
.content-section a,.content-section a:hover,.tab-bottom a,.working-procedure ul li,.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active,.footer ul li a,.footer ul li a:hover,.soc li a.soc a:hover,.list-group-item,.list-group-item:hover{
	transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s;
	}
.owl-buttons{ text-align:right;}
.owl-buttons .owl-next{ /* right arrow */
  
    background: transparent url(../images/right.jpg) 0 0 no-repeat !important;
}
.outer {
  
    width: 100%;
    float: left;
    height: auto;

	
	padding-bottom:20px;
	
}
.caption{
z-index: 100000;
position: relative;
padding:5px;
height: auto;
text-align: center;
bottom: 152px;
display: block;}
.caption h2{font-size:25px;}
.owl-pagination {
    z-index: 10000;
    position: relative;
    bottom: 130px;
    height: 10px;}
	.name {
    width: auto;
    padding-top: 20px;
    position: absolute; display:none;}



    #owl-demo .item{
      margin: 3px;
    }
    #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
    }

.image-size {
    width: 77% !important;
}
.caption-details{float:left; width:100%; height:auto; text-align:center; }
.caption-details h2{font-size:25px; color:#F00;margin-top:19px; margin-bottom:17px !important;font-family: 'arsenalbold';}
.caption-details p{ line-height:22px; margin-bottom:28px;  color:#252525; text-align:center;}	
.box-bottom{float:left; width:100%; height:auto; text-align:center;margin-bottom: 52px;}
.box-bottom a{ color:#ef1a21; text-align:center !important; font-weight:bold; text-decoration:underline;}
.box-in{float:left; width:19%; height:auto; margin:5px; text-align:center;transition:all ease-in-out 0.5s; margin-bottom:33px;}
.box-in h3{margin: 2% 0px; font-size:16px; color:#252525; line-height:23px;font-family: 'arsenalbold';}
.box-in p{color:#525252; line-height:19px; padding:2%;}
.box-in:hover img{ -webkit-transform: rotate(360deg);
  transform: rotate(360deg); transition:all ease-in-out
   0.5s;}
   .rd{float:left; width:100%; height:auto;}
.bt-section{float:left; width:100%; height:auto; margin-bottom:60px; text-align:center;}
.box-in img{width:100%; max-width:150px; margin-bottom:20px;transition:all ease-in-out 0.5s;}

.inner{ background-image:none !important;}
.bottom-slide{float:left; width:100%; height:autopx; position:relative; margin-bottom:78px;}
.bottom-slide img{width:100%;}
.bottom-slide-ow{float:left; width:100%; height:auto;}
.bt-caption{float: left;
width: 100%;
height: 200px;
position: absolute;
z-index: 10000;
margin-top: -200px;
background-image:url(../images/bc.png); background-repeat:repeat; border-bottom: solid 5px #f00;
}
.carousel-control{z-index:100000;}
.service{
float: left;
width: 100%;
min-height: 448px;
background-color: #ebebeb;
margin-bottom: 25px;}
.service img {
    width: 100%;}
 .service h2{ line-height:24px !important; font-size:18px !important;padding: 5% !important;
width: 94% !important;
margin-right: auto !important;
margin-left: auto !important;
height: 137px;font-weight: bold;
text-align: center;}
.bt-caption h2{ font-size:32px;color:#fff; font-weight:bold; margin-top:35px;}
.bt-caption h3{color:#FFF; font-size:28px; margin-top:10px;}
.product{float:left; width:89%; height:290px; text-align:center; background-color:#ef1a21; padding-top:26px; margin-top:-29px;}
.product h4{ font-size:22px; font-weight:bold; margin-top:34px; color:#fff;}
.product p{color:#fff; line-height:19px; margin-bottom:14px; padding:6%; font-size:16px;}
.product a{color:#fff; font-weight:bold; text-decoration:underline; font-size:16px;}
.client-wrap{float:left; width:100%; text-align:left; margin-top:55px;}
.client-wrap h2{font-size: 24px; text-transform:uppercase;
color: #fff; padding:5px; border-bottom:solid 1px #ccc; padding-bottom:10px;
margin: 2% 0px;}

.footer{float:left; width:100%; height:auto; background-color:#111010; }
.socila{float:left;}
.pad{ padding-top:10px;}
.cp{ text-align:right; float:right !important; margin-top:11px !important; font-size:14px !important;}
.soc-facebook {
    background-color: #959595 !important;
    color: #fff !important;}
	.small{float:right;}
.footer ul{float:left;}
.footer ul li{padding:5px 5px; color:#afafaf;font-size:13px;}
.footer ul li a{color:#afafaf; font-size:13px;}
.footer ul li a:hover{ color:#ec1313 !important;}
.footer p{float:left; text-align:left; line-height:21px; color:#afafaf; padding-top:3px; font-size:15px; width:100%;}
.copyright{float:left; width:100%; height:auto; background-color:#252525; padding-bottom:17px; }
.copyright ul{float:left;}
.copyright ul li{float:left !important; list-style:inside;}
.ft-menu{float:left; width:100%; height:auto; padding-bottom:6px;}
.ft-menu h4{font-size:17px; font-weight:bold; color:#fff; margin-bottom:2px; margin-top:16px; padding-bottom:10px;}
.ft-menu img{ margin-bottom:15px; margin-top:8px;}
.inner-banner{float:left; width:100%; height:auto;}
.inner-banner h1{ font-size:45px; color:#fff; margin-top:140px; text-align:center;text-shadow: 2px 2px 2px #000;
font-weight: normal;}
.bottomspace{ margin-bottom:98px;}
.box{float:left; width:100%; height:auto; min-height:193px; padding:4%; background-color:#ebebeb; margin-top:-3px; margin-bottom:30px;}
.box-high{ height:284px;}
.box-high-three{height:227px;}
.inner-banner h1 span{color:#F00; font-weight:600;}
.inner-banner img{width:100%; overflow:hidden !important;}
.navbar{min-height:42px !important;}
.location-map{float:left; width:100%; height:auto; margin-top:0px; margin-bottom:27px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */}
.location-map iframe{width:100%; height:360px;}
.content-section-inner{float:left; width:100%; height:auto; margin-bottom:20px;}
.inds p{width:84% !important;margin-bottom: 23px !important;}
.content-section-inner h1{font-size:32px; color:#ef1a21; font-family: 'arsenalbold'; text-align:center; margin-top:44px; margin-bottom:17px;}
.content-section-inner p{ line-height:31px; margin-bottom:25px; font-size:23px; text-align:center;/*width: 88%;*/ width:77%;
margin-right: auto;
margin-left: auto;}
.content-section-inner a{ background-color:#89c9ff; padding:8px 20px; color:#000; border-radius:8px;}	
.content-left{float:left; width:100%; height:auto;}
.address{float:left; width:100%; height:auto; }
.address p{color:#000 !important; line-height:19px; padding:0px !important;}
.address h2{font-size:15px;font-weight:bold; color:#1a1919;}
.address h3{color:#F00; font-size:15px; font-weight:bold; margin-bottom:7px;}
.margin-bt{ margin-bottom:14px !important;}
.address h4{ padding:5px;padding-left: 0px !important;}
.sub{ background-color:#000; padding:3% 5%; color:#eee; transition:all ease-in-out 0.5s;}
.sub:hover{background-color:#146bb5; color:#fff; transition:all ease-in-out 0.5s;}
.reset{background-color:#146bb5; color:#fff; transition:all ease-in-out 0.5s;}
.reset:hover{background-color:#000; color:#fff; transition:all ease-in-out 0.5s;}
.xsmalldev{width:100% !important;}
.cl {
    float: right !important;
    text-align: left; width:auto;}

.feature.map {
  height: 100%;
}
.feature.map iframe {
  height: 100%;
  width: 100%;
  border: 0;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(99%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
}

.imgsize{width:560px;height:254px;}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
/*services*/
.service-box{float:left; width:100%; height:auto; margin-bottom:37px; }
.im{width:100%; position:relative;}
.im h2{position: absolute;
top: 434px;
left: 51px;
width: 81%;
color: #FFF;
background-image:url(../images/bc-ser.png); padding:5px; background-repeat:repeat;
text-align: center;
font-size: 24px;
line-height:32px;
font-weight:bold;
border:solid 1px #fff;
transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;
}
.serveone{ top:138px !important;}
.im:hover h2{color:#fff; background-color:#000 !important;transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;}
.service-box img {
    width: 100%;
	padding:4%;
}

.industry-box{float:left; width:100%; height:auto; padding-bottom:70px; }
.industry-box img {
    width: 100% !important;
	height:370px;
	margin-bottom:30px;
}

.imind{width:100%; position:relative;}
.imind h2{position: absolute;
top: 227px;
left: 51px;
width: 81%;
color: #FFF;
background-image:url(../images/bc-ser.png); padding:5px; background-repeat:repeat;
text-align: center;
font-size: 25px;
line-height:32px;
font-weight:bold;
border:solid 1px #fff;
transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;
}
.carousel-caption.bc {
    margin: 0px !important;
    background-color: #ccc;
    padding: 12px !important;
    bottom: 151px !important;
	background-image: url(../images/bc-ser.png);
	background-repeat:repeat;
	background-color:transparent;
	border: solid 3px #fff;
	font-size:24px !important;
	font-weight:bold;
	text-align:center;
}
.carousel-caption.bc.sc{ bottom:141px !important; line-height:30px !important;}
.nopadding{padding:0px !important; margin:0px !important;}
.imind:hover h2{color:#fff; background-color:#000 !important;transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;}
.industry img{ margin-bottom:35px !important;}
.industry img:hover{background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) );}
 .indone{ top:125px !important;width:65% !important; left:98px !important;}
 .indtwo{ top:119px !important; width:65% !important;}
  .indthree{ top:251px !important; width:65% !important;}
   .indthree{ top:251px !important; width:65% !important;}
    .indfive{ top:125px !important;width:65% !important;}

 .products-in{float:left; width:100%; height:auto; padding-bottom:75px;}
 .products-in img{width:100%; height:auto;}
 .pr{ padding-bottom:74px !important;}
 .products-in p{text-align:justify; padding-right:0px;padding:2%; margin-bottom:10px;}
 .pr-box{float:left; width:100%; min-height:348px; background-color:#ebebeb; margin-bottom:25px;}
  .pr-box img{width:100%;}
   .pr-box:hover{ background-color:#e9c7c7;}
 .pr-box h2 {
    font-size: 18px;font-family: 'arsenalbold';
    color: #252525;
    margin:15px 0 5px 0; text-align:center; line-height:24px;}
	.pr-box p {
    line-height: 19px;text-align:center;}
	.technology-in {float:left; width:100%; height:auto; padding-bottom:55px;}
	.technology-in h2{font-size:18px; color:#252525; text-align:left; margin: 0px 0 10px 0;font-family: 'arsenalbold';}
		.technology-in h3{font-size:18px; color:#252525; font-weight:bold; text-align:left; margin: 5px 14px 22px;}
	.technology-in img{ width:100%; }
	.technology-in ul{ margin: 0px 13px 28px !important;}
	.technology-in ul li{ background-image:url(../images/tick-mark.png); background-repeat:no-repeat;background-position: left top 6px;
padding: 4px 24px; line-height:18px;}
.technology-in ul li:hover{color:#F00;}
	.technology-in p{text-align:justify; font-weight:normal; line-height:20px; color:#252525; margin-bottom:42px; font-size:15px;}
	.form-control{ margin-bottom:11px;}
	textarea.form-control{height:128px;}
	.red-button{min-height:128px; height:auto;}
	.contact-wrapper{ padding-bottom:21px !important;}
	
	@media screen and (max-width: 1920px){
.carousel-caption{ margin-left:0 !important; }
.left-im{ margin-left:12px !important ;}
.carousel-indicators{left:4% !important; position:absolute;}
.topc{top:86%; bottom:0px;}
.red-bc{ margin-left:-43px;}


	}
		@media screen and (max-width: 1600px){
				.carousel-caption{margin-left:0 !important;}
				.topc{top:85%;}
				.carousel-indicators{left:4% !important;}
				.bottom{ margin-left:19% !important;}
				.inner-banner img{width:auto;}
			}

	
	@media screen and (max-width: 1526px){
		.carousel-caption h3 span{font-size:43px;}
		}
	
	@media screen and (max-width: 1490px){
	.topc h3{font-size:27px !important;}
	}
	@media screen and (max-width: 1470px){
		.carousel-caption{margin-left:264px;}
		.carousel-caption h3{font-size:32px;}
		.carousel-caption h3 span{font-size:40px;}
		}
	@media screen and (max-width: 1390px){                                                                         
		
		.topc h3{font-size:24px !important;}
	}
	@media screen and (max-width: 1366px){
		
		.topc{top:85% !important;}
		.carousel-indicators{left:4% !important; padding-left:10px;}
		.bottom{margin-left: 219px !important; }
		}
	
	@media screen and (max-width: 1373px){
		.carousel-caption h3 span{font-size:37px;}
	}
	@media screen and (max-width: 1309px){.nav > li > a{ padding:8px 14px;}}
	
		@media screen and (max-width: 1300px){
			.topc{top:83% !important;}
			.topc h3{font-size:23px !important;}
			carousel-caption {
    margin-left: 219px;
}
		}
		@media screen and (max-width: 1276px){
				.carousel-caption h3 span{font-size:35px;}
			}
		@media screen and (max-width: 1256px){
			.carousel-caption h3 span{font-size:37px;}
		}
		@media screen and (max-width: 1202px){
			.carousel-caption h3 span{font-size:32px !important;}
			.carousel-caption{ margin-left:197px;}
			}
@media screen and (max-width: 1200px){
	
	.box-in{width:18%;}
	.red-bc{width:100%; padding-bottom:41px;}

	.topc h3{line-height: 31px !important;}
	.carousel-indicators{left:5%;}
}
@media screen and (max-width: 1199px){
	.cl{float:left !important; width:38%!important;}
.red-bc{ padding-left:139px; margin-left:12px; padding-bottom:26px;}
.footer ul li{ padding:5px 1px;}
.cp{font-size:11px !important;}
.footer p{font-size:13px;}
.copyright{ margin-top:0px;}
.im h2{top:344px; font-size:21px; left:45px;}
.serveone{top:100px !important;}
.indtwo{font-size: 21px !important;
left: 41px !important;}
.indthree{font-size:21px !important;left: 43px !important;}
.indone{left:81px !important;}
.ft-menu img{ margin-bottom:0px;}
.carousel-caption.bc.more {
    line-height: 28px;
    bottom: 143px !important;}
}

@media screen and (max-width: 1091px){
	
	.carousel-indicators{left:5% !important;}
	.topc h3{font-size:19px !important;}
}
@media screen and (max-width: 1089px){
	.carousel-caption h3 span{font-size:30px !important;}
	
	}
	@media screen and (max-width: 1082px){
	.nav > li > a {
    padding: 8px 9px !important; font-size:14px !important;
	}
	.mob-device{dispaly:block;}
.filltration{display:none;}
	}
@media screen and (max-width: 1076px){
	.carousel-caption h3 span{font-size:28px !important;}
}
@media screen and (max-width: 999px){.item p{font-size:16px;}
}

@media screen and (max-width: 991px){
.nav > li > a{font-size:16px;padding:18px 10px;}
.red-bc{width:100%; text-align:center; margin-left:0px; padding-left:0px;  background-image:none;}
.content-section p{text-align:justify; padding-right:0px;padding:2%; margin-bottom:10px;}
.content-section h1{  margin:1% 0; text-align:center;}
.bt-caption{ margin-top:0px; background-image:none; background-color:#ef1a21; height:auto; padding-bottom:20px; position:relative;}
.bt-caption h2,.bt-caption h3{text-align:center;}
.small{text-align:left;float:left;}
.footer p{ margin-bottom:10px;}
.topc{width:100%; top:81% !important;}
.cp{ margin-left:10px;}
.bottom-slide img{width:100%;}
.technology-in h2{ margin:12px 0px 15px;}
.technology-in p{ padding-left:0px;}
.address p { padding-left: 5%; padding-top: 1%; }
.address h2 {}
.left-im img{width:38%;}
.product{ margin-top:0px; height:auto; padding-bottom:15px;}

.copyright{ background-image:none;}
.footer{ background-image:none;}
.im h2{top:236px; width:75%; font-size:17px; line-height:23px;}
.serveone{top:69px !important;}
.indone{left:134px !important;}
.indtwo{left:65px !important;}
.indthree{left:62px !important; top:342px !important;}
.fb img{ margin-top:12px;}
.product p{ padding:2%;}
.product h4{ margin-top:0px;}
.product{width:100%;}
.hospitals{height:393px;}
.municipality {
    height: 375px;
}
.non-metalic {
    height: 772px;
}
.hotels {
    height: 393px;}
	.malls {
    height: 375px;
}
.island {
    height: 771px;
}
@media screen and (max-width: 850px){
	.carousel-indicators{display:none;}
	.carousel-caption{text-align:center;}
	
}


@media screen and (max-width: 767px) {
	.navbar-nav {
    width: 100%;
    text-align: left;
  }
  .toogle-center{display:block;}
  .cl{width:100% !important;}
  .fb img{ margin-top:2px;}
  .topc{display:none;}
  .carousel-indicators{bottom:14px !important;}
  .content-section-inner p{font-size:16px;}
  .name{display:block;}
  .owl-pagination{display:none;}
   .xsmall img{ max-width:500px; overflow:hidden; width:100%; height:auto;}
  .navbar-nav > li {
    float: left;
	width:100%;
    display: inline-block;
  }
  .box{ height:auto;}
  .box-high-three{ height:auto;}
  .box-high{ height:auto;}
  .image-size{ width:100%;}
  .address{ margin-top:35px;}
  .form-group{ margin-bottom:0px;}
  .bt{ margin-bottom:10px;}
  .navbar-nav > li.navbar-right {
    float: right !important;
  }
  .nav > li > a{font-size:15px !important;border-bottom: dashed 1px #eee;}
  .footer p{ padding-top:0px;}
  .carousel-caption h3 span {
    font-size: 20px !important;
}
.bottom-slide{ margin-bottom:48px !important;}

.content-section-inner p{ margin-bottom:0px;}
.copyright{ margin-top:12px;}
.ft-menu h4{ margin-top:5px;}
.fb{
width: 100% !important;
float: left;}
.ft-menu img{ margin-bottom:0px; margin-top:0px;}
.im h2{left:69px; width:72%; font-size:22px !important; line-height:30px; left:104px; top:368px; }
.serveone{top:147px !important;}
.carousel-caption h3{line-height:28px; font-size:25px;}
.industry-box img{ padding:8px; padding-bottom:4px; height:auto;}
.service-box img{ padding-bottom:0px;}
.content-section-inner h1{ margin-bottom:16px; margin-top:21px; }
.carousel-caption.bc{bottom: 70px !important;}
.carousel-caption.bc.sc{bottom:62px !important;}
.carousel-caption.bc.sc.mdevice {
    bottom: 72px !important;
}
.carousel-caption.bc.more{bottom:65px !important;}
.copyright ul{display:none;}
.fb img{display:none;}
.footer p{text-align:center; font-size:14px !important;}
.ft-menu h4{text-align:center;}
.ft-menu{text-align:center;}
.fullwidth{width:100%;}
.small{ float:none !important; text-align:center !important;}

.div-order{ display:table; width:100%;}
#b1{display: table-footer-group !important;}
#b2{display: table-header-group !important;}


.technology-in ul{margin: 0px 22px 20px !important;}
.technology-in h3{margin: 5px 26px 22px;}
.padding-device{ padding-left:0px; padding-right:0px;}
.carousel-caption{display:block !important; text-align:center;}
}
@media screen and (max-width: 740px) {
.carousel-caption.bc{font-size: 23px !important;
}
}
@media screen and (max-width: 640px) {
.carousel-caption.bc{font-size:19px !important; line-height: 25px !important;}
.carousel-caption.bc.sc{ line-height:25px !important;}
}
@media screen and (max-width: 680px) {

.box-in{width:100%;}
.left-im img{width:49%;}
.left-im{margin-top:0px;}
.im h2{ left:89px; width:68%;}
.carousel-indicators{ margin-left:0px; left:0px !important; width:100%;}
.indone{left:109px !important;}
.indtwo{left:56px !important;}
.indthree{left:56px !important;}
.indthree {
    left: 46px !important;
    top: 254px !important;
}
@media screen and (max-width: 610px) {
	.carousel-caption.bc.sc.mdevice{bottom:63px !important;}
}
}
@media screen and (max-width: 580px) {
	.serveone{top:108px !important;}
	.indone{left:88px !important;}
	.indtwo{left:49px !important;}
}

@media screen and (max-width: 512px) {
	.navbar-brand > img{width:74%;}
	.content-section h1,.product-details h1{font-size:29px;}
	.content-section p,.product-details p{font-size:14px;}
	.footer p{float:left; text-align:left;}
.content-section h1, .product-details h1{font-size:24px;}
.im h2{font-size:18px !important; line-height:27px; left:80px;}
.caption-details p{ padding-left:15px; padding-right:15px;}
}
@media screen and (max-width: 500px) {
	.carousel-caption.bc{font-size:17px !important;}}
@media screen and (max-width: 488px) {
	.indthree{line-height:20px !important; font-size:17px !important; top:195px !important;}
	.indtwo{left:44px !important;  font-size:17px !important;}
	.indone{font-size:17px !important;}
	.indfive{font-size:17px !important;}
	.content-section h1{ font-size:19px;}
	.copyright ul{display:none;}
	.fb img{display:none;}
	.cp{font-size:14px !important;}
}
@media screen and (max-width: 480px) {
	.im h2{ top:212px;}
	.serveone{top:86px !important;}
	.indthree{left:9px !important; width:96%; border: none !important; }
	.indone {
    left: 9px !important;
    width: 96% !important;
    top: 90px !important; border:none !important;}
	.indfive{top: 233px !important;
width: 96% !important;
left: 7px !important; border:none !important;}
.indtwo{left:9px !important; top:247px !important; width:96% !important; border:none !important; line-height:22px !important;}
.col-xxs-12{width:100% !important;}
.indthree{top:542px !important; width:95% !important;}
.industry-box img{ padding:9px; padding-bottom:0px;}
.copyright ul{display:none;}
.fb img{display:none;}
.footer p{text-align:center;}
.ft-menu h4{text-align:center;}
.ft-menu{text-align:center;}
.cp{ margin-left:0px !important; text-align:center; font-size:14px !important;}
	}

@media screen and (max-width: 400px) {
	.im h2{ top:168px; left:64px;}
	.serveone{top:60px !important;}
	.indthree{width:72% !important; left:0px !important; left:24px !important;}
	.indone {
    left: 22px !important;
    width: 68% !important;
	}
	.indtwo {
    top: 71px !important; left:23px !important;}
	.indfive{left:21px !important; top:71px !important;}
	.topc{top:76% !important;}
	.topc h3{font-size:17px; line-height:19px;}
}
@media screen and (max-width: 400px) {
	.indone{width:72%;}
	.indfive{width:72% !important; left:12px !important;}
	.indtwo {
    top: 71px !important;
    left: 10px !important;
	width:74% !important;
	}


@media screen and (max-width: 390px) {
	.serveone{top:26px !important;}
	.carousel-caption h3 span{font-size:17px !important;}
	.service{ height:auto; min-height:0;}
}
@media screen and (max-width: 360px) {
	.im h2{top:130px; font-size:14px !important; line-height:20px;}
	.serveone{top:67px !important;}
	.ft-menu img{width:60%;}
}