@font-face {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    src: local('Avenir'), url('https://fonts.cdnfonts.com/s/71748/avenir_roman_12.woff') format('woff');
}

body {
    font-family: 'Avenir', sans-serif !important;
    font-size: 14px;
}

.hovereffect video {
    position: relative;
    z-index: 9;
}
/* Body Styles */
@import url('http://fonts.cdnfonts.com/css/avenir');

body {
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

body {
    font-family: 'Avenir', sans-serif;
    font-size: 14px;
}

.goog-te-gadget-simple {
    background: none !important;
}

#google_translate_element {
    background: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 700;
    font-family: Avenir, sans-serif !important;
}

.goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * {
    font-family: Avenir, sans-serif !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    color: #fff !important;
    text-transform: none;
}

.author {
    position: fixed;
    bottom: 15px;
    right: 15px;
    font-family: 'Avenir', sans-serif;
    font-size: 14px;
    color: #999;
}

    .author a {
        color: #777;
        text-decoration: none;
    }

        .author a:hover {
            color: blue;
        }

header.dark blockquote {
    color: #fff;
}

header.light blockquote {
    color: #000;
}

header.dark blockquote a {
    color: orange;
    text-decoration: underline;
}

header.light blockquote a {
    text-decoration: underline;
}

header.dark {
    background-color: #444;
}

header.light {
    background-color: #fff;
}

/* Navigation Styles */
nav {
    position: relative;
}

header.dark nav {
    background-color: #012951
}

header.light nav {
    background-color: #012951
}

ul.main-nav {
    list-style-type: none;
    padding: 0px;
    font-size: 0px;
    max-width: 100%;
    margin: 0 auto;
}

    ul.main-nav > li {
        display: inline-block;
        padding: 0;
    }

        ul.main-nav > li > a {
            display: block;
            padding: 12px 14px;
            position: relative;
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            box-sizing: border-box;
        }

.sub-menu-lists {
    padding: 10px
}

ul.main-nav > li > a > span > img {
    width: 32px;
}

ul.main-nav > li:hover {
    background-color: #001d3a;
}

    ul.main-nav > li:hover > a {
        color: #fff;
        font-weight: 700;
        text-decoration: none;
    }

ul.main-nav > li ul.sub-menu-lists {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
}

    ul.main-nav > li ul.sub-menu-lists > li {
        padding: 2px 0;
    }

        ul.main-nav > li ul.sub-menu-lists > li > a {
            font-size: 14px;
        }

.ic {
    position: fixed;
    cursor: pointer;
    display: inline-block;
    right: 25px;
    width: 32px;
    height: 24px;
    text-align: center;
    top: 0px;
    outline: none;
}

    .ic.close {
        opacity: 0;
        font-size: 0px;
        font-weight: 300;
        color: #fff;
        top: 8px;
        height: 40px;
        display: block;
        outline: none;
        border: 0px solid #fff !important;
    }

    /* Menu Icons for Devices*/
    .ic.menu {
        top: 25px;
        z-index: 20;
        position: absolute;
        right: 10px;
    }

        .ic.menu .line {
            height: 2px;
            width: 100%;
            display: block;
            margin-bottom: 6px;
        }

        .ic.menu .line-last-child {
            margin-bottom: 0px;
        }

.sub-menu-head {
    margin: 10px 0;
}

.banners-area {
    margin-bottom: 20px;
}


@media only screen and (max-width:768px) {
    .sub-menu-head {
        color: orange;
    }

    .ic.menu {
    }

    header.dark .ic.menu .line {
        background-color: #002a74;
    }

    header.light .ic.menu .line {
        background-color: #000;
    }

    .ic.menu .line {
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }

    .ic.menu:focus .line {
        background-color: #fff !important;
    }

        .ic.menu:focus .line:nth-child(1) {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .ic.menu:focus .line:nth-child(2) {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-top: -10px;
        }

        .ic.menu:focus .line:nth-child(3) {
            transform: translateY(15px);
            opacity: 0;
        }

    .ic.menu:focus {
        outline: none;
    }

        .ic.menu:focus ~ .ic.close {
            opacity: 1;
            z-index: 21;
            outline: none;
        }

    /*
  
  .ic.menu:focus ~ .ic.close { opacity: 1.0; z-index : 21;  }
  .ic.close:focus { opacity: 0; }
  */
    .ic.menu:hover,
    .ic.menu:focus {
        opacity: 1;
    }


    nav {
        background-color: transparent;
    }

    /* Main Menu for Handheld Devices  */
    ul.main-nav {
        z-index: 9;
        padding: 50px 0;
        position: fixed;
        right: 0px;
        top: 0px;
        width: 0px;
        background-color: rgba(0,0,0,1);
        height: 100%;
        overflow: auto;
        /*CSS animation applied : Slide from Right*/
        -webkit-transition-property: background, width;
        -moz-transition-property: background, width;
        -o-transition-property: background, width;
        transition-property: background, width;
        -webkit-transition-duration: 0.6s;
        -moz-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
    }

    .ic.menu:focus ~ .main-nav {
        width: 300px;
        background-color: rgba(0,0,0,1);
    }

    ul.main-nav > * {
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        opacity: 0;
    }

    .ic.menu:focus ~ .main-nav > * {
        opacity: 1;
    }

    ul.main-nav > li > a:after {
        display: none;
    }

    ul.main-nav > li:first-child {
        border-radius: 0px;
    }

    ul.main-nav > li {
        display: block;
        border-bottom: 1px solid #444;
    }

        ul.main-nav > li > a {
            font-weight: 600;
        }

        ul.main-nav > li ul.sub-menu-lists > li a {
            color: #eee;
            font-size: 14px;
        }

    .sub-menu-head {
        font-size: 16px;
    }

    ul.main-nav > li:hover {
        background-color: transparent;
    }

        ul.main-nav > li:hover > a {
            color: #fff;
            text-decoration: none;
            font-weight: 600;
        }

    .ic.menu:focus ~ ul.main-nav > li > div.sub-menu-block {
        border-left: 0px solid #ccc;
        border-right: 0px solid #ccc;
        border-bottom: 0px solid #ccc;
        position: relative;
        visibility: visible;
        opacity: 1.0;
    }

    .sub-menu-block {
        padding: 0 30px;
    }

    .banners-area {
        padding-bottom: 0px;
    }

        .banners-area div {
            margin-bottom: 15px;
        }

    .banners-area {
        border-top: 1px solid #444;
        color: #fff;
    }
}

.sub-menu-head {
    color: #fff;
    font-weight: 700;
}

ul.main-nav > li ul.sub-menu-lists > li > a {
    color: #fff;
}

@media only screen and (min-width:769px) {
    .ic.menu {
        display: none;
    }
    /* Main Menu for Desktop Devices  */
    ul.main-nav {
        display: block;
        position: relative;
    }

    .sub-menu-block {
        padding: 15px;
    }

    /* Sub Menu */
    ul.main-nav > li > div.sub-menu-block {
        visibility: hidden;
        background: #001d3a !important;
        position: absolute;
        margin-top: 0px;
        width: 85%;
        color: #333;
        right: 0;
        box-sizing: border-box;
        z-index: 3;
        font-size: 16px;
        opacity: 0;
        /*CSS animation applied for sub menu : Slide from Top */
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
    }

    ul.main-nav > li:hover > div.sub-menu-block {
        background-color: #f9f9f9;
        visibility: visible;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
        z-index: 99999;
    }

    ul.main-nav > li > div.sub-menu-block > * {
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        opacity: 0;
    }

    ul.main-nav > li:hover > div.sub-menu-block > * {
        opacity: 1;
    }

    .sub-menu-head {
        font-size: 20px;
    }

    /* List Separator: Outer Border */
    header.dark ul.main-nav > li > a {
        border-right: 0px solid #bbb;
    }

    header.light ul.main-nav > li > a {
        border-right: 0px solid #666;
    }

    /* List Separator: Inner Border */
    ul.main-nav > li > a:after {
        content: '';
        width: 1px;
        height: 62px;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 2;
    }

    header.dark ul.main-nav > li > a:after {
    }

    header.light ul.main-nav > li > a:after {
    }

    /* Drop Down/Up Arrow for Mega Menu */
    ul.main-nav > li > a.mega-menu > span {
        display: block;
        vertical-align: middle;
    }

        ul.main-nav > li > a.mega-menu > span:after {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #fff;
            background-color: transparent;
            display: inline-block;
            margin-left: 10px;
            vertical-align: middle;
        }

    ul.main-nav > li:hover > a.mega-menu span:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 0px solid transparent;
        border-bottom: 5px solid #666;
    }

    .banners-area {
        border-bottom: 1px solid #012c56;
    }

        .banners-area h2 {
            color: #fff;
            font-size: 20px;
            font-weight: bold;
        }

        .banners-area h4 {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
        }

        .banners-area p {
            color: #fff;
            font-size: 14px;
            font-weight: 400;
            margin-bottom: 20px;
        }
}

#homepage_slider video {
    min-height: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    width: auto !important;
    overflow: hidden;
}

#homepage_slider img {
    width: 68px;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}

.carousel-inner > .item > img {
    display: block;
    line-height: 1;
}

/* button to display if user choses to not autoplay the video: */
#slider-play-button {
    display: inline-block;
    cursor: pointer;
    line-height: 1.3em;
    position: absolute;
    opacity: 1;
    left: 47.4%;
    bottom: 5%;
    background: none;
    border: none;
    width: 78px;
}

    #slider-play-button button {
        line-height: 1.3em;
        opacity: 1;
        background: none;
        border: none;
        margin: 0;
        padding: 0;
    }

.play-video-button:before {
}

.pause-video-button:before {
}

.sticky-icon {
    z-index: 1;
    position: fixed;
    top: 32%;
    right: 0%;
    width: 220px;
    display: flex;
    flex-direction: column;
}

    .sticky-icon a {
        transform: translate(160px,0px);
        border-radius: 50px 0px 0px 50px;
        text-align: left;
        margin: 2px;
        text-decoration: none;
        text-transform: uppercase;
        padding: 10px;
        font-size: 22px;
        font-family: 'Oswald', sans-serif;
        transition: all 0.8s;
    }

        .sticky-icon a:hover {
            color: #FFF;
            transform: translate(0px,0px);
        }

            .sticky-icon a:hover i {
                transform: rotate(360deg);
            }
/*.search_icon a:hover i  {
	transform:rotate(360deg);}*/
.Facebook {
    background-color: #2C80D3;
    color: #FFF;
}

.Youtube {
    background-color: #fa0910;
    color: #FFF;
}

.Twitter {
    background-color: #53c5ff;
    color: #FFF;
}

.Instagram {
    background-color: #FD1D1D;
    color: #FFF;
}

.Google {
    background-color: #d34836;
    color: #FFF;
}

.sticky-icon a i {
    background-color: #FFF;
    height: 40px;
    width: 40px;
    color: #000;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin-right: 20px;
    transition: all 0.5s;
}

    .sticky-icon a i.fa-facebook-f {
        background-color: #FFF;
        color: #2C80D3;
    }

    .sticky-icon a i.fa-google-plus-g {
        background-color: #FFF;
        color: #d34836;
    }

    .sticky-icon a i.fa-instagram {
        background-color: #FFF;
        color: #FD1D1D;
    }

    .sticky-icon a i.fa-youtube {
        background-color: #FFF;
        color: #fa0910;
    }

    .sticky-icon a i.fa-twitter {
        background-color: #FFF;
        color: #53c5ff;
    }

.fas fa-shopping-cart {
    background-color: #FFF;
}

#myBtn {
    height: 50px;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    text-align: center;
    padding: 10px;
    text-align: center;
    line-height: 40px;
    border: none;
    outline: none;
    background-color: #1e88e5;
    color: white;
    cursor: pointer;
    border-radius: 50%;
}

.fa-arrow-circle-up {
    font-size: 30px;
}

#myBtn:hover {
    background-color: #555;
}

.tooltip-custom .tooltip-inner {
    background-color: #f2653c;
    color: #ffffff;
}

.tooltip-custom.bs-tooltip-top .arrow:before {
    border-top-color: #f2653c;
}

.tooltip-custom.bs-tooltip-right .arrow:before {
    border-right-color: #f2653c;
}

.tooltip-custom.bs-tooltip-left .arrow:before {
    border-left-color: #f2653c;
}

.tooltip-custom.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #f2653c;
}

.tooltip-custom-alt .tooltip-inner {
    background-color: #5b2da3;
    color: #ffffff;
}

.tooltip-custom-alt.bs-tooltip-top .arrow:before {
    border-top-color: #5b2da3;
}

.tooltip-custom-alt.bs-tooltip-right .arrow:before {
    border-right-color: #5b2da3;
}

.tooltip-custom-alt.bs-tooltip-left .arrow:before {
    border-left-color: #5b2da3;
}

.tooltip-custom-alt.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #5b2da3;
}

.popover-custom .popover-header {
    background: #f2653c;
    color: #ffffff;
}

.popover-custom.bs-popover-bottom .popover-header::before, .popover-custom.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    display: none;
}

.popover-custom.bs-popover-bottom > .arrow::after, .popover-custom.bs-popover-auto[x-placement^=bottom] > .arrow::after {
    border-bottom-color: #f2653c;
}

.popover-custom-alt .popover-header {
    background: #5b2da3;
    color: #ffffff;
}

.popover-custom-alt.bs-popover-bottom .popover-header::before, .popover-custom-alt.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    display: none;
}

.popover-custom-alt.bs-popover-bottom > .arrow::after, .popover-custom-alt.bs-popover-auto[x-placement^=bottom] > .arrow::after {
    border-bottom-color: #5b2da3;
}

.carousel-control {
    width: 78px !important;
    opacity: 1 !important;
    background-image: none !important;
}

    .carousel-control.left, .carousel-control.right {
        z-index: 999;
        bottom: 5%;
        top: auto
    }


.search-section {
    position: absolute;
    opacity: 0;
    z-index: -1;
    transition: 0.5s all ease-in-out;
}

.search-box {
    background: #012951db;
    width: 99vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-input {
    width: 70%;
    border: 2px solid #ffffff;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .search-input .input-textarea {
        position: relative;
        background: transparent;
        width: 100%;
        height: 40px;
        padding: 10px;
        color: white;
        z-index: 2;
        border: none;
        cursor: pointer;
        font-family: "Montserrat", sans-serif;
    }

    .search-input span {
        margin-right: 10px;
    }

.open {
    opacity: 1;
    z-index: 999;
    transition: 0.5s all ease-in-out;
}

.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.blocks-section {
    width: 100%;
    position: relative;
}

.grid-blocks {
    padding: 30px;
    text-align: center;
    display: block;
    text-decoration: none;
    transition: all 1s;
}

    .grid-blocks:hover {
        transition: all 1s;
        box-shadow: inset 0 0 20px 20px #000;
    }

.top-area {
    background-color: #fff;
    width: 100%;
    position: relative;
}

.navbar-nav {
    margin-left: 6%;
}

.navbar-default .navbar-nav > li > a {
    color: #30528e;
    font-weight: 700;
}

.navbar-brand {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
/*
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #fff}
*/

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

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

    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a:hover {
        background-color: #30528e1f !important;
        color: #30528e !important
    }

.navbar-nav > li > a {
    padding: 10px 20px;
    line-height: 25px
}

.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    padding: 0px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #012951;
    border-radius: 0px;
}

    .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
    }

        .mega-dropdown-menu > li > ul > li {
            list-style: none;
        }

            .mega-dropdown-menu > li > ul > li > a {
                display: block;
                color: #fff;
                padding: 3px 5px;
            }

    .mega-dropdown-menu > li ul > li > a:hover,
    .mega-dropdown-menu > li ul > li > a:focus {
        text-decoration: none;
    }

    .mega-dropdown-menu .dropdown-header {
        font-size: 18px;
        color: #ff3546;
        padding: 5px 60px 5px 5px;
        line-height: 30px;
    }

.sub-menu {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    margin-top: 10px;
    padding-left: 18px;
}

    .sub-menu li {
        list-style: circle;
        color: #fff;
        font-size: 16px;
    }

        .sub-menu li a {
            color: #fff;
            font-weight: 700;
            padding: 16px 0;
            display: block;
        }

            .sub-menu li a:hover {
                color: #EF041A;
            }

.icon {
    min-height: 44px;
    width: 44px;
    margin: 0 auto;
}
/*tabstyle*/

.navbar {
    margin-bottom: 0px;
}

.nav-tabs {
    border: none;
    background: #012951;
}

.well {
    padding: 0px;
    border: none;
    background: #211650;
    margin: 0;
    box-shadow: none;
    border-radius: 0px;
}

.nav-tabs > li > a {
    color: #fff;
    border-radius: 0px;
    font-size: 22px !important;
    font-weight: 500;
    border: none;
    margin-right: 0;
    padding: 20px 60px;
    text-align: center;
}

.nav-tabs > li.active > a {
    background: none !important;
    border-bottom: 0px solid #fff;
    border-top: 0px solid #cccccc !important;
    border-left: 0px solid #cccccc !important;
    border-right: 0px solid #cccccc !important;
    color: #fff;
    font-weight: 700;
}

    .nav-tabs > li.active > a:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0%;
        height: 5px;
        opacity: 1;
        width: 100%;
        background: #a3d55d;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

.nav > li > a:focus,
.nav > li > a:hover {
    background: none;
    color: #fff !important;
}

.dropdown-menu {
    border: 0px solid #fff;
}

.tab-content > .tab-pane {
    min-height: 260px;
    margin: 0;
    padding: 10px 60px;
}

.tab-content > .active {
    background: #001d3a;
}

.sub-heading {
    margin: 20px 0 0 0;
    padding: 0;
    color: #ccc;
}

.carousel-inner {
    height: 600px;
}

.banner-title {
    color: #fff;
    line-height: 1.4em;
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 700;
    text-shadow: 0 0 10px #012951;
}

.banner-box a {
    color: #fff;
    background: #012951;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 60px;
}

.banner-box {
    position: absolute;
    bottom: 20%;
    text-align: left;
    width: 45%;
    left: 4%
}

.carousel {
    margin-bottom: 0 !important;
}

.one--white {
    width: 50%;
    left: 0;
    bottom: 0;
    border-bottom: 25px solid #002a74;
    border-right: 25px solid transparent;
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.two--white {
    left: 50%;
    bottom: 0;
    right: 0;
    border-bottom: 25px solid #002a74;
    border-left: 25px solid transparent;
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.navbar-brand > img {
    display: block;
    width: 88%;
    padding: 10px
}

.carousel-indicators {
    display: none;
}

.block1-bg {
    background: #012951;
}

.block2-bg {
    background: #003a76;
}

.block3-bg {
    background: #012951;
}

.grid-blocks img {
    width: 240px;
}

.grid-blocks h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

.marquee-section {
    background: #ededed;
    padding: 10px;
    position: relative;
    width: 100%
}

    .marquee-section p {
        background: #ededed;
        padding: 0;
        position: relative;
        width: 100%;
        font-size: 24px;
        font-weight: bold;
        margin: 0;
    }

.tab-pane h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid #77ab2e;
    padding-bottom: 18px;
}

.top-area {
    box-shadow: 0 0 8px rgb(0 0 0 / 30%)
}

.innerpage-section {
    padding: 25px;
    background: #00356a
}

.page-list {
    margin: 3px 0 0 0;
    padding: 0;
    text-align: right;
}

    .page-list li {
        list-style: none;
        display: inline-block;
    }

        .page-list li a {
            color: #fff;
            text-transform: uppercase;
            padding: 4px 8px;
            margin: 1px;
            background: #a1a1a1;
            font-weight: bold;
            width: 27px;
            display: block;
            text-align: center;
        }

            .page-list li a.active {
                color: #012951;
                background: #ffffff;
            }

            .page-list li a:hover {
                color: #fff;
                background: #012951
            }

.departments-block {
    padding: 40px;
}

.departments-inner-block {
    padding: 20px;
    margin-bottom: 34px;
}

    .departments-inner-block h2 {
        border: 2px solid #ececec;
        padding: 10px;
        color: #FFF;
        text-align: center;
    }

.list li {
}

.departments-inner-block ul {
    margin: 20px;
    padding: 0;
}

.departments-inner-block li {
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    list-style-type: disclosure-closed;
}

    .departments-inner-block li a {
        color: #fff;
    }

.modal-body {
    background-color: #003a76;
    border-color: #003a76;
}

.intro-1 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    display: block;
    width: 100%;
}

.close {
    color: #fff
}

    .close:hover {
        color: #fff
    }

.intro-2 {
    font-size: 13px
}

.close {
    opacity: 1;
    border: 1px solid #fff;
    padding: 10px;
}

.modal {
    z-index: 999999
}

.btn-1 {
    width: 100%;
    background: #fff !important;
    color: #003a76;
    margin-bottom: 10px;
}

    .btn-1:hover {
        background: #003a76 !important;
        color: #fff;
        border: 1px solid #fff;
    }

#gb-main-page-footer {
    position: relative;
    background: #012951;
}

.gb-section-parent {
    position: relative;
}

#gb-footer {
    padding: 70px 0 56px;
    text-align: center;
}

.gb-section-pad {
    padding-right: 20px;
    padding-left: 20px;
    box-sizing: border-box;
}

.gb-section {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
}

#gb-footer {
    padding: 46px 0 56px;
    text-align: center;
}

#gb-footer {
    padding: 46px 0 56px;
    text-align: center;
}

    #gb-footer .sitename-container h2 {
        font: normal 700 30px 'Montserrat', sans-serif;
        color: #fff;
        text-transform: uppercase;
        padding-bottom: 24px;
        letter-spacing: 0.2px;
    }

.flex-cont {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#gb-footer .footer-middle * {
    color: #fff;
    text-decoration: none !important;
    font-size: 20px;
}

#gb-footer .footer-middle em {
    display: inline-block;
    height: 50px;
    width: 50px;
    font-size: 26px;
    color: #474747;
    padding-top: 13px;
    margin: 0 12px 0 30px;
    background: #DEAF25;
    border-radius: 100%;
    box-sizing: border-box;
}

#gb-footer .footer-middle p {
    text-align: left;
    padding-top: 10px;
}

.rounded-social-buttons {
    text-align: center;
    margin-top: 30px;
}

    .rounded-social-buttons .social-button {
        display: inline-block;
        position: relative;
        cursor: pointer;
        width: 50px;
        height: 50px;
        border: 0.125rem solid transparent;
        padding: 0;
        text-decoration: none;
        text-align: center;
        color: #fefefe;
        font-size: 1.5625rem;
        font-weight: normal;
        line-height: 46px;
        border-radius: 50px;
        transition: all 0.5s ease;
        margin-right: 1.25rem;
        margin-bottom: 0.25rem;
    }

        .rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }

    .rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
        font-size: 25px;
    }

    .rounded-social-buttons .social-button.facebook {
        background: #3b5998;
    }

        .rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
            color: #3b5998;
            background: #fefefe;
            border-color: #3b5998;
        }

    .rounded-social-buttons .social-button.twitter {
        background: #55acee;
    }

        .rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
            color: #55acee;
            background: #fefefe;
            border-color: #55acee;
        }

    .rounded-social-buttons .social-button.linkedin {
        background: #007bb5;
    }

        .rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
            color: #007bb5;
            background: #fefefe;
            border-color: #007bb5;
        }

    .rounded-social-buttons .social-button.youtube {
        background: #bb0000;
    }

        .rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
            color: #bb0000;
            background: #fefefe;
            border-color: #bb0000;
        }

    .rounded-social-buttons .social-button.instagram {
        background: #125688;
    }

        .rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
            color: #125688;
            background: #fefefe;
            border-color: #125688;
        }

.navbar-nav > li > .dropdown-menu {
    background: #001d3a;
    width: 100%;
    min-width: 252px;
    position: absolute;
    left: 0;
}

.navbar-right {
    position: inherit !important
}

.dropdown-menu > li > a {
    color: #fff;
    padding: 10px
}

.calendar * {
    font-family: 'Open Sans',Arial,sans-serif !important
}

.marquee-parent {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.topsticky {
    padding: 0;
    text-transform: uppercase;
    text-align: right;
    border-radius: 0;
    background: #333;
}

.btn {
    font-size: 15px !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2.5px;
    font-family: 'Nunito', sans-serif;
    box-shadow: none !important;
    border: 0;
    padding: 10px 20px !important;
}

.topsticky .navbar-nav {
    border: none;
    width: 100%
}

.navbar.topsticky {
    border: none;
    min-height: 30px;
    margin-bottom: 0
}

.topsticky .navbar-nav li {
    float: left
}

.color-white {
    color: #000 !important
}

.topsticky .navbar-nav li a {
    color: #fff;
    font-weight: bold;
}

    .topsticky .navbar-nav li a a {
        color: #000
    }

p.dropdown-toggle {
    margin: 15px
}

    p.dropdown-toggle strong {
        color: #FFF
    }

    p.dropdown-toggle .caret {
        width: 10px;
        height: 10px;
        color: #FFF
    }

.logodiv {
    background: #13450e;
    padding: 2rem 0;
    text-align: center;
    border-bottom: solid 1px #0584a8
}

    .logodiv img {
        display: inline
    }

    .logodiv h3, .logodiv h1 {
        color: #FFF;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-size: 46px;
        display: inline-block !important;
        text-shadow: 2px 2px 2px #000;
        text-decoration: none;
        text-align: left;
        padding-left: 12px !important;
        margin-top: 10px;
        line-height: 46px;
        vertical-align: middle;
        font-family: "Felix Titling"
    }

.dropdown-menu {
    height: auto !important
}

    .dropdown-menu li {
        display: block !important
    }

        .dropdown-menu li a {
            display: block !important
        }

.logodiv h3 span, .logodiv h1 span {
    font-size: 18px;
    display: block
}

.logodiv a:hover {
    text-decoration: none
}

a, a:focus, a:visited {
    outline: none
}

.main-navbar {
    border-radius: 0;
    background-color: #012951;
    border-color: #012040;
    border-bottom: none;
    margin-bottom: 0;
    border-right: none;
    border-left: none
}

    .main-navbar li:hover {
        background-color: #FFF
    }

    .main-navbar li.active {
        background-color: #ededed
    }

    .main-navbar li li:hover {
        background: none
    }

    .main-navbar li a {
        color: #FFF;
        padding-left: 14px;
        padding-right: 14px;
        font-size: 16px
    }

    .main-navbar li:hover a {
        color: #333
    }

    .main-navbar li a:focus, .main-navbar li a:hover, .main-navbar li.active a {
        color: #333
    }

    .main-navbar li a:hover {
        background-color: #FFF
    }

    .main-navbar .dropdown-menu {
        border: none;
        box-shadow: none
    }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: #FFF;
    color: #333
}

.container-fluid {
    padding-left: 0;
    padding-right: 0
}

.carousel-caption {
    bottom: 200px
}

.carousel {
    height: 380px
}

.radial-center {
    background: #03376B url(../images/bgImages/background-sfdr-admin15.png);
    border-bottom: 1px solid #03376B;
    background-size: cover
}

.buttons-new {
    padding: 10px
}

    .buttons-new a {
        width: 100%
    }

.third-sectoin {
    background: #FFF;
    padding: 50px
}

    .third-sectoin .headlines-block {
        padding: 20px 0
    }

        .third-sectoin .headlines-block a:hover {
            text-decoration: none
        }

        .third-sectoin .headlines-block .row {
            background: #ededed;
            padding: 20px 0;
            border: dotted 1px #CCC;
            margin: 10px 0
        }

    .third-sectoin em {
        margin-right: 15px
    }

    .third-sectoin .headlines-block .row .col-md-3 a img {
        width: 100%
    }

    .third-sectoin .headlines-block .feed-block {
        width: 95%;
        padding: 0 0 0 5%
    }

    .third-sectoin .headlines-block .links-block {
        width: 95%;
        padding: 0 0 0 5%
    }

        .third-sectoin .headlines-block .links-block h4 {
            margin: 5px 0
        }

        .third-sectoin .headlines-block .links-block a {
            font-size: .8em;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -khtml-border-radius: 4px;
            padding: 8px;
            background: #ededed;
            border: 1px dashed #e4e5e7;
            display: block
        }

.footer {
    background: #333;
    padding: 30px 0 0;
    color: #CCC;
    z-index: -1
}

    .footer a {
        color: #999
    }

        .footer a.fade_success:hover {
            border-color: #CCC
        }

        .footer a:hover {
            color: #CCC;
            text-decoration: none
        }

    .footer ul {
        list-style-type: none
    }

    .footer .row {
        margin: 0;
        padding: 0;
        border-bottom: solid 1px #222;
        padding-bottom: 10px
    }

        .footer .row .col-md-4 {
            min-height: 130px;
            text-align: center
        }

            .footer .row .col-md-4 a img {
                transition: all .3s ease;
                opacity: .3
            }

            .footer .row .col-md-4 a:hover img {
                opacity: .6
            }

        .footer .row .border-right {
            border-right: 1px dotted #666;
            text-align: right;
            min-height: 130px
        }

        .footer .row .border-left {
            border-left: 1px dotted #666;
            text-align: left;
            min-height: 130px
        }

    .footer .row1 {
        margin: 0;
        padding: 0;
        border: none;
        border-top: solid 1px #555;
        text-align: center;
        position: relative
    }

        .footer .row1 .powered {
            position: absolute;
            top: 5%;
            right: 10%;
            color: #ccc;
            font-size: 12px
        }

            .footer .row1 .powered a {
                color: #ccc
            }

        .footer .row1 ul li {
            display: inline-block;
            margin: 10px 5px
        }

            .footer .row1 ul li a i {
                font-size: 1em;
                color: #CCC
            }

        .footer .row1 .btn-default {
            background: rgba(255,255,255,0.2);
            border: solid 1px rgba(255,255,255,0.3);
            min-width: 35px;
            font-size: 24px
        }

            .footer .row1 .btn-default:hover {
                background: rgba(255,255,255,0.1);
                border: solid 1px rgba(255,255,255,0.2)
            }

        .footer .row1 .copyright {
            font-size: .85em;
            color: #ccc
        }

            .footer .row1 .copyright i {
                font-size: 1.2em;
                color: #888
            }

#back-top {
    position: fixed;
    z-index: 1000;
    bottom: 40px;
    right: 50px
}

    #back-top a {
        width: 60px;
        height: 60px;
        display: block;
        text-align: center;
        font: 11px/100% Arial,Helvetica,sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        color: #FFF;
        background: #A9A9B1;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
        line-height: 60px;
        font-size: 2em;
        border-radius: 50%
    }

.schools-content {
    padding: 0;
    margin: 0
}

    .schools-content .pad-mar-zero {
        padding: 0;
        margin: 0
    }

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default
}

    .hovereffect .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        padding: 50px 20px;
        background: rgba(14,172,216,0.0);
        transition: all .3s ease-in
    }

    .hovereffect:hover .overlay {
        background: none
    }

    .hovereffect img {
        display: block;
        position: relative;
        max-width: none;
        width: calc(100% + 20px);
        -webkit-transition: opacity 0.35s,-webkit-transform .35s;
        transition: opacity 0.35s,transform .35s;
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .hovereffect:hover img {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .hovereffect:hover h2 {
        background: #fff
    }

    .hovereffect h2 {
        text-transform: uppercase;
        cursor: auto;
        text-align: center;
        position: relative;
        font-size: 26px;
        overflow: hidden;
        padding: .5em 0;
        background-color: #fff;
        margin-bottom: 0
    }

.nav.left {
    top: 10px !important
}

.nav ul > li > a {
    font-size: 13px
}

.carousel h2 {
    font-size: 24px
}

.hovereffect h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    content: '';
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.hovereffect.act .overlay {
    background: none
}

.hovereffect.act h2 {
    background: rgba(0,0,0,0.5)
}

.hovereffect.act a, .hovereffect.act p {
    opacity: 1;
    transform: none
}

.hovereffect.act h2:after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.hovereffect:hover h2:after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.hovereffect a, .hovereffect p {
    color: #FFF;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s,-webkit-transform .35s;
    transition: opacity 0.35s,transform .35s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.hovereffect:hover a, .hovereffect:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.schools-section {
    text-align: center
}

    .schools-section .box {
        border: solid 0 #CCC;
        padding: 0 1%;
        width: auto;
        margin: 1%;
        display: inline-block;
        vertical-align: top;
        text-align: left
    }

        .schools-section .box h3 {
            text-align: center
        }

        .schools-section .box p {
            margin: 10px 0
        }

.hovereffect1 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: -webkit-linear-gradient(45deg,#ff89e9 0%,#05abe0 100%);
    background: linear-gradient(45deg,#ff89e9 0%,#05abe0 100%)
}

    .hovereffect1 .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        padding: 3em;
        text-align: left
    }

    .hovereffect1 img {
        display: block;
        position: relative;
        max-width: none;
        width: calc(100% + 60px);
        -webkit-transition: opacity 0.35s,-webkit-transform .45s;
        transition: opacity 0.35s,transform .45s;
        -webkit-transform: translate3d(-40px,0,0);
        transform: translate3d(-40px,0,0)
    }

    .hovereffect1 h2 {
        text-transform: uppercase;
        color: #fff;
        position: relative;
        font-size: 17px;
        background-color: transparent;
        padding: 15% 0 10px;
        text-align: left
    }

.goog-te-gadget-simple {
    border: 0 solid #fff !important;
    padding: 6px 0 !important
}

.goog-te-gadget-icon {
    display: none !important
}

.goog-te-gadget-simple .goog-te-menu-value span {
    color: #000;
    text-transform: none
}

.hovereffect1 .overlay:before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s,-webkit-transform .45s;
    transition: opacity 0.35s,transform .45s;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0)
}

.hovereffect1 a, .hovereffect1 p {
    color: #FFF;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s,-webkit-transform .45s;
    transition: opacity 0.35s,transform .45s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
}

.hovereffect1:hover img {
    opacity: .6;
    filter: alpha(opacity=60);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.hovereffect1:hover .overlay:before, .hovereffect1:hover a, .hovereffect1:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.dep-section {
    padding: 50px
}

    .dep-section .col-md-3 {
        min-height: 220px
    }

    .dep-section .alphabet {
        margin: 0 0 15px;
        border-radius: 10px;
        padding: 5px;
        text-align: center;
        border: solid 4px #003;
        font-size: 4.5em;
        font-family: 'Roboto Slab',serif;
        font-weight: 100;
        color: #003
    }

    .dep-section a {
        color: #003
    }

        .dep-section a:hover {
            text-decoration: none
        }

    .dep-section ul {
        list-style-type: none
    }

        .dep-section ul li {
            position: relative;
            font-size: 1.1em
        }

            .dep-section ul li:before {
                content: "";
                position: absolute;
                width: 12px;
                height: 12px;
                background: #006;
                border: solid 1px #003;
                border-radius: 3px;
                left: -20px;
                top: 5px
            }

.ifr-class {
    border: none;
    overflow: hidden;
    width: 416px;
    height: 590px
}

#o-wrapper .alert-info {
    text-align: center
}

#c-button--slide-left {
    float: left
}

.schools-section h2 {
    font-size: 36px
}

.hexagon {
    position: relative;
    width: 300px;
    height: 173.21px;
    margin: 86.6px auto;
    background-size: auto 346.4102px;
    background-position: center
}

.hexTop, .hexBottom {
    position: absolute;
    z-index: 1;
    width: 212.13px;
    height: 212.13px;
    overflow: hidden;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background: inherit;
    left: 43.93px
}

    .hexTop:after, .hexBottom:after {
        content: "";
        position: absolute;
        width: 300px;
        height: 173.20508075689px;
        -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-86.6025px);
        -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-86.6025px);
        transform: rotate(45deg) scaleY(1.7321) translateY(-86.6025px);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        background: inherit
    }

.hexTop {
    top: -106.066px
}

    .hexTop:after {
        background-position: center top
    }

.hexBottom {
    bottom: -106.066px
}

    .hexBottom:after {
        background-position: center bottom
    }

.hexagon h2 {
    position: relative;
    top: 44%;
    text-align: center;
    z-index: 9999;
    color: #fff;
    font-size: 20px
}

.hexagon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 173.2051px;
    z-index: 2;
    background: inherit
}

.row-1, .row-2, .row-3, .row-4, .row-5, .row-6 {
    z-index: 100 !important
}

.list {
    margin: 0;
    padding: 0
}

    .list li {
        list-style: none;
        padding: 4px 0
    }

        .list li a {
            font-size: 13px
        }

        .list li i {
            margin-right: 0
        }

.banner {
    width: 100%;
    height: 274px !important
}

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: .4s
}

    button.accordion.active, button.accordion:hover {
        background-color: #ddd
    }

div.panel1 {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: .6s ease-in-out;
    opacity: 0
}

    div.panel1.show {
        opacity: 1;
        max-height: 1000px
    }

.nav {
    position: relative;
    top: 0;
    z-index: 100;
    -webkit-transition: all .4s .4s;
    -moz-transition: all .4s .4s;
    transition: all .4s .4s
}

    .nav.left, .nav.right {
        width: 280px;
        height: 100%
    }

        .nav.left ul > li, .nav.right ul > li {
            width: 100%;
            height: 20.2%;
            margin: 2px 0
        }

    .nav.left {
        left: -280px;
        top: 55px
    }

        .nav.left ul > li {
            -webkit-transform: translate(-100%,0);
            -moz-transform: translate(-100%,0);
            -ms-transform: translate(-100%,0);
            -o-transform: translate(-100%,0);
            transform: translate(-100%,0)
        }

body.menu-open {
}

    body.menu-open .overlay {
        display: block
    }

.nav.open {
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0
}

    .nav.open ul > li {
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0)
    }

    .nav.open.left {
        left: 0
    }

    .nav.open.right {
        right: 0
    }

    .nav.open.top {
        top: 0
    }

@media (max-width: 767px) {
    .nav.top {
        width: 280px;
        height: 100%;
        top: 0;
        left: -280px
    }

        .nav.top ul > li {
            width: 100%;
            height: 20.2%;
            -webkit-transform: translate(-100%,0);
            -moz-transform: translate(-100%,0);
            -ms-transform: translate(-100%,0);
            -o-transform: translate(-100%,0);
            transform: translate(-100%,0)
        }

    .nav.open.top {
        left: 0
    }

    .nav.open ul > li {
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.c-event-item {
    position: relative;
    height: 60px;
    text-align: left;
    background-color: #FFF;
    box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px rgba(51,51,51,0.7);
    padding: 0 !important;
    margin: 8px !important;
    overflow: hidden
}

    .c-event-item .title {
        width: 60px;
        height: 60px;
        padding: 0;
        margin: 0;
        float: left; /*background-color:#337AB7;*/
        text-align: center;
        text-transform: uppercase
    }

.timeDate {
    display: block;
    font-size: 24px !important;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    padding-top: 6px
}

.timeMonth {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    margin-top: 5px
}

.description {
    position: relative;
    height: 60px;
    text-align: left;
    padding: 6px
}

.description {
    padding: 5px 10px;
    text-align: center
}

    .description h1 {
        font-size: 18px;
        font-weight: 600;
        margin: 0
    }

.c-event-item > div {
    text-overflow: ellipsis;
    width: inherit;
    overflow: hidden;
    white-space: nowrap
}

.search-icon {
    margin: 0;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
    float: right
}

.gSearch {
    float: right;
    width: 16em
}

#search-form {
    background-color: #EEE;
    border: 1px solid #F2F2F2;
    padding: 0;
    box-shadow: 3px 3px 4px #dcdcdc;
    right: 10%;
    border-radius: 2px;
    width: 30%
}

    #search-form .search-form {
        width: 100%;
        padding: 90px 10px 10px;
        background: url(../images/bgImages/MedixSoftIcon.png) center top no-repeat;
        height: 100%;
        text-align: center
    }

#search-form, .ca-menu li:hover .ca-main {
    display: none
}

#currentCond, .gsc-search-button {
    opacity: 0
}

input.gsc-search-button-v2 {
    padding: 0 !important
}

.gsst_a .gscb_a {
    padding-top: 6px
}

.gsc-input-box {
    width: 100% !important
}

.dnone {
    display: none
}

.hexagon h2.top-heading {
    top: 0
}

.hexagon h2.center-heading {
    top: 50%
}

.hexagon h2.bottom-heading {
    top: 100%
}

.cse .gsc-control-cse, div .gsc-control-cse {
    width: 80% important;
    margin: 0 auto
}

.content-box {
    background: #fff;
    margin: 0 0 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 12px -1px rgba(0,0,0,0.2),0 2px 6px rgba(0,0,0,0.15);
    -khtml-box-shadow: 0 4px 12px -1px rgba(0,0,0,0.2),0 2px 6px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 4px 12px -1px rgba(0,0,0,0.2),0 2px 6px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 4px 12px -1px rgba(0,0,0,0.2),0 2px 6px rgba(0,0,0,0.15);
    -o-box-shadow: 0 4px 12px -1px rgba(0,0,0,0.2),0 2px 6px rgba(0,0,0,0.15);
    box-shadow: 0 4px 12px -1px rgba(0,0,0,0.2),0 2px 6px rgba(0,0,0,0.15);
    position: relative;
    border: 1px solid #a9a9b1
}

    .content-box .top-con {
        position: absolute;
        top: -2px;
        right: 0
    }

        .content-box .top-con .label {
            -moz-border-radius: 0 3px;
            -webkit-border-radius: 0 3px 0 3px;
            -ms-border-radius: 0 3px 0 3px;
            border-radius: 0 3px 0 3px
        }

    .content-box .content-box-middle, .content-box .content-box-middle2 {
        padding: 1px 10px;
        float: left;
        width: 74%
    }

        .content-box .content-box-middle h2, .content-box .content-box-middle2 h2 {
            margin: 20px 0 10px;
            font-size: 18px;
            color: #363838;
            text-transform: uppercase;
            overflow: hidden;
            text-align: left
        }

            .content-box .content-box-middle h2 a, .content-box .content-box-middle2 h2 a {
                text-decoration: none;
                font-weight: 700;
                text-align: left
            }

        .content-box .content-box-middle h3, .content-box .content-box-middle2 h3 {
            font-size: 14px;
            color: #757575;
            font-weight: 400;
            line-height: 19px;
            margin: 10px 0 20px;
            min-height: 18px;
            overflow: hidden
        }

        .content-box .content-box-middle button, .content-box .content-box-middle2 button {
            width: 170px;
            height: 38px;
            background-color: #ccd2dc;
            border-radius: 3px;
            -webkit-box-shadow: inset 0 -2px 0 rgba(179,186,201,0.75);
            -khtml-box-shadow: inset 0 -2px 0 rgba(179,186,201,0.75);
            -moz-box-shadow: inset 0 -2px 0 rgba(179,186,201,0.75);
            -ms-box-shadow: inset 0 -2px 0 rgba(179,186,201,0.75);
            -o-box-shadow: inset 0 -2px 0 rgba(179,186,201,0.75);
            box-shadow: inset 0 -2px 0 rgba(179,186,201,0.75);
            text-align: center;
            line-height: 38px;
            margin: 20px auto 0;
            border: none;
            color: #fff;
            display: block
        }

            .content-box .content-box-middle button:active, .content-box .content-box-middle2 button:active {
                box-shadow: none
            }

    .content-box .content-box-middle2 {
        border: 1px dashed #e0e4e5
    }

    .content-box .content-box-right {
        position: relative;
        float: right;
        width: 23.5%;
        height: auto;
        padding: 10px 0 10px 10px
    }

        .content-box .content-box-right h2 {
            margin: 35px 0 10px
        }

        .content-box .content-box-right h3 i {
            color: #bdc3c7;
            font-size: 16px;
            margin-right: 5px
        }

        .content-box .content-box-right h3 {
            font-size: 14px;
            color: #888;
            margin: 10px 0
        }

.sticky {
    background: #F9F9F9
}

    .sticky .content-box-middle h3, .sticky .content-box-middle2 h3 {
        color: #363838
    }

    .sticky .content-box-right {
        border-left: 1px solid #eaeaea
    }

        .sticky .content-box-right h3 {
            color: #363838
        }

            .sticky .content-box-right h3 i {
                color: #363838
            }

div.panel1 {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: .6s ease-in-out;
    opacity: 0
}

    div.panel1.show {
        opacity: 1;
        max-height: 1000px
    }

.tip {
    font-size: 14px;
    margin-bottom: 4px
}

.content-box-color {
    float: left;
    position: relative;
    height: 5.5em;
    margin-top: 6px;
    padding: 4px;
    border: 1px solid #000;
    border-radius: 10px;
    margin-bottom: 10px
}

.date-time {
    font-size: 13px;
    margin-left: 30px
}

span.blockquote {
    overflow: hidden;
    margin-top: -50px;
    padding-top: -100px;
    border-radius: 17px;
    background-color: #4ADFCC;
    margin-top: 25px;
    color: #fff;
    width: 325px;
    box-shadow: 2px 2px 2px 2px #E0E0E0;
    display: block;
    width: 100%;
    padding-left: 10px;
    text-indent: 0;
    padding-bottom: 80px
}

.heading-biography {
    font-size: 18px
}

.Cite {
    display: block;
    position: relative;
    bottom: 70px;
    border-top: 1px #EEE dotted;
    margin: 0 5px 0 14px;
    padding: 10px 0;
    font-style: italic;
    color: #EEE;
    font-family: initial;
    font-weight: 400
}

span.blockquote::before {
    content: "\201C";
    font-family: Georgia,serif;
    font-size: 60px;
    font-weight: 700;
    color: #999;
    position: relative;
    left: -5px;
    top: 15px
}

span.blockquote::after {
    content: "\201D";
    font-family: Georgia,serif;
    font-size: 60px;
    font-weight: 700;
    color: #999;
    position: relative;
    left: 10px;
    top: 35px
}

.post blockquote a {
    text-decoration: none;
    background: #eee;
    cursor: pointer;
    padding: 0 3px;
    color: #c76c0c
}

.blockquote a:hover {
    color: #666
}

.blockquote em {
    font-style: italic
}

span.blockquote {
    border-left: none
}

.quote-badge {
    background-color: rgba(0,0,0,0.2)
}

.quote-box {
    overflow: hidden;
    margin-top: -50px;
    padding-top: -100px;
    border-radius: 17px;
    background-color: #4ADFCC;
    margin-top: 25px;
    color: #fff;
    width: 325px;
    box-shadow: 2px 2px 2px 2px #E0E0E0
}

.quotation-mark {
    margin-top: -10px;
    font-weight: 700;
    font-size: 100px;
    color: #fff;
    font-family: "Times New Roman",Georgia,Serif
}

.quote-text {
    font-size: 19px;
    margin-top: -65px
}

.block {
    display: block
}

.transport-panel {
    padding: 0 18px;
    background-color: #fff;
    overflow: hidden;
    transition: .6s ease-in-out
}

.no-btn {
    border: 0;
    background: transparent;
    color: #23527c;
    padding: 0;
    outline: none
}

    .no-btn:hover {
        text-decoration: underline
    }

.doc-link-section i {
    float: left;
    margin-top: 5px
}

.doc-link-section span.word-wrap {
    white-space: pre-wrap
}

.sponsorSlider h1.bg-black {
    background: none !important;
    border: 0 solid #fff !important;
    background: none !important;
    border: 0 solid #fff !important
}

.marquee-text {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box
}

    .marquee-text p {
        display: inline-block;
        padding-left: 100%;
        animation: marquee-text 15s linear infinite
    }

        .marquee-text p:hover {
            animation-play-state: paused
        }

@keyframes marquee-text {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(-100%,0)
    }
}

@media only screen and (max-width: 500px) {
    .footer .row .col-md-4 {
        border: none;
        text-align: left
    }

    .footer .row .border-left {
        min-height: auto
    }

    .hexagon {
        margin-bottom: 184px !important
    }

    .navbar-toggle {
        float: right !important;
        border: 1px solid #fff !important
    }

    .topsticky .navbar-nav li {
        float: none;
        width: 100%
    }
}

.caption .btn-warning {
    color: #000
}

.carousel-control {
    height: 90%
}

.footer .row1 ul li .btn:hover span {
    padding-right: 0 !important
}

.hovereffect {
    width: 100%;
    height: auto !important
}

.main-div {
    background: #FFF
}

.news-carousel {
    padding: 10px !important
}

.footer .row .col-md-4 {
    min-height: auto !important
}

.logodiv {
    padding: 1rem 0 !important
}

a.skipContent {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999
}

    a.skipContent:focus, a.skipContent:active {
        color: #fff;
        background-color: #000;
        left: auto;
        top: auto;
        width: 30%;
        height: auto;
        overflow: auto;
        margin: 10px 35%;
        padding: 5px;
        border-radius: 15px;
        border: 4px solid #ff0;
        text-align: center;
        font-size: 1.2em;
        z-index: 999
    }

.hovereffect h2 a {
    color: #333;
    opacity: 1;
    cursor: auto;
}

.hovereffect h2 a {
    color: #333;
    opacity: 1;
    float: none !important;
    transform: none !important
}

    .hovereffect h2 a:hover {
        text-decoration: none;
        color: #111
    }

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

.list1 a {
    font-size: 1.4em !important
}
/*Marquee styles*/
.marquee-parent p {
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 30s linear infinite;
    -webkit-animation: marquee 30s linear infinite;
    cursor: pointer;
}

    .marquee-parent p:hover {
        animation-play-state: paused
    }

/* Make it move */
@keyframes marquee {
    0% {
        text-indent: 85em
    }

    100% {
        text-indent: -85em
    }
}

@-webkit-keyframes marquee {
    0% {
        text-indent: 85em
    }

    100% {
        text-indent: -85em
    }
}

table td {
    padding: 9px;
}

span.blockquote {
    font-size: 1.8em !important;
    line-height: 30px !important;
}

a.anonymous {
    padding: 0 !important;
    margin: 12px 25px 12px 5px;
    transition: ease all 0.2s;
}

    a.anonymous img {
        max-width: 30px !important;
        float: left;
        margin-right: 5px;
    }

    a.anonymous:hover img {
        opacity: 0.7
    }

.anonymous .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.Cite {
    color: inherit !important
}

.anonymous:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.carousel-control {
    height: 82%;
    background: none !important;
}

.foldersparent .panel {
    width: 100%
}

#gb-main-page-footer {
    position: relative;
    background: #012951;
}

.gb-section-parent {
    position: relative;
}

#gb-footer {
    padding: 70px 0 56px;
    text-align: center;
}

.gb-section-pad {
    padding-right: 20px;
    padding-left: 20px;
    box-sizing: border-box;
}

.gb-section {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
}

#gb-footer {
    padding: 46px 0 56px;
    text-align: center;
}

#gb-footer {
    padding: 46px 0 56px;
    text-align: center;
}

    #gb-footer .sitename-container h2 {
        font: normal 700 30px 'Montserrat', sans-serif;
        color: #fff;
        text-transform: uppercase;
        padding-bottom: 24px;
        letter-spacing: 0.2px;
    }

.banner_info {
    position: absolute;
    top: 20%;
    text-align: center;
    width: 100%;
    z-index: 99999;
}

    .banner_info h1 {
        color: #ffffff;
        font-size: 45px;
        font-weight: 900;
    }

    .banner_info h6 {
        color: #ffffff;
        font-size: 18px;
        font-weight: 900;
        text-transform: uppercase
    }

.tia-heading {
    color: #FFFFFF;
    font-size: 36px;
    font-weight: 800;
    margin: 50px 0 20px 0;
}

.block-2-text h6 {
    color: #fff;
    font-size: 18px;
    padding: 20px 0;
}

.block-2-text li {
    color: #fff;
    list-style-type: decimal;
    line-height: 36px;
    font-size: 16px;
}

.tiabg1 img {
    height: 600px !important
}

.circle-img {
    border-radius: 50%;
    height: 300px;
    width: 300px;
    overflow: hidden;
}

    .circle-img img {
        width: 380px;
        height: 100%;
        vertical-align: middle;
        display: inline-block;
    }

.faq_container {
    width: 85%;
    margin: 0 auto;
}

.faq_question {
    font-size: 24px;
    color: #022952;
    font-weight: 700;
    margin-bottom: 20px;
}

.faq_answer p {
    margin-bottom: 40px;
}

.faq_answer p {
    font-size: 16px;
    color: #1f1f1f;
    text-align: justify
}

.elementor-divider {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.elementor-divider-separator {
    width: 15%;
    margin: 0 auto;
    border-top: 2px solid #ececec;
    height: 1px;
    display: block;
}

.p-20 {
    padding: 40px 0;
}

.left-img-1 {
    text-align: right;
}

    .left-img-1 img {
        width: 360px;
    }

.list-1 li {
    color: #003d7e;
    font-weight: 600;
    line-height: 32px;
    font-size: 16px;
}

.tia-logo {
    width: 150px;
    height: 150px;
    display: inline-block
}

.ai-c {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-cont {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#gb-footer .footer-middle * {
    color: #fff;
    text-decoration: none !important;
    font-size: 20px;
}

#gb-footer .footer-middle em {
    display: inline-block;
    height: 50px;
    width: 50px;
    font-size: 26px;
    color: #474747;
    padding-top: 13px;
    margin: 0 12px 0 30px;
    background: #DEAF25;
    border-radius: 100%;
    box-sizing: border-box;
}

.search {
    border: 1px solid #ddd;
    width: 80%;
    overflow-x: hidden;
    display: flex;
    border-radius: 6px;
    font-size: 18px;
    position: relative;
    margin: 40px auto;
    background: #fff;
    box-shadow: 0 0 10px #ECECEC;
}

    .search input {
        width: 86%;
        height: 80px;
        border: none;
        padding: 8px 20px;
        outline: none;
        font-size: 28px;
        color: #484c7a;
        background: none !important
    }

.button-src {
    padding: 0px 10px;
    display: inline-block;
}

    .button-src button {
        padding: 20px 30px !important;
        border: none;
        margin: 9px 7px;
        background-color: #022952;
        color: #ffffff;
        font-size: 18px;
    }

        .button-src button:hover {
            padding: 20px 30px !important;
            border: none;
            margin: 9px 7px;
            background-color: #022952;
            color: #ffffff;
            font-size: 18px;
        }

#search-1 label {
    display: none;
}

#search-1 .input-group {
    width: 90%;
}

.search-results {
    width: 100%;
    margin: 0 auto;
}

    .search-results ul {
        padding: 0;
    }

    .search-results li {
        list-style: none;
        background: #fff;
        box-shadow: 3px 4px 10px #dddddd;
        border-radius: 4px;
        padding: 20px;
        margin-bottom: 20px;
    }

        .search-results li h2 {
            margin-top: 4px;
        }

.h11 {
    color: rgba(0,0,0,0.8);
    font-size: 32px;
    font-weight: bold;
}

@media (max-width: 479px) {
    .show320, #gb-footer-legal > div#legal, #gb-footer .footer-middle, #footer-address {
        display: block;
    }

    .bnrImg img {
        height: 70vh !important
    }

    .tiabg1 img {
        height: 120vh !important
    }

    .mobile_padding {
        padding: 40px;
    }

    .container {
        width: 100% !important
    }
}

#gb-footer .footer-middle p {
    text-align: left;
}
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #8f54a0 #ffffff;
}

    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 12px;
    }

    *::-webkit-scrollbar-track {
        background: #ffffff6b;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #8f54a0;
        border-radius: 10px;
        border: 2px solid #ffffff;
    }

@media (max-width: 479px) {
    #gb-footer .footer-middle em {
        margin: 0 12px 20px 0;
    }
}

@media (min-width: 768px) {
    .navbar-form .form-control {
        display: inline-block;
        width: auto !important;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 480px) {
    .navbar-header {
        min-height: 70px;
    }

    .hovereffect {
        height: auto !important;
    }

    .navbar-default .navbar-toggle {
        position: absolute;
        left: 10px;
        top: 10px;
        background: #444;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background: #fff;
        }

    .navbar-brand > img {
        display: block;
        width: 274px;
        padding: 10px;
        margin-left: 47px;
    }

    .icon {
        display: inline
    }

        .icon img {
            display: inline;
            width: 30px;
            margin-right: 10px;
        }

    .navbar-nav {
        margin-left: 0 !important;
    }

        .navbar-nav > li > .dropdown-menu {
            top: 130px;
        }
}

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
    text-decoration: none;
    color: #fff !important;
    font-family: 'Avenir', sans-serif !important;
    font-weight: 600;
    font-size: 16px;
}


#goog-gt-votingHiddenPane {
    display: none;
}

.rfp-title {
    font-weight: bold;
    margin-top: 0;
    padding-bottom: 20px;
}

.btn-3 a {
    background: #2e3192;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 12px 18px;
    -webkit-appearance: none;
    -webkit-transition: .5s;
    transition: .5s;
    width: auto;
    display: inline-block;
}

.mobile-menu {
    display: none !important;
}

.calendar-menu-a {
    background: none !important;
}

    .calendar-menu-a:hover {
        background: none !important;
        color: #fff !important;
    }

@media only screen and (max-width: 768px) {
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        height: auto !important;
    }

    .fc-day-grid-container {
        height: 100% !important;
    }

    #homepage_slider {
        height: 200px !important;
    }

    #homepage_slider {
        .carousel, .carousel-inner, .carousel-inner .item

{
    height: 200px !important;
}

.banner-title {
    font-size: 18px !important;
}

}

#homepage_slider video {
    height: 200px !important;
}

.owl-carousel .owl-item img {
    height: 260px;
}

.mobile-menu {
    display: block !important;
}

.web-menu {
    display: none !important;
}

.mobile-menu li a {
    color: #fff !important;
}

.mobile-menu li h4 {
    padding: 5px 15px 10px 25px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 4px solid #a3d55d;
}

.mobile-menu li h6 {
    padding: 10px 15px 10px 25px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: #001d3a;
}

.calendar-menu-a {
    background: none !important;
}

    .calendar-menu-a:hover {
        background: none !important;
        color: #000 !important;
    }

ul.navbar-right li:nth-child(4) a {
    background: none !important;
}

.marqueeblock p{
	font-size:13pt;
}