body{
    margin:0;
    padding:0;
    background:#fff;
    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
}
.bgs_header_left{
    float:left;
    margin:.3em 0 0
}
.bgs_header_left ul li{
    display:inline-block;
    margin-right:2em;
    font-size:14px;
    color:#fff
}
.bgs_header_left ul li i{
    padding-right:.2em;
    color:#fff
}
.bgs_header_left ul li a{
    color:#fff;
    text-decoration:none
}
.bgs_header_left ul li a:hover{
    color:#00a98f
}
.bgs_header_right{
    float:right
}
.bgss-social-icons.text-left a{
    display:inline-block
}
.bgss-social-icons i{
    font-size:15px;
    background:#333;
    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
}
.bgss-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_bgsayouts_banner_nav{
    margin:0 auto;
    width:100%;
    background:#333;
    padding:0 2em
}
.agileits_top_menu{
    background:#e3097d;
    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:50px;
    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;
    height: 60px;
}
.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;
    padding:10px 8px
}
.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:#e3097d
}
.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:#e3097d
}
.navbar-default .navbar-brand label{
    color:#e3097d;
    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:#e3097d
}
.navbar-default .navbar-nav>.active>a:before{
    background:#e3097d;
    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-color:#282828;
    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:#e3097d;
    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:#e3097d;
    background:0 0
}
.navbar-nav>li{
    margin:0 15px
}
.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:#e3097d;
    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
}
@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:-webkit-linear-gradient(rgba(23,22,23,.2),rgba(23,22,23,.5)),url(../images/slides/1.webp) no-repeat;
    background:-moz-linear-gradient(rgba(23,22,23,.2),rgba(23,22,23,.5)),url(../images/slides/1.webp) no-repeat;
    background:-ms-linear-gradient(rgba(23,22,23,.2),rgba(23,22,23,.5)),url(../images/slides/1.webp) no-repeat;
    background:linear-gradient(rgba(23,22,23,.2),rgba(23,22,23,.5)),url(../images/slides/1.webp) no-repeat;
    background-size:cover
}
.carousel .item.item2{
    background:-webkit-linear-gradient(rgba(23,22,23,.2),rgba(23,22,23,.5)),url(../images/slides/2.webp) no-repeat;
    background:-moz-linear-gradient(rgba(23,22,23,.2),rgba(23,22,23,.5)),url(../images/slides/2.webp) no-repeat;
    background:-ms-linear-gradient(rgba(23,22,23,.2),rgba(23,22,23,.5)),url(../images/slides/2.webp) no-repeat;
    background:linear-gradient(rgba(23,22,23,.2),rgba(23,22,23,.5)),url(../images/slides/2.webp) no-repeat;
    background-size:cover
}
.carousel .item.item3{
    background:-webkit-linear-gradient(rgba(23,22,23,.2),rgba(23,22,23,.5)),url(../images/slides/3.webp) no-repeat;
    background:-moz-linear-gradient(rgba(23,22,23,.2),rgba(23,22,23,.5)),url(../images/slides/3.webp) no-repeat;
    background:-ms-linear-gradient(rgba(23,22,23,.2),rgba(23,22,23,.5)),url(../images/slides/3.webp) no-repeat;
    background:linear-gradient(rgba(23,22,23,.2),rgba(23,22,23,.5)),url(../images/slides/3.webp) no-repeat;
    background-size:cover
}
.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:4px;
    font-size:1em;
    line-height:1.8em;
    font-weight:300;
    color:#fff;
    margin:1em auto 2em;
    width:70%
}
.carousel-caption a{
    color:#fff;
    letter-spacing:1px;
    padding:11px 20px;
    background:0 0;
    font-size:.9em;
    border-radius:0;
    border:1px solid #fff
}
.carousel-caption a:hover{
    background:#e3097d;
    border:1px solid #e3097d
}
.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:20%;
    left:50%
}
.carousel-caption{
    position:inherit;
    min-height:620px!important;
    padding-top:15em;
    text-align:center
}
.carousel-control{
    line-height:33em
}
.modal-header{
    font-size:2em;
    color:#000;
    text-align:center;
    text-transform:uppercase;
    border:1px solid #fff;
    font-weight:600;
    letter-spacing:4px
}
.close{
    opacity:1
}
.modal-body p{
    color:#999;
    text-align:left;
    padding:2em 2em 1em;
    margin:0!important;
    line-height:2em;
    font-size:14px
}
.modal-body p i{
    display:block;
    margin:1em 0;
    color:#212121
}
.modal-body{
    padding:0
}
.modal-body img{
    padding:0 2em 0 2em
}
.modal-content{
    border-radius:0
}
button.close{
    font-size:1.5em;
    color:#000;
    outline:0
}
.agile-stats,.contact,.footer-top,.skills,.team,.bgsayouts-welcome,.bgss-welcome_sec{
    padding: 10em 0;
}
.bgs-facilities{
    padding: 10em 0 0 0;
}
.wls_head_all h3{
    font-size:3em;
    color:#e3097d;
    font-weight:700;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:2px;
    position:relative;
    margin-bottom:30px
}
.bgss-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%
}
.bgs-welcome_info{
    padding-left:0
}
.auto_sec h3,.feature_head h3,.bgs-welcome_info h3{
    font-size:35px;
    color:rgba(72,98,196,.77)
}
.bgs-welcome_info span{
    background:#ff007f;
    display:block;
    height:2px;
    width:18%;
    margin-top:12px
}
.bgs-welcome_info h4{
    font-size:20px;
    color: #e3097d;
    font-weight:500;
    margin:20px 0;
    letter-spacing:1px;
}
.bgs-welcome_info p{
    font-size:16px;
    line-height:1.8em;
    margin-top:16px;
    color:#969696;
    font-size:1em
}
.bgs-welcome_info a{
    color:#fff;
    font-weight:400;
    background:rgba(72,98,196,.77);
    text-decoration:none;
    padding:8px 20px;
    margin-top:30px;
    display:inline-block;
    font-size:1em;
    line-height:1.8em;
    letter-spacing:1px
}
.bgs-welcome_info a:hover{
    background:#f6cc4c
}
.bgs-welcome_pic{
    padding:0 0 0 3em
}
.bgs-welcome_pic h2{
    color:#4862c4;
    font-size:25px
}
.bgs-welcome_pic img{
    margin:2em 0 1em 0
}
.bgs-welcome_pic h3{
    color:#4862c4;
    font-size:18px;
    font-weight:500;
    margin-bottom:15px
}
.bgs-welcome_pic p{
    margin-top:16px;
    color:#969696;
    font-size:1em;
    line-height:1.8em;
    letter-spacing:0
}
.bgs-facilities{
    background:url(../images/facilities-background.webp) no-repeat 0 0;
    background-size:cover;
    min-height: 800px;
}
.bgs-facilities-left-grid h3{
    color:#e3097d
}
.bgs-facilities-left-grid h4{
    font-size:1.4em;
    font-weight:300;
    color:#fff;
    margin-bottom:1em
}
.bgs-facilities-left-grid p{
    font-size:1em;
    line-height:1.8em;
    letter-spacing:0;
    color:#fff;
    padding:0 3em
}
.bgs-icon-grid1 i{
    font-size: 2em;
    color:#e3097d;
}
.bgs-icon-grid-gap1{
    text-align:center;
    margin:1em 0 5em 0;
}

.bgs-facilities-right-grid h3{
    text-transform:uppercase;
    color:#fff;
    font-size: 18px;
    letter-spacing:2px;
}
.bgs-facilities-left-grid{
    text-align:center
}
.agile_events_top_grid{
    padding:0
}
.bgs_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_bgsayouts_events_text{
    text-align:center;
    padding:3.5em 0 0
}
.agileits_bgsayouts_events_text h3{
    font-size:1em;
    color:#212121;
    letter-spacing:1px;
    font-weight:700
}
.agileits_bgsayouts_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_bgss li{
    list-style:none;
    display:inline-block;
    width:33%;
    margin-bottom:.3%
}
.agileits_bgsayouts_events_text.port_info_agile{
    text-align:center;
    padding:1em 0;
    background:#e3097d;
    color:#fff;
    border-bottom:2px solid #000
}
.agileits_bgsayouts_events_text.port_info_agile h3{
    color:#fff;
    letter-spacing:1px
}
.mask i{
    font-size:2.5em;
    color:#fff;
    line-height:8em
}
.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:2.2em 2em;
    -webkit-box-shadow:1px 2px 6px 0 #e3097d;
    -moz-box-shadow:1px 2px 6px 0 #e3097d;
    box-shadow:1px 2px 6px 0 #e3097d
}
.team-right h4{
    font-size:1.5em;
    color:#333
}
.team-right p{
    margin:1em 0
}
.team-bgssgrids: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)
}
.footer-top{
    background:url(../images/footer-background.webp) 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_bgsayouts_sub{
    text-align:center;
    font-size:3em;
    color:#00bcd4;
    padding-bottom:.5em;
    position:relative;
    margin-bottom:.5em;
    text-shadow:2px 2px 2px #178fbb
}
.agileits_bgsayouts_sub:after{
    content:'';
    background:#ffb500;
    height:2px;
    width:12%;
    position:absolute;
    bottom:0;
    left:44%
}
.bgs_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;
    width:60%;
    text-align:center
}
.wthree_footer_top_grid p{
    color:#fffc;
    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:#e3097d;
    color:#000
}
.bgs-agile-address-left{
    padding:0
}
.address-row span.glyphicon{
    font-size:1.2em;
    border:2px solid #000;
    padding:1em;
    color:#000;
    transition:.5s all
}
.bgs-agile-address-right h5{
    font-size:1.5em;
    color:#000;
    margin:0 0 .4em 0;
    font-weight:600
}
.bgs-agile-address-right p{
    font-size:.9em;
    color:#999;
    margin:0
}
.bgs-agile-address-right p a{
    color:#e3097d
}
.bgs-agile-address-right p a:hover{
    color:#999
}
.address h4{
    font-size:2.5em;
    color:#000;
    margin:0 0 .6em 0
}
.contact input[type=text]{
    width: 100%;
    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:#e3097d;
    border:2px solid #e3097d
}
::-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:#e3097d
}
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
}
.bgs-stats{
    -webkit-flex-basis:50%;
    flex-basis:50%;
    text-align:center
}
.bgs-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
}
.bgs-stats span.fa:hover{
    border-color: #fff;
    background-color: #fff;
    color:#000;
}
.bgs-stats h4{
    font-size:30px;
    font-weight:700;
    margin-bottom:15px
}
.bgs-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-bgsayouts-map iframe{
    border:none;
    width:100%;
    height:400px;
    margin-bottom:-6px
}
.footer-bot{
    background:#e3097d;
    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{
    float:right;
    margin-top:5px
}
.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:16px;
    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: #e3097d;
}
#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
}
.booking-form {
    width:80%;
}
@media(max-width:1080px){
    .carousel-caption{
        min-height:530px!important;
        padding-top:11em
    }
    .bgs-facilities-right-grid h3{
        font-size:19px;
        letter-spacing:2px
    }
}
@media(max-width:1024px){
    .bgs-facilities-left-grid.wls_head_all{
        width:100%
    }
    .bgs-facilities-right-grid{
        width:100%
    }
    .bgs-facilities{
        padding:4em 0 0 0
    }
    .bgs-facilities{
        min-height:490px
    }
    .mask i{
        font-size:2.5em;
        color:#fff;
        line-height:6em
    }
    .bgs-icon-grid-gap1{
        margin:4em 0 4em 0
    }
    .bgs-facilities{
        min-height:526px
    }
}
@media(max-width:991px){
    .bgs-welcome_info{
        width:100%;
        margin:0 0 2em 0
    }
    .bgs-welcome_pic{
        width:100%;
        margin:2em 0 0 0
    }
    .bgs-icon-grid1{
        width:25%;
        float:left
    }
    .team-left{
        float:none;
        width:50%
    }
    .team-right{
        float:right;
        width:100%
    }
    .team-bgssgrids{
        width:50%;
        float:left
    }
    ul.portfolio_agile_info_bgss li{
        width:32%
    }
    .mask i{
        line-height:5em
    }
    .address{
        width:80%;
        margin:0 auto
    }
    .bgs-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:14%
    }
    .agile-stats h3.center{
        font-size:2.5em
    }
}
@media(max-width:800px){
    .carousel-caption p{
        width:89%
    }
}
@media(max-width:768px){
    .bgs-facilities{
        min-height:554px
    }
}
@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
    }
    .navbar-default .navbar-nav>li>a{
        width:30%;
        margin:0 auto
    }
    .navbar-nav{
        background:#0000009c;
        margin-top:1em
    }
    .navbar-default .navbar-nav>li>a{
        color:#fff
    }
}
@media(max-width:736px){
    .ftr-menu ul li a{
        margin:0 13px
    }
    .bgs-stats span.fa{
        padding:18px;
        font-size:37px;
        width:75px;
        height:75px
    }
}
@media(max-width:667px){
    .bgs-facilities-right-grid h3{
        font-size:18px;
        letter-spacing:1px
    }
    .wls_head_all h3{
        font-size:2.5em
    }
    .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){
    .bgs-facilities-right-grid h3{
        font-size:16px;
        letter-spacing:1px
    }
}
@media(max-width:600px){
    .bgs-facilities-left-grid p{
        padding:0 0
    }
    .bgs-icon-grid1{
        width: 25%;
        float:left;
        margin: 2em 0px 2em 0;
    }
    .bgs-icon-grid-gap1{
        margin:4em 0 1em 0
    }
    .bgs-facilities{
        min-height:713px
    }
    .bgs-icon-grid-gap1{
        margin:2em 0 1em 0
    }
}
@media(max-width:568px){
    .agile-stats,.contact,.footer-top,.skills,.team,.bgsayouts-welcome,.bgss-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:9%
    }
    .bgs-icon-grid1{
        width:50%;
        float:left;
        margin:2em 0 0 0
    }
    .team-left{
        float:left;
        width:50%
    }
    .team-right{
        float:right;
        width:100%
    }
    .team-bgssgrids{
        width:100%;
        float:left
    }
    .team-left{
        float:left;
        width:43%
    }
    .team-bgssgrids{
        width:100%;
        float:left;
        margin:2em 0
    }
    .team-info.team-row2{
        margin-top:1em
    }
    ul.portfolio_agile_info_bgss li{
        width:49%
    }
    .contact input[type=text]{
        width:100%
    }
    .contact input.email{
        margin-left:0
    }
    .ftr-menu ul li a{
        margin:0 6px
    }
}
@media(max-width:414px){
    .carousel-caption h2,.carousel-caption h3{
        font-size:2.5em;
        font-weight:600;
        letter-spacing:1px
    }
    .bgs-stats p{
        font-size:16px;
        text-transform:uppercase;
        color:#333
    }
    .bgs-agile-address-left{
        width:100%;
        float:none
    }
    .bgs-agile-address-right{
        width:100%;
        float:none;
        margin:1em 0 0 0
    }
    .bgs-welcome_info h4{
        font-size:17px;
        margin:9px 0;
        letter-spacing:1px
    }
    .bgs-welcome_pic{
        padding:0
    }
    .agile-stats,.contact,.footer-top,.skills,.team,.bgsayouts-welcome,.bgss-welcome_sec{
        padding:2em 0
    }
    .address{
        width:100%;
        margin:0 auto
    }
    .mask i{
        line-height:6em;
        font-size:1.5em
    }
    .bgs-icon-grid1 i{
        font-size:2.5em;
        color:#e3097d
    }
    .ftr-menu ul li a{
        margin:3px 6px
    }
}
@media(max-width:384px){
    .carousel-caption h2,.carousel-caption h3{
        font-size:2.2em
    }
    .carousel-caption{
        min-height:400px!important;
        padding-top:6em
    }
    .bgs-welcome_pic h2{
        color:#4862c4;
        font-size:21px
    }
}
@media(max-width:320px){
    .carousel-caption h2,.carousel-caption h3{
        font-size:2em
    }
    .carousel-caption p{
        width:100%
    }
    .carousel-indicators{
        bottom:4%
    }
    .wls_head_all h3{
        font-size:2em
    }
    .bgs-facilities-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
    }
    .bgs-welcome_pic h2{
        color:#4862c4;
        font-size:19px
    }
    .bgs-welcome_pic h3{
        font-size:16px
    }
    .bgs-icon-grid1{
        width:63%;
        float:none;
        margin:0 auto 2em
    }
    .bgs_header_left{
        float:none;
        margin:0 auto;
        text-align:center
    }
    .bgs_header_right{
        float:none;
        text-align:center
    }
    .text-left{
        text-align:center
    }
    .bgs_header_right{
        float:none;
        text-align:center;
        margin:.5em 0
    }
    .auto_sec h3,.feature_head h3,.bgs-welcome_info h3{
        font-size:25px;
        color:rgba(72,98,196,.77)
    }
    .bgs-stats span.fa{
        padding:18px;
        font-size:29px;
        width:60px;
        height:60px
    }
    .bgs-stats p{
        font-size:14px;
        text-transform:uppercase;
        color:#333
    }
    .agileits-bgsayouts-map iframe{
        border:none;
        width:100%;
        height:277px
    }
    .ftr-menu ul li a{
        margin:3px 2px
    }
}