@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
/*
 * SFNI CSS Master, Ver 7.8.6.
 */

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.3/customize/?id=28a6fea7162e2459ef70e08ddfbca2b1)
 * Config saved to config.json and https://gist.github.com/28a6fea7162e2459ef70e08ddfbca2b1
 */

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:425px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:640px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1024px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
    content: " ";
    display: table
}

.clearfix:after,
.container-fluid:after,
.container:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

/*! jQuery UI - v1.12.1 - 2018-01-10
* http://jqueryui.com
* Includes: core.css, accordion.css, tabs.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-widget-content a,
.ui-widget-header,
.ui-widget-header a {
    color: #333
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-zfix,
.ui-widget-overlay {
    left: 0;
    width: 100%;
    height: 100%;
    top: 0
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-widget-overlay {
    position: fixed
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 1px 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-widget,
.ui-widget .ui-widget {
    font-size: 1em
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-tabs {
    position: relative;
    padding: .2em
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px
        }

            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif
}

    .ui-widget button,
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5
    }

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    font-weight: 700
}

    .ui-button,
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    html .ui-button.ui-state-disabled:active,
    html .ui-button.ui-state-disabled:hover {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: 400;
        color: #454545
    }

        .ui-button,
        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button {
            color: #454545;
            text-decoration: none
        }

            .ui-button:focus,
            .ui-button:hover,
            .ui-state-focus,
            .ui-state-hover,
            .ui-widget-content .ui-state-focus,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-focus,
            .ui-widget-header .ui-state-hover {
                border: 1px solid #ccc;
                background: #ededed;
                font-weight: 400;
                color: #2b2b2b
            }

                .ui-state-focus a,
                .ui-state-focus a:hover,
                .ui-state-focus a:link,
                .ui-state-focus a:visited,
                .ui-state-hover a,
                .ui-state-hover a:hover,
                .ui-state-hover a:link,
                .ui-state-hover a:visited,
                a.ui-button:focus,
                a.ui-button:hover {
                    color: #2b2b2b;
                    text-decoration: none
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #fff
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #fff;
        text-decoration: none
    }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

button,
hr,
input {
    overflow: visible
}

audio,
canvas,
progress,
video {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

h1 {
    font-size: 2em;
    margin: .67em 0
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: ButtonText dotted 1px
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button,
    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    position: relative;
    min-height: 100%;
}

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

	input:focus,
	h3:focus,
	.tabs li:focus,
	a:focus,
    button:focus {
        /*outline: 0; VoiceOver fix */ 
		outline: 1px solid #FFBF47;
    }

body {
    font-family: 'Open Sans', Arial, sans-serif !important;
    color: #505a5a;
    background: #ffffff;
    font-size: 0.875em;
    margin-bottom: 0;
    line-height: initial;
    /* normalize overide */
}

a {
    color: #2c709b;
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink;
}

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

p,
ul {
    line-height: 1.6em;    
	margin: 1em 0; /* new */
}

.hidden {
    display: none;
}

h1,
h2,
h3,
h4 {
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
}

    h1.page-heading {
        padding: 0.625rem 0;
    }

h2 {
    font-size: 1.4em;	
	margin: 1em 0 0 0; /* new */
}

h3 {
    font-size: 1.4em; 
	margin: 1em 0 0 0; /* new */
}

h4 {
    font-size: 1.2em;
}

.walltowall > p,
.walltowall > h2,
.walltowall > h3,
.walltowall > address
{
    padding: 0 0.5rem;
}

.walltowall > h2 {
    margin: 0rem;
}

main.container-fluid {
    max-width: 1500px;
    /* bootstrap addition class. Only restricts <main> element, not <header> */
    padding-bottom: 2em;
}

hr {
    border-top: 1px solid #bbbbbb;
    width: 100%;
    border-bottom: 1px solid #ffffff;
}

button.top {
    position: fixed;
    right: 0px;
    bottom: 0.65em;
    font-size: 1rem;
    padding: 0.65em;
    color: #ffffff;
    width: 70px;
    opacity: 0;
    font-family: 'Open Sans', Arial, sans-serif;
    background: #455050;
    border-radius: 5px 0 0 5px;
    box-shadow: 0px 4px 20px -5px #000000;
    z-index: 255;
    -webkit-transition: opacity 300ms, visibility 300ms;
    transition: opacity 300ms, visibility 300ms;
    border: 0;
}

    button.top:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        left: 0;
        top: 0;
        font-size: 25px;
        vertical-align: middle;
        margin: -0.65rem 0 0 0;
    }

    button.top:before {
        content: "\f106";
        color: #ffffff;
        display: block;
    }

    button.top.display {
        opacity: 0.9;
    }

.homepage img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 0 auto;
    display: block;
}

/* ------------------------------------------- SEARCH RESULTS ------------------------------------------- */

ul.accordion-list.search-results__list {
    font-size: 1.1em;
    margin: 1em 0 0 0;
}

.search-results__title {
    color: #2c709b;
}

.search-results__link {
    margin: 0 0 1em 0;
    display: block;
    color: #999999;
    font-style: italic;
}

.ezsearch-pager a {
    border: 1px solid #2C7098;
    padding: 0.5rem;
    background: #f8f8f8;
}

.ezsearch-pager span {
    border: 1px solid #2C7098;
    padding: 0.5rem;
    background: #2C7098;
    color: #ffffff;
}

.ezsearch-pager a:hover {
    background: #2C7098;
    color: #ffffff;
    -webkit-transition: background-color 150ms ease-out;
    -o-transition: background-color 150ms ease-out;
    transition: background-color 150ms ease-out;
}
.ezsearch-pager p {
	line-height: 2.5rem;
}

/* ------------------------------------------- EA FINDER ------------------------------------------- */

.ea-finder__label {
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}

.ea-finder__textbox {
    font-family: 'Open Sans', Arial, sans-serif;
    border: 2px solid #888888;
    min-height: 3rem;
    min-width: 0;
    padding: 0 0 0 1rem;
    margin: 0 0 1rem 0;
}

.ea-finder__textbox--error {
    border: 4px solid #b10e1e;
}

span.error-message {
    color: #b10e1e;
    font-weight: 700;
    padding: 0 0 10px 0;
}

.ea-finder-results {
    font-weight: 700;
    font-size: 1.2rem;
    color: #0f88d9;
    padding: 0 0 0 1rem;
}

.ea-finder-popup {
    border: 2px solid #5c7586;
    position: relative;
    background: #5c7586;
    width: auto;
    padding: 0 1rem;
    margin-top: 1rem;
    font-size: 0.9rem;
    color: white;
}

     .ea-finder-popup .hidden {
        display: none;
    }

.ea-finder-popup-error {
    border: 2px solid #b10e1e;
    position: relative;
    background:#b10e1e;
    width: auto;
    padding: 0 1rem;
    margin-top: 1rem;
    font-size: 0.9rem;
    color: white;
}

    .ea-finder-popup::before {
        border: transparent;
    }

    .tile-content--blue li a,
    .tile-content--blue p a:link,
    .tile-content--blue p a:visited,
    .faq__container .ui-widget-content a,
    .ea-finder-popup a:link,
    .ea-finder-popup a:visited,
    .qualify a:link,
    .qualify a:visited {
        color: #ffecb3;
    }

.animated {
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
}

.tile-item.lea-item {
    display: none;
}

    .tile-item.lea-item.show {
        display: flex;
    }
.walltowall.show {
    margin: 0 1rem;
}
.searching .dot {
    opacity: 1;
    animation: dot 1.5s ease infinite;
}

.searching .dot1 {
    animation-delay: 0.5s;
}

.searching .dot2 {
    animation-delay: 1s;
}

.searching .dot3 {
    animation-delay: 1.5s;
}

@keyframes dot {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*----------------------------------------- NEWS ----------------------------------------- */

span.news__date--published {
    background: #f6f6f6;
    display: block;
    margin: 0 0 20px 0 ;
    padding: 5px 0 5px 1rem;
    font-size: 0.875em;
}

span.news__date--modified {
    float: right;
    font-style: italic;
    font-size: 0.85rem;
}

.news__date--published-list {
    color: #c84e4e;
    font-weight: bold;
}

.news .sfe-heading {
    margin: 0 0 0px 0;
}

.news__list--item > a {
    text-decoration: none;
    display: block;
    padding: 1rem;
}

.news a .heading--news-black {
    text-decoration: underline;
    font-weight: 700;
}

.news a:hover .heading--news-black {
    text-decoration: none;
}

.news__list--item {
    background: #ffffff;
    color: #505a5a;
    margin: 0 0 0 0;
    padding: 0;
    display: block;
    border-color: #b6b6b6;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
}

    .news__list--item:last-child {
        border-width: 1px 0px 1px 0px;
    }

    .news__list--item p {
        margin: 1em 0;
        color: #555555;
    }

/* .news__list--item p:after {
            content: '...';
        } */

.news .news__list--item a:hover {
    background: #f4f4f4;
    -webkit-transition: background-color 150ms ease-out;
    -o-transition: background-color 150ms ease-out;
    transition: background-color 150ms ease-out;
}

.news__list {
    margin: 0 0 1rem 0;
    padding: 0;
    list-style-type: none;
}

/* ------------------------------------------- BREADCRUMB ------------------------------------------- */

ul.breadcrumb__list {
    margin: 0;
    padding: 5px 0 10px 0;
}

    ul.breadcrumb__list li {
        display: inline;
        color: #717171;
        font-size: 0.8rem;
    }

        ul.breadcrumb__list li + li:before {
            padding: 0 5px;
            color: #717171;
            font-size: 18px;
            /*content: "›\00a0";*/  
			content: '\203A';
        }

        ul.breadcrumb__list li a,
        ul.breadcrumb__list li a:visited {
            color: #717171;
            text-decoration: underline;
        }

            ul.breadcrumb__list li a:hover {
                color: #222222;
                text-decoration: none;
            }

        ul.breadcrumb__list li:last-child {
            color: #252525;
        }

/* ------------------------------------------- CONTACT ------------------------------------------- */

a[href^=tel] {
    background-color: #5b7586;
    background-image: linear-gradient(to bottom, #2b709b, #205a7e);
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    color: #ffffff !important;
    display: block !important;
    font-size: 130%;
    font-style: normal;
    line-height: 20px;
    margin: 0.938em 0 0;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}

.line-status {
    display: block;
    color: #ffffff;
    padding: 0.5rem;
    text-align: center;
    font-size: 14px;
    margin: 15px -1.7rem -5px -1.7rem;
    text-transform: uppercase;
    background: #555555;
}

.line-status--open {
    background: #207E20;
}

.line-status--closed {
    background: #bd5745;
}

/* ------------------------------------------- COMPLAINTS ------------------------------------------- */

.complaint-container {
    display: inline-block;
    background: #efefef;
    margin: 25px 1% 15px 0;
    vertical-align: top;
    width: 100%;
    max-width: 30rem;
    border-radius: 0 0 5px 5px;
}

span.complaint-option {
    display: block;
    position: relative;
    background: #928b8b;
    padding: 0.5em 1em 0.5em 70px;
    font-size: 1.3em;
    color: white;
    border-radius: 0 5px 0 0;
}

.complaint-option-icon {
    display: block;
    font-size: 2rem;
    color: #ffffff;
    background: #4e4f4f;
    border: 3px solid white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -2.2rem;
    left: -6px;
    padding: 1rem;
    text-align: center;
}

.complaint-container address,
.complaint-container a {
    padding: 20px;
    display: block;
    font-size: 1.2em;
    text-decoration: none;
}

    .complaint-container a:hover {
        text-decoration: underline;
    }

    .complaint-container a[href^=tel] {
        margin: 20px;
    }

address {
    font-style: normal;
}

p + address {
    line-height: 1.6em;
    border-left: 3px solid #a5a5a5;
    padding-left: 1em;
    margin-left: 0em;
}

/* ------------------------------------------- SKIP TO CONTENT ------------------------------------------- */

.skip-links {
    font-size: 1rem;
    height: 0;
    left: 0;
    overflow: visible;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    word-wrap: none;
    z-index: 999;
}

    .skip-links,
    .skip-links .list__item {
        margin: 0;
        padding: 0;
    }

.skip-links__link {
    background-color: #000;
    color: #fff;
    display: inline-block;
    height: 0;
    left: 50%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: -200%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
}

    .skip-links__link:link,
    .skip-links__link:visited,
    .skip-links__link:hover,
    .skip-links__link:active,
    .skip-links__link:focus {
        color: #fff;
    }

    .skip-links__link:hover,
    .skip-links__link:active,
    .skip-links__link:focus {
        height: 3.25rem;
        padding: .75rem 1.5rem 1rem;
        top: 0;
        width: auto;
    }

/* ------------------------------------------- NOTIFICATIONS ------------------------------------------- */

.notification-box {
    text-align: center;
    padding: 0.85em;
    margin: 0;
}

.notification-box--yellow {
    background: #ffebae;
    color: #333333;
}

	.notification-box--yellow p.callout {
		font-size: 1em;
    	text-align: left;
	}

.notification-box--red {
    /*background: #e06666;*/
    background: #D73C3C;
    color: #ffffff;
    margin-top: 1em;
}

.notification-heading {
    font-weight: bold;
    display: block;
    padding: 0 30px 3px 15px;
}

.notification-box p {
    margin: 0;
    padding: 0;
    font-size: 0.85rem;
}

.hide-notification--red,
.hide-notification--yellow {
    float: right;
    font-size: 1.5rem;
}

/* ------------------------------------------- HEADER ------------------------------------------- */

.main-header {
    position: relative;
    /* mobilenav position */
    background: #105f93 url(../img/bg-pattern-white-sm.png);
    width: 100%;
    padding-top: 14px;
    -webkit-box-shadow: 9px 8px 30px 0px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 9px 8px 30px 0px rgba(0, 0, 0, 0.3) inset;
}

.nav__mainlogo img {
    vertical-align: middle;
    max-width: 100%;
    margin: 0px;
    width: 245px;
    padding: 0 0 7px 14px
}

.breadcrumb {
    display: none;
    background: #f6f6f6;
    padding-left: 5px;
    border-top: 1px solid #494949;
}

/* ------------------------------------------- SEARCH BAR + BUTTON ------------------------------------------- */

.main-search {
    background-color: #494949;
    display: block;
    margin: 0 0 0 0;
    padding: 0.5rem;
    float: left;
    width: 100%;
}

.form__searchlabel {
    left: 0.8rem;
    margin: 0;
    position: absolute;
    top: 0.5rem;
    width: auto;
    z-index: 9;
}

.icon {
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 2rem;
    width: 2rem;
}

    .icon:after,
    .icon:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        font-size: 27px;
        margin: 0px;
    }

.icon-search:after {
    content: "\f002";
    float: left;
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* ------------------ INPUT ------------------ */

.form__searchbar {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.form__searchbar__append-group {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    /* display: -webkit-box; removed to test flexbox bug */
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0rem;
    min-height: 3rem;
    position: relative;
    width: 100%;
}

    .form__searchbar__append-group .form__field {
        font-family: 'Open Sans', Arial, sans-serif;
        border-radius: 4px 0 0 4px;
        border-right: 0;
        /*-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;*/
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        min-height: 3rem;
        min-width: 0;
        width: auto;
        -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
    }

.form__field {
    border: 0;
    padding-left: 3rem;
    padding-right: .75rem;
}

/* ------------------ BUTTON ------------------ */

.form__searchbar__append-group .button {
    border: 0;
    border-radius: 0 4px 4px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0.75rem 1rem;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    vertical-align: middle;
    background-color: #2c709b;
    min-width: 6rem;
    position: relative;
    width: auto;
    z-index: 9;
    box-shadow: none;
}

    .form__searchbar__append-group .button::before {
        border: .5rem solid transparent;
        border-left-width: 0;
        border-right-color: #2c709b;
        content: '';
        height: 0;
        margin-top: -.5rem;
        position: absolute;
        right: 100%;
        top: 50%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        width: 0;
    }

    .form__searchbar__append-group .button:hover,
    .form__searchbar__append-group .button:focus,
    .form__searchbar__append-group .button:active {
        background-color: #428bb8;
        transform: none;
    }

        .form__searchbar__append-group .button:hover::before,
        .form__searchbar__append-group .button:focus::before,
        .form__searchbar__append-group .button:active::before {
            border-right-color: #428bb8;
        }

/* ------------------------------------------- MAIN NAV ------------------------------------------- */

.navigation {
    background: #f8f8f8;
    border-bottom: 0px solid #2c709b;
    font-size: 0.85rem;
    /*font-family: 'Cabin', Arial, sans-serif;*/
    margin-left: -15px;
    margin-right: -15px;
}

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

    nav ul.nav-list:after {
        content: "";
        display: table;
        clear: both;
    }

    nav ul li {
        float: left;
        position: relative;
        margin: 5px 5px 0 0px;
    }

        nav ul li a,
        nav ul li a:visited {
            display: block;
            padding: 15px;
            line-height: 25px;
            color: #666666;
            /*changes both li*/
            text-decoration: none;
            font-size: 0.85rem;
        }

            nav ul li a:hover,
            nav ul li a:visited:hover,
            nav ul li a:focus,
            nav ul li.active a {
                background: #2c709b;
                color: #ffffff;
                -webkit-transition: none;
                -o-transition: none;
                transition: none;
            }

            nav ul li a:not(:only-child):after,
            nav ul li a:visited:not(:only-child):after {
                padding-left: 4px;
                /*content: '▾';*/
				content: '\25BE';
            }

        nav ul li ul li {
            min-width: 190px;
            float: none;
            border-top: 0;
            border-bottom: 1px solid #2c709b;
            margin: 0px 0 0px 0;
        }

            nav ul li ul li a:link,
            nav ul li ul li a:visited {
                color: #ffffff;
                background: #1e4e6b;
            }

            nav ul li ul li:last-child {
                border-bottom: 0;
            }

.nav-dropdown {
    position: absolute;
    display: none;
    background: #868686;
    z-index: 2;
}

ul.nav-list > li:nth-child(1):before {
    content: "\f090";
}
ul.nav-list > li:nth-child(2):before {
    content: "\f154";
}
ul.nav-list > li:nth-child(3):before {
    content: "\f1ae";
}
ul.nav-list > li:nth-child(4):before {
    content: "\f059";
}
ul.nav-list > li:nth-child(5):before {
    content: "\f0f6";
}
ul.nav-list > li:nth-child(6):before {
    content: "\f041";
}
ul.nav-list > li:nth-child(7):before {
    content: "\f1ea";
}
ul.nav-list > li:nth-child(8):before {
    content: "\f095";
}
     
ul.nav-list > li:before {
    float: left;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    margin: 0 15px 0 0;
    height: 50px;
    text-align: center;
    width: 50px;
    background: rgba(64, 64, 64, 0.08);
    color: #494949;
    padding: 15px;
}

ul.nav-list > li.active:before {
    background: #2c709b;
    color: #fff;
}

nav ul li ul li a:link, nav ul li ul li a:visited {
    color: #ffffff;
    background: #1e4e6b;
    padding-left: 15px;
} 

/* Mobile navigation */

.nav-mobile {
    display: none;
    position: absolute;
    top: 7px;
    right: 7px;
    background: #262626;
    height: 50px;
    width: 50px;
    border: 2px solid #ffffff;
    background: rgba(38, 38, 38, 0.5);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
}

#nav-toggle {
    position: absolute;
    left: 12px;
    top: 12px;
    cursor: pointer;
    padding: 10px 24px 16px 0px;
    background: transparent;
    border: 0;
}

    #nav-toggle span,
    #nav-toggle span:before,
    #nav-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 4px;
        width: 24px;
        background: #ffffff;
        position: absolute;
        display: block;
        content: '';
        -webkit-transition: all 50ms ease-in-out;
        -o-transition: all 50ms ease-in-out;
        transition: all 50ms ease-in-out;
    }

        #nav-toggle span:before {
            top: -10px;
        }

        #nav-toggle span:after {
            bottom: -10px;
        }

    #nav-toggle.active span {
        background-color: transparent;
    }

        #nav-toggle.active span:before,
        #nav-toggle.active span:after {
            top: 0;
        }

        #nav-toggle.active span:before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #nav-toggle.active span:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

@media only screen and (max-width: 1023px) {
    .nav-mobile {
        display: block;
    }

    nav {
        width: 100%;
        padding: 0px;
    }

        nav ul {
            display: none;
        }

            nav ul li {
                float: none;
                margin: 0px 0px 0px 0px;
            }

                nav ul li a {
                    padding: 15px;
                    line-height: 20px;
                }

                nav ul li ul li a {
                    padding-left: 30px;
                }

                nav ul li ul li:before {
                    content: '\2014';
                    position: absolute;
                    top: 50%;
                    left: 50px;
                    margin: -0.75rem 0px 0 0;
                    color: #ffffff;
                }

                nav ul li a:hover,
                nav ul li a:visited:hover {
                    background: #428bb8;
                }

    .nav-dropdown {
        position: static;
    }
	
	nav ul li ul li a:link, nav ul li ul li a:visited {
		padding-left: 70px;
	} 
	
}

@media screen and (min-width: 1024px) {
    .nav-list {
        display: block !important;
    }
}

/* ------------------------------------------- FOOTER ------------------------------------------- */

.footer {
    border-top: 10px solid #105f93;
    position: relative;
    width: 100%;
    background: #252d2d;
    padding: 0 0 5rem 0;
    margin-bottom: 0em;
    margin-top: 0em;
    color: #ffffff;
    -webkit-box-shadow: 9px 8px 30px 0px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 9px 8px 30px 0px rgba(0, 0, 0, 0.3) inset;
}

footer a:link,
footer a:visited {
    color: #ffffff;
    text-decoration: none;
}

footer a:hover,
footer a:active {
    color: #FFBF47;
    text-decoration: underline;
}

ul.footer__list {
    list-style-type: none;
    padding: 0;
    margin: 10px auto;
    padding: 10px 0 10px 0;
    display: block;
    text-align: center;
    float: left;
    width: 100%;
    font-size: 0.9rem;
}

    ul.footer__list li {
        float: none;
        padding: 0px;
        list-style-type: none;
        margin: 0 0 2px 0;
        padding: 10px;
        list-style-type: none;
        border-right: 0px solid #6f6f6f;
        background: #2e3838;
    }

        ul.footer__list li:last-child {
            border: 0;
        }

        ul.footer__list li a {
            display: block;
            padding: 0px 15px;
            text-align: center;
        }

.footer__logo-box {
    margin: 0px auto;
    display: block;
    clear: both;
    width: 90%;
    max-width: 28em;
}

.footer__logo {
    float: none;
    margin: 0px auto 0px auto;
}

    .footer__logo img {
        max-width: 49%;
        height: auto;
    }

/* ------------------------------------------- TAB ITEMS ------------------------------------------- */

ul.tabs {
    display: none;
}

.tab-drawer-heading {
    font-family: 'Roboto', Arial, sans-serif;
    background-color: #d2d2d2;
    color: #555555;
    font-size: 1.4em;
    font-weight: 700;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #9e9e9e;
    margin: 0;
    padding: 1rem 2rem 1rem 0.5rem;
    display: block;
    cursor: pointer;
    word-wrap: break-word;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tab_container:last-child {
    border-bottom: 1px solid #9e9e9e;
}

.tab-drawer-heading__active {
    background-color: #5b7586;
    color: #ffecb3;
}

    .tab-drawer-heading:after,
    .tab-drawer-heading__active:after {
        font-size: 1.1rem;
        margin: -0.5rem 10px 0 0;
        position: absolute;
        right: 0%;
        top: 50%;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        float: right;
    }

.tab-drawer-heading:after {
    content: "\f067";
}

.tab-drawer-heading__active:after {
    content: "\f068";
}

ul.tabs li {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1em;
    float: left;
    margin: 0 10px 0 0;
    cursor: pointer;
    padding: 15px 12px;
    background-color: #d2d2d2;
    color: #555555;
    overflow: hidden;
    border-bottom: 2px solid #ffffff;
    min-width: 10em;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

    ul.tabs li:hover {
        background-color: #5b7586;
        color: #ffffff;
    }

    ul.tabs li.active {
        background-color: #5b7586;
        color: #ffecb3;
        display: block;
        border-bottom: 2px solid #5b7586;
    }

.tab_container {
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    overflow: auto;
}

.main-article .tab_content {
    padding: 0px;
    display: none;
    background: #f8f8f8;
}

.main-article p {  
	margin: 0.5em 0; /* new */
}

.tab_content {
    padding: 5px;
    display: none;
    background: #f8f8f8;
}
	.tab_content h2:first-child {
		margin: 0.5rem 0 0 0;
	}

@media only screen and (min-width: 64.000em) {
    .tab-drawer-heading {
        display: none;
    }

    ul.tabs {
        display: block;
        margin: 0 0 0 1rem;
        padding: 0;
        float: left;
        list-style: none;
        width: 100%;
    }
}

/* ------------------------------------------- FORM FINDER CARD ITEMS ------------------------------------------- */

.form-finder {
    max-width: 100%;
    margin: 0 auto 1rem auto;
}

    .form-finder h2 {
        margin: 0.5em 0;
    }

        .form-finder h2:not(:first-child) {
            margin: 2rem 0 0 0;
        }

    .form-finder:after,
	.form-finder--slim:after {
        content: "";
        display: table;
        clear: both;
    }

.form-finder__card-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

.sf-explained-group {
    margin: 0 0 1rem 0;
}

.form-finder__card-list li {
    border-bottom: 1px solid #b6b6b6;
}

    .form-finder__card-list li:first-child {
        border-top: 1px solid #b6b6b6;
    }

    .form-finder__card-list li:last-child {
        border-bottom: 1px solid #b6b6b6;
    }

.main-article .form-finder__card-list li:last-child {
    margin: 0 0 0 0;
}

.form-finder__card-item {
    background-color: #f0f0f0;
    margin: 0 0 0px 0;
    padding: 10px 5px 5px 5px;
}

.main-article .form-finder__card-item {
    background-color: #f8f8f8;
    margin: 0 0 1px 0;
    border: 0;
    padding: 5px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

.form-finder__card-item:hover {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

.form-finder__card-link {
    /* display: -webkit-box; removed due to legacy flex error */
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    color: #555555;
    text-decoration: none;
    position: relative;
}

    .form-finder__card-link:hover {
        background-color: #f0f0f0;
        /*transform: translateY(1px);*/
    }

        .form-finder__card-link:hover .form-title {
            text-decoration: none;
        }

.form-code-container,
.form-details-container,
.form-file-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: left;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.form-code-container {
    border-radius: 5px;
    margin: 0;
    font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
    position: absolute;
    right: 0;
    top: 0;
}

.form-code-container__yellow {
    border: 1px solid #d7ad30;
    background: #ffcc33;
}

.form-code-container__grey {
    border: 1px solid #cbcbcb;
    background: #e4e4e4;
}

.form-details-container {
    border: 0px solid blue;
}

.form-file-container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.form-code {
    padding: 5px;
    margin: 0 0px 0 0;
    font-size: 1rem;
    color: #666666;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.form-code-subheading {
    font-size: 0.85rem;
    display: block;
    font-weight: normal;
}

.form-title {
    color: #2c709b;
    font-size: 0.9rem;
    margin: 0 70px 0 0;
    padding: 10px 0px 5px 5px;
    text-decoration: underline;
}

.form-summary {
    margin: 0;
    padding: 5px;
    font-size: 1rem;
}

.file-type,
.file-size {
    font-size: 1em;
    font-weight: 700;
    color: #757575;
    padding: 5px;
}

/* --- Form Finder Slim --*/
        .form-finder--slim {max-width:100%; margin-bottom: 1rem;}
        
        .form-finder--slim .form-summary {
            margin: 0 0 13px 0;
        }
        .form-finder--slim .form-title {
            font-size: 1.2em;
        }

    /* ---FontAwesome target --*/

    .file-type i {
        margin-right: 5px;
        font-size: 1.3rem;
    }

	.fa-file-pdf-o:before {
		color: #ff0000;
	}

/* ------------------------------------------- CARD FLEX ITEMS ------------------------------------------- */

.card {
    /* display: -webkit-box; removed due to legacy flex width error */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.card-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*  width: 100%; removed due to legacy flex width error */
    margin: 0 0px 0em 0;
    background: transparent;
    position: relative;
}

.card--stacked {
    margin-top: 1.7rem;
}

    .card--stacked li.card-item {
        width: 100%;
        /* specifically targets cards that are always stacked - on any resolution (Form Finder, etc) */
    }

    .card--stacked li:not(:last-child) {
        margin: 0em 0 15px 0;
    }

.card-item__full {
    width: 100%;
}

li.card-item--inline {
    margin: 0 0 15px 0;
}

.card-content p:last-of-type {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-decoration: none;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    background: #ffffff;
    color: #222222;
}

    .card-container:hover {
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    }

.card-container--bluegroup {
    background: -webkit-linear-gradient(315deg, rgba(74, 118, 170, 1) 0%, rgba(74, 118, 170, 1) 0%, rgba(49, 77, 111, 1) 100%, rgba(49, 77, 111, 1) 100%);
    background: -webkit-linear-gradient(315deg, rgb(74, 118, 170) 0%, rgb(74, 118, 170) 0%, rgb(49, 77, 111) 100%, rgb(49, 77, 111) 100%);
    background: -o-linear-gradient(315deg, rgb(74, 118, 170) 0%, rgb(74, 118, 170) 0%, rgb(49, 77, 111) 100%, rgb(49, 77, 111) 100%);
    background: linear-gradient(135deg, rgb(74, 118, 170) 0%, rgb(74, 118, 170) 0%, rgb(49, 77, 111) 100%, rgb(49, 77, 111) 100%);
    color: #ffffff;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.50);
}

.card-container--magentagroup {
    background: -webkit-linear-gradient(315deg, rgba(189, 94, 137, 1) 0%, rgba(189, 94, 137, 1) 0%, rgba(152, 63, 103, 1) 100%, rgba(152, 63, 103, 1) 100%);
    background: -o-linear-gradient(315deg, rgba(189, 94, 137, 1) 0%, rgba(189, 94, 137, 1) 0%, rgba(152, 63, 103, 1) 100%, rgba(152, 63, 103, 1) 100%);
    background: linear-gradient(135deg, rgba(189, 94, 137, 1) 0%, rgba(189, 94, 137, 1) 0%, rgba(152, 63, 103, 1) 100%, rgba(152, 63, 103, 1) 100%);
    color: #ffffff;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.50);
}

.card-container--greengroup {
    background: -webkit-linear-gradient(315deg, rgba(72, 164, 146, 1) 0%, rgba(72, 164, 146, 1) 0%, rgba(50, 116, 103, 1) 100%, rgba(50, 116, 103, 1) 100%);
    background: -o-linear-gradient(315deg, rgba(72, 164, 146, 1) 0%, rgba(72, 164, 146, 1) 0%, rgba(50, 116, 103, 1) 100%, rgba(50, 116, 103, 1) 100%);
    background: linear-gradient(135deg, rgba(72, 164, 146, 1) 0%, rgba(72, 164, 146, 1) 0%, rgba(50, 116, 103, 1) 100%, rgba(50, 116, 103, 1) 100%);
    color: #ffffff;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.50);
}

ul.card--stacked li a {
    color: #222222;
}

h2.card-heading {
    font-size: 1.2em;
    margin: 0;
    padding: 1.3rem;
    display: block;
    line-height: initial;
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, 0.40);
    border-radius: 5px 5px 0 0;
}

h2.card-heading {
    background: #e6e6e6;
    color: #2c709b;
    position: relative;
    padding-right: 35px;
}

h2.card-heading--yellow {
    background: #ffcc33;
    color: #333333;
}

h2.card-heading--bluegroup,
h2.card-heading--magentagroup,
h2.card-heading--greengroup {
    background: rgba(0, 0, 0, 0.3);
    color: #ffecb3;
}

h2.card-heading:after {
    font-family: FontAwesome;
    /* merge with button ::after css */
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    margin: -.5rem 0px 0 0;
    position: absolute;
    right: 10px;
    top: 50%;
}

h2.card-heading:after {
    content: "\f054";
    /* all cards heading have right-chevron by default */
}

h2.card-heading--yellow:after {
    content: "\f019";
}

span.card-body {
    padding: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

div.card-body {
	padding: 1.3em;
	font-size: 1rem;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	border-radius: 0 0 5px 5px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.card-body ul {
	margin: 0;
    padding: 0 0 0 1.3em;
} 

.card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1em;
    width: 100%;
}

.card-container:hover .card-heading {
    background: #494949;
    color: #ffffff;
    -webkit-transition: background-color 150ms ease-out;
    -o-transition: background-color 150ms ease-out;
    transition: background-color 150ms ease-out;
}

.card-container:hover .card-body {
    background: #cccccc;
}

.card-container--bluegroup:hover .card-heading,
.card-container--bluegroup:hover .card-body {
    background: #314d6f;
    color: #ffffff;
}

.card-container--magentagroup:hover .card-heading,
.card-container--magentagroup:hover .card-body {
    background: #6f304c;
    color: #ffffff;
}

.card-container--greengroup:hover .card-heading,
.card-container--greengroup:hover .card-body {
    background: #327567;
    color: #ffffff;
}

/* ------------------------------------------- PRODUCTS BANNER ------------------------------------------- */

.qualify {
	display: block;
	background: #5b7586;
	color: #fff;
	padding: 1.3rem!important;
	width: 90%;
	margin: 0px auto 1.5em auto!important;
	text-align: center;
	position: relative;
	border-radius: 10px;
}
        
.qualify:after {
	border: 1.5rem solid transparent;
	border-bottom-width: 0;
	border-top-color: #5b7586;
	content: '';
	height: 0;
	margin-bottom: -1.5rem;
	position: absolute;
	right: 50%;
	margin-right: -1.5rem;
	bottom: 0px;
	width: 0;
}
           
.heading__circle{
	color: #555555;
	border-radius: 8px;
	background: #ffcc33;
	padding: 0.15em;
	min-width: 1em;
    display: inline-block;
	font-family: 'Roboto';
}
        
.heading__subheading{
	font-size: 0.62em;
	font-weight: normal;
}

/* ------------------------------------------- TILE FLEX ITEMS ------------------------------------------- */

.tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0 0 0 0;
    list-style-type: none;
}

.tile-item {
    /*display: -webkit-box; removed due to legacy flex error */
    display: -ms-flexbox;
    display: flex;
    /* margin: 0 0 1px 0; */
    /* width: 100%; removed due to flex width issue */
    /* flex: 1 0 auto; */
    margin: 0 0 1rem 0
}

.tile--three-inline li.tile-item:nth-child(3) {
    margin-bottom: 0;
}

/* targets every the 3rd tile in a row of 3. Affects Homepage and P+P */

.tile-item__full {
    width: 100%;
}

.tile-item__third {
    width: 100%;
}

.tile-item__half {
    width: 100%;
}

.tile-content p:last-of-type {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.tile-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*padding: 0.5em;*/
    padding: 1.7rem;
    width: 100%;
    position: relative;
}

    .tile-content ul.tile-list {
        margin: 0;
        padding: 0 0 1rem 2.5rem;
    }

.tile-content--guides {
    background: #F2F2F2;
	-webkit-box-shadow: 0px 0px 0px 2px #dadada;
	box-shadow: 0px 0px 0px 2px #dadada;
    padding: 0.5rem;
}

.tile-content.tile-content--guides h2 {
    margin: 0;
    /* required to ignore negative margins on headings */
}

.tile-content--blue {
    background: #5b7586;
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 0px 2px #516776;
    box-shadow: 0px 0px 0px 2px #516776;
}

.tile-content--grey {
    background: #F2F2F2;
    color: #505a5a;
    -webkit-box-shadow: 0px 0px 0px 2px #dadada;
    box-shadow: 0px 0px 0px 2px #dadada;
}

.tile-content--white {
    background: #ffffff;
    color: #505a5a;
    border: 1px solid #cdcdcd;
}

.tile-content--nopadding {
    padding: 0 !important;
}

    .tile-content--nopadding a {
        text-decoration: none;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        position: relative;
        color: #444444
    }

        .tile-content--nopadding a .heading--homepage-black {
            text-decoration: underline;
            font-weight: 700;
            position: relative;
            line-height: initial;
        }

h2.heading--homepage-black:after {
    border: 1.5rem solid transparent;
    border-top-width: 0;
    border-bottom-color: #ffffff;
    content: '';
    height: 0;
    margin-top: -1.5rem;
    position: absolute;
    right: 50%;
    margin-right: -1.5rem;
    top: 0px;
    width: 0;
}

.tile-content--nopadding a:hover h2.heading--homepage-black::after,
.tile-content--nopadding a:focus h2.heading--homepage-black::after {
    border-bottom-color: #e27036;
    -webkit-transition: 300ms ease-out;
    -o-transition: 300ms ease-out;
    transition: 300ms ease-out;
}

.tile-content--nopadding a:hover .heading--homepage-black,
.tile-content--nopadding a:focus .heading--homepage-black {
    text-decoration: none;
    color: #ffffff;
}

.tile-content--nopadding a:hover,
.tile-content--nopadding a:focus {
    color: #ffffff;
    background: #e27036;
    -webkit-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}

.tile-content--stacked {
    margin-bottom: 15px;
}

.tile-content--quarter {
    width: 100%;
}

.tile-content--homepage-blue {
    background: #197abc;
    position: relative;
    color: #ffffff;
}

.tile-content--homepage-red {
    background: #98456c;
    position: relative;
    color: #ffffff;
}

.tile-content--homepage-green {
    background: #377c6e;
    position: relative;
    color: #ffffff;
}

    .tile-content--homepage-blue::before,
    .tile-content--homepage-red::before,
    .tile-content--homepage-green::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0.15;
        background-repeat: no-repeat;
        background-position: 50% 0;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }

.tile-content--homepage-blue::before {
    background-image: url(../img/bg1-sm.jpg);
}

.tile-content--homepage-red::before {
    background-image: url(../img/bg2-sm.jpg);
}

.tile-content--homepage-green::before {
    background-image: url(../img/bg3.jpg);
}

.card-body {
    display: block;
}

/* ------------------ TILE HEADINGS ------------------ */

.tile-heading {
    background: rgba(0, 0, 0, 0.1);
    margin: 0 0 15px 0;
    /* fallback */
    margin: -1.7rem -1.7rem 0em -1.7rem;
    padding: 1.3rem 1.7rem;
    position: relative;
    line-height: initial;
}

.two-choice .tile-heading {
    margin: -1.7rem -1.7rem 0rem -1.7rem;
}

.tile--two-inline {
    margin-bottom: 1rem;
}

.heading--black {
    color: #666666;
}

.heading--yellow {
    color: #ffecb3;
    background: #425561;
    background: rgba(41, 53, 61, 0.5);
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
}

.tile-content--blue i {
    display: block;
    float: left;
    font-size: 2em;
    color: #ffffff;
    margin-right: 1rem;
}

.heading--blue {
    color: #2c709b;
}

h2.heading--homepage-yellow {
    font-size: 1.6rem;
    color: #ffecb3;
    background: none;
    /* padding: 5px; */
    padding: 0px;
    margin: 0px;
    text-shadow: rgba(51, 51, 51, 0.65) 2px 2px 3px;
    font-family: 'Roboto', Arial, sans-serif;
}

h2.heading--homepage-black {
    font-size: 1.6rem;
    color: #444444;
    background: none;
    padding: 5px;
    margin: 0px;
    font-family: 'Roboto', Arial, sans-serif;
}

h2.heading--news-black {
    font-size: 1.2em;
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto', Arial, sans-serif;
}

.tile-content--nopadding h2,
.tile-content--nopadding h3 {
    padding: 1.3rem 1.3rem 0 1.3rem;
    margin: 0;
}

.tile-content--nopadding p {
    padding: 1.3rem 1.3rem 0rem 1.3rem;
    margin: 0;
}

    .tile-content--nopadding p:last-child {
        padding-bottom: 1.3rem;
    }

/* ------------------------------------------- BUTTONS ------------------------------------------- */

.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 5px;
    border: 2px solid white;
    cursor: pointer;
    font-family: 'Roboto', Arial, sans-serif !important;
    font-weight: bold;
    line-height: normal;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    padding: 1rem 1rem 1rem 1rem;
    font-size: 1em;
    -webkit-transition: background-color 150ms ease-out;
    -o-transition: background-color 150ms ease-out;
    transition: background-color 150ms ease-out;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
    text-shadow: none;
}

    .button:hover {
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
        /*transform: translateY(1px);*/
    }

main.homepage .button {
    padding: 0.7rem 2rem 0.7rem 0.7rem;
    margin-bottom: 0;
    font-weight: bold;
    z-index: 1;
}

.login-box .button {
    text-transform: uppercase;
}

.button--state-signin {
    display: none;
}

.sfe__back-button {
    display: none;
}

.sfe__content-button {
    margin: 5px 0 5px 10px !important;
    width: 50%;
}

.button--state-blue {
    background-color: #5b7586;
    border-color: #5b7586;
    color: #FFFFFF;
}

    .button--state-blue:hover {
        background-color: #3e4f5b;
    }

.button--state-white {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #5b7586;
}

    .button--state-white:hover {
        background-color: #444444;
        color: #ffffff;
    }

.button--state-outline {
    background-color: #555555;
    border: 2px solid #ffffff;
    color: #ffffff;
}

    .button--state-outline:hover {
        background-color: #ffffff;
        color: #555555;
    }

.button--width-full {
    width: 100%;
}

.button--width-half {
    width: 49%;
}

.button--width-quarter {
    width: 25%;
}

.button--width-phone {
    max-width: 225px;
}

.button--width-none {
    width: auto;
}

.button--icon-phoneleft:before {
    content: "\f095";
    float: left;
}

.button--icon-lockleft:before {
    content: "\f023";
    float: left;
}

.button--icon-plusleft:before {
    content: "\f067";
    float: left;
}

.button--icon-arrowleft:before {
    content: "\f053";
    float: left;
}

.button--icon-arrowright:after {
    content: "\f054";
    float: right;
}

.button--icon-searchleft:before {
    content: "\f002";
    float: left;
}

.button--icon-retryleft:before {
    content: "\f021";
    float: left;
}

.button--icon-infoleft:before {
    content: "\f05a";
    float: left;
}

.button--icon-inforight:before {
    content: "\f05a";
    float: right;
}

.button--float-left {
    float: left;
    margin-right: 1%;
}

.button--float-right {
    float: right;
    margin-left: 1%;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
}

.button--icon-phoneleft,
.button--icon-lockleft,
.button--icon-arrowleft,
.button--icon-infoleft,
.button--icon-plusleft {
    padding-left: 35px !important;
}

    .button--icon-phoneleft:before,
    .button--icon-lockleft:before,
    .button--icon-arrowleft:before,
    .button--icon-infoleft:before,
    .button--icon-plusleft:before,
    .button--icon-searchleft:before,
    .button--icon-retryleft:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 19px;
        margin: -.5rem 0 0 0;
        position: absolute;
        left: 15px;
        top: 50%;
    }

.button--icon-arrowright,
.button--icon-inforight {
    padding-right: 35px !important;
}

.button--icon-retryleft {
    padding-left: 40px !important;
}

.button--icon-arrowright:after,
.button--icon-inforight:before {
    font-family: FontAwesome;
    font-size: 19px;
    margin: -.5rem 0px 0 0;
    position: absolute;
    right: 10px;
    top: 50%;
}

/* ------------------------------------------- LARGE ACCORDIAN ------------------------------------------- */

#accordion {
    background: #ffffff;
    width: 100%;
    margin: auto;
    font-family: 'Open Sans', Arial, sans-serif !important;
}

.ui-accordion .ui-accordion-header {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.3rem;
    padding: 1.3rem 3.3rem 1.3rem 1.3rem;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.50);
}

.ui-accordion .accordion-header:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 2rem;
    margin: 0px 15px 0px 0px;
    float: left;
    font-weight: normal;
}

.ui-accordion .ui-accordion-content {
    padding: 0.5em;
    background: #f8f8f8;
}

.accordion-section-summary {
    display: block;
    font-size: 0.9rem;
    font-weight: normal;
    margin: 15px 0 0 0;
    line-height: 1.6em;
    font-family: 'Open Sans', Arial, sans-serif;
}

.accordion-header--default {
    border: 0;
    background: #e6e6e6;
    color: #2c709b;
    font-size: 1.4rem !important;
    text-shadow: none !important;
    border-bottom: none !important;
}

	.sf-explained-group .ui-state-default:after,
	.sf-explained-group .ui-state-active:after {
		font-size: 1.1rem; /*--new--*/
		margin: -0.5rem 10px 0 0;
		position: absolute;
		right: 15px;
		top: 50%;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		float: right;
	}

	.sf-explained-group .ui-state-default:after {
		content: "\f067";
	}

	.sf-explained-group .ui-state-active:after {
		content: "\f068";
	}

    .accordion-header--default span.accordion-section-summary {
        color: #595959;
    }

    .accordion-header--default:hover {
        background: #cccccc;
    }

.accordion-header--blue {
    border: 0;
    background: #177bbe;
    background: -webkit-linear-gradient(135deg, #4f93c0, #53778f);
    background: -webkit-linear-gradient(315deg, #4f93c0, #53778f);
    background: -o-linear-gradient(315deg, #4f93c0, #53778f);
    background: linear-gradient(135deg, #4f93c0 50%, #53778f 100%);
    color: #ffffff;
}

    .accordion-header--blue:hover {
        background: #53778f;
    }

    .accordion-header--blue:before {
        content: "\f059";
    }

.accordion-header--orange {
    border: 0;
    background: #e27036;
    background: -webkit-linear-gradient(135deg, #f58f5b, #e27036);
    background: -webkit-linear-gradient(315deg, #f58f5b, #e27036);
    background: -o-linear-gradient(315deg, #f58f5b, #e27036);
    background: linear-gradient(135deg, #e18456, #e27036);
    color: #ffffff;
}

    .accordion-header--orange:hover {
        background: #e27036;
    }

    .accordion-header--orange:before {
        content: "\f15c";
    }

.accordion-header--purple {
    border: 0;
    background: #a24a72;
    background: -webkit-linear-gradient(135deg, #cb769c, #a24a72);
    background: -webkit-linear-gradient(315deg, #cb769c, #a24a72);
    background: -o-linear-gradient(315deg, #cb769c, #a24a72);
    background: linear-gradient(135deg, #cb769c, #a24a72);
    color: #ffffff;
}

    .accordion-header--purple:hover {
        background: #a24a72;
    }

    .accordion-header--purple:before {
        content: "\f058";
    }

.accordion-header--green {
    border: 0;
    background: #327467;
    background: -webkit-linear-gradient(135deg, #48a492, #327467);
    background: -webkit-linear-gradient(315deg, #48a492, #327467);
    background: -o-linear-gradient(315deg, #48a492, #327467);
    background: linear-gradient(135deg, #48a492, #327467);
    color: #ffffff;
}

    .accordion-header--green:hover {
        background: #327467;
    }

    .accordion-header--green:before {
        content: "\f154";
    }

.accordion-header--red {
    border: 0;
    background: #b94242;
    background: -webkit-linear-gradient(135deg, #e06666, #b94242);
    background: -webkit-linear-gradient(315deg, #e06666, #b94242);
    background: -o-linear-gradient(315deg, #e06666, #b94242);
    background: linear-gradient(135deg, #e06666, #b94242);
    color: #ffffff;
}

    .accordion-header--red:hover {
        background: #b94242;
    }

    .accordion-header--red:before {
        content: "\f040";
    }

.accordion-header--black {
    border: 0;
    background: #444444;
    color: #ffffff;
}

    .accordion-header--black:hover {
        background: #222222;
    }

.accordion-header--olive {
    border: 0;
    background: #6c7a66;
    color: #ffffff;
}

    .accordion-header--olive:hover {
        background: #566151;
    }

.accordion-header--slate {
    border: 0;
    background: #4f5778;
    color: #ffffff;
}

    .accordion-header--slate:hover {
        background: #424a66;
    }

.accordion-header--violet {
    border: 0;
    background: #685289;
    color: #ffffff;
}

    .accordion-header--violet:hover {
        background: #504267;
    }

    .accordion-header--olive:before,
    .accordion-header--slate:before,
    .accordion-header--violet:before {
        content: "\f05a";
    }

.accordion-list {
    margin: 0;
    padding: 0;
}

.accordion-list__title {
    display: block;
    margin: 0px 0 10px 0;
    font-size: 1em;
    font-weight: 700;
    color: #1267a0;
    text-align: left;
}

.accordion-list__summary {
    display: block;
}

.accordion-list li {
    border-bottom: 1px solid #e2e2e2;
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0rem;
}

    .accordion-list li:last-child {
        border-bottom: 0px;
    }

    .accordion-list li:first-child {
        border-top: 0px;
    }

    .accordion-list li a {
        text-decoration: none;
        background: #f8f8f8;
        display: block;
        padding: 1rem;
    }

        .accordion-list li a:hover {
            text-decoration: none;
            background: #e2e2e2;
            display: block;
            padding: 1rem;
        }

/* ------------------------------------------- SMALL ACCORDIAN (FAQ related + some reused mini-nav accordion styles) ------------------------------------------- */

.faq__container {
    margin: 0 0 2em 0;
}

h2.heading--faq {
    font-size: 1.2em;
    background: #5b7586;
    margin: 1em 0 0 0;
    color: #ffffff;
    padding: 1em;
}

.accordion--small.ui-accordion .ui-accordion-header {
    font-size: 1em;
    padding: 1.5rem 3rem 1.5rem 1.5rem;
    font-weight: normal;
    border: 1px solid #c5c5c5;
    text-shadow: none;
    color: #5b7586;
}

.accordion--small.ui-accordion .ui-accordion-content {
    padding: 0.5em 1.5em;
    margin: 0;
    color: #dbdbdb;
    background: #4e4e4e;
    border: 1px solid #4e4e4e;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3) inset;
	font-family: 'Open Sans', Arial, sans-serif;
    font-size: 0.9em;
}

.accordion--small .accordion-header {
    background: #f2f2f2;
    font-family: 'Open Sans', Arial, sans-serif;
}

    .accordion--small .accordion-header:hover,
    .accordion--small .accordion-header:focus {
        background: #d8d8d8;
        color: #111111;
        -webkit-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
    }

    .accordion--small .accordion-header:before,
    .accordion--menu .accordion-header:before {
        content: "\f054";
        float: none !important;
        font-size: 1rem !important;
        margin-top: -.5rem;
        position: absolute;
        right: 0%;
        top: 50%;
        -webkit-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
    }

.faq__container .ui-state-active:before,
.mini-nav__container .ui-state-active:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg) !important;
}

.ui-helper-reset {
    line-height: normal;
}

/*------------------------- SIDEBAR MINI-NAVIGATION (101 and Products) ------------------------- */

.mini-nav__container {
    margin: -0.5em 0.5em 0 0.5em;
}

.mini-nav {
    background: #ffffff;
    padding: 0 0 0 0;
    margin: 0 0 15px 0;
    z-index: 1;
    font-family: 'Roboto', Arial, sans-serif !important;
}

    .mini-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .mini-nav li {
        position: relative;
    }

        .mini-nav li:not(:last-child) {
            margin-bottom: 2px;
        }

        .mini-nav li.current {
            position: relative;
        }

    .mini-nav a,
    .accordion--menu.ui-accordion .ui-accordion-header {
        background: #ededed;
        color: #666666 !important;
        display: block;
        font-size: 1em;
        padding: 10px 40px 10px 10px;
        text-decoration: none;
        text-shadow: none;
        font-weight: normal;
        border: 0;
        font-family: 'Roboto', Arial, sans-serif;
        line-height: initial;
    }

    .mini-nav h2 {
        padding: 0 0 0 0;
        margin: 1em 0 5px 0;
        color: #8f8f8f;
        font-size: 1em;
    }

.accordion--menu.ui-accordion .ui-accordion-header {
    padding: 0;
}

.accordion--menu.ui-accordion li.active h3 {
    background: #ffbf47;
}

.mini-nav a:hover,
.accordion--menu.ui-accordion .ui-accordion-header:hover {
    background: #dedede;
}

.mini-nav a:focus {
    outline: default !important;
}

.mini-nav .active a {
    background: #ffbf47;
    color: #4d5757;
}

.accordion--menu.ui-accordion .ui-accordion-content {
    padding: 0em;
    margin: 2px 0 0 0;
    background: #ffffff;
    font-family: 'Roboto', Arial, sans-serif;
    overflow: inherit;
    border: 0
}

    .accordion--menu.ui-accordion .ui-accordion-content li a {
        padding-left: 2em;
        border-left: 5px solid #999999;
        background: #dbdbdb;
    }

        .accordion--menu.ui-accordion .ui-accordion-content li a:hover {
            background: #c5c5c5;
        }

    .accordion--menu.ui-accordion .ui-accordion-content li.active a {
        background: #ffdb98 !important;
        border-left: 5px solid #ffbf47;
    }

/*---------------------------------------- 101 PAGES ---------------------------------------- */

/*------------------------- 101 HEADINGS ------------------------- */

.sfe-heading {
    color: inherit;
    margin: 1px 0 0 0;
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ffffff;
    font-size: 1.5rem;
    text-shadow: none;
    border-bottom: 0;
}

.sfe-heading--narrow {
    padding-top: 1rem;
}

.sfe-subheading {
    margin: 1px 0 0 0;
    padding: 10px 15px;
    display: block;
    font-size: 0.85rem;
    font-weight: normal;
    color: #ffffff;
    background: #252525;
    font-style: normal;
}

p.intro-paragraph {
    font-weight: bold;
    font-size: 1.1em;
    margin: 0em;
}

/*---------------------------------------- PRODUCT PAGES ---------------------------------------- */

section.main-article {
    padding: 0em 0.5em 0.5em 0.5em;
}

section.article-resources {
    margin: 0.5em 0.5em 1em 0.5em;
}

.article-resources a {
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*------------------------- PRODUCT AND 101 HEADINGS ------------------------- */

.product-heading {
    color: #ffecb3;
    padding: 0.8em;
    margin: 1px 0 1px 0;
    -webkit-box-shadow: 9px 8px 30px 0px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 9px 8px 30px 0px rgba(0, 0, 0, 0.3) inset;
    background: #666666;
    font-size: 1.5rem;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.50);
}

.product-heading--bluebg {
    background: #53778f;
    background-image: url(../img/bg-pattern-white.png);
    background-image: url(../img/bg-pattern-white.png), -webkit-gradient(linear, left top, left bottom, from(#4a76aa), to(#314d6f));
    background-image: url(../img/bg-pattern-white.png), -webkit-linear-gradient(#4a76aa, #314d6f);
    background-image: url(../img/bg-pattern-white.png), -o-linear-gradient(#4a76aa, #314d6f);
    background-image: url(../img/bg-pattern-white.png), linear-gradient(#4a76aa, #314d6f);
}

.product-heading--magentabg {
    background: #983f67;
    background-image: url(../img/bg-pattern-white.png);
    /* fallback */
    background-image: url(../img/bg-pattern-white.png), -webkit-gradient(linear, left top, left bottom, from(#bd5e89), to(#983f67));
    background-image: url(../img/bg-pattern-white.png), -webkit-linear-gradient(#bd5e89, #983f67);
    background-image: url(../img/bg-pattern-white.png), -o-linear-gradient(#bd5e89, #983f67);
    background-image: url(../img/bg-pattern-white.png), linear-gradient(#bd5e89, #983f67);
    /* W3C */
}

.product-heading--greenbg {
    background: #327467;
    background-image: url(../img/bg-pattern-white.png);
    /* fallback */
    background-image: url(../img/bg-pattern-white.png), -webkit-gradient(linear, left top, left bottom, from(#48a492), to(#327467));
    background-image: url(../img/bg-pattern-white.png), -webkit-linear-gradient(#48a492, #327467);
    background-image: url(../img/bg-pattern-white.png), -o-linear-gradient(#48a492, #327467);
    background-image: url(../img/bg-pattern-white.png), linear-gradient(#48a492, #327467);
    /* W3C */
}

.sfe-subheading--bluebg {
    background: #53778f;
    background: -webkit-linear-gradient(315deg, #4f93c0, #53778f);
    background: -o-linear-gradient(315deg, #4f93c0, #53778f);
    background: linear-gradient(135deg, #4f93c0, #53778f);
}

.sfe-subheading--orangebg {
    background: #e27036;
}

.sfe-subheading--purplebg {
    background: #884e68;
    background: linear-gradient(135deg, #bd5e89, #983f67);
}

.sfe-subheading--redbg {
    background: #b03b3b;
}

.sfe-subheading--greenbg {
    background: #327467;
    background: linear-gradient(135deg, #48a492, #327467);
}

.product-subheading {
    display: block;
    font-size: 1.1rem;
    color: #ffffff;
}

.main-article__heading {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
}

/*------------------------- PRODUCT TABLES  ------------------------- */

.article-table {
    color: #666666;
    text-align: left;
    background: #b4b4b4;
}

    .article-table th,
    .article-table td {
        padding: 15px;
    }

    .article-table th {
        background: #ededed;
    }

    .article-table td {
        background: #ffffff;
    }

    td.notification-highlight {
        background: #ffecb3;
    }

	td.notification-highlight:last-child:before {
		content: "This notification is currently active";
		font-size: 1em;
		font-weight: 700;
		color: #e42e2e;
		margin: 0 0 10px 0;
		float: right;
		padding: 0;
	}

/*------------------------- PRODUCT FOOTER NAV  ------------------------- */

.secondary-nav {
    color: #505a5a;
    box-shadow: none;
    position: relative;
    padding: 3px 0px !important;
    background: #ffffff !important;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
    font-size: 1em;
    margin: 0;
}

.secondary-nav-link {
    /*display: -webkit-box; removed due to legacy error. VERIFY */
    display: -ms-flexbox;
    display: flex;
}

    .secondary-nav-link a {
        color: #505a5a;
        display: block;
        padding: 8px;
        background: #F2F2F2;
        width: 50%;
        float: right;
        text-decoration: none;
        -webkit-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        font-family: 'Roboto', Arial, sans-serif !important;
        letter-spacing: 0;
    }

.secondary-nav .secondary-nav-link i {
    font-size: 2em;
    color: #999999;
}

.secondary-nav .secondary-nav-link strong {
    display: block;
    margin: 0px 0 3px 0;
}

span.secondary-nav-link::before {
    background-color: #999999;
    content: '';
    display: block;
    height: 4px;
    left: 2.75em;
    margin-top: -3px;
    position: absolute;
    top: 1.725em;
    width: calc(100% - 5.5em);
}

.secondary-nav-link a:visited {
    color: #505a5a;
}

.secondary-nav-link a:hover {
    color: #252d2d;
}

.secondary-nav-link:after {
    content: "";
    display: table;
    clear: both;
}

.secondary-nav a span {
    text-decoration: none;
    color: #2c709b;
    font-size: 1.2em;
    font-weight: bold;
}

.secondary-nav a:hover span {
    text-decoration: underline;
}

.secondary-nav a:hover i {
    color: #252d2d;
}

.floatleft {
    float: left !important;
    text-align: left;
}

.floatright {
    float: right !important;
    text-align: right;
}

/* ---------------------------------- HOMEPAGE BLOCKS  ---------------------------------- */

.intro-block {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*-ms-flex-wrap: wrap;
    flex-wrap: wrap; removed due to iOS width error */
}

.login-box {
    display: none;
}

.welcome-box {
    padding: 1.6rem;
    margin: 0px;
    background: #F2F2F2 url(../img/bg-pattern-gray-sm.png);
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #ffffff;
}

    .welcome-box p {
        font-size: 1rem;
        padding: 0;
        margin: 1em 0 0 0;
    }

h1.welcome-heading {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    color: #2c709b;
    margin: 0px;
}

.login-heading {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.3rem;
	font-weight: 700;
    color: #ffecb3;
    margin: 0px;
}

.finance-block {
    margin-bottom: 1rem;
    position: relative;
}

/* ---------------------------------- BOOTSTRAP OVERIDES ---------------------------------- */

.walltowall {
    padding-left: 0;
    padding-right: 0;
}

/*---------------------------------------------------------------------------------- MEDIA QUERIES /* ---------------------------------------------------------------------------------- */

/*----------------------------------------- Custom styles: => 20em (320px) RED ----------------------------------------- */

@media only screen and (min-width: 20.000em) {
}

/*----------------------------------------- Custom styles: => 26.563em (425px) ORANGE----------------------------------------- */

@media only screen and (min-width: 26.563em) {

    /* ------------------------------------------- CONTACT ------------------------------------------- */
    a[href^=tel] {
        cursor: default;
        background-image: none;
        box-shadow: none;
        border: 0px;
        font-size: 120%;
        text-shadow: none;
    }

        a[href^=tel]:focus,
        a[href^=tel]:hover {
            outline: 0px;
            box-shadow: none;
        }

    .section {
        max-width: 100%;
    }
    /* ------------------------------------------- FORM FINDER CARD ITEMS ------------------------------------------- */
    .form-finder__card-link {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .form-file-container:before {
        content: "\f019";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        font-size: 1.3em;
        margin: 0;
        position: absolute;
        right: 10px;
        top: 10px;
        color: #a4a4a4;
    }

    .form-code-container {
        border-radius: 5px 0 0 5px;
        margin: 0 10px 0 0;
        position: relative;
    }

    .form-code {
        padding: 15px;
        font-size: 1.7rem;
        text-align: center;
    }

    .form-code-subheading {
        font-size: 1.2rem;
    }

    .form-title {
        margin: 0;
        font-size: 1.3rem;
    }

    .form-summary {
        margin: 0 0 2.188em 0;
    }

    .form-finder__card-item {
        background-color: #ffffff;
        border-radius: 5px;
        padding: 5px;
        -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
    }

    .form-finder__card-list li:first-child {
        border-top: 0;
    }

    .form-finder__card-list li:not(:last-child) {
        margin: 0 0 1rem 0;
        border-bottom: 0;
    }
}

/*----------------------------------------- Custom styles: => 40em (640px) YELLOW ----------------------------------------- */

@media only screen and (min-width: 40.000em) {

	.section {
        max-width: 100%;
    }

    .button--float-right {
        float: right;
        margin-left: 1%;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    ul.breadcrumb__list {
        padding: 10px 0 15px 0;
    }

        ul.breadcrumb__list li + li:before {
            padding: 0 8px;
        }
    /* ------------------------------------------- HEADER ------------------------------------------- */
    .main-header {
        padding-top: 1.5em;
        background: #105f93 url(../img/bg-pattern-white.png) fixed;
    }

    .nav__mainlogo img {
        padding: 0 0 14px 14px;
    }

    .breadcrumb {
        display: block;
        border-top: 1px solid #ffffff;
    }
    /*----------------------------------------- BUTTONS ----------------------------------------- */
    .button {
        padding: 1rem 1rem 1rem 1rem;
        font-size: 1em;
        /*margin: 2rem 0 0 1%;*/
        margin-top: 1rem;
        margin-bottom: 0rem;
    }
    /* ------------------------------------------- TILE FLEX ITEMS ------------------------------------------- */
    .tile--three-inline li.tile-item:not(:nth-child(3)) {
        padding-right: 1rem;
    }
    /* targets every tile except the 3rd one in each row. Affects P+P */
    .homepage .tile--three-inline li.tile-item:not(:nth-child(3)) {
        padding-right: 1px;
    }
    /* targets every tile except the 3rd one in each row. Targets homepage */
    .tile--three-inline .tile-item,
    .tile--three-inline li.tile-item:nth-child(3) {
        margin: 0 0 1px 0;
    }
	
    .tile-item__full .double-button-container {
        width: 40%;
        flex-grow: 1;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    /* ------------------------------------------- CARD FLEX ITEMS ------------------------------------------- */
    li.card-item--inline:not(:nth-child(3)) {
        padding-right: 0px;
        /* targets every card except the 3rd one in each row */
    }
    /*----------------------------------------- 'OR' Circle ----------------------------------------- */
    ul.two-choice > li:first-child {
        padding-right: 0.438rem;
    }
    /* 7px Bootstrap overide to narrow the gutter between double tiles */
    ul.two-choice > li:last-child {
        padding-left: 0.438rem;
    }

    ul.tile--two-inline > li:first-child {
        padding-right: 0.5rem;
    }

    ul.tile--two-inline > li:last-child {
        padding-left: 0.5rem;
    }

    ul.tile.two-choice {
        margin: 0 0 1rem 0;
    }
	
	ul.tile.tile--two-inline strong {
    	color: #c84e4e; /*---highlight for launch EA finder only---*/
	}
    
    /*---------------------------------------- PRODUCT PAGES ---------------------------------------- */
    /*------------------------- PRODUCT HEADINGS ------------------------- */
    .sfe-heading {
        color: #ffffff;
        -webkit-box-shadow: 9px 8px 30px 0px rgba(0, 0, 0, 0.3) inset;
        box-shadow: 9px 8px 30px 0px rgba(0, 0, 0, 0.3) inset;
        background: #555555 url(../img/bg-pattern-white.png) 28% 22%;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    }

    .product-heading,
    .sfe-heading {
        font-size: 1.6em;
    }

    .product-heading {
        margin: 0px 0 1em 0;
    }

    .sfe-heading {
        margin: 0 0 1em 0;
        padding: 1.8em 0.7em 0.7em 0.7em;
    }

    .sfe-heading--narrow {
        padding-top: 0.7em;
    }

    .main-article__heading {
        font-size: 2rem;
        margin: 0;
        padding: 0;
    }

    .main-article .form-finder__card-list li:not(:last-child) {
        margin: 0 0 1px 0;
    }
    /*---------------------------------------- HOMEPAGE BLOCK ---------------------------------------- */
    .login-box {
        display: block;
        padding: 1rem;
        margin: 0px;
        background: #555555 url(../img/bg-pattern-white.png);
        border-bottom: 1px solid #ffffff;
    }

    .welcome-box {
        background: #F2F2F2 url(../img/bg-pattern-gray.png);
    }
    /*-- high-res-homepage-img
    .tile-content--homepage-blue::before {background-image: url(../img/bg1.png);}
    .tile-content--homepage-red::before {background-image: url(../img/bg2.png);}
    .tile-content--homepage-green::before {background-image: url(../img/bg3.png);} 
    --*/
}

/*----------------------------------------- Custom styles: => 46.063em (737px) TARGETS WIDEST MOBILE LANDSCAPE ----------------------------------------- */
@media only screen and (min-width: 46.063em) {
 
/*------------------------- SIDEBAR MINI-NAVIGATION ------------------------- */
    
	input:focus,
	.tabs li:focus,
	h3:focus,
	a:focus,
    button:focus {
        outline: 3px solid #FFBF47;
    }
	
	.mini-nav {
        display: block;
    }

    .mini-nav__container {
        margin: 0;
    }

    #mini-nav .active:before,
    #mini-nav .mini-nav__dropdown ul li.active:before {
        left: 100%;
        top: 50%;
        margin-top: -.5rem;
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(0, 0, 0, 0);
        border-left-color: #ffbf47;
        border-width: 10px;
    }

    #mini-nav .mini-nav__dropdown ul li.active:before {
        border-left-color: #ffdb98;
    }

    #mini-nav .mini-nav__dropdown.active:before {
        display: none;
        /* hides the yellow arrow on the li dropdown on mini-nav */
    }

    .mini-nav a {
        padding: 15px 40px 15px 15px;
    }

    .accordion--menu.ui-accordion .ui-accordion-header {
        padding: 0px;
        /*prior merged with above .mini-nav a rule */
    }
	
    .regular {
        width: 90%;
    }

    .fixed {
        position: fixed;
        top: 40px;
        width: 22%;
    }

    h2.heading__mini-nav {
        display: block;
        font-size: 1.1em;
        background: #ffffff;
        margin: 0 0 2px 2px;
        color: #555555;
        font-weight: 700;
        padding: 0 0 0.5rem 0;
    }
	
	/*------------------------- PRODUCT FOOTER NAV  ------------------------- */
	
	.secondary-nav {
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
    padding: 3px !important;
	border: 0;
	}
}

/*----------------------------------------- Custom styles: => 64em (1024px)  WHITE ----------------------------------------- */

@media only screen and (min-width: 64.000em) {
    body {
        font-size: 1em;
        margin-bottom: 216px;
        /* Margin bottom by footer height */
    }

	h2 {
		margin: 2rem 0 0 0; /* new */
	}

	h3 {
		margin: 2rem 0 0 0; /* new */
	}
	
    .section {
        max-width: 95%;
    }

    div.set-max-width,
    ul.set-max-width {
        max-width: 1500px;
        margin: 0px auto;
    }

    p.set-max-width {
        max-width: 1500px;
        margin: 14px auto;
    }

    .md-hidden {
        display: none;
    }

    button.top.display {
        opacity: 0;
    }
    /* ------------------------------------------- NEWS ------------------------------------------- */
    .news__list--item a {
        padding: 1.5rem;
    }
    /* ------------------------------------------- COMPLAINTS ------------------------------------------- */
    .complaint-container {
        width: 32%;
    }

    .complaint-option-icon {
        left: -0.3em;
    }
    /* ------------------------------------------- EA FINDER ------------------------------------------- */
    .ea-finder-popup {
        position: absolute;
        width: 32rem;
        margin-top: 0;
        right: -33rem;
        top: 0;
    }

        .ea-finder-popup::before {
            border: 1rem solid transparent;
            border-left-width: 0;
            border-right-color: #5c7586;
            content: '';
            height: 0;
            margin-top: -1rem;
            position: absolute;
            right: 100%;
            top: 50%;
            width: 0;
        }

	.ea-finder-popup-error {
        position: absolute;
        width: 32rem;
        margin-top: 0;
        right: -33rem;
        top: 0;
    }
	    .ea-finder-popup-error::before {
            border: 1rem solid transparent;
            border-left-width: 0;
            border-right-color: #b10e1e;
            content: '';
            height: 0;
            margin-top: -1rem;
            position: absolute;
            right: 100%;
            top: 50%;
            width: 0;
        }
	
	
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }
    /* ------------------------------------------- CONTACT ------------------------------------------- */
    .line-status {
        position: absolute;
        top: -1.5rem;
        right: 1.7rem;
        display: block;
        border: 2px solid #ffffff;
        padding: 0.7rem;
        text-align: center;
        font-size: 14px;
        margin: 0;
        line-height: 21px;
        width: 123px;
        -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
    }
    /* ------------------------------------------- MAIN NAV ------------------------------------------- */
    .navigation a:focus,
    .navigation button:focus {
        outline: 3px solid #FFBF47;
    }

    .navigation {
        background: #555555;
        xxxborder-bottom: 3px solid #2c709b;
        border-top: 1px solid #FFFFFF;
        font-size: 1rem;
        -webkit-box-shadow: 0px 1px 0px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 0px 0 rgba(0, 0, 0, 0.3);
    }

    nav ul li {
        margin: 0px 1px 0 0px;
    }

        nav ul li a,
        nav ul li a:visited {
            border-bottom: 0px;
			color: #f6f6f6; /*changes both li*/
        }

            nav ul li a:link:hover,
            nav ul li a:visited:hover {
                background: #2f2f2f;
                -webkit-transition: all 150ms ease-in-out;
                -o-transition: all 150ms ease-in-out;
                transition: all 150ms ease-in-out;
            }

            nav ul li a:focus,
            nav ul li.active a {
                background: #2f2f2f;
                color: #ffffff;
            }

        nav ul li ul li a:link,
        nav ul li ul li a:visited {
            background: #222222;
            color: #ffffff;
        }

        nav ul li ul li {
            border-bottom: 1px solid #5a5a5a;
        }
	
	nav ul li.active:after {
			border: 0.5rem solid transparent;
			border-bottom-width: 0;
			border-top-color: #2f2f2f;
			content: '';
			height: 0;
			margin-bottom: -.5rem;
			position: absolute;
			right: 50%;
			margin-right: -.5rem;
			bottom: 0px;
			width: 0;
		}
	
		ul.nav-list > li:nth-child(1):before,
		ul.nav-list > li:nth-child(2):before,
		ul.nav-list > li:nth-child(3):before,
		ul.nav-list > li:nth-child(4):before,
		ul.nav-list > li:nth-child(5):before,
		ul.nav-list > li:nth-child(6):before,
		ul.nav-list > li:nth-child(7):before,
		ul.nav-list > li:nth-child(8):before {
			content: none;
		}
	
    /* ------------------------------------------- SEARCH BAR + BUTTON ------------------------------------------- */
    .main-search {
        width: 83%;
        /* fallback */
        width: calc(100% - 161px);
        margin: 0 0em 1.5em 1.5em;
    }
    /* ------------------------------------------- HEADER ------------------------------------------- */
    .nav__mainlogo img {
        padding: 12px 0 7px 0px;
    }
    /* ------------------------------------------- Large Accordian ------------------------------------------- */
    .ui-accordion .ui-accordion-header {
        font-size: 1.8rem;
        padding: 1.6rem 3.6rem 1.6rem 1.6rem;
        font-weight: bold;
    }

    .ui-accordion .accordion-header:before {
        font-size: 2.4rem;
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em;
    }

    .accordion-section-summary {
        font-size: 1.1rem;
    }
	
	.sf-explained-group h3:first-of-type {
		border-radius: 10px 10px 0 0;
	}
	
	.sf-explained-group h3:last-of-type {
    	border-radius: 0 0 10px 10px;
	}
	
	.sf-explained-group div:last-of-type {
    	margin-top: -6px;
	}
	
    /* ------------------------------------------- TILE FLEX ITEMS ------------------------------------------- */
    .tile-item {
        padding: 0.0em;
        margin: 0 0 0 0;
        position: relative;
    }

    .contact-numbers {
        margin-top: 3rem;
    }

    .tile-item__full {
        width: 100%;
    }

    .tile-item__third {
        width: 33.333%;
    }

    .tile-item__half {
        width: 50%;
    }

    .tile-content {
        padding: 1.7rem;
    }

    .tile-content--quarter {
        width: 25%;
    }

    .tile-content--blue {
        background: #5b7586 url(../img/bg-pattern-white.png);
    }

    .tile-content--grey {
        background: #F2F2F2 url(../img/bg-pattern-gray.png);
    }
	
	.tile-content p:last-of-type {
    	-webkit-box-flex: 1;
    	-ms-flex: 1 0 auto;
    	flex: 1 0 auto;
	}
	
	.tile-content--products p:last-of-type {
    	-webkit-box-flex: 1;
    	-ms-flex: 0 0 8em;
    	flex: 0 0 8em;
	}
	
	.tile-content--products {
		margin-bottom: 1rem;
	}
	
    /* ------------------ TILE HEADINGS ------------------ */
    h2.tile-heading {
        margin: 0 0 15px 0;
        /* fallback */
        margin: -1.7rem -1.7rem 0em -1.7rem;
    }

    .two-choice h2.tile-heading {
        margin: -1.7rem -1.7rem 0em -1.7rem;
    }

    h3 {
        font-size: 1.4em;
    }

    h4 {
        font-size: 1.2em;
    }
    /*----------------------------------------- BUTTONS ----------------------------------------- */
    .button--state-signin {
        display: block;
        background-color: #ffcc33;
        border-color: #ffcc33;
        color: #333333;
        margin: 0.5rem 0 0 0;
        /* overide of .button */
        -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
        width: auto;
        border: 0;
        font-size: 1rem;
    }

        .button--state-signin:hover {
            background-color: #ebdbad;
        }

    .sfe__back-button {
        display: block;
        padding: 3px;
        font-size: 0.8rem;
        font-style: normal;
        margin: 0;
        border-radius: inherit;
        box-shadow: none;
    }

    .sfe__content-button {
        margin: 5px 0 5px 10px !important;
        width: 258px;
    }
    /*----------------------------------------- 'OR' Circle ----------------------------------------- */
    ul.two-choice > li:first-child:before {
        content: "or";
        width: 50px;
        height: 50px;
        background: #ffecb3;
        position: absolute;
        border: 3px solid #5b7586;
        top: 50%;
        border-radius: 50%;
        z-index: 1;
        right: -25px;
        color: #666666;
        font-family: 'Roboto', Arial;
        text-align: center;
        padding: 1px 0 0 0;
        margin-top: -1rem;
        font-size: 30px;
        font-weight: 700;
        font-variant: small-caps;
        line-height: initial;
    }
    /*---------------------------------------- FORM FINDER ---------------------------------------- */
    .form-finder, 
	.form-finder--slim {
        max-width: 85%;
        margin: 0 0 1rem 0;
    }	
        .form-finder h2 {
            margin: 1rem 0 0 0;
        }

            .form-finder h2:not(:first-child) {
                margin: 3rem 0 0 0;
            }

    .form-finder__card-list li,
    .form-finder__card-list li:last-child {
        border: 0;
    }

    .tab_container:last-child {
        border-bottom: 1px solid #cecece;
    }
		
	/* --- Form Finder Slim --*/
        .form-finder--slim .form-code {
            font-size: 1.4em;
			min-width: 95px;
        }
        .form-finder--slim .form-code-subheading {
            font-size: 1rem;
     }
	
    /*---------------------------------------- TAB ITEMS ---------------------------------------- */
    .tab_container {
        border-top: 6px solid #5b7586;
    }

    .tab_content {
        padding: 20px;
    }
	
    /*---------------------------------------- 101 PAGES ---------------------------------------- */
    /*------------------------- 101 HEADINGS ------------------------- */
    .sfe-subheading {
        padding: 10px 15px;
        font-size: 1rem;
        font-weight: bold;
        font-style: italic;
    }
    /*---------------------------------------- PRODUCT PAGES ---------------------------------------- */
    /*------------------------- PRODUCT HEADINGS ------------------------- */
    .product-heading,
    .sfe-heading {
        font-size: 2em;
    }

    .product-subheading {
        font-size: 1.3rem;
    }
    /* ---------------------------------- HOMEPAGE BLOCKS  ---------------------------------- */
    .login-box {
        padding: 1.6rem;
        margin: 0px;
    }

    .welcome-box {
        padding: 2rem 2rem 2rem 2rem;
        margin: 0px;
        text-align: center;
    }

    h1.welcome-heading {
        font-size: 2rem;
    }

    .welcome-box p {
        font-size: 1.1rem;
    }

    h2.heading--homepage-yellow,
    h2.heading--homepage-black {
        padding: 0px;
        margin: 0px;
    }

    .tile-content--nopadding h2,
    .tile-content--nopadding h3 {
        padding: 1.7rem 1.7rem 0 1.7rem;
        margin: 0;
    }

    .tile-content--nopadding p {
        padding: 1.7rem 1.7rem 0rem 1.7rem;
        margin: 0;
    }

        .tile-content--nopadding p:last-child {
            padding-bottom: 1.7rem;
        }
    /*---------------------------------------- FOOTER ---------------------------------------- */
    .footer {
        position: absolute;
        bottom: 0;
        padding: 0;
        height: 216px;
    }

    footer a:link,
    footer a:visited {
        text-decoration: underline;
    }

    footer a:hover,
    footer a:active {
        text-decoration: none;
    }

    ul.footer__list {
        list-style-type: none;
        padding: 0;
        margin: 10px auto;
        padding: 10px 10px 10px 0;
        display: block;
        text-align: center;
        float: left;
        width: auto;
    }

        ul.footer__list li {
            float: left;
            padding: 0px;
            margin: 0 0 0 0;
            border-right: 2px solid #6f6f6f;
            background: transparent;
        }

            ul.footer__list li:first-child a {
                padding: 0 15px 0 5px;
            }

    .footer__logo-box {
        float: right;
        margin: 20px 10px 0 0;
        clear: none;
        width: auto;
    }

    .footer__logo {
        display: block;
        float: left;
        border: 0px solid;
        width: 13em;
        margin: 0px 0px 0px 10px;
    }

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

/*----------------------------------------- Custom styles: => 1125px MAIN NAV ONLY--------------------------------------- */

@media only screen and (min-width: 1125px) {
    /* ------------------------------------------- MAIN NAV ------------------------------------------- */
    nav ul li a,
    nav ul li a:visited {
        font-size: 1em;
    }
}

/*----------------------------------------- Custom styles: => 93.75em (1500px) FOR MINI-NAV AND MARGIN TWEAKS ON MAX SCREENS --------------------------------------- */

@media only screen and (min-width:93.75em) {
    /*------------------------- SIDEBAR MINI-NAVIGATION ------------------------- */
    #mini-nav {
        width: 335px;
        /* approx mimic of bootstrap 3-col width: 25% of max-width value 1500px */
    }

    ul.tabs {
        margin: 0 0 0 0;
    }

    .walltowall > p,
    .walltowall > h2,
    .walltowall > h3 {
        padding: 0;
    }

    section.main-article {
        padding: 0em 0.5em 0.5em 0em;
    }
}

/*----------------------------------------- Custom styles: => 1870px (xx-large screens) PURPLE --------------------------------------- */

@media only screen and (min-width: 1870px) {
    body {
        font-size: 1.2rem;
    }

    .section {
        max-width: 75%;
    }

    .walltowall > p,
    .walltowall > h2,
    .walltowall > h3 {
        padding: 0;
    }
	
	.form-summary {
    	font-size: 1.1rem;
	}
	
	ul.breadcrumb__list li {
        font-size: 0.9rem;
    }
	
	.complaint-option-icon {
        left: -0.5em;
    }
	
    /* ------------------------------------------- MAIN NAV ------------------------------------------- */
    .navigation {
        font-size: 1rem;
    }
}

@media print {
    * {
        color: #000000 !important;
        background: #ffffff !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    header,
    footer,
    nav,
    .mini-nav,
    .secondary-nav,
    .sfe-subheading {
        display: none !important;
    }

    .product-heading {
        margin: 0.75rem !important;
        padding: 0 !important;
    }
}



.input-validation-error{
	    border: 4px solid #b10e1e;
}

#eaSidePanelError a:link {
  color:white;
	text-decoration: underline;
}

#eaSidePanelError a:visited {
  color: white;
	text-decoration: underline;
}

#eaSidePanelError a:hover {
  color: white;
	text-decoration: none;
}

#eaSidePanelError a:active {
  color: white;
}