﻿body {
    color: #585856;
    font-family: Arial;
}



.floattop {
    margin-top: 60px;
}

.floattopmobile {
    padding-top: 60px;
}


.c-landing-page-banner__title {
    font-size: 1.66445rem;
    font-family: "Shell-Bold","Arial",sans-serif;
    line-height: 2.25rem;
    font-weight: bold
}

.c-landing-page-banner__description {
    padding-bottom: 16px;
    font-size: 1.04749rem;
    font-family: arial,sans-serif;
    line-height: 1.25rem
}


.c-button {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
    position: relative
}

    .c-button:focus {
        outline: none
    }

        .c-button:focus:after {
            content: '';
            display: block;
            position: absolute;
            top: 1px;
            left: 1px;
            width: calc(100% - 2px);
            height: calc(100% - 2px);
            outline: 1px dashed #2A7A8F
        }

.c-button__landing-page-primary {
    padding: 12px 15px;
    border: 1px solid #003C88;
    background-color: #003C88
}

    .c-button__landing-page-primary:hover {
        background-color: #fff;
        border: 1px solid #003C88;
        color: #003C88 !important
    }

.c-button__landing-page-secondary {
    padding: 10px 13px;
    border: 2px solid #A6A6A6;
    background-color: transparent;
    color: #494949
}

    .c-button__landing-page-secondary:hover {
        color: #fff !important;
        background-color: #A6A6A6
    }


.u-color--dark-gray {
    color: #595959
}

.u-color--medium-dark-gray {
    color: #494949
}

.u-color--very-dark-gray {
    color: #404040
}

.u-color--mild-gray {
    color: #717171
}

.u-color--light-gray {
    color: #A6A6A6
}

.u-color--white {
    color: #fff
}

.u-color--light-blue {
    color: #89CFDC
}

.u-color--mid-blue {
    color: #009EB4
}

.u-color--mid-blue-darker {
    color: #2A7A8F
}

    .u-color--mid-blue-darker:hover {
        color: #1E5868
    }

.u-color--dark-blue {
    color: #003C88
}

.u-color--black {
    color: #000
}

.u-color--red {
    color: #DD1D21
}

.u-color--turquise-blue {
    color: #258197
}

.u-color--green {
    color: #008443
}

.u-color--yellow {
    color: #FBCE07
}

.u-text--bold-1 {
    font-size: 2.66312rem;
    font-family: "Shell-Bold","Arial",sans-serif;
    line-height: 3.5rem;
    font-weight: bold
}

.u-text--bold-2 {
    font-size: 1.99734rem;
    font-family: "Shell-Bold","Arial",sans-serif;
    line-height: 2.5rem;
    font-weight: bold
}

.u-text--bold-3 {
    font-size: 1.66445rem;
    font-family: "Shell-Bold","Arial",sans-serif;
    line-height: 2.25rem;
    font-weight: bold
}

.u-text--bold-4 {
    font-size: 1.33156rem;
    font-family: "Shell-Bold","Arial",sans-serif;
    line-height: 1.5rem;
    font-weight: bold
}

.u-text--bold-5 {
    font-size: .99867rem;
    font-family: "Shell-Bold","Arial",sans-serif;
    line-height: 1.25rem;
    font-weight: bold
}

.u-text--bold-6 {
    font-size: .91545rem;
    font-family: "Shell-Bold","Arial",sans-serif;
    line-height: 1.25rem;
    font-weight: bold
}

.u-text--bold-7 {
    font-size: .749rem;
    font-family: "Shell-Bold","Arial",sans-serif;
    line-height: 1rem;
    font-weight: bold
}

.u-text--bold-8 {
    font-size: .66578rem;
    font-family: "Shell-Bold","Arial",sans-serif;
    line-height: 1rem;
    font-weight: bold
}

.u-text--bold-9 {
    font-size: .58256rem;
    font-family: "Shell-Bold","Arial",sans-serif;
    line-height: .75rem;
    font-weight: bold
}

.u-text--bold-10 {
    font-size: .49933rem;
    font-family: "Shell-Bold","Arial",sans-serif;
    line-height: .625rem;
    font-weight: bold
}

.u-text--book-1 {
    font-size: 2.66312rem;
    font-family: "Shell-Book","Arial",sans-serif;
    line-height: 3.5rem
}

.u-text--book-2 {
    font-size: 1.99734rem;
    font-family: "Shell-Book","Arial",sans-serif;
    line-height: 2.5rem
}

.u-text--book-3 {
    font-size: 1.66445rem;
    font-family: "Shell-Book","Arial",sans-serif;
    line-height: 2.25rem
}

.u-text--book-4 {
    font-size: 1.33156rem;
    font-family: "Shell-Book","Arial",sans-serif;
    line-height: 1.5rem
}

.u-text--book-5 {
    font-size: .99867rem;
    font-family: "Shell-Book","Arial",sans-serif;
    line-height: 1.25rem
}

.u-text--book-6 {
    font-size: .91545rem;
    font-family: "Shell-Book","Arial",sans-serif;
    line-height: 1.25rem
}

.u-text--book-7 {
    font-size: .749rem;
    font-family: "Shell-Book","Arial",sans-serif;
    line-height: 1rem
}

.u-text--book-8 {
    font-size: .66578rem;
    font-family: "Shell-Book","Arial",sans-serif;
    line-height: 1rem
}

.u-text--book-9 {
    font-size: .58256rem;
    font-family: "Shell-Book","Arial",sans-serif;
    line-height: .75rem
}

.u-text--book-10 {
    font-size: .49933rem;
    font-family: "Shell-Book","Arial",sans-serif;
    line-height: .625rem
}

.u-text--medium-1 {
    font-size: 2.66312rem;
    font-family: "Shell-Medium","Arial",sans-serif;
    line-height: 3.5rem
}

.u-text--medium-2 {
    font-size: 1.99734rem;
    font-family: "Shell-Medium","Arial",sans-serif;
    line-height: 2.5rem
}

.u-text--medium-3 {
    font-size: 1.66445rem;
    font-family: "Shell-Medium","Arial",sans-serif;
    line-height: 2.25rem
}

.u-text--medium-4 {
    font-size: 1.33156rem;
    font-family: "Shell-Medium","Arial",sans-serif;
    line-height: 1.5rem
}

.u-text--medium-5 {
    font-size: .99867rem;
    font-family: "Shell-Medium","Arial",sans-serif;
    line-height: 1.25rem
}

.u-text--medium-6 {
    font-size: .91545rem;
    font-family: "Shell-Medium","Arial",sans-serif;
    line-height: 1.25rem
}

.u-text--medium-7 {
    font-size: .749rem;
    font-family: "Shell-Medium","Arial",sans-serif;
    line-height: 1rem
}

.u-text--medium-8 {
    font-size: .66578rem;
    font-family: "Shell-Medium","Arial",sans-serif;
    line-height: 1rem
}

.u-text--medium-9 {
    font-size: .58256rem;
    font-family: "Shell-Medium","Arial",sans-serif;
    line-height: .75rem
}

.u-text--medium-10 {
    font-size: .49933rem;
    font-family: "Shell-Medium","Arial",sans-serif;
    line-height: .625rem
}

.u-text--light-1 {
    font-size: 2.66312rem;
    font-family: "Shell-Light","Arial",sans-serif;
    line-height: 3.5rem
}

.u-text--light-2 {
    font-size: 1.99734rem;
    font-family: "Shell-Light","Arial",sans-serif;
    line-height: 2.5rem
}

.u-text--light-3 {
    font-size: 1.66445rem;
    font-family: "Shell-Light","Arial",sans-serif;
    line-height: 2.25rem
}

.u-text--light-4 {
    font-size: 1.33156rem;
    font-family: "Shell-Light","Arial",sans-serif;
    line-height: 1.5rem
}

.u-text--light-5 {
    font-size: .99867rem;
    font-family: "Shell-Light","Arial",sans-serif;
    line-height: 1.25rem
}

.u-text--light-6 {
    font-size: .91545rem;
    font-family: "Shell-Light","Arial",sans-serif;
    line-height: 1.25rem
}

.u-text--light-7 {
    font-size: .749rem;
    font-family: "Shell-Light","Arial",sans-serif;
    line-height: 1rem
}

.u-text--light-8 {
    font-size: .66578rem;
    font-family: "Shell-Light","Arial",sans-serif;
    line-height: 1rem
}

.u-text--light-9 {
    font-size: .58256rem;
    font-family: "Shell-Light","Arial",sans-serif;
    line-height: .75rem
}

.u-text--light-10 {
    font-size: .49933rem;
    font-family: "Shell-Light","Arial",sans-serif;
    line-height: .625rem
}

.u-text--body-1 {
    font-size: 2.7933rem;
    font-family: arial,sans-serif;
    line-height: 3.5rem
}

.u-text--body-2 {
    font-size: 2.09497rem;
    font-family: arial,sans-serif;
    line-height: 2.5rem
}

.u-text--body-3 {
    font-size: 1.74581rem;
    font-family: arial,sans-serif;
    line-height: 2.25rem
}

.u-text--body-4 {
    font-size: 1.39665rem;
    font-family: arial,sans-serif;
    line-height: 1.5rem
}

.u-text--body-5 {
    font-size: 1.04749rem;
    font-family: arial,sans-serif;
    line-height: 1.25rem
}

.u-text--body-6 {
    font-size: .9602rem;
    font-family: arial,sans-serif;
    line-height: 1.25rem
}

.u-text--body-7 {
    font-size: .78561rem;
    font-family: arial,sans-serif;
    line-height: 1rem
}

.u-text--body-8 {
    font-size: .69832rem;
    font-family: arial,sans-serif;
    line-height: 1rem
}

.u-text--body-9 {
    font-size: .61103rem;
    font-family: arial,sans-serif;
    line-height: .75rem
}

.u-text--body-10 {
    font-size: .52374rem;
    font-family: arial,sans-serif;
    line-height: .625rem
}

.u-text--uppercase {
    text-transform: uppercase
}

.u-text--lowercase {
    text-transform: lowercase
}

.u-text--sentence-case {
    text-transform: none
}

.u-text--align-left {
    text-align: left !important
}

.u-text--align-center {
    text-align: center !important
}

.u-text--italic {
    font-style: italic
}

.u-text--align-right-always {
    text-align: right
}


.c-landing-page-request-form__primary {
    padding: 12px 15px 20px;
    border: 1px solid #003C88;
    background-color: #003C88;
    font-size: 1.33156rem;
    font-family: "Shell-Bold","Arial",sans-serif;
    line-height: 1.5rem;
    font-weight: bold
}

.c-landing-page-banner__container {
    background-image: url("../images/banner-bg.png");
    background-size: 100% 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-height: 992px) and (max-height: 1200px) {
    #dvDesktop {
        display: block;
    }

    #dvMobile {
        display: none;
    }
}

@media screen and (min-height: 768px) and (max-height: 992px) {
    #dvDesktop {
        display: block;
    }

    #dvMobile {
        display: none;
    }

    #img1 {
        content: url('../images/banner-top-desktop.png');
    }
}

@media screen and (max-height: 768px) {
    #dvDesktop {
        display: block;
    }

    #dvMobile {
        display: none;
    }

    #img1 {
        content: url('../images/banner-top-desktop.png');       
    }
}

@media only screen and (max-width: 400px) {
    #dvDesktop {
        display: none;
    }

    #dvMobile {
        display: block;
    }

    #img1 {
        content: url('../images/banner-top-mobile.png');
        width: 90%;
        height: 90%;
    }

    .bgimg {
        background-image: url('../images/banner-bg.png');
        background-repeat: repeat;
        background-position: center;
        position: absolute;
        z-index: -1;
        height: 100%;
    }
}
