/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,700,700i');





/*-------------------------------------------------------------------------------------	

-------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	1.	Global Styles
/*-----------------------------------------------------------------------------------*/
/* Elements */
html {
    overflow: auto;
    height: auto;
    font-size: 14px;
}


    html.no-scroll {
        overflow: hidden;
        height: 100%;
    }

body {
    overflow: auto;
    height: auto;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-size: 1rem;
    font-weight: 400;
}


    body.no-scroll {
        overflow: hidden;
        height: 100%;
    }

#back-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #000;
    color: #fff;
    display: block;
    padding: 0.5rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 9999;
}

    #back-top:hover {
        background: #009081;
    }

.reqField {
    color: #FF0000;
}

.underline {
    text-decoration: underline;
}

ul.no-margin {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    list-style: none;
}

    ul.no-margin li {
        list-style: none;
    }


.searchToggle, .search-toggle {
    display: none;
}

.searchToggle {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0px;
    padding: 0px;
    height: auto;
    text-align: center;
    background: #ffffff;
    color: #000000;
    cursor: pointer;
    font-size: 25px;
}



/*skip for keyboard navigation and screen readers*/
.skip a, .skip a:hover, .skip a:visited {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    .skip a:active, .skip a:focus {
        position: absolute;
        float: left;
        width: 150px;
        margin-left: 20px;
        margin-top: 10px;
        height: auto;
    }

strong {
    font-weight: 700
}

em {
    font-style: italic;
}

    em strong, strong em {
        font-weight: 700;
        font-style: italic
    }

a:link, a:visited {
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    color: #009081;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: #009081;
}



button, input[type="submit"] {
    cursor: pointer;
    transition: all 0.4s ease-out 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
}



input[type="text"], textarea {
    height: 35px;
    line-height: 35px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: #999;
    width: 100%;
    max-width: 400px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #9c9c9c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.searchForm input[type="text"] {
    max-width: 260px;
    border: 1px solid #000000;
    border-radius: 0px;
}

select {
    height: 35px;
    line-height: 35px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: #9c9c9c;
    width: 100%;
    border: 1px solid #9c9c9c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    select.NAVselect {
        max-width: 200px;
        border: 1px solid #000000;
        border-radius: 0px;
    }

input[type="text"].large {
    width: 91%;
}

textarea {
    height: 150px;
    margin-top: 10px;
    width: 91%;
}

input[type="submit"] {
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #ffffff;
    padding: 10px;
    border: 1px solid #75777a;
    background: #75777a;
    text-transform: uppercase;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c6c5c3), color-stop(100%, #75777a));
    background: -webkit-linear-gradient(top, #c6c5c3, #75777a);
    background: -moz-linear-gradient(top, #c6c5c3, #75777a);
    background: -o-linear-gradient(top, #c6c5c3, #75777a);
    background: linear-gradient(top, #c6c5c3, #75777a);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.9);
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.9);
}

    input[type="submit"]:hover,
    input[type="submit"]:focus,
    input[type="submit"]:active {
        background: #009081;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #005d50), color-stop(100%, #009081));
        background: -webkit-linear-gradient(top, #005d50, #009081);
        background: -moz-linear-gradient(top, #005d50, #009081);
        background: -o-linear-gradient(top, #005d50, #009081);
        background: linear-gradient(top, #005d50, #009081);
        border: 1px solid #005d50;
    }

img {
    max-width: 100%;
    height: auto;
}

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

p {
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.3;
}

ul, ol {
    margin: 1em;
    padding: 1em;
}

li {
    line-height: 1.3;
    margin-bottom: 1em;
}

strong, b {
    font-weight: 900;
}


.top-landing {
    padding-top: calc(10% + 60px);
    padding-bottom: 10%;
    position: relative;
}


.home-page-body {
    background: url(../images/bg/desktop-bg.jpg) no-repeat top center;
    -webkit-background-size: 100% !important;
    -moz-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% !important;
}


@media (max-width: 768px) {
    .home-page-body {
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
    }
}


.top-landing p {
    font-weight: 300;
}

.internal-top-landing {
    padding-top: 60px;
    position: relative;
    height: 200px;
}

.internal-page-body {
    background: url(../images/bg/desktop-internal-bg.jpg) no-repeat top center;
    -webkit-background-size: 100% !important;
    -moz-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% !important;
}


.minus-margin-10 {
    margin-top: -10px;
}

.minus-margin-25 {
    margin-top: -25px;
}

.minus-margin-50 {
    margin-top: -50px;
}

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

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

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-top-75 {
    padding-top: 75px;
}

.padding-bottom-25 {
    padding-bottom: 25px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-bottom-75 {
    padding-bottom: 75px;
}

h1, h2 {
    text-align: left;
    margin-top: 0px;
    padding-top: 0px;
}

h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
}

h1, h2, h3, h4, h5 {
    font-weight: 700;
    line-height: 1.2em;
}

    h1.light, h2.light, h3.light, h4.light, h5.light {
        font-weight: 300;
    }


h1 {
    font-size: 1.99rem;
}

h2 {
    font-size: 1.99rem;
}

h3 {
    font-size: 1.215rem;
}

.float-left {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}

.float-right {
    float: right;
    margin-left: 25px;
    margin-bottom: 25px;
}

.float-left-img {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}

.float-right-img {
    float: right;
    margin-left: 25px;
    margin-bottom: 25px;
}

.no-margin-bottom {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.no-margin-top {
    margin-top: 0px;
    padding-top: 0px;
}

h4 {
    font-size: 1rem;
}

h5 {
    font-size: 1rem;
}

.xx-large {
    font-size: 2.71rem;
}

.x-large {
    font-size: 1.99rem;
}

.large {
    font-size: 1.215rem;
}

.medium {
    font-size: 1.215rem;
}

.content-inner {
    padding: 25px;
}

.content-inner-sm {
    padding: 10px 25px;
}

.left-inner {
    padding-left: 25px;
}

.top-inner {
    padding-top: 25px;
}

.bottom-inner {
    padding-bottom: 25px;
}

.left-inner-margin {
    margin-left: 25px;
}

.right-inner {
    padding-right: 25px;
}

.padding-left-25 {
    padding-left: 25px;
}

.padding-left-50 {
    padding-left: 50px;
}

.padding-left-75 {
    padding-left: 75px;
}

.padding-right-25 {
    padding-right: 25px;
}

.padding-right-50 {
    padding-right: 50px;
}

.padding-right-75 {
    padding-right: 75px;
}


.left-inner-sm {
    padding-left: 10px;
}

.right-inner-sm {
    padding-right: 10px;
}

.border-round-5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.border-round-15 {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.border-round-25 {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.textalign-center {
    text-align: center;
}

.textalign-right {
    text-align: right;
}

.textalign-left {
    text-align: left;
}

.full-img {
    width: 100%;
    height: auto;
}

/* Header Styles */
.top-header {
    width: 100%;
    padding-bottom: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 999;
}

.top-header .top-container {
    background: rgba(0,144,129,.75);
}

    .top-header .container {
        overflow: visible;
        padding-top: 24px;
        position: relative;
    }

    .logo img {
        width: 100%;
        height: auto;
        max-width: 135px;
        border: 0px !important;
    }

        .logo img.desktop-only {
            display: block;
        }

        .logo img.mobile-only {
            display: none;
        }

    .logo:hover img,
    .logo:focus img,
    .logo:active img {
        border: 1px dotted rgba(255,255,255,0.3);
    }

.show-responsive {
    font-size: 30px;
    line-height: 30px;
    margin-left: 0px;
    display: none;
    color: #fff !important;
    position: absolute;
    left: 15px;
    top: 34px;
    z-index: 4;
}

    .show-responsive .menu-close {
        display: none;
        height: 30px;
        width: 30px;
        padding-top: 0px;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .show-responsive .menu-close.open {
            margin-left: 220px;
            color: #000 !important;
            font-weight: 700;
        }

.-menu {
    list-style-type: none;
    overflow: visible;
    display: table-cell;
    float: left;
    width: 100%;
    margin: 16px 0px 0px 0px;
    padding: 0px;
    font-size: 1.143rem;
}

    .-menu li {
        position: relative;
        text-align: left;
        float: left;
        margin: 0px;
        padding: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .-menu li a {
            padding: 0 25px;
            color: #fff;
            display: block;
            margin: 0px auto;
            line-height: 1.5;
        }

        .-menu li ul li {
            width: 100%;
            height: auto;
            text-align: left;
        }

.-menu li a.investors-link.active,
.-menu li a.about-link.active,
.-menu li a.contact-link.active {
    font-weight: 700;
    position: relative;
}

    .-menu li a.investors-link::after,
    .-menu li a.about-link::after,
    .-menu li a.contact-link::after {
        position: absolute;
        bottom: -7px;
        content: "";
        display: block;
        width: 125px;
        height: 7px;
        
    }

.-menu li a.investors-link.active::after,
.-menu li a.about-link.active::after,
.-menu li a.contact-link.active::after {
    background: #fff;
}


        .-menu li.current-menu-item a, .-menu li.current-menu-parent a {
            color: #fff;
        }

.-menu li:first-child {
    border-left: none;
}

.-menu li:last-child {
    border-right: none;
}

div.sub-menu.desk-top {
    overflow: hidden;
    max-height: 0px;
    background: #fff;
    width: 100%;
    max-width: 1380px;
    margin: 0px auto;
    -webkit-transition: max-height 500ms ease;
    -moz-transition: max-height 500ms ease;
    -o-transition: max-height 500ms ease;
    transition: max-height 500ms ease;
}

    div.sub-menu.desk-top.open {
        max-height: 300px;
        width: 100%;
        max-width: 1380px;
        margin: 0px auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    div.sub-menu.desk-top p {
        margin: 0;
        padding: 5px 15px;
        color: #009081;
    }

.-menu li div.sub-menu ul,
.-menu li ul.sub-menu,
.-menu li ul.sub-menu li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

div.sub-menu.desk-top ul,
div.sub-menu.desk-top ul li {
    margin: 0px;
    padding: 0px;
}

    div.sub-menu.desk-top ul li a {
        display: block;
        padding: 5px 15px;
    }

        div.sub-menu.desk-top ul li a:hover,
        div.sub-menu.desk-top ul li a:active,
        div.sub-menu.desk-top ul li a:focus {
            background: #009081;
            color: #fff;
        }

    div.sub-menu.desk-top ul li.top-link a:hover strong,
    div.sub-menu.desk-top ul li.top-link a:active strong,
    div.sub-menu.desk-top ul li.top-link a:focus strong {
        color: #fff;
    }

    div.sub-menu.desk-top ul li a.active {
        font-weight: 700 !important;
    }

    div.sub-menu.desk-top div.top-link {
        margin-top: 10px;
    }

div.sub-menu.desk-top div.top-link a {
    font-weight: 700;
}

div.sub-menu.desk-top p::before,
div.sub-menu.desk-top div.top-link::before {
    content: "";
    display: block;
    border-top: 2px solid #000;
    margin-bottom: 5px;
}

    div.sub-menu.desk-top div.top-link::before {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 0;
    }

    div.sub-menu.desk-top ul li.top-link strong {
        display: block;
        color: #009081;
        padding: 5px 15px;
    }

    div.sub-menu.desk-top ul li.top-link a strong {
        padding: 0px;
    }

div.sub-menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.-menu li div.sub-menu li {
    border-left: none;
    float: none;
    border-bottom: 1px solid rgba(1, 1, 1, 0.2);
}

    .-menu li div.sub-menu li a {
        display: block;
        width: auto;
        font-weight: 300;
        text-decoration: none;
        padding: 5px;
        color: #000000;
        vertical-align: middle;
        background: #ffffff;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        box-shadow: 0 0 1px rgba(41,41,41, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
    }


        .-menu li div.sub-menu li a:hover, .-menu li div.sub-menu li a:focus, .-menu li div.sub-menu li a:active,
        #nav ul li.hover a /* <- keeps the tab hover state on as the dropdown gets explored */ {
            color: #ffffff !important;
            display: block;
        }

        /* Company Information */

        .-menu li div.sub-menu li a:hover,
        .-menu li div.sub-menu li a:focus,
        .-menu li div.sub-menu li a:active,
        #nav ul li.hover a {
            background: #009081;
            color: #fff;
        }



    .-menu li div.sub-menu li.current-menu-item a, .-menu li div.sub-menu li.current-menu-parent a {
        color: #292929;
        background-color: #224185;
    }

    .-menu li div.sub-menu li:last-child {
        border-bottom: none;
    }

.offcanvas-collapse {
    background: rgba(0,0,0, 0.6);
    position: fixed;
    top: 0px;
    padding-top: 0;
    left: -100%;
    right: auto;
    width: 100%;
    z-index: 3;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    height: 100vh;
    overflow-y: scroll;
    font-size: 16px !important;
    transition: left .3s ease-in-out;
}

.navbar-light .navbar-toggler {
    width: 50px;
    position: absolute;
    left: 10px;
    top: 30px;
    color: #fff;
    border: 0 !important;
    font-size: 30px;
    transition: left .3s ease-in-out, color .3s ease-in-out;
}

.navbar-light .navbar-toggler.opened {
    left: 85%;
    z-index: 5;
    color: #FFF;
    height: 30px;
}


.navbar-menu-icon {
    display: block;
    background: #FFFFFF;
    height: 2px;
    margin: 5px auto;
    width: 90%;
    line-height: 16px;
    transition: transform .3s 0s ease-in-out;
}

.opened .navbar-menu-icon {
    opacity: 0;
}

.opened .navbar-menu-icon:first-child {
    transform: rotate(45deg);
    opacity: 1;
}

.opened .navbar-menu-icon:last-child {
    transform: rotate(-45deg);
    opacity: 1;
    margin-top: -14px;
}

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

.offcanvas-collapse .dropdown-menu {
    top: 0;
    padding: 0;
    width: 100%;
}

.offcanvas-collapse ul {
    list-style-type: none;
    margin: 0px;
    width: 300px;
    background: #fff;
    padding: 60px 10px 0px 10px;
    height: 100vh;
    overflow: scroll;
}

.offcanvas-collapse ul li {
    margin: 0;
    padding: 0;
}

.offcanvas-collapse ul li a {
    display: block;
    height: auto;
    padding: 15px 25px 15px 10px;
    font-size: 1.143rem !important;
    color: #777 !important;
    background: #fff !important;
}

.offcanvas-collapse .dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.offcanvas-collapse .dropdown-menu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.offcanvas-collapse .dropdown-menu ul li a.dropdown-item {
    display: block;
    height: auto;
    padding: 10px 25px 10px 25px;
    font-size: 1.143rem !important;
    color: #777 !important;
    background: #fff !important;
}

.offcanvas-collapse .dropdown-toggle::after {
    border-top: 0.5em solid;
    border-right: .5em solid transparent;
    border-bottom: 0;
    border-left: .5em solid transparent;
    float: right;
    margin-top: 7px;
}

/* Footer Styles */
footer {
    color: #fff;
    padding-top: 90px;
    background: #ffffff;
}

.top-footer {
    background: #88898c;
    padding-top: 10px;
}

.bottom-footer {
    background: #000000;
    padding-top: 20px;
    padding-bottom: 15px;
    font-size: 0.75rem;
}

    .bottom-footer p:first-child {
        font-size: 0.85rem
    }

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

    footer ul li {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: inline-block;
        text-align: center;
    }

        footer ul li a:link,
        footer ul li a:visited {
            display: block;
            padding: 0.5em;
            color: #ffffff;
        }

        footer ul li a:hover,
        footer ul li a:active,
        footer ul li a:active {
            color: #fff;
        }

footer a:link,
footer a:visited {
    color: #fff;
}

footer a:hover,
footer a:focus,
footer a:active {
    color: #fff;
}


/* Classes */
.container,
.container {
    margin: 0 auto;
    width: 85%;
    max-width: 1380px;
    position: relative;
}


.container-full {
    max-width: 100%;
}

.container-full-height {
    min-height: 62vh;
}


section .container {
    height: 100%;
}





.clear {
    clear: both;
}

.button-1 {
    color: inherit;
    border: 3px solid #fff;
    font-size: 24px;
    line-height: 46px;
    text-align: center;
    display: inline-block;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-decoration: none !important;
    background-color: #009081;
}

    .button-1:hover {
        color: #fff !important;
    }

.button-2 {
    color: #fff;
    background-color: #224185;
    display: inline-block;
    width: auto;
    padding: 10px;
    font-size: 100%;
    margin-top: 20px;
    text-decoration: none !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    border: 0px;
    border-radius: 0px 5px 0px 5px; /* top-left, top-right, bottom-right, bottom-left */
}

    .button-2:hover,
    .button-2:focus,
    .button-2:active {
        color: #fff !important;
        background-color: #000000 !important;
    }

.button-3 {
    border: 1px solid #224185;
    border-radius: 30px;
    color: #224185;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none !important;
    width: 150px;
}

    .button-3:hover {
        background-color: #224185;
        color: #fff !important;
    }

.button-4 {
    border: 1px solid #224185;
    border-radius: 30px;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none !important;
    width: 150px;
    background-color: #224185;
    color: #fff;
}

    .button-4:hover {
        color: #fff !important;
    }

.extend {
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
}

.social-icons {
    list-style-type: none;
    width: 100%;
    overflow: hidden;
}

    .social-icons li {
        float: left;
        margin-right: 10px;
    }

        .social-icons li:last-child {
            margin-right: 0px;
        }

        .social-icons li a {
            background-repeat: no-repeat;
            background-image: url(../images/social-icons.png);
            text-indent: -1000px;
            display: block;
            overflow: hidden;
            height: 34px;
            width: 34px;
            opacity: 0.5;
        }

            .social-icons li a:hover {
                opacity: 1;
            }

        .social-icons li.facebook a {
            background-position: 0px 0px;
        }

        .social-icons li.twitter a {
            background-position: 0px -132px;
        }

        .social-icons li.google a {
            background-position: 0px -44px;
        }

        .social-icons li.linkedin a {
            background-position: 0px -88px;
        }



.div-left {
    float: left;
}

.div-right {
    float: right;
}


/* Slideshow */

.Slideshow {
    width: 100%;
    margin: 0px 0 15px 0;
    height: 285px;
    position: relative;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.list_carousel {
    padding: 0px;
    overflow: hidden;
    height: 285px;
}

    .list_carousel ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }

    .list_carousel li {
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
        padding: 0;
        margin: 0px;
        display: block;
        float: left;
        width: 1042px;
        height: 285px;
        border: solid #fff 5px;
        position: relative;
    }

        .list_carousel li a {
            display: block;
            position: absolute;
            top: 0px;
            left: 10px;
            width: 100%;
            height: 100%;
        }

        .list_carousel li .InnerLayout {
            position: absolute;
            background: rgba(0,0,0,0.8);
            color: #fff;
            bottom: 30px;
            left: 5px;
            width: 33.33%;
        }

            .list_carousel li .InnerLayout .content-inner * {
                margin: 0px;
                padding: 0px;
            }

            .list_carousel li .InnerLayout .content-inner h4 {
                color: #666666;
            }

    .list_carousel .pagination {
        position: absolute;
        left: 0px;
        bottom: -30px;
        width: 100%;
        text-align: center;
    }

        .list_carousel .pagination a {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0 2px;
            border-radius: 6px;
            cursor: pointer;
            opacity: .9;
            background: #666666;
            -webkit-transition: background .5s, opacity .5s;
            -moz-transition: background .5s, opacity .5s;
            transition: background .5s, opacity .5s;
        }

            .list_carousel .pagination a.selected {
                background: #000 !important;
                opacity: 1;
            }

.pagination a span {
    display: none;
}



/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(41,41,41, 0.6);
        clip: auto !important;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 700;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000; /* Above WP toolbar. */
    }




/*-----------------------------------------------------------------------------------*/
/*	Accordion
/*-----------------------------------------------------------------------------------*/

body:not(.sfPageEditor) .accordion-tab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    overflow: hidden;
}

    body:not(.sfPageEditor) .accordion-tab ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        body:not(.sfPageEditor) .accordion-tab ul li {
            margin: 0px;
            padding: 5px 0px;
            list-style: none;
            border-top: 1px solid #ccc;
            position: relative;
        }

    body:not(.sfPageEditor) .accordion-tab li strong.dates {
        font-weight: 700;
        color: #009081;
    }

    body:not(.sfPageEditor) .accordion-tab li span.closing-time {
        color: #009081;
    }

        body:not(.sfPageEditor) .accordion-tab ul li a:link,
        body:not(.sfPageEditor) .accordion-tab ul li a:visited {
            display: block;
            color: #898a8d;
            text-decoration: none;
        }

        body:not(.sfPageEditor) .accordion-tab ul li a:hover,
        body:not(.sfPageEditor) .accordion-tab ul li a:focus,
        body:not(.sfPageEditor) .accordion-tab ul li a:active {
            color: #009081;
        }

    body:not(.sfPageEditor) .accordion-tab input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

    body:not(.sfPageEditor) .accordion-tab label {
        color: #898a8d;
        position: relative;
        display: block;
        cursor: pointer;
        line-height: 1em;
        font-weight: 700;
        -moz-transition: background 0.6s ease-in-out;
        -webkit-transition: background 0.6s ease-in-out;
        -o-transition: background 0.6s ease-in-out;
        transition: background 0.6s ease-in-out;
    }

        body:not(.sfPageEditor) .accordion-tab label.top-link {
            padding: 10px 10px 100px 10px;
            text-transform: uppercase;
            color: #fff;
            font-size: 1.215rem;
            background-color: #75777a;
            background-image: none;
            background: #75777a;
            background: -webkit-linear-gradient(-90deg, #c6c5c3 0%, #75777a 100%);
            background: linear-gradient(-90deg, #c6c5c3 0%, #75777a 100%);
        }

        body:not(.sfPageEditor) .accordion-tab label.sub-link {
            padding: 10px 10px 10px 30px;
        }

    body:not(.sfPageEditor) .accordion-tab a.sub-link {
        padding: 10px 10px 10px 30px;
    }

    body:not(.sfPageEditor) .accordion-tab label.top-link:hover, body:not(.sfPageEditor) .accordion-tab label.top-link:focus {
        background-color: #009081;
        background-image: none;
        background: #009081;
        background: -webkit-linear-gradient(-90deg, #009081 0%, #005d50 100%);
        background: linear-gradient(-90deg, #009081 0%, #005d50 100%);
    }


    body:not(.sfPageEditor) .accordion-tab .tab-content {
        height: 0;
        opacity: 0;
        background: #fff;
        -moz-transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }



        body:not(.sfPageEditor) .accordion-tab .tab-content.bordered {
            border: 1px solid #009081;
        }

        body:not(.sfPageEditor) .accordion-tab .tab-content .content-inner {
            padding: 1em;
        }

            body:not(.sfPageEditor) .accordion-tab .tab-content .content-inner .content-inner {
                padding: 0px;
            }

    /* :checked */
    body:not(.sfPageEditor) .accordion-tab input:checked ~ .tab-content {
        opacity: 1;
        height: 100%;
    }
    /* Icon */

    body:not(.sfPageEditor) .accordion-tab label.top-link::after {
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: block;
    }

    body:not(.sfPageEditor) .accordion-tab label.sub-link::after {
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: block;
    }

    body:not(.sfPageEditor) .accordion-tab a.sub-link::after {
        content: "";
        background-image: url(../images/arrow-green-right.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        position: absolute;
        left: 0px;
        top: 12px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        display: block;
        color: #009081;
    }

    body:not(.sfPageEditor) .accordion-tab .tab-content label::after {
        color: #009081;
    }

    body:not(.sfPageEditor) .accordion-tab label.top-link::after {
        left: 5px;
        bottom: 10px;
    }

    body:not(.sfPageEditor) .accordion-tab label.sub-link::after {
        left: 0;
        top: 2px;
    }

    body:not(.sfPageEditor) .accordion-tab input[type=checkbox] + label.top-link::after {
        content: "";
        background-image: url(../images/arrow-right.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    body:not(.sfPageEditor) .accordion-tab input[type=checkbox] + label.sub-link::after {
        content: "";
        background-image: url(../images/arrow-green-right.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    body:not(.sfPageEditor) .accordion-tab input[type=radio] + label::after {
        content: "\25BC";
    }

    body:not(.sfPageEditor) .accordion-tab input[type=checkbox]:checked + label.top-link::after {
        background-image: url(../images/arrow-down.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        left: 8px;
    }

    body:not(.sfPageEditor) .accordion-tab input[type=checkbox]:checked + label.sub-link::after {
        background-image: url(../images/arrow-green-down.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    body:not(.sfPageEditor) .accordion-tab input[type=radio]:checked + label::after {
        transform: rotateX(180deg);
    }

    body:not(.sfPageEditor) .accordion-tab input[type=checkbox]:checked + label.top-link {
        background-color: #009081;
        background-image: none;
        background: #009081;
        background: -webkit-linear-gradient(-90deg, #009081 0%, #005d50 100%);
        background: linear-gradient(-90deg, #009081 0%, #005d50 100%);
    }


/*-----------------------------------------------------------------------------------*/
/*	Default Tabs
/*-----------------------------------------------------------------------------------*/

.tabs {
    position: relative;
    clear: both;
    margin: 25px 0;
}

    .tabs ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .tabs ul li {
            background: #009081;
            color: #fff;
            font-weight: 500;
            text-transform: uppercase;
            display: inline-block;
            padding: 10px 15px;
            cursor: pointer;
            margin: 0px;
            border-radius: 4px 4px 0 0;
        }

            .tabs ul li.current {
                background: #005d50 !important;
                color: #fff !important;
            }

.tabcontent {
    display: none;
    background: #ebeaea;
    padding: 15px;
}

    .tabcontent.current {
        display: inherit;
    }





/*-----------------------------------------------------------------------------------*/
/*	Quick Links
/*-----------------------------------------------------------------------------------*/

.is-relative {
    position: relative;
}

.quicklinks {
    margin-top: 50px;
}

.quick-link {
    margin-bottom: 1.5rem;
}

    .quick-link a {
        display: block;
        position: relative;
        padding: 10px 10px 10px 10px;
        height: 250px;
        color: #fff;
        font-size: 1.215rem;
        align-items: stretch;
        background-color: #75777a;
        background-image: none;
        background: #75777a;
        background: -webkit-linear-gradient(-90deg, #c6c5c3 0%, #75777a 100%);
        background: linear-gradient(-90deg, #c6c5c3 0%, #75777a 100%);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .quick-link-div {
        position: relative;
        padding: 10px 10px 10px 10px;
        height: 128px;
        color: #fff;
        margin-left: 15px;
        font-size: 1.215rem;
        align-items: stretch;
        background-color: #75777a;
        background-image: none;
        background: #75777a;
        background: -webkit-linear-gradient(-90deg, #c6c5c3 0%, #75777a 100%);
        background: linear-gradient(-90deg, #c6c5c3 0%, #75777a 100%);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

@media (min-width: 1030px) {
    .quick-link-div {
        margin-left: 25px;
    }
}

        .quick-link-div:hover {
            background-color: #009081;
            background-image: none;
            background: #009081;
            background: -webkit-linear-gradient(-90deg, #009081 0%, #005d50 100%);
            background: linear-gradient(-90deg, #009081 0%, #005d50 100%);
        }

        .quick-link-div .news-date {
            text-transform: uppercase;
            font-weight: 700;
        }

        .quick-link-div a {
            background: none !important;
        }

        .quick-link p {
            margin-top: 0px;
            padding-top: 0px;
        }

    .quick-link.short a {
        height: 115px;
    }

.quick-link-arrow a::after {
    content: "";
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    right: 5px;
    bottom: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    color: #009081;
}

.quick-link a:hover,
.quick-link a:focus,
.quick-link a:active {
    background-color: #009081;
    background-image: none;
    background: #009081;
    background: -webkit-linear-gradient(-90deg, #009081 0%, #005d50 100%);
    background: linear-gradient(-90deg, #009081 0%, #005d50 100%);
}


.quick-link a strong {
    font-weight: 700;
    text-transform: uppercase;
}

.quick-link-alt a {
    background-color: #75777a;
    background-image: none;
    background: #75777a;
    background: -webkit-linear-gradient(-90deg, #c6c5c3 0%, #75777a 100%);
    background: linear-gradient(-90deg, #c6c5c3 0%, #75777a 100%);
}

/*-----------------------------------------------------------------------------------*/
/*	Side Navigation
/*-----------------------------------------------------------------------------------*/

.side-nav {
    padding-top: 30px;
}

    .side-nav ul,
    .side-nav li {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .side-nav li a {
            display: block;
            padding: 5px 0;
            color: #898a8d;
        }

            .side-nav li a:hover,
            .side-nav li a:active,
            .side-nav li a:focus {
                color: #009081;
            }

        .side-nav li.top-link a:hover strong,
        .side-nav li.top-link a:active strong,
        .side-nav li.top-link a:focus strong {
            color: #009081;
        }

    .side-nav a.nav-link.active {
        color: #009081;
        font-weight: 700;
    }

    .side-nav p {
        margin: 0;
        padding-bottom: 5px;
    }

    .side-nav .top-link {
        font-weight: 700;
        margin-bottom: 10px;
    }

    .side-nav p {
        color: #898a8d;
    }

        .side-nav p::before,
        .side-nav .top-link li::before {
            content: "";
            display: block;
            border-top: 2px solid #898a8d;
            margin-bottom: 5px;
            margin-top: 10px;
        }

            .side-nav .top-link li::before {
                margin-top: 0;
            }

            .side-nav li.top-link strong {
                display: block;
                color: #898a8d;
                padding: 5px 15px;
            }

        .side-nav li.top-link a strong {
            padding: 0px;
        }


/* Highlight States */




/* News items */

.news-list .row {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 3px;
}


    .news-list .row:nth-child(odd) {
        background-color: rgba(0,0,0,0.1);
    }


/*-----------------------------------------------------------------------------------*/
/*	5.	Table Template Styles
/*-----------------------------------------------------------------------------------*/


table {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

    table th, table td {
        padding: 5px;
    }

.table th {
    background-color: #fff;
    font-weight: 700;
    color: #000;
}

.table td,
.table th {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.table tr:nth-child(odd) td {
    background-color: rgba(0,0,0,0.1);
}

.table tr.previous-year td {
    border-top: 1px solid #ccc;
    padding-top: 25px;
}

.table tr.no-bg td {
    background: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	6.	Logo Links
/*-----------------------------------------------------------------------------------*/

ul.logo-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0px;
    padding: 20px 0px 10px 0px;
}

    ul.logo-links li {
        position: relative;
        min-height: 1px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        margin: 0px;
        list-style: none;
    }

        ul.logo-links li:last-child {
            padding-right: 0px;
        }



/*-----------------------------------------------------------------------------------*/
/*	7.	Investor Styles
/*-----------------------------------------------------------------------------------*/


.update {
    color: #898a8d;
}


#iframe-relative {
    position: relative; /* allows a: link to display on top of iframe */
}

    #iframe-relative a {
        text-decoration: none;
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 46px;
        width: 100%;
    }


.tabDesktop {
    border-radius: 4px 4px 0 0;
    background: #009081;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 15px;
    cursor: pointer;
}


.tabHover {
    background: #005d50 !important;
    color: #fff !important;
}

.tabActive {
    background: #005d50 !important;
    color: #fff !important;
}

iframe.FrameDesktop {
    height: 700px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

    iframe.FrameDesktop.ShareRNS {
        height: 1650px;
    }


.MiniQuote {
    background-color: transparent !important;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.MiniQuote-Div {
    float: left;
    width: 100%;
}

.Figure {
    font-weight: 700;
}

.Currency,
.Direction,
.PriceDifference,
.PercentageChange {
    float: left;
    display: none;
}

.PriceDifference {
    margin-right: 10px;
    font-weight: 400;
}

.PercentageChange {
    font-weight: 400;
}

.PriceDifference,
.PercentageChange,
.Direction {
    line-height: 5rem;
}


/*-----------------------------------------------------------------------------------*/
/*	9.	Timeline
/*-----------------------------------------------------------------------------------*/

.tm_timeline {
    position: relative;
    padding: 1em 1em 1em 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.tm_timeline__container {
    margin-left: auto;
    margin-right: auto;
}

.tm_timeline.tm_timeline-layout-horizontal,
.tm_timeline.tm_timeline-layout-horizontal .tm_timeline__container {
    display: block;
    justify-content: inherit;
    align-items: inherit;
    position: relative;
}

.tm_timeline.tm_timeline-layout-vertical .tm_timeline__container {
    margin-left: 50%;
}

.tm_timeline.tm_timeline-layout-vertical-chessOrder .tm_timeline__container {
    margin-left: auto;
    width: 100%;
}

.tm_timeline__control,
.tm_timeline__control:hover,
.tm_timeline__control:active,
.tm_timeline__control:focus,
.entry-content .tm_timeline__control,
.entry-content .tm_timeline__control:hover,
.entry-content .tm_timeline__control:active,
.entry-content .tm_timeline__control:focus {
    position: absolute;
    top: 50%;
    z-index: 1000;
    text-align: center;
    line-height: 24px;
    color: #000;
    text-decoration: none;
    border-radius: 100%;
    opacity: 0;
    transition: all .2s linear;
    border: 1px solid;
    border-color: #fff;
    background: #ddd;
    outline: none;
    padding: 4px 10px;
}

    .tm_timeline__control:focus,
    .entry-content .tm_timeline__control:focus {
        box-shadow: 0 0 2px #09f;
        outline: none;
    }

    .tm_timeline__control.tm_timeline__control-slide-left {
        transform: translateX(-200%);
        left: 0;
    }

    .tm_timeline__control.tm_timeline__control-slide-right {
        margin-left: -24px;
        right: 0;
        transform: translateX(200%);
    }

.tm_timeline:hover .tm_timeline__control {
    opacity: 1;
    transform: translateX(0);
    border-color: #ddd;
    background-color: #fff;
    color: #444;
}

    .tm_timeline:hover .tm_timeline__control:hover,
    .entry-content .tm_timeline:hover .tm_timeline__control:hover {
        border-color: #288ce4;
        box-shadow: 0 0 2px #09f;
        color: #288ce4;
    }

.tm_timeline-layout-vertical-chessOrder .tm_timeline__body,
.tm_timeline__body-tense {
    width: 100%;
}

.tm_timeline-layout-horizontal .tm_timeline__body {
    overflow: hidden;
}

.tm_timeline__tense {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    height: 4px;
    background: #eee;
    margin-top: -5px;
}

.tm_timeline__body-tense {
    border-left: 4px solid #eee;
}

.tm_timeline-layout-horizontal .tm_timeline__tense {
    transform: translateY(32px);
}

.tm_timeline-layout-vertical-chessOrder .tm_timeline__tense {
    position: absolute;
    z-index: 1;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 4px;
    height: 100%;
    background: #ccc;
}

.tm_timeline__event {
    position: relative;
    margin-bottom: 5px;
    z-index: 2;
    text-align: left;
}

.tm_timeline-layout-vertical .tm_timeline__event {
    display: block;
}

.tm_timeline-layout-horizontal .tm_timeline__event {
    display: inline-block;
}

.tm_timeline-layout-vertical-chessOrder .tm_timeline__event {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
}

.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd {
    transform: translateX(50%);
    text-align: left;
}

.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even {
    transform: translateX(-50%);
    text-align: right;
}

.tm_timeline:not(.tm_timeline-layout-vertical-chessOrder) .tm_timeline__event__date,
.tm_timeline:not(.tm_timeline-layout-vertical-chessOrder) .tm_timeline__event__title,
.tm_timeline:not(.tm_timeline-layout-vertical-chessOrder) .tm_timeline__event__description {
    transform: translateX(10px);
}

.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd .tm_timeline__event__date,
.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd .tm_timeline__event__title,
.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd .tm_timeline__event__description {
    transform: translateX(20px);
}

.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even .tm_timeline__event__date,
.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even .tm_timeline__event__title,
.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even .tm_timeline__event__description {
    transform: translateX(-20px);
}

.tm_timeline__event__date {
    display: block;
    color: #64bc52;
    font-weight: 700;
}

.tm_timeline__event__title {
    color: #666666;
}

.tm_timeline-layout-horizontal .tm_timeline__event__title {
    position: relative;
}

.tm_timeline__event__description {
    display: block;
}

.tm_timeline__event__dot {
    width: 8px;
    height: 8px;
    background: #5d5d5d;
    box-shadow: 0 0 0 4px #fff;
    border-radius: 100%;
}

.tm_timeline-layout-vertical .tm_timeline__event__dot {
    transform: translate(-6px, 14px);
}

.tm_timeline-layout-horizontal .tm_timeline__event__dot {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(40px);
}

.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd .tm_timeline__event__dot {
    position: absolute;
    left: 0;
    transform: translate(-4px, 6px);
}

.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even .tm_timeline__event__dot {
    position: absolute;
    right: 0;
    transform: translate(4px, 6px);
}

.tm_timeline__pages {
    display: block;
    width: 100%;
    position: relative;
    z-index: 200;
    padding-bottom: 10px;
}

    .tm_timeline__pages .tm_timeline__page {
        text-align: center;
        display: none;
        transition: transform .2s linear, opacity .2s linear;
        opacity: 0;
    }

    .tm_timeline__pages .tm_timeline__page-current-animate-left,
    .tm_timeline__pages .tm_timeline__page-current-animate-right {
        transition: all 0s linear;
    }

    .tm_timeline__pages .tm_timeline__page-current-animate-left {
        transform: translateX( -10% );
    }

    .tm_timeline__pages .tm_timeline__page-current-animate-right {
        transform: translateX( 10% );
    }

    .tm_timeline__pages .tm_timeline__page-current {
        transition: transform .2s linear, opacity .2s linear;
        transform: translateX(0);
        opacity: 1;
    }

    .tm_timeline__pages .tm_timeline__page-current,
    .tm_timeline__pages .tm_timeline__page-current-animate-left,
    .tm_timeline__pages .tm_timeline__page-current-animate-right {
        display: block;
    }

.tm_timeline__page__content {
    display: flex;
    justify-content: space-around;
    width: 100%;
}


/*-----------------------------------------------------------------------------------*/
/*	9.	Colours
/*-----------------------------------------------------------------------------------*/

.white-bg {
    background: #ffffff;
}

.white-border {
    border: 1px solid #ffffff;
}

.light-grey-bg {
    background: #ebeaea;
}

.light-grey-border {
    border: 1px solid #ebeaea;
}

.grey-bg {
    background: #afafaf;
}

.grey-border {
    border: 1px solid #afafaf;
}

.mid-grey-bg {
    background: #cdcdcd;
}

.mid-grey-border {
    border: 1px solid #cdcdcd;
}

.dk-grey-bg {
    background: #666666;
}

.dk-grey-border {
    border: 1px solid #666666;
}

.blue-bg {
    background: #009081;
}

.blue-border {
    border: 1px solid #009081;
}

.blue-color {
    color: #009081;
}

.teal-color {
    color: #009081;
}

.teal-bg {
    background: #009081;
}

.teal-border {
    border: 1px solid #009081;
}

@media (min-width: 751px) {
    .responsive-menu nav.navbar {
        display: none;
    }
}

    @media (max-width: 1550px) {


        .tabDesktop {
            margin-bottom: 3px;
        }
    }

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


    @media (max-width: 1200px) {

        .tabDesktop {
            width: 29%;
            float: left;
            margin-bottom: 3px;
        }


        .footer-bottom .sd-logo {
            margin-left: 3px;
        }

        .footer-bottom .powered-by p, .footer-bottom p, .footer-bottom ul {
            margin-top: 0px !important;
        }
    }

    @media (max-width: 1135px) {
        .footer-bottom .sd-logo {
            width: 150px;
        }

        .footer-social p.heading-3 {
            text-align: center !important;
            text-indent: 0px !important;
        }
    }

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

    @media (max-width: 1030px) {

        h1, h2 {
            font-size: 1.5rem;
        }

        h3 {
            font-size: 1.215rem;
        }

        .xx-large {
            font-size: 2rem;
        }

        .x-large {
            font-size: 1.5rem;
        }

        .large {
            font-size: 1.215rem;
        }

        .medium {
            font-size: 1.2rem;
        }


        ul.logo-links li {
            margin-bottom: 10px;
        }

        .top-landing {
            padding-bottom: 8%;
            padding-top: calc(8% + 60px);
        }


        .tabDesktop {
            width: 45%;
            float: left;
            margin-bottom: 3px;
        }

        .footer-bottom .sd-logo {
            width: 120px;
            margin-top: 12px;
        }

        .our-structure h3 span {
            display: block;
        }

        .content-inner {
            padding: 15px;
        }

        .left-inner {
            padding-left: 15px;
        }

        .left-inner-margin {
            margin-left: 15px;
        }

        .right-inner {
            padding-right: 15px;
        }
    }

    @media (max-width: 1000px) {
        .footer-top {
            padding-bottom: 20px;
        }

        footer .four-columns .column {
            width: 46.5%;
            margin-left: 1.5%;
            margin-right: 1.5%;
            min-height: 200px;
        }

        footer .footer-social {
            text-align: left;
        }

        footer .social-icons {
            margin-left: 0;
        }
    }




    @media (max-width: 968px) {

        .top-landing {
            text-align: left;
        }

        .internal-top-landing {
            text-align: left;
        }


        #home-page .top-landing {
            background: url(../images/bg/mobile-bg.jpg) no-repeat top center;
            -webkit-background-size: cover !important;
            -moz-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important;
            margin-top: -74px;
            padding-top: calc(10% + 74px)
        }

        #two-columns iframe {
            width: 400px !important;
            height: 400px;
        }

        .-menu li a {
            padding-right: 0px;
        }
    }

    @media (max-width: 933px) {

        .announcement-link {
            margin-bottom: 0;
        }

        .row .row.quicklinks {
            margin-bottom: 0px;
        }

        #side-nav {
            width: 200px;
        }

        .footer-bottom .sd-logo {
            width: 100px;
        }

        .key-policies .three-columns li.column, .charters .three-columns li.column {
            width: 43%;
            margin-left: 2%;
            margin-right: 2%;
            text-align: center;
        }

            .key-policies .three-columns li.column:nth-child(3n+1), .charters .three-columns li.column:nth-child(3n+1) {
                clear: none;
            }

            .key-policies .three-columns li.column:nth-child(2n+1), .charters .three-columns li.column:nth-child(2n+1) {
                clear: both;
            }
    }

    @media (max-width: 750px) {

        .side-nav {
            display: none;
        }

        .responsive-menu {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .responsive-menu nav.navbar {
            display: flex;
        }

        .container, .container {
            width: auto;
            margin: 0px 15px;
        }

        .-menu {
            display: none;
        }

        .show-responsive {
            display: block;
        }


        nav {
            padding-top: 0px !important;
        }

        #TopNavDesktop {
            display: none;
        }

        .searchToggle {
            display: block;
        }

        label.searchToggle {
            cursor: pointer;
        }

        .search-toggle {
            display: none; /* hide the checkbox */
        }

        .SearchForm {
            height: 0px;
            overflow: hidden;
            opacity: 0;
            -webkit-transition: all 0.4s ease-out 0s;
            -moz-transition: all 0.4s ease-out 0s;
            -o-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

        .search-toggle:checked + .SearchForm {
            height: auto;
            opacity: 1;
        }

        .searchForm input[type="text"],
        select.NAVselect {
            max-width: 40%;
        }

        .searchForm label.searchIn {
            width: 5%;
            padding: 0px;
            text-align: center;
        }

        .searchForm input, .searchForm button, .searchForm label {
            float: none;
        }

        .search-block {
            text-align: center
        }
    }

    @media (max-width: 875px) {

        .list_carousel li .InnerLayout {
            width: 50%;
        }
    }

    @media (max-width: 810px) {
       

        .quick-link,
        body:not(.sfPageEditor) .accordion-tab {
            margin-bottom: 10px;
        }
    }

    @media (max-width: 790px) {

        .-menu li {
            width: auto;
        }
    }

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

    @media (max-width: 690px) {


        .alignright, alignleft {
            float: none;
            margin: 0px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
    }

    @media (max-width: 667px) {


        #side-nav-repsonsive {
            display: block;
        }

        #side-nav {
            position: relative;
            width: 100%;
            overflow: hidden;
            background-color: #E1F1FF;
        }

            #side-nav li:first-child {
                border-top: none;
            }
    }

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

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

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

    @media (max-width: 700px) {

        .float-right-img {
            float: none;
            display: block;
            text-align: center;
            margin: 0 auto 15px auto;
        }
    }

    @media (max-width: 600px) {

        ul.logo-links li.padding-right-25,
        ul.logo-links li.padding-right-50 {
            padding-right: 0px;
        }

        ul.logo-links li {
            width: 100%;
            margin-bottom: 30px;
            text-align: center;
        }

    }

    @media (max-width: 480px) {

        .container, .container {
            width: auto;
            margin: 0px 0;
        }

        .content-inner {
            padding: 15px 0;
        }

        .page .col-xl-8, .quicklinks .col-xl-6, .quicklinks-bottom .col-xl-6 {
            padding-left: 0;
            padding-right: 0;
        }

        .table-layout-1 th span.res {
            display: block;
        }

        .table-layout-1 th span.non-res {
            display: none;
        }

        .banner {
            padding-top: 100px;
            padding-bottom: 50px;
            height: auto;
        }


        .announcements ul {
            width: 90%;
        }

        .internal-layout-3 {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        footer .alert_body li .name_last input[type="text"] {
            margin-left: 0px;
        }

        footer .alert_body li:first-child input[type="text"], footer .ginput_container_email input[type="text"] {
            width: 97%;
            padding-left: 1.5%;
            padding-right: 1.5%;
        }
    }

    @media (max-width: 479px) {
        .key-policies .three-columns li.column, .charters .three-columns li.column {
            width: 93%;
            margin-left: 2%;
            margin-right: 2%;
            min-height: auto;
        }

        .key-policies h3, .charters h3 {
            min-height: auto;
            padding-bottom: 10px;
        }

        .logo img.mobile-only {
            width: 200px;
            height: auto;
        }

        .searchForm input[type="text"] {
            max-width: 80%
        }

        .searchForm label.searchIn {
            width: 100%;
        }

        select.NAVselect {
            max-width: 94%;
            margin-top: 5px;
        }

        table.responsive-table td {
            float: left;
            width: 100%;
            text-align: left;
        }
    }

    @media (max-width: 370px) {

        .tabs ul li {
            width: 100%;
            text-align: center;
            margin-bottom: 2px;
        }

        

        .logo img.mobile-only {
            width: 175px;
            height: auto;
        }


        .BreadCrumb {
            height: 15px;
        }

            .BreadCrumb a, .BreadCrumb span {
                display: none;
            }
    }