body {
    color: #414042;
    font: normal 16px 'Open Sans', sans-serif;
    font-weight: 400;
    background-color: #fff;
    overflow-x: hidden;
    line-height: 1.5;
}



a {
    color: #3498db;
    cursor: pointer;
    text-decoration: none;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

    a:hover, a:focus {
        color: #3498db;
        outline: none;
        text-decoration: none;
    }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 0;
}

h1 {
    color: #004a7c;
    font-size: 30px;
    font-weight: 700;
}

h2 {
    color: #00aae7;
    font-size: 28px;
}

h3 {
    color: #004a7c;
    font-size: 24px;
    font-weight: 600;
}

h4 {
    color: #004a7c;
    font-size: 20px;
    font-weight: 600;
}

h5 {
    color: #004a7c;
    font-size: 18px;
    font-weight: 600;
}

h6 {
    color: #004a7c;
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0 0 0;
}

p.lead {
    font-size: 24px;
    font-weight: 200;
}


p {
    font-weight: 400;
    margin-bottom: 20px;
}

/*p:nth-last-child(2n+1) {
        margin-bottom: 60px;
    }*/

ul, ol {
    margin-bottom: 20px;
}

blockquote {
    padding-top: 0;
    padding-bottom: 0;
    border-color: #1ABC9C;
}

    blockquote small {
        color: inherit;
    }

pre {
    background-color: rgba(255,255,255,.5);
    border-color: rgba(0,0,0,.1);
    margin-bottom: 20px;
}

.lighter {
    font-weight: 100;
}

img {
    max-width: 100%;
}
/*	Section	==================================================*/

.active-section {
    top: 0px;
}

.navbar.active-section {
    top: 0 !important;
}

.section-title {
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 5px;
}

.whitecolor {
    color: #fff;
}
/*	Button & Label	==================================================*/
.alert {
    color: #FFF;
    border: none;
}

[class^="alert-"] .alert-link, [class*=" alert-"] .alert-link {
    color: #FFF;
    font-weight: 300;
    text-decoration: underline;
}

.label {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.btn, .nf-field-element input[type=button] {
    font-weight: 700;
    font-size: 16px;
    padding: 18px 30px;
    text-transform: capitalize;
    border-radius: 30px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

    .btn:hover, .btn:focus .nf-field-element input[type=button]:hover, .nf-field-element input[type=button]:focus {
        outline: none;
    }



@media all and (max-width:767px) {
    .btn {
        min-width: 160px;
        padding: 8px 30px;
    }
}

.btn-link {
    color: #1abc9c;
}

    .btn-link:hover, .btn-link:focus {
        color: #16a085;
    }

.btn-default, .label-default {
    border-color: #FFF;
    color: #fff;
    background-color: transparent;
    border-width: 2px;
    padding: 15px 20px;
}

    .btn-default:hover, .btn-default:focus {
        background-color: #F9FAFD;
        border-color: #F9FAFD;
        color: #444;
    }

.btn-success, .label-success, .alert-success {
    background-color: #FFF;
    border-color: #FFF;
    color: #1E2024;
}

    .btn-success:hover, .btn-success:focus {
        border-color: #FFF;
        background-color: #FFF;
        color: #000;
    }

.nf-field-element input[type=button] {
    padding: 18px 30px !important;
    height: auto !important;
    background-color: #004a7b;
    border: solid 1px #004a7b;
}

.btn-primary, .label-primary, .nf-field-element input[type=button] {
    min-width: 280px;
    color: #3ab9e7;
    background-color: #004a7b;
    border-color: #004a7b;
}

    .nf-field-element input[type=button]:focus, .nf-field-element input[type=button]:hover {
        background-color: #03416b;
        border-color: #03416b;
        color: #FFF;
    }

    .btn-primary:hover, .btn-primary:focus {
        background-color: #03416b;
        border-color: #03416b;
        color: #ffffff !important;
    }

.btn-info, .label-info, .alert-info {
    background-color: #FFF;
    border-color: #FFF;
    color: #01B0D1;
}

    .btn-info:hover, .btn-info:focus {
        background-color: #FFF;
        border-color: #FFF;
        color: #0299b8;
    }

.btn-warning, .label-warning, .alert-warning, input.ninja-forms-field.connectUs {
    min-width: 280px;
    color: #004a7c;
    background-color: #fbac1b;
    border-color: #fbac1b;
}

    .btn-warning:hover, .btn-warning:focus, input.ninja-forms-field.connectUs:hover, input.ninja-forms-field.connectUs:focus {
        background-color: #f5a209;
        border-color: #f5a209;
    }

.field-wrap.submit-wrap {
    text-align: center;
}

.btn-secondary {
    min-width: 280px;
    color: #004a7c;
    background-color: #fbac1b;
    border-color: #fbac1b;
}

    .btn-secondary:hover, .btn-secondary:focus {
        background-color: #f5a209;
        border-color: #f5a209;
    }

.btn-danger, .label-danger, .alert-danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
}

    .btn-danger:hover, .btn-danger:focus {
        background-color: #c0392b;
        border-color: #c0392b;
    }
/*	Tab & Collapse Skin	==================================================*/
.tab-pane {
    padding: 15px 0;
    margin-bottom: 5px;
}

.nav-tabs {
    border-bottom-color: #ecf0f1;
}

    .nav-tabs > li > a {
        padding: 10px 0;
        margin-right: 30px;
        color: inherit;
        font-size: 16px;
        border: none;
        border-bottom: 1px solid rgba(255,255,255,0);
    }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: transparent;
    border: none;
    border-color: rgba(255,255,255,0);
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #ecf0f1;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    color: #1abc9c;
    background: transparent;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: transparent;
    border: none;
    color: #1abc9c;
    border-bottom: 1px solid #1abc9c;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #1abc9c;
}

.nav .caret, .nav a:hover .caret {
    border-top-color: #1abc9c;
    border-bottom-color: #1abc9c;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #1abc9c;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #bdc3c7;
}

.navbar-inverse .navbar-toggle {
    background-color: #34495e;
    border-color: #2c3e50;
    margin-top: 15px;
}

    .navbar-inverse .navbar-toggle:focus {
        outline: none;
    }

.panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.panel-default {
    border-color: #eee;
}

    .panel-default:last-child {
        margin-bottom: 25px;
    }

    .panel-default > .panel-heading {
        /*background: #fff;
        color: #444;*/
    }

.panel-heading {
    padding: 20px 25px;
}

.panel-default > .panel-heading a:hover {
    color: #01b0d1;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #eee;
}

.panel-group .panel {
    border-radius: 0;
}
/*	Form	==================================================*/
label {
    font-weight: 300;
}

.input-group {
    margin-bottom: 10px;
}

form.comment-form .form-control {
    background-color: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.form-control {
    font-weight: 300;
    border-color: #ecf0f1;
    background-color: #FFF;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .form-control[disabled]:hover, .form-control[readonly]:hover, fieldset[disabled] .form-control:hover, .form-control[disabled]:focus, .form-control[readonly]:focus, fieldset[disabled] .form-control:focus {
        background-color: #ecf0f1;
    }

    .form-control:hover, .form-control:focus {
        outline: none;
        border-color: #ecf0f1;
        background-color: #FFF;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    .form-control:-moz-placeholder {
        color: #bdc3c7;
        font-weight: 300;
    }

    .form-control::-moz-placeholder {
        color: #bdc3c7;
        font-weight: 300;
    }

    .form-control:-ms-input-placeholder {
        color: #bdc3c7;
        font-weight: 300;
    }

    .form-control::-webkit-input-placeholder {
        color: #bdc3c7;
        font-weight: 300;
    }

.input-group-addon {
    background-color: #FFF;
    border-color: #ecf0f1;
    color: #ecf0f1;
}

[class^="has-"] .form-control, [class*=" has-"] .form-control {
    color: #FFF;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #2ecc71;
}

.has-success .form-control {
    border-color: #2ecc71;
    background-color: #2ecc71;
}

    .has-success .form-control:hover, .has-success .form-control:focus {
        border-color: #2ecc71;
        background-color: #FFF;
        color: #2ecc71;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #e67e22;
}

.has-warning .form-control {
    border-color: #e67e22;
    background-color: #e67e22;
}

    .has-warning .form-control:hover, .has-warning .form-control:focus {
        background-color: #FFF;
        border-color: #e67e22;
        color: #e67e22;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #e74c3c;
}

.has-error .form-control {
    border-color: #e74c3c;
    background-color: #e74c3c;
}

    .has-error .form-control:hover, .has-error .form-control:focus {
        background-color: #FFF;
        border-color: #e74c3c;
        color: #e74c3c;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
/*	Header	==================================================*/
#header {
    box-shadow: 0 0 5px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.05);
}
/*	Parallax Background	==================================================*/
#parallax {
    height: 100%;
    width: 100%;
    top: 0;
    position: fixed;
    background-image: url(http://unsplash.it/1600/600?random=1);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -100;
}
/*	Navbar	==================================================*/
.navbar-brand {
    height: auto;
}

.navbar-inverse .navbar-brand {
    padding: 0px 10px;
    margin-right: 0px;
    color: inherit;
    text-transform: uppercase;
    font-weight: bold;
}

    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
        color: #000;
    }

.navbar-inverse {
    background-color: #FFF;
    border: none;
}

.navbar-right button {
    margin: 23px 0;
}

.navbar-nav > li > a {
    padding: 40px 0;
    margin: 0 15px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #004a7c;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
}

    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        background-color: transparent;
        background-color: rgba(255,255,255,0);
        color: #fbac1b;
    }

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    /*margin-right: -15px;*/
}


/*@media all and (max-width:350px) {

    .navbar-brand > img {
        height: 60px !important;
    }
}*/
@media all and (max-width:767px) {

    .navbar-brand > img.img-responsive {
        height: 60px !important;
        margin-bottom: 0px;
    }
}

@media (min-width: 767px) and (max-width:1024px) {

    .navbar-right {
        float: none;
        width: 100%;
    }

    .navbar-nav {
        width: 100%;
    }

        .navbar-nav > li {
            display: table-cell;
            width: 1%;
            float: none;
        }

            .navbar-nav > li > a {
                margin: 0 15px;
                padding: 10px 1%;
                display: table-cell;
                width: 1%;
                white-space: nowrap;
            }
}

@media all and (max-width:360px) {
    .navbar-brand {
        max-width: 260px;
    }
}

a.DonateNow {
    background: #fcab1b url("../png/donatenow.png") no-repeat scroll center 0;
    width: 120px;
    height: 100px;
    float: right;
    margin-right: -15PX;
}

@media all and (max-width:767px) {
    a.DonateNow {
        background-color: #fcab1b;
        background-position: 10px -15px;
        width: 100%;
        float: none;
        /*margin: 0 -15PX;*/
        color: #2f4251;
        text-align: center;
        height: 46px !important;
        display: block;
        padding: 12px;
        font-weight: 700;
    }

        a.DonateNow::after, .DonateNow::before {
            clear: both;
        }

        a.DonateNow div {
            color: #2f4251;
            font-weight: 700;
            padding: 10px;
        }

    div.DonateNow {
        margin: 0 -15px;
    }


    .navbar-nav > li > a {
        padding: 10px 0;
    }
}

.header-button {
    margin-left: 15px;
}
/*	Hero	==================================================*/
#hero {
    margin-top: 140px;
    padding: 0;
    color: #FFF;
}

    #hero .herotext {
        padding: 160px 0px;
    }

    #hero h1 {
        font-size: 50px;
    }

    #hero p.lead {
        font-size: 1.4em;
    }

    #hero .btn {
        font-size: 12px;
    }
/*	Features	==================================================*/
#features {
    background-color: #01B0D1;
    color: #FFF;
}

.maintitle h1 {
    color: #fbac1b;
    font-size: 48px;
}

.maintitle, .service-box {
    text-align: center;
}

    .maintitle .lead {
        max-width: 840px;
        margin: 0px auto;
        margin-bottom: 80px;
        padding-left: 20px;
        padding-right: 20px;
    }

.service-box {
    margin-bottom: 30px;
    background-color: #fff;
    color: #444;
    padding: 30px;
    position: relative;
}

    .service-box .glyphicon {
        font-size: 60px;
        margin-bottom: 20px;
    }

    .service-box img {
        margin-bottom: 29px;
    }

/*	Gallery	==================================================*/

#gallery img {
    width: 100%;
    height: auto;
    transition: all .3s ease-in-out;
}

    #gallery img:hover {
        transform: scale(1.3);
    }

#gallery a {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

    #gallery a img {
        margin-bottom: 0px;
        display: block;
        width: 100%;
        max-width: 100%;
    }

#gallery .description {
    background-color: #fff;
    display: block;
    padding: 20px 15px;
    color: #333;
    text-transform: uppercase;
    clear: both;
    position: relative;
}

#gallery .caption {
    float: left;
}

#gallery .camera {
    float: right;
}

#gallery a.btn {
    display: inline-block;
}
/*	Faq==================================================*/
#faq {
    background-color: #F9FAFD;
}

.faq-block {
    margin: 0px;
}
/*	Slider	==================================================*/
#slider {
    color: #FFF;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.carousel-control {
    color: #FFF;
    opacity: 1;
    text-shadow: none;
}

    .carousel-control:hover {
        color: #CCC;
    }

.carousel-indicators li {
    border-color: #FFF;
    margin: 0 2px;
    height: 15px;
    width: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0 2px;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.carousel-indicators .active {
    height: 15px;
    width: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0 2px;
    background-color: #FFF;
    border: 1px solid #FFF;
}

.carousel.slide {
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.carousel-inner blockquote {
    border: none;
    text-align: center;
    padding: 40px 10%;
}

    .carousel-inner blockquote small {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .carousel-inner blockquote p {
        font-size: 36px;
    }

.carousel-control .glyphicon {
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    font-size: 20px;
}

.carousel-indicators {
    bottom: -20px;
}

.carousel-control {
    background: transparent;
    position: absolute;
    top: 50%;
    margin-top: 0px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    height: 40px;
    width: 40px;
}
/*	Contact Area	==================================================*/
#contactarea {
    text-align: center;
}

    #contactarea .maintitle p.lead {
        margin-bottom: 40px;
    }

    #contactarea form {
        max-width: 800px;
        margin: 0px auto;
    }

    #contactarea .input-lg, #contactarea .btn-lg {
        padding: 20px 25px;
        height: 65px;
    }

#contact label {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 3px;
    font-size: 13px;
}

#contact input, #contact select, #contact textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
    border: 0px;
    color: #333;
    background-color: #fff;
    border: 0;
}

#contact input, #contact select, .nf-field input, .nf-field select {
    height: 40px !important;
    margin-bottom: 0px;
}

    #contact input#submit {
        width: auto;
        margin-top: 20px;
        background-color: rgba(0,0,0,0.3);
        border: 0;
        color: #fff;
        padding: 0px 20px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 14px;
    }

#contact textarea {
    height: 180px;
}

.required {
    color: #fff;
}

#success, #error {
    display: none;
}

    #success span, #erro span {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
    }

        #success span p, #error span p {
            margin-top: 6em;
        }

        #success span p {
            color: #9bd32d;
        }

    #error span p {
        color: #c0392b;
    }

.error.contactalert {
    text-transform: none;
    font-style: italic;
    display: inline-block;
}

.footer {
    padding: 70px 0 60px 0;
}

    .footer ul.social-icons li {
        width: 20px;
        height: 20px;
        position: relative;
        background: #fff;
        border: 2px solid #ccc;
        border-radius: 50%;
    }

        .footer ul.social-icons li a {
            color: #666;
        }

.contactalert {
    margin-top: 20px;
    border: 1px solid;
    display: inline-block;
    padding: 20px;
}
/*	Magnific Popup	==================================================*/
.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: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

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

        .mfp-preloader a:hover {
            color: #FFF;
        }

.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: #FFF;
    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: #333;
}

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

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

.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 #FFF;
        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 #FFF;
        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: #000;
    }
/* 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: #444;
    }

    .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;
}
/*	Common	==================================================*/
.section {
}

.wrapsection {
    padding-top: 140px;
    padding-bottom: 140px;
    position: relative;
}

.parallax.section .container {
    position: relative;
    z-index: 4;
}

.justtitle {
    margin-top: 80px;
}

.parallax {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
    color: #fff;
}

.parallax-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
}
/*	Responsive	==================================================*/
@media (max-width:991px) {
    .service-box {
        margin-bottom: 30px;
    }

    #image img.img-responsive {
        margin-left: auto;
        margin-right: auto;
    }

    .navbar-nav > li > a {
        margin: 0 7px;
    }
}

}

@media (max-width:767px) {
    .section, .parallax.section .container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .service-box, .img-responsive, .carousel {
        margin-bottom: 30px;
    }

    .maintitle .lead {
        margin-left: 0;
        margin-right: 0;
    }

    .container {
        max-width: 690px;
        padding-left: 30px;
        padding-right: 30px;
    }

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

    .header-button {
        margin: 0;
    }

    #hero .herotext {
        padding: 90px 0px;
    }
}

@media (max-width:767px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 28px;
    }

    h2, .carousel-inner blockquote p {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }

    p.lead {
        font-size: 18px;
    }

    .section {
        padding: 60px 0;
    }

    .maintitle p.lead {
        margin-bottom: 40px;
    }

    .service-box, .img-responsive, .carousel {
        margin-bottom: 30px;
    }

    .maintitle .lead {
        margin-left: 0;
        margin-right: 0;
    }

    .container {
        max-width: 690px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width:490px) {
    .wow {
        visibility: visible !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

    .container {
        max-width: 430px;
        padding-left: 30px;
        padding-right: 30px;
    }

    #hero h1 {
        font-size: 38px;
    }

    #hero p.lead {
        font-size: 1.5em;
    }

    .faq-block {
        margin: 0;
    }
}

#socialMedia {
    background-color: #00aae7;
    padding: 10px;
    margin-top: 100px;
    text-align: right;
}

@media all and (max-width:1024px) {
    #socialMedia {
        margin-top: 142px;
    }
}

@media all and (max-width:732px) {
    #socialMedia {
        margin-top: 140px;
    }
}

@media all and (max-width:767px) {
    #socialMedia {
        margin-top: 100px;
        text-align: center;
    }
}

@media (max-width:767px) {
    #socialMedia {
        margin-top: 106px;
        text-align: center;
    }
}

@media all and (max-width:640x) {
    #socialMedia {
        text-align: center;
    }

        #socialMedia form {
            margin: 0 auto;
            text-align: center;
            float: none;
        }
}

#socialMedia a {
    color: #FFF;
}

#socialMedia .separator {
    color: #FFF;
    margin: 0 6px;
}

input.search, .ninja-forms-field {
    background-color: #FFF;
    border-radius: 20px;
    border: solid 0px;
    padding: 4px 10px;
}

.nf-form-cont .five-sixths, .nf-form-cont .four-sixths, .nf-form-cont .one-fourth, .nf-form-cont .one-half, .nf-form-cont .one-sixth, .nf-form-cont .one-third, .nf-form-cont .three-fourths, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths, .nf-form-cont .two-sixths, .nf-form-cont .two-thirds {
    margin-left: 0px !important;
    padding: 0 8px;
}

#credits {
    padding: 30px 0;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.6;
}

#socialMedia .social {
    margin: 0 16px;
    display: inline-block;
}

    #socialMedia .social i {
        height: 30px;
        width: 30px;
        line-height: 30px;
        border-radius: 50%;
        margin-left: 2px;
        color: #FFF;
        text-align: center;
        display: inline-block;
        font-size: 24px;
    }

        #socialMedia .social i:hover {
            color: #333;
        }


#Banner {
    margin-top: 120px;
}

.carousel-caption {
    color: #fbac1b;
    font-size: 44px;
    left: 5%;
    right: 0;
    position: absolute;
    text-align: left;
    top: 20%;
}

.carousel-content {
    color: #fbac1b;
    font-size: 44px;
    left: 5%;
    position: fixed;
    right: 0;
    text-align: left;
    top: 20%;
    width: 50%;
}

    .carousel-content h2 {
        color: #004a7c;
        font-size: 44px;
        font-weight: 300;
        text-transform: uppercase;
    }

    .carousel-content p {
        color: #fff;
        font-size: 22px;
        font-weight: 400;
    }

@media all and (max-width:977px) {
    .carousel-content {
        top: 3%;
        width: 100%;
    }

        .carousel-content h2 {
            font-size: 38px;
        }
}

@media all and (max-width:1024px) {
    .carousel-content {
        top: 6%;
        left: 1%;
        width: 80%;
    }

        .carousel-content h2 {
            margin-top: 0px;
        }

        .carousel-content p {
            margin-top: 0px;
        }
}

@media all and (max-width:640px) {
    .carousel-content {
        top: 6%;
        left: 1%;
        width: 96%;
    }

        .carousel-content h2 {
            margin-top: 0px;
            font-size: 29px;
        }

        .carousel-content p {
            margin-top: 0px;
        }
}

@media all and (max-width:480px) {
    .carousel-content {
        top: 2%;
        left: 1%;
        width: 98%;
    }

        .carousel-content h2 {
            margin-top: 0px;
            font-size: 22px;
        }

        .carousel-content p {
        font-size: 18px;
            margin-top: 0px;
        }
}

@media all and (max-width:479px) {
    .carousel-content {
        top: 1%;
        left: 1%;
    }

        .carousel-content h2 {
            font-size: 16px;
            margin-top: 0px;
            margin-bottom: 6px;
        }

        .carousel-content p {
            font-size: 12px;
            margin-top: 0px;
            margin-bottom: 6px;
        }
}


.btn-group > .btn-group {
    float: left !important;
    width: 25% !important;
}

@media all and (max-width:320px) {
    .carousel-content {
        top: 1%;
        left: 1%;
    }

        .carousel-content h2 {
            font-size: 13px !important;
            margin-top: 0px;
            margin-bottom: 4px;
        }

        .carousel-content p {
            font-size: 12px;
            margin-top: 0px;
            margin-bottom: 6px;
            line-height: 12px;
        }
}

@media all and (max-width:360px) {
    .carousel-content {
        top: 1%;
        left: 1%;
    }

        .carousel-content h2 {
            font-size: 14px !important;
            margin-top: 0px;
            margin-bottom: 4px;
        }

        .carousel-content p {
            font-size: 12px;
            margin-top: 0px;
            margin-bottom: 6px;
            line-height: 17px;
        }
}



.Homecontainer {
    max-width: 750px;
    margin: 0 auto;
}

section.bg-Blue {
    background-color: #00aae7;
    padding: 40px;
    text-align: center;
    margin: -1px 0 20px 0;
}

    /*section#About h1, section#About h1 {
        color: #004a7c;
        font-weight: 700;
        font-size: 30px;
    }*/

    section.bg-Blue p {
        color: #FFF;
        font-weight: 400;
        font-size: 26px;
    }

section {
    background-color: #fff;
}

    section.ConnectMember {
        background-color: #00aae7;
    }

/*section.description h2 {
        font-size: 28px;
        color: #00aae7;
    }

    section.description h3 {
        font-size: 26px;
        color: #004a7c;
        font-weight: 600;
        margin-bottom: 20px;
    }*/


/*p:last-child {
        margin: 20px 0 60px 0;
    }*/

.mrg-top-20 {
    margin-top: 20px;
}

.mrg-btm-40 {
    margin-bottom: 40px;
}

.mrg-left-40 {
    margin-left: 40px;
}


section.bg-orange {
    background-color: #fbac1b;
    padding: 60px;
    text-align: center;
    margin: -1px;
}

    section.bg-orange .address {
        color: #FFF !important;
        text-align: center;
        font-size: 20px;
        margin: 20px 0;
    }

        section.bg-orange .address a {
            color: #FFF !important;
        }

        section.bg-orange .address i {
            color: #f9f9f9 !important;
            margin-left: 8px;
        }

.contactForm nf-field:first-child, .contactForm nf-field:nth-child(2) {
    display: inline-block;
    width: 50%;
}

.contactForm nf-field:nth-child(6), .contactForm nf-field:nth-child(7), .contactForm nf-field:nth-child(8) {
    display: inline-block;
    width: 33.33%;
}

.contactForm nf-field:first-child, .contactForm nf-field:nth-child(6), .contactForm nf-field:nth-child(7) {
    padding-right: 6px;
}

.contactForm nf-field:nth-child(2), .contactForm nf-field:nth-child(8) {
    padding-left: 6px;
}

.divIaadEvent .nf-form-cont nf-field:nth-child(3), .divIaadEvent .nf-form-cont nf-field:nth-child(4) {
    display: inline-block;
    width: 50%;
}

.divIaadEvent .nf-form-cont nf-field:nth-child(3) {
    padding-right: 6px;
}

.divIaadEvent .nf-form-cont nf-field:nth-child(4) {
    padding-left: 6px;
}

@media all and (max-width:639px) {

    .contactForm nf-field:first-child, .contactForm nf-field:nth-child(2) {
        display: block;
        width: 100%;
        padding: 0px !important;
    }

    .divIaadEvent .nf-form-cont nf-field:nth-child(3), .divIaadEvent .nf-form-cont nf-field:nth-child(4) {
        display: block;
        width: 100%;
        padding: 0px !important;
    }
}

/*section.MoreInfo h1 {
        color: #004a7b;
        font-weight: 700;
        font-size: 30px;
    }
*/
section.bg-orange p {
    color: #FFF;
    font-size: 22px;
    font-weight: 400;
    margin: 40px 0;
}

section.bg-orange a {
    color: #3ab9e7;
}

section.ConnectMember h1, #Newsletter h4.modal-title {
    color: #004a7b;
    font-size: 30px;
}

section.ConnectMember p, #Newsletter p {
    color: #FFF;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0px !important;
}

div.bg-Blue {
    background-color: #00aae7;
    padding: 60px 60px 30px 60px;
}

div.bg-BlueLight {
    background-color: #3ab9e7;
    padding: 60px;
    padding-bottom: 88px;
}

@media all and (max-width:800px) {

    div.bg-Blue, div.bg-BlueLight {
        padding: 20px;
    }
}

.formMargin {
    margin: 24px 0;
}

.margin-top-64 {
    margin-top: 64px;
}

.margin-top-132 {
    margin-top: 132px;
}
/* Footer Style */
footer#footer {
    background-color: #004a7b;
    padding: 30px 0;
    color: #3ab9e7 !important;
}

footer .social {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

    footer .social .fa {
        font-size: 42px;
        margin: 0 36px;
        color: #00aae7;
    }

@media all and (max-width:479px) {
    footer .social .fa {
        font-size: 38px;
        margin: 0 16px;
        color: #00aae7;
    }
}

address {
    line-height: 24px;
}

#footer .quickLinks a {
    display: block;
    line-height: 24px;
    font-size: 13px;
}

#footer h3.widget-title, .linkTitle a {
    font-weight: 700;
    font-size: 14px !important;
    margin: 0 0 6px;
    color: #3ab9e7 !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-M20 {
    margin-top: -20px !important;
}

footer hr {
    border-color: #115684 currentcolor currentcolor;
}

.customBorder {
    border-color: currentcolor currentcolor currentcolor #115684;
    border-style: none none none solid;
    border-width: 0 0px 0 1px;
}

.copyright {
    float: left;
    margin: 0 30px 0 0;
    padding: 0 30px 0 0;
    font-size: 13px;
    background: transparent url(../jpg/footer_separator.jpg) no-repeat scroll right center;
}

#footer .footerLinks li {
    display: inline-block;
}

#footer .footerLinks {
    font-weight: 400;
}

.footerLinks .separator {
    margin: 0 30px;
}


ul.menu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

    ul.menu li {
        list-style: outside none none;
        margin: 0;
    }

.text-warning {
    color: #fbac1b;
}

section.news {
}

    section.news .date, section.Events .date, .entry-content .date {
        color: #004a7b;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 2px;
        margin-top: 10px;
    }

    section.news .caption, section.Events .caption {
        color: #3498db;
        font-size: 28px;
        font-weight: 700;
        line-height: 32px;
        margin: 4px 0 10px;
        text-transform: uppercase;
    }

a.MoreInfo {
    color: #fbac1b;
    font-weight: 700;
    text-transform: uppercase;
}

.loadMore {
    margin: 40px auto;
    text-align: center;
    width: 100%;
}

hr.customBorder {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #c8c9cb currentcolor currentcolor;
    border-image: none;
    border-style: solid none none;
    border-width: 2px 0 0;
    margin-bottom: 30px;
    margin-top: 30px;
}

.Member img {
    width: 180px;
    height: 180px;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10%;
}

.sectionTitle {
    font-weight: 700;
    line-height: 32px;
    margin: 4px 0 10px;
    text-transform: uppercase;
    background-color: #FFF;
}

h1.title {
    color: #00aae7;
    font-size: 1.3em;
    margin-bottom: 3em;
    text-align: center;
}

section.news, section.Events, section.Members {
    margin: 20px 0;
}

h1.title span {
    color: #00aae7;
    display: block;
    font-size: 3em;
    position: relative;
}

    h1.title span::before, h1.title span::after {
        background: #c8c9cb none repeat scroll 0 0;
        content: "";
        height: 2px;
        position: absolute;
        top: 52%;
        width: 40%;
    }

h1.title.news span::before, h1.title.news span::after {
    width: 40%;
}

h1.title.events span::before, h1.title.events span::after {
    width: 38%;
}

h1.title.research span::before, h1.title.research span::after {
    width: 36%;
}

h1.title.Member span::before, h1.title.Member span::after {
    width: 26%;
}

@media all and (max-width:800px) {
    h1.title.news span::before, h1.title.news span::after {
        width: 30%;
    }

    h1.title.events span::before, h1.title.events span::after {
        width: 16%;
    }

    h1.title.research span::before, h1.title.research span::after {
        width: 36%;
    }

    h1.title.Member span::before, h1.title.Member span::after {
        width: 8%;
    }
}

@media all and (max-width:639px) {
    h1.title.news span::before, h1.title.news span::after {
        width: 20%;
    }

    h1.title.events span::before, h1.title.events span::after {
        width: 16%;
    }

    h1.title.research span::before, h1.title.research span::after {
        width: 36%;
    }

    h1.title.Member span::before, h1.title.Member span::after {
        width: 16%;
    }
}

@media all and (max-width:479px) {

    h1.title.Member span::before, h1.title.Member span::after {
        width: 8% !important;
    }
}

h1.title span::before {
    left: 0%;
}

h1.title span::after {
    right: 0%;
}

form#contact .row {
    margin: 0 0 20px;
}

section.bg-primary {
    background-color: #004a7b;
}

section.bg-warning {
    background-color: #fbac1b;
}

section.bg-primary, section.bg-warning {
    padding: 30px 0;
}

/* Whoe We Are Tabs */
section#boardMembers h1 {
    color: #004a7b;
    font-size: 30px;
    font-weight: 700;
}

.designation {
    color: #004a7c;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 6px;
}

h3.name {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 6px;
}

#boardMembers p {
    color: #004a7c;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 20px;
}

.tab {
    background: #fff none repeat scroll 0 0;
}

    .tab .nav > li > a {
        padding: 18px 15px;
    }

.tab-bg-dark-navy-blue {
    background: #6f6f6f none repeat scroll 0 0;
    border-bottom: medium none;
    padding: 0;
}

    .tab-bg-dark-navy-blue .nav > li > a:hover, .tab-bg-dark-navy-blue .nav > li > a:focus {
        background-color: #f4f4f4;
        text-decoration: none;
    }

.panel-heading .nav > li > a, .panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus {
    border-radius: 0;
    border-width: 0;
}

.panel-heading .nav > li > a {
    color: #fff;
}

    .panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover {
        background: #f4f4f4 none repeat scroll 0 0;
        color: #6f6f6f;
    }

.panel-heading .nav > li.active:first-child > a, .panel-heading .nav > li:first-child > a:hover {
}

.tab .nav-tabs.nav-justified > li {
    border-right: 1px solid #f4f4f4;
}

    .tab .nav-tabs.nav-justified > li:last-child {
        border-right: medium none;
    }

.panel-heading {
    background-color: #00aae7;
    border: medium none;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

    .panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover {
        background: #004a7b none repeat scroll 0 0;
        color: #FFF;
    }

        .panel-heading .nav > li > a, .panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus {
            border-radius: 0;
            border-width: 0;
        }


.panel-body {
    /*border: solid 1px #f4f4f4;*/
}
/*research-list*/
.divReasech h1 {
    color: #004a7b;
    font-size: 14px;
}

.research-list, .menu {
    margin: 0;
    padding: 0;
}

aside ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

aside li a, aside .blog.type-blog a {
    padding: 15px 15px 15px 35px;
    border-bottom: 1px solid #efefef;
    line-height: 18px;
    list-style: none;
    background: transparent url("../jpg/libg.jpg") no-repeat scroll 20px 18px;
    display: block;
    width: 100%;
    text-decoration: none;
    color: #004a7b;
}

    aside li a:hover, aside .blog.type-blog a:hover {
        color: #1B6698;
        background: transparent url("../jpg/libghover.jpg") no-repeat scroll 20px 18px;
    }

aside ul.unlist li a {
    padding: 15px 15px 15px 35px;
    border-bottom: 1px solid #efefef;
    line-height: 18px;
    list-style: none;
    background: none;
    display: block;
    width: 100%;
    text-decoration: none;
    color: #004a7b;
}

.research-list li, .menu li {
    list-style: none;
    font-weight: 400;
}

    .research-list li .fa {
        margin: 0 10px 0 0;
    }

.panel {
    /*background-color: #f9fbfc;*/
    border: 0px solid transparent;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.panel-default > .panel-heading {
    background-color: #fbac1b;
    border-color: #fff;
    color: #fff;
}

.panel-primary > .panel-heading {
    background-color: #fbac1b;
    border-color: #fff;
    color: #fff;
}

.panel-secondary > .panel-heading {
    background-color: #034a7e;
    border-color: #fff;
    color: #fff;
}

.panel-primary {
    border-color: #fff;
}

.panel-title {
    border-color: #fff;
    color: #FFF;
    font-size: 18px;
}

#socialMedia form {
    float: right;
}


div.footerLinks ul.menu li a {
    margin: 0 30px 0 0;
    padding: 0 30px 0 0;
    font-size: 13px;
    background: transparent url("../jpg/footer_separator.jpg") no-repeat scroll right center;
}

div.footerLinks ul.menu li:last-child a {
    background: none;
}

.input-group-btn input.btn.btn-primary {
    min-width: 10px;
    padding: 5px 12px;
}


#left-sidebar h3.widget-title {
    background-color: #004a7b;
    border-color: #fff;
    color: #FFF;
    padding: 15px;
    font-size: 18px;
    margin-bottom: 0;
}

aside.widget {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

aside .textwidget {
    padding: 20px;
}

.textwidget > ul.menu, .textwidget > ul.unlist {
    margin: -20px;
}

aside.widget_nav_menu {
    /*background-color: #f9fbfc;*/
}

aside .menu-research-sidebar-menu-container {
    border: 0 solid transparent;
    border-radius: 0;
    margin-bottom: 20px;
    padding: 0px;
}

.researchers img {
    float: left;
    width: 100px;
    height: auto;
    margin: -1px 20px 0 -1px;
    box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}

    .researchers img::after {
        clear: both;
    }

.researchers h4 {
    color: #004a7c;
    font-size: 24px;
    margin: 10px 0 10px 1px;
}

.researchers h5 {
    color: #00aae7;
    font-size: 16px;
    font-weight: 400;
}

.researchers h6 {
    color: #999999;
    font-size: 12px;
}

.researchers p {
    font-size: 14px;
    margin-bottom: 14px;
}

.divresearcher {
    position: relative;
    /*width: 50%;*/
    float: left;
    margin: 2%;
}

.researchers .modal-content {
    border-radius: 3px;
}

.researchers .modal-header {
    padding: 1px !important;
    min-height: 110px;
}

    .researchers .modal-header .close {
        margin-right: 16px;
        margin-top: 10px;
    }

.divresearcher img {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: #003173;*/
    background: rgba(0, 49, 115, 0.8);
    overflow: hidden;
    width: 100%;
    height: 40PX;
    transition: .5s ease;
    text-align: center;
    padding: 4px 0;
}

.divresearcher:hover .overlay {
    bottom: 0;
    height: 100%;
}

.overlay h4 {
    color: #fff;
    font-size: 14px;
    line-height: 17px;
}

/*.text {
  white-space: nowrap; 
  color: white;
  font-size: 10px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}*/




a.expand {
    display: block;
    position: absolute;
    z-index: 100;
    width: 60px;
    height: 60px;
    border: solid 5px #fff;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-weight: 700;
    font-size: 30px;
    border-radius: 30px;
}

section li {
    margin: 0 0 20px 0;
    padding: 0px;
}

.e-n-menu-item{
    margin-bottom: 0px !important;
}

section ul.custom li {
    list-style: none;
}

section ul.custom ul {
    margin-top: 20px;
}

section ul.custom li:before {
    font-family: 'FontAwesome';
    content: "\f005";
    float: left; /* adjust as needed */
    color: #074a7e; /* adjust as needed */
    position: relative;
    left: -24px;
    width: 0px;
}

section ul.custom ul li:before {
    font-family: 'FontAwesome';
    content: "\f006";
    float: left; /* adjust as needed */
    color: #074a7e; /* adjust as needed */
    position: relative;
    left: -24px;
    width: 0px;
}

a.accordion-toggle, a.accordion-toggle:hover {
    color: #fff;
    font-size: 18px;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: white; /* adjust as needed */
    position: relative;
    top: 0px;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

.nf-form-fields-required {
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.nf-field-label label {
    font-size: 13px;
    font-weight: 300 !important;
    text-transform: uppercase;
}

.label-above .nf-field-label {
    margin-bottom: 10px !important;
}


@media all and (max-width:767px) {
    .nf-form-cont .one-third, .nf-form-cont .two-sixths {
        width: 100% !important;
    }
}

.email-container {
    /*padding: 0 16px 0 8px;*/
}

.executive {
    color: #004a7c;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    margin: 0 0 6px;
}

#NAFStaff a {
    color: #004a7c;
    font-size: 14px;
    font-weight: 400;
}

.anchor {
    display: block;
    height: 76px; /*same height as header*/
    margin-top: -76px; /*same height as header*/
    visibility: hidden;
}

.AddressInfo {
    font-size: 20px;
    padding: 5% 0 0 7%;
}

section.Address.bg-primary {
    padding: 0;
    margin-top: -20px;
}

div.AddressInfo i {
}

span.social.custom {
    margin: 15px 0px 0 0;
    display: block;
}

    span.social.custom i {
        margin: 0px 10px 0 0;
        font-size: 30px;
        color: #f9f9f9;
        margin-right: 8px;
    }

.organisation {
    margin: 4px 0 0px 14px;
}

.docDetails {
    margin: 0px 0 0px 14px;
}

.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}

    .alert h4 {
        color: inherit;
        margin-top: 0;
    }

    .alert > p, .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #fff;
}

    .alert-info a:link, .alert-info a:hover {
        color: #000;
    }

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #007FAD;
}

.text-muted {
    font-size: 13px;
    font-style: italic;
}

h1.entry-title {
    display: none;
}

.text-white {
    color: #FFF;
}

section.didyouknow {
    background-color: orange;
    color: #fff;
    margin: -20px;
    padding: 20px;
}

.youknow {
    font-size: 24px;
    margin: 10px 0;
}

.partnerTitle {
    min-height: 112px;
    text-align: center;
    vertical-align: middle;
}

.btn.btn-sm {
    border-radius: 4px;
    min-width: 40px;
    padding: 6px 12px;
}

    .btn.btn-sm.btn-default {
        color: #343434;
    }

.panel-heading a, .panel-heading a:hover {
    color: #fff;
}

#supportgroup_country_panel {
    margin: 40px 0;
}

select#sgstate, select#sgcountry {
    font-size: 16px;
    padding: 6px 10px;
}


.sgitem_list > h3 {
    color: #00aae7;
}

.modal-content {
    background-color: #00aae7;
}

    .modal-content .nf-error-msg {
        background-color: #00aae7;
    }

.imgInset {
    float: right;
    margin: 10px;
    position: relative;
}

.modal-dialog {
    margin: 10% auto !important;
}

    .modal-dialog .nf-form-fields-required {
        color: #414042;
    }

.researchers .modal-content {
    background-color: #FFF !important;
}


.Events .row .col-sm-6:nth-child(2n+1) {
    clear: both;
}

.tribe-events-notices {
    color: #2F6E8E;
}

.tribe-events-calendar div[id*=tribe-events-daynum-], 
.tribe-events-calendar div[id*=tribe-events-daynum-] a, 
.tribe-events-day .tribe-events-day-time-slot .tribe-events-day-time-slot-heading {
	background: #757575;
}

.elementor-kit-13106 input[type="submit"].btn-secondary {
    min-width: 280px;
    color: #004a7c;
    background-color: #fbac1b;
    border-color: #fbac1b;
}

.elementor-kit-13106 input[type="submit"].btn-secondary:hover, 
.elementor-kit-13106 input[type="submit"].btn-secondary:focus {
        background-color: #f5a209;
        border-color: #f5a209;
}

.loadMore a {
	color: #004a7c!important;
}

.comment-form .required {
	color: #EB0000;
}

.skip-to-content-link {
	background: #fff;
    color: #000;
    height: 48px;
    left: 1%;
    padding: 12px;
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.3s;
}

.skip-to-content-link:focus {
	transform: translateY(0%);
}

.elementor-element-deb2f2e h2 {
	color: #004A7C!important;
}

.elementor-image-box-description a {
	color: #207AB6!important;
}

.search-label {
	color: #fff;
    width: 85px;
    margin-left: -10px;
    font-size: 16px;
    display: flex;
    align-items: center;
	margin-bottom: 0;
	font-weight: 400;
}