.agileits-banner-grid{
    padding: 3em 2em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agileits-banner-grid:hover{
    -webkit-box-shadow: 2px 15px 70px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 15px 70px 2px rgba(0,0,0,0.75);
    box-shadow: 2px 15px 70px 2px rgba(0,0,0,0.75);
}
.w3l_header:after {
    border-top: 2px solid #99bc59;
    display: block;
    width: 81px;
    content: "";
    margin: 8px auto 0;
}
.carrer-left{
    margin-top: 2em;
}
.carrer-righ {
    padding-left: 5em;
    padding-top: 2em;
}
.about3{ margin-top: 2em; margin-left: 5em}
@media (max-width: 991px){
    .carrer-righ {
        padding-left: 1em;
        padding-top: 2em;
    }
    /*.about3{ display: none}*/
}

.mySwiper99 .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #3eb2f3;
    width: 20px;
    border-radius: 8px;
}
.mySwiper99.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0px;
}

.motb{font-size: 14px; color: #ffffff;     width: 40px;
    height: 40px; border: #ffffff solid 1px; margin-right: 6px;

}
.motb:hover{border: #0f6674 solid 1px;background: #0f6674}
.header-mdl a:hover{color: #ffffff}


.navbar-nav > li {
    display: inline-block;
    float: none;
    margin: 0 2em;}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 1.2em;
    padding: 0;
    position: relative;
    background: none;

    letter-spacing: 6px;
}

.navbar-default .navbar-nav > li.open>a:hover{
    color: #a8ff08;
    background: none;
}

.navbar-default .navbar-nav li a.active,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #a8ff08;
    background: none;
}
ul.dropdown-menu {
    top: 195%;
    background: rgba(21, 29, 37, 0.77);
    border: none;
}
.dropdown-menu > li > a {
    padding: 7px 20px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 2px;
}
.dropdown-menu > li > a:hover {
    padding: 7px 20px;
    color: #a8ff08;
    font-weight: 300;
    letter-spacing: 2px;
    background: none;
}
.header-mdl.agileits-logo {
    text-align: center;
}
.agileits-logo h1 {
    font-size: 4em;
    letter-spacing: 4px;
    display: inline-block;
}
.agileits-logo h1 a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: .5em 0.8em;
}
.banner-text{padding: 14em 0;}
.navbar-default{background: none;
    border: none;
    margin: 0;}
@media(max-width:767px){
    .banner-text{padding: 7em 0;}
    .agileits-logo h1 {
        font-size: 2.5em;
        letter-spacing: 1px;
    }
    .agileits-hdright.navbar-right {
        float: right;
    }
    .header-mdl.agileits-logo {
        position: absolute;
        top: 0; left: 0px;
        z-index: 9999;
    }
    .agileits-logo h1 {
        font-size: 2.5em;
        letter-spacing: 1px;
    }
    .agileits-logo h1 a {
        padding: .5em;
    }
    button.navbar-toggle {

        background: #99bc59;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #99bc59;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    #bs-example-navbar-collapse-1{  background: rgba(0, 0, 0, 0.6);
        position: absolute; width: 100%;
        border: none; z-index: 999; padding-bottom: .5em;
        margin: 0;}

    .navbar-default .navbar-toggle{
        border-color: #99bc59;
    }
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    color: #ffffff;
    margin-top: 0;
    margin-right: 0;
    border: 1px solid #ff0000;
    margin-top: 0;
    margin-bottom: 10px;

}

.navbar-nav > li {
    margin: 0;
    display: block;
}
.navbar-default .navbar-nav > li > a {
    font-size: 1em;
    padding: 1em 0;
    display: inline-block;
}
ul.dropdown-menu {
    text-align: center;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    font-size: .9em;
    display: inline-block;
    position: relative;
    padding: .5em 0;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background:none;
}
.stats-grid:nth-child(3),.stats-grid:nth-child(4){
    margin-top: 2em;
}
.header-nav ul.nav.navbar-nav {
    margin-top: 0;
}

}