#services img{margin: 0 auto;}
.top-bar {
    background: #191919 none repeat scroll 0 0;
    border-bottom: 1px solid #222;
    line-height: 28px;
    padding: 2px 0;
}
.social {
    text-align: right;
}
.social-share {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul.social-share li {
    display: inline-block;
}
ul.social-share li a {
    background: #404040;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
}
ul.social-share li a:hover {
    background: #c52d2f;
    color: #fff;
}
#services .about-col .img img{display: block; padding-top:20px;}
#services .about-col h2{font-size: 18px!important;}
#services p{text-align: center;}
#clients {
  background: url("../images/ifbg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 0px 0 40px 0;
  position: relative;     
}
.contentinnner {color: #3c5a98;}
#main #clients {
    padding-bottom: 60px;
    padding-top: 60px;
}
#clients .tile-progress{display: block; height: 140px; padding: 10px;}
#clients .title{padding-top: 25px;}

#clients .tile-red{background: #AF392E!important; color: #FFF!important; padding: 10px;}
#clients .tile-cyan{background: #007833!important; color: #FFF!important; padding: 10px;}
#clients .tile-primary{background: #ED7700!important; color: #FFF!important; padding: 10px;}
#clients .tile-gray{background: #B7BADB!important; color: #FFF!important; padding: 10px;}

#clients .tile-red:hover, #clients .tile-cyan:hover, #clients .tile-primary:hover, #clients .tile-gray:hover{
  background: #fff!important;
}
#skills{padding: 60px 0px 10px 0px!important; background: #ccc;}
#header{background: #FFF;}
.container-fluid{margin-top: 14px;}
#nav-menu-container{margin: 0px 0px 0px 0px!important;}
/*========================Main Menu Change Style here=============================*/
.nav-menu a{color: #000!important;}

#nav-menu-container {
    border: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#nav-menu-container .navbar-toggle {
    background-color: transparent;
    color: #fff;
}

.navbar-fixed-top {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#nav-menu-container .navbar-brand {
    font-family: Lato, sans-serif;
    font-size: 36px;
    line-height: 50px;
    color: #fff;
}

#nav-menu-container .nav-menu {
    margin-top: 8px;
    margin-bottom: 15px;
}

#nav-menu-container .nav-menu > li > a {
    position: relative;
    display: inline-block;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 15px;
    padding: 10px;
    color: #f5f5f5;
    font-weight: 700;
    text-shadow: none;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

#nav-menu-container .nav-menu > li > a::before,
#nav-menu-container .nav-menu > li > a::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .3s 0 .3s;
    -moz-transition: opacity .3s 0 .3s;
    transition: opacity .3s transform .3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#nav-menu-container .nav-menu > li > a:hover::before,
#nav-menu-container .nav-menu > li > a:focus::before,
#nav-menu-container .nav-menu > li > a:hover::after,
#nav-menu-container .nav-menu > li > a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#nav-menu-container .nav-menu > li > a::before {
    top: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
    display: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#nav-menu-container .nav-menu > li > a::after {
    bottom: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#nav-menu-container .nav-menu > li > a::before,
#nav-menu-container .nav-menu > li > a::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    content: '';
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transition: opacity .3s 0 .3s;
    -moz-transition: opacity .3s 0 .3s;
    transition: opacity .3s transform .3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

#nav-menu-container .nav-menu > .active > a,
#nav-menu-container .nav-menu > .active > a:hover,
#nav-menu-container .nav-menu > .active > a:focus,
#nav-menu-container .nav-menu > .open > a,
#nav-menu-container .nav-menu > .open > a:hover,
#nav-menu-container .nav-menu > .open > a:focus {
    background-color: transparent;
}

#nav-menu-container .nav-menu .dropdown-menu {
    background-color: #202020;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0;
    margin-top: 15px;
}

.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
}

#nav-menu-container .nav-menu .dropdown-menu > li > a {
    padding: 8px 15px;
    color: #efefef;
}

#nav-menu-container .nav-menu .dropdown-menu > li:hover > a,
#nav-menu-container .nav-menu .dropdown-menu > li:focus > a,
#nav-menu-container .nav-menu .dropdown-menu > li.active > a {
    background-color: rgba(0, 0, 0, 0.3);
}

#nav-menu-container .nav-menu .dropdown-menu > li:last-child > a {
    border-radius: 0 0 3px 3px;
}

#nav-menu-container .nav-menu .dropdown-menu > li.divider {
    background-color: rgba(0, 0, 0, 0.1);
}

#nav-menu-container .navbar-collapse,
#nav-menu-container .navbar-form {
    border-top: 0;
}

.opaqued {
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px;
}

#nav-menu-container.opaqued .nav-menu .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
/*========================Main Menu Change Style here=============================*/
#aboutus { padding: 60px 0 10px 0;}
#aboutus .section-header p, #services .section-header p, #skills .section-header p, #career .section-header p { padding: 0px;}

#aboutus {
    background-attachment: scroll, fixed;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url("../images/call-to-action-bg.jpg");
    background-origin: padding-box, padding-box;
    background-position: 0 0%, center center;
    background-repeat: repeat, repeat;
    background-size: cover;
    padding: 60px 0;
}
#aboutus .section-header h3, #aboutus .section-header p{color: #FFF;}
#career { padding: 60px 0 10px 0;}
#header #logo{margin-top: 5px;}
@media( max-width:768px) {
#header .top-bar .row{flex-wrap:nowrap!important;}
.social-share { margin-bottom: 10px; }
#mobile-nav-toggle{top: 0px!important;}
#clients .title{padding-top: 40px;}
#mobile-nav-toggle{background: #000; margin: 22px 20px 0px 0px;}
}