?
/* ===================================
    Google font
====================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

body {
}
/*group company nav*/
.navbar-others.affix .nav > li > a {
    color: rgba(255,255,255,.7);
}
 /* CSS for Card */
 .card {
    border: 2px solid rgba(0, 0, 0, 0.175); /* Blue border */
    border-radius: 10px; /* Rounded corners */
    overflow: hidden;
  }

  .card-body {
    padding: 10px; /* Padding inside the card body */
  }
.pdf-card .card-title {
    
font-size: 16px;

}
  .card-title {
    font-size: 2rem; /* Larger title font size */
    font-weight: bold; /* Bold title */
    color: #007bff; /* Blue title color */
  }

  .card-text {
    font-size: 1rem; /* Standard text size */
    color: #6c757d; /* Gray text color */
  }
  .pdf-card {
    margin-bottom: 20px;
    cursor: pointer;
    height: 212px;
}
 .privacy-area a:hover {
text-decoration: none;
  }
  .privacy-area a:hover  .card {
border-color: #2196f3;
transition: all .5s;
  }
  .image-area{
    text-align: center;
  }

  .image-area img {
    width: 130px;
}
 

#groupslider .carousel-indicators {
    bottom: -39px;
}

#footer2 {
    background: #222;
}

.dropdown-toggle {
    cursor: pointer;
}

.Why-box-area {
    padding: 0;
}

.col-xs-1.btn.btn-sm.btn-home:hover {
    background-color: transparent;
}


.close {
    float: right;
    font-size: 28px;
    opacity: 1;
}

.brochure-btn {
    background-color: #2196f3;
    border: 2px solid #2196f3;
    padding: 6px 13px !important;
    margin-top: 10px;
    margin-right: 4px;
    color: #fff !important;
    border-radius: 35px;
    text-transform: capitalize !important;
    width: 128px;
    text-align: center;
}

    .brochure-btn:hover, .brochure-btn:focus {
        background-color: transparent;
        border: 2px solid #2196f3;
        padding: 6px 13px !important;
        margin-top: 10px;
        margin-right: 4px;
        color: #2196f3 !important;
        border-radius: 35px;
        text-transform: capitalize !important;
    }

.small-heading {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 9px;
    margin-bottom: 5px;
    color: #3264a3;
    /*text-decoration: underline;*/
}

.font-bold{
    font-weight:600;
}
.text-black{
    color:#000;
}
/*---------------Thank-U-Start------------------*/
/*.thanks-area {
background:url(../img/thanks.jpg);
height:100%;
}*/
.thanks-area .wrapper-1 {
    background: #fff;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
}

.thanks-area .wrapper-2 {
    padding: 30px;
    text-align: center;
}

.thanks-area h1 {
    font-family: 'Kaushan Script', cursive;
    font-size: 4em;
    letter-spacing: 3px;
    color: #5892FF;
    margin: 0;
    margin-bottom: 20px;
}

.thanks-area .wrapper-2 p {
    margin: 0;
    font-size: 1.3em;
    /*color: #aaa;*/
    /*font-family: 'Source Sans Pro', sans-serif;*/
    letter-spacing: 1px;
}

.thanks-area .go-home {
    text-decoration: none;
    color: #fff;
    background: #5892FF;
    border: none;
    padding: 10px 50px;
    margin: 30px 0;
    border-radius: 30px;
    text-transform: capitalize;
    box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);
}

.thanks-area .footer-like {
    /*margin-top: auto;*/
    background: #D7E6FE;
    padding: 6px;
    text-align: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .thanks-area .footer-like p {
        margin: 0;
        padding: 4px;
        color: #5892FF;
        /*font-family: 'Source Sans Pro', sans-serif;*/
        letter-spacing: 1px;
    }

        .thanks-area .footer-like p a {
            text-decoration: none;
            color: #5892FF;
            font-weight: 600;
        }

@media (min-width:360px) {
    .thanks-area h1 {
        font-size: 3em;
    }

    .thanks-area .go-home {
        margin-bottom: 20px;
    }
}

@media (min-width:600px) {
    .thanks-area .content {
        max-width: 1000px;
        margin: 0 auto;
    }

    .thanks-area .wrapper-1 {
        height: initial;
        max-width: 620px;
        margin: 0 auto;
        /*margin-top: 50px;*/
        box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
    }
}
/*---------------Thank-U-End------------------*/



/*-----Start Blog-----*/
.blog-section {
    /*background-image: url("../img/small-bg.png");*/
}
.blog-area-box {
    background: #e7eefc;
    border-radius: 7px;
    /*padding-bottom: 13px;*/
    margin-bottom: 22px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
    .blog-area-box:hover {
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    }

    .blog-area-box.blog-inside:hover {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }
    .blog-area-box.blog-inside {
        padding-bottom: 13px;
    }
    .blog-area-box img {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        width: 100%;
        height: 107px;
    }

    .blog-area-box.blog-inside img {
        height: inherit;
    }

.blog-inside ul li {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 12px;
}
.pointout-list li{
    list-style: none;
    margin-left: -13px;
}

    .pointout-list li i {
        color: #3264a3;
        font-size: 16px;
    }
    .post-content {
    padding: 0 15px;
    position: relative;
}

        .post-content .small-heading {
            margin-top: 20px;
        }

.date-box-post {
    box-shadow: 0 10px 55px 5px rgba(137,173,255,.35);
    display: block;
    /* position: absolute;    
    top: 20px;
    left: 30px; */
    width: 137px;
    height: 33px;
    margin: -9px 0 20px auto;
    /* padding: 0 4px; */
    color: #fff;
    line-height: 30px;
    letter-spacing: .125em;
    text-align: center;
    z-index: 100;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #2d4a8a;
    font-family: Poppins,sans-serif;
    font-weight: 500;
    color: #7666a5;
    /*line-height: 40px;*/
    letter-spacing: initial;
    padding: 2px 0 0;
    overflow: hidden;
    /* margin-top: -33px;
    margin-bottom: 20px;
    margin-left: auto; */
}

    .date-box-post span {
        color: #fff;
        /*font-size: 20px;*/
        /*display: block;*/
        line-height: 23px;
    }

        .date-box-post span.d {
            font-size: 15px;
        }

        .date-box-post span.m {
            position: relative;
            top: -20px;
        }

.blog-heading h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    color: #000;
}

.blog-inside .blog-heading h3 {
    font-size: 19px;
    font-weight: 700;
    line-height: 24px;
    color: #3264a3;
}

.blog-heading a:hover h3 {
    color: #0028ff;
    text-decoration: none;
}

.blog-heading {
    border-bottom: 1px solid #787575;
    margin-bottom: 5px;
}

.blog-content p {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-bottom: 9px;
}

/*.blog-inside .blog-content p {
    line-height: 21px;
}*/
    .blog-read {
    font-size: 14px;
    font-weight: 600;
    color: #0028ff;
}
.blog-area-box a:hover, .blog-area-box a:focus {
    text-decoration: none;
}

    .blog-area-box a:hover.blog-read {
       color:#000;
    }
    .blog-area-box a:focus.blog-read {
        color: #000;
    }
.read-box {
    text-align: right;
    padding: 7px 15px;
    background: #fff;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.side-heading h3 {
    font-weight: 600;
    margin-top: 0;
    color: #3264a3;
}

/*-----End Blog-----*/




/*---------------Slider-Start------------------*/
.carousel {
    /* margin-top: 30px; */
}

.carousel-caption {
    padding-bottom: 106px;
    right: 58px;
    text-align: right;
}

    .carousel-caption h1 {
        font-size: 30px;
        font-weight: 700;
        width: 541px;
        float: right;
    }

        .carousel-caption h1 span {
            color: #edbb00;
        }

.carousel-control.left {
    display: none;
}

.carousel-control.right {
    display: none;
}
/*---------------Slider-End------------------*/



/*---------------sticky-Start------------------*/
.sticky-getintouch {
    position: fixed;
    top: 35%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    background: #2196f3;
    right: -55px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    /* Safari */
    -webkit-transform: rotate(90deg);
    /* Firefox */
    -moz-transform: rotate(90deg);
    /* IE */
    -ms-transform: rotate(90deg);
    /* Opera */
    -o-transform: rotate(90deg);
}

    .sticky-getintouch h4 {
        margin: 0;
        font-size: 17px;
    }

    .sticky-getintouch a {
        display: block;
        text-align: center;
        padding: 16px;
        transition: all 0.3s ease;
        color: white;
        font-size: 20px;
        text-decoration: none;
        right: 0;
    }

        .sticky-getintouch a:hover {
            background-color: #304ffe;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
        }
/*---------------sticky-End------------------*/



.fa.fa-facebook-f {
    color: #4867aa !important;
    background: #fff;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 19px;
}

.fa.fa-twitter {
    color: #1da1f2 !important;
    background: #fff;
    padding: 2px 2px;
    border-radius: 3px;
    font-size: 19px;
}

.fa.fa-google-plus {
    color: #dc5043 !important;
    background: #fff;
    padding: 2px 2px;
    border-radius: 3px;
    font-size: 19px;
}

.fa.fa-instagram {
    color: #285AEB !important;
    background: #fff;
    padding: 2px 2px;
    border-radius: 3px;
    font-size: 19px;
}



.up-area {
    margin: 10px 0;
}


.publicaciones-blog-home {
    /*padding-bottom: 50px;*/
    /*font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;*/
}

    .publicaciones-blog-home h2 {
        text-align: center;
        font-weight: 300;
        margin-bottom: 30px;
        font-size: 44px;
        margin-top: 70px;
    }

        .publicaciones-blog-home h2 b {
            color: #2BBCDE;
        }

    .publicaciones-blog-home .fondo-publicacion-home {
        background: #f2f2f2;
        border: 1px solid #e4e3e3;
        border-radius: 4px;
        overflow: hidden;
        height: 500px;
        margin-bottom: 20px;
        display: block;
        color: inherit;
        text-decoration: none;
        position: relative;
    }

.responsive-size {
    height: 350px !important;
}

.long-height {
    height: 500px !important;
}

.publicaciones-blog-home .fondo-publicacion-home:hover h3 {
    /*color: #2BBCDE;*/
    /*    box-shadow: 0px 4px 3px 3px rgba(0, 0, 0, 0.08);*/
}

.contenido-publicacion-home p {
    font-size: 13px;
    text-align: justify;
    line-height: 21px;
    font-weight: 600;
    margin-bottom: 2px;
}

.contenido-publicacion-home ul {
    text-align: justify;
    font-weight: 600;
}

.publicaciones-blog-home .fondo-publicacion-home:hover .mascara-enlace-blog-home {
    height: 400px;
    width: 100%;
    color: #aaa;
    background-color: #2BBCDE;
    position: absolute;
    top: 0;
    opacity: 0.95;
    -webkit-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.publicaciones-blog-home .black {
    background: #2BBCDE;
    color: #fff;
}

.publicaciones-blog-home .fondo-publicacion-home .img-publicacion-principal-home {
    display: inline-block;
    width: 40%;
    overflow: hidden;
    height: 100%;
}

    .publicaciones-blog-home .fondo-publicacion-home .img-publicacion-principal-home img {
        height: 100%;
        width: auto;
    }

.publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home {
    display: inline-block;
    vertical-align: top;
    width: 59%;
    padding: 0 10px;
}

    .publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home h3 {
        font-weight: 900;
        /*color: #fff;*/
        text-transform: uppercase;
        font-size: 18px;
        margin: 9px 0px;
    }

    .publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home p {
        font-size: 13px;
        text-align: justify;
        line-height: 21px;
        font-weight: 600;
        /*color:#fff;*/
        margin-bottom: 2px;
    }

    .publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home ul {
        margin-top: 10px;
    }

        .publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home ul li {
            font-size: 13px;
            margin: 2px 0;
            font-weight: 600;
        }

.publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-home {
    padding: 0 10px;
}

    .publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-home h3 {
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        margin: 9px 0px;
    }

.publicaciones-blog-home .fondo-publicacion-home .img-publicacion-home {
    overflow: hidden;
    max-height: 184px;
}

.mascara-enlace-blog-home {
    height: 400px;
    width: 0%;
    color: #aaa;
    background-color: #2BBCDE;
    position: absolute;
    top: 0;
    opacity: 0.0;
    -webkit-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    text-align: center;
    padding-top: 180px;
}

    .mascara-enlace-blog-home span {
        text-align: center;
        max-height: 400px;
        border: 1px solid #fff;
        display: inline-block;
        padding: 10px 30px;
        border-radius: 3px;
        color: #fff;
        font-weight: 900;
        font-size: 16px;
    }

.publicaciones-blog-home .todas-las-publicaciones-home {
    background: #2BBCDE;
    height: 400px;
    width: 100%;
    display: inline-block;
    padding: 20px;
    text-decoration: none;
    border-radius: 3px;
}

    .publicaciones-blog-home .todas-las-publicaciones-home span {
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 25px;
        line-height: 26px;
    }

@media (max-width: 768px) {
    .publicaciones-blog-home h2 {
        text-align: center;
        font-weight: 300;
        margin-bottom: 30px;
        font-size: 34px;
        margin-top: 70px;
    }

    .publicaciones-blog-home .fondo-publicacion-home {
        background: #f2f2f2;
        border-radius: 3px;
        overflow: hidden;
        height: inherit;
        margin-bottom: 20px;
        display: block;
        color: inherit;
        text-decoration: none;
        position: relative;
    }

        .publicaciones-blog-home .fondo-publicacion-home .img-publicacion-principal-home {
            display: inline-block;
            width: 100%;
            overflow: hidden;
            height: auto;
        }

            .publicaciones-blog-home .fondo-publicacion-home .img-publicacion-principal-home img {
                height: auto;
                width: 100%;
            }

    .publicaciones-blog-home .black {
        background: #2BBCDE;
        color: #fff;
    }

    .publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding: 0 10px;
    }

        .publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home h3 {
            font-weight: 900;
            color: #333;
            text-transform: uppercase;
            font-size: 20px;
        }

        .publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home p {
            color: #333;
            font-size: 13px;
            font-weight: 600;
            text-align: left;
        }

    .contenido-publicacion-home p {
        text-align: left;
    }

    .contenido-publicacion-home ul {
        text-align: left;
    }

    .publicaciones-blog-home .todas-las-publicaciones-home {
        background: #2BBCDE;
        height: 100%;
        width: 100%;
        display: inline-block;
        padding: 20px;
        text-decoration: none;
        border-radius: 3px;
    }
}

.center-col {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.text-muted {
    color: #372f6f;
}

ul {
    padding-left: 15px;
}


.no-gutters {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.logo {
    width: 122px;
    /*height: 79px;*/
    margin-top: -10px;
}

.hrfade {
    border-top: 1px solid #8c8b8b;
}

.tab-height {
    max-height: 300px;
    overflow: auto;
}

.iconsize {
    font-size: 16px;
    color: white;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    text-shadow: 2px 1px 3px #333;
}

.btn-home a {
    color: #fff !important;
}

.btn-home:hover a {
    color: #336699 !important;
}


.btn-home {
    border-radius: 1px;
    font-family: Roboto;
    background-color: #336699;
    color: white;
    margin-top: 5px;
}

    .btn-home:hover {
        background-color: white;
        border-radius: 2px;
        color: #336699;
        /*border-left: 2px solid #336699;
        border-right: 2px solid #336699;*/
        -webkit-transition: background-color 0.5s ease-out;
        -moz-transition: background-color 0.5s ease-out;
        -o-transition: background-color 0.5s ease-out;
        transition: background-color 0.5s ease-out;
        /*font-weight: bold;*/
    }

.homefooter {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    background-color: #336699 !important;
    color: #d9d9d9;
    border: none;
    opacity: 0.9;
    /*padding-top: 5px;*/
    font-size: 9pt;
}

.branchfooter {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    background-color: #001932 !important;
    color: #d9d9d9;
    border: none;
    opacity: 0.9;
    padding: 10px 0;
    font-size: 9pt;
}

    .branchfooter h4 {
        text-transform: uppercase;
        font-weight: 600;
    }

.box6 {
    border-top: 8px solid #369;
    border-left: 8px solid #369;
    padding-left: 10px;
    margin-top: 200px;
    height: 121px;
}

.box5 {
    border-top: 8px solid #369;
    border-left: 8px solid #369;
    padding-left: 10px;
    margin-top: 160px;
    height: 121px;
}

.box4 {
    border-top: 8px solid #369;
    border-left: 8px solid #369;
    padding-left: 10px;
    margin-top: 120px;
    height: 121px;
}

.box3 {
    border-top: 8px solid #369;
    border-left: 8px solid #369;
    padding-left: 10px;
    margin-top: 80px;
    height: 121px;
}

.box2 {
    border-top: 8px solid #369;
    border-left: 8px solid #369;
    padding-left: 10px;
    margin-top: 40px;
    height: 121px;
}

.box1 {
    border-top: 8px solid #369;
    border-left: 8px solid #369;
    padding-left: 10px;
    height: 121px;
}

.height-box {
    height: 200px;
}

.weight-600 {
    font-weight: 600;
}

.list-style-5 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-5 li {
        position: relative;
        padding: 0 0 5px 22px;
        margin: 0 0 10px 0;
        /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
    }

        .list-style-5 li::before {
            content: "\f061";
            position: absolute;
            top: 1px;
            left: 0;
            font-family: 'FontAwesome';
            font-weight: 400;
            color: #000;
        }

.list-style-6 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-6 li {
        position: relative;
        padding: 0 0 5px 22px;
        margin: 0 0 10px 0;
        /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
    }

        .list-style-6 li::before {
            content: "\f0b1";
            position: absolute;
            top: 1px;
            left: 0;
            font-family: 'FontAwesome';
            font-weight: 400;
            color: #000;
        }

.job-list h4 {
    margin-top: 0px;
    margin-bottom: 10px;
    border-bottom: 2px solid #369;
    width: 178px;
    padding-bottom: 7px;
}

.bold-line {
    font-weight: 600;
    width: 597px;
    border-bottom: 2px solid #000;
    padding-bottom: 6px;
}

.news {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    color: grey;
}

.text-nowrap {
    white-space: nowrap;
}
/*.panel {
    border-radius: 1px;
    background-color: #eee;
    border: none;
    box-shadow: 2px 1px 3px #333;
}*/
.branches {
    -webkit-transition-property: box-shadow; /* Safari */
    -webkit-transition-duration: 0.3s; /* Safari */
    transition-property: box-shadow;
    transition-duration: 0.3s;
    /*added below from above*/
    border-radius: 1px;
    border: none;
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    /*background-color: #F1F4F9;*/
}

    .branches:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }

.addr {
    min-height: 70px;
}

.bricon {
    /*color: #114a7d;*/
    font-size: 18pt;
    vertical-align: middle;
    padding: 2px;
}

.bricon2 {
    /*color: #114a7d;*/
    font-size: 10pt;
    vertical-align: middle;
    padding: 2px;
}

.branches .panel-heading {
    border-radius: 1px;
    border-top: 2px solid #EDF0F3;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    /*background-color: #114A7D !important;*/
    /*background-color: #C6CED8;*/
    font-weight: bold;
    font-size: 12pt;
}

.branches .panel-body {
    color: #666;
    min-height: 160px;
    font-size: 10pt;
    padding-top: 0;
}

    .branches .panel-body a {
        color: #666;
    }

/*---------------timeline-start----------------*/
.timeline {
    position: relative;
    padding: 21px 0px 10px;
    margin-top: 4px;
    margin-bottom: 30px;
    height: 408px;
}

    .timeline .line {
        position: absolute;
        width: 4px;
        display: block;
        background: currentColor;
        top: 0px;
        bottom: 0px;
        margin-left: 30px;
    }

    .timeline .separator {
        border-top: 1px solid currentColor;
        padding: 5px;
        padding-left: 40px;
        font-style: italic;
        font-size: .9em;
        margin-left: 30px;
    }

    .timeline .line::before {
        top: -4px;
    }

    .timeline .line::after {
        bottom: -4px;
    }

    .timeline .line::before,
    .timeline .line::after {
        content: '';
        position: absolute;
        left: -4px;
        width: 12px;
        height: 12px;
        display: block;
        border-radius: 50%;
        background: currentColor;
    }

    .timeline .panel {
        position: relative;
        margin: 10px 0px 21px 70px;
        clear: both;
    }

        .timeline .panel::before {
            position: absolute;
            display: block;
            top: 8px;
            left: -24px;
            content: '';
            width: 0px;
            height: 0px;
            border: inherit;
            border-width: 12px;
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent;
        }

        .timeline .panel .panel-heading.icon * {
            font-size: 20px;
            vertical-align: middle;
            line-height: 40px;
        }

        .timeline .panel .panel-heading.icon {
            position: absolute;
            left: -59px;
            display: block;
            width: 40px;
            height: 40px;
            padding: 0px;
            border-radius: 50%;
            text-align: center;
            float: left;
        }

    .timeline .panel-outline {
        border-color: transparent;
        background: transparent;
        box-shadow: none;
    }

        .timeline .panel-outline .panel-body {
            padding: 10px 0px;
        }

        .timeline .panel-outline .panel-heading:not(.icon),
        .timeline .panel-outline .panel-footer {
            display: none;
        }

/*---------------timeline-end----------------*/

.home-pic .portfolio-box img {
    height: 155px;
}

/*p{
    color:#372f6f;
}*/

/*aboutus */
.aboutusbanner {
    width: 100%;
    height: 250px;
}
/*about us ends*/
/*Services page*/
.serviceimg {
    /*margin-top: 50px;*/
    margin-bottom: 50px;
    -webkit-transition-property: box-shadow; /* Safari */
    -webkit-transition-duration: 0.3s; /* Safari */
    transition-property: box-shadow;
    transition-duration: 0.3s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border-radius: 2px;
    height: auto;
    width: 100%;
    border: 1px solid #ddd6d6;
    padding: 5px;
    border-radius: 4px;
}

.services {
    -webkit-transition-property: all; /* Safari */
    -webkit-transition-duration: 0.3s; /* Safari */
    transition-property: all;
    transition-duration: 0.3s;
    /*added below from above*/
    border-radius: 1px;
    border: none;
    /*background-color: #F1F4F9;*/
    /*background-color:rgba(241, 244, 249, 0.5)*/
}

    .services:hover .serviceimg {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }

    .services .panel-heading {
        -webkit-transition-property: all; /* Safari */
        -webkit-transition-duration: 0.3s; /* Safari */
        transition-property: all;
        transition-duration: 0.3s;
        /*text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
        font-weight: 600;
        color: #336699;
        letter-spacing: 5px;
        padding: 0px;
    }

    .services .panel-body {
        padding: 0;
    }

    .services p {
        margin-bottom: 8px;
    }



    .services:hover .panel-heading {
        /*letter-spacing: 10px;*/
    }
/*Service ends*/

/*.portfolio-box img {
    transition: transform .2s;
}

.portfolio-box img:hover {
    transform: scale(1.5);
}*/


/*careers*/
.careerpanel {
    background-color: rgba(238, 238, 238, 0.4);
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

    .careerpanel .panel-heading {
        color: #336699;
        font-weight: bold;
    }

    .careerpanel .panel-body {
        color: #777;
        text-align: justify;
    }

    .careerpanel .keyskills {
        font-size: 10pt;
    }
/*careers ends*/
/*clientele*/
.clientbox {
    height: 230px;
    padding: 20px;
    width: 100%;
    background-color: #eee;
}

.clientrow {
    margin-bottom: 45px;
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}

.clientsub, .clientsub2, .clientsub3, .clientsub4, .clientsub5, .clientsub6 {
    text-align: center;
    vertical-align: middle;
    /*text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}

.clientsub {
    color: #336699;
    line-height: 240px;
    font-weight: 700;
    text-decoration: underline;
}

.clientsub2 {
    color: #ff6600;
    line-height: 60px;
}

.clientsub3 {
    color: #336699;
    line-height: 130px;
    font-weight: 700;
    text-decoration: underline;
}

.clientsub4 {
    color: #336699;
    line-height: 130px;
    font-weight: 700;
    text-decoration: underline;
}

.clientsub5 {
    color: #336699;
    line-height: 60px;
}

.clientsub6 {
    color: #ff6600;
    line-height: 70px;
}

.listclient, .listclient2 {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    list-style: none;
    padding-left: 10px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    color: #000;
    font-weight:600;
}

.listclient {
    border-left: 2px solid #4080bf;
    /*background-color:#ecf2f9;*/
}

.listclient2 {
    border-left: 2px solid #ff944d;
    /*background-color:#fff0e6;*/
}
/*clientele ends*/
/*group companies*/
.comp1 {
    height: 50px;
    margin-top: 80px;
    /*margin-left: 10px;*/
}

.comp2 {
    height: 50px;
    margin-top: 80px;
}

.comp3 {
    height: 79px;
    margin-top: 52px;
    /*margin-left: 10px;*/
}

.comp4 {
    height: 40px;
    margin-top: 65px;
    /*margin-left: 20px;*/
}

.comp5 {
    height: 40px;
    margin-top: 65px;
    /*margin-left: 15px;*/
}

.comp6 {
    height: 60px;
    margin-top: 80px;
    /*margin-left: 30px;*/
}

.circ1 {
    height: 200px;
    width: 200px;
    /*margin-top: 20px;
    margin-left: 20px;*/
}

.circ2 {
    height: 200px;
    width: 200px;
    /*margin-top: 120px;*/
}

.circ3 {
    height: 200px;
    width: 200px;
    /*margin-top: -20px;*/
}

.circ4 {
    height: 170px;
    width: 170px;
    margin-top: 130px;
}

.circ5 {
    height: 180px;
    width: 180px;
    margin-top: 10px;
    margin-left: 30px;
}

.circ6 {
    height: 220px;
    width: 220px;
    margin-top: 100px;
    margin-left: 30px;
}

.circ1, .circ2, .circ3, .circ4, .circ5, .circ6 {
    box-shadow: 2px 1px 3px #1D222D;
    background-color: #f2f2f2;
    border-radius: 50%;
    /*to enable more space*/
    /*margin-left: 50px;*/
    margin: auto;
    padding-top: 1px;
}

/*ourgroup*/
.breadcrumb {
    border-radius: 2px;
    background: white;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    /*border-left: 5px solid #eee;*/
}
/*our group ends*/
/*contact us form*/
.form-style-2 {
    /*max-width: 500px;*/
    /*padding: 20px 12px 10px 20px;*/
    font: 13px Arial, Helvetica, sans-serif;
    border-right: 2px solid #eee;
}

.form-style-2-heading {
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 13px;
}

.form-style-2 label {
    display: block;
    margin: 0px 0px 15px 0px;
}

    .form-style-2 label > span {
        width: 100px;
        font-weight: bold;
        float: left;
        padding-top: 8px;
        padding-right: 5px;
    }

.form-style-2 span.required {
    color: red;
}

.form-style-2 .tel-number-field {
    width: 200px;
    text-align: center;
}

.form-style-2 input.input-field {
    width: 48%;
}

.form-style-2 input.input-field,
.form-style-2 .tel-number-field,
.form-style-2 .textarea-field,
.form-style-2 .select-field {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}

    .form-style-2 .input-field:focus,
    .form-style-2 .tel-number-field:focus,
    .form-style-2 .textarea-field:focus,
    .form-style-2 .select-field:focus {
        border: 1px solid #0C0;
    }

.form-style-2 .textarea-field {
    height: 100px;
    width: 55%;
}

.form-style-2 input[type=submit],
.form-style-2 input[type=button] {
    border: none;
    padding: 8px 15px 8px 15px;
    background: #4876A3;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .form-style-2 input[type=submit]:hover,
    .form-style-2 input[type=button]:hover {
        background: #2196F3;
        color: #fff;
    }

#quotes blockquote small {
    color: #fff;
}

.group-area {
    background-image: url("../img/group-bg.jpg");
    background-position: 0px 0px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

.opacity-full {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    top: 0;
    left: 0;
}

.opacity-half {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.4;
    top: 0;
    left: 0;
}

.bg-extra-dark-gray {
    background-color: #1c1c1c;
}

.group-bg {
    background: #fff;
}

.group-pic-box .group-pic {
    padding: 0;
}
/*.group-pic-box .group-pic:last-of-type {
        padding-left: 15px;
    }*/

.group-pic img {
    width: 100%;
    /*height: 150px;*/
    border: 6px solid #fff;
}

#footer2::first-letter {
    display: none;
}

#groupslider {
    margin-top: 0;
}

#news {
    background-image: url("../img/small-bg.png");
}

.client-area {
    background: url("../img/client-bg.jpg");
    /*background-position: 0px 0px;*/
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

    .client-area .section-heading {
        color: #fff;
    }

    .client-area .portfolio-box {
        background: #fff;
        border-radius: 5px;
        border: 2px solid #000;
    }

        .client-area .portfolio-box img {
            border-radius: 5px;
            height: 122px !important;
        }

    .client-area .owl-carousel {
        margin-top: 100px;
    } 

@media (max-width:640px) {
    .clientrow {
        margin-bottom: 20px;
    }
        .branches .panel-body {
        min-height: auto;
    }
        #groupslider .carousel-indicators {
        bottom: -32px;
    }

    .client-area .owl-carousel {
        margin-top:inherit;
    } 
    
    .client-area .portfolio-box img {
        border-radius: 5px;
        height: 50px !important;
    }

    p {
        font-size: 11px;
    }

    .breadcrumb {
        margin-bottom: 2px;
    }

    .short-banner {
        /* height: 160px !important; */
    }

    .group-pic img {
        border: 2px solid #fff;
    }

    .tabbable-line > .nav-tabs > li > a {
        font-size: 9px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.2px;
    }

    .tabbable-line > .tab-content {
        padding-bottom: 0 !important;
    }

    .carousel-indicators li {
        display: inline-block;
        width: 7px;
        height: 7px;
    }

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

    .carousel-indicators {
        position: absolute;
        bottom: -9px;
    }

    .carousel-caption {
        padding-bottom: 17px;
        right: 18px;
    }

        .carousel-caption h1 {
            font-size: 10px;
            font-weight: 700;
            width: 161px;
            float: right;
        }

    .logo {
        width: 66px;
    }

    .carousel-caption {
        /*display:block;*/
    }

    .section-heading {
        font-size: 12px;
        font-weight: 700;
    }

    hr {
        margin-top: 4px;
        margin-bottom: 8px;
    }

    p {
        font-size: 10px;
    }

    .btn-xl {
        padding: 5px 12px;
        font-size: 11px;
    }

    #quotes {
        padding-top: 17px;
        padding-bottom: 17px;
    }

        #quotes .img-circle {
            width: 50px !important;
            height: 50px !important;
        }

        #quotes #quote-carousel {
            padding: 0 10px 12px 10px;
            margin-top: 3px;
        }

        #quotes blockquote small {
            font-size: 65%;
            color: #fff;
        }

        #quotes #quote-carousel .carousel-indicators li.active {
            margin: 0px 5px;
            width: 12px;
            height: 12px;
        }

        #quotes #quote-carousel .carousel-indicators li {
            display: inline-block;
            margin: 0px 5px;
            width: 12px;
            height: 12px;
        }


    .timeline {
        height: auto;
        margin-bottom: 0;
    }

    section {
        padding: 20px 0;
    }

    #about {
        padding-top: 17px;
        padding-bottom: 17px;
    }

    aside {
        padding-top: 17px;
        padding-bottom: 17px;
    }

    header .header-content .header-content-inner h1 {
        font-size: 19px;
    }

    .header-content-inner {
        margin-top: 30px !important;
    }

    .homefooter .col-xs-6 {
        width: 100%;
    }

    .col-xs-1.btn.btn-sm.btn-home {
        width: 50px;
    }

    .box6, .box5, .box4, .box3, .box2, .box1 {
        margin-top: inherit;
        height: inherit;
    }

    .navbar-nav {
        margin-top: 24px;
    }

    .navbar-default .bg-dark .nav > li > a, .navbar-default .nav > li > a:focus {
        color: #fff;
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: inherit;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #222 !important;
        background-color: transparent;
    }

    .navbar-default .bg-dark .navbar-nav > .open > a, .navbar-default .bg-dark .navbar-nav > .open > a:focus, .navbar-default .bg-dark .navbar-nav > .open > a:hover {
        color: #fff !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #222;
        font-weight: 700;
    }

    .navbar-default .bg-dark .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        font-weight: 700;
    }
}
/*ends contacts us*/
@media (min-width:480px) and (max-width: 768px) {


    .comp1, .comp2, .comp3, .comp4, .comp5, .comp6 {
        margin-top: 50px;
        height: 60px;
        margin-left: 20px;
        margin: auto;
        padding-top: 15px;
    }

    .circ1, .circ2, .circ3, .circ4, .circ5, .circ6 {
        height: 80px;
        width: 100%;
        border-radius: 2px;
        margin: auto;
    }
}

@media (max-width: 480px) {
    .comp1, .comp2, .comp3, .comp4, .comp5, .comp6 {
        margin-top: 50px;
        height: 60px;
        margin-left: 20px;
        margin: auto;
        padding-top: 25px;
    }

    .circ1, .circ2, .circ3, .circ4, .circ5, .circ6 {
        height: 80px;
        width: 100%;
        border-radius: 2px;
        margin: auto;
    }
    /*for testimonials in mobile*/
    .carousel-inner {
        /*min-height: 520px;*/
    }
}
/*group companies end*/
/*Search*/
.searchbox {
    position: relative;
    min-width: 50px;
    width: 100%;
    height: 50px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    /*background: #454C5D;*/
    background: transparent;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 14px;
    color: #f2f2f2;
}

    .searchbox-input::-webkit-input-placeholder {
        color: #999;
    }

    .searchbox-input:-moz-placeholder {
        color: #999;
    }

    .searchbox-input::-moz-placeholder {
        color: #999;
    }

    .searchbox-input:-ms-input-placeholder {
        color: #999;
    }

.searchbox-icon,
.searchbox-submit {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    font-family: verdana;
    font-size: 16px;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #dcddd8;
    background: #172b3c;
}



.searchbox-open {
    width: 100%;
}

.byline {
    position: absolute;
    top: 150px;
    left: 30%;
    text-align: center;
    font-size: 18px;
}

    .byline a {
        text-decoration: none;
        color: #d74b4b;
    }
/*Search ends*/

/*quotes*/
/* carousel */
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}

.carousel-inner {
    /*height: 220px;*/
}
/* Control buttons  */
#quote-carousel .carousel-control {
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
    /* Previous button  */
    #quote-carousel .carousel-control.left {
        left: -12px;
    }
    /* Next button  */
    #quote-carousel .carousel-control.right {
        right: -12px !important;
    }
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
    /* Changes the color of the indicators */
    #quote-carousel .carousel-indicators li {
        background: #c0c0c0;
    }

    #quote-carousel .carousel-indicators .active {
        background: #333333;
    }

#quote-carousel img {
    width: 250px;
    height: 100px;
}
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

    .item blockquote img {
        margin-bottom: 10px;
    }

    .item blockquote p:before {
        content: "\f10d";
        font-family: 'Fontawesome';
        float: left;
        margin-right: 10px;
    }
/* Tabs panel */
.tabbable-panel {
    border: 1px solid #eee;
    padding: 10px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.dropdown-menu {
    right: 0;
    left: 0 !important;
    background-color: #222;
    width: 261px !important;
}

    .dropdown-menu > li > a {
        color: rgba(255,255,255,.7);
        padding: 6px 20px;
    }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    /*color: rgba(255,255,255,.7);*/
    background-color: transparent;
}
/* Default mode */
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}

    .tabbable-line > .nav-tabs > li {
        margin-right: 2px;
    }

        .tabbable-line > .nav-tabs > li > a {
            border: 0;
            margin-right: 0;
            color: #737373;
        }

            .tabbable-line > .nav-tabs > li > a > i {
                color: #a6a6a6;
            }

        .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
            border-bottom: 4px solid #fbcdcf;
        }

            .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
                border: 0;
                background: none !important;
                color: #333333;
            }

                .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
                    color: #a6a6a6;
                }

            .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
                margin-top: 0px;
            }

        .tabbable-line > .nav-tabs > li.active {
            border-bottom: 4px solid #f3565d;
            position: relative;
        }

            .tabbable-line > .nav-tabs > li.active > a {
                border: 0;
                color: #333333;
            }

                .tabbable-line > .nav-tabs > li.active > a > i {
                    color: #404040;
                }

.tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}


/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }

    .carousel-inner {
        /*height: 350px;*/
    }

    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }

        #quote-carousel .carousel-indicators li.active {
            margin: 0px 5px;
            width: 20px;
            height: 20px;
        }

    .clientsub, .clientsub2, .clientsub3, .clientsub4, .clientsub5, .clientsub6 {
        line-height: normal;
    }
}
/*quotes end*/


/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #cccccc;
    }

        .mfp-preloader a:hover {
            color: white;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after, .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before, .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
        border-right: 17px solid white;
        margin-left: 31px;
    }

    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
        border-left: 17px solid white;
        margin-left: 39px;
    }

    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
        border-left: 27px solid #3f3f3f;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: black;
    }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444444;
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}




#wrapper img {
    border: 0;
    max-width: 100%;
}



/** page structure **/
#wrapper {
    display: block;
    max-width: 1100px;
    margin: 0 auto;
}

#img-gallery {
    display: block;
}

    #img-gallery li {
        display: block;
        float: left;
        width: 33.33333%;
        max-width: 400px;
        /*margin-right: 20px;*/
        margin-bottom: 20px;
    }

        #img-gallery li a {
            display: block;
            padding: 5px;
            border: 1px solid #bcb3b3;
            margin: 0 5px;
            border-radius: 3px;
        }
/*title for popup*/
.mfp-title {
    font-size: 1.2em;
    color: #ddd !important;
    font-weight: 700;
}

/** clearfix (apparently this is a standard way of doing it**/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}




/** media queries **/
@media screen and (max-width: 780px) {
    #img-gallery li {
        width: 45%;
    }
}

@media screen and (max-width: 550px) {
    #img-gallery {
        text-align: center;
    }

        #img-gallery li {
            float: left;
            display: inline-block;
            width: 24%;
            margin-bottom: 10px;
        }
}



/*scroll to top*/
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
}

#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
}

#top-link-block a {
    border-radius: 5px;
    color: #666;
}




.blog-card {
    display: flex;
    flex-direction: column;
    margin: 1rem auto;
    -webkit-box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.32);
    box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.32);
    margin-bottom: 1.6%;
    background: #fff;
    line-height: 1.4;
    font-family: sans-serif;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;
}

    .blog-card a {
        color: inherit;
    }

        .blog-card a:hover {
            color: #5ad67d;
        }

    .blog-card:hover .photo {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    .blog-card .meta {
        position: relative;
        z-index: 0;
        height: 200px;
    }

    .blog-card .photo {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: center;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s;
    }

    .blog-card .details,
    .blog-card .details ul {
        margin: auto;
        padding: 0;
        list-style: none;
    }

    .blog-card .details {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        margin: auto;
        transition: left .2s;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        padding: 10px;
        width: 100%;
        font-size: .9rem;
    }

        .blog-card .details a {
            -webkit-text-decoration: dotted underline;
            text-decoration: dotted underline;
        }

        .blog-card .details ul li {
            display: inline-block;
        }

        .blog-card .details .author:before {
            font-family: FontAwesome;
            margin-right: 10px;
            content: "\f007";
        }

        .blog-card .details .date:before {
            font-family: FontAwesome;
            margin-right: 10px;
            content: "\f133";
        }

        .blog-card .details .tags ul:before {
            font-family: FontAwesome;
            content: "\f02b";
            margin-right: 10px;
        }

        .blog-card .details .tags li {
            margin-right: 2px;
        }

            .blog-card .details .tags li:first-child {
                margin-left: -4px;
            }

    .blog-card .description {
        padding: 1rem;
        background: #fff;
        position: relative;
        z-index: 1;
    }

        .blog-card .description h1,
        .blog-card .description h2 {
            font-family: Poppins, sans-serif;
        }

        .blog-card .description h1 {
            font-weight: 900;
            font-size: 18px;
            text-transform: uppercase;
            margin: 9px 0px;
        }

        .blog-card .description h2 {
            font-size: 1rem;
            font-weight: 600;
            color: #121212;
            margin-top: 5px;
            text-align: left;
            margin-bottom: 6px;
        }

        .blog-card .description .read-more {
            text-align: left;
        }

            .blog-card .description .read-more a {
                color: #5ad67d;
                display: inline-block;
                position: relative;
            }

                .blog-card .description .read-more a:after {
                    content: "\f061";
                    font-family: FontAwesome;
                    margin-left: -10px;
                    opacity: 0;
                    vertical-align: middle;
                    transition: margin .3s, opacity .3s;
                }

                .blog-card .description .read-more a:hover:after {
                    margin-left: 5px;
                    opacity: 1;
                }

    .blog-card p {
        font-size: 13px;
        text-align: justify;
        line-height: 21px;
        font-weight: 600;
        margin-bottom: 2px;
        position: relative;
        margin: 1rem 0 0;
    }

        .blog-card p:first-of-type {
            margin-top: 1.25rem;
        }

            .blog-card p:first-of-type:before {
                content: "";
                position: absolute;
                height: 5px;
                background: #5ad67d;
                width: 35px;
                top: -0.75rem;
                border-radius: 3px;
            }

    .blog-card:hover .details {
        left: 0%;
    }

@media (min-width: 640px) {

    
        .blog-card {
        flex-direction: row;
        max-width: 700px;
    }

        .blog-card .meta {
            flex-basis: 40%;
            height: auto;
        }

        .blog-card .description {
            flex-basis: 60%;
        }

            .blog-card .description:before {
                -webkit-transform: skewX(-3deg);
                transform: skewX(-3deg);
                content: "";
                background: #fff;
                width: 30px;
                position: absolute;
                left: -10px;
                top: 0;
                bottom: 0;
                z-index: -1;
            }

        .blog-card.alt {
            flex-direction: row-reverse;
        }

            .blog-card.alt .description:before {
                left: inherit;
                right: -10px;
                -webkit-transform: skew(3deg);
                transform: skew(3deg);
            }

            .blog-card.alt .details {
                padding-left: 25px;
            }
}




.short-banner {
    height: 310px;
}

    .short-banner img {
        width: 100%;
        height: 100%;
        margin-top: 69px;
    }

.gray-area {
    background: #ecebeb;
    /*padding: 60px 0;*/
}

.service-card {
    background-color: white;
    border-radius: 7px;
    box-shadow: 0px 0px 120px -25px rgba(0, 0, 0, 0.5);
    height: 464px;
    margin: 0 auto;
    /*max-width: 600px;*/
    overflow: hidden;
}

@media (max-width: 580px) {
    .service-card {
        height: 176px;
        overflow: visible;
    }
}

.service-card .media {
    background-position: center;
    background-size: cover;
    height: 100%;
}

.service-card .card-body {
    color: #7A7A7A;
    height: 100%;
    padding: 30px 20px 50px;
}

@media (max-width: 530px) {
    .service-card .card-body {
        background-color: white;
    }
}


.service-details-area .service-card ul li {
    font-weight: 600;
}
@media (max-width: 640px) {

    .sr-contact {
        font-size: 16px;
    }
    #contact {
        padding-bottom: 3px;
    }
    .branchfooter h4 {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
    }


    #img-gallery li a {
        padding: 2px;
    }

    #img-gallery li a {
        margin: 0 2px;
    }
        .branches {
        box-shadow: inherit;
        margin-bottom: 0;
    }
        .branch-area .panel-body {
        min-height: auto;
        font-size: 8pt;
        padding-top:4px;
    }

    .branch-area .panel-heading {
        font-size: 11pt;
        padding-bottom:8px;
    }
    
    .addr {
        font-size: 11px;
        min-height: 47px;
    }
    .service-card .card-body {
        height: auto;
        padding: 10px 20px;
    }

    .service-details-area .service-card .divider {
        margin: 12px auto;
    }

    .service-details-area .service-card ul li {
        font-size:10px;
        font-weight:600;
    }
}

.service-card .tagline {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.service-card .title {
    color: #252830;
    font-family: "Playfair Display SC";
    font-size: 30px;
    font-weight: 400;
}

.service-card .divider {
    background: #7A7A7A;
    height: 2px;
    margin: 25px auto;
    width: 40px;
}

.service-card .paragraph {
    font-weight: 300;
}

@media (max-width: 530px) {
    .service-card .col-xs-6 {
        width: 100%;
    }
}


.why-box {
    height: 196px;
}

.why-area {
    padding: 100px 0;
    background: url(../img/why.jpg) center center fixed;
    background-size: cover;
    color: #fff;
}

    .why-area p {
        font-size: 14px;
    }

.why-icon-text {
    line-height: 20px;
    font-weight: 600;
    /*color: #232323;*/
}
/* feature box style 6 */
.feature-box-6 {
    padding-left: 70px;
    position: relative !important;
    margin-bottom: 21px;
    margin-top: 37px;
}

    .feature-box-6 i {
        position: absolute;
        top: 50%;
        left: 0;
        font-size: 40px;
        transform: translateY(-22px);
        -webkit-transform: translateY(-22px);
        -moz-transform: translateY(-22px);
        -ms-transform: translateY(-22px);
        -o-transform: translateY(-22px);
    }

.down-short {
    padding-bottom: 0px;
}

.service-details-area .service-card ul li {
    font-weight: 600;
}

@media (max-width: 640px) {

    .blog-heading h3 {
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
    }
        .why-area p {
        font-size: 10px;
    }

    .feature-box-6 {
        margin-bottom: 5px;
        margin-top: 15px;
    }
        .who-area p:last-of-type {
        margin-bottom: 0;
    }

    .why-box {
        height: auto;
    }

    .why-area {
        padding: 37px 0;
    }

    .responsive-size {
        height: auto !important;
    }

    .long-height {
        height: auto !important;
    }
}

/* top bar css*/
.top_bar_contacts {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.top_bar_contacts:after {
    content: "";
    display: table;
    clear: both;
}
.top_bar_contacts > li .top_bar_contacts_text,

.top_bar_contacts > li {
    float: left;
    margin: 0 80px 0 0;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}
.top_bar_contacts > li a {
    color: #fff;
}


  .top_bar_contacts {
        clear: both;
        padding-top: 0;
    }
     .top_bar_contacts > li {
        margin-right: 25px;
    }

     .top_bar_contacts > li,
 .top_bar_contacts > li a {
    color: #fff;
}
 .top_bar {
    background: #2196f3;
}

 .top_bar_contacts {
    padding: 8px 5px 8px 5px;
    float: left;
}
/*end top bar css*/

.pdf-area {
  }
.pdf-area iframe{
    width: 100%;
    height: 600px;
    border: none;
    background-color: white;
}
@media (min-width: 992px) {
    .modal-lg {
        width: 800px;
    }
}
/* aside ~ section {
    margin-top: 69px;
} */
/* aside ~ section .col-lg-8.col-lg-offset-2.text-center {
    position: absolute;
    bottom: 190px;
    right: 0;
    left: 0;
}
hr.dark {
    border-color: #fff;
} */
/* #wrapper .section-heading {
    position: absolute;
    top: 190px;
    right: 0;
    left: 0;
}
#wrapper .section-heading ~ .dark{
    display: none;
} */
/* .short-banner img{
    height: 282px;
} */
.team-card {

    border: none;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    transition: .6s;

    border-bottom: 6px solid #fff;

    background-color: #eff4ff;

    padding-top: 30px;
    margin: 19px 0;

}

.team-card:hover{

    cursor: pointer;

    box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;

    border-bottom: 6px solid #154FF7;

}

.team-card .image-area img {

    width: 200px;

    height: 200px;

    border-radius: 8px;

}

.team-card .card-title {

    font-size: 17px;

    color: #333;

}
.team-card .person-name {
    margin-bottom: 4px;
}
.team-card .designation {

    margin-bottom: 5px;

}

.team-card .details{

margin-bottom: 6px;
height: 72px;

}

.team-card .view-link {
    font-size: 15px;
    color: #336699;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: bold;

    margin-top: 10px;

}
.text-decoration-none,
.text-decoration-none:hover,
.text-decoration-none:focus,
.text-decoration-none:active{
    text-decoration: none;
    color: inherit;
}

.team-card .view-link i {

    font-size: 26px;

    line-height: normal;

}
.profile-details-area{
    margin-top: 20px;
}
.profile-details-area .image-area {
    float: left;
}
.profile-details-area .image-area img {
    width: 250px;
    height: 250px;
    border-radius: 10px;
    border: 2px solid #97bfff;
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 4px;
    transition: .6s;
}
.profile-details-area .image-area img:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.profile-content .person-name{
    margin-top: 0;
    margin-bottom: 6px;
}
.profile-content .designation{
    font-weight: 600;
}
.profile-content .details{
    text-align: justify;
}

@media (max-width: 915px) {
    .profile-details-area .image-area {
        float: none;
    }
    .profile-content .person-name{
        text-align: center;
    }
    .profile-content .designation{
        text-align: center;
        font-size: 15px;
    }
    .pdf-area iframe{
        width: 100%;
        height: 500px;
    } 
}

ul#img-gallery img {
    height: 221px;
    width: 349px;
}
@media (max-width:915px){
ul#img-gallery img {
    height: 55px;
    width: 85px;
}
ul.top_bar_contacts li {
    float: left;
    margin-right: 0;
    width: auto;
}
ul.top_bar_contacts li a {
    font-size: 8px;
    font-weight: 500;
    margin-right: 10px;
}
ul.top_bar_contacts li .top_bar_contacts_text{
    margin-right:0
}
aside ~ section {
    margin-top: 0;
}
#wrapper .section-heading {
    position: absolute;
    top: 13%;
    right: 0;
    left: 0;
}
#wrapper .section-heading ~ .dark{
    display: none;
}
.short-banner {
    height: auto;
}
}