body{font-family: 'Muli', sans-serif; font-size:17px; line-height:31px; color:#393939; text-align:justify;}
h1,h2,h3,h4,h5{font-family: 'Muli', sans-serif;}
.container{max-width:1400px; width:100%;}

.right-social{position:fixed; z-index:2000; top:24%; right:0px;}
.right-social img{display:block; margin-bottom:0px;}
.right-social img:hover{opacity:0.7}
.logo-div{margin-right:3%; position:relative; z-index:1000; }
.logo-div img{width:11%;}
.logo-div img{margin-top:-30px; }
#slider-wrapper{margin-top:-350px;}

header{position:relative; z-index:2;}
.at1{position:relative; /*margin-top:-339px;*/ z-index:1;}
.my_nav{margin-left:0px; margin-top:30px; margin-right:73px; margin-left:50px; }
.navbar-nav{}

.navbar-header {
        float: right;
		
    }
    .navbar-toggle {
        display: inline;
		 transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;
		
		
    position: relative;
    float: right;
    padding: 0px 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	width:50px;
}
		
  
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        background:none; 
        
    }
    .navbar-nav>li {
        
    }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}
.navbar-collapse{background:rgba(44,77, 124, .8); border-radius:10px; margin-right:50px !important; margin-top:5px; max-height:50px !important;  transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;}

.navbar-default .navbar-toggle {
    border:none;
}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background:none;

}

.icon-bar{/* Safari */ float:left; 
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}






.navbar-collapse {padding-left: 0px; margin-left:0px; margin-right:0px;}
 .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: 5px 63.5px;  font-family: 'Muli', sans-serif;  font-size:13px;   line-height:20px; outline:none; color:#e1e5eb; background:url(../images/menu-rt-line.png) no-repeat right center;  text-align:center; text-transform:uppercase;}
.my_nav .nav > li:last-child > a{background:none !important;}
.my_nav .nav > .active:last-child > a, .my_nav .nav > li:last-child > a:hover{background:#00a290 !important;}
 
 .my_nav .nav > li:first-child > a{padding-top:15px !important; padding-bottom:15px !important; border-top-left-radius:10px; border-bottom-left-radius:10px;}
	
.t-div{background:#0f4ba0; padding-left:30px; padding-right:30px;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: #fff !important;
}

.t-div .my_nav{margin-left:0px; margin-right:0px;}
.t-div .my_nav .nav > li > a{padding: 5px 38px;}
.t-div .my_nav .nav > li:last-child > a{padding: 5px 63.9px;}
.t-div .my_nav .nav > li:first-child > a{padding-top:15px;}
.t-div .navbar-collapse{background:#042a62; }
.navbar.navbar-default {
   
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar.navbar-default .navbar-collapse {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.my_nav .navbar-default .navbar-nav > .active > a,.my_nav .nav > li > a:hover, .last > .active > a,.last> a:hover{color:#fff;  box-shadow:none; background:url(../images/menu-rt-line.png) no-repeat right center #00a290;}
	
.navbar-nav > li > .dropdown{box-shadow:none; color:#f5fafd !important; background:#31b1e1; border:none; }
.navbar-nav >.dropdown a:hover,  .navbar-nav >.dropdown a:focus{color:#19c0ff !important; background:#005c7f !important;}
.navbar-nav > li > .dropdown-menu{padding:0; background:#31b1e1 !important; }
.navbar-nav > li > .dropdown-menu li a{padding:5px 10px; color:#f5fafd; margin:0 auto;  font-size:13px; }
.navbar-nav > li > .dropdown-menu li:hover a{color:#19c0ff; background:#005c7f; border:none !important}
.navbar-nav > li > .dropdown-menu .active1 a{color:#19c0ff; background:#005c7f;}
.dropdown-toggle:active,
    .open .dropdown-toggle {
    outline: 0;
    background-color: #005c7f !important;
	color:#19c0ff !important;
     } 
	 

.logo-div img{float:right}
.logo-div{margin-top:35px;}

.wel-certified{padding-left:30px; padding-right:30px;}
.wel-div{background:#0f4ba0; padding-top:60px; padding-bottom:60px; color:#cecece; padding-right:30px; height:550px;}
.wel-div1{margin-left:22%; position:relative}
.wel-div h1{margin:0px; color:#000000; font-size:85px; line-height:40px; margin-bottom:25px; text-transform:uppercase; font-family: 'Deutschlander';}
.wel-div h1 span{font-size:26px; color:#1ccfbe; font-family: 'Swis721 LtEx BT';}
.read-more{float:right; background:#0a3282; padding:8px 30px; border-top-right-radius:50px; border-bottom-right-radius:50px; font-size:20px; transition:All .5s ease; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -o-transition:All .5s ease; margin-top:45px;}	 
.read-more a{text-decoration:none; color:#bcbec5; transition:All .5s ease; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -o-transition:All .5s ease;}
.read-more:hover{background:#0ca99a}
.read-more a:hover{color:#fff;}

.cer-in{background:#0a3282; padding-left:30px; padding-top:40px; height:550px;}
.cer-in1{margin-right:22%; position:relativ}
.cer img{width:100%; transition:All .5s ease; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -o-transition:All .5s ease;}
/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.cer1{border-bottom:1px solid #0c3a8c; height:22px; margin-right:-15px; margin-left:-30px;}

.wel-qty1{border-right:1px solid #0c3a8c;}

.cer-in h2{margin:0px; color:#1bc7ba; font-size:22px; text-transform:uppercase; padding-bottom:20px; font-family: 'Open Sans', sans-serif; font-weight:300;}

.wel-qty{padding-top:20px; padding-bottom:40px;}
.wel-qty img{margin-left:auto; margin-right:auto}
.wel-qty h5{margin:0px; text-transform:uppercase; color:#ffffff; font-size:17px; padding-top:5px; text-align:center; line-height:22px; }
.wel-qty h5 a{text-decoration:none; color:#ffffff; transition:All .5s ease; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -o-transition:All .5s ease;}
.wel-qty h5 a:hover{color:#0f77f1}

/* Float */
.hvr-float {
  
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.pro-clients{padding-left:30px; padding-right:30px; color:#000;}
.wel-projects{background:url(../images/wel-projects-bg.jpg) no-repeat; background-size:100%; padding-right:30px; padding-top:45px; padding-bottom:65px; height:500px;}
.wel-projects1{margin-left:22%; position:relative}
.wel-projects h2{margin:0px; color:#ffffff; font-size:20px; padding-bottom:30px;}


.name{color:#cecece; border:none; }
.name input{width:100%; background:none; box-shadow:none; border:none; border-bottom:1px solid #cecece;  margin-bottom:15px; padding-left:15px; height:40px;}
.name textarea{width:100%; height:80px; background:none; border:none; border-bottom:1px solid #cecece; padding-left:15px;}
.submit {}
.submit input{background-color:#ffffff; box-shadow:none; border:none; color:#aa3c3e; padding:5px 35px; line-height:22px; text-align:center; margin-top:20px;}

.intro-cap .col-sm-6{padding-right:0px; padding-left:0px;}
.intro-cap .cap2{margin-left:2px}
.intro-form #captcha span{
  background:#fff; padding:5px 100px; border:1px solid #cecece; border-radius:3px; color:#aeaeae; text-decoration:line-through;
}
.intro-form #captcha .cap{
  background: url(../images/captcha-icon.png) no-repeat right;
  margin: 2px 0 0;
  padding: 0;
  border:none;
  cursor: pointer;
  width:27px;
  
  
  }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #fff;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #fff;
}

.wel-clients{background:#f4f4f4; padding-left:30px; padding-top:45px; padding-bottom:59px; height:500px;}
.wel-clients1{margin-right:22%; position:relative}
.wel-clients h3{margin:0px; text-transform:uppercase; text-align:center; font-size:22px; color:#000000; margin-bottom:30px;}
.wel-clients h3 span{color:#d41e22}
.wel-clients img{width:100%; margin-bottom:30px;}
.wel-clients .carousel-control{opacity:1; bottom:-5%;}
.wel-clients .carousel-control.left {background:url(../images/clients-arrow-left.png) no-repeat right bottom 0px; width:50%;}
.wel-clients .carousel-control.right {background:url(../images/clients-arrow-right.png) no-repeat left bottom 0px; width:48%;}

.wel-contact{padding-left:30px; padding-right:30px;}
.wel-contact{background:#bab7b7; text-align:center; color:#737373; font-size:35px; padding-top:40px; padding-bottom:40px; line-height:45px; font-family: 'Meltix Regular Demo';}
.wel-contact a{text-decoration:none; color:#737373; cursor:auto}
.wel-contact span{color:#ffffff; font-family: 'Open Sans', sans-serif;}
.wel-contact span a{text-decoration:none; color:#fff; cursor:auto}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.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; 
	 
}

.nbs-flexisel-inner {
	
	
    overflow:hidden;
float:left;
    width:100%;
   
    
    
}

.nbs-flexisel-item {
    float:left;
    margin:0px auto;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
	
	
	
}
.nbs-flexisel-item img {
   
   height:auto;
cursor: pointer;
position: relative;
margin-top: 0px;
margin-bottom: 0px;
width: 290px;
height: 149px;
margin-left:auto; margin-right:auto;
border:1px solid #fff;


}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
   width: 31px;
height: 31px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 1;
	margin-top:40px;
	
	
}

.nbs-flexisel-nav-left {
left: -80px;
    background: url(../images/bottom-arrow-left.png) no-repeat left;
}

.nbs-flexisel-nav-right {
   left:-60px;
    background: url(../images/bottom-arrow-right.png) no-repeat left;
}

.multi-slider-align
{

margin-right: 0px;
 margin-left: 0px;
}

.t-div .l-img{padding-top:15px; padding-bottom:15px;}
.in-ban img{width:100%; top:-10px; margin-bottom:-150px;}
.in-tl{margin-bottom:110px;}
.in-tl h1{margin:0px;  z-index:2; margin-top:-150px; position:relative;  text-transform:uppercase; font-size:35px; color:#000000;  background:rgba(255, 255, 255, .5);  padding:5px 20px; display:inline-block; margin-left:30px;}
.in-tl h1 span{color:#ed1d24} 
.in-div1{padding-top:40px; padding-bottom:40px;}
.a-img{padding-top:30px;}

.vision1{margin-top:-100px; position:relative; border-bottom:2px solid #d3d3d3; padding-bottom:10px; margin-bottom:30px;}
.vision h2{margin:0px; font-size:22px; text-transform:uppercase; color:#3eb4a6; padding-bottom:5px;}
.vision img{margin-top:-88px; right:-55px; position:relative}


.mission1{position:relative; }
.mission h2{margin:0px; font-size:22px; text-transform:uppercase; color:#ed1d24; padding-bottom:5px;}
.mission img{margin-top:-20px; right:-55px; position:relative}
.mission h3{margin:0px; background:#ed1d24; color:#ffffff; text-transform:uppercase; text-align:center; padding-top:8px; padding-bottom:8px; font-size:26px; font-family: 'Archivo Black', sans-serif;}
.mission h4{margin:0px; text-transform:uppercase; text-align:right; padding-top:8px; font-size:22px; color:#000000;}
.in-div2{padding-top:40px; padding-bottom:40px;}

.in-list{list-style:none; padding:0px; margin:0px;}
.in-list li{background:url(../images/li-icon.png) no-repeat top 3px left; padding-left:30px; padding-bottom:15px; line-height:24px;}
.in-list li:last-child{padding-bottom:0px;}



.in-div3{padding-top:40px; padding-bottom:40px; background:#ebeced; padding-left:30px; padding-right:30px;}
.w-img{width:100%;}

.in-div3 h2, .in-div2 h2{margin:0px; font-size:30px; text-transform:uppercase; color:#ed1d24; padding-bottom:35px; text-align:center}

.u-name{text-align:center; background:#0f4ba0; padding-top:5px; padding-bottom:5px; color:#fff; font-size:17px;}

.worksation img{width:100%; border:1px solid #ccc; }
.clients{padding-top:45px;}
.clients img{border:1px solid #ccc; margin-bottom:30px;}

.c1{font-size:25px; color:#0f77f1;}
.con-div a{text-decoration:none; color:#333; cursor:auto}
.footer-div
{
	padding-top:0px;
	background:#0c1e30;
	margin-top: 0px;
	color:#747474;
	font-size:13px;
	 padding-bottom:20px;
	 border-bottom:5px solid #0b3b6b;
	 
}

.latest-work{padding-bottom:5px;}
.latest-work h2{margin:0px; text-align:center; text-transform:uppercase; background:#b10205; font-size:25px; color:#cfcdcd; padding-top:44.5px; padding-bottom:44.5px; font-family: 'Archivo Black', sans-serif;}
.latest-work h2 span{font-size:30px;}
.l-head{padding-right:0px;}
.r-dtl{padding-left:0px;}
.latest-work h6{margin:0px; background:rgba(255, 255, 255, .5); position:relative; top:-16px; font-size:10px; color:#363636; padding-top:4px; padding-bottom:2px; font-weight:600;}


.copy-social{border-top:1px solid #334250; padding-top:20px; padding-left:20px; padding-right:20px;}


.social-icon{text-align:right; padding-top:12px;}
.social-icon img{display:inline; margin-left:3px; transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;}
.social-icon img:hover{opacity:0.7;}



.copy-div{color:#ffffff; font-size:13px;}

.copy-div a{color:#03888c; text-decoration:none;}	
.copy-div a:hover{color:#fff;}	
.power-div{}
.copy-div img{display:inline;}


::selection {
	background:#0f4ba0;
	color:#fff;
}

::-moz-selection {
	background:#0f4ba0;
	color:#fff;
}
::-webkit-selection {
	background:#0f4ba0;
	color:#fff;
}
.btn {
  background: #ff9321 !important;
  
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: 'Roboto', sans-serif;
  color: #482323;
  font-size: 14px;
  padding: 6px 15px 6px 15px;
  text-decoration: none;
}

.btn:hover {
  background: #004517 !important;
  color:#fff;
  text-decoration: none;
}

@media(max-width:1280px)
{
.my_nav .nav > li > a {padding: 5px 59.5px;}
.wel-div h1 span {font-size: 23px;}
.t-div .my_nav .nav > li > a {padding: 5px 33px;}
}

@media(max-width:1024px)
{
.my_nav .nav > li > a {padding: 5px 37.5px;}
.wel-div h1 span {font-size: 17px;}
.t-div .my_nav .nav > li > a {padding: 5px 33px;}
.wel-projects{background-size:cover;}
}



@media(max-width:980px)
{
.my_nav .nav > li > a {padding: 5px 31.5px;}
.t-div .my_nav .nav > li > a {padding: 5px 18px;}
.t-div .my_nav .nav > li:last-child > a {padding: 5px 23.9px;}
.vision1 {margin-top: 67px;}
}
@media(max-width:800px)
{
.my_nav .nav > li > a {padding: 5px 21.5px; font-size: 11px;}
.t-div .my_nav .nav > li > a {padding: 5px 11px;}
.in-tl h1{margin-top:30px;}	
}

@media(max-width:767px)
{
.navbar-collapse{max-height:100% !important;}
.navbar-header {float: none;}
.my_nav .nav > li > a{background-image:none !important}
.my_nav{margin-right:0px;}
#slider-wrapper{margin-top:-47px;}
.menu-div{background:#124ea1}
.my_nav {margin-top: 0px; margin-bottom:10px;}
.my_nav .nav > li > a{font-size:13px;}
.wel-div{height:auto; padding-bottom:40px; }
.wel-div1 {margin-left: 4%;  padding-bottom:80px;}
.cer-in{height:auto}
.cer-in img{margin-left:auto; margin-right:auto}
.wel-qty{text-align:center}
.wel-qty img{margin-left:auto; margin-right:auto}
.cer-in1 {margin-right: 4%;}
.wel-projects{height:auto}
.wel-projects1{margin-left: 4%;}
.wel-clients{height:auto;}
.wel-clients1 {margin-right: 4%;}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{margin-top:-1500px; z-index:100;}
.l-head {padding-right: 15px;}
.r-dtl {padding-left: 15px;}
.copy-div{text-align:center}
.social-icon{text-align:center}
.l-img img{margin-left:auto; margin-right:auto}
.in-tl {margin-bottom: 50px;}
.a-img {margin-left:auto; margin-right:auto}
.vision img{margin-top:10px; margin-left:auto; margin-right:auto; right:0px;}
.mission img {margin-top:10px; margin-left:auto; margin-right:auto; right:0px;}
.clients img{margin-left:auto; margin-right:auto}
.wel-contact a{color:#058489; cursor:pointer}
.wel-contact span a{color:#058489; cursor:pointer}
.con-div a{color:#058489; cursor:pointer}
.wel-contact a:hover, .wel-contact span a:hover, .con-div a:hover{color:#b10205}
}

@media(max-width:412px)
{
    .pdf-ic img{padding-top: 2px!important;
    margin-left: 40px!important;}
    .pdf-ic a{padding-left: 15px!important;}
    
    
}


@media(max-width:360px)
{
.logo-div img {width: 20%;}
.wel-contact{font-size: 25px;}
.wel-div h1 span {font-size: 15px;}
.copy-div{font-size:11px;}
.t-div .my_nav{margin-top:10px; margin-bottom:20px;}
.in-tl h1 {margin-top: 10px; font-size:17px;}
.wel-div h1 span {font-size: 12px;}
.in-tl {margin-bottom: 0px;}
}


.slider-wrapper{
	position:relative;
	overflow:hidden;
	
	width:100%;
	
	margin:0 auto;

}

.slider{
	position:relative;
	width:100%; 
/*	height:400px; when responsive, comment this out */
	margin:0 auto;

}

@media only screen and (min-width: 1000px){
	.slider{
		width:1200px;
	}
}

@media only screen and (min-width: 1440px){
	.slider{
		width:1440px;
	}
}

.pdf-ic img{padding-top: 30px;}
    .pdf-ic a{padding-left: 57px;}


/* ELEMENT STYLES */
