.dark-gray {
    color:#4a4a4a !important
}

.icon-gray {
    color:#9e9fa1 !important
}

.red {
    color:#da291c !important
}

.dark-red {
    color:#af2218 !important
}

.white {
    color:#fff !important
}

.light-blue {
    color:#35b2e2 !important
}

.link-blue {
    color:#007bff !important
}

.blue {
    color:#009cde !important
}

.dark-blue {
    color:#025a95 !important
}

.teal {
    color:#01a3b0 !important
}

.yellow {
    color:#f0b323 !important
}

.orange {
    color:#df6d00 !important
}

.green {
    color:#5ba400 !important
}

.filter-dark-gray {
    filter:invert(17%) sepia(57%) saturate(0%) hue-rotate(201deg) brightness(105%) contrast(70%)
}

.filter-icon-gray {
    filter:invert(78%) sepia(6%) saturate(48%) hue-rotate(182deg) brightness(82%) contrast(84%)
}

.filter-mid-gray {
    filter:invert(26%) sepia(0%) saturate(0%) hue-rotate(36deg) brightness(99%) contrast(87%)
}

.filter-red {
    filter:invert(19%) sepia(48%) saturate(6736%) hue-rotate(356deg) brightness(91%) contrast(86%)
}

.filter-dark-red {
    filter:invert(17%) sepia(80%) saturate(2657%) hue-rotate(347deg) brightness(92%) contrast(108%)
}

.filter-white {
    filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)
}

.filter-light-blue {
    filter:invert(70%) sepia(90%) saturate(1920%) hue-rotate(164deg) brightness(90%) contrast(97%)
}

.filter-link-blue {
    filter:invert(30%) sepia(84%) saturate(2547%) hue-rotate(199deg) brightness(102%) contrast(105%)
}

.filter-link-blue-new {
    filter:invert(30%) sepia(99%) saturate(1085%) hue-rotate(169deg) brightness(92%) contrast(103%)
}

.filter-blue {
    filter:invert(41%) sepia(38%) saturate(4547%) hue-rotate(172deg) brightness(101%) contrast(101%)
}

.filter-dark-blue {
    filter:invert(18%) sepia(85%) saturate(2810%) hue-rotate(189deg) brightness(93%) contrast(98%)
}

.filter-teal {
    filter:invert(57%) sepia(73%) saturate(4947%) hue-rotate(154deg) brightness(94%) contrast(99%)
}

.filter-yellow {
    filter:invert(61%) sepia(74%) saturate(484%) hue-rotate(3deg) brightness(106%) contrast(88%)
}

.filter-green {
    filter:invert(48%) sepia(30%) saturate(4387%) hue-rotate(56deg) brightness(101%) contrast(101%)
}

.filter-orange {
    filter:invert(44%) sepia(96%) saturate(2493%) hue-rotate(12deg) brightness(97%) contrast(102%)
}

.filter-white {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)
}
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
    --blue: #009CDE;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #DA291C;
    --orange: #DF6D00;
    --yellow: #F0B323;
    --green: #5BA400;
    --teal: #01A3B0;
    --cyan: #17a2b8;
    --white: #FFF;
    --gray: #9E9FA1;
    --gray-dark: #343a40;
    --primary: #009CDE;
    --secondary: #9E9FA1;
    --success: #5BA400;
    --info: #17a2b8;
    --warning: #F0B323;
    --danger: #DA291C;
    --light: #F3F3F3;
    --dark: #343a40;
    --breakpoint-xxs: 0;
    --breakpoint-xs: 375px;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1280px;
    --breakpoint-xxl: 1940px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, * ::before, * ::after {
    box-sizing:border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}

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

body {
    margin: 0;
    font-family: din-2014, Arial, Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #4a4a4a;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline:0 !important
}

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

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom:.375em
}

p {
    margin-top: 0;
    margin-bottom:.75em
}

abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink:none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height:inherit
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom:1rem
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom:0
}

dt {
    font-weight:600
}

dd {
    margin-bottom: .5rem;
    margin-left:0
}

blockquote {
    margin:0 0 1rem
}

b, strong {
    font-weight:700
}

small {
    font-size:80%
}

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

sub {
    bottom:-0.25em
}

sup {
    top:-0.5em
}

a {
    color: #025a95;
    text-decoration: none;
    background-color:rgba(0, 0, 0, 0)
}

a:hover {
    color: #012c4a;
    text-decoration:underline
}

a:not([href]) {
    color: inherit;
    text-decoration:none
}

a:not([href]):hover {
    color: inherit;
    text-decoration:none
}

pre, code, kbd, samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size:1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow:auto
}

figure {
    margin:0 0 1rem
}

img {
    vertical-align: middle;
    border-style:none
}

svg {
    overflow: hidden;
    vertical-align:middle
}

table {
    border-collapse:collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #9e9fa1;
    text-align: left;
    caption-side:bottom
}

th {
    text-align:inherit
}

label {
    display: inline-block;
    margin-bottom:.5rem
}

button {
    border-radius:0
}

button:focus {
    outline: 1px dotted;
    outline:5px auto -webkit-focus-ring-color
}

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height:inherit
}

button, input {
    overflow:visible
}

button, select {
    text-transform:none
}

select {
    word-wrap:normal
}

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

button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
    cursor:pointer
}

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

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

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    -webkit-appearance:listbox
}

textarea {
    overflow: auto;
    resize:vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border:0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space:normal
}

progress {
    vertical-align:baseline
}

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

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

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

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

output {
    display:inline-block
}

summary {
    display: list-item;
    cursor:pointer
}

template {
    display:none
}

[hidden] {
    display:none !important
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .375em;
    font-weight: 700;
    line-height: 1.125;
    color:#da291c
}

h1, .h1 {
    font-size:2.5rem
}

h2, .h2 {
    font-size:2rem
}

h3, .h3 {
    font-size:1.75rem
}

h4, .h4 {
    font-size:1.5rem
}

h5, .h5 {
    font-size:1.25rem
}

h6, .h6 {
    font-size:1rem
}

.lead {
    font-size: 1.25rem;
    font-weight:300
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top:1px solid rgba(0, 0, 0, .1)
}

small, .small {
    font-size: 80%;
    font-weight:300
}

mark, .mark {
    padding: .2em;
    background-color:#fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style:none
}

.blockquote {
    margin-bottom: 1rem;
    font-size:1.25rem
}

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

.figure {
    display:inline-block
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap:break-word
}

a > code {
    color:inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #4a4a4a;
    border-radius:.2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight:600
}

pre {
    display: block;
    font-size: 87.5%;
    color:#4a4a4a
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break:normal
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left:auto
}


.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left:auto
}

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

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

.no-gutters {
    margin-right: 0;
    margin-left:0
}

.no-gutters > .col, .no-gutters > [class * =col-] {
    padding-right: 0;
    padding-left:0
}

.col-xxl-6, .col-xxl-4, .col-xxl-1, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-2, .col-xs-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left:15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width:100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width:100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width:8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width:16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width:25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width:33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width:41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width:50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width:58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width:66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width:75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width:83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width:91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width:100%
}

.order-1 {
    order:1
}

.order-2 {
    order:2
}

.order-3 {
    order:3
}

.order-4 {
    order:4
}

.order-5 {
    order:5
}

.order-6 {
    order:6
}

.order-7 {
    order:7
}

.order-8 {
    order:8
}

.order-9 {
    order:9
}

.order-10 {
    order:10
}

.order-11 {
    order:11
}

.offset-1 {
    margin-left:8.3333333333%
}

@media (min-width: 375px) {
    .col-xs-1 {
        flex: 0 0 8.3333333333%;
        max-width:8.3333333333%
    }

    .col-xs-2 {
        flex: 0 0 16.6666666667%;
        max-width:16.6666666667%
    }

    .col-xs-4 {
        flex: 0 0 33.3333333333%;
        max-width:33.3333333333%
    }

    .col-xs-5 {
        flex: 0 0 41.6666666667%;
        max-width:41.6666666667%
    }

    .col-xs-6 {
        flex: 0 0 50%;
        max-width:50%
    }

    .col-xs-7 {
        flex: 0 0 58.3333333333%;
        max-width:58.3333333333%
    }

    .col-xs-8 {
        flex: 0 0 66.6666666667%;
        max-width:66.6666666667%
    }

    .col-xs-9 {
        flex: 0 0 75%;
        max-width:75%
    }

    .col-xs-10 {
        flex: 0 0 83.3333333333%;
        max-width:83.3333333333%
    }

    .col-xs-11 {
        flex: 0 0 91.6666666667%;
        max-width:91.6666666667%
    }

    .col-xs-12 {
        flex: 0 0 100%;
        max-width:100%
    }
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width:100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width:8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width:16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width:25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width:33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width:41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width:50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width:58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width:66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width:75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width:83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width:91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width:100%
    }

    .order-sm-2 {
        order:2
    }

    .order-sm-3 {
        order:3
    }

    .order-sm-4 {
        order:4
    }

    .order-sm-5 {
        order:5
    }

    .order-sm-6 {
        order:6
    }
}

@media (min-width: 768px) {
    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width:8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width:16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width:25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width:33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width:41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width:50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width:58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width:66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width:75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width:83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width:91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width:100%
    }

    .order-md-0 {
        order:0
    }

    .order-md-1 {
        order:1
    }

    .order-md-2 {
        order:2
    }

    .order-md-3 {
        order:3
    }
}

@media (min-width: 1024px) {
    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width:8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width:16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width:25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width:33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width:41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width:50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width:58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width:66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width:75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width:83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width:91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width:100%
    }

    .order-lg-0 {
        order:0
    }

    .order-lg-1 {
        order:1
    }

    .order-lg-2 {
        order:2
    }

    .order-lg-3 {
        order:3
    }
}

@media (min-width: 1280px) {
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width:100%
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width:8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width:16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width:25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width:33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width:41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width:50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width:58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width:66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width:75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width:83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width:91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width:100%
    }
}

@media (min-width: 1440px) {
    .col-xxl-1 {
        flex: 0 0 8.3333333333%;
        max-width:8.3333333333%
    }

    .col-xxl-4 {
        flex: 0 0 33.3333333333%;
        max-width:33.3333333333%
    }

    .col-xxl-6 {
        flex: 0 0 50%;
        max-width:50%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color:#4a4a4a
}

.table th, .table td {
    padding: .75rem;
    vertical-align: top;
    border-top:1px solid #dcdcdc
}

.table thead th {
    vertical-align: bottom;
    border-bottom:2px solid #dcdcdc
}

.table tbody + tbody {
    border-top:2px solid #dcdcdc
}

.table-sm th, .table-sm td {
    padding:.3rem
}

.table-bordered {
    border:1px solid #dcdcdc
}

.table-bordered th, .table-bordered td {
    border:1px solid #dcdcdc
}

.table-bordered thead th, .table-bordered thead td {
    border-bottom-width:2px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color:rgba(53, 178, 226, .05)
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling:touch
    }

    .table-responsive-sm > .table-bordered {
        border:0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling:touch
}

.table-responsive > .table-bordered {
    border:0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition:none
    }
}

.form-control::-ms-expand {
    background-color: rgba(0, 0, 0, 0);
    border:0
}

.form-control:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow:0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #5fcfff;
    outline: 0;
    box-shadow:0 0 0 .2rem rgba(0, 156, 222, .25)
}

.form-control::placeholder {
    color: #9e9fa1;
    opacity:1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity:1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color:#fff
}

select.form-control[size], select.form-control[multiple] {
    height:auto
}

textarea.form-control {
    height:auto
}

.form-group {
    margin-bottom:1rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left:-5px
}

.form-row > .col, .form-row > [class * =col-] {
    padding-right: 5px;
    padding-left:5px
}

.form-control.is-valid {
    border-color: #5ba400;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("/lib/images/svgs/emoji-valid-happy-face.svg");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.form-control.is-valid:focus {
    border-color: #5ba400;
    box-shadow:0 0 0 .2rem rgba(91, 164, 0, .25)
}

textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.custom-select.is-valid {
    border-color: #5ba400;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("/lib/images/svgs/emoji-valid-happy-face.svg") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.custom-select.is-valid:focus {
    border-color: #5ba400;
    box-shadow:0 0 0 .2rem rgba(91, 164, 0, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color:#da291c
}

.is-invalid ~ .invalid-feedback {
    display:block
}

.form-control.is-invalid {
    border-color: #da291c;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("/lib/images/svgs/emoji-invalid-sad-face.svg");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.form-control.is-invalid:focus {
    border-color: #da291c;
    box-shadow:0 0 0 .2rem rgba(218, 41, 28, .25)
}

textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.custom-select.is-invalid {
    border-color: #da291c;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("/lib/images/svgs/emoji-invalid-sad-face.svg") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.custom-select.is-invalid:focus {
    border-color: #da291c;
    box-shadow:0 0 0 .2rem rgba(218, 41, 28, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items:center
}

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom:0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom:0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align:middle
    }

    .form-inline .input-group, .form-inline .custom-select {
        width:auto
    }
}

.btn {
    display: inline-block;
    font-weight: 300;
    color: #4a4a4a;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 0 20px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition:none
    }
}

.btn:hover {
    color: #4a4a4a;
    text-decoration:none
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow:none !important
}

.btn.disabled, .btn:disabled {
    opacity:.65
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events:none
}

.btn-primary {
    color: #fff;
    background-color: #009cde;
    border-color:#009cde
}

.btn-primary:hover {
    color: #fff;
    background-color: #0081b8;
    border-color:#0078ab
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #0081b8;
    border-color: #0078ab;
    box-shadow:0 0 0 .2rem rgba(38, 171, 227, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #009cde;
    border-color:#009cde
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0078ab;
    border-color:#006f9e
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow:0 0 0 .2rem rgba(38, 171, 227, .5)
}

.btn-secondary {
    color: #4a4a4a;
    background-color: #9e9fa1;
    border-color:#9e9fa1
}

.btn-secondary:hover {
    color: #fff;
    background-color: #8b8c8e;
    border-color:#848588
}

.btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #8b8c8e;
    border-color: #848588;
    box-shadow:0 0 0 .2rem rgba(145, 146, 148, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #4a4a4a;
    background-color: #9e9fa1;
    border-color:#9e9fa1
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #848588;
    border-color:#7e7f82
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow:0 0 0 .2rem rgba(145, 146, 148, .5)
}

.btn-danger {
    color: #fff;
    background-color: #da291c;
    border-color:#da291c
}

.btn-danger:hover {
    color: #fff;
    background-color: #b82318;
    border-color:#ad2116
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #b82318;
    border-color: #ad2116;
    box-shadow:0 0 0 .2rem rgba(224, 73, 62, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #da291c;
    border-color:#da291c
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ad2116;
    border-color:#a21e15
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow:0 0 0 .2rem rgba(224, 73, 62, .5)
}

.btn-link {
    font-weight: 300;
    color: #025a95;
    text-decoration:none
}

.btn-link:hover {
    color: #012c4a;
    text-decoration:underline
}

.btn-link:focus, .btn-link.focus {
    text-decoration: underline;
    box-shadow:none
}

.btn-link:disabled, .btn-link.disabled {
    color: #9e9fa1;
    pointer-events:none
}

.fade {
    transition:opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition:none
    }
}

.fade:not(.show) {
    opacity:0
}

.collapse:not(.show) {
    display:none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition:height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition:none
    }
}

.dropup, .dropright, .dropdown, .dropleft {
    position:relative
}

.dropdown-toggle {
    white-space:nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left:.3em solid rgba(0, 0, 0, 0)
}

.dropdown-toggle:empty::after {
    margin-left:0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #4a4a4a;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius:.25rem
}

.dropdown-menu-left {
    right: auto;
    left:0
}

.dropdown-menu-right {
    right: 0;
    left:auto
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom:.125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: .3em solid;
    border-left:.3em solid rgba(0, 0, 0, 0)
}

.dropup .dropdown-toggle:empty::after {
    margin-left:0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left:.125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0, 0, 0, 0);
    border-right: 0;
    border-bottom: .3em solid rgba(0, 0, 0, 0);
    border-left:.3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left:0
}

.dropright .dropdown-toggle::after {
    vertical-align:0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right:.125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display:none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0, 0, 0, 0);
    border-right: .3em solid;
    border-bottom:.3em solid rgba(0, 0, 0, 0)
}

.dropleft .dropdown-toggle:empty::after {
    margin-left:0
}

.dropleft .dropdown-toggle::before {
    vertical-align:0
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
    right: auto;
    bottom:auto
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 300;
    color: #4a4a4a;
    text-align: inherit;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border:0
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #3d3d3d;
    text-decoration: none;
    background-color:#f3f3f3
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color:#009cde
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #9e9fa1;
    pointer-events: none;
    background-color:rgba(0, 0, 0, 0)
}

.dropdown-menu.show {
    display:block
}

.btn-group {
    position: relative;
    display: inline-flex;
    vertical-align:middle
}

.btn-group > .btn {
    position: relative;
    flex:1 1 auto
}

.btn-group > .btn:hover {
    z-index:1
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
    z-index:1
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
    margin-left:-1px
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius:0
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius:0
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width:100%
}

.input-group > .form-control, .input-group > .custom-select {
    position: relative;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom:0
}

.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select {
    margin-left:-1px
}

.input-group > .form-control:focus, .input-group > .custom-select:focus {
    z-index:3
}

.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius:0
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius:0
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance:none
}

.custom-select:focus {
    border-color: #5fcfff;
    outline: 0;
    box-shadow:0 0 0 .2rem rgba(0, 156, 222, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image:none
}

.custom-select:disabled {
    color: #9e9fa1;
    background-color:#e9ecef
}

.custom-select::-ms-expand {
    display:none
}

.custom-select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow:0 0 0 #495057
}

.custom-select {
    transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-select {
        transition:none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style:none
}

.nav-link {
    display: block;
    padding:.5rem 1rem
}

.nav-link:hover, .nav-link:focus {
    text-decoration:none
}

.nav-link.disabled {
    color: #9e9fa1;
    pointer-events: none;
    cursor:default
}

.nav-tabs {
    border-bottom:1px solid #dcdcdc
}

.nav-tabs .nav-item {
    margin-bottom:-1px
}

.nav-tabs .nav-link {
    border: 1px solid rgba(0, 0, 0, 0);
    border-top-left-radius: .25rem;
    border-top-right-radius:.25rem
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color:#e9ecef #e9ecef #dcdcdc
}

.nav-tabs .nav-link.disabled {
    color: #9e9fa1;
    background-color: rgba(0, 0, 0, 0);
    border-color:rgba(0, 0, 0, 0)
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color:#dcdcdc #dcdcdc #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius:0
}

.tab-content > .tab-pane {
    display:none
}

.tab-content > .active {
    display:block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding:.5rem 1rem
}

.navbar .container, .navbar .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space:nowrap
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration:none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style:none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left:0
}

.navbar-nav .dropdown-menu {
    position: static;
    float:none
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items:center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius:.25rem
}

.navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration:none
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left:0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content:flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction:row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position:absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left:.5rem
    }

    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        flex-wrap:nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis:auto
    }

    .navbar-expand-md .navbar-toggler {
        display:none
    }
}

.navbar-light .navbar-brand {
    color:rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color:rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color:rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color:rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color:rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color:rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color:rgba(0, 0, 0, .1)
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius:.25rem
}

.card > hr {
    margin-right: 0;
    margin-left:0
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius:.25rem
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius:.25rem
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding:1.25rem
}

.card-title {
    margin-bottom:.75rem
}

.card-group > .card {
    margin-bottom:15px
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow:row wrap
    }

    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom:0
    }

    .card-group > .card + .card {
        margin-left: 0;
        border-left:0
    }

    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius:0
    }

    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius:0
    }
}

.accordion > .card {
    overflow:hidden
}

.accordion > .card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius:0
}

.accordion > .card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius:0
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius:.25rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left:.5rem
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #9e9fa1;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration:underline
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration:none
}

.breadcrumb-item.active {
    color:#9e9fa1
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius:.25rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition:none
    }
}

a.badge:hover, a.badge:focus {
    text-decoration:none
}

.badge:empty {
    display:none
}

.btn .badge {
    position: relative;
    top:-1px
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius:.3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding:4rem 2rem
    }
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius:.25rem
}

@keyframes progress-bar-stripes {
    from {
        background-position:1rem 0
    }

    to {
        background-position:0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius:.25rem
}

.media {
    display: flex;
    align-items:flex-start
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom:0
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border:1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius:.25rem
}

.list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius:.25rem
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #9e9fa1;
    pointer-events: none;
    background-color:#fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #009cde;
    border-color:#009cde
}

.list-group-item + .list-group-item {
    border-top-width:0
}

.list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width:1px
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity:.5
}

.close:hover {
    color: #000;
    text-decoration:none
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity:.75
}

button.close {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    appearance:none
}

a.close.disabled {
    pointer-events:none
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius:.25rem
}

.toast:not(:last-child) {
    margin-bottom:.75rem
}

.toast.showing {
    opacity:1
}

.toast.show {
    display: block;
    opacity:1
}

.toast.hide {
    display:none
}

.modal-open {
    overflow:hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y:auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline:0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0;
    pointer-events:none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform:translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition:none
    }
}

.modal.show .modal-dialog {
    transform:none
}

.modal.modal-static .modal-dialog {
    transform:scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height:100%
}

.modal-dialog-scrollable .modal-content {
    max-height: 100vh;
    overflow:hidden
}

.modal-dialog-scrollable .modal-header {
    flex-shrink:0
}

.modal-dialog-scrollable .modal-body {
    overflow-y:auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height:100%
}

.modal-dialog-centered::before {
    display: block;
    height: 100vh;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height:100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height:none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content:none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline:0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color:#000
}

.modal-backdrop.fade {
    opacity:0
}

.modal-backdrop.show {
    opacity:.5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dcdcdc;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius:calc(0.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin:-1rem -1rem -1rem auto
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding:2rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow:scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 800px;
        margin:.5rem auto
    }

    .modal-dialog-scrollable {
        max-height:calc(100% - 1rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height:calc(100vh - 1rem)
    }

    .modal-dialog-centered {
        min-height:calc(100% - 1rem)
    }

    .modal-dialog-centered::before {
        height:calc(100vh - 1rem)
    }

    .modal-sm {
        max-width:500px
    }
}

@media (min-width: 1024px) {
    .modal-lg, .modal-xl {
        max-width:1000px
    }
}

@media (min-width: 1280px) {
    .modal-xl {
        max-width:1240px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: din-2014, Arial, Roboto, sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity:0
}

.tooltip.show {
    opacity:.9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height:.4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: rgba(0, 0, 0, 0);
    border-style:solid
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius:.25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: din-2014, Arial, Roboto, sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius:.3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin:0 .3rem
}

.popover .arrow::before, .popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: rgba(0, 0, 0, 0);
    border-style:solid
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: #da291c;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius:calc(0.3rem - 1px)
}

.popover-header:empty {
    display:none
}

.popover-body {
    padding: .5rem .75rem;
    color:#4a4a4a
}

.carousel {
    position:relative
}

.carousel.pointer-event {
    touch-action:pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow:hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition:transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition:none
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display:block
}

.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
    transform:translateX(100%)
}

.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
    transform:translateX(-100%)
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style:none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    opacity: .5;
    transition:opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition:none
    }
}

.carousel-indicators .active {
    opacity:1
}

@keyframes spinner-border {
    to {
        transform:rotate(360deg)
    }
}

@keyframes spinner-grow {
    0% {
        transform:scale(0)
    }

    50% {
        opacity:1
    }
}

.align-top {
    vertical-align:top !important
}

.bg-light {
    background-color:#f3f3f3 !important
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color:#dadada !important
}

.border {
    border:1px solid #dcdcdc !important
}

.border-top {
    border-top:1px solid #dcdcdc !important
}

.border-right {
    border-right:1px solid #dcdcdc !important
}

.border-bottom {
    border-bottom:1px solid #dcdcdc !important
}

.border-left {
    border-left:1px solid #dcdcdc !important
}

.border-0 {
    border:0 !important
}

.border-bottom-0 {
    border-bottom:0 !important
}

.border-light {
    border-color:#f3f3f3 !important
}

.border-white {
    border-color:#fff !important
}

.rounded {
    border-radius:.25rem !important
}

.d-none {
    display:none !important
}

.d-inline {
    display:inline !important
}

.d-inline-block {
    display:inline-block !important
}

.d-block {
    display:block !important
}

.d-flex {
    display:flex !important
}

.d-inline-flex {
    display:inline-flex !important
}

@media (min-width: 375px) {
    .d-xs-none {
        display:none !important
    }

    .d-xs-inline {
        display:inline !important
    }

    .d-xs-block {
        display:block !important
    }
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none !important
    }

    .d-sm-inline {
        display:inline !important
    }

    .d-sm-inline-block {
        display:inline-block !important
    }

    .d-sm-block {
        display:block !important
    }

    .d-sm-table-cell {
        display:table-cell !important
    }

    .d-sm-flex {
        display:flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none !important
    }

    .d-md-inline {
        display:inline !important
    }

    .d-md-inline-block {
        display:inline-block !important
    }

    .d-md-block {
        display:block !important
    }

    .d-md-flex {
        display:flex !important
    }
}

@media (min-width: 1024px) {
    .d-lg-none {
        display:none !important
    }

    .d-lg-inline {
        display:inline !important
    }

    .d-lg-block {
        display:block !important
    }

    .d-lg-flex {
        display:flex !important
    }
}

@media (min-width: 1280px) {
    .d-xl-none {
        display:none !important
    }

    .d-xl-inline {
        display:inline !important
    }

    .d-xl-block {
        display:block !important
    }
}

@media (min-width: 1440px) {
    .d-xxl-none {
        display:none !important
    }

    .d-xxl-block {
        display:block !important
    }
}

@media print {
    .d-print-none {
        display:none !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow:hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:0
}

.embed-responsive-16by9::before {
    padding-top:56.25%
}

.flex-row {
    flex-direction:row !important
}

.flex-column {
    flex-direction:column !important
}

.flex-wrap {
    flex-wrap:wrap !important
}

.flex-nowrap {
    flex-wrap:nowrap !important
}

.flex-shrink-1 {
    flex-shrink:1 !important
}

.justify-content-start {
    justify-content:flex-start !important
}

.justify-content-center {
    justify-content:center !important
}

.justify-content-between {
    justify-content:space-between !important
}

.justify-content-around {
    justify-content:space-around !important
}

.align-items-start {
    align-items:flex-start !important
}

.align-items-center {
    align-items:center !important
}

.align-items-baseline {
    align-items:baseline !important
}

.align-content-center {
    align-content:center !important
}

.align-self-start {
    align-self:flex-start !important
}

.align-self-center {
    align-self:center !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction:row !important
    }

    .flex-sm-nowrap {
        flex-wrap:nowrap !important
    }

    .align-items-sm-center {
        align-items:center !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction:row !important
    }

    .justify-content-md-end {
        justify-content:flex-end !important
    }

    .justify-content-md-center {
        justify-content:center !important
    }

    .justify-content-md-between {
        justify-content:space-between !important
    }

    .align-self-md-center {
        align-self:center !important
    }
}

@media (min-width: 1024px) {
    .flex-lg-row {
        flex-direction:row !important
    }

    .flex-lg-nowrap {
        flex-wrap:nowrap !important
    }

    .justify-content-lg-start {
        justify-content:flex-start !important
    }

    .justify-content-lg-end {
        justify-content:flex-end !important
    }

    .justify-content-lg-between {
        justify-content:space-between !important
    }
}

.float-left {
    float:left !important
}

.float-right {
    float:right !important
}

@media (min-width: 768px) {
    .float-md-left {
        float:left !important
    }

    .float-md-right {
        float:right !important
    }
}

.position-static {
    position:static !important
}

.position-relative {
    position:relative !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index:1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:1030
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index:1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border:0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space:normal
}

.shadow {
    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.w-50 {
    width:50% !important
}

.w-75 {
    width:75% !important
}

.w-100 {
    width:100% !important
}

.w-auto {
    width:auto !important
}

.w-10 {
    width:10% !important
}

.w-20 {
    width:20% !important
}

.w-30 {
    width:30% !important
}

.w-40 {
    width:40% !important
}

.mt-0, .my-0 {
    margin-top:0px !important
}

.mr-0, .mx-0 {
    margin-right:0px !important
}

.mb-0, .my-0 {
    margin-bottom:0px !important
}

.ml-0, .mx-0 {
    margin-left:0px !important
}

.m-1 {
    margin:.25rem !important
}

.mt-1, .my-1 {
    margin-top:.25rem !important
}

.mr-1, .mx-1 {
    margin-right:.25rem !important
}

.mb-1, .my-1 {
    margin-bottom:.25rem !important
}

.ml-1, .mx-1 {
    margin-left:.25rem !important
}

.mt-2, .my-2 {
    margin-top:.5rem !important
}

.mr-2, .mx-2 {
    margin-right:.5rem !important
}

.mb-2, .my-2 {
    margin-bottom:.5rem !important
}

.ml-2, .mx-2 {
    margin-left:.5rem !important
}

.mt-3 {
    margin-top:1rem !important
}

.mr-3 {
    margin-right:1rem !important
}

.mb-3 {
    margin-bottom:1rem !important
}

.mt-4, .my-4 {
    margin-top:1.5rem !important
}

.mr-4 {
    margin-right:1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom:1.5rem !important
}

.mt-5, .my-5 {
    margin-top:3rem !important
}

.mx-5 {
    margin-right:3rem !important
}

.mb-5, .my-5 {
    margin-bottom:3rem !important
}

.mx-5 {
    margin-left:3rem !important
}

.mt-n20 {
    margin-top:-20px !important
}

.mb-n20 {
    margin-bottom:-20px !important
}

.ml-n20 {
    margin-left:-20px !important
}

.mt-n10 {
    margin-top:-10px !important
}

.mb-n10 {
    margin-bottom:-10px !important
}

.mt-n4 {
    margin-top:-4px !important
}

.m-8 {
    margin:8px !important
}

.m-9 {
    margin:9px !important
}

.mt-10, .my-10 {
    margin-top:10px !important
}

.mr-10, .mx-10 {
    margin-right:10px !important
}

.mb-10, .my-10 {
    margin-bottom:10px !important
}

.ml-10, .mx-10 {
    margin-left:10px !important
}

.mr-12 {
    margin-right:12px !important
}

.mt-15, .my-15 {
    margin-top:15px !important
}

.mr-15, .mx-15 {
    margin-right:15px !important
}

.mb-15, .my-15 {
    margin-bottom:15px !important
}

.mx-15 {
    margin-left:15px !important
}

.mt-16 {
    margin-top:16px !important
}

.mb-16 {
    margin-bottom:16px !important
}

.mb-18 {
    margin-bottom:18px !important
}

.mt-20, .my-20 {
    margin-top:20px !important
}

.mr-20, .mx-20 {
    margin-right:20px !important
}

.mb-20, .my-20 {
    margin-bottom:20px !important
}

.ml-20, .mx-20 {
    margin-left:20px !important
}

.mb-24 {
    margin-bottom:24px !important
}

.mx-25 {
    margin-right:25px !important
}

.mb-25 {
    margin-bottom:25px !important
}

.mx-25 {
    margin-left:25px !important
}

.mt-30, .my-30 {
    margin-top:30px !important
}

.mr-30 {
    margin-right:30px !important
}

.mb-30, .my-30 {
    margin-bottom:30px !important
}

.ml-30 {
    margin-left:30px !important
}

.my-35 {
    margin-top:35px !important
}

.mb-35, .my-35 {
    margin-bottom:35px !important
}

.ml-35 {
    margin-left:35px !important
}

.mt-40, .my-40 {
    margin-top:40px !important
}

.mr-40 {
    margin-right:40px !important
}

.mb-40, .my-40 {
    margin-bottom:40px !important
}

.ml-40 {
    margin-left:40px !important
}

.mt-50 {
    margin-top:50px !important
}

.mx-50 {
    margin-right:50px !important
}

.mb-50 {
    margin-bottom:50px !important
}

.ml-50, .mx-50 {
    margin-left:50px !important
}

.ml-55 {
    margin-left:55px !important
}

.mt-60 {
    margin-top:60px !important
}

.mr-60 {
    margin-right:60px !important
}

.mb-60 {
    margin-bottom:60px !important
}

.mb-80 {
    margin-bottom:80px !important
}

.mb-100 {
    margin-bottom:100px !important
}

.pr-0, .px-0 {
    padding-right:0px !important
}

.pb-0 {
    padding-bottom:0px !important
}

.pl-0, .px-0 {
    padding-left:0px !important
}

.p-1 {
    padding:.25rem !important
}

.pl-1 {
    padding-left:.25rem !important
}

.p-2 {
    padding:.5rem !important
}

.pt-2 {
    padding-top:.5rem !important
}

.pl-2 {
    padding-left:.5rem !important
}

.pr-3 {
    padding-right:1rem !important
}

.pb-3 {
    padding-bottom:1rem !important
}

.pl-3 {
    padding-left:1rem !important
}

.pr-5 {
    padding-right:3rem !important
}

.pl-5 {
    padding-left:3rem !important
}

.pt-10 {
    padding-top:10px !important
}

.pr-10, .px-10 {
    padding-right:10px !important
}

.pb-10 {
    padding-bottom:10px !important
}

.pl-10, .px-10 {
    padding-left:10px !important
}

.pr-15 {
    padding-right:15px !important
}

.pl-15 {
    padding-left:15px !important
}

.pt-20, .py-20 {
    padding-top:20px !important
}

.pr-20, .px-20 {
    padding-right:20px !important
}

.py-20 {
    padding-bottom:20px !important
}

.pl-20, .px-20 {
    padding-left:20px !important
}

.p-25 {
    padding:25px !important
}

.p-30 {
    padding:30px !important
}

.pt-30, .py-30 {
    padding-top:30px !important
}

.pr-30 {
    padding-right:30px !important
}

.py-30 {
    padding-bottom:30px !important
}

.pl-30 {
    padding-left:30px !important
}

.pl-35 {
    padding-left:35px !important
}

.p-40 {
    padding:40px !important
}

.pl-40 {
    padding-left:40px !important
}

.pl-45 {
    padding-left:45px !important
}

.px-50 {
    padding-right:50px !important
}

.px-50 {
    padding-left:50px !important
}

.pr-70 {
    padding-right:70px !important
}

.pr-75 {
    padding-right:75px !important
}

.mb-n1 {
    margin-bottom:-0.25rem !important
}

.mt-n2 {
    margin-top:-0.5rem !important
}

.mt-n4 {
    margin-top:-1.5rem !important
}

.mt-n10 {
    margin-top:-10px !important
}

.mb-n10 {
    margin-bottom:-10px !important
}

.mt-n15 {
    margin-top:-15px !important
}

.mb-n15 {
    margin-bottom:-15px !important
}

.ml-n15 {
    margin-left:-15px !important
}

.mt-n20 {
    margin-top:-20px !important
}

.mb-n20 {
    margin-bottom:-20px !important
}

.ml-n20 {
    margin-left:-20px !important
}

.mt-n24 {
    margin-top:-24px !important
}

.mt-n25 {
    margin-top:-25px !important
}

.mb-n25 {
    margin-bottom:-25px !important
}

.mb-n30 {
    margin-bottom:-30px !important
}

.mb-n50 {
    margin-bottom:-50px !important
}

.m-auto {
    margin:auto !important
}

.mr-auto, .mx-auto {
    margin-right:auto !important
}

.ml-auto, .mx-auto {
    margin-left:auto !important
}

@media (min-width: 375px) {
    .mr-xs-0 {
        margin-right:0px !important
    }

    .mb-xs-0 {
        margin-bottom:0px !important
    }

    .mb-xs-4 {
        margin-bottom:1.5rem !important
    }

    .mr-xs-15, .mx-xs-15 {
        margin-right:15px !important
    }

    .mx-xs-15 {
        margin-left:15px !important
    }

    .mt-xs-30 {
        margin-top:30px !important
    }

    .mb-xs-30 {
        margin-bottom:30px !important
    }

    .mt-xs-50 {
        margin-top:50px !important
    }

    .mb-xs-50 {
        margin-bottom:50px !important
    }

    .ml-xs-55 {
        margin-left:55px !important
    }

    .pl-xs-0 {
        padding-left:0px !important
    }

    .pl-xs-2 {
        padding-left:.5rem !important
    }

    .pr-xs-30 {
        padding-right:30px !important
    }
}

@media (min-width: 576px) {
    .mt-sm-0 {
        margin-top:0px !important
    }

    .mr-sm-0 {
        margin-right:0px !important
    }

    .mb-sm-0 {
        margin-bottom:0px !important
    }

    .mt-sm-1 {
        margin-top:.25rem !important
    }

    .mb-sm-1 {
        margin-bottom:.25rem !important
    }

    .mt-sm-2 {
        margin-top:.5rem !important
    }

    .mt-sm-3 {
        margin-top:1rem !important
    }

    .mb-sm-4 {
        margin-bottom:1.5rem !important
    }

    .mr-sm-5 {
        margin-right:3rem !important
    }

    .mb-sm-10 {
        margin-bottom:10px !important
    }

    .ml-sm-10 {
        margin-left:10px !important
    }

    .ml-sm-14 {
        margin-left:14px !important
    }

    .mb-sm-15 {
        margin-bottom:15px !important
    }

    .ml-sm-15 {
        margin-left:15px !important
    }

    .mt-sm-20 {
        margin-top:20px !important
    }

    .mr-sm-20, .mx-sm-20 {
        margin-right:20px !important
    }

    .mb-sm-20 {
        margin-bottom:20px !important
    }

    .ml-sm-20, .mx-sm-20 {
        margin-left:20px !important
    }

    .mt-sm-30 {
        margin-top:30px !important
    }

    .mr-sm-30 {
        margin-right:30px !important
    }

    .mb-sm-30 {
        margin-bottom:30px !important
    }

    .mr-sm-40 {
        margin-right:40px !important
    }

    .mt-sm-50 {
        margin-top:50px !important
    }

    .ml-sm-55 {
        margin-left:55px !important
    }

    .mr-sm-60 {
        margin-right:60px !important
    }

    .mb-sm-60 {
        margin-bottom:60px !important
    }

    .ml-sm-80 {
        margin-left:80px !important
    }

    .pl-sm-0 {
        padding-left:0px !important
    }

    .pl-sm-2 {
        padding-left:.5rem !important
    }

    .pl-sm-18 {
        padding-left:18px !important
    }

    .pr-sm-20 {
        padding-right:20px !important
    }

    .py-sm-30 {
        padding-top:30px !important
    }

    .px-sm-30 {
        padding-right:30px !important
    }

    .py-sm-30 {
        padding-bottom:30px !important
    }

    .px-sm-30 {
        padding-left:30px !important
    }

    .pl-sm-40 {
        padding-left:40px !important
    }

    .pl-sm-50 {
        padding-left:50px !important
    }

    .pl-sm-55 {
        padding-left:55px !important
    }

    .px-sm-60 {
        padding-right:60px !important
    }

    .px-sm-60 {
        padding-left:60px !important
    }
}

@media (min-width: 768px) {
    .mt-md-0 {
        margin-top:0px !important
    }

    .mb-md-0 {
        margin-bottom:0px !important
    }

    .ml-md-0 {
        margin-left:0px !important
    }

    .mb-md-1 {
        margin-bottom:.25rem !important
    }

    .mb-md-2 {
        margin-bottom:.5rem !important
    }

    .mb-md-5 {
        margin-bottom:3rem !important
    }

    .ml-md-5 {
        margin-left:3rem !important
    }

    .mb-md-n20 {
        margin-bottom:-20px !important
    }

    .mt-md-n10 {
        margin-top:-10px !important
    }

    .mb-md-n10 {
        margin-bottom:-10px !important
    }

    .mt-md-10 {
        margin-top:10px !important
    }

    .mb-md-10 {
        margin-bottom:10px !important
    }

    .mt-md-12 {
        margin-top:12px !important
    }

    .mr-md-12 {
        margin-right:12px !important
    }

    .mt-md-15 {
        margin-top:15px !important
    }

    .mb-md-15 {
        margin-bottom:15px !important
    }

    .ml-md-15 {
        margin-left:15px !important
    }

    .my-md-18 {
        margin-top:18px !important
    }

    .my-md-18 {
        margin-bottom:18px !important
    }

    .mt-md-20 {
        margin-top:20px !important
    }

    .mr-md-20, .mx-md-20 {
        margin-right:20px !important
    }

    .mb-md-20 {
        margin-bottom:20px !important
    }

    .mx-md-20 {
        margin-left:20px !important
    }

    .mr-md-25 {
        margin-right:25px !important
    }

    .mb-md-25 {
        margin-bottom:25px !important
    }

    .mt-md-30, .my-md-30 {
        margin-top:30px !important
    }

    .mr-md-30 {
        margin-right:30px !important
    }

    .mb-md-30, .my-md-30 {
        margin-bottom:30px !important
    }

    .ml-md-30 {
        margin-left:30px !important
    }

    .mb-md-35 {
        margin-bottom:35px !important
    }

    .mt-md-40, .my-md-40 {
        margin-top:40px !important
    }

    .mr-md-40, .mx-md-40 {
        margin-right:40px !important
    }

    .mb-md-40, .my-md-40 {
        margin-bottom:40px !important
    }

    .ml-md-40, .mx-md-40 {
        margin-left:40px !important
    }

    .mt-md-45 {
        margin-top:45px !important
    }

    .mt-md-50, .my-md-50 {
        margin-top:50px !important
    }

    .mb-md-50, .my-md-50 {
        margin-bottom:50px !important
    }

    .ml-md-50 {
        margin-left:50px !important
    }

    .mb-md-60 {
        margin-bottom:60px !important
    }

    .ml-md-70 {
        margin-left:70px !important
    }

    .pr-md-0 {
        padding-right:0px !important
    }

    .pl-md-0 {
        padding-left:0px !important
    }

    .pl-md-2 {
        padding-left:.5rem !important
    }

    .px-md-10 {
        padding-right:10px !important
    }

    .px-md-10 {
        padding-left:10px !important
    }

    .pt-md-15 {
        padding-top:15px !important
    }

    .pr-md-15 {
        padding-right:15px !important
    }

    .pl-md-15 {
        padding-left:15px !important
    }

    .px-md-20 {
        padding-right:20px !important
    }

    .pb-md-20 {
        padding-bottom:20px !important
    }

    .pl-md-20, .px-md-20 {
        padding-left:20px !important
    }

    .pr-md-25 {
        padding-right:25px !important
    }

    .pl-md-25 {
        padding-left:25px !important
    }

    .px-md-30 {
        padding-right:30px !important
    }

    .pl-md-30, .px-md-30 {
        padding-left:30px !important
    }

    .pr-md-40 {
        padding-right:40px !important
    }

    .pl-md-40 {
        padding-left:40px !important
    }

    .py-md-50 {
        padding-top:50px !important
    }

    .pr-md-50 {
        padding-right:50px !important
    }

    .py-md-50 {
        padding-bottom:50px !important
    }

    .pr-md-100 {
        padding-right:100px !important
    }

    .mb-md-n3 {
        margin-bottom:-1rem !important
    }

    .mt-md-n10 {
        margin-top:-10px !important
    }

    .mb-md-n10 {
        margin-bottom:-10px !important
    }

    .mb-md-n20 {
        margin-bottom:-20px !important
    }

    .mt-md-n32 {
        margin-top:-32px !important
    }

    .mx-md-auto {
        margin-right:auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left:auto !important
    }
}

@media (min-width: 1024px) {
    .mt-lg-0, .my-lg-0 {
        margin-top:0px !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom:0px !important
    }

    .mt-lg-1 {
        margin-top:.25rem !important
    }

    .mb-lg-1 {
        margin-bottom:.25rem !important
    }

    .mb-lg-2 {
        margin-bottom:.5rem !important
    }

    .ml-lg-2 {
        margin-left:.5rem !important
    }

    .mb-lg-4 {
        margin-bottom:1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom:3rem !important
    }

    .mt-lg-n20 {
        margin-top:-20px !important
    }

    .mb-lg-n20 {
        margin-bottom:-20px !important
    }

    .mt-lg-10 {
        margin-top:10px !important
    }

    .mr-lg-10 {
        margin-right:10px !important
    }

    .mb-lg-10 {
        margin-bottom:10px !important
    }

    .mt-lg-15 {
        margin-top:15px !important
    }

    .mb-lg-15 {
        margin-bottom:15px !important
    }

    .ml-lg-15 {
        margin-left:15px !important
    }

    .mb-lg-16 {
        margin-bottom:16px !important
    }

    .mt-lg-20, .my-lg-20 {
        margin-top:20px !important
    }

    .mr-lg-20 {
        margin-right:20px !important
    }

    .mb-lg-20, .my-lg-20 {
        margin-bottom:20px !important
    }

    .ml-lg-20 {
        margin-left:20px !important
    }

    .mt-lg-25 {
        margin-top:25px !important
    }

    .mb-lg-25 {
        margin-bottom:25px !important
    }

    .mt-lg-30, .my-lg-30 {
        margin-top:30px !important
    }

    .mr-lg-30 {
        margin-right:30px !important
    }

    .mb-lg-30, .my-lg-30 {
        margin-bottom:30px !important
    }

    .ml-lg-30 {
        margin-left:30px !important
    }

    .mb-lg-35 {
        margin-bottom:35px !important
    }

    .mt-lg-40, .my-lg-40 {
        margin-top:40px !important
    }

    .mb-lg-40, .my-lg-40 {
        margin-bottom:40px !important
    }

    .mb-lg-45 {
        margin-bottom:45px !important
    }

    .mt-lg-50, .my-lg-50 {
        margin-top:50px !important
    }

    .mr-lg-50 {
        margin-right:50px !important
    }

    .mb-lg-50, .my-lg-50 {
        margin-bottom:50px !important
    }

    .mt-lg-55 {
        margin-top:55px !important
    }

    .mt-lg-60, .my-lg-60 {
        margin-top:60px !important
    }

    .mr-lg-60 {
        margin-right:60px !important
    }

    .mb-lg-60, .my-lg-60 {
        margin-bottom:60px !important
    }

    .ml-lg-60 {
        margin-left:60px !important
    }

    .ml-lg-70 {
        margin-left:70px !important
    }

    .mb-lg-80 {
        margin-bottom:80px !important
    }

    .mb-lg-100 {
        margin-bottom:100px !important
    }

    .pt-lg-0 {
        padding-top:0px !important
    }

    .pr-lg-0 {
        padding-right:0px !important
    }

    .pl-lg-0 {
        padding-left:0px !important
    }

    .pr-lg-5 {
        padding-right:3rem !important
    }

    .px-lg-20 {
        padding-right:20px !important
    }

    .pl-lg-20, .px-lg-20 {
        padding-left:20px !important
    }

    .pr-lg-30, .px-lg-30 {
        padding-right:30px !important
    }

    .pb-lg-30 {
        padding-bottom:30px !important
    }

    .px-lg-30 {
        padding-left:30px !important
    }

    .pr-lg-40, .px-lg-40 {
        padding-right:40px !important
    }

    .pl-lg-40, .px-lg-40 {
        padding-left:40px !important
    }

    .pl-lg-50 {
        padding-left:50px !important
    }

    .pr-lg-60 {
        padding-right:60px !important
    }

    .pl-lg-60 {
        padding-left:60px !important
    }

    .pl-lg-70 {
        padding-left:70px !important
    }

    .mt-lg-n20 {
        margin-top:-20px !important
    }

    .mb-lg-n20 {
        margin-bottom:-20px !important
    }

    .mb-lg-n30 {
        margin-bottom:-30px !important
    }

    .mt-lg-n40 {
        margin-top:-40px !important
    }

    .mr-lg-auto {
        margin-right:auto !important
    }
}

@media (min-width: 1280px) {
    .mt-xl-0, .my-xl-0 {
        margin-top:0px !important
    }

    .mr-xl-0 {
        margin-right:0px !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom:0px !important
    }

    .mt-xl-5 {
        margin-top:3rem !important
    }

    .mr-xl-n20 {
        margin-right:-20px !important
    }

    .mb-xl-n20 {
        margin-bottom:-20px !important
    }

    .mr-xl-10 {
        margin-right:10px !important
    }

    .mr-xl-15 {
        margin-right:15px !important
    }

    .mr-xl-20 {
        margin-right:20px !important
    }

    .ml-xl-20 {
        margin-left:20px !important
    }

    .mb-xl-24 {
        margin-bottom:24px !important
    }

    .mt-xl-30, .my-xl-30 {
        margin-top:30px !important
    }

    .mb-xl-30, .my-xl-30 {
        margin-bottom:30px !important
    }

    .ml-xl-30 {
        margin-left:30px !important
    }

    .mt-xl-40, .my-xl-40 {
        margin-top:40px !important
    }

    .mb-xl-40, .my-xl-40 {
        margin-bottom:40px !important
    }

    .mt-xl-45 {
        margin-top:45px !important
    }

    .mb-xl-45 {
        margin-bottom:45px !important
    }

    .mb-xl-50 {
        margin-bottom:50px !important
    }

    .mt-xl-60, .my-xl-60 {
        margin-top:60px !important
    }

    .mb-xl-60, .my-xl-60 {
        margin-bottom:60px !important
    }

    .ml-xl-100 {
        margin-left:100px !important
    }

    .pt-xl-15 {
        padding-top:15px !important
    }

    .pt-xl-40 {
        padding-top:40px !important
    }

    .px-xl-40 {
        padding-right:40px !important
    }

    .px-xl-40 {
        padding-left:40px !important
    }

    .pl-xl-60 {
        padding-left:60px !important
    }

    .pr-xl-70 {
        padding-right:70px !important
    }

    .mr-xl-n20 {
        margin-right:-20px !important
    }

    .mb-xl-n20 {
        margin-bottom:-20px !important
    }

    .mb-xl-n25 {
        margin-bottom:-25px !important
    }

    .ml-xl-auto {
        margin-left:auto !important
    }
}

@media (min-width: 1440px) {
    .mt-xxl-0 {
        margin-top:0px !important
    }

    .mb-xxl-0 {
        margin-bottom:0px !important
    }

    .mr-xxl-20 {
        margin-right:20px !important
    }
}

.text-justify {
    text-align:justify !important
}

.text-wrap {
    white-space:normal !important
}

.text-nowrap {
    white-space:nowrap !important
}

.text-left {
    text-align:left !important
}

.text-right {
    text-align:right !important
}

.text-center {
    text-align:center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align:left !important
    }

    .text-sm-right {
        text-align:right !important
    }

    .text-sm-center {
        text-align:center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align:left !important
    }

    .text-md-right {
        text-align:right !important
    }

    .text-md-center {
        text-align:center !important
    }
}

@media (min-width: 1024px) {
    .text-lg-left {
        text-align:left !important
    }

    .text-lg-right {
        text-align:right !important
    }
}

.text-uppercase {
    text-transform:uppercase !important
}

.font-italic {
    font-style:italic !important
}

.text-success {
    color:#5ba400 !important
}

a.text-success:hover, a.text-success:focus {
    color:#315800 !important
}

.text-decoration-none {
    text-decoration:none !important
}

.visible {
    visibility:visible !important
}

.invisible {
    visibility:hidden !important
}

@media print {
    *, * ::before, * ::after {
        text-shadow: none !important;
        box-shadow:none !important
    }

    a:not(.btn) {
        text-decoration:underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space:pre-wrap !important
    }

    pre, blockquote {
        border: 1px solid #adb5bd;
        page-break-inside:avoid
    }

    thead {
        display:table-header-group
    }

    tr, img {
        page-break-inside:avoid
    }

    p, h2, h3 {
        orphans: 3;
        widows:3
    }

    h2, h3 {
        page-break-after:avoid
    }

    @page {
        size:a3
    }

    body {
        min-width:1024px !important
    }

    .container {
        min-width:1024px !important
    }

    .navbar {
        display:none
    }

    .badge {
        border:1px solid #000
    }

    .table {
        border-collapse:collapse !important
    }

    .table td, .table th {
        background-color:#fff !important
    }

    .table-bordered th, .table-bordered td {
        border:1px solid #dcdcdc !important
    }
}

.container {
    padding-right: 20px;
    padding-left:20px
}

.col, [class * =col-] {
    padding-right: 10px;
    padding-left:10px
}

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

@media (min-width: 576px) {
    .container {
        padding-right: 30px;
        padding-left:30px
    }

    .col, [class * =col-] {
        padding-right: 15px;
        padding-left:15px
    }

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

@media (min-width: 1024px) {
    .container {
        padding-right: 40px;
        padding-left:40px
    }

    .col, [class * =col-] {
        padding-right: 20px;
        padding-left:20px
    }

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

@media (min-width: 1280px) {
    .container {
        padding-right: 60px;
        padding-left:60px
    }

    .col, [class * =col-] {
        padding-right: 30px;
        padding-left:30px
    }

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

@media (min-width: 1440px) {
    .container {
        padding-right: 60px;
        padding-left:60px
    }

    .col, [class * =col-] {
        padding-right: 30px;
        padding-left:30px
    }

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

.container {
    padding-right: 20px;
    padding-left:20px
}

@media (min-width: 375px) {
    .container {
        padding-right: 30px;
        padding-left:30px
    }
}

@media (min-width: 1024px) {
    .container {
        padding-right: 50px;
        padding-left:50px
    }
}

@media (min-width: 1280px) {
    .container {
        padding-right: 70px;
        padding-left:70px
    }
}

@media (min-width: 1440px) {
    .container {
        padding-right: 70px;
        padding-left:70px
    }
}

.row.no-gutters {
    margin-right: 0;
    margin-left:0
}

.form-row {
    margin-left: -10px;
    margin-right:-10px
}

.form-row > .col, .form-row > [class * =col-] {
    padding-left: 10px;
    padding-right:10px
}

.divider-sm {
    margin: 0;
    border-top:1px solid #9e9fa1
}

.divider-sm.red {
    border-color:#da291c
}

.divider-lg {
    margin: 0;
    border-top:15px solid #f3f3f3
}

.divider-lg.red {
    border-color:#da291c
}

@media (min-width: 1280px) {
    .divider-lg {
        border-top-width:20px
    }
}

.mb-st {
    margin-bottom:30px !important
}

@media (min-width: 768px) {
    .mb-st {
        margin-bottom:40px !important
    }
}

@media (min-width: 1024px) {
    .mb-st {
        margin-bottom:60px !important
    }
}

.mt-st {
    margin-top:30px !important
}

@media (min-width: 768px) {
    .mt-st {
        margin-top:40px !important
    }
}

@media (min-width: 1024px) {
    .mt-st {
        margin-top:60px !important
    }
}

.my-st {
    margin-bottom: 30px !important;
    margin-top:30px !important
}

@media (min-width: 768px) {
    .my-st {
        margin-bottom: 40px !important;
        margin-top:40px !important
    }
}

@media (min-width: 1024px) {
    .my-st {
        margin-bottom: 60px !important;
        margin-top:60px !important
    }
}

.no-scroll {
    overflow:hidden
}

html {
    scroll-behavior:smooth
}

:root {
    --offset: 1.25rem;
    --max_width: 76.25rem;
    --columns: 6;
    --gutter: 1.25rem;
    --baseline: 3rem;
    --baseline-shift: 2rem;
    --color: hsla(204, 80%, 72%, 0.25)
}

@media (min-width: 576px) {
    :root {
        --offset: 1.25rem;
        --gutter: 1.25rem;
        --color: hsla(286, 51%, 44%, 0.25);
        --columns: 12
    }
}

@media (min-width: 768px) {
    :root {
        --offset: 2rem;
        --gutter: 2rem;
        --color: hsla(286, 51%, 44%, 0.25)
    }
}

@media (min-width: 1024px) {
    :root {
        --offset: 2rem;
        --gutter: 2rem;
        --color: hsla(286, 51%, 44%, 0.25)
    }
}

@media (min-width: 1280px) {
    :root {
        --offset: 2.5rem;
        --gutter: 2.5rem;
        --color: hsla(286, 51%, 44%, 0.25)
    }
}

@media (min-width: 1440px) {
    :root {
        --offset: 2.5rem;
        --gutter: 2.5rem;
        --color: hsla(286, 51%, 44%, 0.25);
        --max_width: 80rem
    }
}

:root {
    --repeating-width: calc(100% / var(--columns));
    --column-width: calc((100% / var(--columns)) - var(--gutter));
    --background-width: calc(100% + var(--gutter));
    --background-columns: repeating-linear-gradient(to right, var(--color), var(--color) var(--column-width), transparent var(--column-width), transparent var(--repeating-width));
    --background-baseline: repeating-linear-gradient(to bottom, var(--color), var(--color) 1px, transparent 1px, transparent var(--baseline))
}

html.grid-overlay {
    position:relative
}

html.grid-overlay::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: calc(100% - 2 * var(--offset));
    max-width: var(--max_width);
    min-height: 100vh;
    content: "";
    background-image: var(--background-columns), var(--background-baseline);
    background-size: var(--background-width) 100%;
    background-position: 0 var(--baseline-shift);
    z-index: 1000;
    pointer-events:none
}

.hide {
    display:none
}

.w-10 {
    width:10% !important
}

.w-20 {
    width:20% !important
}

.w-30 {
    width:30% !important
}

.w-40 {
    width:40% !important
}

.w-50 {
    width:50% !important
}

.w-60 {
    width:60% !important
}

.w-75 {
    width:75% !important
}

.w-100 {
    width:100% !important
}

.w-auto {
    width:auto !important
}

@media (min-width: 375px) {
    .w-xs-60 {
        width:60% !important
    }

    .w-xs-auto {
        width:auto !important
    }
}

@media (min-width: 576px) {
    .w-sm-50 {
        width:50% !important
    }

    .w-sm-75 {
        width:75% !important
    }

    .w-sm-auto {
        width:auto !important
    }
}

@media (min-width: 768px) {
    .w-md-30 {
        width:30% !important
    }

    .w-md-50 {
        width:50% !important
    }
}

@media (min-width: 1024px) {
    .w-lg-auto {
        width:auto !important
    }
}

@media (min-width: 400px) {
    .mx-400-15 {
        margin-left: 15px !important;
        margin-right:15px !important
    }
}

.d-none-important {
    display:none !important
}

body, .p {
    font-size: 1rem;
    font-variant-ligatures:none
}

body, .p {
    font-size:1rem
}

@media (min-width: 576px) {
    body, .p {
        font-size:1.125rem
    }
}

@media (min-width: 768px) {
    body, .p {
        font-size:1.125rem
    }
}

@media (min-width: 1024px) {
    body, .p {
        font-size:1.25rem
    }
}

@media (min-width: 1280px) {
    body, .p {
        font-size:1.25rem
    }
}

a {
    color: #007bff;
    transition: all .25s;
    text-decoration: underline;
    text-decoration-color:rgba(0, 0, 0, 0)
}

a:visited {
    color:#007bff
}

a:hover {
    color: #0056b3;
    text-decoration: underline;
    text-decoration-color:#0056b3
}

h1, .h1 {
    font-size: 2rem;
    color: #af2218;
    line-height: 1.0625;
    margin-bottom:1.75rem
}

h2, .h2 {
    font-size: 1.5rem;
    color: #af2218;
    line-height: 1.0625;
    margin-bottom:1rem
}

h1, .h1, h2, .h2 {
    text-transform:uppercase
}

h1.text-lower, .h1.text-lower, h2.text-lower, .h2.text-lower {
    text-transform:none
}

h3, .h3 {
    font-size: 1.375rem;
    font-weight: 600;
    color: #4a4a4a;
    line-height: 1.25;
    margin-bottom:1.25rem
}

h4, .h4 {
    font-weight: 600;
    font-size: 1.125rem;
    color: #4a4a4a;
    line-height:1.22
}

h5, .h5 {
    font-weight: 600;
    font-size: 1rem;
    color: #4a4a4a;
    line-height:1.5
}

@media (min-width: 576px) {
    h1, .h1 {
        font-size:2rem
    }
}

@media (min-width: 768px) {
    h1, .h1 {
        font-size:2rem
    }
}

@media (min-width: 1024px) {
    h1, .h1 {
        font-size:2.5rem
    }
}

@media (min-width: 1280px) {
    h1, .h1 {
        font-size:2.5rem
    }
}

@media (min-width: 576px) {
    h2, .h2 {
        font-size:1.5rem
    }
}

@media (min-width: 768px) {
    h2, .h2 {
        font-size:1.5rem
    }
}

@media (min-width: 1024px) {
    h2, .h2 {
        font-size:2rem
    }
}

@media (min-width: 1280px) {
    h2, .h2 {
        font-size:2rem
    }
}

@media (min-width: 576px) {
    h3, .h3 {
        font-size:1.375rem
    }
}

@media (min-width: 768px) {
    h3, .h3 {
        font-size:1.375rem
    }
}

@media (min-width: 1024px) {
    h3, .h3 {
        font-size:1.5rem
    }
}

@media (min-width: 1280px) {
    h3, .h3 {
        font-size:1.75rem
    }
}

@media (min-width: 576px) {
    h4, .h4 {
        font-size:1.125rem
    }
}

@media (min-width: 768px) {
    h4, .h4 {
        font-size:1.25rem
    }
}

@media (min-width: 1024px) {
    h4, .h4 {
        font-size:1.375rem
    }
}

@media (min-width: 1280px) {
    h4, .h4 {
        font-size:1.5rem
    }
}

@media (min-width: 576px) {
    h5, .h5 {
        font-size:1.125rem
    }
}

@media (min-width: 768px) {
    h5, .h5 {
        font-size:1.125rem
    }
}

@media (min-width: 1024px) {
    h5, .h5 {
        font-size:1.25rem
    }
}

@media all and (min-width: 576px) {
    h3, .h3 {
        line-height:1.09
    }
}

@media all and (min-width: 768px) {
    h1, .h1 {
        margin-bottom:1.25rem
    }

    h2, .h2 {
        margin-bottom: 1.25rem;
        line-height:1.125
    }

    h3, .h3 {
        line-height:1.09
    }

    h4, .h4 {
        line-height:1.22
    }

    h5, .h5 {
        line-height:1.25
    }
}

@media all and (min-width: 1024px) {
    h1, .h1 {
        line-height: 1.1;
        margin-bottom:2.5rem
    }

    h2, .h2 {
        line-height: 1.06;
        margin-bottom:1.25rem
    }

    h3, .h3 {
        line-height:1.08
    }

    h4, .h4 {
        line-height:1.18
    }
}

@media all and (min-width: 1280px) {
    h3, .h3 {
        line-height:1.14
    }

    h4, .h4 {
        line-height:1.16
    }
}

small, .text-small {
    font-size:.875rem !important
}

@media (min-width: 1024px) {
    small, .text-small, .small {
        font-size:1rem !important
    }
}

.text-large {
    font-size:1.25rem !important
}

.text-reg {
    font-size:1rem !important
}

.text-reg {
    font-size:1rem !important
}

@media (min-width: 576px) {
    .text-reg {
        font-size:1.125rem !important
    }
}

@media (min-width: 768px) {
    .text-reg {
        font-size:1.125rem !important
    }
}

@media (min-width: 1024px) {
    .text-reg {
        font-size:1.25rem !important
    }
}

@media (min-width: 1280px) {
    .text-reg {
        font-size:1.25rem !important
    }
}

@media (min-width: 1024px) {
    .text-large {
        font-size:1.5rem !important
    }
}

.text-lower {
    text-transform:lowercase
}

.text-transform-none {
    text-transform:none
}

.text-upper {
    text-transform:uppercase
}

.text-upper.h3, .text-upper.h4 {
    margin-bottom: .25em;
    line-height:1.13
}

.text-italic {
    font-style:italic
}

.no-break {
    white-space:nowrap
}

.word-break {
    word-break:break-word
}

.break-all {
    word-break:break-all
}

.text-weight-light {
    font-weight:300 !important
}

.text-normal {
    font-weight:normal !important
}

.text-bold {
    font-weight:600 !important
}

.text-bolder {
    font-weight:700 !important
}

.color-dark-gray {
    color:#4a4a4a !important
}

.color-dark-red {
    color:#af2218 !important
}

.color-dark-blue {
    color:#025a95
}

.color-orange {
    color:#df6d00
}

.color-white {
    color:#fff
}

.newsletter-story h2 {
    margin-top:30px
}

@media all and (min-width: 768px) {
    .newsletter-story h2 {
        margin-top:45px
    }
}

.line-height-small {
    line-height:1.2
}

.line-height-normal {
    line-height:1.3
}

@media all and (min-width: 768px) {
    .text-nowrap-md {
        white-space:nowrap
    }
}

.text-nowrap {
    white-space:nowrap !important
}

@media (min-width: 768px) {
    .text-md-nowrap {
        white-space:nowrap !important
    }
}

.footer-nav {
    margin:80px 0 0 0
}

@media (min-width: 1024px) {
    .footer-nav {
        margin:100px 0 0 0
    }
}

@media (min-width: 768px) {
    .footer-nav .background-red {
        background-color:#da291c
    }
}

@media (max-width: 768px) {
    .footer-nav .background-red .container {
        padding-left: 0;
        padding-right:0
    }
}

.footer {
    font-size: 1.375rem;
    list-style-type: none;
    margin: 0 0 35px 0;
    max-width: 100%;
    padding:0
}

@media (min-width: 768px) {
    .footer {
        display: flex;
        flex-wrap: wrap;
        font-size: 1.125rem;
        justify-content: space-between;
        margin: 0 0 20px 0;
        padding:0 60px
    }
}

@media (min-width: 1024px) {
    .footer {
        font-size: 1.25rem;
        margin: 0 0 30px 0;
        padding:0 60px
    }
}

@media (min-width: 1280px) {
    .footer {
        font-size: 1.775rem;
        margin: 0 0 40px 0;
        padding:0 90px
    }
}

.footer li {
    margin: 0 0 5px 0;
    text-align:center
}

@media (min-width: 768px) {
    .footer li {
        padding: 14px 0;
        margin: 0;
        text-align:left
    }
}

@media (min-width: 1024px) and(max-width: 1280px) {
    .footer li {
        padding:20px 0
    }
}

@media (min-width: 1280px) {
    .footer li {
        padding:19px 0
    }
}

.footer a {
    background-color: #da291c;
    color: #fff;
    display: block;
    font-weight: 600;
    padding: 14px 0;
    text-transform:uppercase
}

.footer a:hover {
    text-decoration-color:#fff
}

@media (min-width: 768px) {
    .footer a {
        background-color: rgba(0, 0, 0, 0);
        display: inline-block;
        margin: 0;
        padding:0
    }
}

.sub-footer .footer-links {
    text-align: center;
    text-transform:uppercase
}

@media (min-width: 1024px) {
    .sub-footer .footer-links {
        text-align:left
    }
}

.sub-footer .footer-links a {
    color: #4a4a4a;
    font-size: .875rem;
    font-weight:700
}

.sub-footer .footer-links a:hover {
    text-decoration-color:#4a4a4a
}

@media (min-width: 1024px) {
    .sub-footer .footer-links a {
        font-size:1rem
    }
}

.sub-footer .info-callout {
    font-size:1.25rem
}

@media (min-width: 1024px) and(max-width: 1280px) {
    .sub-footer .info-callout {
        font-size:1.375rem
    }
}

@media (min-width: 1280px) {
    .sub-footer .info-callout {
        font-size:1.875rem
    }
}

.sub-footer .document-icon {
    background-position: left 1px;
    background-size: 22px 22px;
    font-size: 1rem;
    padding: 0 0 0 36px;
    text-transform: uppercase;
    max-width:300px
}

@media (min-width: 768px) and(max-width: 1024px) {
    .sub-footer .document-icon {
        background-position: left 2px;
        background-size:21px 21px
    }
}

@media (min-width: 1024px) {
    .sub-footer .document-icon {
        background-position: left 0px;
        padding:2px 0 2px 36px
    }
}

.sub-footer .footer-pipe {
    display: inline;
    font-size: 1rem;
    font-weight:700
}

.sub-footer .footer-pipe-linebreak {
    color: #fff;
    height:10px
}

@media (min-width: 1024px) {
    .sub-footer .footer-pipe-linebreak {
        color: #4a4a4a;
        height:auto
    }
}

.sub-footer .disclaimer {
    font-size: .75rem;
    margin-bottom:25px
}

@media (min-width: 1024px) {
    .sub-footer .disclaimer {
        font-size: .875rem;
        margin-bottom:40px
    }
}

.sub-footer .disclaimer a {
    color: #da291c;
    font-weight:700
}

.sub-footer .disclaimer a:hover {
    text-decoration-color:#da291c
}

.sub-footer .disclaimer span {
    display: block;
    text-align:center
}

@media (min-width: 1024px) {
    .sub-footer .disclaimer span {
        text-align:left
    }
}

.sub-footer .social-media {
    margin:0 0 35px 0
}

@media (min-width: 1024px) {
    .sub-footer .social-media {
        margin:0
    }
}

.sub-footer .social-media a {
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
    margin:0 30px 0 0
}

.sub-footer .social-media a:last-child {
    margin:0
}

.sub-footer .social-media a.ai-facebook {
    margin-left: -10px;
    margin-right:20px
}

.sub-footer .social-media a.ai-instagram {
    margin-top:3px
}

.sub-footer .social-media a.ai-twitter {
    background-position:0px 2px
}

a.espanol-footer-toggle {
    line-height: 1.7;
    display: inline-block;
    color: #4a4a4a;
    text-transform: uppercase;
    font-size: .875rem;
    background-image: url(/lib/images/svgs/globe.svg);
    background-repeat: no-repeat;
    background-position: left -1px;
    padding-left:34px
}

a.espanol-footer-toggle:hover {
    text-decoration-color:#4a4a4a
}

@media (min-width: 1024px) {
    a.espanol-footer-toggle {
        font-size: 1rem;
        text-align: left;
        background-size: 26px 26px;
        padding-left: 40px;
        background-position:left 0px
    }
}

.ot-floating-button {
    display:none !important
}

a.ot-sdk-show-settings.btn-cookie-settings {
    color: #da291c !important;
    padding: 0 !important;
    border: none !important;
    font-size: .75rem !important;
    line-height:1.5 !important
}

a.ot-sdk-show-settings.btn-cookie-settings:hover {
    background-color: unset !important;
    color:#da291c !important
}

@media (min-width: 1024px) {
    a.ot-sdk-show-settings.btn-cookie-settings {
        font-size:.875rem !important
    }
}

#globalLoginMenu {
    position: absolute;
    top: 75px;
    z-index: 9;
    width:100%
}

#globalLoginMenu #globalLoginMenuContents {
    margin-left: auto;
    z-index: 100;
    position: absolute;
    right: 0;
    width:100%
}

#globalLoginMenu .ai-more-info.ai-small {
    height: 24px;
    width: 24px;
    background-size:24px 24px
}

#globalLoginMenu .btn.btn-secondary-white {
    font-size: 1.125rem;
    line-height: 50px;
    font-weight:600
}

@media all and (min-width: 480px) {
    #globalLoginMenu #globalLoginMenuContents {
        max-width:410px
    }
}

@media all and (min-width: 576px) {
    #globalLoginMenu {
        top: 111px;
        right:40px
    }

    #globalLoginMenu.home {
        top:71px
    }
}

@media all and (min-width: 768px) {
    #globalLoginMenu {
        top:132px
    }

    #globalLoginMenu.is-texas {
        top:182px
    }

    #globalLoginMenu.home {
        top:99px
    }

    #globalLoginMenu.home.is-texas {
        top:149px
    }
}

@media all and (min-width: 1024px) {
    #globalLoginMenu {
        top:170px
    }

    #globalLoginMenu.is-texas {
        top:210px
    }

    #globalLoginMenu.home {
        top:124px
    }

    #globalLoginMenu.home.is-texas {
        top:174px
    }

    #globalLoginMenu #globalLoginMenuContents {
        max-width:500px
    }

    #globalLoginMenu p, #globalLoginMenu a, #globalLoginMenu .checkbox label, #globalLoginMenu .error, #globalLoginMenu .text-forgot {
        font-size:1.125rem
    }

    #globalLoginMenu h3 {
        font-size:1.875rem
    }

    #globalLoginMenu .btn.btn-secondary-white {
        font-size: 1.25rem;
        line-height:58px
    }
}

#globalLoginMenu #DivRowPassword .form-group.aep-custom {
    margin-bottom:0
}

#globalLoginMenu .error-block {
    background-color: #de3600;
    color: #fff;
    padding:20px 30px 20px
}

#globalLoginMenu .error-block .red {
    color:#fff !important
}

@media all and (min-width: 1024px) {
    #globalLoginMenu .error-block {
        padding:20px 45px 30px
    }
}

.off-canvas-overlay.login-visible {
    background-color: rgba(0, 0, 0, 0);
    display:block
}

#kampyleButtonContainer {
    display:none
}

@media all and (min-width: 768px) {
    #kampyleButtonContainer {
        display:block
    }
}

@media print {
    #kampyleButtonContainer {
        display:none
    }
}

.kampyle_vertical_button {
    top:70% !important
}

.kampyle_vertical_button.kampyle_right .kampyle_button {
    border-radius: 4px;
    background: #da291c;
    color: #fff;
    border:solid 1px #b82318
}

body {
    position:relative !important
}

.espanol-toggle-header {
    display: none;
    text-align: right;
    height: 50px;
    background-color:#f3f3f3
}

.espanol-toggle-header a {
    line-height: 49px;
    display: inline-block;
    color: #4a4a4a;
    text-transform: uppercase;
    font-size: 1rem;
    background-image: url(/lib/images/svgs/globe.svg);
    background-repeat: no-repeat;
    background-position: right 14px;
    background-size: 20px;
    padding-right: 36px;
    margin-right:18px
}

.espanol-toggle-header a:hover {
    text-decoration-color:#4a4a4a
}

@media all and (min-width: 768px) {
    .espanol-toggle-header {
        display:block
    }
}

@media all and (min-width: 1024px) {
    .espanol-toggle-header {
        display:block
    }

    .espanol-toggle-header a {
        background-position: right 12px;
        background-size:22px
    }
}

.aep-brand-image {
    height: 44px;
    width:auto
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px 15px 5px 15px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    margin-right:-5px
}

@media all and (min-width: 375px) {
    .hamburger {
        margin-right:-15px
    }
}

@media all and (min-width: 768px) {
    .hamburger {
        display:none
    }
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color:#fff
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 22px;
    height:22px
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top:-2px
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 22px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color:#4a4a4a
}

.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: ""
}

.hamburger-inner:before {
    top:-8px
}

.hamburger-inner:after {
    bottom:-8px
}

.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-duration:75ms
}

.hamburger--squeeze .hamburger-inner:before {
    transition:top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
    transition:bottom 75ms ease .12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--squeeze:not(.collapsed) .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform:rotate(45deg)
}

.hamburger--squeeze:not(.collapsed) .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease, opacity 75ms ease .12s;
    opacity:0
}

.hamburger--squeeze:not(.collapsed) .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .12s;
    transform:rotate(-90deg)
}

.hamburger--squeeze:not(.collapsed) .hamburger-inner, .hamburger--squeeze:not(.collapsed) .hamburger-inner:after, .hamburger--squeeze:not(.collapsed) .hamburger-inner:before {
    width:26px
}

.aep-navbar {
    position: relative;
    background-color: #fff;
    border-bottom: solid 5px #da291c;
    padding-left: 0;
    padding-right: 0;
    z-index:15
}

.aep-navbar .container {
    justify-content:unset
}

.aep-navbar a {
    text-decoration: none;
    text-decoration-color:rgba(0, 0, 0, 0)
}

.aep-navbar a:hover {
    text-decoration:none
}

.aep-navbar .navbar-brand {
    margin-right:auto
}

.navbar-expand-md.navbar-nav.nav-link, .navbar-light .navbar-nav .nav-link {
    padding-left: 0;
    padding-right:0
}

.nav-link span {
    color: #4a4a4a;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    line-height: normal;
    transition:all .25s
}

.nav-link span:hover {
    border-bottom:2px solid #4a4a4a
}

.nav-item.show .nav-link span {
    border-bottom:2px solid #4a4a4a
}

.nav-item.show .nav-link:after {
    bottom: 100%;
    border: solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(218, 41, 28, 0);
    border-bottom-color: #da291c;
    border-width: 40px;
    margin-left: -40px;
    top: 40%;
    left:50%
}

@media all and (min-width: 1024px) {
    .nav-item.show .nav-link:after {
        top:50%
    }
}

.btn.btn-danger.btn-global-login, .btn.btn-danger.btn-global-logout {
    font-weight: 600;
    border-radius: 8px;
    margin-left: -5px;
    margin-right: 35px;
    padding: 0 27px;
    border-radius: 4px;
    font-size: .75rem;
    padding: 5px 16px;
    margin-right:20px
}

.btn-global-logout {
    position:relative
}

.btn-global-login {
    position:relative
}

.btn-global-login:not(.collapsed):after {
    content: "";
    height: 12px;
    width: 35px;
    position: absolute;
    pointer-events: none;
    margin-left: -18px;
    top: 43px;
    left: 50%;
    background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2212%22%20viewBox%3D%220%200%2034%2012%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23DA291C%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M249%2062L265.23%2073.5%20232.77%2073.5z%22%20transform%3D%22translate%28-232%20-62%29%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat:no-repeat
}

@media all and (min-width: 576px) {
    .btn-global-login:not(.collapsed):after {
        top:42px
    }
}

@media all and (min-width: 768px) {
    .btn-global-login:not(.collapsed):after {
        top:56px
    }
}

@media all and (min-width: 1024px) {
    .btn-global-login:not(.collapsed):after {
        top:75px
    }
}

@media all and (min-width: 576px) {
    .home .btn-global-login:not(.collapsed):after {
        top:41px
    }
}

@media all and (min-width: 768px) {
    .home .btn-global-login:not(.collapsed):after {
        top:53px
    }
}

@media all and (min-width: 1024px) {
    .home .btn-global-login:not(.collapsed):after {
        top:72px
    }
}

@media all and (min-width: 768px) {
    .btn.btn-danger.btn-global-login, .btn.btn-danger.btn-global-logout {
        margin-right:0
    }

    .login-sm, .logout-sm {
        display:none !important
    }
}

@media all and (min-width: 1024px) {
    .btn.btn-danger.btn-global-login, .btn.btn-danger.btn-global-logout {
        border-radius: 8px;
        font-size: 1.25rem;
        margin-left: -5px;
        padding: 0 27px;
        margin-right:10px
    }
}

.aep-breadcrumb-nav {
    background-color: rgba(0, 0, 0, 0);
    margin-top:1rem
}

.aep-breadcrumb-nav.home {
    display:none
}

.aep-breadcrumb {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding:5px 0 0
}

.aep-breadcrumb-item {
    margin-bottom: 0;
    font-size:.875rem
}

.aep-breadcrumb-item > a {
    text-decoration:none
}

.aep-breadcrumb-item > a:hover {
    text-decoration:none
}

.aep-breadcrumb-item > a span {
    border-bottom: solid 1px rgba(0, 0, 0, 0);
    transition:all .25s
}

.aep-breadcrumb-item > a span:hover {
    border-bottom: solid 1px #007bff;
    text-decoration:none
}

.aep-breadcrumb-item + .aep-breadcrumb-item {
    padding-left:0
}

.aep-breadcrumb-item + .aep-breadcrumb-item::before {
    content: "";
    padding:0
}

.aep-breadcrumb-item::after {
    color: #4a4a4a;
    content: "/";
    display: inline-block;
    padding-left: .5rem;
    padding-right:.5rem
}

.aep-breadcrumb-item:last-child::after {
    content: none;
    padding-left:0
}

.banner-container h1, .banner-container h4 {
    color: #fff;
    text-shadow:0 2px 15px rgba(0, 0, 0, .5)
}

.banner-container h1 {
    font-size: 1.875rem;
    line-height:2rem
}

.banner-container h1.color-white {
    color:#fff
}

.banner-container h1.dark-red {
    color:#af2218
}

.banner-container h4 {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight:300
}

.banner-container h4.color-white {
    color:#fff
}

.banner-container h4.dark-gray {
    color:#4a4a4a
}

.banner-container .swiper .h1 {
    line-height: 1;
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 1.125rem;
    display: block;
    color:#fff
}

.banner-container .swiper .h1 .text-xl {
    font-size: 2.125rem;
    display:inline-block
}

.banner-container.home h1 {
    font-size: 1.5rem;
    line-height: 1.6875rem;
    text-shadow: none;
    margin-bottom:5px
}

.banner-container.home a {
    font-size: 1rem;
    line-height: 1.125;
    text-shadow:none
}

.banner-container.home a:hover {
    text-decoration-color:#4a4a4a
}

.banner-container.home a .link-icon {
    display: inline-block;
    background-image: url("data:image/svg+xml, %3Csvg height='25' viewBox='0 0 25 25' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(175, 34, 24)' d='M12.5 0C19.404 0 25 5.596 25 12.5S19.404 25 12.5 25 0 19.404 0 12.5 5.596 0 12.5 0zm-1.276 6.52c-.497 0-.9.404-.9.9v9.326c0 .22.081.433.227.598.33.371.9.405 1.271.075l5.245-4.663c.027-.023.052-.048.075-.075.33-.371.297-.94-.075-1.27l-5.245-4.663c-.165-.146-.378-.227-.598-.227z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    margin-left: 5px;
    margin-bottom:-2px
}

.banner-container.home a.color-white {
    color:#fff
}

.banner-container.home a.color-white .link-icon {
    filter:grayscale(100%) sepia(100%) brightness(200%) saturate(0%) contrast(1000%)
}

.banner-container.home a.color-white:hover {
    text-decoration-color:#fff
}

.banner-container.home a.color-dark-gray {
    color:#4a4a4a
}

.banner-container.home a.color-dark-gray:hover {
    text-decoration-color:#4a4a4a
}

.banner-container.home a:visited.color-white {
    color:#fff
}

.banner-container.home a:visited.color-dark-gray {
    color:#4a4a4a
}

.banner-container .banner-form-container {
    background-color: rgba(255, 255, 255, .75);
    padding:30px
}

.banner-image {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 187px;
    overflow: hidden;
    background-position-x: 60%;
    background-position-y:center
}

.banner-image.swiper {
    height:187px
}

.banner-image.home {
    min-height: 187px;
    background-position-x:70%
}

.banner-image.home.swiper {
    height:187px
}

.banner-image-with-form {
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center
}

.navbar-expand-md > .container {
    padding-left: 20px;
    padding-right:20px
}

@media (min-width: 375px) {
    .navbar-expand-md > .container {
        padding-right: 30px;
        padding-left:30px
    }
}

@media (min-width: 1024px) {
    .navbar-expand-md > .container {
        padding-right: 50px;
        padding-left:50px
    }
}

@media (min-width: 1280px) {
    .navbar-expand-md > .container {
        padding-right: 70px;
        padding-left:70px
    }
}

@media all and (min-width: 375px) {
    .banner-container .swiper .h1 {
        margin-left: 10px;
        font-size:1.25rem
    }

    .banner-container .swiper .h1 .text-xl {
        font-size:2.5rem
    }
}

@media all and (min-width: 576px) {
    .aep-brand-image {
        height:41px
    }

    .aep-navbar {
        margin-bottom: 0;
        border-bottom:none
    }

    .aep-navbar.home {
        border-bottom:solid 5px #da291c
    }

    .aep-login-link-sm {
        display: block;
        margin-right: 52px;
        margin-left: auto;
        min-height:78px
    }

    .aep-breadcrumb-nav {
        margin-top: 0;
        background-color: #da291c;
        display: block;
        height: 45px;
        border-top: solid 5px #da291c;
        color:#fff
    }

    .aep-breadcrumb-nav .aep-breadcrumb-item {
        margin-bottom: 10px;
        font-size: 1rem;
        font-weight:bold
    }

    .aep-breadcrumb-nav .aep-breadcrumb-item > a {
        color:#fff
    }

    .aep-breadcrumb-nav .aep-breadcrumb-item > a span:hover {
        border-bottom:solid 1px #fff
    }

    .aep-breadcrumb-nav.home {
        display:none
    }

    .aep-breadcrumb-nav .aep-breadcrumb-item::after, .aep-breadcrumb-nav .aep-breadcrumb-item + .aep-breadcrumb-item::after {
        color:#fff
    }

    .aep-breadcrumb {
        margin: 0;
        padding:5px 0 0
    }

    .banner-container.home h1 {
        font-size: 1.875rem;
        line-height:1
    }

    .banner-image {
        min-height:220px
    }

    .banner-image.swiper {
        height:220px
    }

    .banner-image.home {
        min-height:240px
    }

    .banner-image.home.swiper {
        height:240px
    }

    .banner-container .swiper .h1 {
        margin-left: 20px;
        font-size:1.625rem
    }

    .banner-container .swiper .h1 .text-xl {
        font-size:3.25rem
    }
}

@media all and (min-width: 768px) {
    .aep-navbar {
        height: 100px;
        padding:0
    }

    .nav-link {
        font-size: 1rem;
        margin-right:20px
    }

    .banner-container h1 {
        font-size: 2.5rem;
        line-height:3rem
    }

    .banner-container h4 {
        font-size: 1.25rem;
        line-height:1.375rem
    }

    .banner-container.home .banner-contents {
        margin-top:-73px
    }

    .banner-container.home h1 {
        font-size: 2.5rem;
        line-height: 1;
        margin-bottom:7px
    }

    .banner-container.home a {
        font-size: 1.25rem;
        line-height:1.1
    }

    .banner-container.home a .link-icon {
        height: 17px;
        width:17px
    }

    .banner-container .swiper .h1 {
        margin-left: 30px;
        font-size:2rem
    }

    .banner-container .swiper .h1 .text-xl {
        font-size:4rem
    }

    .banner-container .banner-form-container {
        padding:40px 50px
    }

    .banner-image {
        min-height:260px
    }

    .banner-image.swiper {
        height:260px
    }

    .banner-image.home {
        min-height:332px
    }

    .banner-image.home.swiper {
        height:332px
    }

    .logout-sm {
        display:none
    }

    .logout-desktop {
        display:inline-block
    }
}

@media all and (min-width: 1024px) {
    .aep-brand-image {
        height:62px
    }

    .aep-navbar {
        height:125px
    }

    .nav-link {
        font-size: 1.125rem;
        margin-right:30px
    }

    .btn.btn-danger.btn-global-login {
        display:inline-block
    }

    .aep-breadcrumb {
        padding:.75rem 0
    }

    .aep-breadcrumb-nav {
        height:60px
    }

    .aep-breadcrumb-nav .aep-breadcrumb-item {
        font-size:1.125rem
    }

    .banner-container h1 {
        font-size: 3.4375rem;
        line-height:3.625rem
    }

    .banner-container h4 {
        font-size: 1.625rem;
        line-height:1.75rem
    }

    .banner-container.home .banner-contents {
        margin-top:-110px
    }

    .banner-container.home h1 {
        font-size: 4.125rem;
        line-height: .91;
        margin-bottom:10px
    }

    .banner-container.home a {
        font-size: 1.75rem;
        line-height:1.07
    }

    .banner-container.home a .link-icon {
        height: 20px;
        width:20px
    }

    .banner-container .swiper .h1 {
        margin-left: 40px;
        font-size:2.5rem
    }

    .banner-container .swiper .h1 .text-xl {
        font-size:5rem
    }

    .banner-container .visual-callout .visual-callout-content {
        left:30px
    }

    .banner-image {
        min-height:320px
    }

    .banner-image.swiper {
        height:320px
    }

    .banner-image.home {
        min-height:576px
    }

    .banner-image.home.swiper {
        height:576px
    }

    .banner-container .banner-form-container {
        padding:50px
    }
}

@media all and (min-width: 1100px) {
    .nav-link {
        font-size:1.25rem
    }
}

@media all and (min-width: 1280px) {
    .aep-brand-image {
        height:70px
    }

    .aep-navbar {
        height:125px
    }

    .nav-link {
        font-size: 1.25rem;
        margin-right:55px
    }

    .banner-container h1 {
        font-size: 4.125rem;
        line-height:4.25rem
    }

    .banner-container h4 {
        font-size: 1.75rem;
        line-height:1.875rem
    }

    .banner-container.home h1 {
        font-size: 4.125rem;
        line-height: .91;
        margin-bottom:10px
    }

    .banner-container.home a {
        font-size: 1.75rem;
        line-height:1.07
    }

    .banner-container.home .banner-contents {
        margin-top:-130px
    }

    .banner-container .swiper .h1 {
        margin-left: 50px;
        font-size:3rem
    }

    .banner-container .swiper .h1 .text-xl {
        font-size:6.125rem
    }

    .banner-container .visual-callout .visual-callout-content {
        left:40px
    }

    .banner-image {
        min-height:438px
    }

    .banner-image.swiper {
        height:438px
    }

    .banner-image.home {
        min-height:576px
    }

    .banner-image.home.swiper {
        height:576px
    }
}

.navbar .dropdown-toggle {
    position:relative
}

.navbar .dropdown-toggle:after {
    content: "";
}

.dropdown-container {
    margin: 0 0 30px 0;
    max-width:230px
}

.dropdown-container a.dropdown-item:hover {
    text-decoration:underline
}

.dropdown-menu {
    background: #f3f3f3;
    border-top: 10px solid #da291c;
    border-bottom: 2px solid #4a4a4a;
    border-radius: 0;
    box-shadow: 0px 5px 10px 0px rgba(74, 74, 74, .5);
    padding: 30px 50px;
    width:100%
}

@media all and (min-width: 1024px) {
    .dropdown-menu {
        padding:50px
    }
}

@media all and (min-width: 1280px) {
    .dropdown-menu {
        padding:50px 70px
    }
}

.dropdown-menu .sub-title a {
    color: #da291c;
    font-size: 1.25rem;
    font-weight:bold
}

.dropdown-menu .sub-title a.dropdown-item {
    padding-bottom:3px
}

.dropdown-menu .dropdown-item {
    color: #4a4a4a;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.25;
    padding: 0 0 12px 0;
    white-space:normal
}

.dropdown-menu .dropdown-item:active {
    background-color:rgba(0, 0, 0, 0)
}

@media all and (min-width: 1024px) {
    .dropdown-menu .dropdown-item {
        font-size:1.25rem
    }
}

.mobile-nav-container {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    border-left:solid 1px #ddd
}

.mobile-nav-container.collapsing {
    transition:height .45s ease
}

@media all and (min-width: 426px) {
    .mobile-nav-container {
        max-width:375px
    }
}

.mobile-nav-container .search-bar {
    padding: 20px 20px;
    background-color:#f3f3f3
}

@media all and (min-width: 375px) {
    .mobile-nav-container .search-bar {
        padding:20px 30px
    }
}

.mobile-nav-container .search-bar .search-form {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    border:solid 1px #4a4a4a
}

.mobile-nav-container .search-bar .search-form .search-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: rgba(0, 0, 0, 0) url(/lib/images/svgs/search.svg) no-repeat;
    background-size: 21px 21px;
    background-position: center center;
    cursor: pointer;
    border: none;
    margin-right:5px
}

.mobile-nav-container .search-bar .search-form .search-input {
    display: inline-block;
    height: 43px;
    font-size: 1rem;
    border: none;
    background-color:#fff
}

.mobile-nav-container .mobile-nav ul {
    list-style: none;
    padding-left: 0;
    margin-bottom:0
}

.mobile-nav-container .mobile-nav ul li.mobile-nav-item-container:after {
    content: " ";
    display: block;
    border-bottom:solid 1px #979797
}

.mobile-nav-container .mobile-nav ul li.mobile-nav-item-container:last-child:after {
    display:none !important
}

.mobile-nav-container .mobile-nav .mobile-nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#f3f3f3
}

.mobile-nav-container .mobile-nav .mobile-nav-item .nav-item-text {
    margin-right: 20px;
    width:100%
}

.mobile-nav-container .mobile-nav .mobile-nav-item .nav-item-text * {
    padding-top: 10px;
    padding-bottom:10px
}

.mobile-nav-container .mobile-nav .mobile-nav-item .nav-item-text a {
    width: 100%;
    display: block;
    color:#4a4a4a
}

.mobile-nav-container .mobile-nav .mobile-nav-item .nav-item-text a:focus {
    outline:none
}

.mobile-nav-container .mobile-nav .mobile-nav-item.selected .nav-item-text * {
    color:#da291c !important
}

.mobile-nav-container .mobile-nav .nav-item-expander {
    background-repeat: no-repeat;
    background-position: center center;
    border-left: solid 1px #979797;
    width: 80px;
    margin-left: auto;
    min-height: 35px;
    margin-right:-20px
}

@media all and (min-width: 375px) {
    .mobile-nav-container .mobile-nav .nav-item-expander {
        margin-right:-30px
    }
}

.mobile-nav-container .mobile-nav .level-1 > li.mobile-nav-item-container:first-child {
    border-top:solid 1px #979797
}

.mobile-nav-container .mobile-nav .level-1 > li.mobile-nav-item-container:last-child {
    border-bottom:solid 1px #979797
}

.mobile-nav-container .mobile-nav .level-1 .mobile-nav-item {
    min-height: 57px;
    background-color: #f3f3f3;
    padding:0 20px
}

@media all and (min-width: 375px) {
    .mobile-nav-container .mobile-nav .level-1 .mobile-nav-item {
        padding:0 30px
    }
}

.mobile-nav-container .mobile-nav .level-1 .mobile-nav-item .nav-item-text {
    font-size: 1.25rem;
    font-weight: 600;
    text-transform:uppercase
}

.mobile-nav-container .mobile-nav .level-1 .mobile-nav-item .nav-item-expander {
    background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%228%22%20viewBox%3D%220%200%2016%208%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20stroke%3D%22%23DA291C%22%20stroke-width%3D%222%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M327%20187L334%20193%20341%20187%22%20transform%3D%22translate%28-326%20-186%29%20rotate%28180%20334%20190%29%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.mobile-nav-container .mobile-nav .level-1 .mobile-nav-item.collapsed .nav-item-expander {
    background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%228%22%20viewBox%3D%220%200%2016%208%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M327%2082L334%2088%20341%2082%22%20transform%3D%22translate%28-326%20-1580%29%20translate%280%201499%29%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.mobile-nav-container .mobile-nav .level-2 li.mobile-nav-item-container {
    background-color:#fff
}

.mobile-nav-container .mobile-nav .level-2 li.mobile-nav-item-container:after {
    border-bottom: solid 1px #9e9fa1;
    margin:0 20px
}

@media all and (min-width: 375px) {
    .mobile-nav-container .mobile-nav .level-2 li.mobile-nav-item-container:after {
        margin:0 30px
    }
}

.mobile-nav-container .mobile-nav .level-2 .mobile-nav-item {
    min-height: 52px;
    background-color:#fff
}

.mobile-nav-container .mobile-nav .level-2 .mobile-nav-item .nav-item-text {
    font-size: 1rem;
    font-weight: 600;
    text-transform:uppercase
}

.mobile-nav-container .mobile-nav .level-2 .mobile-nav-item .nav-item-expander {
    background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%223%22%20viewBox%3D%220%200%2013%203%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%234A4A4A%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M338.47%20302.41L338.47%20300.25%20326.8%20300.25%20326.8%20302.41z%22%20transform%3D%22translate%28-326%20-300%29%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.mobile-nav-container .mobile-nav .level-2 .mobile-nav-item.collapsed .nav-item-expander {
    background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%234A4A4A%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M334.55%20359.2L334.55%20354.46%20339.32%20354.46%20339.32%20352.3%20334.55%20352.3%20334.55%20347.53%20332.39%20347.53%20332.39%20352.3%20327.65%20352.3%20327.65%20354.46%20332.39%20354.46%20332.39%20359.2z%22%20transform%3D%22translate%28-327%20-347%29%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.mobile-nav-container .mobile-nav .level-3 li.mobile-nav-item-container:after {
    border-bottom: solid 1px #ddd;
    border-bottom:none
}

.mobile-nav-container .mobile-nav .level-3 li.mobile-nav-item-container:last-child > .mobile-nav-item.collapsed {
    border:none
}

.mobile-nav-container .mobile-nav .level-3 > li.mobile-nav-item-container:last-child > .mobile-nav-item:not(.has-children) {
    border:none
}

.mobile-nav-container .mobile-nav .level-3 .mobile-nav-item {
    min-height: 47px;
    border-bottom: solid 1px #ddd;
    padding: 0;
    margin:0 20px
}

@media all and (min-width: 375px) {
    .mobile-nav-container .mobile-nav .level-3 .mobile-nav-item {
        margin:0 30px
    }
}

.mobile-nav-container .mobile-nav .level-3 .mobile-nav-item .nav-item-text {
    font-size: 1rem;
    font-weight: 300;
    text-transform:none
}

.mobile-nav-container .mobile-nav .level-4 .mobile-nav-item {
    min-height:44px
}

.mobile-nav-container .mobile-nav .level-4 .mobile-nav-item .nav-item-text {
    padding-left:20px
}

.mobile-nav-container .mobile-nav .level-5 .mobile-nav-item .nav-item-text {
    padding-left:40px
}

@media all and (min-width: 768px) {
    .mobile-nav-container {
        display:none
    }
}

.footer-icon-callouts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #f3f3f3;
    padding:25px 0
}

.footer-icon-callouts a.footer-callout {
    text-align: center;
    color: #4a4a4a;
    font-size: .75rem;
    text-transform: uppercase;
    padding: 14px 30px;
    display:flex
}

.footer-icon-callouts a.footer-callout:first-child {
    border-right: solid 1px #979799;
    padding-right:30px
}

.footer-icon-callouts a.footer-callout:last-child {
    padding-left:30px
}

.footer-icon-callouts a.footer-callout .ai {
    text-align: center;
    margin:0 auto
}

.footer-icon-callouts a.footer-callout .footer-callout-text {
    display: block;
    padding-left:10px
}

.footer-icon-callouts.is-texas a.footer-callout {
    border-bottom:solid 1px #979799
}

.footer-icon-callouts .espanol-toggle-menu {
    height: 50px;
    background-color: #f3f3f3;
    flex-basis: 100%;
    text-align:center
}

.footer-icon-callouts .espanol-toggle-menu a {
    line-height: 3.0625rem;
    display: inline-block;
    color: #4a4a4a;
    text-transform: uppercase;
    font-size: .75rem;
    background-image: url(/lib/images/svgs/globe.svg);
    background-repeat: no-repeat;
    background-position: left 11.5px;
    padding-left:34px
}

.mobile-nav-feedback a {
    display: block;
    text-align: center;
    background-color: #da291c;
    color: #fff;
    padding:14px 0
}

.mobile-nav-feedback a:hover {
    color:#fff
}

.accordion {
    margin-bottom:0px
}

.accordion dt, .accordion .table-accordion-header {
    background-color: #e4f4fd;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.15;
    margin-top: 10px;
    padding:19px
}

.accordion dt:first-child, .accordion .table-accordion-header:first-child {
    margin-top:0
}

@media all and (min-width: 768px) {
    .accordion dt, .accordion .table-accordion-header {
        font-size: 1.25rem;
        line-height: 1.3;
        padding:20px 30px
    }
}

@media all and (min-width: 1024px) {
    .accordion dt, .accordion .table-accordion-header {
        font-size: 1.75rem;
        line-height: 1.22;
        padding:28px 50px
    }
}

.accordion dt.collapsed .plus-minus-toggle:after, .accordion .table-accordion-header.collapsed .plus-minus-toggle:after {
    transform:rotate(90deg)
}

.accordion dt.collapsed .plus-minus-toggle:before, .accordion .table-accordion-header.collapsed .plus-minus-toggle:before {
    transform:rotate(180deg)
}

.accordion.bg-gray dt, .accordion.bg-gray .table-accordion-header {
    background-color:#f3f3f3
}

.accordion .accordion-header {
    max-width: 97%;
    padding-right:15px
}

.accordion dd {
    margin-bottom:0
}

.accordion dd .accordion-item {
    padding:20px
}

@media all and (min-width: 768px) {
    .accordion dd .accordion-item {
        padding:20px 30px 30px
    }
}

@media all and (min-width: 1024px) {
    .accordion dd .accordion-item {
        padding:20px 50px
    }
}

.plus-minus-toggle {
    cursor: pointer;
    display: inline-block;
    height: 15px;
    position: relative;
    width:15px
}

@media all and (min-width: 1024px) {
    .plus-minus-toggle {
        height: 20px;
        width:20px
    }
}

.plus-minus-toggle:before, .plus-minus-toggle:after {
    background: #4a4a4a;
    content: "";
    height: 4px;
    left: 0px;
    position: absolute;
    top: 5px;
    width: 15px;
    transition:transform 500ms ease
}

@media all and (min-width: 1024px) {
    .plus-minus-toggle:before, .plus-minus-toggle:after {
        height: 5px;
        top: 7px;
        width:19px
    }
}

.plus-minus-toggle:after {
    transform-origin:center
}

.table-accordion .table-accordion-content {
    padding:0
}

.table-accordion .table-accordion-row {
    margin-bottom: 0;
    padding:20px
}

@media all and (min-width: 768px) {
    .table-accordion .table-accordion-row {
        font-size: 1.25rem;
        line-height: 1.2;
        padding:20px 30px 30px
    }
}

@media all and (min-width: 1024px) {
    .table-accordion .table-accordion-row {
        padding:30px 50px
    }
}

.table-accordion-row:nth-child(even) {
    background-color:#f3f3f3
}

@media (min-width: 768px) {
    .account-block-wrapper .accordion .collapse {
        display:block
    }
}

.account-block-wrapper .abw-title {
    color: #af2218;
    text-transform: uppercase;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom:0
}

.account-block-wrapper .abw-title.abw-summary {
    font-size: 1.25rem;
    margin-top:0
}

@media (min-width: 768px) {
    .account-block-wrapper .abw-title.abw-summary {
        font-size:1.5rem
    }
}

@media (min-width: 1024px) {
    .account-block-wrapper .abw-title.abw-summary {
        font-size:2rem
    }
}

@media (min-width: 768px) {
    .account-block-wrapper .abw-title {
        font-size: 1.25rem;
        margin-top:2px
    }
}

@media (min-width: 1024px) {
    .account-block-wrapper .abw-title {
        font-size:1.5rem
    }
}

.account-block-wrapper .abw-open-accordion-icon {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    background-image: url("/lib/images/svgs/triangle-down.svg");
    height: 14px;
    width: 18px;
    margin-right:1px
}

.account-block-wrapper .abw-open-accordion-icon.open {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform:rotate(180deg)
}

.account-block-wrapper .abw-address-settings-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position:relative
}

.account-block-wrapper .abw-address, .account-block-wrapper .abw-multi-account {
    font-size:1rem
}

@media (min-width: 768px) {
    .account-block-wrapper .abw-address, .account-block-wrapper .abw-multi-account {
        font-size:1.125rem
    }
}

@media (min-width: 1024px) {
    .account-block-wrapper .abw-address, .account-block-wrapper .abw-multi-account {
        font-size:1.25rem
    }
}

.account-block-wrapper .abw-title-wrapper {
    display: flex;
    flex-direction: row;
    justify-content:space-between
}

.account-block-wrapper .abw-address {
    font-weight: 600;
    padding-right:30px
}

@media (min-width: 768px) {
    .account-block-wrapper .abw-address {
        margin-top:0
    }
}

.account-block-wrapper .abw-account-info {
    min-width:230px
}

@media (min-width: 768px) {
    .account-block-wrapper .abw-multi-account .abw-account-info {
        text-align:right
    }
}

@media (min-width: 768px) {
    .account-block-wrapper .abw-multi-account {
        display: flex;
        flex-direction: row;
        justify-content:space-between
    }
}

.account-block-wrapper .abw-dropdown-wrapper > .form-group.aep-custom {
    display: inline-block;
    min-height: 0;
    min-width: 100%;
    margin-bottom:0
}

.account-block-wrapper .abw-dropdown-wrapper > .form-group.aep-custom > select {
    margin-bottom:0
}

@media (min-width: 768px) {
    .account-block-wrapper .abw-dropdown-wrapper > .form-group.aep-custom {
        min-width:0
    }
}

.account-block-wrapper .abw-gear-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/lib/images/svgs/gear.svg");
    height: 20px;
    width: 20px;
    position: absolute;
    right: 0;
    top:2px
}

@media (min-width: 768px) {
    .account-block-wrapper .abw-gear-icon {
        position:static
    }
}

@media (min-width: 1024px) {
    .account-block-wrapper .abw-gear-icon {
        height: 25px;
        width:25px
    }
}

.account-block-wrapper .abw-link {
    text-decoration: none;
    text-transform:uppercase
}

.account-block-wrapper .abw-link > * {
    display: inline-block;
    vertical-align: middle;
    color: #4a4a4a;
    font-weight:600
}

.account-block-wrapper .abw-link .abw-gear-icon {
    margin-right:3px
}

.account-block-wrapper .abw-divider {
    border-top: 1px solid #9e9fa1;
    margin:20px 0 30px 0
}

@media (min-width: 768px) {
    .account-block-wrapper .abw-divider {
        border-top:2px solid #dcdcdc
    }
}

.alert-box {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
    border: 2px solid #af2218;
    padding: 15px;
    font-size: .875rem;
    line-height: 1.25;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-left:50px
}

.alert-box.br-none {
    border-radius:0
}

.alert-box .title {
    font-weight: 700;
    font-size: 1rem;
    color: #af2218;
    margin-bottom:3px
}

.alert-box .message {
    flex-basis: 100%;
    right:100px
}

.alert-box .icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 22px;
    width: 22px;
    left: 17px;
    position: absolute;
    -ms-flex-item-align: baseline;
    align-self: baseline;
    -webkit-print-color-adjust: exact !important;
    color-adjust:exact !important
}

.alert-box .dismiss {
    background-position: center center;
    background-repeat: no-repeat;
    height: 110px;
    width: 20px;
    right: 10px;
    position: absolute;
    -ms-flex-item-align: end;
    align-self: end;
    -webkit-print-color-adjust: exact !important;
    color-adjust:exact !important
}

.alert-box.dismiss {
    padding-right: 38px;
    pointer-events:none
}

.alert-box.dismiss a {
    pointer-events:auto
}

.alert-box.dismiss:after {
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    right: 10px;
    position: absolute;
    content: " ";
    background-image: url(/lib/images/svgs/x-symbol.svg);
    top: 18px;
    right: 20px;
    pointer-events:auto
}

.alert-box .dismiss.ai-x-symbol {
    background-size:14px
}

.alert-box .message {
    font-size:.875rem
}

.alert-box .icon.ai-bolt {
    background-size:14px 20px
}

.alert-box .icon.ai-alert-triangle, .alert-box .icon.ai-sad-face, .alert-box .icon.ai-clock, .alert-box .icon.ai-scam, .alert-box .icon.ai-success-check, .alert-box .icon.ai-checkmark-light, .alert-box .icon.ai-awkward-face {
    background-size:18px
}

.alert-box .icon.ai-announcement {
    background-size:25px
}

.alert-box.bg-orange, .alert-box.bg-light-orange, .alert-box.bg-red {
    border:none
}

.alert-box.bg-orange {
    background-color:#df6d00
}

.alert-box.bg-orange *, .alert-box.bg-orange .title {
    color:#fff
}

.alert-box.bg-orange * :hover, .alert-box.bg-orange .title:hover {
    text-decoration-color:#fff
}

.alert-box.bg-orange a {
    text-decoration-color:#fff
}

.alert-box.bg-orange.dismiss:after {
    filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)
}

.alert-box.bg-light-orange {
    background-color:#fcebd2
}

.alert-box.bg-light-orange .title {
    color:#df6d00
}

.alert-box.bg-red {
    background-color:#af2218
}

.alert-box.bg-red *, .alert-box.bg-red .title {
    color:#fff
}

.alert-box.bg-red * :hover, .alert-box.bg-red .title:hover {
    text-decoration-color:#fff
}

.alert-box.bg-red a {
    text-decoration-color:#fff
}

.alert-box.bg-red.dismiss:after {
    filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)
}

.alert-box.border-blue {
    border-color:#025a95
}

.alert-box.border-blue .title {
    color:#025a95
}

.alert-box.border-blue.dismiss:after {
    filter:invert(18%) sepia(85%) saturate(2810%) hue-rotate(189deg) brightness(93%) contrast(98%)
}

.alert-box.border-orange {
    border-color:orange
}

.alert-box.border-orange .title {
    color:#df6d00
}

.alert-box.border-orange.dismiss:after {
    filter:invert(44%) sepia(96%) saturate(2493%) hue-rotate(12deg) brightness(97%) contrast(102%)
}

.alert-box.border-green {
    border-color:#5ba400
}

.alert-box.border-green .title {
    color:#5ba400
}

.alert-box.border-green.dismiss:after {
    filter:invert(48%) sepia(30%) saturate(4387%) hue-rotate(56deg) brightness(101%) contrast(101%)
}

.alert-box.border-gray {
    border-color:#4a4a4a
}

.alert-box.border-gray .title {
    color:#4a4a4a
}

.alert-box.border-gray.dismiss:after {
    filter:invert(17%) sepia(57%) saturate(0%) hue-rotate(201deg) brightness(105%) contrast(70%)
}

.alert-box.bg-striped {
    background-repeat: no-repeat;
    background-position: -480px;
    background-image: url("/lib/images/svgs/background-stripes.svg")
}

.alert-box.bg-striped.bg-light-orange {
    background-image: url("/lib/images/svgs/background-stripes2.svg")
}

.alert-box.stacked {
    flex-wrap: wrap;
    align-items:flex-start
}

@media all and (min-width: 0) {
    .alert-box .icon {
        height:22px
    }

    .alert-box .icon.ai-announcement {
        background-size:20px
    }

    .alert-box .dismiss {
        height:140px
    }

    .alert-box .title {
        font-size: 1.125rem;
        padding-right:5px
    }
}

@media all and (min-width: 375px) {
    .alert-box.dismiss {
        padding-right:30px
    }

    .alert-box.dismiss:after {
        top:18px
    }

    .alert-box .icon {
        height: 20px;
        width:20px
    }

    .alert-box .icon.ai-announcement {
        background-size:20px
    }

    .alert-box .dismiss {
        height:110px
    }

    .alert-box .title {
        font-size: 1.125rem;
        padding-right:5px
    }
}

@media all and (min-width: 576px) {
    .alert-box .icon {
        height: 22px;
        width:22px
    }

    .alert-box .icon.ai-announcement {
        background-size:20px
    }

    .alert-box .dismiss {
        height:110px
    }

    .alert-box .title {
        font-size: 1.125rem;
        padding-right:5px
    }
}

@media all and (min-width: 768px) {
    .alert-box {
        min-height: 70px;
        flex-wrap: nowrap;
        padding: 15px 30px;
        padding-left:70px
    }

    .alert-box.dismiss:after {
        top:calc(50% - 10px)
    }

    .alert-box .title {
        font-size: 1.25rem;
        margin-bottom: 0;
        width: 35%;
        -ms-flex-item-align: center;
        align-self:center
    }

    .alert-box .icon {
        height: 25px;
        width: 25px;
        left:30px
    }

    .alert-box .dismiss {
        height: 40px;
        width: 25px;
        right:30px
    }

    .alert-box .dismiss.ai-x-symbol {
        background-size:18px
    }

    .alert-box .icon.ai-alert-triangle, .alert-box .icon.ai-sad-face, .alert-box .icon.ai-clock, .alert-box .icon.ai-scam, .alert-box .icon.ai-success-check, .alert-box .icon.ai-checkmark-light, .alert-box .icon.ai-awkward-face, .alert-box .icon.ai-announcement {
        background-size:24px
    }

    .alert-box .icon.ai-bolt {
        background-size:16px 22px
    }

    .alert-box .message {
        width: 55%;
        padding-left: 30px;
        font-size: 1rem;
        -ms-flex-item-align: center;
        align-self: center;
        flex-basis:initial
    }

    .alert-box.bg-striped {
        background-position:-320px 0%
    }

    .alert-box.stacked .message {
        margin-left: 0;
        padding-left: 0;
        width:100%
    }

    .alert-box.stacked .title {
        width:100%
    }
}

@media all and (min-width: 1024px) {
    .alert-box {
        min-height: 74px;
        padding-left:94px
    }

    .alert-box.dismiss {
        padding-right:50px
    }

    .alert-box.dismiss:after {
        top: calc(50% - 10px);
        right: 30px;
        height: 20px;
        width:20px
    }

    .alert-box .title {
        padding-left: 2px;
        font-size:1.5rem
    }

    .alert-box .message {
        font-size:1.125rem
    }

    .alert-box.stacked .message {
        width: 100%;
        padding-left:2px
    }

    .alert-box.bg-striped {
        background-position:-250px 0
    }

    .alert-box .icon {
        width: 35px;
        height: 35px;
        left: 40px;
        margin-top:-3px
    }

    .alert-box .dismiss {
        width: 20px;
        height: 50px;
        right: 40px;
        margin-top:-3px
    }

    .alert-box .dismiss.ai-x-symbol {
        background-size:20px
    }

    .alert-box .icon.ai-alert-triangle, .alert-box .icon.ai-sad-face, .alert-box .icon.ai-clock, .alert-box .icon.ai-scam, .alert-box .icon.ai-success-check, .alert-box .icon.ai-checkmark-light, .alert-box .icon.ai-awkward-face, .alert-box .icon.ai-announcement {
        background-size:35px
    }

    .alert-box .icon.ai-bolt {
        background-size:23px 33px
    }

    .alert-box.small-sized {
        padding-left:70px
    }

    .alert-box.small-sized .title {
        font-size:1.25rem
    }

    .alert-box.small-sized .message {
        font-size:1.125rem
    }

    .alert-box.small-sized .icon {
        left: 24px;
        height: 28px;
        width: 26px;
        margin-top:-2px
    }

    .alert-box.small-sized .dismiss {
        right: 24px;
        height: 28px;
        width: 26px;
        margin-top:-2px
    }

    .alert-box.small-sized .dismiss.ai-x-symbol {
        background-size:26px
    }

    .alert-box.small-sized .icon.ai-alert-triangle, .alert-box.small-sized .icon.ai-sad-face, .alert-box.small-sized .icon.ai-clock, .alert-box.small-sized .icon.ai-scam, .alert-box.small-sized .icon.ai-success-check, .alert-box.small-sized .icon.ai-checkmark-light, .alert-box.small-sized .icon.ai-awkward-face, .alert-box.small-sized .icon.ai-announcement {
        background-size:26px
    }

    .alert-box.small-sized .icon.ai-bolt {
        background-size:20px 28px
    }

    .alert-box.small-sized.bg-striped {
        background-position:-200px 0
    }
}

@media all and (min-width: 1280px) {
    .alert-box {
        min-height:80px
    }

    .alert-box .title {
        width:35%
    }

    .alert-box .message {
        width: 60%;
        font-size:1.25rem
    }

    .alert-box.stacked .message {
        width:100%
    }

    .alert-box.bg-light-orange, .alert-box.bg-orange, .alert-box.bg-red {
        background-position:-190px 0
    }

    .alert-box.small-sized.bg-striped {
        background-position:-200px
    }
}

.issue {
    border-bottom: solid #da291c 1px;
    padding-bottom: 30px;
    margin-bottom:30px
}

.issue h3, .issue h4, .issue .h3, .issue .h4 {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 25px;
    padding-left:40px
}

.issue .ai-warning-circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-size: 100%;
    background-repeat:no-repeat
}

.issue.no-border {
    border: none;
    padding-bottom:0
}

@media (min-width: 768px) {
    .issue {
        margin-bottom:40px
    }
}

@media (min-width: 1024px) {
    .issue {
        margin-bottom:60px
    }

    .issue h3 {
        min-height: 30px;
        padding-left:45px
    }

    .issue .ai-warning-circle {
        width: 30px;
        height:30px
    }
}

.opower-widget-error {
    margin-bottom:30px
}

@media (min-width: 1024px) {
    .opower-widget-error {
        margin-bottom:50px
    }
}

.storm-banner {
    border-bottom:solid 5px #025a95
}

.storm-banner .storm-banner-header {
    background-color: #025a95;
    color: #fff;
    height: 40px;
    display: flex;
    align-items: center;
    background-image: url(/lib/images/svgs/storm-texture.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size:300px
}

.storm-banner .storm-banner-header .ai-storm-cloud {
    background-image: url(/lib/images/svgs/storm-cloud.svg);
    background-repeat: no-repeat;
    height: 19px;
    width: 21px;
    display: inline-block;
    background-size:100%
}

.storm-banner .storm-banner-header .storm-banner-title {
    font-size: .875rem;
    margin-left: 10px;
    font-weight: 600;
    text-transform: uppercase;
    line-height:1.2
}

.storm-banner .storm-banner-body {
    font-size:.875rem
}

.storm-banner .storm-banner-body .storm-body-update {
    margin-bottom:6px
}

.storm-banner .storm-banner-body .storm-body-title {
    text-transform: uppercase;
    font-weight: 600;
    color: #4a4a4a;
    margin-bottom: 5px;
    display: block;
    line-height:1.14
}

.storm-banner .storm-banner-body .storm-body-title:visited, .storm-banner .storm-banner-body .storm-body-title:hover {
    color:#4a4a4a
}

.storm-banner .storm-banner-body .storm-body-title:hover {
    text-decoration-color:#4a4a4a
}

.storm-banner .storm-banner-body .storm-body-description {
    line-height:1.3
}

.storm-banner .storm-banner-body .storm-body-description p {
    margin-bottom:8px
}

@media all and (min-width: 375px) {
    .storm-banner .storm-banner-header .storm-banner-title {
        font-size:.875rem
    }
}

@media all and (min-width: 576px) {
    .storm-banner .storm-banner-header {
        background-position: -100px;
        background-size:400px
    }
}

@media all and (min-width: 768px) {
    .storm-banner .storm-banner-header {
        height: 50px;
        background-position: -5px;
        background-size:450px
    }

    .storm-banner .storm-banner-header .ai-storm-cloud {
        height: 22px;
        width:24px
    }

    .storm-banner .storm-banner-header .storm-banner-title {
        margin-left: 13px;
        font-size:1rem
    }

    .storm-banner .storm-banner-body {
        font-size: .875rem;
        line-height:1.43
    }

    .storm-banner .storm-banner-body .storm-body-description {
        margin-bottom:0px
    }
}

@media all and (min-width: 1024px) {
    .storm-banner .storm-banner-header {
        height: 60px;
        background-size:600px
    }

    .storm-banner .storm-banner-header .ai-storm-cloud {
        height: 32px;
        width:34px
    }

    .storm-banner .storm-banner-header .storm-banner-title {
        margin-left: 15px;
        font-size:1.25rem
    }

    .storm-banner .storm-banner-body {
        font-size: 1.125rem;
        line-height:1.11
    }

    .storm-banner .storm-banner-body .storm-body-update {
        margin-bottom:8px
    }
}

.imtop-banner .imtop-banner-header {
    background-color: #5ba400;
    color: #fff;
    min-height: 40px;
    display: flex;
    align-items: center;
    background-image: url(/lib/images/svgs/lightbulb-pattern.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 300px;
    padding:5px 0
}

.imtop-banner .imtop-banner-header .ai-info-dollar {
    background-image: url(/lib/images/svgs/info-dollar.svg);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: none;
    background-size:20px
}

.imtop-banner .imtop-banner-header .imtop-banner-title {
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height:1.1
}

.imtop-banner .imtop-banner-body {
    font-size: .875rem;
    line-height: 1;
    color:#fff
}

.imtop-banner .imtop-banner-body a {
    color: #fff;
    text-decoration-color:#fff
}

.imtop-banner .top-banner-text {
    display: flex;
    flex-wrap: wrap;
    flex-direction:column
}

@media all and (min-width: 375px) {
    .imtop-banner .imtop-banner-header .imtop-banner-title {
        font-size: .875rem;
        white-space:nowrap
    }
}

@media all and (min-width: 400px) {
    .imtop-banner .imtop-banner-header .ai-info-dollar {
        display:block
    }

    .imtop-banner .top-banner-text {
        margin-left:10px
    }
}

@media all and (min-width: 576px) {
    .imtop-banner .imtop-banner-header {
        background-position: -100px;
        background-size:400px
    }
}

@media all and (min-width: 768px) {
    .imtop-banner .imtop-banner-header {
        height: 50px;
        background-position: -5px;
        background-size:450px
    }

    .imtop-banner .top-banner-text {
        align-items: center;
        flex-direction: row;
        margin-left:13px
    }

    .imtop-banner .imtop-banner-header .ai-info-dollar {
        height: 25px;
        width: 25px;
        background-size:25px
    }

    .imtop-banner .imtop-banner-header .imtop-banner-title {
        font-size: 1rem;
        white-space:nowrap
    }

    .imtop-banner .imtop-banner-body {
        font-size: .875rem;
        line-height:1.43
    }
}

@media all and (min-width: 1024px) {
    .imtop-banner .imtop-banner-header {
        height: 60px;
        background-size:600px
    }

    .imtop-banner .imtop-banner-header .ai-info-dollar {
        height: 34px;
        width: 34px;
        background-size:34px
    }

    .imtop-banner .top-banner-text {
        margin-left:16px
    }

    .imtop-banner .imtop-banner-header .imtop-banner-title {
        font-size: 1.25rem;
        white-space:nowrap
    }

    .imtop-banner .imtop-banner-body {
        font-size: 1.25rem;
        line-height:1.11
    }
}

.generic-banner {
    background-color: #e4f4fd;
    color: #4a4a4a;
    min-height: 40px;
    display: flex;
    align-items: center;
    padding:6px 0 5px
}

.generic-banner .top-banner-body a {
    color: #0073a8;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-top:2px
}

.generic-banner .top-banner-body a::after {
    background-image: url(/lib/images/svgs/chevron-greater-than.svg);
    display: block;
    position: relative;
    width: 5px;
    height: 9px;
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    filter: brightness(0) saturate(100%) invert(26%) sepia(61%) saturate(3087%) hue-rotate(180deg) brightness(90%) contrast(101%);
    margin-top:-2px
}

.generic-banner .top-banner-body a:hover {
    text-decoration-color: #0056b3;
    color:#0056b3
}

.generic-banner .top-banner-body a:hover::after {
    filter:brightness(0) saturate(100%) invert(17%) sepia(98%) saturate(2611%) hue-rotate(200deg) brightness(95%) contrast(102%)
}

.generic-banner .top-banner-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .75rem;
    line-height:1
}

.generic-banner .top-banner-body {
    flex-basis: 100%;
    display: block;
    width: 100%;
    line-height: 1.1;
    font-size:.75rem
}

.generic-banner .ai-alert-triangle {
    display:none
}

.generic-banner .dismiss {
    background-position: center center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    right: 10px;
    position: absolute;
    content: " ";
    background-image: url(/lib/images/svgs/x-symbol.svg);
    pointer-events: auto;
    filter:invert(17%) sepia(57%) saturate(0%) hue-rotate(201deg) brightness(105%) contrast(70%)
}

.generic-banner .dismiss.ai-x-symbol {
    background-size:14px
}

@media all and (min-width: 375px) {
    .generic-banner .top-banner-title {
        font-size:.875rem
    }

    .generic-banner .top-banner-body {
        font-size:.875rem
    }

    .generic-banner .top-banner-body a {
        margin-top:0px
    }

    .generic-banner .top-banner-body a::after {
        margin-top:0px
    }
}

@media all and (min-width: 576px) {
    .generic-banner {
        padding:6px 0
    }

    .generic-banner .ai-alert-triangle {
        display: block;
        width: 19px;
        height: 15px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position:center center
    }

    .generic-banner .top-banner-body {
        line-height: 1.1;
        font-size:.875rem
    }

    .generic-banner .dismiss {
        right:20px
    }
}

@media all and (min-width: 768px) {
    .generic-banner {
        height:50px
    }

    .generic-banner .ai-alert-triangle {
        width: 25px;
        height:20px
    }

    .generic-banner .top-banner-title {
        margin-right: 20px;
        font-size: 1rem;
        white-space:nowrap
    }

    .generic-banner .top-banner-body {
        font-size: .875rem;
        line-height: 1.43;
        width: auto;
        flex-basis:initial
    }
}

@media all and (min-width: 1024px) {
    .generic-banner {
        height:60px
    }

    .generic-banner .ai-alert-triangle {
        width: 35px;
        height: 28px;
        background-size:28px 35px
    }

    .generic-banner .dismiss {
        width: 16px;
        height:16px
    }

    .generic-banner .top-banner-body a {
        margin-top:2px
    }

    .generic-banner .top-banner-body a::after {
        width: 6px;
        height: 13px;
        margin-left:14px
    }

    .generic-banner .top-banner-title {
        font-size: 1.25rem;
        white-space: nowrap;
        margin-right:30px
    }

    .generic-banner .top-banner-body {
        font-size: 1.125rem;
        line-height:1.11
    }
}

@media all and (min-width: 1440px) {
    .generic-banner {
        height:60px
    }
}

a.link-w-icon {
    display: flex;
    align-items: center;
    color: #4a4a4a;
    font-weight:600
}

a.link-w-icon:hover {
    text-decoration-color:#4a4a4a
}

a.link-w-icon .link-icon {
    display: inline-block;
    background-image: url("data:image/svg+xml, %3Csvg height='25' viewBox='0 0 25 25' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(175, 34, 24)' d='M12.5 0C19.404 0 25 5.596 25 12.5S19.404 25 12.5 25 0 19.404 0 12.5 5.596 0 12.5 0zm-1.276 6.52c-.497 0-.9.404-.9.9v9.326c0 .22.081.433.227.598.33.371.9.405 1.271.075l5.245-4.663c.027-.023.052-.048.075-.075.33-.371.297-.94-.075-1.27l-5.245-4.663c-.165-.146-.378-.227-.598-.227z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    margin-left:10px
}

.icon-block-quote {
    position: relative;
    min-height: 40px;
    margin-top: 20px;
    display:flex
}

@media all and (min-width: 768px) {
    .icon-block-quote {
        min-height: 60px;
        margin-top:30px
    }
}

@media all and (min-width: 1024px) {
    .icon-block-quote {
        min-height:80px
    }
}

.icon-block-quote .ibq-icon-wrapper {
    position: absolute;
    display: flex;
    height:100%
}

@media all and (min-width: 768px) {
    .icon-block-quote .ibq-icon-wrapper {
        align-items:center
    }
}

.icon-block-quote .ibq-icon-wrapper .ai {
    background-position: center;
    height: 40px;
    margin-top: 5px;
    padding: 0 0 0 40px;
    width:40px
}

@media all and (min-width: 768px) {
    .icon-block-quote .ibq-icon-wrapper .ai {
        height: 60px;
        margin-top: 2px;
        padding: 0 0 0 85px;
        width:60px
    }
}

@media all and (min-width: 1024px) {
    .icon-block-quote .ibq-icon-wrapper .ai {
        height: 80px;
        margin-top: 0;
        padding: 0 0 0 105px;
        width:80px
    }
}

.icon-block-quote .ibq-icon-wrapper .ai.ibq-icon-reduced {
    height:35px
}

@media all and (min-width: 768px) {
    .icon-block-quote .ibq-icon-wrapper .ai.ibq-icon-reduced {
        height: 50px;
        width:50px
    }
}

@media all and (min-width: 1024px) {
    .icon-block-quote .ibq-icon-wrapper .ai.ibq-icon-reduced {
        height: 70px;
        width:70px
    }
}

.icon-block-quote .ibq-text {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 40px;
    padding-left:60px
}

.icon-block-quote .ibq-text .h3, .icon-block-quote .ibq-text .h4, .icon-block-quote .ibq-text .h5 {
    color:#4a4a4a
}

.icon-block-quote .ibq-text .h3 a, .icon-block-quote .ibq-text .h4 a, .icon-block-quote .ibq-text .h5 a {
    color:#4a4a4a
}

.icon-block-quote .ibq-text .h3 a:hover, .icon-block-quote .ibq-text .h4 a:hover, .icon-block-quote .ibq-text .h5 a:hover {
    text-decoration-color:#4a4a4a
}

@media all and (min-width: 768px) {
    .icon-block-quote .ibq-text {
        padding: 0 0 0 105px;
        min-height:60px
    }

    .icon-block-quote .ibq-text .h5 {
        line-height:1.5
    }
}

@media all and (min-width: 1024px) {
    .icon-block-quote .ibq-text {
        padding: 0 0 0 135px;
        min-height:80px
    }
}

.icon-block-quote.ibq-reduced-space {
    margin-top:5px
}

.icon-block-quote.ibq-reduced-space .ai {
    height:35px
}

@media all and (min-width: 768px) {
    .icon-block-quote.ibq-reduced-space .ai {
        padding: 0;
        height: 45px;
        width:45px
    }
}

@media all and (min-width: 1024px) {
    .icon-block-quote.ibq-reduced-space .ai {
        padding: 0;
        height: 60px;
        width:60px
    }
}

@media all and (min-width: 768px) {
    .icon-block-quote.ibq-reduced-space .ibq-text {
        padding-left:80px
    }
}

@media all and (min-width: 1024px) {
    .icon-block-quote.ibq-reduced-space .ibq-text {
        padding-left:90px
    }
}

.icon-block-quote.ibq-align-start .ibq-icon-wrapper, .icon-block-quote.ibq-align-start .ibq-text {
    align-items:baseline
}

@media all and (min-width: 768px) {
    .icon-block-quote.ibq-align-start .ibq-icon-wrapper, .icon-block-quote.ibq-align-start .ibq-text {
        align-items:baseline
    }
}

.border-thick {
    border-width:12px !important
}

.border-duckegg {
    border-color:#e4f4fd !important
}

.border-dark-blue {
    border-color:#025a95 !important
}

.border-teal {
    border-color:#01a3b0 !important
}

.border-orange {
    border-color:#df6d00 !important
}

.border-green {
    border-color:#5ba400 !important
}

button:focus {
    outline:none
}

.btn {
    border: none;
    border-radius: 4px;
    font-size: 1.1875rem;
    line-height: 2;
    padding:0 20px
}

.btn.btn-min-w {
    min-width:160px
}

.btn.btn-primary {
    background-color: #025a95;
    color: #fff;
    border:1px solid #025a95
}

.btn.btn-primary:hover {
    background-color: #009cde;
    color: #fff;
    border:1px solid #009cde
}

.btn.btn-primary:focus, .btn.btn-primary.focus {
    box-shadow:none
}

.btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active {
    background-color: #009cde;
    border:1px solid #009cde
}

.btn.btn-primary:disabled, .btn.btn-primary:disabled:active, .btn.btn-primary:disabled:hover, .btn.btn-primary:disabled:focus {
    background-color: #025a95;
    color: #fff;
    border: 1px solid #025a95;
    opacity: .4;
    cursor:auto
}

.btn.btn-secondary, .btn.btn-default {
    color: #4a4a4a;
    background-color: rgba(255, 255, 255, .23);
    border:solid 1px #4a4a4a
}

.btn.btn-secondary:hover, .btn.btn-default:hover {
    background-color: #4a4a4a;
    color:#fff
}

.btn.btn-secondary-white {
    color: #fff;
    background-color: rgba(255, 255, 255, .2);
    border:solid 1px #fff
}

.btn.btn-secondary-white:hover {
    color: #4a4a4a;
    background-color:#fff
}

.btn.btn-secondary-white-bg {
    color: #4a4a4a;
    background-color: #fff;
    border:solid 1px #4a4a4a
}

.btn.btn-secondary-white-bg:hover {
    color: #4a4a4a;
    background-color:#f3f3f3
}

.btn.btn-bar {
    color: #4a4a4a;
    width: 100%;
    display: block;
    background-color: #f3f3f3;
    margin-bottom: 40px;
    margin-top: 22px;
    font-family: din-2014, Arial, Roboto, sans-serif;
    font-weight: 600;
    border:solid 1px #f3f3f3
}

.btn.btn-bar::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-left: 8px solid #4a4a4a;
    display: inline-block;
    top: 4px;
    position: relative;
    margin-left: 16px;
    border-radius:20%
}

.btn.btn-bar:hover {
    border:solid 1px #4a4a4a
}

.btn.btn-bar.arrow-down::after {
    border-top: 8px solid #4a4a4a;
    border-right: 11px solid rgba(0, 0, 0, 0);
    border-left: 11px solid rgba(0, 0, 0, 0);
    top:9px
}

.btn.btn-bar.arrow-up::after {
    border-bottom: 8px solid #4a4a4a;
    border-right: 11px solid rgba(0, 0, 0, 0);
    border-left: 11px solid rgba(0, 0, 0, 0);
    top:0px
}

.btn.btn-print {
    display: inline-flex;
    align-items:center
}

.btn.btn-print .ai-print {
    margin-left: -10px;
    margin-right:13px
}

.btn.btn-print.btn-secondary:hover .ai-print, .btn.btn-print.btn-secondary:active .ai-print, .btn.btn-print.btn-primary .ai-print {
    filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)
}

.btn-underline {
    border: 1px solid #4a4a4a;
    border-radius: 5px;
    color: #4a4a4a;
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
    padding:10px 30px
}

.btn-underline:hover {
    text-decoration-color: #4a4a4a;
    color:#4a4a4a
}

@media (min-width: 768px) {
    .btn-underline {
        margin:0
    }
}

.btn-underline.contains-icon {
    color: inherit;
    position:relative
}

.btn-underline.contains-icon .btn-text {
    padding-left: 36px;
    text-transform: uppercase;
    white-space:nowrap
}

.btn-underline.contains-icon .btn-document-icon {
    left: 30px;
    top: 11px;
    position: absolute;
    font-size: 1rem;
    text-transform: uppercase;
    max-width: 300px;
    height: 24px;
    width: 24px;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    transition:all .25s
}

@media all and (min-width: 576px) {
    .btn {
        font-size: 1.375rem;
        line-height: 2;
        padding:0 25px
    }

    .btn.btn-inline {
        font-size: 1.1875rem;
        line-height:2
    }

    .btn.btn-bar {
        line-height:44px
    }
}

@media all and (min-width: 768px) {
    .btn.btn-inline {
        font-size: 1.625rem;
        line-height:2.24
    }
}

@media all and (min-width: 1024px) {
    .btn {
        font-size: 1.5rem;
        line-height: 2.25;
        padding:0 26px
    }

    .btn.btn-inline {
        font-size: 1.625rem;
        line-height:2.24
    }

    .btn.width-100 {
        width:100%
    }

    .btn.btn-bar {
        line-height:48px
    }

    .btn.btn-bar::after {
        border-top: 12px solid rgba(0, 0, 0, 0);
        border-bottom: 12px solid rgba(0, 0, 0, 0);
        border-left:10px solid #4a4a4a
    }

    .btn.btn-bar.arrow-down::after {
        border-top: 10px solid #4a4a4a;
        border-right: 13px solid rgba(0, 0, 0, 0);
        border-left: 13px solid rgba(0, 0, 0, 0);
        top:10px
    }

    .btn.btn-bar.arrow-up::after {
        border-bottom: 10px solid #4a4a4a;
        border-right: 13px solid rgba(0, 0, 0, 0);
        border-left: 13px solid rgba(0, 0, 0, 0);
        top:0px
    }
}

@media all and (min-width: 1280px) {
    .btn {
        font-size: 1.625rem;
        line-height: 2.3077;
        padding:0 30px
    }
}

.btn-group {
    display: flex;
    border: 1px solid #4a4a4a;
    border-radius: 4px;
    padding:5px
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 4;
    border-bottom-right-radius:4
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 4;
    border-bottom-left-radius:4
}

.btn-group .btn {
    color: #4a4a4a;
    background-color: #f3f3f3;
    border: solid 1px rgba(0, 0, 0, 0);
    display: flex;
    flex: 1 1 auto !important;
    font-size: .875rem;
    margin-right: 5px;
    border-radius: 4px !important;
    height: 40px;
    text-align: center;
    line-height: 1.5;
    padding-right: 10px;
    padding-left:10px
}

.btn-group .btn:hover {
    color: #fff;
    background-color:#4a4a4a
}

.btn-group .btn.selected {
    color: #fff;
    background-color:#007bff
}

.btn-group .btn.selected:hover {
    background-color:#025a95
}

.btn-group .btn > span {
    display: flex;
    align-self: center;
    margin:4px auto
}

.btn-group .btn:last-child {
    margin-right:0
}

@media all and (min-width: 576px) {
    .btn-group .btn-icon {
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        margin:0 5px 0
    }

    .btn-group .btn {
        padding-right: 15px;
        padding-left:15px
    }

    .btn-group .btn-icon.phone {
        background-image: url("/lib/images/svgs/btn-grp-phone.svg")
    }

    .btn-group .selected .btn-icon.phone, .btn-group .btn:hover .btn-icon.phone {
        background-image: url("/lib/images/svgs/btn-grp-phone-white.svg")
    }

    .btn-group .btn-icon.address {
        background-image: url("/lib/images/svgs/btn-grp-address.svg")
    }

    .btn-group .selected .btn-icon.address, .btn-group .btn:hover .btn-icon.address {
        background-image: url("/lib/images/svgs/btn-grp-address-white.svg")
    }

    .btn-group .btn-icon.meter {
        background-image: url("/lib/images/svgs/btn-grp-meter.svg")
    }

    .btn-group .selected .btn-icon.meter, .btn-group .btn:hover .btn-icon.meter {
        background-image: url("/lib/images/svgs/btn-grp-meter-white.svg")
    }

    .btn-group .btn-icon.account {
        background-image: url("/lib/images/svgs/btn-grp-account.svg")
    }

    .btn-group .selected .btn-icon.account, .btn-group .btn:hover .btn-icon.account {
        background-image: url("/lib/images/svgs/btn-grp-account-white.svg")
    }
}

@media all and (min-width: 768px) {
    .btn-group .btn {
        padding-right: 20px;
        padding-left:20px
    }
}

@media all and (min-width: 1024px) {
    .btn-group .btn-icon {
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
        margin:0 5px 0
    }

    .btn-group .btn {
        font-size: 1rem;
        height: 50px;
        line-height: 1.9;
        padding-right: 25px;
        padding-left:25px
    }
}

#glossary-card-container h2 {
    margin:20px 0 30px 0
}

@media (min-width: 1024px) {
    #glossary-card-container h2 {
        margin:40px 0 30px 0
    }
}

#glossary-card-container .glossary-card {
    padding:15px
}

@media (min-width: 1024px) {
    #glossary-card-container .glossary-card {
        padding:30px 0 30px 30px
    }
}

#glossary-card-container .glossary-card:nth-child(odd) {
    background-color:#f3f3f3
}

#glossary-card-container .glossary-card h3 {
    margin-top:.75rem
}

@media (min-width: 768px) and(max-width: 1024px) {
    #glossary-card-container .glossary-card h3 {
        margin-top:.8125rem
    }
}

@media (min-width: 1024px) {
    #glossary-card-container .glossary-card h3 {
        margin-top:0
    }
}

.carousel {
    background-color: #f3f3f3;
    margin: 0 -30px;
    height: 250px;
    max-height:250px
}

.carousel-paragraph-above {
    margin-top:calc(30px - .75em)
}

.carousel-h1-above, .carousel-h2-above {
    margin-top:calc(30px - .25em)
}

.carousel-inner {
    padding:34px 45px
}

.carousel-item {
    backface-visibility:unset
}

.carousel-item p {
    font-size: 1.5rem;
    line-height: 1.33;
    text-align:center
}

.carousel-indicators {
    bottom: 34px;
    margin:0 auto
}

.carousel-indicators li {
    background-color: #9e9fa1;
    height: 14px;
    width: 14px;
    margin-left: 8px;
    margin-right: 9px;
    border-radius: 50%;
    background-clip: unset;
    border: none;
    opacity:1
}

.carousel-indicators li:hover {
    opacity:.6
}

.carousel-indicators .active {
    background-color:#025a95
}

.carousel-indicators .active:hover {
    opacity:1
}

@media all and (min-width: 576px) {
    .carousel {
        margin-left: 0;
        margin-right: 0;
        height: 200px;
        max-height:200px
    }

    .carousel-inner {
        padding:34px 62px
    }

    .carousel-item p {
        font-size: 1.625rem;
        line-height:1.38
    }

    .carousel-indicators li {
        height: 14px;
        width:14px
    }
}

@media all and (min-width: 768px) {
    .carousel {
        height: 250px;
        max-height:250px
    }

    .carousel-paragraph-above {
        margin-top:calc(75px - .75em)
    }

    .carousel-h1-above {
        margin-top:calc(75px - .25em)
    }

    .carousel-inner {
        padding:44px 62px
    }

    .carousel-indicators li {
        height: 16px;
        width:16px
    }
}

@media all and (min-width: 1024px) {
    .carousel-paragraph-above {
        margin-top:calc(100px - .75em)
    }

    .carousel-h1-above {
        margin-top:calc(100px - .25em)
    }

    .carousel-inner {
        padding:54px 74px
    }

    .carousel-item p {
        font-size: 2.25rem;
        line-height:1.24
    }

    .carousel-indicators li {
        height: 18px;
        width:18px
    }
}

@media all and (max-width: 363px) {
    .carousel-inner {
        padding:34px 25px
    }

    .carousel-item p {
        font-size:1.375rem
    }
}

.context-nav-container .cnc-header {
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 0;
    color: #025a95;
    font-size:1.75rem
}

@media all and (min-width: 768px) {
    .context-nav-container .cnc-header {
        padding:0 25px
    }
}

@media all and (min-width: 1024px) {
    .context-nav-container .cnc-header {
        padding:0 26px
    }
}

@media all and (min-width: 1280px) {
    .context-nav-container .cnc-header {
        padding:0 30px
    }
}

.context-nav-container .cnc-header-icon {
    display: inline-block;
    height: 38px;
    width:36px
}

@media all and (min-width: 1024px) {
    .context-nav-container .cnc-header-icon {
        height: 48px;
        width:45px
    }
}

@media all and (min-width: 1280px) {
    .context-nav-container .cnc-header-icon {
        height: 64px;
        width:62px
    }
}

.context-nav-container .cnc-links-wrapper {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-wrap:wrap
}

@media all and (min-width: 768px) {
    .context-nav-container .cnc-links-wrapper {
        padding-left: 71px;
        padding-right:60px
    }
}

@media all and (min-width: 1024px) {
    .context-nav-container .cnc-links-wrapper {
        padding-left: 84px;
        padding-right:0
    }
}

@media all and (min-width: 1280px) {
    .context-nav-container .cnc-links-wrapper {
        padding-left: 102px;
        padding-right:306px
    }
}

.context-nav-container .cnc-link {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #4a4a4a;
    padding: 0;
    text-transform:uppercase
}

.context-nav-container .cnc-link:last-child {
    border-bottom:none
}

@media all and (min-width: 768px) {
    .context-nav-container .cnc-link:last-child {
        border-bottom:1px solid #4a4a4a
    }
}

.context-nav-container .cnc-link > a {
    padding: 15px 10px 15px 47px;
    line-height: 1.2;
    color: #4a4a4a;
    font-weight: 600;
    display: block;
    text-decoration:none
}

.context-nav-container .cnc-link > a:hover {
    text-decoration:none
}

.context-nav-container .cnc-link > a:hover span {
    text-decoration: underline;
    text-decoration-color:#4a4a4a
}

@media all and (min-width: 576px) {
    .context-nav-container .cnc-link > a {
        padding-right:15px
    }
}

@media all and (min-width: 768px) {
    .context-nav-container .cnc-link > a {
        padding:15px 0
    }
}

@media all and (min-width: 768px) {
    .context-nav-container .cnc-link {
        padding-right: 0;
        margin-right: 15px;
        flex: 0 0 calc(50% - 15px);
        max-width:calc(50% - 15px)
    }
}

@media all and (min-width: 1024px) {
    .context-nav-container .cnc-link {
        margin-right: 30px;
        flex: 0 0 calc(50% - 30px);
        max-width:calc(50% - 30px)
    }
}

@media all and (min-width: 1280px) {
    .context-nav-container .cnc-link {
        margin-right: 30px;
        flex: 0 0 calc(50% - 30px);
        max-width:calc(50% - 30px)
    }
}

.form-processing-overlay {
    display: none;
    position: fixed;
    z-index: 2000;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color:rgba(255, 255, 255, .75)
}

.form-processing-overlay .fpo-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column
}

.form-processing-overlay .fpo-text {
    text-align: center;
    margin-top:20px
}

.form-processing-overlay .fpo-text h2 {
    margin-bottom:0
}

.bordered-form {
    border: 8px solid #e4f4fd;
    box-sizing: padding-box;
    padding:28px 18px
}

.bordered-form.border-bottom-none {
    border-bottom:none
}

@media (min-width: 768px) {
    .bordered-form {
        padding:38px 28px
    }
}

@media (min-width: 1024px) {
    .bordered-form {
        padding: 48px;
        border-width:12px
    }
}

.bordered-form .ux-radios + span.invalid-feedback {
    margin-left:15px
}

.bordered-form .ux-radios + span.invalid-feedback, .bordered-form .ux-checkboxes + span.invalid-feedback, .bordered-form .chips + span.invalid-feedback, .bordered-form .check + span.invalid-feedback, .bordered-form .radio + span.invalid-feedback {
    position: relative;
    top:-10px
}

.bordered-form span.invalid-feedback[style * =inline] {
    display:block !important
}

.form-group.aep-custom {
    position: relative;
    display: block;
    min-height: 3.75rem;
    margin-bottom:.625rem
}

.form-group.aep-custom.contains-textarea {
    min-height:11.5rem
}

@media all and (min-width: 768px) {
    .form-group.aep-custom.contains-textarea {
        min-height:12.3125rem
    }
}

.form-group.aep-custom input, .form-group.aep-custom select, .form-group.aep-custom textarea {
    border-color: #4a4a4a;
    margin-bottom:5px
}

.form-group.aep-custom input:focus, .form-group.aep-custom input:active, .form-group.aep-custom select:focus, .form-group.aep-custom select:active, .form-group.aep-custom textarea:focus, .form-group.aep-custom textarea:active {
    outline: none;
    box-shadow: inset 0 0 0 1px #009cde;
    border-color:#009cde
}

.form-group.aep-custom input:hover, .form-group.aep-custom select:hover, .form-group.aep-custom textarea:hover {
    border-color:#009cde
}

@media all and (min-width: 768px) {
    .form-group.aep-custom input, .form-group.aep-custom select, .form-group.aep-custom textarea {
        margin-bottom:7px
    }
}

.form-group.aep-custom input, .form-group.aep-custom select {
    height:40px
}

@media all and (min-width: 768px) {
    .form-group.aep-custom input, .form-group.aep-custom select {
        height: 60px;
        margin-bottom:7px
    }
}

.form-group.aep-custom textarea {
    height:125px
}

.form-group.aep-custom textarea::placeholder {
    color: #4a4a4a;
    opacity:1
}

.form-group.aep-custom textarea:-ms-input-placeholder {
    color:#4a4a4a
}

.form-group.aep-custom textarea::-ms-input-placeholder {
    color:#4a4a4a
}

.form-group.aep-custom select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 2rem;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6' viewBox='0 0 14 6'%3E%3Cpath fill-rule='evenodd' d='M7 6L0 0 14 0z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;
    background-size:14px 6px
}

.form-group.aep-custom select:hover {
    cursor:pointer
}

.form-group.aep-custom .form-control.is-invalid {
    border-color: #da291c;
    box-shadow:inset 0 0 0 1px #da291c
}

.form-group.aep-custom input.form-control.is-valid, .form-group.aep-custom input.form-control.is-invalid, .form-group.aep-custom textarea.form-control.is-valid, .form-group.aep-custom textarea.form-control.is-invalid {
    background-image: none;
    background-size:1.25rem 1.25rem
}

@media all and (min-width: 768px) {
    .form-group.aep-custom input.form-control.is-valid, .form-group.aep-custom input.form-control.is-invalid, .form-group.aep-custom textarea.form-control.is-valid, .form-group.aep-custom textarea.form-control.is-invalid {
        background-size:1.6875rem 1.6875rem
    }
}

.form-group.aep-custom input.form-control.is-valid.has-formatting {
    border-color: #5ba400;
    box-shadow: inset 0 0 0 1px #5ba400;
    background-image: url("/lib/images/svgs/emoji-valid-happy-face.svg")
}

.form-group.aep-custom input.form-control.is-invalid.has-formatting.has-value {
    background-image: url("/lib/images/svgs/emoji-invalid-sad-face.svg")
}

.form-group.aep-custom .input-group > .form-control:not(:last-child), .form-group.aep-custom .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius:.25rem
}

.form-group.aep-custom label {
    margin-bottom:10px
}

.form-group.aep-custom.moveable-label label {
    position: absolute;
    z-index: 4;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    pointer-events: none;
    white-space: nowrap;
    top: 10px;
    left: 10px;
    font-size: .875rem;
    padding: 0 3px;
    min-width:calc(100% - 2.5rem)
}

@media all and (min-width: 768px) {
    .form-group.aep-custom.moveable-label label {
        top: 17px;
        font-size:1rem
    }
}

.form-group.aep-custom.moveable-label input:focus ~ label, .form-group.aep-custom.moveable-label select:focus ~ label, .form-group.aep-custom.moveable-label select:valid ~ label, .form-group.aep-custom.moveable-label input:not(:placeholder-shown) ~ label {
    top: -9px;
    font-size: .75rem;
    min-width:0
}

@media all and (min-width: 768px) {
    .form-group.aep-custom.moveable-label input:focus ~ label, .form-group.aep-custom.moveable-label select:focus ~ label, .form-group.aep-custom.moveable-label select:valid ~ label, .form-group.aep-custom.moveable-label input:not(:placeholder-shown) ~ label {
        top: -10px;
        font-size:.875rem
    }
}

.form-group.aep-custom.moveable-label input:focus ~ label, .form-group.aep-custom.moveable-label select:focus ~ label, .form-group.aep-custom.moveable-label select:valid ~ label, .form-group.aep-custom.moveable-label input:not(:-ms-input-placeholder) ~ label {
    top: -9px;
    font-size: .75rem;
    min-width:0
}

@media all and (min-width: 768px) {
    .form-group.aep-custom.moveable-label input:focus ~ label, .form-group.aep-custom.moveable-label select:focus ~ label, .form-group.aep-custom.moveable-label select:valid ~ label, .form-group.aep-custom.moveable-label input:not(:-ms-input-placeholder) ~ label {
        top: -10px;
        font-size:.875rem
    }
}

.form-group.aep-custom.moveable-label input::placeholder {
    color:rgba(0, 0, 0, 0) !important
}

.form-group.aep-custom.hide-moved-label.moved label {
    visibility:hidden
}

.form-group.aep-custom select:disabled, .form-group.aep-custom input:disabled {
    background-color: #fff;
    color:#9e9fa1
}

.form-group.aep-custom select:disabled:hover, .form-group.aep-custom input:disabled:hover {
    box-shadow: none;
    border-color: #4a4a4a;
    cursor:default
}

@media all and (min-width: 768px) {
    .form-group.aep-custom {
        min-height: 5.75rem;
        margin-bottom:.5rem
    }
}

.selector-wrap {
    margin-bottom:15px
}

.selector-wrap.indented {
    margin-left:30px
}

.selector-wrap.indented, .form-group.indented {
    margin-left:30px
}

@media all and (min-width: 768px) {
    .selector-wrap.indented, .form-group.indented {
        margin-left:40px
    }
}

.form-field-helper, .invalid-feedback {
    display: block;
    font-size: .875rem;
    line-height: 1.14;
    margin-top:0
}

@media all and (min-width: 768px) {
    .form-field-helper, .invalid-feedback {
        font-size:1rem
    }
}

.radio, .checkbox {
    margin-left: -20px;
    display:block
}

.radio label, .checkbox label {
    margin-bottom: 0;
    margin-right: 0px;
    margin-left: 5px;
    padding: 7px 15px 9px;
    position:relative
}

.radio input + label:before, .checkbox input + label:before {
    border: 2px solid #4a4a4a;
    content: "";
    cursor: pointer;
    display: inline-block;
    width: 23px;
    min-width: 23px;
    height: 23px;
    margin-right: 10px;
    transition: all 250ms ease;
    -webkit-transition:all 250ms ease
}

.radio input:hover + label:before, .radio input:focus + label:before, .checkbox input:hover + label:before, .checkbox input:focus + label:before {
    background-color:#dcdcdc
}

.radio input:checked + label:before, .checkbox input:checked + label:before {
    background-color:#009cde
}

.radio input:checked:focus + label:before, .radio input:checked:hover + label:before, .checkbox input:checked:focus + label:before, .checkbox input:checked:hover + label:before {
    background-color:#35b2e2
}

@media all and (min-width: 768px) {
    .radio, .checkbox {
        margin-left:-25px
    }

    .radio label, .checkbox label {
        margin-left: 15px;
        padding: 5px 10px;
        margin-bottom:10px
    }

    .radio input + label:before, .checkbox input + label:before {
        width: 30px;
        min-width: 30px;
        height: 30px;
        margin-right:15px
    }
}

.p-radio {
    padding-left:33px !important
}

@media all and (min-width: 768px) {
    .p-radio {
        padding-left:45px !important
    }
}

.chips, .checkbox, .radio {
    position:relative
}

.chips label, .checkbox label, .radio label {
    cursor:pointer
}

.chips tr, .checkbox tr, .radio tr {
    display: flex;
    flex-wrap:wrap
}

.chips td, .checkbox td, .radio td {
    position:relative
}

.chips input, .checkbox input, .radio input {
    cursor: pointer;
    opacity: 0;
    top: 13px;
    left: 26px;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index:1
}

.radio input + label {
    display:inline-flex
}

.radio input + label:before {
    background-clip: content-box;
    background-color: #fff;
    border-radius: 50%;
    padding:3px
}

.radio input:hover + label:before {
    padding:0
}

.radio input:checked:hover + label:before {
    padding:3px
}

@media all and (min-width: 768px) {
    .radio input + label:before {
        padding:5px
    }

    .radio input:checked:hover + label:before {
        padding:5px
    }
}

.checkbox input + label {
    display: inline-flex;
    padding-right:5px
}

.checkbox input + label:before {
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-top:2px
}

.checkbox input:checked + label:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-128%20-128%20768%20768%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M432%2C64L192%2C304L80%2C192L0%2C272l192%2C192l320-320L432%2C64z%22/%3E%0A%3C/svg%3E")
}

@media all and (min-width: 768px) {
    .checkbox input + label:before {
        width: 24px;
        min-width: 24px;
        height: 24px;
        margin-top:1px
    }
}

@media all and (min-width: 1024px) {
    .checkbox input + label {
        padding-right:10px
    }

    .checkbox input + label:before {
        margin-top:3px
    }
}

.chips {
    margin-left: -15px;
    display:block
}

.chips label {
    margin:0 0 10px 15px
}

.chips input + label {
    background-color: #fff;
    border-radius: 50px;
    border: solid 1px #4a4a4a;
    font-size: .875rem;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    padding: .75rem 1.4rem;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -webkit-user-select: none;
    user-select:none
}

.chips input:hover + label {
    background-color:#f3f3f3
}

.chips input:checked + label {
    background-color: #009cde;
    border-color: #009cde;
    color: #fff;
    transition: all 250ms ease;
    -webkit-transition:all 250ms ease
}

@media all and (min-width: 768px) {
    .chips {
        font-size: 1rem;
        margin-left:-20px
    }

    .chips label {
        margin-left:20px
    }
}

.chips + .invalid-feedback {
    margin-bottom: 15px;
    margin-top:0
}

.selector-wrap-chips {
    margin-bottom:20px
}

@media all and (min-width: 768px) {
    .selector-wrap-chips {
        margin-bottom:30px
    }
}

#selectors ul {
    background-color:#e4f4fd
}

a.text-reg:hover {
    text-decoration: underline;
    text-decoration-color:#9e9fa1
}

a.text-reg:focus, a.text-reg:active {
    color:#9e9fa1
}

.error {
    color: #da291c;
    line-height:1.3
}

.form-red {
    background-color: #da291c;
    color: #fff;
    padding:20px 20px
}

.form-red *, .form-red a:hover, .form-red a:visited, .form-red .checkbox label {
    color:#fff
}

.form-red .label {
    line-height:1.2
}

.form-red a:hover {
    text-decoration-color:#fff
}

.form-red label, .form-red input {
    color:#4a4a4a
}

.form-red input:-ms-input-placeholder {
    color:#4a4a4a
}

.form-red input::-moz-placeholder {
    color:#4a4a4a
}

.form-red input::placeholder {
    color:#4a4a4a
}

.form-red .form-group label {
    visibility: hidden;
    position:absolute
}

.form-red .form-group.aep-custom input, .form-red .form-group.aep-custom select, .form-red .form-group.aep-custom textarea {
    border-color:#fff
}

.form-red .form-group.aep-custom input:active, .form-red .form-group.aep-custom input:focus, .form-red .form-group.aep-custom select:active, .form-red .form-group.aep-custom select:focus, .form-red .form-group.aep-custom textarea:active, .form-red .form-group.aep-custom textarea:focus {
    box-shadow:none !important
}

.form-red .radio input + label:before, .form-red .checkbox input + label:before {
    border-color:#fff
}

.form-red .form-group.aep-custom .form-control.is-invalid {
    border: none;
    box-shadow:none
}

.form-red .radio input:checked + label:before, .form-red .checkbox input:checked + label:before {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-128%20-128%20768%20768%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%234a4a4a%22%20d%3D%22M432%2C64L192%2C304L80%2C192L0%2C272l192%2C192l320-320L432%2C64z%22/%3E%0A%3C/svg%3E")
}

.form-red .btn.btn-secondary-white {
    background-color:rgba(0, 0, 0, 0)
}

.form-red .btn.btn-secondary-white:hover {
    background-color:#fff
}

.form-red .error {
    padding-left: 20px;
    position: relative;
    font-weight:600
}

.form-red .error:before {
    content: "";
    position: absolute;
    width: 4px;
    height: calc(100% - 12px);
    border-left: solid 4px #f0b323;
    left: 0;
    top:6px
}

.form-red .invalid-feedback {
    position: relative;
    padding-left:12px
}

.form-red .invalid-feedback:before {
    content: "*";
    position: absolute;
    width: 4px;
    height: calc(100% - 6px);
    left: 0;
    top:3px
}

@media all and (min-width: 375px) {
    .form-red {
        padding-left: 30px;
        padding-right:30px
    }
}

@media all and (min-width: 1024px) {
    .form-red {
        padding:20px 45px 30px
    }
}

.ai-more-info {
    cursor:pointer
}

.date-chooser {
    position:relative
}

.date-chooser ul {
    list-style: none;
    margin: 0;
    padding:0
}

.date-chooser ul li {
    display:inline-block
}

.date-chooser div.calendar-container {
    display: none;
    position: absolute;
    z-index: 22;
    top: 50px;
    left: -26px;
    width: 285px;
    background-color: #fff;
    border:1px solid #ccc
}

.date-chooser div.calendar-controls {
    background-color:#fff
}

.date-chooser div.calendar-controls a.button {
    margin-bottom:0
}

.date-chooser div.calendar-controls a.btn-primary {
    background-color: #009cde;
    border: 1px solid #009cde;
    font-size: 1rem;
    padding: 0 12px;
    line-height:1.9
}

.date-chooser div.calendar-controls .row {
    margin-left: 0;
    margin-right:0
}

.date-chooser div.calendar-controls .text-left {
    padding:.25em 0 0 .25em
}

.date-chooser div.calendar-controls .text-center {
    padding: .5em 0;
    text-transform: uppercase;
    font-size:1.2rem
}

.date-chooser div.calendar-controls .text-right {
    padding:.25em .25em 0 0
}

.date-chooser div.calendar-controls a.btn-primary:not(:disabled):not(.disabled):active, .date-chooser div.calendar-controls a.btn-primary:focus, .date-chooser div.calendar-controls a.btn-primary:hover {
    background-color:#025a95
}

.date-chooser ul.calendar-header {
    background-color: #fff;
    color: #4a4a4a;
    border-top: 1px solid #4a4a4a;
    border-bottom:1px solid #4a4a4a
}

.date-chooser ul.calendar-header li {
    border: 1px solid #fff;
    text-align: center;
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 0;
    flex-basis:14.2857142857%
}

.date-chooser ul.calendar li {
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 1.1rem;
    flex-basis: 14.2857142857%;
    max-width:40.4px
}

.date-chooser ul.calendar li a {
    display: block;
    color: #4a4a4a;
    padding:6px 0
}

.date-chooser ul.calendar li.empty, .date-chooser ul.calendar li.empty .button {
    background-color: #dcdcdc;
    color:#4a4a4a
}

.date-chooser ul.calendar li.empty .button:before {
    content: "-"
}

.date-chooser ul.calendar li:nth-child(n + 8) {
    border-top-width:0
}

.date-chooser ul.calendar li:not(:nth-child(7n + 1)) {
    border-left-width:0
}

.date-chooser ul.calendar li > .button {
    margin-bottom: 0;
    background-color: #fff;
    color: #4a4a4a;
    text-align: center;
    font-size: 1.1rem;
    border-right-width:0
}

.date-chooser ul.calendar li > .button:hover {
    background-color: #f1f1f1;
    cursor:pointer
}

.date-chooser ul.calendar li > .button:focus {
    background-color:#e4f4fd
}

.date-chooser ul.calendar li > .button.selected {
    background-color: #025a95;
    color:#fff
}

.date-chooser ul.calendar li > .button.disabled, .date-chooser ul.calendar li > .button.disabled:hover {
    background-color: #f3f3f3;
    color: #4a4a4a;
    cursor:default
}

.date-chooser li:not(.empty) a.button.disabled {
    text-decoration:line-through
}

.date-chooser a.calendar-link {
    background-image: url(/lib/images/svgs/calendar.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    display: inline-block;
    width: 100%;
    height: 30px;
    position: absolute;
    top:5px
}

@media all and (min-width: 350px) {
    .date-chooser div.calendar-container {
        left:0
    }
}

@media all and (min-width: 576px) {
    .date-chooser div.calendar-container {
        left: 0;
        width:300px
    }

    .date-chooser {
        margin-bottom: 0;
        margin-right:44px
    }

    .date-chooser-example-container .date-chooser .form-group {
        display: inline-block;
        width:100%
    }

    .date-chooser a.calendar-link {
        top: -2px;
        background-position: top left;
        margin-top: 0;
        width: 44px;
        height: 44px;
        background-size:contain
    }

    .date-chooser ul.calendar li {
        max-width:42.5px
    }
}

@media all and (min-width: 768px) {
    .date-chooser {
        margin-right:60px
    }

    .date-chooser a.calendar-link {
        width: 60px;
        height:60px
    }

    .date-chooser div.calendar-container {
        top: 70px;
        left: 0;
        width:345px
    }

    .date-chooser div.calendar-controls a.btn-primary {
        font-size: 1.2rem;
        padding: 0 14px;
        line-height:1.9
    }

    .date-chooser ul.calendar-header li {
        font-size: 1rem;
        padding:.25em 0
    }

    .date-chooser ul.calendar li {
        font-size: 1.5rem;
        max-width:49px
    }

    date-chooser ul.calendar li > .button {
        font-size:1.3rem
    }
}

#divStrengthBar {
    margin-top:-10px
}

@media all and (min-width: 768px) {
    #divStrengthBar {
        margin-top:-13px
    }
}

div[data-password-strength] span {
    height: .25rem;
    display: inline-block;
    border: 1px solid #9e9fa1;
    border-radius: 5rem;
    background-color: #9e9fa1;
    width:25%
}

div[data-password-strength] span:nth-child(-n + 3) {
    width: 23%;
    margin-right: 2%
}

div[data-password-strength="1"] span:nth-child(-n + 1), div[data-password-strength="-1"] span:nth-child(-n + 1) {
    background-color: #da291c;
    border: 1px solid #da291c
}

div[data-password-strength="2"] span:nth-child(-n + 2) {
    background-color: #df6d00;
    border: 1px solid #df6d00
}

div[data-password-strength="3"] span:nth-child(-n + 3) {
    background-color: #007bff;
    border: 1px solid #007bff
}

div[data-password-strength="4"] span:nth-child(-n + 4), div[data-password-strength="4"] span:nth-child(-n + 4) {
    background-color: #5ba400;
    border: 1px solid #5ba400
}

div[data-password-strength="1"] #divStrength::after {
    font-size: .65rem;
    color: #4a4a4a;
    float: right;
    content: attr(data-strength-message)
}

div[data-password-strength="1"] #divStrength::after {
    content: "Weak";
    float: right;
    font-size: .7rem
}

div[data-password-strength="2"] #divStrength::after {
    content: "Fair";
    float: right;
    font-size: .7rem
}

div[data-password-strength="3"] #divStrength::after {
    content: "Good";
    float: right;
    font-size: .7rem
}

div[data-password-strength="4"] #divStrength::after {
    content: "Strong";
    float: right;
    font-size: .7rem
}

div[data-password-strength="-1"] #divStrength::after {
    float: right;
    font-size:.7rem
}

#divStrengthBar + span {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding: .1rem;
    text-align: left;
    font-size:.7rem
}

#beginSearch {
    box-shadow: 0 0 2px 1px rgba(74, 74, 74, .5);
    margin-top:-30px
}

#beginSearch .helper-text {
    padding: 10px 20px;
    font-size: 1rem;
    line-height:1
}

@media all and (min-width: 768px) {
    #beginSearch {
        margin-top:-40px
    }
}

.address-search-results {
    padding: 0 0 15px;
    font-size:1rem
}

.address-search-results a.result {
    padding: 10px 20px 10px 42px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.15;
    color:#4a4a4a
}

.address-search-results a.result:hover, .address-search-results a.result:active, .address-search-results a.result:focus {
    background-color:#f3f3f3
}

.address-search-results a.result .ai-pin {
    width: 12px;
    height: 18px;
    display: block;
    position: absolute;
    left:20px
}

.address-search-results a.result .line-one {
    font-weight: 600;
    display:block
}

.input-search {
    padding-right:30px
}

.btn-search-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: rgba(0, 0, 0, 0) url(/lib/images/svgs/search.svg) no-repeat;
    background-size: 25px 25px;
    background-position: center center;
    cursor: pointer;
    border: none;
    margin-right: 0px;
    position: absolute;
    top: 3px;
    right: 0px;
    z-index:5
}

.btn-search-icon.ai-x-symbol {
    top: 10px;
    right:10px
}

@media all and (min-width: 768px) {
    .btn-search-icon {
        top:12px
    }

    .btn-search-icon.ai-x-symbol {
        top: 19px;
        right:9px
    }
}

img {
    max-width:100%
}

img.fw-image {
    object-fit: cover;
    min-height: 50px;
    max-width: 100%;
    height: auto;
    font-family: "object-fit: cover; object-position: center;"
}

img.fw-image.crop-right {
    object-position: left;
    font-family: "object-fit: cover; object-position: left;"
}

img.fw-image.crop-left {
    object-position: right;
    font-family: "object-fit: cover; object-position: right;"
}

.thumbs {
    height: 30px;
    width:30px
}

.info-graphic-wrapper {
    position: relative;
    font-weight:600
}

.info-graphic-wrapper .igw-col {
    margin-bottom: 30px;
    min-height:50px
}

@media all and (min-width: 768px) {
    .info-graphic-wrapper .igw-col {
        min-height:90px
    }
}

.info-graphic-wrapper .igw-number {
    font-size: 1.625rem;
    color: #fff;
    height: 39px;
    width: 39px;
    border-radius: 30px;
    background-color: #009cde;
    display: inline-block;
    text-align: center;
    position:absolute
}

@media all and (min-width: 768px) {
    .info-graphic-wrapper .igw-number {
        font-size: 1.875rem;
        height: 45px;
        width:45px
    }
}

@media all and (min-width: 1024px) {
    .info-graphic-wrapper .igw-number {
        font-size: 2.5rem;
        height: 60px;
        width:60px
    }
}

.info-graphic-wrapper .igw-text {
    font-size: 1.125rem;
    padding-left: 60px;
    display:inline-block
}

@media all and (min-width: 768px) {
    .info-graphic-wrapper .igw-text {
        font-size:1.25rem
    }
}

@media all and (min-width: 1024px) {
    .info-graphic-wrapper .igw-text {
        padding-left:80px
    }
}

.info-graphic-wrapper.w-border-bottom .w-border {
    border-bottom: solid 1px gray;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    width:100%
}

@media all and (min-width: 1024px) {
    .info-graphic-wrapper.w-border-bottom .w-border {
        padding-bottom:50px
    }
}

.info-graphic-wrapper.w-border-bottom .igw-col {
    min-height:0
}

@media all and (min-width: 1024px) {
    .info-graphic-wrapper.w-border-bottom .igw-col {
        margin-bottom:50px
    }
}

ol, ul, dl {
    margin-bottom:.75em
}

ol li {
    margin-bottom:10px
}

.no-margins {
    margin-left: 0;
    padding-left:0
}

.no-margins li {
    margin-left:21px
}

.list-header {
    margin:30px 0
}

ul.no-indent {
    padding:0
}

.bulleted-list, .disc {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5rem;
    padding:0 0 0 35px
}

@media all and (min-width: 576px) {
    .bulleted-list, .disc {
        font-size: 1.125rem;
        line-height: 1.625rem;
        padding:0 0 0 55px
    }
}

@media all and (min-width: 1024px) {
    .bulleted-list, .disc {
        font-size: 1.25rem;
        line-height: 1.875rem;
        padding:0 0 0 60px
    }
}

.bulleted-list.no-indent, .disc.no-indent {
    padding:0 0 0 17px
}

@media all and (min-width: 576px) {
    .bulleted-list.no-indent, .disc.no-indent {
        padding:0 0 0 20px
    }
}

.bulleted-list.no-indent-mobile, .disc.no-indent-mobile {
    padding:0 0 0 17px
}

@media all and (min-width: 576px) {
    .bulleted-list.no-indent-mobile, .disc.no-indent-mobile {
        padding:0 0 0 20px
    }
}

@media all and (min-width: 768px) {
    .bulleted-list.no-indent-mobile, .disc.no-indent-mobile {
        padding:0 0 0 55px
    }
}

@media all and (min-width: 1024px) {
    .bulleted-list.no-indent-mobile, .disc.no-indent-mobile {
        padding:0 0 0 60px
    }
}

.bulleted-list ul li, .disc ul li {
    list-style: none;
    margin-bottom: 10px;
    padding: 0 0 0 5px;
    position:relative
}

.bulleted-list ul li:before, .disc ul li:before {
    content: "●";
    font-size: 1.094rem;
    left: -1em;
    position: absolute;
    top:-1px
}

.bulleted-list ol li, .disc ol li {
    margin-bottom: 10px;
    padding: 0 0 0 5px;
    position:relative
}

.bold-list-style {
    counter-reset: item;
    list-style: none;
    margin-left:5px
}

.bold-list-style li {
    counter-increment:item
}

.bold-list-style li:before {
    content: counters(item, ".") ". ";
    font-weight: bold;
    margin-left: -26px;
    margin-right:5px
}

.link-list {
    list-style: none;
    margin: 0;
    padding:0
}

.link-list li {
    font-size: 1.125rem;
    line-height: normal;
    margin-bottom: 19px;
    padding-bottom: 19px;
    clear: both;
    border-bottom:solid 1px #9e9fa1
}

.link-list li:last-child {
    margin-bottom:0
}

.link-list li a {
    color: #4a4a4a;
    text-decoration: none;
    transition:all .25s
}

.link-list li a.link-list-text {
    background-image: url("data:image/svg+xml, %3Csvg height='25' viewBox='0 0 25 25' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(175, 34, 24)' d='M12.5 0C19.404 0 25 5.596 25 12.5S19.404 25 12.5 25 0 19.404 0 12.5 5.596 0 12.5 0zm-1.276 6.52c-.497 0-.9.404-.9.9v9.326c0 .22.081.433.227.598.33.371.9.405 1.271.075l5.245-4.663c.027-.023.052-.048.075-.075.33-.371.297-.94-.075-1.27l-5.245-4.663c-.165-.146-.378-.227-.598-.227z'/%3E%3C/svg%3E");
    fill: #af2218;
    background-size: 20px 20px;
    background-position-x: calc(100% - 1px);
    background-position-y: center;
    background-repeat: no-repeat;
    display: block;
    padding-right: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-right:0
}

.link-list li a.link-list-text p {
    margin: 0;
    text-decoration: solid underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    transition:all .25s
}

.link-list li a.link-list-text p:hover {
    text-decoration: underline;
    text-decoration-color:#4a4a4a
}

.link-list li a.link-list-text:hover {
    background-image: url("data:image/svg+xml, %3Csvg height='25' viewBox='0 0 25 25' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(218, 41, 28)' d='M12.5 0C19.404 0 25 5.596 25 12.5S19.404 25 12.5 25 0 19.404 0 12.5 5.596 0 12.5 0zm-1.276 6.52c-.497 0-.9.404-.9.9v9.326c0 .22.081.433.227.598.33.371.9.405 1.271.075l5.245-4.663c.027-.023.052-.048.075-.075.33-.371.297-.94-.075-1.27l-5.245-4.663c-.165-.146-.378-.227-.598-.227z'/%3E%3C/svg%3E")
}

@media all and (min-width: 576px) {
    .link-list li a.link-list-text {
        margin-left: 17px;
        padding-right:35px
    }
}

@media all and (min-width: 768px) {
    .link-list li {
        font-size: 1.375rem;
        border-bottom:solid 1px #9e9fa1
    }

    .link-list li a {
        margin-bottom: 13px;
        padding-bottom:16px
    }

    .link-list li a.link-list-text {
        background-size: 25px 25px;
        margin-left: 27px;
        padding-right:50px
    }
}

@media all and (min-width: 1024px) {
    .link-list li {
        font-size:1.5rem
    }

    .link-list li a.link-list-text {
        margin-left:30px
    }
}

.featured-link {
    border-bottom: solid 2px #9e9fa1;
    clear: both;
    padding-bottom:19px
}

.featured-link a {
    color: #4a4a4a;
    font-size: 1.125rem;
    line-height: normal;
    margin-left: 20px;
    transition:all .25s
}

.featured-link a.featured-link-text {
    background-image: url("data:image/svg+xml, %3Csvg height='25' viewBox='0 0 25 25' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(175, 34, 24)' d='M12.5 0C19.404 0 25 5.596 25 12.5S19.404 25 12.5 25 0 19.404 0 12.5 5.596 0 12.5 0zm-1.276 6.52c-.497 0-.9.404-.9.9v9.326c0 .22.081.433.227.598.33.371.9.405 1.271.075l5.245-4.663c.027-.023.052-.048.075-.075.33-.371.297-.94-.075-1.27l-5.245-4.663c-.165-.146-.378-.227-.598-.227z'/%3E%3C/svg%3E");
    fill: #af2218;
    background-size: 20px 20px;
    background-position-x: calc(100% - 1px);
    background-position-y: center;
    background-repeat: no-repeat;
    display: block;
    padding-right: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-right:0
}

.featured-link a.featured-link-text span {
    margin: 0;
    text-decoration: solid underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    transition:all .25s
}

.featured-link a.featured-link-text:hover {
    text-decoration: underline;
    text-decoration-color: #4a4a4a;
    background-image: url("data:image/svg+xml, %3Csvg height='25' viewBox='0 0 25 25' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(218, 41, 28)' d='M12.5 0C19.404 0 25 5.596 25 12.5S19.404 25 12.5 25 0 19.404 0 12.5 5.596 0 12.5 0zm-1.276 6.52c-.497 0-.9.404-.9.9v9.326c0 .22.081.433.227.598.33.371.9.405 1.271.075l5.245-4.663c.027-.023.052-.048.075-.075.33-.371.297-.94-.075-1.27l-5.245-4.663c-.165-.146-.378-.227-.598-.227z'/%3E%3C/svg%3E")
}

@media all and (min-width: 576px) {
    .featured-link a {
        margin-left: 17px;
        padding-right:35px
    }
}

@media all and (min-width: 768px) {
    .featured-link {
        border-bottom: solid 1px #9e9fa1;
        padding-bottom:16px
    }

    .featured-link a {
        font-size: 1.375rem;
        margin-left: 27px;
        padding-right:50px
    }

    .featured-link a.featured-link-text {
        background-size:25px 25px
    }
}

@media all and (min-width: 1024px) {
    .featured-link a {
        font-size: 1.5rem;
        margin-left:30px
    }
}

.document-icon-list {
    padding: 0;
    margin:0
}

.document-icon-list li {
    list-style: none;
    margin:0 0 15px 0
}

.document-icon-list li:last-child {
    margin:0
}

.document-icon {
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position: left 3px;
    color: #4a4a4a;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 600;
    padding: 7px 0 7px 45px;
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    transition:all .25s
}

.document-icon.doc-icon-lg {
    font-size: 1.375rem;
    padding:5px 0 5px 45px
}

@media all and (min-width: 768px) {
    .document-icon.doc-icon-lg {
        font-size:1.5rem
    }
}

@media all and (min-width: 1024px) {
    .document-icon.doc-icon-lg {
        font-size:1.75rem
    }
}

@media all and (min-width: 768px) {
    .document-icon {
        font-size:1.25rem
    }
}

@media all and (min-width: 1024px) {
    .document-icon {
        font-size: 1.5rem;
        line-height:1.175
    }
}

.document-icon:hover {
    color: #4a4a4a;
    text-decoration: underline;
    text-decoration-color: #4a4a4a;
    transition:all .25s
}

.document-icon:visited {
    color:#4a4a4a
}

.pdf-icon {
    background-image: url("/lib/images/svgs/pdf.svg")
}

.footer-pdf-icon {
    background-image: url("/lib/images/svgs/footer-pdf.svg")
}

.modal-dialog {
    margin-top:2rem
}

.modal-dialog.modal-dialog-bottom, .modal-dialog.modal-dialog-centered {
    margin-top:0
}

.modal-dialog-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 100%;
    margin-bottom: 0;
    margin-top:0
}

.modal-dialog-bottom::before {
    height: calc(100vh - 1rem);
    display: block;
    content: ""
}

.modal-header {
    border-bottom: 0;
    margin: 0;
    padding:0
}

.modal-header .close {
    padding: 0;
    margin:10px 0 0
}

.modal-header .close:hover, .modal-header .close:focus {
    opacity:inherit !important
}

.modal-content {
    border: none;
    border-radius:0
}

.modal-content h2, .modal-content .h2 {
    padding-right:60px
}

.modal button.close {
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    left: calc(100% - 55px);
    top: 5px;
    position: absolute;
    background-image: url("/lib/images/svgs/btn-close.svg");
    height: 40px;
    width: 40px;
    filter: invert(17%) sepia(57%) saturate(0%) hue-rotate(201deg) brightness(105%) contrast(70%);
    opacity: .6;
    z-index:1000
}

.modal button.close:focus {
    outline:none
}

.modal-backdrop {
    background-color:#4a4a4a
}

.modal-backdrop.show {
    opacity:.8
}

@media all and (min-width: 576px) {
    .modal-dialog {
        padding: 0 50px;
        margin-top:5rem
    }

    .modal-dialog.modal-dialog-bottom, .modal-dialog.modal-dialog-centered {
        margin: 3rem auto;
        -ms-flex-align: center;
        align-items: center;
        min-height:calc(100% - 6rem)
    }

    .modal-dialog.modal-dialog-bottom::before, .modal-dialog.modal-dialog-centered::before {
        height: calc(100vh - 6rem);
        display: block;
        content: ""
    }

    .modal button.close {
        background-size: 30px 30px;
        left: auto;
        position: absolute;
        right: -35px;
        top: -35px;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
        opacity:1
    }

    .modal-header .close {
        margin:0
    }
}

@media all and (min-width: 1024px) {
    .modal button.close {
        background-size: 40px 40px;
        right: -40px;
        top:-40px
    }
}

@media all and (max-width: 575px) {
    .modal.fade .modal-dialog-bottom {
        transform:translate(0, 50px)
    }

    .modal.fade .modal-dialog-bottom {
        transform:translate(0, 0)
    }
}

.img-modal-toggle {
    cursor:pointer
}

.img-modal-toggle .ai-modal-toggle {
    bottom: 20px;
    cursor: pointer;
    display: none;
    position: absolute;
    right:20px
}

.dollar-sign {
    font-size: 1.25rem;
    line-height: 1;
    margin-right:3px
}

.panel-container {
    display: flex;
    flex-wrap: wrap;
    margin-right:0
}

@media all and (min-width: 768px) {
    .panel-container {
        margin-right:-20px
    }

    .panel-container .dollar-sign {
        font-size: 1.5rem;
        line-height:1.2
    }

    .panel-container .panel-header {
        margin-bottom:46px
    }
}

@media all and (min-width: 1024px) {
    .panel-container {
        margin-right:-20px
    }

    .panel-container .dollar-sign {
        font-size: 1.875rem;
        line-height:1.2
    }

    .panel-container .panel-header {
        margin-bottom:46px
    }
}

@media all and (min-width: 1280px) {
    .panel-container {
        flex-wrap:nowrap
    }
}

.panel {
    margin-bottom: 30px;
    flex-grow: 1;
    background-color: #f3f3f3;
    padding:18px 14px
}

.panel .panel-header {
    display: flex;
    margin-bottom: 11px;
    align-items:center
}

.panel .panel-header h2 {
    margin-bottom:0
}

.panel .panel-header.has-link {
    margin-top:-9px
}

.panel .panel-header .h4 {
    font-weight:700
}

.panel .panel-header .header-sub-text {
    line-height:1.09
}

.panel.panel-scb .panel-header {
    margin-bottom: 25px;
    align-items: unset;
    flex-direction:column
}

.panel.panel-scb .panel-header h2 {
    margin-bottom:8px
}

.panel .panel-row {
    display: flex;
    margin-bottom: 28px;
    flex-wrap:wrap
}

.panel .panel-row:last-child {
    margin-bottom:0
}

.panel .panel-table {
    margin-bottom:18px
}

.panel .panel-column {
    margin-right:auto
}

.panel .panel-field-label {
    font-size: 1rem;
    line-height: 1.09;
    margin-right: 1rem;
    align-self:center
}

.panel .panel-field-value {
    line-height: .9;
    font-size: 1.875rem;
    font-weight: 700;
    flex-basis: 100%;
    margin-top:8px
}

.panel .panel-sub-text {
    font-size: .875rem;
    padding-top: 5px;
    line-height: 1;
    font-weight:300
}

.panel .panel-link {
    background-image: url("data:image/svg+xml, %3Csvg height='25' viewBox='0 0 25 25' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(175, 34, 24)' d='M12.5 0C19.404 0 25 5.596 25 12.5S19.404 25 12.5 25 0 19.404 0 12.5 5.596 0 12.5 0zm-1.276 6.52c-.497 0-.9.404-.9.9v9.326c0 .22.081.433.227.598.33.371.9.405 1.271.075l5.245-4.663c.027-.023.052-.048.075-.075.33-.371.297-.94-.075-1.27l-5.245-4.663c-.165-.146-.378-.227-.598-.227z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    padding-right: 40px;
    background-position: right 10px center;
    background-size: 17px;
    min-height: 40px;
    margin-right: -10px;
    display: flex;
    align-items: center;
    color:#4a4a4a
}

.panel .panel-link:hover {
    background-image: url("data:image/svg+xml, %3Csvg height='25' viewBox='0 0 25 25' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(218, 41, 28)' d='M12.5 0C19.404 0 25 5.596 25 12.5S19.404 25 12.5 25 0 19.404 0 12.5 5.596 0 12.5 0zm-1.276 6.52c-.497 0-.9.404-.9.9v9.326c0 .22.081.433.227.598.33.371.9.405 1.271.075l5.245-4.663c.027-.023.052-.048.075-.075.33-.371.297-.94-.075-1.27l-5.245-4.663c-.165-.146-.378-.227-.598-.227z'/%3E%3C/svg%3E");
    text-decoration-color:#4a4a4a
}

.panel .panel-link .link-text {
    display:none
}

.panel .view-bill {
    margin-bottom:15px
}

.panel .view-bill.view-large {
    display:none
}

.panel .view-bill .document-icon {
    background-size: 23px 23px;
    background-position: 0px 8px;
    padding:7px 0 7px 32px
}

.panel .panel-programs .program-label {
    background-repeat: no-repeat;
    background-size: 18px;
    font-size: 1rem;
    line-height: 1.22;
    padding-left: 31px;
    margin-bottom:16px
}

.panel .panel-programs .program-label.blue-money-circle {
    background-image: url("/lib/images/svgs/blue-money-circle.svg")
}

.panel .panel-programs .program-label.green-leaf {
    background-image: url("/lib/images/svgs/green-leaf.svg")
}

.panel .panel-programs .program-label.arrow-right {
    background-image: url("/lib/images/svgs/arrow-right-red.svg");
    background-position:0 2px
}

.panel .panel-programs .program-label.star {
    background-image: url("/lib/images/svgs/star.svg")
}

.panel .panel-programs .program-label:last-child {
    margin-bottom:0
}

@media all and (min-width: 440px) {
    .panel .panel-field {
        display:flex
    }

    .panel .panel-field-value {
        flex-basis: initial;
        margin-top:0
    }

    .panel .panel-link .link-text {
        display:inline-block
    }

    .panel .panel-field-label {
        line-height: 1.2;
        width:90px
    }

    .panel .panel-sub-field {
        margin-left:106px
    }

    .panel .panel-programs {
        margin-left:106px
    }

    .panel .panel-header {
        margin-bottom:15px
    }
}

@media all and (min-width: 576px) {
    .panel .panel-link {
        padding-right: 47px;
        background-size:22px
    }

    .panel.panel-scb .panel-header {
        align-items: center;
        flex-direction:row
    }

    .panel.panel-scb .panel-header h2 {
        margin-bottom:0px
    }
}

@media all and (min-width: 640px) {
    .panel .panel-programs {
        margin-left: 30px;
        width:30%
    }

    .panel .view-bill {
        margin-bottom: 0;
        margin-left: 30px;
        width:30%
    }

    .panel .view-bill.view-large {
        display:block
    }

    .panel .view-bill.view-small {
        display:none
    }

    .panel .view-bill .document-icon {
        margin-top:-7px
    }
}

@media all and (min-width: 768px) {
    .panel {
        padding: 28px 30px;
        margin-right: 20px;
        margin-bottom:34px
    }

    .panel .panel-header {
        margin-bottom:26px
    }

    .panel .panel-table {
        margin-bottom:0
    }

    .panel .panel-row {
        margin-bottom: 25px;
        flex-wrap:nowrap
    }

    .panel .panel-row:last-child {
        margin-bottom:0
    }

    .panel .panel-row .panel-field-label {
        font-size: 1.125rem;
        width:105px
    }

    .panel .panel-row .panel-field-value {
        font-size: 2.5rem;
        padding-right: 0px;
        min-width:270px
    }

    .panel .panel-row .panel-sub-field {
        margin-left:121px
    }

    .panel .panel-row .panel-sub-text {
        font-size: 1rem;
        padding-top:8px
    }

    .panel .panel-programs {
        margin-left: 36px;
        width:30%
    }

    .panel .panel-programs .program-label {
        font-size: 1.125rem;
        padding-left: 33px;
        background-size: 22px;
        margin-bottom: 24px;
        min-height:23px
    }

    .panel .view-bill {
        margin-left: 36px;
        width:30%
    }

    .panel .view-bill .document-icon {
        background-size: 28px 28px;
        background-position: 0px 8px;
        padding: 7px 0 7px 40px;
        margin-top:-6px
    }
}

@media all and (min-width: 1024px) {
    .panel {
        padding:30px 34px
    }

    .panel .panel-row {
        margin-bottom:38px
    }

    .panel .panel-row:last-child {
        margin-bottom:0
    }

    .panel .panel-row .panel-field-label {
        font-size: 1.375rem;
        width:120px
    }

    .panel .panel-row .panel-field-value {
        font-size: 3.125rem;
        padding-right: 0px;
        min-width:310px
    }

    .panel .panel-row .panel-sub-field {
        margin-left:136px
    }

    .panel .panel-row .panel-sub-text {
        font-size: 1.125rem;
        padding-top:10px
    }

    .panel .panel-link {
        padding-right: 58px;
        background-size:27px
    }

    .panel .panel-programs {
        width:27%
    }

    .panel .view-bill {
        width: 27%;
        margin-left:36px
    }

    .panel .view-bill .document-icon {
        background-size: 35px 35px;
        background-position: 0px 3px;
        padding: 7px 0 7px 50px;
        margin-top:-2px
    }
}

@media all and (min-width: 1280px) {
    .panel {
        padding: 34px;
        flex-basis:0
    }

    .panel.panel-small {
        max-width: 410px;
        min-width:410px
    }

    .panel .panel-row {
        flex-wrap:nowrap
    }

    .panel .panel-programs {
        margin-top: 0px;
        flex-basis: initial;
        display: block;
        margin-left:30px
    }
}

.visual-callout {
    display: block;
    position:relative
}

@media print {
    .visual-callout {
        display:none !important
    }
}

.visual-callout .visual-image-container {
    min-height: 230px;
    background-size: cover;
    background-position-x: -80px;
    overflow: hidden;
    background-repeat:no-repeat
}

@media all and (min-width: 576px) {
    .visual-callout .visual-image-container {
        min-height: 180px;
        max-width: none;
        background-position-x:0px
    }
}

@media all and (min-width: 768px) {
    .visual-callout .visual-image-container {
        min-height:initial
    }
}

.visual-callout .visual-callout-content {
    display: block;
    margin-top:20px
}

.visual-callout .visual-callout-content .link-icon {
    display: inline-block;
    background-image: url("data:image/svg+xml, %3Csvg height='25' viewBox='0 0 25 25' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(175, 34, 24)' d='M12.5 0C19.404 0 25 5.596 25 12.5S19.404 25 12.5 25 0 19.404 0 12.5 5.596 0 12.5 0zm-1.276 6.52c-.497 0-.9.404-.9.9v9.326c0 .22.081.433.227.598.33.371.9.405 1.271.075l5.245-4.663c.027-.023.052-.048.075-.075.33-.371.297-.94-.075-1.27l-5.245-4.663c-.165-.146-.378-.227-.598-.227z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    margin-left:5px
}

.visual-callout .visual-callout-content .visual-callout-description .link-icon {
    display:none
}

.visual-callout .visual-callout-content .visual-callout-title, .visual-callout .visual-callout-content .visual-callout-description, .visual-callout .visual-callout-content .visual-callout-label {
    display: block;
    font-weight: 600;
    color: #4a4a4a;
    font-size: 1.5rem;
    line-height: 1.08;
    text-transform:uppercase
}

.visual-callout .visual-callout-content .visual-callout-description, .visual-callout .visual-callout-content .visual-callout-label {
    margin-top: 10px;
    font-weight: 300;
    line-height: 1.06;
    font-size: 1.125rem;
    text-transform:none
}

@media all and (min-width: 576px) {
    .visual-callout .visual-callout-content {
        margin-top: 0;
        display: flex;
        align-items: center;
        position: absolute;
        left: 55%;
        right: 20px;
        top: 0;
        bottom:0
    }

    .visual-callout .visual-callout-content .visual-callout-description .link-icon {
        display:inline-block
    }

    .visual-callout .visual-callout-content .visual-callout-title {
        font-weight:700
    }

    .visual-callout .visual-callout-content .visual-callout-title .link-icon {
        display:none
    }

    .visual-callout .visual-callout-content .link-icon {
        height: 14px;
        width:14px
    }
}

@media all and (min-width: 768px) {
    .visual-callout .visual-callout-content {
        right:40px
    }
}

@media all and (min-width: 1024px) {
    .visual-callout .visual-callout-content .visual-callout-title {
        font-size: 2rem;
        line-height:1.09
    }

    .visual-callout .visual-callout-content .visual-callout-description, .visual-callout .visual-callout-content .visual-callout-label {
        line-height: 1.08;
        font-size:1.5rem
    }

    .visual-callout .visual-callout-content .link-icon {
        height: 16px;
        width:16px
    }
}

@media all and (min-width: 1280px) {
    .visual-callout .visual-callout-content {
        right:80px
    }

    .visual-callout .visual-callout-content .visual-callout-title {
        font-size: 3rem;
        line-height:1.13
    }

    .visual-callout .visual-callout-content .visual-callout-description, .visual-callout .visual-callout-content .visual-callout-label {
        margin-top: 15px;
        line-height: 1.11;
        font-size:2.25rem
    }

    .visual-callout .visual-callout-content .visual-callout-description .link-icon, .visual-callout .visual-callout-content .visual-callout-label .link-icon {
        height: 24px;
        width: 24px;
        margin-left:8px
    }
}

.visual-callout:hover {
    text-decoration:none
}

.visual-callout:hover .visual-callout-content .visual-callout-description {
    text-decoration:underline
}

.visual-callout:hover .visual-callout-content .link-icon {
    background-image: url("data:image/svg+xml, %3Csvg height='25' viewBox='0 0 25 25' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(218, 41, 28)' d='M12.5 0C19.404 0 25 5.596 25 12.5S19.404 25 12.5 25 0 19.404 0 12.5 5.596 0 12.5 0zm-1.276 6.52c-.497 0-.9.404-.9.9v9.326c0 .22.081.433.227.598.33.371.9.405 1.271.075l5.245-4.663c.027-.023.052-.048.075-.075.33-.371.297-.94-.075-1.27l-5.245-4.663c-.165-.146-.378-.227-.598-.227z'/%3E%3C/svg%3E")
}

.visual-callout.left .visual-image-container {
    background-position-x:-340px
}

@media all and (min-width: 395px) {
    .visual-callout.left .visual-image-container {
        background-position-x:-180px
    }
}

@media all and (min-width: 450px) {
    .visual-callout.left .visual-image-container {
        background-position-x:-140px
    }
}

@media all and (min-width: 576px) {
    .visual-callout.left .visual-image-container {
        background-position-x:0px
    }
}

@media all and (min-width: 576px) {
    .visual-callout.left .visual-callout-content {
        left: 20px;
        right:50%
    }
}

@media all and (min-width: 768px) {
    .visual-callout.left .visual-callout-content {
        left:40px
    }
}

@media all and (min-width: 1280px) {
    .visual-callout.left .visual-callout-content {
        left:80px
    }
}

.visual-callout.half .visual-image-container {
    background-position-x:0px
}

@media all and (min-width: 768px) {
    .visual-callout.half .visual-image-container {
        min-height:250px
    }
}

@media all and (min-width: 1024px) {
    .visual-callout.half .visual-image-container {
        max-width: none;
        min-height:initial
    }
}

.visual-callout.half .visual-callout-content .link-icon {
    height: 17px;
    width:17px
}

.visual-callout.half .visual-callout-content .visual-callout-description .link-icon {
    display:none
}

.visual-callout.half .visual-callout-content .visual-callout-title .link-icon {
    display:inline-block
}

@media all and (min-width: 576px) {
    .visual-callout.half .visual-callout-content {
        display: block;
        position: relative;
        left: 0;
        margin-top:20px
    }

    .visual-callout.half .visual-callout-content .visual-callout-title {
        font-size: 1.5rem;
        line-height:1.08
    }

    .visual-callout.half .visual-callout-content .visual-callout-description, .visual-callout.half .visual-callout-content .visual-callout-label {
        font-size: 1.125rem;
        line-height:1
    }
}

@media all and (min-width: 1024px) {
    .visual-callout.half .visual-callout-content {
        right: 15px;
        margin-top: 0;
        display: flex;
        position: absolute;
        left:55%
    }

    .visual-callout.half .visual-callout-content .visual-callout-description .link-icon {
        display:inline-block
    }

    .visual-callout.half .visual-callout-content .visual-callout-title {
        font-weight:700
    }

    .visual-callout.half .visual-callout-content .visual-callout-title .link-icon {
        display:none
    }

    .visual-callout.half .visual-callout-content .link-icon {
        height: 14px;
        width:14px
    }
}

@media all and (min-width: 1280px) {
    .visual-callout.half .visual-callout-content {
        right:30px
    }

    .visual-callout.half .visual-callout-content .visual-callout-title {
        font-size: 2rem;
        line-height:1.09
    }

    .visual-callout.half .visual-callout-content .visual-callout-description, .visual-callout.half .visual-callout-content .visual-callout-label {
        font-size: 1.5rem;
        line-height:1.08
    }

    .visual-callout.half .visual-callout-content .link-icon {
        height: 17px;
        width:17px
    }
}

@media all and (min-width: 576px) {
    .visual-callout.white .visual-callout-title, .visual-callout.white .visual-callout-description, .visual-callout.white .visual-callout-label {
        color:#fff
    }
}

.visual-callout.white.half .visual-callout-title, .visual-callout.white.half .visual-callout-description, .visual-callout.white.half .visual-callout-label {
    color:#4a4a4a
}

@media all and (min-width: 1024px) {
    .visual-callout.white.half .visual-callout-title, .visual-callout.white.half .visual-callout-description, .visual-callout.white.half .visual-callout-label {
        color:#fff
    }
}

@media all and (min-width: 576px) {
    .visual-callout.dark-blue .visual-callout-title {
        color:#025a95
    }
}

.visual-callout.dark-blue.half .visual-callout-title {
    color:#4a4a4a
}

@media all and (min-width: 1024px) {
    .visual-callout.dark-blue.half .visual-callout-title {
        color:#025a95
    }
}

.icon-callout a {
    text-decoration:none
}

.icon-callout a:hover {
    text-decoration:none
}

.icon-callout a.h2 {
    font-size: 1.375rem;
    margin-bottom: 0;
    text-decoration: underline;
    text-decoration-color:rgba(0, 0, 0, 0)
}

.icon-callout a.h2:hover {
    text-decoration: underline;
    text-decoration-color:inherit
}

@media all and (min-width: 576px) {
    .icon-callout a.h2 {
        font-size:1.5rem
    }
}

@media all and (min-width: 1024px) {
    .icon-callout a.h2 {
        font-size: 1.875rem;
        line-height:1.2667
    }
}

@media all and (min-width: 1280px) {
    .icon-callout a.h2 {
        font-size: 2.25rem;
        line-height:1.0556
    }
}

.icon-callout .icon-description {
    font-weight: 300;
    line-height:1.25
}

@media all and (min-width: 576px) {
    .icon-callout .icon-description {
        font-size: 1.125rem;
        line-height:1.2222
    }
}

@media all and (min-width: 1024px) {
    .icon-callout .icon-description {
        font-size: 1.375rem;
        line-height:1.1818
    }
}

@media all and (min-width: 1280px) {
    .icon-callout .icon-description {
        font-size: 1.5rem;
        line-height:1.1818
    }
}

.icon-callout .icon-description p {
    font-size:1rem
}

@media all and (min-width: 576px) {
    .icon-callout .icon-description p {
        font-size:1.125rem
    }
}

@media all and (min-width: 1024px) {
    .icon-callout .icon-description p {
        font-size: 1.25rem;
        line-height:1.5
    }
}

.icon-callout .ic-btn-container {
    text-align:left
}

@media all and (min-width: 768px) {
    .icon-callout .ic-btn-container {
        text-align:center
    }
}

.icon-callout a[class * =ai-] {
    background-position: center;
    display: inline-block;
    height: 40px;
    width:40px
}

@media all and (min-width: 576px) {
    .icon-callout a[class * =ai-] {
        height: 50px;
        width:50px
    }
}

@media all and (min-width: 1024px) {
    .icon-callout a[class * =ai-] {
        height: 60px;
        width:60px
    }
}

@media print {
    .tp {
        display:none !important
    }
}

.tp.col-lg-6 {
    margin-bottom:30px
}

.tp.col-lg-6 + .tp {
    margin-bottom:0
}

.tp.col-lg-4 {
    margin-bottom:30px
}

.tp.col-lg-4 + .tp + .tp {
    margin-bottom:0
}

.tp .tp-image-container {
    margin-bottom:20px
}

.tp .tp-info {
    padding-right: 0;
    padding-left: 0;
    max-width:530px
}

.tp .tp-info h3 {
    margin-bottom:10px
}

@media all and (min-width: 576px) {
    .tp .tp-info h3 {
        margin-bottom:1.25rem
    }
}

.tp .tp-image-caption {
    color: #4a4a4a;
    font-size: 1.375rem;
    font-weight: bold;
    line-height:1.25
}

.tp .tp-text {
    color: #4a4a4a;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom:calc(.75em + 7px)
}

@media all and (min-width: 768px) {
    .tp .tp-info {
        padding-right: 0;
        padding-left:0
    }

    .tp .tp-image-caption {
        font-size: 1.5rem;
        line-height:1.17
    }

    .tp .tp-text {
        font-size: 1.125rem;
        line-height:1.56
    }
}

@media all and (min-width: 1024px) {
    .tp {
        margin-bottom:0 !important
    }

    .tp .tp-image-caption {
        font-size: 1.75rem;
        line-height:1.13
    }

    .tp .tp-text {
        font-size: 1.25rem;
        line-height:1.5
    }
}

.shrink-wrap-text {
    width:min-content
}

.task-bar {
    display: flex;
    flex-direction: column;
    border-top: solid 10px #f3f3f3;
    border-bottom: solid 10px #f3f3f3;
    margin-bottom:30px
}

.task-bar .task-bar-item {
    padding: 0 16px;
    height: 80px;
    display: flex;
    flex-grow: 1;
    justify-content:center
}

.task-bar .task-bar-item a {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.22;
    background-image: url("data:image/svg+xml, %3Csvg height='25' viewBox='0 0 25 25' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(175, 34, 24)' d='M12.5 0C19.404 0 25 5.596 25 12.5S19.404 25 12.5 25 0 19.404 0 12.5 5.596 0 12.5 0zm-1.276 6.52c-.497 0-.9.404-.9.9v9.326c0 .22.081.433.227.598.33.371.9.405 1.271.075l5.245-4.663c.027-.023.052-.048.075-.075.33-.371.297-.94-.075-1.27l-5.245-4.663c-.165-.146-.378-.227-.598-.227z'/%3E%3C/svg%3E");
    background-size: 17px;
    background-position: right center;
    background-repeat: no-repeat;
    width: 100%;
    padding-right: 30px;
    text-transform: uppercase;
    color:#4a4a4a
}

.task-bar .task-bar-item a span[class * =ai-] {
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right:17px
}

.task-bar .task-bar-item a:hover {
    text-decoration-color:#4a4a4a
}

@media all and (min-width: 576px) {
    .task-bar .task-bar-item a {
        background-size:22px
    }
}

.task-bar:not(.home) .task-bar-item a .shrink-wrap-text {
    width:auto
}

.task-bar.home {
    border-top: 0;
    border-bottom: 0;
    margin-bottom:0
}

.task-bar.home .task-bar-item {
    flex-grow: 1;
    justify-content:center
}

.task-bar.home .task-bar-item a {
    font-weight:600
}

@media all and (min-width: 576px) {
    .task-bar .task-bar-item a span[class * =ai-] {
        width: 36px;
        height:36px
    }
}

.task-bar .task-divider {
    height: 10px;
    background-color:#f3f3f3
}

@media all and (min-width: 680px) {
    .task-bar {
        border-top-width: 15px;
        border-bottom-width: 15px;
        margin-bottom: 40px;
        padding: 25px 0;
        flex-direction:row
    }

    .task-bar .task-bar-item {
        padding:0 28px
    }

    .task-bar .task-bar-item a {
        padding-right: 0;
        width: min-content;
        background-image:none
    }

    .task-bar .task-bar-item a span[class * =ai-] {
        width: 36px;
        height: 36px;
        min-width: 36px;
        margin-right:20px
    }

    .task-bar.home {
        padding: 5px 0;
        border-top: 0;
        border-bottom: 0;
        margin-bottom:0
    }

    .task-bar.home .task-bar-item {
        padding: 0 20px;
        height:63px
    }

    .task-bar.home .task-bar-item a {
        width: auto;
        font-size: 1rem;
        line-height: 1.15;
        padding-right:13px
    }

    .task-bar.home .task-bar-item span[class * =ai-] {
        width: 28px;
        height: 28px;
        min-width: 28px;
        margin-right:10px
    }

    .task-bar .task-divider {
        height: auto;
        width: 1px;
        margin: 0 auto;
        background-color:#979797
    }
}

@media all and (min-width: 900px) {
    .task-bar.no-shrink-900 .task-bar-item {
        flex-grow:0
    }

    .task-bar.no-shrink-900 .task-bar-item a {
        width:auto
    }

    .task-bar.no-shrink-900 .task-bar-item a .shrink-wrap-text {
        width:auto
    }
}

@media all and (min-width: 1024px) {
    .task-bar {
        border-top-width: 20px;
        border-bottom-width: 20px;
        margin-bottom: 40px;
        padding:30px 0
    }

    .task-bar .task-bar-item {
        padding:0 28px
    }

    .task-bar .task-bar-item a {
        font-size:1.375rem
    }

    .task-bar .task-bar-item a span[class * =ai-] {
        width: 41px;
        height: 41px;
        min-width:41px
    }

    .task-bar.home {
        padding: 15px 0;
        border-top: 0;
        border-bottom: 0;
        margin-bottom:0
    }

    .task-bar.home .task-bar-item {
        padding: 0 25px;
        height:80px
    }

    .task-bar.home .task-bar-item a {
        font-size: 1.375rem;
        line-height:1.15
    }

    .task-bar.home .task-bar-item span[class * =ai-] {
        width: 38px;
        height: 38px;
        min-width: 38px;
        margin-right:16px
    }
}

@media all and (min-width: 1100px) {
    .task-bar.no-shrink-1100 .task-bar-item {
        flex-grow:0
    }

    .task-bar.no-shrink-1100 .task-bar-item a {
        width:auto
    }

    .task-bar.no-shrink-1100 .task-bar-item a .shrink-wrap-text {
        width:auto
    }
}

@media all and (min-width: 1280px) {
    .task-bar {
        margin-bottom:60px
    }

    .task-bar.home {
        margin-bottom:0
    }

    .task-bar.shrink-xl .task-bar-item {
        flex-grow:1
    }

    .task-bar.shrink-xl .task-bar-item a {
        width:min-content
    }

    .task-bar.shrink-xl .task-bar-item a .shrink-wrap-text {
        width:min-content
    }

    .task-bar .task-bar-item {
        padding:0 46px
    }

    .task-bar .task-bar-item a {
        font-size:1.5rem
    }

    .task-bar .task-bar-item a span[class * =ai-] {
        width: 60px;
        height: 60px;
        min-width:60px
    }

    .task-bar.home {
        padding: 15px 0;
        border-top: 0;
        border-bottom: 0;
        margin-bottom:0
    }

    .task-bar.home .task-bar-item {
        padding: 0 39px;
        height:100px
    }

    .task-bar.home .task-bar-item a {
        font-size: 1.75rem;
        line-height:1.15
    }

    .task-bar.home .task-bar-item span[class * =ai-] {
        width: 48px;
        height: 48px;
        min-width: 48px;
        margin-right:21px
    }
}

@media all and (min-width: 1350px) {
    .task-bar.no-shrink-1350 .task-bar-item {
        flex-grow:0
    }

    .task-bar.no-shrink-1350 .task-bar-item a {
        width:auto
    }

    .task-bar.no-shrink-1350 .task-bar-item a .shrink-wrap-text {
        width:auto
    }
}

.meter-install-status {
    display: -ms-flexbox !important;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom:10px
}

.meter-install-status .requirement-label {
    flex-basis: 100%;
    margin-right: 12px;
    margin-bottom:10px
}

.meter-install-status .requirement-bar {
    background-color: #f3f3f3;
    flex: 1 1 auto !important;
    height: 10px;
    min-width: 10px;
    margin-right:8px
}

.meter-install-status .requirement-bar.complete {
    background-color:#007bff
}

@media all and (min-width: 576px) {
    .meter-install-status {
        flex-wrap:nowrap
    }

    .meter-install-status .requirement-label {
        flex-basis: unset;
        margin-bottom:0
    }
}

html {
    transition:margin 700ms
}

html.smart-banner-open {
    margin-top:84px
}

.smartbanner {
    position: absolute;
    top: -84px;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    height: 84px;
    background:#f3f3f3
}

@media all and (min-width: 768px) {
    .smartbanner.texas {
        background-color:#fff
    }
}

.smartbanner-exit {
    display: block;
    margin: 0;
    width: 12px;
    height: 12px;
    border: 0;
    text-align:center
}

.smartbanner-exit:before {
    -webkit-transform: rotate(45deg);
    transform:rotate(45deg)
}

.smartbanner-exit:after {
    -webkit-transform: rotate(-45deg);
    transform:rotate(-45deg)
}

.smartbanner-exit:before, .smartbanner-exit:after {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #4a4a4a;
    content: " "
}

.smartbanner-android .smartbanner-exit::before, .smartbanner-android .smartbanner-exit::after {
    background:#4a4a4a
}

.smartbanner-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: solid 1px #979797;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/lib/images/svgs/logos/appIcon.svg);
    margin:0 12px
}

.smartbanner-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.smartbanner-android .smartbanner-info {
    color:#4a4a4a
}

.smartbanner-info .title {
    font-size: .875rem;
    font-weight: 600;
    color: #4a4a4a;
    line-height: 1.1;
    text-transform:uppercase
}

.smartbanner-info .author {
    font-size: .625rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom:6px
}

.smartbanner-info .price {
    font-size: .75rem;
    font-weight: 400;
    line-height:1
}

.smartbanner-button {
    display: block;
    font-size: .875rem;
    padding:2px 14px
}

.smartbanner-android .smartbanner-button {
    font-size:.75rem
}

.search-container {
    display:none
}

@media screen and (min-width: 768px) {
    nav.aep-navbar.navbar-expand-md .open-search {
        display: inline-block;
        background: #fff url("/lib/images/svgs/search.svg") no-repeat;
        background-size: 20px 20px;
        background-position: center center;
        width: 55px;
        height: 55px;
        border-radius: 5px;
        cursor:pointer
    }

    nav.aep-navbar.navbar-expand-md .search-container {
        z-index: 99;
        display: block;
        position: absolute;
        visibility: hidden;
        overflow: hidden;
        right: 24px;
        flex-grow: inherit;
        height: 55px;
        background-color: #fff;
        border-radius: 5px;
        width: 0px;
        -webkit-transition: width .2s;
        transition:width .2s
    }

    nav.aep-navbar.navbar-expand-md .search-container .close-search {
        overflow: hidden;
        height: 55px;
        padding-left: 8px;
        padding-right:3px
    }

    nav.aep-navbar.navbar-expand-md .search-container .close-search span {
        font-size: 4rem;
        font-weight: 300;
        color: #9e9fa1;
        height: 55px;
        width: 40px;
        text-align: center;
        cursor: pointer;
        line-height:58px
    }

    nav.aep-navbar.navbar-expand-md .search-container .search-form:focus {
        outline:none
    }

    nav.aep-navbar.navbar-expand-md .search-container .search-form .search-input {
        display: inline-block;
        height: 35px;
        width: 340px;
        font-size: 1rem;
        border: none;
        border-radius: 0;
        background-color: #fff;
        border-right:1px solid #9e9fa1
    }

    nav.aep-navbar.navbar-expand-md .search-container .search-form .search-input:focus {
        outline: none;
        box-shadow:none
    }

    nav.aep-navbar.navbar-expand-md .search-container .search-form .search-icon {
        display: inline-block;
        width: 55px;
        height: 55px;
        background: rgba(0, 0, 0, 0) url("/lib/images/svgs/search.svg") no-repeat;
        background-size: 28px 28px;
        background-position: center center;
        cursor: pointer;
        border:none
    }

    nav.aep-navbar.navbar-expand-md .search-container .search-form .search-icon:focus {
        outline:none
    }

    nav.aep-navbar.navbar-expand-md button.navbar-toggle {
        display:none
    }

    nav.aep-navbar.navbar-expand-md.search-opened .search-container {
        width: 445px;
        border: 1px solid #9e9fa1;
        visibility:visible
    }

    nav.aep-navbar.navbar-expand-md.search-opened .open-search {
        display:none
    }

    nav.aep-navbar.navbar-expand-md.search-opened .navbar-nav, nav.aep-navbar.navbar-expand-md.search-opened .btn-global-login, nav.aep-navbar.navbar-expand-md.search-opened .aep-icon-login, nav.aep-navbar.navbar-expand-md.search-opened .logout-desktop {
        position: absolute;
        left:-9999px
    }
}

@media screen and (min-width: 1024px) {
    nav.aep-navbar.navbar-expand-md .open-search {
        background-size: 32px 32px;
        width: 60px;
        height:55px
    }

    nav.aep-navbar.navbar-expand-md .search-container {
        right:50px
    }

    nav.aep-navbar.navbar-expand-md .search-container .search-form .search-input {
        font-size:1.25rem
    }

    nav.aep-navbar.navbar-expand-md .search-container .search-form .search-icon {
        width: 60px;
        height: 55px;
        background-size:32px 32px
    }
}

@media screen and (min-width: 1280px) {
    nav.aep-navbar.navbar-expand-md .search-container {
        right:85px
    }
}

.off-canvas-overlay {
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    display: none;
    background: #4a4a4a;
    opacity:.5
}

.nav-overlay {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    height: 126px;
    overflow:hidden
}

.off-canvas-overlay.show-overlay, .nav-overlay.show-overlay {
    display:block
}

.close-x {
    display: inline-block;
    cursor: pointer;
    float: right;
    margin: 0 0 0 1rem;
    font-size:3rem
}

.ai {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    -webkit-print-color-adjust: exact !important;
    color-adjust:exact !important
}

.ai-48-hours {
    background-image: url("/lib/images/svgs/48-hours.svg");
    height: 88px;
    width:88px
}

.ai-about-you {
    background-image: url("/lib/images/svgs/about-you.svg");
    height: 80px;
    width:80px
}

.ai-access {
    background-image: url("/lib/images/svgs/access.svg");
    height: 60px;
    width:60px
}

.ai-add-account {
    background-image: url("/lib/images/svgs/add-account.svg");
    height: 60px;
    width:60px
}

.ai-air-moving {
    background-image: url("/lib/images/svgs/air-moving.svg");
    height: 80px;
    width:80px
}

.ai-alert-triangle {
    background-image: url("/lib/images/svgs/alert-triangle.svg");
    height: 28px;
    width:35px
}

.ai-alert-circular {
    background-image: url("/lib/images/svgs/alert-circular.svg");
    height: 60px;
    width:60px
}

.ai-amp {
    background-image: url("/lib/images/svgs/amp.svg");
    height: 60px;
    width:60px
}

.ai-announcement {
    background-image: url("/lib/images/svgs/announcement.svg");
    height: 45px;
    width:45px
}

.ai-arrows-all-directions {
    background-image: url("/lib/images/svgs/arrows-all-directions.svg");
    height: 49px;
    width:60px
}

.ai-arrows-east-west-o {
    background-image: url("/lib/images/svgs/arrows-east-west-o.svg");
    height: 63px;
    width:63px
}

.ai-autopay {
    background-image: url("/lib/images/svgs/autopay.svg");
    height: 60px;
    width:60px
}

.ai-awkward-face {
    background-image: url("/lib/images/svgs/awkward-face.svg");
    height: 27px;
    width:27px
}

.ai-bar-graph-up {
    background-image: url("/lib/images/svgs/bar-graph-up.svg");
    height: 80px;
    width:80px
}

.ai-battery {
    background-image: url("/lib/images/svgs/battery.svg");
    height: 54px;
    width:38px
}

.ai-bill {
    background-image: url("/lib/images/svgs/bill.svg");
    height: 42px;
    width:32px
}

.ai-bell-circle {
    background-image: url("/lib/images/svgs/bell-circle.svg");
    height: 58px;
    width:58px
}

.ai-bolt {
    background-image: url("/lib/images/svgs/bolt.svg");
    height: 35px;
    width:25px
}

.ai-btn-close {
    background-image: url("/lib/images/svgs/btn-close.svg");
    height: 40px;
    width:40px
}

.ai-budget-spreadsheet {
    background-image: url("/lib/images/svgs/budget-spreadsheet.svg");
    height: 60px;
    width:60px
}

.ai-business {
    background-image: url("/lib/images/svgs/business.svg");
    height: 70px;
    width:70px
}

.ai-calculator {
    background-image: url("/lib/images/svgs/calculator.svg");
    height: 80px;
    width:65px
}

.ai-calendar-flip {
    background-image: url("/lib/images/svgs/calendar-flip.svg");
    height: 56px;
    width:56px
}

.ai-callout-quotes-dollar-sign {
    background-image: url("/lib/images/svgs/callout-quotes-dollar-sign.svg");
    height: 71px;
    width:80px
}

.ai-candle {
    background-image: url("/lib/images/svgs/candle.svg");
    height: 60px;
    width:60px
}

.ai-chat-bubble {
    background-image: url("/lib/images/svgs/chat-bubble.svg");
    height: 52px;
    width:60px
}

.ai-cell-phone-loading-dots {
    background-image: url("/lib/images/svgs/cell-phone-loading-dots.svg");
    height: 60px;
    width:60px
}

.ai-cell-phone-text-bubble {
    background-image: url("/lib/images/svgs/cell-phone-text-bubble.svg");
    height: 76px;
    width:80px
}

.ai-central-air {
    background-image: url("/lib/images/svgs/central-air.svg");
    height: 80px;
    width:72px
}

.ai-chain-link {
    background-image: url("/lib/images/svgs/chain-link.svg");
    height: 71px;
    width:80px
}

.ai-chart {
    background-image: url("/lib/images/svgs/chart.svg");
    background-position-y: -3px;
    height: 34px;
    width:32px
}

.ai-checklist {
    background-image: url("/lib/images/svgs/checklist.svg");
    height: 60px;
    width:60px
}

.ai-checklist-two {
    background-image: url("/lib/images/svgs/checklist-two.svg");
    height: 60px;
    width:60px
}

.ai-check-outage-status {
    background-image: url("/lib/images/svgs/check-outage-status.svg");
    height: 60px;
    width:60px
}

.ai-check-your-email {
    background-image: url("/lib/images/svgs/check-your-email.svg");
    height: 80px;
    width:80px
}

.ai-checkmark-light {
    background-image: url("/lib/images/svgs/checkmark-light.svg");
    height: 80px;
    width:80px
}

.ai-chevron-arrow-left-blue {
    background-image: url("/lib/images/svgs/chevron-arrow-left-blue.svg");
    height: 11px;
    width:17px
}

.ai-chevron-right {
    background-image: url("/lib/images/svgs/chevron-right.svg");
    height: 30px;
    width:30px
}

.ai-chevron-right-o {
    background-image: url("/lib/images/svgs/chevron-right-o.svg");
    height: 63px;
    width:63px
}

.ai-circle-switchboard {
    background-image: url("/lib/images/svgs/circle-switchboard.svg");
    height: 80px;
    width:80px
}

.ai-clipboard {
    background-image: url("/lib/images/svgs/clipboard.svg");
    height: 84px;
    width:61px
}

.ai-clock {
    background-image: url("/lib/images/svgs/clock.svg");
    height: 35px;
    width:35px
}

.ai-clock-circle {
    background-image: url("/lib/images/svgs/clock-circle.svg");
    height: 58px;
    width:58px
}

.ai-coins {
    background-image: url("/lib/images/svgs/coins.svg");
    height: 53px;
    width:59px
}

.ai-commercial-lighting {
    background-image: url("/lib/images/svgs/commercial-lighting.svg");
    height: 60px;
    width:60px
}

.ai-comparepayments-autopay {
    background-image: url("/lib/images/svgs/comparepayments-autopay.svg");
    height: 60px;
    width:60px
}

.ai-comparepayments-paperless {
    background-image: url("/lib/images/svgs/comparepayments-paperless.svg");
    height: 60px;
    width:60px
}

.ai-compressor {
    background-image: url("/lib/images/svgs/compressor.svg");
    height: 80px;
    width:80px
}

.ai-computer-confirm {
    background-image: url("/lib/images/svgs/computer-confirm.svg");
    height: 52px;
    width:54px
}

.ai-computer-envelope {
    background-image: url("/lib/images/svgs/computer-envelope.svg");
    height: 66px;
    width:80px
}

.ai-computer-help {
    background-image: url("/lib/images/svgs/computer-help.svg");
    height: 50px;
    width:60px
}

.ai-computer-money-lightbulb {
    background-image: url("/lib/images/svgs/computer-money-lightbulb.svg");
    height: 80px;
    width:80px
}

.ai-confirm-access {
    background-image: url("/lib/images/svgs/confirm-access.svg");
    height: 60px;
    width:60px
}

.ai-confirmation-code {
    background-image: url("/lib/images/svgs/confirmation-code.svg");
    height: 80px;
    width:80px
}

.ai-connection {
    background-image: url("/lib/images/svgs/connection.svg");
    height: 60px;
    width:60px
}

.ai-convenient-charging {
    background-image: url("/lib/images/svgs/convenient-charging.svg");
    height: 60px;
    width:60px
}

.ai-conversion {
    background-image: url("/lib/images/svgs/conversion.svg");
    height: 49px;
    width:62px
}

.ai-conversation {
    background-image: url("/lib/images/svgs/conversation.svg");
    height: 72px;
    width:80px
}

.ai-credit-card-circle {
    background-image: url("/lib/images/svgs/credit-card-circle.svg");
    height: 92px;
    width:92px
}

.ai-customer {
    background-image: url("/lib/images/svgs/customer.svg");
    height: 80px;
    width:80px
}

.ai-customer-service {
    background-image: url("/lib/images/svgs/customer-service.svg");
    height: 60px;
    width:60px
}

.ai-customer-service-bubble {
    background-image: url("/lib/images/svgs/customer-service-bubble.svg");
    height: 60px;
    width:60px
}

.ai-desktop-monitor {
    background-image: url("/lib/images/svgs/desktop-monitor.svg");
    height: 60px;
    width:60px
}

.ai-disconnected {
    background-image: url("/lib/images/svgs/disconnected.svg");
    height: 60px;
    width:60px
}

.ai-doc {
    background-image: url("/lib/images/svgs/doc.svg")
}

.ai-document-circle {
    background-image: url("/lib/images/svgs/document-circle.svg");
    height: 92px;
    width:92px
}

.ai-document-badge {
    background-image: url("/lib/images/svgs/document-badge.svg");
    height: 60px;
    width:60px
}

.ai-dollar {
    background-image: url("/lib/images/svgs/dollar.svg");
    height: 35px;
    width:35px
}

.ai-down-power-lines {
    background-image: url("/lib/images/svgs/down-power-lines.svg");
    height: 84px;
    width:73px
}

.ai-download-green {
    background-image: url("/lib/images/svgs/download-green.svg");
    height: 27px;
    width:27px
}

.ai-electric-cars {
    background-image: url("/lib/images/svgs/electric-cars.svg");
    height: 60px;
    width:60px
}

.ai-electrical-safety {
    background-image: url("/lib/images/svgs/electrical-safety.svg");
    height: 60px;
    width:60px
}

.ai-electric-car2 {
    background-image: url("/lib/images/svgs/car-electric-2.svg");
    height: 60px;
    width:60px
}

.ai-emission-free {
    background-image: url("/lib/images/svgs/emission-free.svg");
    height: 80px;
    width:80px
}

.ai-energy-rates {
    background-image: url("/lib/images/svgs/energy-rates.svg");
    height: 39px;
    width:55px
}

.ai-enter-new-email {
    background-image: url("/lib/images/svgs/enter-new-email.svg");
    height: 80px;
    width:80px
}

.ai-envelope {
    background-image: url("/lib/images/svgs/envelope.svg");
    height: 39px;
    width:55px
}

.ai-envelope-detailed {
    background-image: url("/lib/images/svgs/envelope-detailed.svg");
    height: 35px;
    width:50px
}

.ai-error {
    background-image: url("/lib/images/svgs/default-error.svg");
    height: 30px;
    width:30px
}

.ai-ev-calculator {
    background-image: url("/lib/images/svgs/ev-calculator.svg");
    height: 30px;
    width:30px
}

.ai-excel {
    background-image: url("/lib/images/svgs/excel.svg")
}

.ai-facebook {
    background-image: url("/lib/images/svgs/facebook.svg");
    height: 40px;
    width: 40px;
    background-position:center bottom
}

.ai-facebook.ai-small {
    height: 30px;
    width:30px
}

.ai-far-less-maintenance {
    background-image: url("/lib/images/svgs/far-less-maintenance.svg");
    height: 44px;
    width:43px
}

.ai-filter {
    background-image: url("/lib/images/svgs/filter.svg");
    height: 24px;
    width:24px
}

@media all and (min-width: 576px) {
    .ai-filter {
        height: 34px;
        width:34px
    }
}

.ai-find-account {
    background-image: url("/lib/images/svgs/find-account.svg");
    height: 80px;
    width:80px
}

.ai-flexibility {
    background-image: url("/lib/images/svgs/flexibility.svg");
    height: 80px;
    width:80px
}

.ai-follow-email-instructions {
    background-image: url("/lib/images/svgs/follow-email-instructions.svg");
    height: 80px;
    width:80px
}

.ai-fraud-scams {
    background-image: url("/lib/images/svgs/fraud-scams.svg");
    height: 60px;
    width:60px
}

.ai-gallery {
    background-image: url("/lib/images/svgs/gallery.svg");
    height: 53px;
    width:60px
}

.ai-gift-in-hand {
    background-image: url("/lib/images/svgs/gift-in-hand.svg");
    height: 70px;
    width:68px
}

.ai-guide-open {
    background-image: url("/lib/images/svgs/guide-open.svg");
    height: 60px;
    width:60px
}

.ai-hand-apple {
    background-image: url("/lib/images/svgs/hand-apple.svg");
    height: 80px;
    width:79px
}

.ai-hardhat {
    background-image: url("/lib/images/svgs/hardhat.svg");
    height: 64px;
    width:69px
}

.ai-hi-bubble {
    background-image: url("/lib/images/svgs/hi-bubble.svg");
    height: 36px;
    width:35px
}

.ai-hi-bubble.ai-large {
    height: 88px;
    width:89px
}

.ai-holding-hands {
    background-image: url("/lib/images/svgs/holding-hands.svg");
    height: 60px;
    width:60px
}

.ai-home {
    background-image: url("/lib/images/svgs/home.svg");
    height: 70px;
    width:70px
}

.ai-home-report-outage {
    background-image: url("/lib/images/svgs/home-report-outage.svg");
    width: 47px;
    height:47px
}

.ai-home-start-service {
    background-image: url("/lib/images/svgs/home-start-service.svg");
    width: 51px;
    height:50px
}

.ai-home-solar-panels-roof {
    background-image: url("/lib/images/svgs/home-solar-panels-roof.svg");
    height: 60px;
    width:60px
}

.ai-house-circle {
    background-image: url("/lib/images/svgs/house-circle.svg");
    height: 92px;
    width:92px
}

.ai-humidity {
    background-image: url("/lib/images/svgs/humidity.svg");
    height: 80px;
    width:80px
}

.ai-hurricane {
    background-image: url("/lib/images/svgs/hurricane.svg");
    height: 69px;
    width:101px
}

.ai-icicles {
    background-image: url("/lib/images/svgs/icicles.svg");
    height: 60px;
    width:60px
}

.ai-info-icon {
    background-image: url("/lib/images/svgs/info-icon.svg");
    height: 20px;
    width: 20px;
    min-width: 20px;
    display:inline-block
}

@media all and (min-width: 768px) {
    .ai-info-icon {
        height: 30px;
        width: 30px;
        min-width:30px
    }
}

.ai-information {
    background-image: url("/lib/images/svgs/information.svg");
    height: 60px;
    width:60px
}

.ai-infrastructure {
    background-image: url("/lib/images/svgs/infrastructure.svg");
    height: 60px;
    width:60px
}

.ai-instagram {
    background-image: url("/lib/images/svgs/instagram.svg");
    height: 40px;
    width: 40px;
    background-size:100%
}

.ai-instagram.ai-small {
    height: 30px;
    width:30px
}

.ai-installers {
    background-image: url("/lib/images/svgs/installers.svg");
    height: 60px;
    width:60px
}

.ai-transmission-circle {
    background-image: url("/lib/images/svgs/transmission-circle.svg");
    height: 51px;
    width:51px
}

.ai-knit-hat {
    background-image: url("/lib/images/svgs/knit-hat.svg");
    height: 60px;
    width:60px
}

.ai-law-justice {
    background-image: url("/lib/images/svgs/law-justice.svg");
    height: 60px;
    width:60px
}

.ai-legal-notices {
    background-image: url("/lib/images/svgs/legal-notices.svg");
    height: 60px;
    width:60px
}

.ai-lightbulb {
    background-image: url("/lib/images/svgs/lightbulb.svg");
    height: 80px;
    width:71px
}

.ai-lightbulb-leaf {
    background-image: url("/lib/images/svgs/lightbulb-leaf.svg");
    height: 80px;
    width:71px
}

.ai-lightbulb-savings {
    background-image: url("/lib/images/svgs/lightbulb-savings.svg");
    height: 84px;
    width:75px
}

.ai-lighting-controls {
    background-image: url("/lib/images/svgs/lighting-controls.svg");
    height: 80px;
    width:80px
}

.ai-lightning {
    background-image: url("/lib/images/svgs/lightning.svg");
    background-repeat: no-repeat;
    height: 70px;
    width:42px
}

.ai-lightning-circle {
    background-image: url("/lib/images/svgs/lightning-circle.svg");
    height: 92px;
    width:92px
}

.ai-linkedin {
    background-image: url("/lib/images/svgs/linked-in-icon.svg");
    height: 40px;
    width: 40px;
    background-size:100%
}

.ai-linkedin.ai-small {
    height: 30px;
    width:33px
}

.ai-location {
    background-image: url("/lib/images/svgs/location.svg");
    height: 60px;
    width:60px
}

.ai-location-house {
    background-image: url("/lib/images/svgs/location-house.svg");
    height: 60px;
    width:60px
}

.ai-location-no-house {
    background-image: url("/lib/images/svgs/location-no-house.svg");
    height: 60px;
    width:60px
}

.ai-long-driving-range {
    background-image: url("/lib/images/svgs/long-driving-range.svg");
    height: 50px;
    width:58px
}

.ai-lower-fuel-cost {
    background-image: url("/lib/images/svgs/lower-fuel-cost.svg");
    height: 48px;
    width:48px
}

.ai-many-hands {
    background-image: url("/lib/images/svgs/many-hands.svg");
    height: 60px;
    width:60px
}

.ai-meter-circle {
    background-image: url("/lib/images/svgs/meter-circle.svg");
    height: 60px;
    width:60px
}

.ai-medical-clipboard {
    background-image: url("/lib/images/svgs/medical-clipboard.svg");
    height: 60px;
    width:60px
}

.ai-mittens {
    background-image: url("/lib/images/svgs/mittens.svg");
    background-repeat: no-repeat;
    height: 70px;
    width:42px
}

.ai-modal-toggle {
    background-image: url("/lib/images/svgs/modal-toggle.svg");
    background-repeat: no-repeat;
    height: 45px;
    width:45px
}

.ai-money-circle {
    background-image: url("/lib/images/svgs/money-circle.svg");
    height: 80px;
    width:80px
}

.ai-more-info {
    background-image: url("/lib/images/svgs/more-info.svg");
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    display:inline-block
}

.ai-motor-gear {
    background-image: url("/lib/images/svgs/motor-gear.svg");
    height: 80px;
    width:80px
}

.ai-much-more {
    background-image: url("/lib/images/svgs/much-more.svg");
    height: 80px;
    width:80px
}

.ai-natural-gas {
    background-image: url("/lib/images/svgs/natural-gas.svg");
    height: 80px;
    width:80px
}

.ai-new-home-step-1 {
    background-image: url("/lib/images/svgs/new-home-step-1.svg");
    height: 60px;
    width:60px
}

.ai-new-home-step-2 {
    background-image: url("/lib/images/svgs/new-home-step-2.svg");
    height: 60px;
    width:60px
}

.ai-new-home-step-3 {
    background-image: url("/lib/images/svgs/new-home-step-3.svg");
    height: 60px;
    width:60px
}

.ai-new-home-step-4 {
    background-image: url("/lib/images/svgs/new-home-step-4.svg");
    height: 60px;
    width:60px
}

.ai-new-home-step-5 {
    background-image: url("/lib/images/svgs/new-home-step-5.svg");
    height: 60px;
    width:60px
}

.ai-new-home-step-6 {
    background-image: url("/lib/images/svgs/new-home-step-6.svg");
    height: 60px;
    width:60px
}

.ai-newsletter {
    background-image: url("/lib/images/svgs/newsletter.svg");
    height: 60px;
    width:60px
}

.ai-one-time {
    background-image: url("/lib/images/svgs/one-time.svg");
    height: 60px;
    width:60px
}

.ai-oops {
    background-image: url("/lib/images/svgs/oops.svg");
    height: 45px;
    width:145px
}

.ai-open {
    background-image: url("/lib/images/svgs/open.svg");
    background-position-y: -2px;
    height: 59px;
    width:66px
}

.ai-other-problem {
    background-image: url("/lib/images/svgs/other-problem.svg");
    height: 60px;
    width:60px
}

.ai-outage-details {
    background-image: url("/lib/images/svgs/outage-details.svg");
    height: 80px;
    width:80px
}

.ai-paper-leaf {
    background-image: url("/lib/images/svgs/paper-leaf.svg");
    height: 80px;
    width:70px
}

.ai-paperless {
    background-image: url("/lib/images/svgs/paperless.svg");
    height: 80px;
    width:80px
}

.ai-papers {
    background-image: url("/lib/images/svgs/papers.svg");
    height: 60px;
    width:60px
}

.ai-pay-as-guest {
    background-image: url("/lib/images/svgs/pay-as-guest.svg");
    height: 60px;
    width:60px
}

.ai-pay-bill-circle {
    background-image: url("/lib/images/svgs/pay-bill-circle.svg");
    height: 47px;
    width:47px
}

.ai-pay-in-person {
    background-image: url("/lib/images/svgs/pay-in-person.svg");
    height: 60px;
    width:60px
}

.ai-pay-by-phone {
    background-image: url("/lib/images/svgs/pay-by-phone.svg");
    height: 60px;
    width:60px
}

.ai-pay-by-mail {
    background-image: url("/lib/images/svgs/pay-by-mail.svg");
    height: 60px;
    width:60px
}

.ai-payment-assistance {
    background-image: url("/lib/images/svgs/payment-assistance.svg");
    height: 60px;
    width:60px
}

.ai-payment-assistance-circle {
    background-image: url("/lib/images/svgs/payment-assistance-circle.svg");
    height: 47px;
    width:47px
}

.ai-person {
    background-image: url("/lib/images/svgs/person.svg");
    height: 31px;
    width:28px
}

.ai-phone {
    background-image: url("/lib/images/svgs/phone.svg");
    height: 20px;
    width:20px
}

.ai-pin {
    background-image: url("/lib/images/svgs/pin.svg")
}

.ai-pipp {
    background-image: url("/lib/images/svgs/pipp.svg");
    height: 60px;
    width:60px
}

.ai-pointer {
    background-image: url("/lib/images/svgs/pointer.svg");
    height: 20px;
    width:20px
}

.ai-power-pay {
    background-image: url("/lib/images/svgs/power-pay.svg");
    height: 60px;
    width:60px
}

.ai-power-outage {
    background-image: url("/lib/images/svgs/power-outage.svg");
    height: 70px;
    width:70px
}

.ai-powerful-bolt {
    background-image: url("/lib/images/svgs/powerful-bolt.svg");
    height: 50px;
    width:58px
}

.ai-print {
    background-image: url("/lib/images/svgs/print.svg");
    width: 26px;
    height:25px
}

.ai-moving-truck {
    background-image: url("/lib/images/svgs/moving-truck.svg");
    height: 80px;
    width:80px
}

.ai-question-bubble {
    background-image: url("/lib/images/svgs/question-bubble.svg");
    height: 61px;
    width:66px
}

.ai-question-mark {
    background-image: url("/lib/images/svgs/question-mark.svg");
    height: 60px;
    width:60px
}

.ai-reduce-energy {
    background-image: url("/lib/images/svgs/reduce-energy.svg");
    height: 80px;
    width:80px
}

.ai-renewable {
    background-image: url("/lib/images/svgs/renewable.svg");
    height: 80px;
    width:80px
}

.ai-restore-power {
    background-image: url("/lib/images/svgs/restore-power.svg");
    height: 60px;
    width:60px
}

.ai-sad-face {
    background-image: url("/lib/images/svgs/sad-face.svg");
    height: 27px;
    width:27px
}

.ai-safety-hazard {
    background-image: url("/lib/images/svgs/safety-hazard.svg");
    height: 70px;
    width:70px
}

.ai-scam {
    background-image: url("/lib/images/svgs/scam.svg");
    height: 34px;
    width:32px
}

.ai-smart-thermostat {
    background-image: url("/lib/images/svgs/smart-thermostat.svg");
    height: 60px;
    width:60px
}

.ai-speedometer {
    background-image: url("/lib/images/svgs/speedometer.svg");
    height: 44px;
    width:50px
}

.ai-spray-bottle {
    background-image: url("/lib/images/svgs/spray--bottle.svg");
    height: 81px;
    width:70px
}

.ai-start-service-circle {
    background-image: url("/lib/images/svgs/start-service-circle.svg");
    height: 47px;
    width:47px
}

.ai-star-filtered {
    background-image: url("/lib/images/svgs/star-filtered.svg");
    height: 19px;
    width:19px
}

.ai-star-filtered.inline-centered {
    height: 23px;
    margin-right: 5px;
    vertical-align:middle
}

.ai-stop-o {
    background-image: url("/lib/images/svgs/stop-o.svg");
    height: 63px;
    width:63px
}

.ai-store {
    background-image: url("/lib/images/svgs/store.svg");
    height: 43px;
    width:53px
}

.ai-storm {
    background-image: url("/lib/images/svgs/storm.svg");
    height: 60px;
    width:60px
}

.ai-step-number {
    background-image: url("/lib/images/svgs/step-number.svg");
    height: 30px;
    width:30px
}

.ai-step-number-selected {
    background-image: url("/lib/images/svgs/step-number-selected.svg");
    height: 44px;
    width:44px
}

.ai-success-check {
    background-image: url("/lib/images/svgs/success-check.svg");
    height: 30px;
    width: 30px;
    -webkit-print-color-adjust: exact !important;
    color-adjust:exact !important
}

.ai-sun {
    background-image: url("/lib/images/svgs/sun.svg");
    height: 60px;
    width:60px
}

.ai-support-monitor {
    background-image: url("/lib/images/svgs/support-monitor.svg");
    height: 60px;
    width:60px
}

.ai-texas-outline {
    background-image: url("/lib/images/svgs/texas-outline.svg");
    height: 51px;
    width:61px
}

.ai-thermometer {
    background-image: url("/lib/images/svgs/thermometer.svg");
    height: 80px;
    width:71px
}

.ai-thermostat {
    background-image: url("/lib/images/svgs/thermostat.svg");
    height: 80px;
    width:80px
}

.ai-text-alert-box {
    background-image: url("/lib/images/svgs/text-alert-box.svg");
    height: 35px;
    width:50px
}

.ai-tools-x {
    background-image: url("/lib/images/svgs/tools-x.svg");
    height: 54px;
    width:54px
}

.ai-transmission-tower {
    background-image: url("/lib/images/svgs/transmission-tower.svg");
    height: 60px;
    width:60px
}

.ai-transmission {
    background-image: url("/lib/images/svgs/transmission-tower-new.svg");
    height: 60px;
    width:60px
}

.ai-trees {
    background-image: url("/lib/images/svgs/trees.svg");
    height: 60px;
    width:76px
}

.ai-triangle-alert {
    background-image: url("/lib/images/svgs/triangle-alert.svg");
    height:58px
}

.ai-twitter {
    background-image: url("/lib/images/svgs/twitter.svg");
    height: 40px;
    width: 40px;
    background-size:100%
}

.ai-twitter.ai-small {
    height: 30px;
    width:30px
}

.ai-verify-account-access {
    background-image: url("/lib/images/svgs/verify-account-access.svg");
    height: 80px;
    width:80px
}

.ai-verify-your-email {
    background-image: url("/lib/images/svgs/verify-your-email.svg");
    height: 80px;
    width:80px
}

.ai-wallet {
    background-image: url("/lib/images/svgs/wallet.svg");
    height: 60px;
    width:60px
}

.ai-warning-circle {
    background-image: url("/lib/images/svgs/warning-circle.svg");
    height: 30px;
    width:30px
}

.ai-water-heater {
    background-image: url("/lib/images/svgs/water-heater.svg");
    height: 80px;
    width:49px
}

.ai-weatherization {
    background-image: url("/lib/images/svgs/weatherization.svg");
    height: 60px;
    width:60px
}

.ai-where {
    background-image: url("/lib/images/svgs/where.svg");
    height: 59px;
    width:61px
}

.ai-wind-turbine {
    background-image: url("/lib/images/svgs/wind-turbine.svg");
    height: 80px;
    width:80px
}

.ai-winter-house {
    background-image: url("/lib/images/svgs/winter-house.svg");
    height: 60px;
    width:60px
}

.ai-wrench-and-nuts {
    background-image: url("/lib/images/svgs/wrench-and-nuts.svg");
    height: 60px;
    width:60px
}

.ai-x-symbol {
    background-image: url("/lib/images/svgs/x-symbol.svg");
    height: 20px;
    width:20px
}

.ai-you-tube {
    background-image: url("/lib/images/svgs/you-tube.svg");
    height: 40px;
    width: 40px;
    background-size:100%
}

.ai-you-tube.ai-small {
    height: 30px;
    width:33px
}

.ai-zip {
    background-image: url("/lib/images/svgs/zip.svg")
}

.ai-info-dollar {
    background-image: url("/lib/images/svgs/info-dollar.svg");
    height: 20px;
    width:20px
}

@media all and (min-width: 768px) {
    .ai-info-dollar {
        height: 30px;
        width: 30px;
        min-width:30px
    }
}

.nav-tabs {
    border-bottom:0
}

.nav-tabs .nav-item {
    border-radius: 5px 5px 0 0;
    border-right: 5px solid #e4f4fd;
    border-left: 5px solid #e4f4fd;
    border-top: 5px solid #e4f4fd;
    margin:0 20px -1px 0
}

@media all and (min-width: 1024px) {
    .nav-tabs .nav-item {
        margin:0 15px -1px 0
    }
}

.nav-tabs .nav-item.active, .nav-tabs .nav-item.show .nav-link {
    color: #4a4a4a;
    background-color:#e4f4fd
}

.nav-tabs .nav-item:last-child {
    margin:0 0 -1px 0
}

.nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #4a4a4a;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.5;
    padding: 15px 18px;
    margin:0
}

@media all and (min-width: 1024px) and(max-width: 1280px) {
    .nav-tabs .nav-link {
        font-size: 1.375rem;
        padding:16px 21px
    }
}

@media all and (min-width: 1280px) {
    .nav-tabs .nav-link {
        font-size: 1.5rem;
        padding:15px 18px
    }
}

.nav-tabs .nav-link.active {
    background-color: #e4f4fd;
    border-color:rgba(0, 0, 0, 0)
}

.tab-content {
    border: 12px solid #e4f4fd;
    padding:40px 45px
}

@media all and (min-width: 1024px) {
    .tab-content {
        padding:18px 0px 30px 20px
    }
}

.table {
    margin-bottom:0
}

.table thead th {
    vertical-align:top
}

.table-sm th, .table-sm td {
    vertical-align:top
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color:rgba(53, 178, 226, .05)
}

.table-row-dividers {
    color:#4a4a4a
}

.table-row-dividers tbody tr {
    border-bottom:1px solid #979797
}

.table-row-dividers th {
    font-size: .875rem;
    font-weight: bold;
    padding:0 5px
}

.table-row-dividers th:first-child {
    padding-left:0
}

.table-row-dividers td {
    font-size: 1rem;
    padding:23px 5px
}

.table-row-dividers td:first-child {
    padding-left:0
}

@media all and (min-width: 768px) {
    .table-row-dividers th {
        font-size:1.25rem
    }

    .table-row-dividers td {
        font-size:1.125rem
    }
}

@media all and (min-width: 768px) {
    .table-stacked h4 {
        font-size: 1.25rem;
        font-weight:300
    }
}

.table-stacked thead {
    display:none
}

@media all and (min-width: 768px) {
    .table-stacked thead {
        display:table-header-group
    }
}

.table-stacked tbody tr {
    border: 1px solid #f3f3f3;
    display: block;
    margin: 0 0 10px 0;
    padding:30px 20px
}

@media all and (min-width: 768px) {
    .table-stacked tbody tr {
        display: table-row;
        padding:inherit
    }
}

.table-stacked tbody tr:nth-of-type(odd) {
    background-color:#fff
}

@media all and (min-width: 768px) {
    .table-stacked tbody tr:nth-of-type(odd) {
        background-color:rgba(53, 178, 226, .05)
    }
}

.table-stacked tbody tr:nth-of-type(even) {
    background-color:#f3f3f3
}

@media all and (min-width: 768px) {
    .table-stacked tbody tr:nth-of-type(even) {
        background-color:inherit
    }
}

.table-stacked.table-bordered {
    border:none
}

@media all and (min-width: 768px) {
    .table-stacked.table-bordered {
        border:1px solid #dcdcdc
    }
}

.table-stacked.table-bordered td {
    border:none
}

@media all and (min-width: 768px) {
    .table-stacked.table-bordered td {
        border:1px solid #dcdcdc
    }
}

.table-stacked td {
    display:block
}

@media all and (max-width: 767px) {
    .table-stacked td {
        padding: 25px 0 30px;
        position:relative
    }

    .table-stacked td:before {
        position: absolute;
        top: 0;
        font-size: 1.125rem;
        font-weight: 600;
        left: 0;
        line-height: 1.1;
        content:attr(data-label)
    }

    .table-stacked td:last-child {
        padding:25px 0 0 0
    }

    .table-stacked td h4 {
        font-size: 1rem;
        font-weight:300
    }
}

@media all and (min-width: 768px) {
    .table-stacked td {
        display:table-cell
    }
}

table.pay-details-table {
    width:100%
}

table.pay-details-table td {
    display: block;
    width:100%
}

table.pay-details-table .pay-details-value {
    text-align: left;
    padding-bottom:10px
}

@media all and (min-width: 576px) {
    table.pay-details-table {
        width:85%
    }

    table.pay-details-table td {
        display: table-cell;
        width:auto
    }

    table.pay-details-table .pay-details-value {
        text-align: right;
        padding-bottom:0
    }
}

@media all and (min-width: 768px) {
    table.pay-details-table {
        width:90%
    }
}

@media all and (min-width: 1024px) {
    table.pay-details-table {
        width:80%
    }
}

@media all and (min-width: 1280px) {
    table.pay-details-table {
        width:66%
    }
}

#paymentsTable {
    display:block
}

#mobileView {
    display:none
}

#paymentsTable th {
    border: none;
    text-align:center
}

#paymentsTable th .ai {
    display: inline-block;
    height: 40px;
    width:40px
}

#paymentsTable.table-bordered {
    border:none
}

#mobileView .ai {
    display: inline-block;
    height: 25px;
    width:25px
}

@media only screen and (max-width: 950px) {
    #mobileView {
        display:block
    }

    #paymentsTable {
        display:none
    }

    .show-for-950-down {
        display:inherit
    }
}

.super-script {
    vertical-align: super;
    font-size:.625em
}

th.th-link:hover {
    cursor:pointer
}

@media all and (min-width: 400px) {
    .payment-table th:last-child {
        width:25%
    }
}

@media all and (min-width: 576px) {
    .payment-table th:last-child {
        width:20%
    }
}

.table-filtered .dt-control-link {
    cursor:pointer
}

.table-filtered td.dt-control {
    height: 100%;
    width: 38px;
    cursor: pointer;
    position: relative;
    padding:0
}

.table-filtered td.dt-control:before, .table-filtered td.dt-control:after {
    background: #4a4a4a;
    content: "";
    height: 4px;
    top: 26px;
    position: absolute;
    width: 20px;
    transition:transform 500ms ease
}

.table-filtered td.dt-control:before {
    transform:rotate(180deg)
}

.table-filtered td.dt-control:after {
    transform: rotate(90deg);
    transform-origin:center
}

.table-filtered tr.shown td.dt-control:after {
    transform:rotate(0deg)
}

.table-filtered tbody td.no-border {
    padding-top: 0;
    padding-bottom: 0;
    border-top:none
}

.table-filtered .dt-control-details {
    display:none
}

.table-filtered thead {
    background-color:#f3f3f3
}

.table-filtered thead th {
    border:none
}

.table-filtered th {
    font-size: 1.25rem;
    font-weight:600
}

.table-filtered tr:first-child td {
    border-top:none
}

.table-filtered tr:last-child td {
    border-bottom:1px solid #dcdcdc
}

.dt-hide {
    display:none
}

@media (min-width: 576px) {
    .dt-show-for-sm {
        display:table-cell
    }
}

@media (min-width: 768px) {
    .dt-show-for-md {
        display:table-cell
    }
}

.cb-filters label {
    margin-bottom:0
}

.dt-filter-inputs-container {
    background-color: #e4f4fd;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 16px;
    padding-right:16px
}

.dt-filter-inputs-container .ai-info-icon {
    height: 20px;
    width:20px
}

@media (min-width: 1024px) {
    .dt-filter-container {
        background-color: #e4f4fd;
        padding-bottom: 10px;
        padding-right: 20px;
        padding-left: 12px;
        padding-top:10px
    }

    .dt-filter-inputs-container {
        padding:0
    }
}

.stack-all-columns-sm thead, .stack-all-columns-md thead {
    display:none
}

@media (min-width: 576px) {
    .stack-all-columns-sm thead {
        display:table-header-group
    }

    .table-filtered td {
        padding:1rem
    }

    .table-filtered td.dt-control {
        width:7%
    }

    .table-filtered th {
        padding:.75rem 1rem
    }

    .table-filtered td.dt-control:before, .table-filtered td.dt-control:after {
        top: 28px;
        width:24px
    }
}

@media (min-width: 768px) {
    .stack-all-columns-md thead {
        display:table-header-group
    }
}

@media (min-width: 1024px) {
    .table-filtered td {
        padding:1.5rem
    }

    .table-filtered th {
        font-size: 1.5rem;
        padding:.75rem 1.5rem
    }

    .table-filtered td.dt-control {
        width:6%
    }

    .table-filtered td.dt-control:before, .table-filtered td.dt-control:after {
        top:36px
    }
}

.table-filtered-search-form {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    border:solid 1px #4a4a4a
}

.table-filtered-search-form .search-input {
    display: inline-block;
    height: 43px;
    font-size: 1rem;
    border: none;
    background-color:#fff
}

.table-filtered-search-form .search-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: rgba(0, 0, 0, 0) url(/lib/images/svgs/search.svg) no-repeat;
    background-size: 21px 21px;
    background-position: center center;
    cursor: pointer;
    border: none;
    margin-right:5px
}

.chip {
    display: inline-block;
    background-color: #fff;
    border-radius: 50px;
    border: solid 1px #4a4a4a;
    font-size: .75rem;
    padding: .75rem 1.4rem;
    text-transform:uppercase
}

.chip.orange {
    border: solid 1px #fcebd2;
    background-color: #fcebd2;
    color:#df6d00
}

.chip.green {
    border: solid 1px #eef6e4;
    background-color: #eef6e4;
    color:#5ba400
}

@media (min-width: 768px) {
    .chip {
        font-size:.875rem
    }
}

.progress-indicator {
    margin-bottom:20px
}

.progress-indicator .steps {
    display: -ms-flexbox !important;
    display: flex !important;
    align-items:center
}

.progress-indicator .steps .step-number {
    font-size: .875rem;
    font-weight: 600;
    color: #9e9fa1;
    background-size: 100%;
    background-position: center center;
    line-height: 25px;
    padding-left: 9px;
    margin-right:5px
}

.progress-indicator .steps .step-number.ai-step-number-selected {
    line-height: 25px;
    padding-left: 9px;
    color: #0078aa;
    width: 25px;
    height:25px
}

.progress-indicator .steps .step-number.ai-success-check, .progress-indicator .steps .step-number.ai-step-number {
    height: 25px;
    width:25px
}

.progress-indicator .steps .step-number.last {
    margin-right:0
}

.progress-indicator .steps .step-bar {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    height: 10px;
    background-color: #ddd;
    margin-right:5px
}

.progress-indicator .steps .step-bar.step-selected {
    background-color:#007bff
}

@media (min-width: 576px) {
    .progress-indicator .steps .step-number {
        font-size: 1.25rem;
        line-height: 30px;
        padding-left: 9.5px;
        margin-right: 15px;
        margin-left:5px
    }

    .progress-indicator .steps .step-number.ai-step-number-selected {
        line-height: 44px;
        padding-left: 16px;
        font-size: 1.5rem;
        margin-right: 10px;
        width: 44px;
        height:44px
    }

    .progress-indicator .steps .step-number.ai-success-check, .progress-indicator .steps .step-number.ai-step-number {
        height: 30px;
        width:30px
    }

    .progress-indicator .steps .step-number.first {
        margin-left:0
    }

    .progress-indicator .steps .step-number.last {
        margin-right:0
    }

    .progress-indicator .steps .step-bar {
        margin-right: 10px;
        height:10px
    }
}

.next-step-container {
    display: none;
    background-color: #e4f4fd;
    align-items:center
}

.next-step-container .next-step {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin:20px 20px
}

.next-step-container .next-step * {
    text-align:center
}

@media (min-width: 768px) {
    .next-step-container {
        display: -ms-flexbox;
        display:flex
    }
}

@media (min-width: 1024px) {
    .next-step-container .ai {
        height:80px
    }
}

.widget-loader {
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: loaderSpin .6s linear infinite;
    -moz-animation: loaderSpin .6s linear infinite;
    animation: loaderSpin .6s linear infinite;
    height: 20px;
    width: 20px;
    border: 2px solid #009cde;
    margin-top: -2px;
    margin-right: 5px;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-radius:50%
}

@-webkit-keyframes loaderSpin {
    from {
        -webkit-transform:rotate(0deg)
    }

    to {
        -webkit-transform:rotate(360deg)
    }
}

@-moz-keyframes loaderSpin {
    from {
        -moz-transform:rotate(0deg)
    }

    to {
        -moz-transform:rotate(360deg)
    }
}

@keyframes loaderSpin {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform:rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}

.widget-loader-container {
    min-height: 200px;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0s .4s, opacity .4s 0s;
    -moz-transition: all 0s .4s, opacity .4s 0s;
    transition:all 0s .4s, opacity .4s 0s
}

.widget-loader-container.show {
    -webkit-transition: all 0s 0s, opacity .4s;
    -moz-transition: all 0s 0s, opacity .4s;
    transition: all 0s 0s, opacity .4s;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform:scale(1)
}

.widget-loader-container .widget-loader {
    position: absolute;
    top: 40%;
    right: 50%;
    bottom: auto;
    left: auto;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-right:-25px
}

.widget-loader-container::after {
    content: "";
    opacity:0
}

.widget-loader-container.patience::after {
    content: "Taking longer than expected... \aThank you for your patience.";
    text-align: center;
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: 240px;
    margin-left: -120px;
    font-size: 1rem !important;
    transition: opacity .5s linear;
    opacity:1
}

.ff-error-div {
    width: auto !important;
    text-align: left !important;
    color:#da291c
}

.auto-pay-container .ai-dollar {
    height: 60px;
    width: 60px;
    margin-bottom:4px
}

.auto-pay-container .ai-envelope-detailed {
    height: 55px;
    width: 80px;
    margin-top: 5px;
    margin-bottom:4px
}

.auto-pay-container .ai-text-alert-box {
    height: 60px;
    width: 72px;
    margin-top: 3px;
    margin-bottom:1px
}

.view-bill-wrapper .error-wrapper {
    background-color: #da291c;
    color: #fff;
    padding: 20px 30px;
    position: relative;
    z-index:10
}

.view-bill-wrapper .error-wrapper .ai.ai-warning-circle {
    display:inline-block
}

.view-bill-wrapper .error-wrapper a {
    color: #fff;
    text-decoration:underline
}

.view-bill-wrapper .error-wrapper a:hover {
    text-decoration-color:#fff
}

.view-bill-wrapper .error-wrapper a .error-message-close {
    text-decoration:none
}

.view-bill-wrapper .error-wrapper a .error-message-close:hover {
    text-decoration:none
}

.view-bill-wrapper .bill-pdf-wrapper a:hover {
    cursor:pointer
}

.view-bill-wrapper .hidden {
    display:none
}

.view-bill-wrapper .outerCont {
    width: 100%;
    min-height: 320px;
    background-color: #ebebeb;
    border: solid 1px #404040;
    border-top:none
}

.view-bill-wrapper .divContentInner {
    margin:0 !important
}

.view-bill-wrapper .center {
    margin: 0 auto;
    text-align:center
}

.view-bill-wrapper .addAltMarginLeft {
    margin-left:15px
}

.view-bill-wrapper .addAltMarginBottom {
    margin-bottom:15px
}

.view-bill-wrapper .billNavSelected a {
    color: #000;
    text-decoration: none;
    cursor:auto
}

.view-bill-wrapper .billHeader {
    padding-top: 8px;
    border-top: solid 1px #d3d3d3;
    margin:10px 18px 15px 0
}

.view-bill-wrapper .dimmed-global {
    position:relative
}

.view-bill-wrapper #mozPrintCallback-shim {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    display: block;
    text-align: center;
    background-color:rgba(0, 0, 0, .5)
}

.view-bill-wrapper #mozPrintCallback-shim[hidden] {
    display:none
}

@media print {
    .view-bill-wrapper #mozPrintCallback-shim {
        display:none
    }
}

.view-bill-wrapper #mozPrintCallback-shim .mozPrintCallback-dialog-box {
    display: inline-block;
    margin: -50px auto 0;
    position: relative;
    top: 45%;
    left: 0;
    min-width: 220px;
    max-width: 400px;
    padding: 9px;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    background-color: #474747;
    color: #d9d9d9;
    font-size: 1rem;
    line-height:1.25rem
}

.view-bill-wrapper #mozPrintCallback-shim .progress-row {
    clear: both;
    padding:1em 0
}

.view-bill-wrapper #mozPrintCallback-shim progress {
    width:100%
}

.view-bill-wrapper #mozPrintCallback-shim .relative-progress {
    clear: both;
    float:right
}

.view-bill-wrapper #mozPrintCallback-shim .progress-actions {
    clear:both
}

.view-bill-wrapper .dimmed {
    background: rgba(239, 239, 239, .8);
    position: relative;
    margin-top: 100px;
    display: block;
    text-align: center;
    margin: 0 auto;
    vertical-align:middle
}

.view-bill-wrapper div.processing:after {
    display: block;
    content: " ";
    min-height: 255px;
    background-image: url(/lib/images/account/bills/view/loading-transparent-64.png);
    background-position: center center;
    background-repeat:no-repeat
}

.story-title a {
    color:#4a4a4a
}

.story-title a:hover {
    text-decoration-color:#4a4a4a
}

figure.aep-story-image {
    width: 100%;
    margin:0 0 25px 0
}

figure.aep-story-image::after {
    content: "";
    clear: both;
    display:table
}

figure.aep-story-image img {
    max-width: 100%;
    height: auto;
    border-radius:.25em
}

figure.aep-story-image figcaption {
    padding-top: 12px;
    font-size:94%
}

figure.aep-story-image.right {
    float: none;
    text-align: left;
    margin:0 0 25px 0
}

figure.aep-story-image.center {
    float: none;
    text-align: left;
    margin:0 auto 25px auto
}

.aep-story-video {
    margin:0 0 20px 20px
}

span.story-primary-heading {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    color: #af2218;
    text-transform: uppercase;
    margin-bottom:.5em
}

span.story-secondary-heading {
    display: block;
    font-size: 2rem;
    color: #4a4a4a;
    font-weight: normal;
    margin-bottom:.5em
}

@media all and (min-width: 1024px) {
    figure.aep-story-image.medium {
        width:60%
    }

    .aep-story-video {
        float: right;
        width: 60%;
        margin:0 0 20px 20px
    }
}

@media all and (min-width: 768px) {
    figure.aep-story-image.center {
        text-align:center
    }

    figure.aep-story-image.right {
        float: right;
        width: 60%;
        margin:0 0 25px 20px
    }

    figure.aep-story-image.small {
        width:33%
    }

    figure.aep-story-image.medium {
        width:45%
    }

    .aep-story-video {
        float: right;
        width: 45%;
        margin:0 0 25px 20px
    }
}

.allconnect #test {
    text-align:left !important
}

.allconnect h2, .allconnect .logo-aep {
    display:none
}

.allconnect .text-aep {
    font-size: inherit;
    margin: 0 !important;
    max-width: 95%;
    text-align:left
}

.allconnect .button-aep {
    border: none;
    border-radius: 4px;
    font-size: 1.1875rem;
    line-height: 2;
    padding: 0 20px;
    color: #4a4a4a;
    background-color: rgba(255, 255, 255, .23);
    border: solid 1px #4a4a4a;
    margin: 30px 0;
    width: auto;
    display: inline-block;
    text-decoration:none
}

.allconnect .button-aep:hover {
    background-color: #4a4a4a;
    color: #fff;
    text-decoration:none
}

@media all and (min-width: 1280px) {
    .allconnect .button-aep {
        font-size: 1.625rem;
        line-height: 2.3077;
        padding: 0 30px
    }
}