/**************** general ***********************/

@font-face {
    font-family: 'Conv_Fluent_SitkaSmall-Italic';
    src: url('../fonts/Fluent_SitkaSmall-Italic.eot');
    src: local('☺'), url('../fonts/Fluent_SitkaSmall-Italic.woff') format('woff'),
    url('../fonts/Fluent_SitkaSmall-Italic.ttf') format('truetype'),
    url('../fonts/Fluent_SitkaSmall-Italic.svg') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/GothamBook.ttf');
}


.btn {
    transition: all 0.6s ease;
}
.mgtop0 {
    margin-top: 0px !important;
}
.mgbottom0 {
    margin-bottom: 0px !important;
}
.mgtop5 {
    margin-top: 5px;
}
.mgbottom5 {
    margin-bottom: 5px;
}
.mgtop10 {
    margin-top: 10px;
}
.mgbottom10 {
    margin-bottom: 10px;
}
.mgtop15 {
    margin-top: 15px;
}
.mgbottom15 {
    margin-top: 15px;
}
.mgtop20 {
    margin-top: 20px;
}
.mgbottom20 {
    margin-bottom: 20px;
}
.mgtop25 {
    margin-top: 25px !important;
}
.mgbottom25 {
    margin-bottom: 25px;
}
.mgtop30 {
    margin-top: 30px;
}
.mgbottom30 {
    margin-bottom: 30px;
}
.mgtop50 {
    margin-top: 50px;
}
.mgbottom50 {
    margin-bottom: 50px;
}
.mgtop80 {
    margin-top: 80px;
}
.mgbottom80 {
    margin-bottom: 80px;
}
.mgright15 {
    margin-right: 15px;
}
.mgleft5 {
    margin-left: 15px;
}
.img-pos {
    background-position: 50% 25% !important;
    background-size: cover !important;
    display: block;
}

/**************** homepage ***********************/
html, body, .blur {
    height: 100%;
    color: #30363e;
    /* font-family: 'Source Sans Pro'; */
    font-family: 'Gotham';

}

/**** common styles ****/
a {
    color: #00aeef;
}
a:hover, a:focus {
    text-decoration: none;
    transition: all 0.6s ease;
}
p {
    font-size: 17px;
    font-weight: 400;
    color: #414e60;
    line-height: 26px;
    margin-bottom: 5px;
}
h1, h2, h3{
    font-weight: 400;
   /* font-family: 'Lato', sans-serif !important;*/
    font-family: 'Gotham', sans-serif !important;
}
h5{
    font-weight: 400;
    font-family: 'Lato', sans-serif !important;
    font-style: italic
}
.section-padding-top {
    padding-top: 50px;
}
.section-padding-bottom {
    padding-bottom: 50px;
}
.section-padding-top-sm {
    padding-top: 30px;
}
.section-padding-bottom-sm{
    padding-bottom: 30px;
}
.btn-ita-lg {
    padding: 12px 60px;
    font-size: 15px;
    font-weight: 600;
}
.btn-default {
    color: #415775;
}
.btn-default:hover, .btn-default:focus {
    color: #415775;
    background-color: #FFFFFF;
    border-color: #adadad;
}
.bg-light-white {
    background-color: #f4f7fb;
}
.bg-dark-white {
    background-color: #f1f2f4;
    /*min-height: 600px;*/
}
.bg-dark-white-footer{
    background-color: #f1f2f4;
}
.weight400 {
    font-weight: 400;
}

/**** common nav styles ****/
.navbar {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0px;
    border: none;
    transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    font-family:sans-serif;
}
.navbar .btn {
    padding: 6px 12px !important;
    margin: 23px 0;
    line-height: 1.42857143 !important;
}

.navbar-brand > img{
    max-height: 70px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: inherit;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: inherit;
    background-color: transparent;
}

/**** static nav styles ****/
.navbar-static-top {
    position: absolute;
    left: 0;
    right: 0;
  background-color: rgba(255, 255, 255, 0.8);
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.navbar-static-top.nav-inner {
    position: relative;
}
.navbar-static-top .logo2 {
    display: none;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.navbar-static-top .navbar-nav>li>a {
    font-size: 14px;
    color: #717171;
}
.navbar-static-top .navbar-nav>.active>a, .navbar-static-top .navbar-nav>.active>a:focus, .navbar-static-top .navbar-nav>.active>a:hover {
    color: #415775;
    background-color: transparent;
    font-weight: 900;
}
.navbar-static-top .navbar-nav>li>a:focus, .navbar-static-top .navbar-nav>li>a:hover {
    color: #415775;
    background-color: transparent;
}
.navbar-static-top .btn, .navbar-static-top .btn:hover, .navbar-static-top .btn {
    color: #fff !important;
    /background-color: #415775 !important;
}
.navbar-static-top .navbar-nav>.open>a, .navbar-static-top .navbar-nav>.open>a:focus, .navbar-static-top .navbar-nav>.open>a:hover {
    color: #415775;
}
.dropdown-menu {
    background-color: #405572;
    border: none;
}
.dropdown-menu>li>a {
    padding: 8px 20px;
    color: #FFF;
    font-size: 14px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #405572;
    text-decoration: none;
    background-color: #f5f5f5;
}

/**** fixed nav styles ****/
.navbar-fixed-top {
    /* background-color: #a82a2b; */
    background-color:#7f3132;
    box-shadow: 0 0 5px rgba(0, 0, 0, .8);
    background ease 0.5s
}
.navbar-fixed-top .logo {
    display: none;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.navbar-fixed-top .navbar-nav>li>a {
    color: #fff;
    font-size: 14px;
}
.navbar-fixed-top .navbar-nav>.active>a, .navbar-fixed-top .navbar-nav>.active>a:focus, .navbar-fixed-top .navbar-nav>.active>a:hover {
    color: #ccc;
    background-color: transparent;
}
.navbar-fixed-top .navbar-nav>li>a:focus, .navbar-fixed-top .navbar-nav>li>a:hover {
    color: #ccc;
    background-color: transparent;
}
.navbar-fixed-top .btn, .navbar-fixed-top .btn:hover, .navbar-fixed-top .btn {
    color: #415775 !important;
    background-color: #fff !important;
}
.navbar-fixed-top .navbar-nav>.open>a, .navbar-fixed-top .navbar-nav>.open>a:focus, .navbar-fixed-top .navbar-nav>.open>a:hover {
    color: #fff;
}

/**** banner styles ****/
.full-height {
    min-height: 100%;
}
#banner {
    position: relative;
}
#banner h5 {
    font-family: Source Sans Pro !important;
    font-size: 19px;
    font-style: normal !important;
}
/*.offer-parlex {
    background-attachment: fixed;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.parlex-back {
    color: #fff !important;
    height: 100%;
    width: 100%;
    background-color: rgba(37, 38, 38, 0.15);
}*/

.main-text {
    position: absolute;
    bottom: 5%;
    width: 80%;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    left: 5%;
    /*right: 15%;*/
    overflow: hidden;
}
.main-text h1 {
    color: #fff !important;
    font-weight: 400;
}
.carousel-content{
    color: #fff !important;
}
.carousel-content p{
    color: #fff;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control{
    width: 10%;
    height: 18%;
    top: 40%;
    background: none !important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
    top:27%;
    font-size:45px;
}

.banerDescription{
    display: table;width:100%;
}
.banerDescription h4{
    width: 90%;
}
.banerDescription .btnBox{
    background: none;display: table-cell;vertical-align: bottom;width:10%;
}
.banerDescription .btnWrapper{
    vertical-align: top;display: block;margin: 0 auto;
}

.btn-trans {
    color: #fff;
    border: 2px solid #fff;
    background-color: rgba(255, 255, 255, 0.31);
    text-shadow: none;
    padding: 7px 32px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 20px;
}
.btn-trans:hover, .btn-trans:focus {
    color: #415775;
    border: 2px solid #fff;
    background-color: rgb(255, 255, 255);
    text-shadow: none;
    padding: 7px 32px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}
.banner-overlay {
    background-color: rgba(37, 38, 38, 0.3);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.carousel, .item, .active {
    height: 100%;
}
.carousel-inner {
    height: 100%;
}

.carousel-indicators li{
    width: 15px;
    height: 15px;
}
.carousel-indicators .active{
    width:15px;
    height: 15px;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
/**** homepage body styles ****/
.about-kll .featured-image {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.about-kll .featured-image img {
    width: 100%;
    display: block;
}
.about-box {
    /*background: url('../img/map.png') #fff;*/
    background-repeat: no-repeat;
    background-position: 50% 140%;
    position: relative;
    z-index: 10;
    overflow: hidden;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.21);
}
.gradient-blue {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#24a6f0+0,00aeef+100 */
    background: #24a6f0; /* Old browsers */
    background: -moz-linear-gradient(top, #24a6f0 0%, #415775 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #24a6f0 0%, #415775 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #24a6f0 0%, #415775 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24a6f0', endColorstr='#415775', GradientType=0); /* IE6-9 */
    color: #fff;
}
.gradient-blue p {
    color: #fff;
}
.subtitle {
    font-weight: 500;
}
.date-wrap {
    width: 100px;
    padding-right: 0px;
}
.date-inner {
    width: 100px;
    /*height: 100px;*/
    background-color: #415775;
    color: #fff;
    text-align: center;
    padding: 22px 10px;
    background: -moz-linear-gradient(top, #415775 0%, #24a6f0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #415775 0%, #24a6f0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #415775 0%, #24a6f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24a6f0', endColorstr='#24a6f0', GradientType=0); /* IE6-9 */
}
.date-inner span {
    display: block;
}
.date-inner .date {
    font-weight: bold;
    font-size: 24px;
}
.date-inner .month {
    font-weight: 400;
    font-size: 15px;
}
.event-details {
    font-size: 13px;
}
.event-details > li{
    margin-bottom: 10px;
}
.social-inner p {
    margin-bottom: 7px;
}
.facebook {
    color: #3b5998;
}
.google-plus {
    color: #dd4b39;
}
.twitter {
    color: #00aced;
}
.pinterest {
    color: #cb2027;
}
.linkedin {
    color: #0077b5;
}
.event-wrap {
    background-color: #eeeeee;
    position: relative;
    padding: 0;
    min-height: 520px;
}
.team-detail-wrap {
    background-color: #eeeeee;
    position: relative;
    padding: 0;
}
.team-detail-wrapWhite {
    background-color: #fff;
    position: relative;
    padding: 0;
}
.ribbon-date {
    padding: 8px;
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 3px;
    background-color: #415775;
    color: #FFFFFF;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
}
.social-inner {
    padding: 10px 0;
}
/*.video-wrap {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
}*/
.video-wrap {
    position: relative;
    padding-bottom: 55%;
    height: 0;
}
.video-wrap iframe {
    box-sizing: border-box;
    background: url('../img/mac.png') center center no-repeat;
    background-size: contain;
    padding: 5.9% 15.5% 11.8%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.home-news-box:first-child {
    margin-top: 15px;
}

.news-left img {
    width: 80px;
    height: auto;
    border: 5px solid #00aeef;
}

.media-left.news-left.inner {
    padding: 10px;
}
.news-circle {
    width: 100px;
    height: 100px;
    /*border: 1px solid #C4C6C7;*/
    border-radius: 4px;
}
.news-left.inner img {
    border: none;
}
.news-media-inner {
    background-color: #fff;
    border: 1px solid #DFDFE0;
    -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);
}

.news-media-inner .title-link{
    color: #000 !important;
}
.news-media-inner .media-body {
    padding: 15px 25px 15px 15px;
}
.quote-blue {
    background-image: url('../img/bg1.jpg');
    color: #fff;
    background-size: cover;
    background-position: 100% 25%;
}
.quote-blue p {
    color: #fff;
}

/*.quote-wrap {
position: relative;
}*/
.quote-well {
    /* background-color: rgba(9, 33, 66, 0.17); */
    border: none;
    padding: 20px;
    margin-bottom: 0px;
    background-color: transparent;
    box-shadow: none;
    font-family: 'Roboto Slab', serif;
    letter-spacing: 1px;
    font-style: italic;
}
.quote-well p {
    font-size: 17px;
    line-height: 28px;
    font-weight: lighter;
}
.quote-img {
    width: 90px;
    height: auto;
    border: 5px solid #24A6F1;
    margin: -20px auto 0 auto;
}
.media-wrap {
    position: relative;
    margin-top: 25px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 1);
    -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 1);
    box-shadow: 0px 0px 3px rgba(50, 50, 50, 1);
}
.media-wrap .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    color: #fff;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
}
.media-wrap p {
    color: #fff;
}
.media-details {
    font-size: 12px;
}
.overlay {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,0c1a2d+60&0+0,0.5+60 */
    background: -moz-linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(12,26,45,.8) 70%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(12,26,45,.8) 70%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(12,26,45,.8) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#800c1a2d', GradientType=0); /* IE6-9 */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.media-wrap a {
    color: #fff;
}
.left {
    float: left;
}
.client-grid .group:first-child .img-container .img-border {
    /*border-bottom: 1px solid #E4EAF3;*/
}
.client-grid .img-container .img-border {
    /*border-right: 1px solid #E4EAF3;*/
    text-align: center;
}
.img-container .img-border {
    display: inline-block;
    height: 100px;
    width: 100%;
}
.img-container .img-border img, .img-container .img-border a {
    display: inline-block;
    position: relative;
    top: 50%;
    margin-top: -20px;
    max-height: 100px;
    width: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.img-container .img-border img:hover, .img-container .img-border img:focus, .img-container .img-border a:hover, .img-container .img-border a:focus {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.client-grid .img-container:last-child .img-border {
    border-right: 0;
}
.kll-footer {
    padding: 25px 0;
    /* background: url('../img/bg2.png') #415775; */
    background: url('../img/bg2.png') #7f3132;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}
.kll-footer address {
    font-size: 15px;
    line-height: 27px;
    font-weight: 300;
    margin-bottom: 0px;
}
.kll-footer a {
    color: #f4f7fb
}

.kll-footer h4{
    font-weight: bold;
    font-size: 20px;
}

.kll-footer .logo2{
    max-height: 70px;
}
.quick-list {
    font-size: 15px;
    line-height: 27px;
    font-weight: 300;
}
.kll-footer hr {
    border-color: rgba(1, 2, 4, 0.13);
}
.kll-footer p {
    color: #fff;
}
.resource-left img {
    width: 100px;
    height: 100px;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
}
.about-box-inner {
    background-image: none;
    padding: 15px 25px !important;
}
.bg-facebook, .bg-facebook:hover, .bg-facebook:focus {
    color: #fff;
    background-color: #3b5998 !important;
}
.bg-twitter, .bg-twitter:hover, .bg-twitter:focus {
    color: #fff;
    background-color: #00aced !important;
}
.bg-linkedin, .bg-linkedin:hover, .bg-linkedin:focus {
    color: #fff;
    background-color: #0077b5 !important;
}
.bg-google, .bg-google:hover, .bg-google:focus {
    color: #fff;
    background-color: #dd4b39 !important;
}
.bg-pinterest, .bg-pinterest:hover, .bg-pinterest:focus {
    color: #fff;
    background-color: #cb2027 !important;
}
    .social-pills>li+li {
    margin-left: 0px;
}
.social-pills li a span {
    /*font-family: 'Open Sans', sans-serif;*/
}
.social-pills>li>a {
    border-radius: 0px;
}
.photo-section:first-child {
    float: left;
    width: 41.6%;
    display: block;
}
.photo-section:last-child {
    float: left;
    width: 57.4%;
    margin-left: 1%;
    display: block;
}
.photo-section .photo-pos3 {
    width: 100%;
    height: 100%;
    display: block;
}
.first {
    margin-left: 0 !important;
}
.photo-section .photo-pos1 {
    height: 49%;
    margin-bottom: 2%;
}
.photo-section .photo-pos2 {
    height: 49%;
    display: block;
}
.photo-section img {
    display: block;
    height: 100%;
    width: 100%;
}
.timeline {
    margin: 25px auto
}
.timeline li {
    text-align: center;
}
.timeline li h6 {
    font-weight: 600;
    text-transform: uppercase;
    color: #adb3b9;
    letter-spacing: .1em;
    margin-top: 6px;
}
.timeline li.users {
    border-right: 0;
}
.contact-form {
    border: 1px solid #dfdfdf;
    letter-spacing: 1px;
    font-size: 11px;
    padding: 8px 15px;
    height: 40px;
}
.text-form {
    border: 1px solid #dfdfdf;
    letter-spacing: 1px;
    font-size: 11px;
    padding: 8px 15px;
}
.btn-primary {
    background-color: #415775;
    border-color: #415775;
    padding: 10px 40px;
    font-size: 13px;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #405572;
    border-color: #405572;
}
.contact-wrap {
    border-radius: 4px;
}
.contact-wrap > .row {
    background-color: #30649E;
    margin-right: 0px;
    margin-left: 0px;
    color: #fff;
    min-height: 80px;
    padding: 20px 0;
    text-align: center;
}
.contact-wrap a {
    color: #eee;
}
#map {
    height: 350px;
    width: 100%;
    border: 3px solid #30649E;
}
#search {
    position: fixed;
    top: 12%;
    left: 12%;
    width: 75%;
    height: 75%;
    background-color: rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);

    opacity: 0;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 0.9;
    z-index: 1000000;
    background: #000;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 40px;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -60px;
}
#search .close {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
    z-index: 11;
    opacity: 1;
}

/*For Subscribe button*/


#subscribe {
    position: fixed;
    top: 12%;
    left: 12%;
    width: 75%;
    height: 75%;
    background-color: rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);

    opacity: 0;
}

#subscribe.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 0.9;
    z-index: 1000000;
    background: #000;
}

#subscribe input[type="email"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 40px;
}
#subscribe .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -85px;
}
#subscribe .close {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
    z-index: 11;
    opacity: 1;
}

#subscribe .sub-error-box{
    font-size: 20px;
    color: #efefef;
}

.close .lr {
    z-index: 1051;
    width: 1px;
    height: 50px;
    margin-left: 35px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close .lr .rl, .close .rl {
    z-index: 1052;
    width: 1px;
    height: 50px;
    background-color: #fff;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.blur.active{
    -webkit-filter: blur(0.2em);
    -moz-filter: blur(0.2em);
    -o-filter: blur(0.2em);
    -ms-filter: blur(0.2em);
    filter: blur(0.2em);
}
.alumni-box {
    padding: 15px 25px !important;
    margin-top: 25px !important;
    background-image: none;
}
.overflow-box2 {
    margin-right: -200px;
}
.alumniScroll {
    overflow: auto;
    height: 500px; /*This was 500px */
}
.feed {
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 4px 4px 0 0;
}
.feed-wrap {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: fixed;
    z-index: 1000;
    right: -196px;
    bottom: 30%;
}
.feed:hover, .feed:focus {
    color: #fff;
}
.fb-feed {
    background-color: #3b5998;
}
.twitter-feed {
    background-color: #00aced;
}
.page-title {
    color: #415775;
    margin-bottom: 0px;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: none;
}
.nav-tabs.nav-justified>li.active>a, .nav-tabs.nav-justified>li.active>a:focus, .nav-tabs.nav-justified>li.active>a:hover {
    border-bottom: 2px solid #415775 !important;
    background-color: transparent;
    font-weight: 700;
}
.nav-tabs.nav-justified>li>a {
    border-radius: 0px;
    color: #415775;
}
.team-wrap {
    max-height: 1200px;
        background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    position: relative;
    margin-bottom: 1px;
    display: block;
    overflow: hidden;
}
.team-wrap .team-caption {
    float: left;
    margin: 20px 0px 20px 20px;
    max-width: 400px;
}
.event-pills {
    background-color: #fff;
}
.event-pills li .date-inner {
    width: auto;
    height: auto;
    background-color: #00aeef;
    color: #fff;
    text-align: center;
    padding: 22px 0;
}
.event-pills li a .fa {
    font-size: 1.5em;
    padding: 20px 0 38px 0;
}


/*Added By Sudhir*/

#banner h2{
    color:#ba9124;
    font-family: 'Lato', sans-serif !important;
    font-weight:bold;
    font-size: 45px;
}
#banner h4{
    font-family: Source Sans Pro !important;
    font-size: 28px;
}
#banner h5{
    font-size: 19px;
    font-weight: 700;
}
#banner a {
    margin-top: 0px !important;
}
.text-non-italic{
    font-style: normal !important;
}
#project_slider > .carousel-inner > .item{
    height: 370px;
}

#project_slider .carousel-indicators li{
    border-color:#415775;
    background: #efefef;
}
#project_slider .carousel-indicators .active{
    background-color: #415775;
    background: #415775 !important;
}
#project_slider h4{
    font-size: 20px;
}
#project_slider h5{
    font-size: 16px;
    line-height: 24px;
}
.visible{
    opacity:1;
}

.m0p0{
    margin: 0px !important;
    padding: 0px !important;
}


#alertModal .modal-header{

    background-color:#415775 !important;
    border-radius:4px;
    color:#fff !important;
}
.ita-media-box{
    overflow: hidden;
}

.ita-media-box > img{
    height: 100% !important;
    max-width: none;
    text-align: center;
    margin: 0px auto;
}

.homeEventTitle{
    min-height: 40px;
    font-family: Source Sans Pro !important;
    font-weight: bold;
    font-size: 20px;
}
.homeEventDesc{
    min-height: 75px;
    font-family: Source Sans Pro !important;
    font-size: 16px;
    line-height: 1.2em;
}
#homeNewsBox h4{
    font-size: 20px;
    line-height: 19px;
}
.ita-events-box{
    overflow: hidden;
    height: 300px;
}


.ita-events-box img{
    height: 100% !important;
    /*max-width: none;*/
    text-align: center;
    margin: 0px auto !important;
}
.ita-events-box h3{
    height: 50px;
}

.ita-gallery-box{
    overflow: hidden;
}

.ita-gallery-box > img{
    max-width: none;
    text-align: center;
    margin: 0px auto;
}

.ita-gallery-inner{
    height: 250px;
    overflow: hidden;
}
.ita-gallery-inner > a > img{
    margin: 0 auto;
    height: 100%;
}

.description-inner{

}
.description-inner img{
    max-width: 100%;
    height: auto;
}
.description-inner iframe{
    max-width: 100%;
    height: auto;
}
.description-inner li{
    font-size: 17px;
}

.load-more-box .btn{

    margin-top: 15px !important;
    font-size: 25px;
    transition: all 0.5s;
    width: 55%;
    padding: 5px 5px;
    text-align: center;
    margin: 0 auto;

}



.auto-margin{
    margin: 0px auto;
}


.fb-page,.twitter-box{
    position: fixed !important;
    right: 50px;
    top: 20%;
    z-index: 11;
}

#twitter-widget-0 {
  width: 340px !important;
  height: 500px !important;
}

#fb-feed-box{
/*    border: 2px solid #3b5998;*/
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#tw-feed-box{
    /*border: 2px solid #00aced;*/
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}


.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../img/cd-top-arrow.svg) center 50% no-repeat #415775;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    border-radius: 50%;
    border: 1px solid #415775;
}
.cd-top.cd-fade-out, .cd-top.cd-is-visible, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
    z-index: 999;
}
.cd-top.cd-fade-out {
    opacity: .8;
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}
@media only screen and (min-width:768px) {
    .carousel-indicators{
        bottom: -10px;
    }
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
    #work{
        display: block;
    }
    #work .carousel-caption {
        position: absolute;
        top: 50px;
        /*width: 96.66666666666666%;*/
        color: #FFF;
        right: 0;
        bottom: 20%;
        padding-bottom: 30px;
        width: 36%;
        left: 63%;
        /*top: 20%;*/
        color: #000;

    }
    #work .carousel-caption .caption-box{
        background-color: #415775;
        padding: 30px;
        border-radius: 2px;

        opacity: 0.75;
        border-bottom: 10px;
    }
    #work .carousel-caption .caption-box p{
        color:#fff;
        line-height: 30px;
        font-size: 20px;
        margin-bottom: 10px;
        /*text-align: right;*/
    }

    #work .carousel-caption > h4{
        font-size: 20px;
        text-align: justify;
    }

    #work .carousel-caption > a{
        font-size: 27px;
        margin-top:3px;
        opacity:0.9;
        background-color:#d36626;
        padding: 4px;
        border-radius: 2px;

    }
    #work .btn-work{
        width: 200px;
        background: #d9534f; /*Original button color - blue (#3E6C9F) */
        border:#445D79;
        color: #fff;

        font-family: 'Lato', sans-serif !important;
    }
    .getInvolveBox{
        border-radius:4px;border:3px solid #D7D7D9;padding:10px;
    }
}
@media only screen and (min-width:1024px) {
    .cd-top {
        height: 45px;
        width: 45px;
        right: 60px;
        bottom: 75px;
        z-index: 999;
        background-color: #415775 !important;
        border: 2PX solid #FFF;
    }
}



/**************** media queries ***********************/
@media (min-width:1200px) {
    .about-box {
        margin-top: 75px;
        padding: 40px;
    }
}
@media (min-width:992px) and (max-width:1200px) {
    .about-box {
        margin-top: 35px;
        padding: 20px;
    }
    .navbar-brand>img {
    /*width: 125px;*/
}
.navbar-brand {
    padding: 15px 10px;
}
.navbar-nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
}
}
@media (min-width:992px) {
    .navbar-nav>li>a {
        line-height: 50px;
    }
    .overflow-box {
        margin-left: -200px;
        position: relative;
        z-index: 10;
    }

.navbar-static-top .navbar-nav>li>a::before {
    background-color: #415775;
}
.navbar-fixed-top .navbar-nav>li>a::before {
    background-color: #fff;
}
.navbar-fixed-top .navbar-nav>.active>a::before, .navbar-fixed-top .navbar-nav>.active>a:focus::before, .navbar-fixed-top .navbar-nav>.active>a:hover::before {
    background-color: #fff;
}
.navbar-static-top .navbar-nav>.active>a::before, .navbar-static-top .navbar-nav>.active>a:focus::before, .navbar-static-top .navbar-nav>.active>a:hover::before {
    background-color: #00aeef;
}
.news-left.inner img {
    width: 360px;
}
#project_slider .carousel-inner .item .row .left-col, .right-col {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
}
#project_slider .carousel-inner .item .row .left-col .btn, .right-col a {
    position: absolute;
    bottom: 0;
    right: 15px;
}
}
@media (min-width:768px) and (max-width:992px) {
    #project_slider .carousel-indicators{
        left: 10%;
    }
    .navbar {
        text-transform: capitalize;
    }
    .navbar-nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
}
    .about-box {
        margin-top: -35px;
        padding: 20px;
        margin: -35px 25px 0 25px;
    }
    .alumni-box {
    margin-top: -35px !important;
}
    .social-pills {
    padding: 0 25px 0 25px;
}
.news-left.inner img {
    /*width: 260px;*/
}
}
@media (max-width: 992px) {
    #work .carousel-caption{
        width:90%;
        left: 5%;
        right: 5%;
        top: 0px;
    }
    .alumniScroll {
        height: auto;
    }
    .navbar {
        height: 80px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
    display: block;
    margin-top: 25px;
    margin-bottom: 20px;
}
    .navbar-default .navbar-collapse {
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        border: none;
            background-color: #405572 !important;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
.navbar-static-top .navbar-nav>li>a {
    color: #C9DBF5;
}
.navbar-static-top .navbar-nav>.active>a, .navbar-static-top .navbar-nav>.active>a:focus, .navbar-static-top .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
}
.navbar-static-top .navbar-nav>li>a:focus, .navbar-static-top .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent;
}
.navbar-static-top .navbar-nav>.open>a, .navbar-static-top .navbar-nav>.open>a:focus, .navbar-static-top .navbar-nav>.open>a:hover {
    color: #FFFFFF;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #C9DBF5;
}
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: transparent;
}
.navbar-static-top .navbar-toggle {
    border-color: #00aeef;
}
.navbar-static-top .navbar-toggle .icon-bar {
    background-color: #00aeef;
}
.navbar-fixed-top .navbar-toggle {
    border-color: #C9DBF5;
}
.navbar-fixed-top .navbar-toggle .icon-bar {
    background-color: #C9DBF5;
}
.navbar-fixed-top .navbar-toggle:hover, .navbar-fixed-top .navbar-toggle:focus {
    background-color: #FFF;
        border-color: #FFFFFF;
}
.navbar-fixed-top .navbar-toggle:hover .icon-bar, .navbar-fixed-top .navbar-toggle:focus .icon-bar {
    background-color: #00aeef;
}
}
@media (min-width:767px) {
.nav-tabs.nav-justified>li>a {
    position: relative;
    border-width: 2px;
}
.nav-tabs.nav-justified>li.active>a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    /*border-top-color: #415775;*/
    border-width: 10px;
    margin-left: -10px;
}

    #project_slider .carousel-inner .hidden-xs{
        /*max-height: 180px;*/
        overflow: hidden;
        margin-bottom: 5px;
    }
    .img-container {
        width: 19%;
        display: inline-block;
    }
    .custom-text-right {
        text-align: right;
    }
    .timeline li {
        border-right: 1px solid #d8dee3;
        text-align: center;
    }
    .general-img {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .general-img2 {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    #project_slider .carousel-inner .item .row {
        position: relative;
    }

.home-news-box .media-body {
    position: relative;
}
.home-news-box .media-body a {
position: absolute;
    bottom: 0;
}
}
@media screen and (max-width:767px) {
    #banner h2{
        font-size: 22px;
    }
    #banner h4{
        font-size: 16px;
    }
    #banner h5{
        font-size: 14px;
    }
    #work .carousel-caption{
        top: 5%;
        font-size: 15px;
    }
    #work .carousel-caption .caption-box{
        background-color: #415775;
        padding: 10px;
        border-radius: 2px;

        opacity: 0.75;
        border-bottom: 10px;
    }
    #work .carousel-caption .caption-box p{
        color:#fff !important;
        font-size: 14px
        /*text-align: right;*/
    }

    #work .carousel-caption > h4{
        font-size: 15px;
        text-align: justify;
    }

    #work .carousel-caption > a{
        width:100%;
        margin-top:3px;
        opacity:0.9;
        background-color:#d36626;
        padding: 4px;
        border-radius: 2px;

    }
    h1{
        font-size: 26px;
    }
    h2{
        font-size: 23px;
    }
    h3,h4{
        font-size: 20px;
    }

    #project_slider h3{
        height: 45px;
        overflow: hidden;
    }
    .ita-events-box > img{
        max-width: 100% !important;
    }

    .about-box {
        padding: 10px;
        margin-top: 0px;
    }
    .center-xs {
        text-align: center;
    }
    .img-container {
        width: 100%;
    }
    .left {
        float: none;
    }
    .client-grid .img-container .img-border {
        border-right: none;
        border-bottom: 1px solid #E4EAF3;
        width:45%;
        margin: 5px;
    }
    .client-grid .img-container .img-border img{
        /*width:100% !important;*/
    }
    .timeline li {
        padding: 10px 0;
    }
    .center-block-xs {
        margin: 0 auto 10px auto;
        display: block;
    }
    .social-pills>li {
    float: left;
    }
    .social-pills li a span {
        display: none;
    }
    .media-left {
        display: block;
        margin: 0 auto;
    }
    .news-left.inner img {
        width: 360px;

        display: block;
    }
    .team-wrap {
        min-height: 350px;
    }
    .event-pills {
        margin-top: -10px;
    }
    .event-pills>li {
        display: table-cell;
        width: 1%;
    }

    .event-pills>li {
        float: none;
    }
    .about-kll .featured-image img{
        height: auto;
        max-width: 100%;
    }

    .event-xs{
        display: block !important;
    }
    .event-wrap{
        text-align: center !important;
    }

    .contact-wrap > .row > .col-sm-4 {
    margin-bottom: 20px;
}

    .news-box {
        text-align: center;
    }
}

@media screen and (max-width:480px) {

    #banner .carousel-indicators{
        bottom: -10px;
    }
    #banner .btn{
        width: 100px;
        height: 30px;
        padding: 5px;
    }
    #project_slider > .carousel-inner > .item{
        height: auto !important;
    }
    #work .carousel-caption{
        text-align: center;
        bottom: 5%;
        top: auto;
    }
    #work .carousel-indicators{
        bottom: -10px;
    }
    #joinBanner .carousel-caption{
        text-align: center;
        bottom: 0% !important;
        top: auto;
    }

    #joinBanner .carousel-caption > a{
        width: 49%;
    }
    #supportBanner .carousel-caption{
        text-align: center;
        bottom: 0%;
        top: auto;
    }

    #work .carousel-caption .caption-box {
        display: none;
    }
}

/* Added by Sazal */
.text-muted {
  color: #4a5f7b;
}