<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset 'UTF-8';
@font-face
{
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;

    src: url('fonts/icomoon.eot?1vmb7t');
    src: url('fonts/icomoon.eot?1vmb7t#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?1vmb7t') format('truetype'), url('fonts/icomoon.woff?1vmb7t') format('woff'), url('fonts/icomoon.svg?1vmb7t#icomoon') format('svg');
    font-display: block;
}

[class^='icon-'],
[class*=' icon-']
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;
    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-down:before
{
    content: '\e900';
}

.icon-globe:before
{
    content: '\e901';
}

.icon-facebook:before
{
    content: '\ea90';
}

.icon-instagram:before
{
    content: '\ea92';
}

.icon-twitter:before
{
    content: '\ea96';
}

.icon-linkedin:before
{
    content: '\eaca';
}

@font-face
{
    font-family: 'HNforTELUSDisplay';
    font-weight: normal; 

    src: url('fonts/HNforTELUSDisplay_normal_normal.woff2') format('woff2'), url('fonts/HNforTELUSDisplay_normal_normal.woff') format('woff');
}

@font-face
{
    font-family: 'HNforTELUSDisplay';
    font-weight: 700; 

    src: url('fonts/HNforTELUSDisplayBold_normal_normal.woff2') format('woff2'), url('fonts/HNforTELUSDisplayBold_normal_normal.woff') format('woff');
}

@font-face
{
    font-family: 'HNforTELUSDisplay';
    font-weight: 300; 

    src: url('fonts/HNforTELUSDisplay_normal_normal.woff2') format('woff2'), url('fonts/HNforTELUSDisplay_normal_normal.woff') format('woff');
}

@font-face
{
    font-family: 'HNforTELUSMicro';
    font-weight: normal; 

    src: url('fonts/HNforTELUSMicro_normal_normal.woff2') format('woff2'), url('fonts/HNforTELUSMicro_normal_normal.woff') format('woff');
}

.tagcloud,
.user-menu,
.breadcrumb,
.footer-nav,
.footer-list,
.social-media
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.clearfix:after,
dl:after,
.widget:after,
.search-form:after,
.post-password-form:after,
.search-form p:after,
.post-password-form p:after
{
    display: block;
    clear: both; 

    content: '';
}

.ellipsis
{
    /* 2 */
    overflow: hidden; 

    white-space: nowrap;
    /* 1 */
    text-overflow: ellipsis;
}

.df-row
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media (min-width: 480px)
{
    .df-row.df-rr-ph
    {
            flex-direction: row-reverse; 

        -ms-flex-direction: row-reverse;
    }
}
@media (min-width: 480px)
{
    .df-row.df-aic-ph
    {
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 768px)
{
    .df-row.df-rr-sm
    {
            flex-direction: row-reverse; 

        -ms-flex-direction: row-reverse;
    }
}
@media (min-width: 768px)
{
    .df-row.df-aic-sm
    {
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 992px)
{
    .df-row.df-rr-md
    {
            flex-direction: row-reverse; 

        -ms-flex-direction: row-reverse;
    }
}
@media (min-width: 992px)
{
    .df-row.df-aic-md
    {
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-1
    {
        max-width: calc(100% / 12 * 1); 

        -ms-flex: 1 0 calc(100% / 12 * 1);
            flex: 1 0 calc(100% / 12 * 1);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-2
    {
        max-width: calc(100% / 12 * 2); 

        -ms-flex: 1 0 calc(100% / 12 * 2);
            flex: 1 0 calc(100% / 12 * 2);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-3
    {
        max-width: calc(100% / 12 * 3); 

        -ms-flex: 1 0 calc(100% / 12 * 3);
            flex: 1 0 calc(100% / 12 * 3);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-4
    {
        max-width: calc(100% / 12 * 4); 

        -ms-flex: 1 0 calc(100% / 12 * 4);
            flex: 1 0 calc(100% / 12 * 4);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-5
    {
        max-width: calc(100% / 12 * 5); 

        -ms-flex: 1 0 calc(100% / 12 * 5);
            flex: 1 0 calc(100% / 12 * 5);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-6
    {
        max-width: calc(100% / 12 * 6); 

        -ms-flex: 1 0 calc(100% / 12 * 6);
            flex: 1 0 calc(100% / 12 * 6);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-7
    {
        max-width: calc(100% / 12 * 7); 

        -ms-flex: 1 0 calc(100% / 12 * 7);
            flex: 1 0 calc(100% / 12 * 7);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-8
    {
        max-width: calc(100% / 12 * 8); 

        -ms-flex: 1 0 calc(100% / 12 * 8);
            flex: 1 0 calc(100% / 12 * 8);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-9
    {
        max-width: calc(100% / 12 * 9); 

        -ms-flex: 1 0 calc(100% / 12 * 9);
            flex: 1 0 calc(100% / 12 * 9);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-10
    {
        max-width: calc(100% / 12 * 10); 

        -ms-flex: 1 0 calc(100% / 12 * 10);
            flex: 1 0 calc(100% / 12 * 10);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-11
    {
        max-width: calc(100% / 12 * 11); 

        -ms-flex: 1 0 calc(100% / 12 * 11);
            flex: 1 0 calc(100% / 12 * 11);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-12
    {
        max-width: calc(100% / 12 * 12); 

        -ms-flex: 1 0 calc(100% / 12 * 12);
            flex: 1 0 calc(100% / 12 * 12);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-0
    {
        margin-left: calc(100% / 12 * 0);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-1
    {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-2
    {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-3
    {
        margin-left: calc(100% / 12 * 3);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-4
    {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-5
    {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-6
    {
        margin-left: calc(100% / 12 * 6);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-7
    {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-8
    {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-9
    {
        margin-left: calc(100% / 12 * 9);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-10
    {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-11
    {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 768px)
{
    .df-row .col-sm-1
    {
        max-width: calc(100% / 12 * 1); 

        -ms-flex: 1 0 calc(100% / 12 * 1);
            flex: 1 0 calc(100% / 12 * 1);
    }
}
@media (min-width: 768px)
{
    .df-row .col-sm-2
    {
        max-width: calc(100% / 12 * 2); 

        -ms-flex: 1 0 calc(100% / 12 * 2);
            flex: 1 0 calc(100% / 12 * 2);
    }
}
@media (min-width: 768px)
{
    .df-row .col-sm-3
    {
        max-width: calc(100% / 12 * 3); 

        -ms-flex: 1 0 calc(100% / 12 * 3);
            flex: 1 0 calc(100% / 12 * 3);
    }
}
@media (min-width: 768px)
{
    .df-row .col-sm-4
    {
        max-width: calc(100% / 12 * 4); 

        -ms-flex: 1 0 calc(100% / 12 * 4);
            flex: 1 0 calc(100% / 12 * 4);
    }
}
@media (min-width: 768px)
{
    .df-row .col-sm-5
    {
        max-width: calc(100% / 12 * 5); 

        -ms-flex: 1 0 calc(100% / 12 * 5);
            flex: 1 0 calc(100% / 12 * 5);
    }
}
@media (min-width: 768px)
{
    .df-row .col-sm-6
    {
        max-width: calc(100% / 12 * 6); 

        -ms-flex: 1 0 calc(100% / 12 * 6);
            flex: 1 0 calc(100% / 12 * 6);
    }
}
@media (min-width: 768px)
{
    .df-row .col-sm-7
    {
        max-width: calc(100% / 12 * 7); 

        -ms-flex: 1 0 calc(100% / 12 * 7);
            flex: 1 0 calc(100% / 12 * 7);
    }
}
@media (min-width: 768px)
{
    .df-row .col-sm-8
    {
        max-width: calc(100% / 12 * 8); 

        -ms-flex: 1 0 calc(100% / 12 * 8);
            flex: 1 0 calc(100% / 12 * 8);
    }
}
@media (min-width: 768px)
{
    .df-row .col-sm-9
    {
        max-width: calc(100% / 12 * 9); 

        -ms-flex: 1 0 calc(100% / 12 * 9);
            flex: 1 0 calc(100% / 12 * 9);
    }
}
@media (min-width: 768px)
{
    .df-row .col-sm-10
    {
        max-width: calc(100% / 12 * 10); 

        -ms-flex: 1 0 calc(100% / 12 * 10);
            flex: 1 0 calc(100% / 12 * 10);
    }
}
@media (min-width: 768px)
{
    .df-row .col-sm-11
    {
        max-width: calc(100% / 12 * 11); 

        -ms-flex: 1 0 calc(100% / 12 * 11);
            flex: 1 0 calc(100% / 12 * 11);
    }
}
@media (min-width: 768px)
{
    .df-row .col-sm-12
    {
        max-width: calc(100% / 12 * 12); 

        -ms-flex: 1 0 calc(100% / 12 * 12);
            flex: 1 0 calc(100% / 12 * 12);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-sm-0
    {
        margin-left: calc(100% / 12 * 0);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-sm-1
    {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-sm-2
    {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-sm-3
    {
        margin-left: calc(100% / 12 * 3);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-sm-4
    {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-sm-5
    {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-sm-6
    {
        margin-left: calc(100% / 12 * 6);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-sm-7
    {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-sm-8
    {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-sm-9
    {
        margin-left: calc(100% / 12 * 9);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-sm-10
    {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-sm-11
    {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 992px)
{
    .df-row .col-md-1
    {
        max-width: calc(100% / 12 * 1); 

        -ms-flex: 1 0 calc(100% / 12 * 1);
            flex: 1 0 calc(100% / 12 * 1);
    }
}
@media (min-width: 992px)
{
    .df-row .col-md-2
    {
        max-width: calc(100% / 12 * 2); 

        -ms-flex: 1 0 calc(100% / 12 * 2);
            flex: 1 0 calc(100% / 12 * 2);
    }
}
@media (min-width: 992px)
{
    .df-row .col-md-3
    {
        max-width: calc(100% / 12 * 3); 

        -ms-flex: 1 0 calc(100% / 12 * 3);
            flex: 1 0 calc(100% / 12 * 3);
    }
}
@media (min-width: 992px)
{
    .df-row .col-md-4
    {
        max-width: calc(100% / 12 * 4); 

        -ms-flex: 1 0 calc(100% / 12 * 4);
            flex: 1 0 calc(100% / 12 * 4);
    }
}
@media (min-width: 992px)
{
    .df-row .col-md-5
    {
        max-width: calc(100% / 12 * 5); 

        -ms-flex: 1 0 calc(100% / 12 * 5);
            flex: 1 0 calc(100% / 12 * 5);
    }
}
@media (min-width: 992px)
{
    .df-row .col-md-6
    {
        max-width: calc(100% / 12 * 6); 

        -ms-flex: 1 0 calc(100% / 12 * 6);
            flex: 1 0 calc(100% / 12 * 6);
    }
}
@media (min-width: 992px)
{
    .df-row .col-md-7
    {
        max-width: calc(100% / 12 * 7); 

        -ms-flex: 1 0 calc(100% / 12 * 7);
            flex: 1 0 calc(100% / 12 * 7);
    }
}
@media (min-width: 992px)
{
    .df-row .col-md-8
    {
        max-width: calc(100% / 12 * 8); 

        -ms-flex: 1 0 calc(100% / 12 * 8);
            flex: 1 0 calc(100% / 12 * 8);
    }
}
@media (min-width: 992px)
{
    .df-row .col-md-9
    {
        max-width: calc(100% / 12 * 9); 

        -ms-flex: 1 0 calc(100% / 12 * 9);
            flex: 1 0 calc(100% / 12 * 9);
    }
}
@media (min-width: 992px)
{
    .df-row .col-md-10
    {
        max-width: calc(100% / 12 * 10); 

        -ms-flex: 1 0 calc(100% / 12 * 10);
            flex: 1 0 calc(100% / 12 * 10);
    }
}
@media (min-width: 992px)
{
    .df-row .col-md-11
    {
        max-width: calc(100% / 12 * 11); 

        -ms-flex: 1 0 calc(100% / 12 * 11);
            flex: 1 0 calc(100% / 12 * 11);
    }
}
@media (min-width: 992px)
{
    .df-row .col-md-12
    {
        max-width: calc(100% / 12 * 12); 

        -ms-flex: 1 0 calc(100% / 12 * 12);
            flex: 1 0 calc(100% / 12 * 12);
    }
}
@media (min-width: 992px)
{
    .df-row .col-offset-md-0
    {
        margin-left: calc(100% / 12 * 0);
    }
}
@media (min-width: 992px)
{
    .df-row .col-offset-md-1
    {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 992px)
{
    .df-row .col-offset-md-2
    {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 992px)
{
    .df-row .col-offset-md-3
    {
        margin-left: calc(100% / 12 * 3);
    }
}
@media (min-width: 992px)
{
    .df-row .col-offset-md-4
    {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 992px)
{
    .df-row .col-offset-md-5
    {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 992px)
{
    .df-row .col-offset-md-6
    {
        margin-left: calc(100% / 12 * 6);
    }
}
@media (min-width: 992px)
{
    .df-row .col-offset-md-7
    {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 992px)
{
    .df-row .col-offset-md-8
    {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 992px)
{
    .df-row .col-offset-md-9
    {
        margin-left: calc(100% / 12 * 9);
    }
}
@media (min-width: 992px)
{
    .df-row .col-offset-md-10
    {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 992px)
{
    .df-row .col-offset-md-11
    {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 768px)
{
    .df-row
    {
        margin: 0 -15px;
    }
}

html
{
    box-sizing: border-box;
}

*,
*:before,
*:after
{
    box-sizing: inherit;
}

*
{
    max-height: 1000000px;
}

main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
    display: block;
}

body
{
    font: 16px/1.375 'HNforTELUSDisplay', sans-serif;

    width: 100%;
    min-width: 320px;
    margin: 0; 

    color: #363636;
    background: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px)
{
    body
    {
        font-size: 16px;
        line-height: 1.375;
    }
}

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

    vertical-align: top;
}

.gm-style img
{
    max-width: none;
}

@media (max-width: 991px)
{
    iframe
    {
        width: 100%;
    }
}

.resize-active *
{
    transition: none !important;
}

ul,
ol,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset
{
    margin: 0 0 20px;
}

blockquote
{
    margin-left: 0; 
    padding-left: 10px;

    border-left: 4px solid #363636;
}

table
{
    border-collapse: collapse;
}

th,
td
{
    padding: 3px;

    text-align: left;
    vertical-align: top; 

    border: 1px solid #363636;
}

th
{
    text-align: center;
    vertical-align: middle;
}

ul,
ol
{
    padding-left: 20px;
}

ul ul,
ul ol,
ol ul,
ol ol
{
    margin: 0; 
    padding-left: 20px;
}

ul
{
    list-style-type: disc;
}

dl dt
{
    font-weight: bold; 

    float: left;
    clear: left;

    padding-right: .3em;
}

dl dd
{
    overflow: hidden;
}

pre
{
    overflow: auto; 

    max-width: 100%;
}

form,
fieldset
{
    margin: 0;
    padding: 0;

    border-style: none;
}

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
input[type='url'],
textarea
{
    font-family: 'HNforTELUSMicro', sans-serif;
    font-size: 12px;
    line-height: 1;

    box-sizing: border-box;
    padding: 5px 10px;

    border: 1px solid #1d428a;
    -webkit-border-radius: 0;
            border-radius: 0; 

    -webkit-appearance: none;
}
input[type='text']:not(textarea),
input[type='tel']:not(textarea),
input[type='email']:not(textarea),
input[type='search']:not(textarea),
input[type='password']:not(textarea),
input[type='url']:not(textarea),
textarea:not(textarea)
{
    height: 33px;
}
input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
input[type='url']:focus,
textarea:focus
{
    border-color: #000; 
    outline: none;
}
input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #1d428a;
}
input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='url']::-moz-placeholder,
textarea::-moz-placeholder
{
    opacity: 1;
    color: #1d428a;
}
input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='url']:-moz-placeholder,
textarea:-moz-placeholder
{
    color: #1d428a;
}
input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
    color: #1d428a;
}
input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
input[type='url'].placeholder,
textarea.placeholder
{
    color: #1d428a;
}

input[type='search']::-webkit-search-cancel-button
{
    -webkit-appearance: none;
}

textarea
{
    overflow: auto; 

    resize: vertical;
    vertical-align: top;
}

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit']
{
    font-size: 18px;
    line-height: 21px;

    height: auto;
    padding: 10px;

    cursor: pointer;
    transition: background .3s ease-in-out;

    color: #fff;
    border: 1px solid transparent;
    -webkit-border-radius: 0;
            border-radius: 0;
    outline: none;
    background: #1d428a; 

    -webkit-appearance: none;
}
button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='file']:hover,
input[type='submit']:hover
{
    color: #1d428a; 
    background: #fff;
}

.nav-links,
.navigation,
.navigation-comments,
.navigation-single
{
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 20px; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

.nav-links .next,
.nav-links .prev,
.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev,
.navigation-single .next a,
.navigation-single .prev a
{
    font-size: 14px;
    line-height: 18px; 

    padding: 10px 20px;

    color: #fff;
    border: 1px solid transparent;
    background: #1d428a;
}
.nav-links .next:hover,
.nav-links .prev:hover,
.navigation .next:hover,
.navigation .prev:hover,
.navigation-comments .next:hover,
.navigation-comments .prev:hover,
.navigation-single .next a:hover,
.navigation-single .prev a:hover
{
    color: #fff; 
    background: #142e60;
}

@media (min-width: 768px)
{
    [id='twocolumns']
    {
        display: -ms-flexbox;
        display: flex;
    }
}

[id='content']
{
    padding-top: 30px;
    padding-bottom: 30px;
}
@media (min-width: 768px)
{
    [id='content']
    {
        width: 70%;
    }
}
[id='content']:only-child
{
    width: 100%;
}

[id='sidebar']
{
    padding-top: 30px;
    padding-bottom: 30px;
}
@media (min-width: 768px)
{
    [id='sidebar']
    {
        width: 30%;
        padding-left: 30px;
    }
}

.widget
{
    margin-bottom: 20px;
}
.widget select
{
    width: 100%; 
    min-width: 150px;
}

.search-form,
.post-password-form
{
    margin-bottom: 10px;
}
.search-form label,
.post-password-form label
{
    display: block;
}
.search-form input,
.post-password-form input
{
    float: left;

    margin-right: 5px;
}
@media (min-width: 768px)
{
    #sidebar .search-form input,
    #sidebar
    .post-password-form input
    {
        width: 100%;
        margin: 0 0 5px;
    }
}
.search-form input[type='submit'],
.post-password-form input[type='submit']
{
    margin: 0;
}

.nav-links,
.navigation,
.navigation-comments
{
    position: relative;
}
.nav-links .screen-reader-text,
.navigation .screen-reader-text,
.navigation-comments .screen-reader-text
{
    position: absolute;
    left: -99999px;
}
.nav-links .page-numbers,
.navigation .page-numbers,
.navigation-comments .page-numbers
{
    margin: 0 3px;
}
.nav-links .page-numbers:first-child,
.navigation .page-numbers:first-child,
.navigation-comments .page-numbers:first-child
{
    margin-left: 0;
}
.nav-links .page-numbers:last-child,
.navigation .page-numbers:last-child,
.navigation-comments .page-numbers:last-child
{
    margin-right: 0;
}
.nav-links .next,
.nav-links .prev,
.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev
{
    max-width: 49%; 

    transition: background .3s ease-in-out;
}
@media (max-width: 767px)
{
    .nav-links .next,
    .nav-links .prev,
    .navigation .next,
    .navigation .prev,
    .navigation-comments .next,
    .navigation-comments .prev
    {
        font-size: 0;
    }
    .nav-links .next:after,
    .nav-links .prev:after,
    .navigation .next:after,
    .navigation .prev:after,
    .navigation-comments .next:after,
    .navigation-comments .prev:after
    {
        font-size: 14px; 

        content: 'Â»';
    }
}
@media (max-width: 767px)
{
    .nav-links .prev:after,
    .navigation .prev:after,
    .navigation-comments .prev:after
    {
        content: 'Â«';
    }
}

.navigation-single
{
    width: 100%;
}
.navigation-single .next,
.navigation-single .prev
{
    display: -ms-flexbox;
    display: flex;

    max-width: 49%;

    -ms-flex-align: center;
    align-items: center;
}
.navigation-single .next a,
.navigation-single .prev a
{
    display: block; 

    transition: background .3s ease-in-out;
}
@media (max-width: 767px)
{
    .navigation-single .next a,
    .navigation-single .prev a
    {
        font-size: 0;
    }
    .navigation-single .next a:after,
    .navigation-single .prev a:after
    {
        font-size: 14px; 

        content: 'Â»';
    }
}
@media (max-width: 767px)
{
    .navigation-single .prev a:after
    {
        content: 'Â«';
    }
}

.navigation-single
{
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.navigation-single .next,
.navigation-single .prev
{
    display: -ms-flexbox;
    display: flex;

    max-width: 49%;
    margin: 0;
    padding: 0;

    border: 0; 

    -ms-flex-align: center;
    align-items: center;
}
.navigation-single .next a,
.navigation-single .prev a
{
    padding: 10px 20px;

    border: 1px solid transparent;
}

.comment-form label
{
    display: block;

    padding-bottom: 4px;
}

.comment-form input,
.comment-form textarea
{
    width: 100%; 
    margin: 0 4px 0 0;
}
@media (min-width: 768px)
{
    .comment-form input,
    .comment-form textarea
    {
        max-width: 300px;
    }
}
.comment-form input[type='submit'],
.comment-form textarea[type='submit']
{
    display: block;

    width: auto;
}

.comment-form textarea
{
    overflow: auto;

    height: 120px;
    min-height: 120px; 
    margin: 0;
}

.commentlist
{
    margin: 0 0 1.2em;
}
.commentlist .edit-link
{
    margin: 0;
}
.commentlist .avatar-holder
{
    float: left;

    margin: 0 1.2em 4px 0;
}

.commentlist-item .commentlist-item
{
    padding: 0;
}
@media (min-width: 768px)
{
    .commentlist-item .commentlist-item
    {
        padding: 0 0 0 2em;
    }
}

.comment,
.commentlist-holder
{
    overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item
{
    padding-top: 20px;
}

.widget_calendar th,
.widget_calendar td
{
    text-align: center;
}

.widget_calendar #prev
{
    text-align: left;
}

.widget_calendar #next
{
    text-align: right;
}

#wp-calendar
{
    width: 100%;
}

.wp-caption
{
    clear: both;

    max-width: 100%;
    margin-bottom: 20px;
    padding: 4px;

    text-align: center; 

    border: 1px solid transparent;
}
.wp-caption img
{
    margin-bottom: 4px;
}
.wp-caption p
{
    margin: 0;
}

.aligncenter
{
    margin: 0 auto 20px;
}

img.aligncenter
{
    display: block;

    margin: 0 auto;
}

.alignleft
{
    float: left;

    margin: 0 1.2em 4px 0;
}

.alignright
{
    float: right;

    margin: 0 0 4px 1.2em;
}

.mejs-container
{
    margin-bottom: 20px;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor
{
    height: auto;
}

.gallery
{
    display: -ms-flexbox;
    display: flex;

    width: 100%; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.gallery .gallery-item
{
    margin: 0;
    padding: 0 10px 10px;
}
.gallery .gallery-item dt
{
    float: none;

    width: 100%;
    margin: 0 0 10px;
    padding: 0;
}

.gallery-columns-2 .gallery-item
{
    width: 50%; 
    max-width: 50%;
}

.gallery-columns-3 .gallery-item
{
    width: 33.33%; 
    max-width: 33.33%;
}

.tagcloud
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.comment-list .comment-body
{
    margin-bottom: 20px;
}

.comment-author img
{
    margin-right: 10px;
}

h1,
.h1
{
    font-size: 20px;
}

h2,
.h2
{
    font-size: 16px;
}

h3,
.h3
{
    font-size: 15px;
}

h4,
.h4
{
    font-size: 14px;
}

h5,
.h5
{
    font-size: 14px;
}

h6,
.h6
{
    font-size: 14px;
}

@media (min-width: 768px)
{
    h1,
    .h1
    {
        font-size: 32px;
    }
    h2,
    .h2
    {
        font-size: 30px;
    }
    h3,
    .h3
    {
        font-size: 28px;
    }
    h4,
    .h4
    {
        font-size: 20px;
    }
    h5,
    .h5
    {
        font-size: 18px;
    }
    h6,
    .h6
    {
        font-size: 16px;
    }
}

@media (min-width: 992px)
{
    h1,
    .h1
    {
        font-size: 32px;
    }
    h2,
    .h2
    {
        font-size: 30px;
    }
    h3,
    .h3
    {
        font-size: 28px;
    }
    h4,
    .h4
    {
        font-size: 20px;
    }
    h5,
    .h5
    {
        font-size: 18px;
    }
    h6,
    .h6
    {
        font-size: 16px;
    }
}

@media (min-width: 1200px)
{
    h1,
    .h1
    {
        font-size: 32px;
    }
    h2,
    .h2
    {
        font-size: 30px;
    }
    h3,
    .h3
    {
        font-size: 28px;
    }
    h4,
    .h4
    {
        font-size: 20px;
    }
    h5,
    .h5
    {
        font-size: 18px;
    }
    h6,
    .h6
    {
        font-size: 16px;
    }
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h
{
    font-family: 'HNforTELUSDisplay', sans-serif;
    font-weight: bold;

    margin: 0 0 10px; 

    color: inherit;
}
@media (min-width: 768px)
{
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6,
    .h
    {
        margin-bottom: 20px;
    }
}

p
{
    margin: 0 0 20px;
}

a
{
    text-decoration: none; 

    color: #505257;
}
a:hover,
a:focus
{
    text-decoration: none; 

    color: #00843d;
}

a[href*='mailto:']
{
    word-wrap: break-word;
}

#header
{
    position: relative;
    z-index: 2; 

    padding: 10px 0;
}
@media (min-width: 768px)
{
    #header
    {
        padding: 0 0 60px;
    }
}

.header-holder
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.menu-holder
{
    margin-left: auto;
}
@media (min-width: 768px)
{
    .menu-holder
    {
        display: -ms-flexbox;
        display: flex;

        margin-left: 10px;
        padding: 21px 5px 18px; 

        border-radius: 0 0 5px 5px;
        background-color: #1d428a;

        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}

@media (max-width: 768px)
{
    .menu-holder, .nav-opener
    {
        display:none;
    }
}

.logo
{
    display: inline-block;

    width: 120px; 

    vertical-align: middle;
}
@media (min-width: 768px)
{
    .logo
    {
        width: 182px;
        margin-top: 23px;
    }
}

.nav-drop
{
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;

    visibility: hidden;

    padding: 30px 15px; 

    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;

    opacity: 0;
    background-color: #1d428a;
}
@media (min-width: 768px)
{
    .nav-drop
    {
        position: static;

        visibility: visible;

        padding: 0; 

        opacity: 1;
        background-color: transparent;
    }
}
.nav-active .nav-drop
{
    visibility: visible; 

    opacity: 1;
}

.lang-switch
{
    font-size: 20px;

    margin-left: 16px;

    color: #1d428a;
}
@media (min-width: 768px)
{
    .lang-switch
    {
        font-size: 10px;

        margin-right: 15px; 

        color: #fff;
    }
}

.user-menu
{
    font: 400 18px/1.5 'HNforTELUSDisplay', sans-serif;
}
@media (min-width: 768px)
{
    .user-menu
    {
        font-size: 12px;

        display: -ms-flexbox;
        display: flex;
    }
}
.user-menu li
{
    padding-bottom: 10px;
}
@media (min-width: 768px)
{
    .user-menu li
    {
        padding: 0 9px;
    }
}
.user-menu li.active a:before
{
    visibility: visible; 

    opacity: 1;
}
.user-menu a
{
    position: relative;

    padding: 5px 0; 

    color: #fff;
}
@media (min-width: 768px)
{
    .user-menu a
    {
        padding: 5px 6px;
    }
}
.user-menu a:before
{
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;

    visibility: hidden; 

    height: 1px;

    content: '';
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;

    opacity: 0;
    background-color: #fff;
}
.user-menu a:hover:before,
.user-menu a.active:before
{
    visibility: visible; 

    opacity: 1;
}

.nav-opener
{
    font-size: 0;
    line-height: 0;

    position: relative;

    width: 30px;
    height: 30px;
    margin-left: 16px;
}
@media (min-width: 768px)
{
    .nav-opener
    {
        display: none;
    }
}
.nav-opener:before,
.nav-opener:after,
.nav-opener span
{
    position: absolute;
    top: 16px;
    right: 15%;
    left: 15%;

    height: 3px;
    margin-top: -2px; 

    transition: transform .3s ease-in-out;

    background: #1d428a;
}
.nav-opener:before,
.nav-opener:after
{
    top: 10px; 

    content: '';
}
.nav-opener:after
{
    top: 22px;
}
.nav-opener:hover
{
    opacity: .9;
}
.nav-active .nav-opener span
{
    opacity: 0;
}
.nav-active .nav-opener:after,
.nav-active .nav-opener:before
{
    top: 16px;
    right: 15%; 
    left: 15%;

    transform: rotate(45deg);
}
.nav-active .nav-opener:after
{
    transform: rotate(-45deg);
}

.resize-active .nav-drop,
.resize-active .nav-drop &gt; ul
{
    transition: none !important;
}

html
{
    height: 100%;
}

[id='wrapper']
{
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
        flex-direction: column;

    width: 100%;
    height: 100%; 
    min-height: 100vh;

    -ms-flex-direction: column;
}

[id='main']
{
    -ms-flex-positive: 1;
    flex-grow: 1;
}

body
{
    font-weight: 300;

    min-height: 100%;
}

a
{
    transition: color .3s ease-in-out;
}

.link
{
    font: 400 12px/1 'HNforTELUSMicro', sans-serif;
}

input[type='text'],
input[type='email'],
input[type='password']
{
    width: 100%;

    color: #1d428a;
}
input[type='text']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder
{
    font-family: 'HNforTELUSMicro', sans-serif;
}
input[type='text']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='password']::-moz-placeholder
{
    font-family: 'HNforTELUSMicro', sans-serif; 

    opacity: 1;
}
input[type='text']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='password']:-moz-placeholder
{
    font-family: 'HNforTELUSMicro', sans-serif;
}
input[type='text']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder
{
    font-family: 'HNforTELUSMicro', sans-serif;
}
input[type='text'].placeholder,
input[type='email'].placeholder,
input[type='password'].placeholder
{
    font-family: 'HNforTELUSMicro', sans-serif;
}
@media (min-width: 768px)
{
    input[type='text'],
    input[type='email'],
    input[type='password']
    {
        max-width: 317px;
    }
}

input[type='submit']
{
    padding: 10px 21px;

    transition: color .3s ease-in-out, background-color .3s ease-in-out;

    border: 1px solid #1d428a; 
    border-radius: 3px;
}

.select-holder
{
    position: relative;
}
@media (min-width: 768px)
{
    .select-holder
    {
        max-width: 317px;
    }
}
.select-holder:before
{
    font-family: 'icomoon' !important;
    font-size: 15px;

    position: absolute;
    top: 50%;
    right: 12px;

    content: '\e900';
    transform: translateY(-50%);
    pointer-events: none; 

    color: #707070;
}

select
{
    font: 400 12px/1 'HNforTELUSMicro', sans-serif;

    width: 100%;
    height: 33px;
    padding: 5px 10px;

    color: #1d428a;
    border: 1px solid #1d428a;
    border-radius: 0;
    outline: none;

    -webkit-appearance: none;
       -moz-appearance: none;
}
select:focus
{
    border-color: #000;
}

select::-ms-expand
{
    display: none;
}

.input-holder
{
    margin-bottom: 15px;
}

.help-inline {
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #ac0000;
}

#response_row {
  background: #fff0f0;
  display: none;
  padding: 5px;
  border: 1px solid #cc0000;
  margin-bottom: 5px;
  font-size: 12px;
  color: #cc0000;
  font-weight: 400;
}

.custom-check
{
    font: 400 12px/18px 'HNforTELUSMicro', sans-serif;

    position: relative;

    display: block; 

    margin-bottom: 24px;
    padding: 3px 0 3px 32px;

    color: #1d428a;
}
.custom-check.alert-error .fake-input
{
  border-color: #ac0000
}
.custom-check [type='checkbox']
{
    position: fixed;
    z-index: -1; 
    top: 0;
    left: 0;

    opacity: 0;
}
.custom-check [type='checkbox']:checked + .fake-input:before
{
    visibility: visible; 

    opacity: 1;
}
.custom-check .fake-input
{
    position: absolute;
    top: 0;
    left: 0; 

    display: inline-block;

    width: 21px;
    height: 21px;

    vertical-align: middle;

    border: 1px solid #1d428a;
}
.custom-check .fake-input:before
{
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;

    visibility: hidden; 

    content: '';
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;

    opacity: 0;
    background-color: #1d428a;
}

h1,
.h1
{
    font-weight: 300; 

    color: #707070;
}
@media (min-width: 768px)
{
    h1,
    .h1
    {
        margin-bottom: 30px;
    }
}
h1.blue,
.h1.blue
{
    color: #1d428a;
}

.subheading
{
    font: 400 12px/18px 'HNforTELUSMicro', sans-serif;

    display: block;

    margin-bottom: 7px; 

    color: #505257;
}

.learn-more
{
    font-weight: 600; 

    display: inline-block;

    vertical-align: middle;

    color: #1d428a;
}
.learn-more:hover
{
    color: #00843d;
}

.container
{
    max-width: 1012px;
    margin: 0 auto; 
    padding: 0 15px;
}
.container.container-sm
{
    max-width: 680px;
}

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

@media (min-width: 768px)
{
    .row
    {
        display: -ms-flexbox;
        display: flex;

        margin: 0 -10px; 

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.row.align-items-center
{
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px)
{
    [class*='col-']
    {
        padding: 0 15px;
    }
}

@media (min-width: 768px)
{
    .col-md-50
    {
        width: 50%;
    }
}

@media (min-width: 768px)
{
    .col-md-33
    {
        width: 33.33%;
    }
}

.breadcrumb
{
    font-size: 12px;

    display: -ms-flexbox;
    display: flex;

    margin: 0 -2px; 

    color: #919191;
}
.breadcrumb li
{
    font-weight: 300;

    position: relative;

    margin: 0 2px; 
    padding-left: 8px;
}
.breadcrumb li:before
{
    position: absolute;
    top: 50%;
    left: 0;

    content: '&gt;';
    transform: translateY(-50%);
}
.breadcrumb li.active
{
    font-weight: 700;
}
.breadcrumb li:first-child
{
    padding-left: 0;
}
.breadcrumb li:first-child:before
{
    display: none;
}
.breadcrumb a
{
    color: #919191;
}
.breadcrumb a:hover
{
    color: #00843d;
}

.login-section
{
    padding: 51px 0;
}
@media (min-width: 992px)
{
    .login-section
    {
        padding-bottom: 100px;
    }
}
.login-section p
{
    margin-bottom: 8px;
}
.login-section h1 + p
{
    margin-top: -10px;
    margin-bottom: 6px;
}
@media (min-width: 992px)
{
    .login-section .col-md-50
    {
        padding-right: 110px;
    }
}
.login-section .form-holder
{
    margin-bottom: 40px;
}
@media (min-width: 768px)
{
    .login-section .form-holder
    {
        margin-bottom: 0;
    }
}

.login-form
{
    margin-bottom: 23px;
}

.registration-form
{
    margin-bottom: 3px;
}
.registration-form .custom-check
{
    margin-bottom: 37px;
}

.registration-section
{
    padding: 54px 0;
}
.registration-section .row
{
    margin-bottom: 25px;
}
@media (min-width: 768px)
{
    .registration-section .row
    {
        margin: 0 -7px 35px;
    }
}
@media (min-width: 768px)
{
    .registration-section [class*='col-']
    {
        padding: 0 7px;
    }
}
@media (min-width: 768px)
{
    .registration-section h1,
    .registration-section .h1
    {
        margin-bottom: 21px;
    }
}
.registration-section .input-holder
{
    margin-bottom: 10px;
}

.support-section
{
    margin-bottom: 50px;
}
@media (min-width: 992px)
{
    .support-section
    {
        margin-bottom: 75px;
    }
}

.support-block
{
    padding: 30px 15px; 

    color: #fff;
    background-color: #505257;
}
@media (min-width: 768px)
{
    .support-block
    {
        display: -ms-flexbox;
        display: flex;

        padding: 30px 20px;
    }
}
@media (min-width: 992px)
{
    .support-block
    {
        padding: 36px 83px 30px;
    }
}
.support-block .subtitle
{
    font: 400 17px/21px 'HNforTELUSMicro', sans-serif;

    letter-spacing: 1.7px;
    text-transform: uppercase; 

    color: #adadad;
}
.support-block h2
{
    font: 300 25px/1.25 'HNforTELUSDisplay', sans-serif;
}
@media (min-width: 768px)
{
    .support-block h2
    {
        font-size: 32px;
    }
}
.support-block .support-address
{
    font-style: normal;

    margin-bottom: 0;
}
.support-block .support-address a
{
    color: #fff;
}
.support-block .support-address a:hover
{
    color: #00843d;
}
.support-block .left-col
{
    margin-bottom: 25px;
}
@media (min-width: 768px)
{
    .support-block .left-col
    {
        width: 61%; 
        margin-bottom: 0;
        padding-right: 15px;
    }
}
@media (min-width: 768px)
{
    .support-block .right-col
    {
        width: 39%; 
        margin-bottom: 0;
        padding-right: 15px;
    }
}

.footer
{
    font-size: 14px;
    line-height: 1.3;

    padding: 30px 0; 

    text-align: center;

    color: #fff;
    background-color: #1d428a;
}
@media (min-width: 768px)
{
    .footer
    {
        font-size: 12px;

        padding: 42px 0 56px;
    }
}
@media (min-width: 992px)
{
    .footer
    {
        text-align: left;
    }
}

@media (min-width: 992px)
{
    .footer-nav-holder
    {
        max-width: 542px; 
        padding-top: 11px;

        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media (min-width: 992px)
{
    .footer-nav-holder [class*='col-']:first-child
    {
        padding-left: 63px;
    }
}

.footer-logo
{
    display: inline-block;

    width: 120px;
    margin-bottom: 30px; 

    vertical-align: middle;
}
@media (min-width: 768px)
{
    .footer-logo
    {
        width: 182px;
    }
}
@media (min-width: 992px)
{
    .footer-logo
    {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

.copyright
{
    display: block;
}

.title
{
    font: 400 14px/20px 'HNforTELUSMicro', sans-serif;

    display: block;

    margin-bottom: 10px; 

    letter-spacing: .7px;
    text-transform: uppercase;
}
@media (min-width: 768px)
{
    .title
    {
        margin-bottom: 14px;
    }
}

@media (min-width: 992px)
{
    .footer-holder
    {
        display: -ms-flexbox;
        display: flex;

        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.footer-nav
{
    font-weight: 300;

    margin-bottom: 25px;
}
@media (min-width: 992px)
{
    .footer-nav
    {
        margin-bottom: 0;
    }
}
.footer-nav li
{
    margin-bottom: 5px;
}
.footer-nav a
{
    color: #fff;
}
.footer-nav a:hover
{
    color: #00843d;
}

@media (min-width: 992px)
{
    .footer-bottom
    {
        display: -ms-flexbox;
        display: flex;

        margin-top: -15px;
    }
}

.footer-list
{
    font-weight: 300;

    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer-list li
{
    position: relative;

    padding: 0 7px 0 8px;
}
.footer-list li:first-child:before
{
    display: none;
}
.footer-list li:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 10px;

    content: '';
    transform: translateY(-50%);

    background-color: #fff;
}
.footer-list a
{
    color: #fff;
}
.footer-list a:hover
{
    color: #00843d;
}

.social-media
{
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 25px; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 992px)
{
    .social-media
    {
        margin: 0 -4px 11px; 

        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.social-media li
{
    padding: 0 4px 4px;
}
.social-media a
{
    font-size: 15px; 

    position: relative;

    display: block;

    width: 30px;
    height: 30px;

    transition: color .3s ease-in-out, background-color .3s ease-in-out;

    color: #1d428a;
    border-radius: 50%;
    background-color: #fff;
}
@media (min-width: 768px)
{
    .social-media a
    {
        font-size: 10px; 

        width: 19px;
        height: 19px;
    }
}
.social-media a:hover
{
    color: #fff;
    background-color: #1d428a;
}
.social-media a [class*='icon-']
{
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}

.address
{
    font-style: normal;

    margin-bottom: 25px;
}
@media (min-width: 992px)
{
    .address
    {
        margin-bottom: 0;
    }
}
.address p
{
    margin-bottom: 8px;
}
.address a
{
    color: #fff;
}
.address a:hover
{
    color: #00843d;
}


/* Agronomy */

header {
  padding: 0 !important;
}

button {
  background: #2b8000;
}

button:hover {
  color: #FFF;
  background: #00843d;
}

section.login-section {
  height: 80vh;
  padding-bottom: 0;
  padding-top: 0;
}

.row {
  height: 100%;
}

.login-container {
  height: 100%;
  margin: 0;
  width: 100%;
  max-width: unset;
  padding:0 10px;
}

.spotlight {
  background: url('../images/harvest.jpg') no-repeat;
  background-size: cover;
  background-position-x: center;
  background-position-y: bottom;
}

.col-md-50 {
    padding: 0 !important;
    text-align: center;
}

.menu-holder {
    margin: 0 !important;
    border-radius: 0;
}

footer .login-container {
    margin: 0 auto !important;
    max-width: 1012px !important;
}

.footer-nav, .footer-bottom, address {
  font-family: 'HNforTELUSMicro', sans-serif;
  font-size:  14px;
  font-weight: bold;
}

.menu-holder, footer#footer {
    background: #424242;
    justify-content: end;
}

h1 {
    font-weight: 600;
    color: rgb(75, 40, 109);
    font-size: 36px;
    margin-bottom: 10px;
}

h2 {
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 22px;
}

header#header {
    margin-bottom: 70px;
}

.custom-check  .fake-input {
    position: relative;
    left: initial;
    margin-left: -30px;
}

form#login {
    width: 50%;
    margin: 0 auto;
    text-align: left;
}

input[type='text'],input[type='password'],input[type='email'] {
    max-width: 100% !important;
}

.user-menu li {
    font-size: 16px;
}

.menu-holder {
    padding: 10px 10px 15px;
}

.recovery {
  width: 50%;
  margin: 0 auto 40px;
  padding: 10px;
  text-align: left;
}

.logo {
  width: 285px;
}

div#login-page {
  display: flex;
  flex-direction: column;
}

#login-page main#main {
    display: flex;
    flex: auto;
}

section.login-section {
    flex: auto;
    flex-direction: row;
    align-items: center;
}

.col-md-50.form-holder {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

@media (max-width: 768px)
{
    .form-holder {
        width:100%;
    }
    .spotlight
    {
        display:none;
    }
}
</pre></body></html>