body{font-family: 'Raleway', sans-serif; line-height:24px; text-align:justify}
h1,h2,h3,h4,h5{font-family: 'Raleway', sans-serif;}



.container{max-width:1050px; width:100%}
.up-div1{background:#037aba; color:#ffffff; text-align:center; font-size:15px;padding-bottom:5px;padding-top:5px;}
.up-div1 img{display:inline; margin-right:5px;}
.up-div1 span{text-align:center; margin-right:10px;}

.logo-div img{margin-top:5px;margin-left: -19px;}

.my_nav{margin-top:40px; float:right; margin-right: -19px;}
 .my_nav .navbar-brand{padding:0; display:none}
.my_nav .navbar-default{border:none; box-shadow:none; background:none}
.my_nav .navbar{margin:0; min-height:inherit}
.my_nav .nav > li > a{padding:10px 30px; font-family: 'Raleway', sans-serif; font-size:15px;    outline:inherit; color:#000000; padding-top: 11px;
margin-top: -13px; -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);}

.my_nav .navbar-default .navbar-nav > .active > a,.my_nav .nav > li > a:hover{color:#ffffff; box-shadow:none; 
    background:#28b9fc;}
.navbar-nav > li > a {line-height: 25px;}
.slant{-webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); transform: skew(30deg);}	



.up-div3{border-top: 15px solid #2f3192;}

.mobilemenu {display:none;}

.banner-div1 img{margin-left:auto; margin-right:auto; width:100%; height:740px; max-height:740px;}
.banner-div1 .carousel-control.left {background:url(../images/banner-arrow-left.png) no-repeat left center; left: 2%; opacity:1; z-index:2}
.banner-div1 .carousel-control.right {background:url(../images/banner-arrow-right.png) no-repeat right center; right:2%; opacity:1; z-index:2}


.mobile-banner{display:none;}

.mobile-banner img{margin-left:auto; margin-right:auto; width:100%; height:740px; max-height:740px;}
.mobile-banner .carousel-control.left {background:url(../images/banner-arrow-left.png) no-repeat left center; left: 2%; opacity:1; z-index:2}
.mobile-banner .carousel-control.right {background:url(../images/banner-arrow-right.png) no-repeat right center; right:2%; opacity:1; z-index:2}

.backimage{background:url(../images/up-line.png) no-repeat top right, url(../images/downline.png) no-repeat bottom left #d6eaf4; border-radius:30px 30px 0px 0px; margin-top: 35px;padding-bottom: 83px; margin-left: 2px;}



.wel1 h3 {margin:0px; text-transform:uppercase;padding-top:30px;padding-left:30px;}
.down-line img{padding-left:30px;padding-top: 10px;}
.cr-no p {margin-top: -15px;padding-left:390px;color:#000;font-size: 15px;font-weight:bold;}
.cont p{color:#000000;padding-left:30px;line-height:1.9;}

.r-more{padding-left:30px;}
.read-more{display:inline-block; border:1px solid #1f4e88; padding:4px 25px; transition:All .5s ease; background:none;}
.read-more a{text-decoration:none; color:#000000; transition:All .5s ease;}
.read-more:hover{border-color:#3bbffc;}

.jcb-img img{margin-left: -40px; padding-top: 20px;}

.backimage1 {background:url(../images/back-image.jpg) no-repeat; border-radius:0px 0px 30px 30px; margin-top: -27px;}
.servce h4 {text-transform: uppercase; display:inline-block; color:#ffffff;padding-left: 75px;
padding-right: 75px;
padding-bottom: 7px;
padding-top: 7px; border-top: 5px solid #363995; background:url(../images/left-line.png) no-repeat top left,  url(../images/left-line.png) no-repeat top right #0871b5;}

.ser {text-align: center; margin-top: -24px;}

.clearout {
height:20px;
clear:both;
}
.circular--square {
  border-radius: 50%;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.head1 h1{font-size: 20px; margin-top: 2px; text-align: center; color:#2f3192;}
.head1 span {font-weight:700;}

.nbs-flexisel-container {position:relative; max-width:100%;}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
    background:none;  
}

.nbs-flexisel-item {
    float:left;
    margin-bottom: 10px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 16px;
    margin-bottom: 16px;
    border: 8px solid #cbdae1;
    text-align: center;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right { 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    top: 41%;
     width: 21px;
height:23px;
       
}

.nbs-flexisel-nav-left { background: url(../images/left-arrow.png) no-repeat center;
    left: 0px;
}


.nbs-flexisel-nav-right {background:url(../images/right-arrow.png) no-repeat center;; 
    right:0px;    
}



.ind-safe {margin-top: 17px; padding-top:10px; background:url(../images/industrial-safe.jpg) no-repeat; background-size:cover; text-align: center;}
.ind-safe h3{ padding-left: 41px; padding-right: 49px; padding-bottom: 20px; padding-top: 20px; background:rgba(48, 93, 163, .7); display:inline-block; font-size: 20px; text-transform: uppercase; margin-top: 157px; color:#ffffff; margin-bottom: 139px; line-height:28px;}
.ind-safe span {font-weight:700;}

.vis-mis{margin-bottom:30px;}
.vision{background:#d6eaf4;  padding:20px; padding-top:0px; margin-top:30px; border-radius:20px; height:190px;}
.vision h1{margin:0px; color:#2562bf; font-size:24px; font-weight:900; display:inline-block; padding:10px 30px; background:url(../images/vis-hd.jpg) no-repeat right center, url(../images/bl-box.jpg) no-repeat bottom left 20px  #d6eaf4; position:relative; padding-right:90px; border-top-left-radius:20px; }
.vision h1 span{font-weight:400;}
.vm-hd{background:#037aba; margin-left:-20px; margin-right:-20px; border-top-left-radius:20px; border-top-right-radius:20px; margin-bottom:20px; border-bottom:1px solid #c6d6de;}
.vision img{margin-top:15px;}


.footer-div
{
	padding-top:30px;
	padding-bottom:20px;
	color:#ffffff;
	font-size:13px;
	background:#2562bf;
	}
	
	.f-line{border:1px solid #356ec4; padding:20px; border-radius:20px; height:200px;}
	
	.footer-div h5{margin:0px; color:#05afe1; text-transform:uppercase; font-size:15px; padding-bottom:10px; border-bottom:1px solid #356ec4; margin-bottom:15px; background:url(../images/line2.jpg) no-repeat bottom left;}
	
	
	.f-link{list-style:none; margin-left:-40px; font-weight:300;}
.f-link li{display:block}

.f-link li a{ padding:3px 13px 3px 20px; font-size:15px; line-height:25px; text-decoration:none; color:#ffffff; background:url(../images/footer-arrow.png) no-repeat left  center; transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;}


.f-link  li a:hover{color:#90cbf8; background-position:left 5px center; }

.soc-div{border-left:1px solid #356ec4;}
.soc-div a{text-decoration:none; color:#fff;}
.soc-div img{float:right}

.location{background:url(../images/loc-icon.png) no-repeat top 10px left; padding-left:20px;}
.email{background:url(../images/email-icon.png) no-repeat top 5px left; padding-left:20px;}
.phone{background:url(../images/phone-icon.png) no-repeat top 10px left; padding-left:20px;}


.copy-div{padding-top:10px; padding-bottom:0px; color:#c4c4c4; font-size:13px; background:#134ba0;}

.copy-div a{color:#c4c4c4; text-decoration:none; position:relative; z-index:100}	
.copy-div a:hover{color:#28b9fc;}
.power-div{text-align:right; padding-bottom:5px;}
.copy-div img{display:inline;}


.mobilemenu{display:none}

.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  
}	


.hamburger {
  background: #dedede !important;
  border: none;
  display: block;
  height: 32px;
  margin-left: 15px;
  position: fixed;
  top: 0px;
  width: 52px;
  z-index: 999;
  padding:5px;
}

.hamburger:hover { outline: none; }

.hamburger:focus { outline: none; }

.hamburger:active { outline: none; }

.hamburger.is-closed:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
  
}

.hamburger.is-closed:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}

.hamburger.is-closed:hover .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  top: 0;
}

.hamburger.is-closed:hover .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  bottom: 0;
}

.hamburger.is-closed .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(255, 255, 255, 0.7);
  top: 5px;
  
}

.hamburger.is-closed .hamb-middle {
  background-color: rgba(255, 255, 255, 0.7);
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-closed .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(255, 255, 255, 0.7);
  bottom: 5px;
}

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
  background-color: #2e3192;
  width: 26px;
  margin-left:12px;
  
  
}

.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #2e3192;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-open .hamb-middle {
  background-color: #2e3192;
  display: none;
}

.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #2e3192;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-open:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.hamburger.is-open:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}


#wrapper {  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  padding-left: 0;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
#wrapper.toggled { padding-left: 220px; }
#wrapper.toggled #sidebar-wrapper { width: 210px; }
#wrapper.toggled #page-content-wrapper {  margin-right: -220px;  position: absolute;}
#sidebar-wrapper {  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  background: #2e3192;  height: 100%;  left: 220px;  margin-left: -220px;  overflow-x: hidden;  overflow-y: auto;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;  width: 0;  z-index: 1000;}#sidebar-wrapper::-webkit-scrollbar { display: none;}
#page-content-wrapper {  padding-top: 70px;  width: 100%;}
/*-------------------------------*//*     Sidebar nav styles        *//*-------------------------------*/
.sidebar-nav {  list-style: none;  margin: 0;  padding: 0;  position: absolute;  top: 0;  width: 220px;}
.sidebar-nav li {  display: inline-block;  line-height: 20px;  position: relative;  width: 100%;}
.sidebar-nav li:before {  -moz-transition: width 0.2s ease-in;  -ms-transition: width 0.2s ease-in;  -webkit-transition: width 0.2s ease-in;  background-color: #1c1c1c;  content: '';  height: 100%;  left: 0;  position: absolute;  top: 0;  -webkit-transition: width 0.2s ease-in;  transition: width 0.2s ease-in;  width: 3px;  z-index: -1;}

.sidebar-nav li:before { background:none; margin-left:-5px; margin-right:-10px; }

.sidebar-nav li:hover:before {  -webkit-transition: width 0.2s ease-in;  transition: width 0.2s ease-in;  width: 100%;}
.sidebar-nav li a {  color: #fff; text-transform:uppercase; font-size:15px;  display: block;  padding: 10px 15px 10px 30px;  text-decoration: none; text-align:left; border-bottom:1px solid #8285cf;}
.sidebar-nav li.open:hover before {  -webkit-transition: width 0.2s ease-in;  transition: width 0.2s ease-in;  width: 100%;}
.sidebar-nav .dropdown-menu {  background-color: #e1e3e4; border-radius: 0;  border: none;  box-shadow: none;  margin: 0;  padding: 0;  position: relative;  width: 100%;}
.sidebar-nav li a:hover, .sidebar-nav li.active a, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {  background-color: #6f72c8;  color: #ffffff;  text-decoration: none;}
.sidebar-nav .dropdown-menu li a{font-size:13px; color:#000; border-bottom:1px solid #bababa;}
.sidebar-nav .dropdown-menu li:hover a, .sidebar-nav .dropdown-menu li.active a{background:#f43ba0 !important; color:#fff !important}
.sidebar-nav .dropdown-menu li:before{background:none}

.sidebar-nav li.active .dropdown-menu li a{background:#e1e3e4;}

.about-banner img{width:100%;}

.content {
    padding-top: 0px;
    padding-bottom: 10px;
    overflow: hidden;
}
.description {
    margin-top: 40px;
    margin-bottom: 40px;
    color: 
    black;
    line-height: 30px;
    
}

.description h2{color:#ffffff; font-weight:400; background:#037aba; display: inline-block; padding:15px;}
.description h3{margin:0px; color:#28b9fc; font-weight:900; margin-top:20px; margin-bottom:10px; font-size:22px; text-align:left}

.description hr {border-top: 1px solid #037aba;}
.description p{text-align: justify; font-size: 17px; line-height: 1.8;}

.about-img img{padding-top:151px; padding-left:67px;}



.hexa {background: rgba(221, 221, 221, .5)}

 .inner {color:#fff; background: #2e3192;}
 .vm {padding-top: 63px; padding-bottom: 63px;} 
 .vs {padding: 10px;} 

.inner hr {
        border:0;
        border-top:1px solid #fff;
        width:60%;
        margin:15px auto;

    }
    
    .inner h3 {font-weight: 600;    text-align: center;}
    .inner p {
        font-size:19px;
       width: 100%;
text-align: center;
line-height:31px;
    }
    
.inner1 {       
       color:#fff;
background: #0095da;
    }
 
 .ms {padding: 10px;}


.inner1 hr {
        border:0;
        border-top:1px solid #fff;
        width:60%;
        margin:15px auto;

    }
    
    .inner1 h3 {font-weight: 600; text-align: center;}
    .inner1 p {
        font-size:19px;
        width: 100%;
text-align: center;
line-height:31px;
      
    }

    /**close-aboutus style**/


    /**client style**/
    .client h1{text-align: center;color:#2e3192}
    .c1{padding-top: 67px; padding-bottom: 152px;}
    /**client style closed**/

	.intro-form{margin-top:30px;}
    
	.intro-form input{width:100%; background-color:#ffffff; box-shadow:none; border:1px solid #ccc; border-radius:50px; margin-bottom:15px; padding: 15px; height:37px; color: #555;}

.intro-form textarea{width:100%; height:80px; background-color:#fff; border:1px solid #ccc; border-radius:8px; padding-left:15px; color: #555;}



.g-ca{margin-top:20px;}



.submit {text-align:center}
.submit input{background-color:#037aba; box-shadow:none; border:none; color:#fff; padding:10px 30px !important; text-align:center; border-radius:50px; height:auto; width:auto; display:inline-block}
.submit input:hover{background:#126a9a}
	
	
	

.service-in{border-bottom:1px solid #f1f1f1; padding-bottom:15px; margin-bottom:30px;}
.service-in h3{margin:0px; font-size:24px; color:#28b9fc; font-weight:600; margin-bottom:5px;}
.service-in ul{list-style:none; padding:0px; margin:0px; font-size:17px; margin-top:20px;}
.service-in ul li{background:url(../images/listicon.png) no-repeat top 5px left; padding-left:20px; line-height:24px; padding-bottom:15px;}
.service-in img{margin-top:40px; margin-left:auto; margin-right:auto}

.service-in h4{margin:0px; font-size:20px; color:#2562bf; font-weight:600; margin-bottom:5px; margin-top:20px;}


@media(max-width:1280px)
{

}

@media(max-width:1024px)
{

}


@media(max-width:991px){}


@media(max-width:890px){
	
}
@media(max-width:767px){
.up-div1{background:#037aba; color:#ffffff; text-align: center; font-size:15px;padding-bottom:5px;padding-top:5px;}
.up-div1 img{display:inline; margin-right:5px;}

.logo-div img{margin-top: 8px; margin-left: auto; margin-right:auto}

.my_nav{margin-top: -90px; float: right; margin-right: 73px;}


.wel1 h3 {padding-top: 58px; padding-left: 31px;}

.cont p{text-align: center; padding-left: 0px;}

.r-more{padding-left: 0px; text-align: center;}
.read-more{display:inline-block; border:1px solid #1f4e88; padding:4px 25px; transition:All .5s ease; background:none;}
.read-more a{text-decoration:none; color:#000000; transition:All .5s ease;}
.read-more:hover{border-color:#3bbffc;}

.jcb-img img{margin-left:169px; padding-top: 0px;}
.mobilemenu{display:block; position: fixed !important; z-index: 1000;}
.my_nav{display:none}	
.hamburger.is-closed {margin-left: 79%; margin-top: 10px; right:5%;}
.hamburger.is-open {margin-left: 24px; margin-top: 20px;}
.dropdown-toggle:active,
    .open .dropdown-toggle {
    outline: 0;
    background-color: #ae285d !important;
	color:#fff !important;
	border-bottom: 1px solid #ffbed8 !important;
     }
	 
	 .slant {
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
}

.vision{height:auto}
.f-line{height:auto; margin-bottom:30px;}
.soc-div{border-top: 1px solid #356ec4; border-left:none; padding-top:15px;}
.copy-div, .power-div{font-size:12px; text-align:center}
.logo-div img{margin-left:auto; margin-right:auto}
.banner-div1{display:none}
.mobile-banner{display:block;}
.about-img img{padding-top:0px; padding-left:0px;}
.service-in img{margin-bottom:30px;}
.inner{margin-bottom:30px;}
.description h3{font-size:19px;}
}
@media(max-width:600px){
	
}

@media(max-width:480px){
	.up-div1{text-align: center;}
.up-div1 img{display: inline; margin-right: 9px; padding-left:73px;}

.logo-div img{margin-top: 8px; margin-left:auto; margin-right:auto}

.my_nav{margin-top: -86px; float: right; margin-right: -2px;}


.wel1 h3 {margin: -10px; padding-top:70px; padding-left: 23px; font-size: 16px;}
.down-line img{padding-left: 18px; padding-top: 13px;}
.cr-no p {margin-top: -1px; padding-left: 211px;}
.cont p{padding-left:5px; text-align: center;}

.r-more{padding-left:0px; text-align: center;}

.jcb-img img{margin-left: 17px;padding-top: 0px; }

.backimage1 {margin-top: -25px;}

.nbs-flexisel-nav-left {left: 24px;}


.nbs-flexisel-nav-right { right:17px; }


}



	


@media(max-width:400px){
.up-div1{text-align: center;}
.up-div1 img{display: inline; margin-right: 9px; padding-left: 35px;}

.logo-div img{margin-top: 8px; margin-left:auto; margin-right:auto}

.my_nav{margin-top: -86px; float: right; margin-right: -2px;}


.wel1 h3 {margin: -10px; padding-top:70px; padding-left: 23px; font-size: 16px;}
.down-line img{padding-left: 18px; padding-top: 13px;}
.cr-no p {margin-top: -1px; padding-left: 211px;}
.cont p{padding-left:0px; text-align: center;}

.r-more{padding-left:0px; text-align: center;}

.jcb-img img{margin-left: 0px;padding-top: 0px; }

.backimage1 {margin-top: -25px;}

.nbs-flexisel-nav-left {left: 24px;}


.nbs-flexisel-nav-right { right:17px; }

}


@media(max-width:320px){

}