body {
    margin: 0;
    padding: 0;
    background: url(../images/background.png);
    font-family: 'Open Sans', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Mukta Mahee', sans-serif
}

p {
    margin: 0;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif
}

ul {
    margin: 0;
    padding: 0
}

ol,
p,
ul {
    font-size: 14px;
    letter-spacing: 1px
}

.background-video {
    position: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: 100%
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right,
a,
input[type=submit] {
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in
}

a:hover {
    text-decoration: none
}

a:focus {
    outline: 0;
    text-decoration: none
}

.w3l_header_left {
    float: left;
    margin: .3em 0 0
}

.w3l_header_left ul li {
    display: inline-block;
    margin-right: 2em;
    font-size: 14px;
    color: #fff
}

.w3l_header_left ul li i {
    padding-right: .2em;
    color: #fff
}

.w3l_header_left ul li a {
    color: #fff;
    text-decoration: none
}

.w3l_header_left ul li a:hover {
    color: #00a98f
}

.w3l_header_right {
    float: right
}

.w3ls-social-icons.text-left a {
    display: inline-block
}

.w3ls-social-icons i {
    font-size: 15px;
    background: #507cbf;
    padding: 8px 10px;
    color: #fff;
    border: 1px solid #333;
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all
}

.w3ls-social-icons i:hover {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff;
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all
}

.top-header-main {
    padding: 1em 0
}

.header-address h6 {
    font-size: .9em;
    color: #fff;
    display: inline-block
}

.logo h1 {
    font-size: 2.5em
}

.agileits_w3layouts_banner_nav {
    margin: 0 auto;
    width: 100%;
    background: #333;
    padding: 0 2em
}

.agileits_top_menu {
    background: #0f303f;
    padding: .5em 1em
}

.header-1 {
    background: url(../images/banner1.jpg) 0 0 no-repeat;
    background-size: cover;
    min-height: 380px
}

.content {
    margin: 0;
    padding: 0
}

.content p:last-child {
    margin: 0
}

.content a.button {
    display: inline-block;
    padding: 10px 20px;
    background: #ff0;
    color: #000;
    text-decoration: none
}

.content a.button:hover {
    background: #000;
    color: #ff0
}

.content.title {
    position: relative;
    background: #333
}

.content.title h1 span.demo {
    display: inline-block;
    font-size: .5em;
    padding: 10px;
    background: #fff;
    color: #333;
    vertical-align: top
}

.content.title .back-to-article {
    position: absolute;
    bottom: -20px;
    left: 20px
}

.content.title .back-to-article a {
    padding: 10px 20px;
    background: #23b684;
    color: #fff;
    text-decoration: none
}

.content.title .back-to-article a:hover {
    background: #23b684
}

.content.title .back-to-article a i {
    margin-left: 5px
}

.content.white {
    background: #fff;
    padding: 1em 0
}

.content.black {
    background: #000
}

.content.black p {
    color: #999
}

.content.black p a {
    color: #08c
}

.navbar {
    position: relative;
    min-height: 75px;
    margin-bottom: 0 !important;
    border: 1px solid transparent
}

.navbar-default {
    background-color: #fff;
    border-color: #fff
}

.navbar-brand {
    float: left;
    font-size: 18px;
    text-transform: uppercase
}

.navbar-brand {
    padding: 8px 15px
}

.navbar-default a.navbar-brand h1 {
    color: #282828;
    font-weight: 700
}

.navbar-default .navbar-nav>li>a {
    color: #282828;
    font-size: .9em;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase
}

.blink {
    animation: blinker .5s linear infinite;
    color: #0f303f
}

@keyframes blinker {
    80% {
        opacity: .5
    }
}

.navbar-nav>li>a {
    padding-top: 18px;
    padding-bottom: 15px
}

.navbar-default .navbar-nav>li>a.active,
.navbar-default .navbar-nav>li>a:hover {
    color: #0f303f
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: rgba(35, 182, 132, 0);
    color: #0f303f
}

.navbar-default .navbar-brand label {
    color: #0f303f;
    display: block;
    font-size: .3em;
    text-align: center;
    letter-spacing: 3px
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #202020
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #0f303f
}

.navbar-default .navbar-nav>.active>a:before {
    background: #0f303f;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0)
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0
}

.effect-3 {
    overflow: hidden
}

.effect-3:before {
    left: -1px;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0f303f;
    content: '';
    position: absolute;
    transition: transform .5s ease;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%)
}

.effect-3:hover:before {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0)
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #0f303f;
    background: 0 0
}

.navbar-nav>li {
    margin: 0 13px
}

.navbar-default .navbar-toggle {
    border-color: #202020
}

.dropdown-menu .divider {
    height: 0;
    margin: 0;
    overflow: none;
    background: 0 0
}

.dropdown-menu .divider {
    border-bottom: 1px solid #e8e7ec;
    padding: 3px 0
}

.main-content {
    padding: 3em 0
}

.dropdown-menu {
    min-width: 124px;
    text-align: center;
    background: rgba(0, 0, 0, .65)
}

.dropdown-menu.columns-2 {
    min-width: 400px
}

.dropdown-menu.columns-3 {
    min-width: 600px
}

.dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300;
    color: #fff
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #0f303f;
    text-decoration: none;
    background-color: rgba(245, 245, 245, 0)
}

.multi-column-dropdown {
    list-style: none
}

.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #333;
    white-space: normal
}

.multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #23b684;
    background: 0 0
}
.portfolio_agile_info_w3ls{
    overflow-y: scroll;
    height: 600px;
    overflow-x: hidden;
    position:relative;
}
/* width */
.portfolio_agile_info_w3ls::-webkit-scrollbar {
  width: 5px;
  
}

/* Track */
.portfolio_agile_info_w3ls::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
  overflow-y: scroll;
}
 
/* Handle */
.portfolio_agile_info_w3ls::-webkit-scrollbar-thumb {
  background: #0f303f; 
  border-radius: 10px;
  overflow-y: scroll;
}

/* Handle on hover */
.portfolio_agile_info_w3ls::-webkit-scrollbar-thumb:hover {
  background: #0f303f; 
  overflow-y: scroll;
}

@media (max-width:767px) {
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden
    }

    .navbar-nav {
        float: left;
        margin: 0;
        margin-left: 0;
        width: 100%;
        background: #eee;
        margin-top: 1em
    }
}

.carousel .item {
    background: url(../images/banner3.jpg) no-repeat;
    background: url(../images/banner3.jpg) no-repeat;
    background: url(../images/banner3.jpg) no-repeat;
    background: url(../images/banner3.jpg) no-repeat;
    /*background: url(../images/bannertemp.png) no-repeat;*/
    /*background: url(../images/bannertemp.png) no-repeat;*/
    /*background: url(../images/bannertemp.png) no-repeat;*/
    /*background: url(../images/bannertemp.png) no-repeat;*/
    background-size: cover;
    /*height: 700px*/
}

.carousel .item.item2 {
    background: url(../images/banner.jpg) no-repeat;
    background: url(../images/banner.jpg) no-repeat;
    background: url(../images/banner.jpg) no-repeat;
    background: url(../images/banner.jpg) no-repeat;
    background-size: cover;
    /*height: 700px*/
}
.carousel .item.item5 {
    background: url(../images/banner5.jpg) no-repeat;
    background: url(../images/banner5.jpg) no-repeat;
    background: url(../images/banner5.jpg) no-repeat;
    background: url(../images/banner5.jpg) no-repeat;
    background-size: cover;
    /*height: 700px*/
}


.carousel .item.item3 {
    background: url(../images/banner1.jpg) no-repeat;
    background: url(../images/banner1.jpg) no-repeat;
    background: url(../images/banner1.jpg) no-repeat;
    background: url(../images/banner1.jpg) no-repeat;
    background-size: cover;
    /*height: 700px*/
}

.carousel .item.item4 {
    background: url(../images/banner4.jpg) no-repeat;
    background: url(../images/banner4.jpg) no-repeat;
    background: url(../images/banner4.jpg) no-repeat;
    background: url(../images/banner4.jpg) no-repeat;
    background-size: cover;
    /*height: 700px*/
}

.carousel-caption h2,
.carousel-caption h3 {
    font-size: 3.3em;
    font-weight: 600;
    letter-spacing: 1px
}

.carousel-caption h2 span,
.carousel-caption h3 span {
    font-weight: 600
}

.carousel-caption p {
    letter-spacing: 0px;
    font-size: 1.3em;
    line-height: 1.8em;
    font-weight: 600;
    color: #fff;
    margin: 0 auto 2em;
    background: #0f303f96;
    padding: 1em
}

.carousel-caption a {
    color: #fff;
    /*letter-spacing: 1px;*/
    /*padding: 11px 20px;*/
    /*background: #0f303f;*/
    /*font-size: .9em;*/
    /*border-radius: 0;*/
    /*border: 1px solid #fff*/
}

.carousel-caption a:hover {
    background: #0f303f;
    border: 1px solid #0f303f
}

.codes {
    padding: 5em 0;
    background: #fff
}

.codes.agileitsbg2 {
    background: #e74c3c;
    background-image: -webkit-linear-gradient(#ff9d2f, #ff6126);
    background-image: -moz-linear-gradient(#ff9d2f, #ff6126);
    background-image: -ms-linear-gradient(#ff9d2f, #ff6126);
    background-image: linear-gradient(#ff9d2f, #ff6126);
    padding-bottom: 10em
}

.codes.agileitsbg3 {
    background: #3498db;
    padding-bottom: 10em
}

.codes.agileitsbg4 {
    background: #2ecc71;
    padding-bottom: 10em
}

.carousel.slide.grid_3.grid_4 {
    border-top: 10px solid #3acfd5;
    border-bottom: 10px solid #3a4ed5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    -webkit-background-size: 10px 100%;
    -moz-background-size: 10px 100%;
    background-size: 10px 100%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #3acfd5 0, #3a4ed5 100%), -webkit-linear-gradient(top, #3acfd5 0, #3a4ed5 100%);
    background-image: -moz-linear-gradient(top, #3acfd5 0, #3a4ed5 100%), -moz-linear-gradient(top, #3acfd5 0, #3a4ed5 100%);
    background-image: -o-linear-gradient(top, #3acfd5 0, #3a4ed5 100%), -o-linear-gradient(top, #3acfd5 0, #3a4ed5 100%);
    background-image: linear-gradient(to bottom, #3acfd5 0, #3a4ed5 100%), linear-gradient(to bottom, #3acfd5 0, #3a4ed5 100%)
}

.carousel-indicators {
    bottom: 0;
    left: 50%
}

.carousel-caption {
    position: inherit;
    min-height: 620px !important;
    padding-top: 24em;
    text-align: center
}

.carousel-control {
    line-height: 33em
}

.modal-header {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #fff;
    font-weight: 600;
    letter-spacing: 1px;
    background: #0f303f
}

.modal-header {
    font-size: 1.5em
}

.close {
    opacity: 1
}

.modal-body p {
    color: #999;
    text-align: left;
    padding: 0 2em .5em;
    margin: 0 !important;
    line-height: 2em;
    font-size: 14px
}

.modal-body b {
    padding: 0 2em
}

.modal-body p i {
    display: block;
    margin: 1em 0;
    color: #212121
}

.modal-body img {
    padding: 0 2em 0 2em
}

.modal-content {
    border-radius: 0
}

button.close {
    font-size: 1.2em;
    color: #fff;
    outline: 0
}

.science {
    left: 30%
}

.agile-stats,
.contact,
.footer-top,
.publications,
.skills,
.team,
.w3layouts-welcome,
.w3ls-welcome_sec {
    padding: 3em 0
}

.w3-services {
    padding: 6em 0 0 0
}

.wls_head_all h3 {
    font-size: 2.8em;
    color: #0f303f;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 30px
}

.w3ls-welcome_sec_about-head .span1 {
    width: 34px;
    padding: 0 25px;
    height: 90px;
    border: 2px solid #000;
    border-right: none;
    position: absolute;
    right: 33%;
    top: -11%
}

.w3l-welcome_info {
    padding-left: 0
}

.auto_sec h3,
.feature_head h3,
.w3l-welcome_info h3 {
    font-size: 26x;
    color: #0f303f
}

.w3l-welcome_info span {
    background: #ff007f;
    display: block;
    height: 2px;
    width: 18%;
    margin-top: 12px
}

.w3l-welcome_info h4 {
    font-size: 20px;
    color: #4862c4;
    font-weight: 500;
    margin: 20px 0;
    font-style: italic;
    letter-spacing: 1px
}

.w3l-welcome_info p {
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 16px;
    color: #969696;
    font-size: 1em
}

.w3ls-welcome_sec_about-grids p {
    color: #969696;
    font-style: italic;
    font-size: 1.2em
}

.w3l-welcome_info a {
    color: #fff;
    font-weight: 400;
    background: #0f303f;
    text-decoration: none;
    padding: 8px 20px;
    margin-top: 30px;
    display: inline-block;
    font-size: 1em;
    line-height: 1.8em;
    letter-spacing: 1px
}

.w3l-welcome_info a:hover {
    background: #f6cc4c
}

.w3l-welcome_pic {
    padding: 0 0 0 3em
}

.w3l-welcome_pic h2 {
    color: #4862c4;
    font-size: 24px
}

.w3l-welcome_pic img {
    margin: 2em 0 1em 0
}

.w3l-welcome_pic h3 {
    color: #4862c4;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px
}

.w3l-welcome_pic p {
    margin-top: 16px;
    color: #969696;
    font-size: 1em;
    line-height: 1.8em;
    letter-spacing: 0
}

.publications ul {
    list-style-type: none;
    line-height: 2em
}

.w3-services {
    background: url(../images/s33.jpg) no-repeat 0 0;
    background-size: cover;
    min-height: 341px
}

.w3-services-left-grid h3 {
    color: #0f303f
}

.w3-services-left-grid h4 {
    font-size: 1.4em;
    font-weight: 300;
    color: #fff;
    margin-bottom: 1em
}

.w3-services-left-grid p {
    font-size: 1em;
    line-height: 1.8em;
    letter-spacing: 0;
    color: #fff;
    padding: 0 3em
}

.w3-icon-grid1 i {
    font-size: 3em;
    color: #fff;
    margin-bottom: .3em;
    left: 27%;
    position: relative
}

.w3-icon-grid-gap1 {
    margin: 1em 0 4em 0
}

.w3-services-right-grid h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px
}

.w3-services-right-grid p {
    color: #fff;
    left: 1%;
    position: relative;
    margin: .5em
}

.w3-services-left-grid {
    text-align: center
}

.agile_events_top_grid {
    padding: 0
}

.w3_agileits_evets_text_img {
    position: relative
}

.agile_events_top_grid_pos {
    position: absolute;
    bottom: -15%;
    left: 39%
}

.agile_events_top_grid_pos img {
    border: 2px solid #212121;
    border-radius: 50px
}

.agileits_w3layouts_events_text {
    text-align: center;
    padding: 3.5em 0 0
}

.agileits_w3layouts_events_text h3 {
    font-size: 1em;
    color: #212121;
    letter-spacing: 1px;
    font-weight: 700
}

.agileits_w3layouts_events_text p {
    color: #555;
    font-size: .9em
}

.view {
    overflow: hidden;
    position: relative;
    text-align: center
}

.view .content,
.view .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.view img {
    display: block;
    position: relative
}

.view .info {
    display: inline-block;
    text-decoration: none;
    margin-top: 7em
}

.view-eighth .mask {
    top: -160px;
    opacity: 0;
    -webkit-transition: all .3s ease-out .5s;
    -moz-transition: all .3s ease-out .5s;
    -o-transition: all .3s ease-out .5s;
    -ms-transition: all .3s ease-out .5s;
    transition: all .3s ease-out .5s
}

.view-eighth .info {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all .2s ease-in-out .3s;
    -moz-transition: all .2s ease-in-out .3s;
    -o-transition: all .2s ease-in-out .3s;
    -ms-transition: all .2s ease-in-out .3s;
    transition: all .2s ease-in-out .3s
}

.view-eighth:hover .mask {
    opacity: 1;
    top: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-animation: bounceY .9s linear;
    -moz-animation: bounceY .9s linear;
    -ms-animation: bounceY .9s linear;
    animation: bounceY .9s linear
}

.view-eighth:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s
}

@keyframes bounceY {
    0% {
        transform: translateY(-205px)
    }

    40% {
        transform: translateY(-100px)
    }

    65% {
        transform: translateY(-52px)
    }

    82% {
        transform: translateY(-25px)
    }

    92% {
        transform: translateY(-12px)
    }

    100%,
    55%,
    75%,
    87%,
    97% {
        transform: translateY(0)
    }
}

@-moz-keyframes bounceY {
    0% {
        -moz-transform: translateY(-205px)
    }

    40% {
        -moz-transform: translateY(-100px)
    }

    65% {
        -moz-transform: translateY(-52px)
    }

    82% {
        -moz-transform: translateY(-25px)
    }

    92% {
        -moz-transform: translateY(-12px)
    }

    100%,
    55%,
    75%,
    87%,
    97% {
        -moz-transform: translateY(0)
    }
}

@-webkit-keyframes bounceY {
    0% {
        -webkit-transform: translateY(-205px)
    }

    40% {
        -webkit-transform: translateY(-100px)
    }

    65% {
        -webkit-transform: translateY(-52px)
    }

    82% {
        -webkit-transform: translateY(-25px)
    }

    92% {
        -webkit-transform: translateY(-12px)
    }

    100%,
    55%,
    75%,
    87%,
    97% {
        -webkit-transform: translateY(0)
    }
}

.events-top {
    padding-bottom: 6em
}

.events-top {
    padding-bottom: 6em
}

ul.portfolio_agile_info_w3ls li {
    list-style: none;
    display: inline-block;
    width: 33%;
    margin-bottom: .3%;
    padding: 0.5em;
}

.agileits_w3layouts_events_text.port_info_agile {
    text-align: center;
    padding: 1em 0;
    background: #0f303f;
    color: #fff;
    border-bottom: 2px solid #000
}

.agileits_w3layouts_events_text.port_info_agile h3 {
    color: #fff;
    letter-spacing: 1px
}

.mask i {
    font-size: 2.5em;
    color: #fff;
    line-height: 8em
}

.events img {
    width: 100%;
    border: 2px solid rgba(72, 98, 196, .77)
}

.event_name {
    text-align: center;
    background: #0f303f;
    padding: .7em 0;
    color: #fff
}

.event_name a {
    color: #fff
}

.event_name h3 {
    font-size: 18px
}

.founder-team img {
    width: 90%;
    background: #bfdb39;
    text-align: center;
    border: 2px solid rgba(72, 98, 196, .77);
    border-bottom: none;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}

.founder_name h3 {
    text-align: center;
    padding: .7em 0;
    color: #0f303f;
    width: 90%
}

.team-left {
    float: left;
    width: 33%;
    background: #bfdb39;
    text-align: center;
    border: 2px solid rgba(72, 98, 196, .77);
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}

.team-right {
    float: right;
    width: 67%;
    padding: 4.89em 2em;
    -webkit-box-shadow: 1px 2px 6px 0 #0f303f;
    -moz-box-shadow: 1px 2px 6px 0 #0f303f;
    box-shadow: 1px 2px 6px 0 #0f303f
}

.team-right h4 {
    font-size: 1.5em;
    color: #333
}

.team-right p {
    margin: 1.1em 0
}

.team-w3lsgrids:hover .team-left {
    background: 0 0
}

.team-info.team-row2 {
    margin-top: 3.5em
}

.social-button {
    display: inline-block;
    background-color: #fff;
    width: 32px;
    height: 32px;
    margin: 0 3px;
    line-height: 32px;
    text-align: center;
    position: relative;
    overflow: hidden;
    opacity: .99
}

.social-button:before {
    content: '';
    background-color: #000;
    width: 120%;
    height: 120%;
    position: absolute;
    top: 102%;
    left: -118%;
    -webkit-transition: all .35s cubic-bezier(.31, -.105, .43, 1.59);
    -moz-transition: all .35s cubic-bezier(.31, -.105, .43, 1.59);
    transition: all .35s cubic-bezier(.31, -.105, .43, 1.59)
}

.social-button .fa {
    font-size: 18px;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .35s cubic-bezier(.31, -.105, .43, 1.59);
    -moz-transition: all .35s cubic-bezier(.31, -.105, .43, 1.59);
    transition: all .35s cubic-bezier(.31, -.105, .43, 1.59)
}

.social-button.facebook:before {
    background-color: #3b5998
}

.social-button.facebook .fa {
    color: #3b5998
}

.social-button.twitter:before {
    background-color: #3cf
}

.social-button.twitter .fa {
    color: #3cf
}

.social-button.google:before {
    background-color: #dc4a38
}

.social-button.google .fa {
    color: #dc4a38
}

.social-button.dribbble:before {
    background-color: #f26798
}

.social-button.dribbble .fa {
    color: #f26798
}

.social-button.skype:before {
    background-color: #00aff0
}

.social-button.skype .fa {
    color: #00aff0
}

.social-button:focus:before,
.social-button:hover:before {
    top: -10%;
    left: -10%
}

.social-button:focus .fa,
.social-button:hover .fa {
    color: #fff;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.slides p {
    color: #fff
}

.footer-top {
    background: url(../images/testi2.jpg) no-repeat 0 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 500px
}

.agileits_w3layouts_sub {
    text-align: center;
    font-size: 3em;
    color: #00bcd4;
    padding-bottom: .5em;
    position: relative;
    margin-bottom: .5em;
    text-shadow: 2px 2px 2px #178fbb
}

.agileits_w3layouts_sub:after {
    content: '';
    background: #ffb500;
    height: 2px;
    width: 12%;
    position: absolute;
    bottom: 0;
    left: 44%
}

.w3_agileits_head {
    font-size: 2em;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    margin: 2em 0 0 0
}

.wthree_footer_top_grid {
    margin: 4em auto 0;
    text-align: center
}

.wthree_footer_top_grid p {
    color: #ffff;
    line-height: 2em
}

.wthree_footer_top_grid h5 {
    font-size: 1em;
    color: #fff
}

.wthree_footer_top_grid img {
    border-radius: 50px;
    border: 4px solid rgba(72, 98, 196, .77);
    margin: 1em auto
}

.address-row {
    margin-top: 3em
}

.address-row:hover span.glyphicon {
    border-color: #0f303f;
    color: #000
}

.w3-agile-address-left {
    padding: 0
}

.address-row span.glyphicon {
    font-size: 1.2em;
    border: 2px solid #000;
    padding: 1em;
    color: #000;
    transition: .5s all
}

.w3-agile-address-right h5 {
    font-size: 1.5em;
    color: #000;
    margin: 0 0 .4em 0;
    font-weight: 600
}

.w3-agile-address-right p {
    font-size: .9em;
    color: #999;
    margin: 0
}

.w3-agile-address-right p a {
    color: #0f303f
}

.w3-agile-address-right p a:hover {
    color: #999
}

.address h4 {
    font-size: 1.4em;
    color: #000;
    margin: 0 0 .6em 0;
    font-weight: 700
}

.contact input[type=text] {
    width: 47.9%;
    color: #999;
    float: left;
    background: 0 0;
    outline: 0;
    font-size: .9em;
    padding: .7em 1em;
    margin-bottom: 1.5em;
    border: solid 1px #999;
    -webkit-appearance: none;
    display: inline-block
}

.contact input[type=email] {
    width: 47.9%;
    color: #999;
    float: left;
    background: 0 0;
    outline: 0;
    font-size: .9em;
    padding: .7em 1em;
    margin-bottom: 1.5em;
    border: solid 1px #999;
    -webkit-appearance: none;
    display: inline-block
}

.contact input[type=tel] {
    width: 47.9%;
    color: #999;
    float: left;
    background: 0 0;
    outline: 0;
    font-size: .9em;
    padding: .7em 1em;
    margin-bottom: 1.5em;
    border: solid 1px #999;
    -webkit-appearance: none;
    display: inline-block
}

.contact input.email {
    margin-left: 1.5em
}

.contact textarea {
    resize: none;
    width: 100%;
    background: 0 0;
    color: #999;
    font-size: .9em;
    outline: 0;
    padding: .6em .8em;
    border: solid 1px #999;
    min-height: 12em;
    -webkit-appearance: none
}

.contact input[type=submit] {
    outline: 0;
    color: #000;
    padding: .5em 3em;
    font-size: .9em;
    margin: 1em 0 0 0;
    -webkit-appearance: none;
    background: 0 0;
    transition: .5s all;
    border: 2px solid #000;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all
}

.contact input[type=submit]:hover {
    color: #fff;
    background: #0f303f;
    border: 2px solid #0f303f
}

::-webkit-input-placeholder {
    color: #999 !important
}

:-moz-placeholder {
    color: #999 !important
}

::-moz-placeholder {
    color: #999 !important
}

:-ms-input-placeholder {
    color: #999 !important
}

.agile-stats {
    position: relative;
    color: #fff;
    background-color: rgba(245, 63, 123, .77)
}

i.fa.fa-angle-down {
    font-size: 50px;
    color: #fff;
    margin-top: 15px
}

.agile-stats h3.center {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 600
}

.agile-stats .container {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.stats1,
.stats2 {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    -webkit-justify-content: center;
    justify-content: center
}

.w3-stats {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    text-align: center
}

.w3-stats span.fa {
    border: 1px solid #fff;
    padding: 40px;
    font-size: 40px;
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    color: #fff
}

.w3-stats span.fa:hover {
    border-color: #ff0;
    background-color: #ff0;
    color: #000
}

.w3-stats h4 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px
}

.w3-stats p {
    font-size: 20px;
    text-transform: uppercase;
    color: #333
}

.map {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}

.agileits-w3layouts-map iframe {
    border: none;
    width: 100%;
    height: 400px;
    margin-bottom: -6px
}

.box {
    color: #212121;
    padding: 20px;
    margin-top: 20px
}

.cheque {
    background: 0 0
}

.dd {
    background: 0 0
}

.online {
    background: 0 0
}

.application_form a {
    color: #abceec
}

.application_form a:hover {
    color: #fff
}

.form_class {
    padding: 0
}

.form_class1 {
    padding-right: .5em;
    padding-left: 0
}

.form p {
    padding: 0;
    font-size: 12px;
    line-height: 1.5em
}

.form b {
    padding: 0
}

.form input[type=text] {
    color: #999;
    background: 0 0;
    outline: 0;
    font-size: .9em;
    padding: .7em 1em;
    margin-bottom: 1.5em;
    border: solid 1px #999;
    -webkit-appearance: none;
    display: inline-block
}

.form1 input[type=text] {
    width: 100%;
    color: #999;
    background: 0 0;
    outline: 0;
    font-size: .9em;
    padding: .7em 1em;
    margin-bottom: 1.5em;
    border: solid 1px #999;
    -webkit-appearance: none;
    display: inline-block
}

.form input.email {
    margin-left: 1.5em
}

.form textarea {
    resize: none;
    width: 100%;
    background: 0 0;
    color: #999;
    font-size: .9em;
    outline: 0;
    padding: .6em .8em;
    border: solid 1px #999;
    min-height: 12em;
    -webkit-appearance: none
}

.form input[type=submit] {
    outline: 0;
    color: #fff;
    padding: .5em 3em;
    font-size: .9em;
    margin: 1em 0 0 0;
    -webkit-appearance: none;
    background: #0f303f;
    transition: .5s all;
    border: 2px solid #000;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all
}

.form input[type=submit]:hover {
    color: #fff;
    background: #0f303f;
    border: 2px solid #0f303f
}

#cheque,
#online {
    display: none
}

.footer-bot {
    background: #0f303f70;
    padding: 1em 0
}

.logo2 {
    float: left
}

.logo2 h3 a {
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    text-transform: uppercase;
    margin: 0
}

.ftr-menu {
    margin-top: 30px
}

.ftr-menu ul li {
    display: inline-block
}

.ftr-menu ul li a {
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin: 0 16px
}

.ftr-menu ul li a:hover {
    color: #fff !important
}

.copy-right {
    padding: 15px 0;
    background: #020202
}

.copy-right p {
    margin: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px
}

.copy-right p a {
    color: #fff
}

.copy-right p a:hover {
    color: #f44236
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    border: none;
    text-indent: 100%;
    background: url(../images/move-top.png) no-repeat 0 0
}

#toTopHover {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0
}

@media(max-width:1440px) {
    .carousel .item {
        height: 400px
    }

    .carousel-caption p {
        margin: -7em auto 2em
    }
.carousel .item {
    height:400px
}

.carousel .item.item2 {
    height: 400px
}

.carousel .item.item3,
.carousel .item.item4{
    height: 400px
}
}

@media(max-width:1080px) {
    .carousel-caption {
        min-height: 530px !important;
        padding-top: 11em
    }

    .w3-services-right-grid h3 {
        font-size: 19px;
        letter-spacing: 2px;
        text-align: center
    }
}

@media(max-width:1024px) {
    .w3-services-left-grid.wls_head_all {
        width: 100%
    }

    .w3-services-right-grid {
        width: 100%
    }

    .w3-services {
        padding: 4em 0 0 0
    }

    .w3-services {
        min-height: 490px
    }

    .carousel .item,
    .carousel .item.item2,
    .carousel .item.item3 {
        height: 372px
    }

    .team-right {
        padding: .759em 2em
    }

    .mask i {
        font-size: 2.5em;
        color: #fff;
        line-height: 6em
    }

    .w3-icon-grid1 i {
        left: 45%;
        position: relative
    }

    .w3-services-right-grid p {
        text-align: center
    }

    .w3-icon-grid-gap1 {
        margin: 4em 0 4em 0
    }

    .w3-services {
        min-height: 526px
    }
}

@media(max-width:991px) {
    .w3l-welcome_info {
        width: 100%;
        margin: 0 0 2em 0
    }

    .w3l-welcome_pic {
        width: 100%;
        margin: 2em 0 0 0
    }

    .w3-icon-grid1 {
        width: 33.3333%;
        float: left
    }

    .team-left {
        float: none;
        width: 50%
    }

    .team-right {
        float: right;
        width: 100%
    }

    .team-w3lsgrids {
        width: 50%;
        float: left
    }

    ul.portfolio_agile_info_w3ls li {
        width: 32%
    }

    .mask i {
        line-height: 5em
    }

    .address {
        width: 80%;
        margin: 0 auto
    }

    .w3-agile-address-left {
        width: 20%;
        float: left
    }

    .contact-form {
        width: 100%;
        margin: 2em 0 0 0
    }

    .carousel-caption {
        min-height: 450px !important;
        padding-top: 9em
    }

    .carousel-indicators {
        bottom: 7%
    }

    .agile-stats h3.center {
        font-size: 2.5em
    }
}

@media(max-width:800px) {
    .carousel-caption p {
        width: 89%
    }
}

@media(max-width:768px) {
    .w3-services {
        min-height: 554px
    }

    .navbar-nav>li {
        margin: 0
    }

    .navbar-default .navbar-nav>li>a {
        padding: 10px 8px
    }

    .events {
        margin-top: 1em
    }

    .carousel .item,
    .carousel .item.item2,
    .carousel .item.item3 {
        height: 250px
    }

    .carousel-caption p {
        letter-spacing: 2px;
        font-size: 1.2em;
        line-height: 1.7em;
        margin: -5em auto 2em
    }
}

@media(max-width:767px) {
    div#bs-example-navbar-collapse-1 {
        position: absolute;
        width: 100%;
        z-index: 999
    }

    .navbar-nav>li {
        float: none;
        margin: 0 15px;
        width: 90%;
        text-align: center
    }

    .nav>li {
        position: relative;
        display: inline-block;
        margin-bottom: .3em
    }

    .navbar-default .navbar-nav>li>a {
        margin: 0 auto
    }

    .navbar-nav {
        background: #848484e0;
        margin-top: 1em
    }

    .navbar-default .navbar-nav>li>a {
        color: #fff
    }
}

@media(max-width:736px) {
    .ftr-menu ul li a {
        margin: 0 13px
    }

    .w3-stats span.fa {
        padding: 18px;
        font-size: 37px;
        width: 75px;
        height: 75px
    }
}

@media(max-width:667px) {
    .w3-services-right-grid h3 {
        font-size: 18px;
        letter-spacing: 1px
    }

    .wls_head_all h3 {
        font-size: 2em
    }

    .address h4 {
        font-size: 2em
    }

    .mask i {
        line-height: 4em
    }

    .logo2 {
        float: none;
        margin: 0 auto;
        text-align: center
    }

    .ftr-menu {
        float: none;
        margin-top: 5px;
        margin: 0 auto
    }

    .ftr-menu {
        float: none;
        margin-top: 5px;
        margin: 1em auto 0;
        text-align: center
    }
}

@media(max-width:640px) {
    .w3-services-right-grid h3 {
        font-size: 16px;
        letter-spacing: 1px;
        text-align: center
    }

    .w3-services-right-grid p {
        text-align: center
    }
}

@media(max-width:600px) {
    .w3-services-left-grid p {
        padding: 0 0
    }

    .w3-icon-grid1 {
        width: 33%;
        float: left;
        margin: 2em 0 0 0
    }

    .w3-icon-grid-gap1 {
        margin: 4em 0 1em 0
    }

    .w3-services {
        min-height: 713px
    }

    .w3-icon-grid-gap1 {
        margin: 2em 0 1em 0
    }
}

@media(max-width:568px) {

    .agile-stats,
    .contact,
    .footer-top,
    .skills,
    .team,
    .w3layouts-welcome,
    .w3ls-welcome_sec {
        padding: 3em 0
    }

    .wthree_footer_top_grid {
        margin: 3em auto 0;
        width: 60%;
        text-align: center
    }
}

@media(max-width:480px) {

    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 3em;
        font-weight: 600;
        letter-spacing: 1px
    }

    .carousel-indicators {
        bottom: 0
    }

    .w3-icon-grid1 {
        width: 50%;
        float: left;
        margin: 2em 0 0 0
    }

    .modal-body b {
        padding: 0
    }

    .modal-body p {
        padding: .5em 0
    }

    .team-left {
        float: left;
        width: 50%
    }

    .team-right {
        float: right;
        width: 100%
    }

    .team-w3lsgrids {
        width: 100%;
        float: left
    }

    .team-left {
        float: left;
        width: 43%
    }

    .team-w3lsgrids {
        width: 100%;
        float: left;
        margin: 2em 0
    }

    .team-info.team-row2 {
        margin-top: 1em
    }

    ul.portfolio_agile_info_w3ls li {
        width: 49%
    }

    .contact input[type=text] {
        width: 100%
    }

    .contact input.email {
        margin-left: 0
    }

    .ftr-menu ul li a {
        margin: 0 6px
    }

    .w3-icon-grid1 {
        width: 100%
    }
}

@media(max-width:414px) {

    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 2.5em;
        font-weight: 600;
        letter-spacing: 1px
    }

    .w3l_header_left ul li {
        font-size: 10px
    }

    .carousel-caption p {
        letter-spacing: 2px;
        font-size: .5em;
        line-height: 1.8em;
        font-weight: 600;
        margin: -12em auto 2em
    }

    .w3l-welcome_info p {
        text-align: center
    }

    .events {
        margin-top: 1em
    }

    td,
    th,
    tr {
        padding: .5em
    }

    .carousel .item,
    .carousel .item.item2,
    .carousel .item.item3 {
        height: 137px
    }

    .founder-team {
        position: relative;
        left: 5%
    }

    .w3-stats p {
        font-size: 16px;
        text-transform: uppercase;
        color: #333
    }

    .w3-agile-address-left {
        width: 100%;
        float: none
    }

    button.close {
        font-size: 1.3em
    }

    .modal-header .close {
        margin-top: -27px
    }

    .w3-agile-address-right {
        width: 100%;
        float: none;
        margin: 1em 0 0 0
    }

    .w3l-welcome_info h4 {
        font-size: 17px;
        margin: 9px 0;
        letter-spacing: 1px
    }

    .w3l-welcome_pic {
        padding: 0
    }

    .agile-stats,
    .contact,
    .footer-top,
    .skills,
    .team,
    .w3layouts-welcome,
    .w3ls-welcome_sec {
        padding: 2em 0
    }

    .address {
        width: 100%;
        margin: 0 auto
    }

    .mask i {
        line-height: 6em;
        font-size: 1.5em
    }

    .w3-icon-grid1 i {
        font-size: 2.5em;
        color: #fff;
        position: relative;
        left: 46%
    }

    .ftr-menu ul li a {
        margin: 3px 6px
    }

    .science {
        left: 0
    }
}

@media(max-width:384px) {

    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 2.2em
    }

    .carousel-caption {
        min-height: 400px !important;
        padding-top: 6em
    }

    .w3l-welcome_pic h2 {
        color: #4862c4;
        font-size: 21px
    }

    .modal-body p {
        font-size: 13px
    }

    .carousel-caption p {
        letter-spacing: 2px;
        font-size: .5em;
        line-height: 1.8em;
        font-weight: 600;
        margin: -8em auto 2em
    }

    td,
    th,
    tr {
        padding: .4em;
        font-size: 13px
    }
}

@media(max-width:360px) {
    .w3l_header_left ul li {
        font-size: 9px
    }

    .modal-body p {
        font-size: 12px
    }

    button.close {
        font-size: 1.2em
    }

    .modal-header .close {
        margin-top: -24px
    }

    td,
    th,
    tr {
        padding: .3em;
        font-size: 12px
    }
}

@media(max-width:320px) {

    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 2em
    }

    .modal-body b {
        padding: 0
    }

    .carousel .item,
    .carousel .item.item2,
    .carousel .item.item3 {
        height: 116px
    }

    td,
    th,
    tr {
        padding: .3em;
        font-size: 11px
    }

    .carousel-caption p {
        margin: -10em auto 2em
    }

    .modal-body P {
        font-size: 10px;
        padding: .5em
    }

    .carousel-caption p {
        width: 100%
    }

    .carousel-indicators {
        bottom: 4%
    }

    .wls_head_all h3 {
        font-size: 2em
    }

    .w3-services-left-grid h4 {
        font-size: 1.2em
    }

    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 1.8em
    }

    .navbar-default a.navbar-brand h1 {
        font-size: 25px
    }

    .w3l-welcome_pic h2 {
        color: #4862c4;
        font-size: 19px
    }

    .w3l-welcome_pic h3 {
        font-size: 16px
    }

    .w3-icon-grid1 {
        width: 63%;
        float: none;
        margin: 0 auto 2em
    }

    .w3l_header_left {
        float: none;
        margin: 0 auto;
        text-align: center
    }

    .w3l_header_right {
        float: none;
        text-align: center
    }

    .text-left {
        text-align: center
    }

    .w3l_header_right {
        float: none;
        text-align: center;
        margin: .5em 0
    }

    .auto_sec h3,
    .feature_head h3,
    .w3l-welcome_info h3 {
        font-size: 25px;
        color: rgba(72, 98, 196, .77)
    }

    .w3-stats span.fa {
        padding: 18px;
        font-size: 29px;
        width: 60px;
        height: 60px
    }

    .w3-stats p {
        font-size: 14px;
        text-transform: uppercase;
        color: #333
    }

    .agileits-w3layouts-map iframe {
        border: none;
        width: 100%;
        height: 277px
    }

    .ftr-menu ul li a {
        margin: 3px 2px
    }
}
.members_goodstanding{
    text-align: center;
    color: #fff;
    padding: 0.5em;
    /*font-size: 1.5em;*/
}
.members_goodstanding a{
     color: #fff;
}