@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');


html {
    font-size: 16px;
}

body {
    font-family: 'Poppins', sans-serif !important;
    overflow-x: hidden;
    font-size: 1rem;
    font-weight: 400;
}

strong, b {
    font-weight: 700 !important;
}

i, em {
    font-style: italic;
}

    em b, b em, i b, b i, strong em, em strong, strong i, i strong {
        font-weight: 700 !important;
        font-style: italic;
    }

/* .container {
	padding-left: 0 !important;
	padding-right: 0 !important;
} */

.header {
    background-color: #084c61;
    color: #fff;
    min-height: 100px;
}


    .header li a {
        color: #fff;
        padding: 0 15px;
        transition: ease-in-out all 0.3s;
    }

        .header li a:hover {
            color: #52d1dc;
        }

    .header li ul li a {
        color: #084c61;
    }

.logo {
    display: flex;
    align-items: center;
    height: 100px;
    font-family: 'Georgia', sans-serif;
    z-index: 5;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-toggler .navbar-menu-icon {
	display: block;
	background: white;
	height: 4px !important;
	width: 20px !important;
	margin-bottom: 2px;
}
.navbar-dark .navbar-toggler {
	border: 0;
}
.news-announcements ul.list-unstyled {
	margin-bottom: 5rem !important;
}

@media screen and (max-width: 1000.98px) {
.offcanvas-backdrop {
	display: none
}
.offcanvas-collapse.show {
	left: 0;
	visibility: visible;
}
}

.dropdown.show .nav-link, .dropdown.show .nav-link:hover {
    color: #52d1dc;
}

.dropdown-item {
    white-space: pre-wrap !important;
}

    .dropdown-item.active, .dropdown-item:active {
        background-color: transparent !important;
        color: #212529 !important;
        font-weight: 600 !important;
    }

.navigation {
    display: flex;
    height: 100px;
    align-items: center;
    justify-content: flex-end;
}

.header ul {
    margin-bottom: 0;
}

.menu .navbar .navbar-nav .nav-link {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-toggler i {
    color: #fff;
}

.menu .navbar {
    justify-content: flex-end !important;
    height: 100px;
}

.dropdown-menu {
    padding-left: 0;
    background: #FFF !important;
}

    .dropdown-menu ul, .dropdown-menu ul li {
        list-style: none !important;
        margin: 0;
        padding: 0;
    }

    .dropdown-menu a {
        display: block;
        padding: 2px 15px !important;
    }

.navbar .nav-item a.nav-link.active {
    color: #52d1dc;
}

#investor .navbar #Investors li a {
    color: #084c61;
}

.banner-bg {
    background-image: url("../images/banner-bg.jpg");
    min-height: 50vh;
}

.bg-overlay {
    color: #fff;
    background-color: rgba(8, 76, 97, 0.2);
    padding: 40px;
    bottom: 0;
    width: 100%;
}

    .bg-overlay h2 {
        font-weight: bold;
    }

.container {
    max-width: 1600px !important;
}

.main {
    padding-bottom: 20px;
}

.main-content {
    padding: 40px;
}

    .main-content a {
        color: #084c61;
        text-decoration: underline;
    }

        .main-content a:hover {
            color: #084c61;
            text-decoration: none;
        }

    .main-content li {
        padding-bottom: 20px;
    }


.update {
    border: 2px solid #084c61;
    color: #084c61;
    padding: 10px;
    font-weight: bold;
    margin-top: 20px;
}

    .update p {
        margin-bottom: 0;
    }


/* TABS */

.announcement h2 {
    padding: 10px;
}

.news-tabs {
    border: 1px solid #084c61;
    background-color: #084c61;
}

    .news-tabs .tablinks a {
        display: block;
        padding: 14px 16px;
        transition: all 0.3s ease-in-out;
        color: #fff;
        text-decoration: none !important;
    }

        .news-tabs .tablinks a:hover, .news-tabs .tablinks a:active, .news-tabs .tablinks a:focus,
        .news-tabs .tablinks.active a, .news-tabs .tablinks a.active {
            background-color: #fff;
            color: #084c61;
        }

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.news-list {
    padding: 6px 12px;
    border: 1px solid #ccc;
    margin-bottom: 1rem;
}

    .news-list h2 {
        padding: 10px;
    }

    .news-list .media-left {
        display: none;
    }

    .news-list ul.list-unstyled li {
        padding: 10px;
    }

        .news-list ul.list-unstyled li:nth-child(odd) {
            background-color: #ddd;
        }

.dl-item:nth-child(odd) {
    background-color: #ddd;
}

.dl-item {
    padding: 10px;
}

/* QUICKLINKS */

.financial-reports {
    border-left: 2px solid #177e89;
    color: #177e89;
    padding: 15px;
    height: 100%;
}

    .financial-reports a {
        color: #177e89;
        text-decoration: underline;
    }

        .financial-reports a:hover {
            color: #177e89;
            text-decoration: none;
        }

.news-announcements {
    background-color: #177e89;
    color: #fff;
    padding: 15px;
    height: 100%;
}

    .news-announcements ul li {
        margin-bottom: 10px;
    }

    .news-announcements a {
        color: #fff;
        text-decoration: underline;
    }

        .news-announcements a:hover {
            color: #fff;
            text-decoration: none;
        }

    .news-announcements .text-muted {
        color: rgba(255,255,255,.5) !important;
    }

.annual-meetings {
    border-left: 2px solid #084c61;
    color: #084c61;
    padding: 15px;
    height: 100%;
}

    .annual-meetings a {
        color: #084c61;
        text-decoration: underline;
    }

        .annual-meetings a:hover {
            color: #084c61;
            text-decoration: none;
        }

.about {
    background-color: #084c61;
    color: #fff;
    padding: 15px;
    height: 100%;
}

.about-hover {
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    text-indent: -999em
}

.links-arrow {
    position: absolute;
    bottom: 10px;
}

.adjust-1200 {
    min-height: 330px;
}

    .adjust-1200 a {
        display: block;
    }

.footer {
    background-color: #084c61;
    color: #fff;
    margin-top: 40px;
    text-align: right;
    display: flex;
    align-items: center;
    height: 100px;
}

    .footer p {
        margin-bottom: 0;
    }

    .footer a {
        color: #fff;
        padding: 0px 5px;
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: 440 !important;
}

@media(min-width: 1001px) {
    .dropdown-menu {
        min-width: 140%;
    }
}

@media (max-width: 1600px) {
    .row {
        margin-left: 0;
        margin-right: 0;
    }

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


@media(max-width: 1400px) {
    .main-content {
        padding: 20px 0;
    }
}

@media(max-width: 1200px) {
    .adjust-1200 {
        margin-bottom: 20px;
    }
}

@media(max-width: 1002px) {
}

@media(max-width: 840px) {
    .bg-overlay {
        height: 100%;
        padding: 20px;
        margin-left: -15px;
        margin-right: -15px;
    }

    h1, .h1 {
        font-size: 2rem;
    }
}

@media(max-width: 600px) {
    .bg-overlay h2 {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 1000.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 100px;
        bottom: 0;
        left: 100%;
        right: 0;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: 1rem;
        background-color: #084c61;
        transition-timing-function: ease-in-out;
        transition-duration: .3s;
        transition-property: all;
        z-index: 3;
    }

        .offcanvas-collapse.open {
            left: 0;
            visibility: visible;
        }

    .navbar-button {
        position: absolute;
        right: 0px;
        top: 35px;
        z-index: 4
    }

        .navbar-button.is-fixed {
            position: fixed;
        }

    html.no-scroll,
    body.no-scroll {
        overflow: hidden;
    }

    .offcanvas-collapse.open .navbar-nav {
        width: 100%;
    }

    .header li a {
        text-align: center;
        font-size: 1.3rem;
    }

    .dropdown-menu a:hover {
        text-decoration: none;
    }
}

@media(max-width: 1030px) {
    .banner-bg {
        min-height: 1px;
    }
}

@media(max-width: 435px) {
    .footer p {
        font-size: 0.9em;
    }
}