#app .range-slider {
    width: 100%!important;
    padding-left: 1px
}

#app .range-slider-knob {
    box-shadow: none;
    width: 38px;
    height: 38px
}

#app .blue .range-slider-fill {
    background: linear-gradient(90deg, #1c97ce, #0b5d8b)
}

#app .red .range-slider-fill {
    background: linear-gradient(90deg, #fa0e1b, #d30915)
}

#app .range-slider-fill {
    height: 10px;
    border-radius: 8px
}

#app .range-slider-rail {
    height: 9px;
    border-radius: 5px;
    background-color: #d7d7d7
}

#app .bg-med-grey .range-slider-rail {
    background-color: #c7c7c7
}

#app .blue .range-slider-knob {
    background-color: #199dd0;
    border: 1px solid #1890bc
}

#app .red .range-slider-knob {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1OS4yIDM1LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU5LjIgMzUuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjIuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMzQuMyIgeTE9IjI3IiB4Mj0iMjUuNiIgeTI9IjI3Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01Ny4yLDIzLjlsLTEuMy01LjRjLTEtMy00LjYtNC00LjYtNEw0NC42LDEyYy0xLjMtMC45LTMuMy0yLjctMy4zLTIuN2wtNC44LTQuNUMzNC4xLDIuMiwyOSwyLjQsMjksMi40SDEyLjUKCWMtMS42LDAtMi45LDAuNi00LjMsM2wtNC4xLDcuOUwyLjIsMjQiLz4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTMuNiIgY3k9IjI3LjMiIHI9IjYuMyIvPgo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI0Ni42IiBjeT0iMjcuMyIgcj0iNi4zIi8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LjcsMTEuMSIvPgo8L3N2Zz4K);
    background-size: 90%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #ed0c1a!important;
    border: 1px solid #db0d17
}

#app .blue .range-slider-knob:before {
    content: "\2039";
    margin-left: 7.5px;
    white-space: pre;
    color: #fff;
    font-size: 26px;
    line-height: 31px
}

#app .blue .range-slider-knob:after {
    content: "\203A";
    margin-left: 7px;
    white-space: pre;
    color: #fff;
    font-size: 26px;
    line-height: 31px
}

@font-face {
    font-family: 'MMC';
    src: url('static/fonts/MMC-Bold.eot');
    src: url('static/fonts/MMC-Bold.eot?#iefix') format('embedded-opentype'), url('static/fonts/MMC-Bold.woff2') format('woff2'), url('static/fonts/MMC-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MMC';
    src: url('static/fonts/MMC-Regular.eot');
    src: url('static/fonts/MMC-Regular.eot?#iefix') format('embedded-opentype'), url('static/fonts/MMC-Regular.woff2') format('woff2'), url('static/fonts/MMC-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MMC';
    src: url('static/fonts/MMC-Medium.eot');
    src: url('static/fonts/MMC-Medium.eot?#iefix') format('embedded-opentype'), url('static/fonts/MMC-Medium.woff2') format('woff2'), url('static/fonts/MMC-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

body {
    font-family: 'MMC', sans-serif!important;
    text-transform: uppercase;
    overflow-x: hidden;
    margin: 0
}

button:active,
button:focus {
    outline: none;
    border: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'MMC', sans-serif!important
}

sup.unit {
    margin-left: 5px
}

header {
    text-align: center;
    text-transform: uppercase
}

header h1 {
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    margin: 0
}

header h1 .grey {
    color: #ddd
}

header h2 {
    font-size: 18px;
    color: #333;
    margin: 0;
    font-weight: 200;
    letter-spacing: -.01
}

.disclaimer {
    font-size: 8px;
    color: #999;
    font-family: Arial;
    text-transform: none;
    margin-top: 0;
    padding: 0
}

.prototype {
    color: #ed0000;
    position: absolute;
    font-weight: 700;
    font-size: 21px;
    margin-left: 10px;
    opacity: .3
}

.logo {
    width: 140px;
    height: 134.5px;
    max-width: 140px;
    padding: 5px;
    margin-top: 10px
}

.bg-black {
    background-color: #000;
    background: linear-gradient(120deg, #666, #1c1c1c 36%, #000)
}

.bg-grey {
    background-color: #f8f8f8
}

.bg-med-grey {
    background-color: #e9e9e9
}

.btn,
.savings {
    font-weight: 700
}

.btn {
    cursor: pointer;
    background: #ed0000;
    color: #fff;
    font-family: 'MMC', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 16px;
    font-size: 28px;
    line-height: 1.5;
    width: 100%;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn:focus,
.btn:hover {
    text-decoration: none
}

.btn-sm {
    background-color: #e9e9e9;
    border: 0;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 5px;
    box-shadow: none;
    font-weight: 700;
    font-size: 14px;
    color: #333;
    font-family: 'MMC', sans-serif;
    cursor: pointer
}

.btn-sm>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-sm img {
    height: 9px;
    margin-left: -5px
}

.btn-sm span.text {
    margin-left: 6px
}

.footer-btn {
    width: 100%;
    text-align: center
}

.footer-btn .btn {
    font-size: 15px;    
    margin-top: 10px
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

.result {
    color: #fff;
    text-align: center;
    font-weight: 700
}

.result .text {
    font-size: 13px;
    color: #a9a9a9;
    font-weight: 400;
    margin-bottom: 7px;
    vertical-align: top
}

.side-results .result .text {
    margin-top: 5px;
    margin-bottom: 0
}

.result .number {
    font-size: 56px;
    margin: 0;
    padding: 0;
    line-height: 1
}

.result .number sup.currency {
    font-size: 24px;
    position: relative;
    top: 0;
    vertical-align: super
}

.result .text span:nth-child(odd) {
    vertical-align: top;
    line-height: 22px
}

.result .text span:nth-child(2n) {
    font-size: 22px;
    color: #fff;
    padding: 2px
}

.number sup.disclaimer {
    font-size: 11px;
    line-height: 12px;
    position: relative;
    padding-top: 10px;
    top: -15px;
    left: -15px
}

hr.thin-line {
    width: 200px;
    text-align: center;
    opacity: .3;
    margin: 20px auto
}

.section-heading {
    font-weight: 700;
    font-style: italic;
    font-size: 20px;
    margin: 0;
    color: #333
}

.category {
    font-weight: 600;
    color: #727272;
    margin: 5px 0 -2px;
    font-size: 14px
}

.number {
    font-weight: 700;
    font-size: 56px;
    margin: 0;
    line-height: 68px
}

.unit {
    font-size: 14px;
    font-family: 'MMC', sans-serif;
    font-weight: 400;
    top: -18px;
    left: -10px;
    color: #000
}

.unit,
sup.currency {
    vertical-align: text-top
}

sup.currency {
    font-size: 14px
}

input[type=range] {
    max-width: 100%;
    width: 100%
}

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

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

.flex-row {
    -ms-flex-direction: row!important;
    -webkit-box-orient: horizontal!important;
    flex-direction: row!important
}

.flex-column,
.flex-row {
    -webkit-box-direction: normal!important
}

.flex-column {
    -ms-flex-direction: column!important;
    -webkit-box-orient: vertical!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse!important;
    -webkit-box-orient: horizontal!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse,
.flex-row-reverse {
    -webkit-box-direction: reverse!important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse!important;
    -webkit-box-orient: vertical!important;
    flex-direction: column-reverse!important
}

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

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

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    -ms-flex-pack: start!important;
    -webkit-box-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -ms-flex-pack: end!important;
    -webkit-box-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -ms-flex-pack: center!important;
    -webkit-box-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    -webkit-box-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -ms-flex-align: start!important;
    -webkit-box-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -ms-flex-align: end!important;
    -webkit-box-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -ms-flex-align: center!important;
    -webkit-box-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -ms-flex-align: baseline!important;
    -webkit-box-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -ms-flex-align: stretch!important;
    -webkit-box-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    -ms-grid-row-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    -ms-grid-row-align: stretch!important;
    align-self: stretch!important
}

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

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

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

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

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

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

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

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

.ml-0,
.mx-0 {
    margin-left: 0!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
}

.m-2 {
    margin: .5rem!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
}

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

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

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

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

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

.m-4 {
    margin: 1.5rem!important
}

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

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

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

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

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

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

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

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

.p-0 {
    padding: 0!important
}

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

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

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

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

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

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

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

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

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

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

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

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

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

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

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

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

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

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

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

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

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

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

.m-auto {
    margin: auto!important
}

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

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

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

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

@media screen and (min-width:576px) {
    .container {
        max-width: 540px;
        padding-right: 15px;
        padding-left: 15px
    }
    .flex-sm-row {
        -ms-flex-direction: row!important;
        -webkit-box-orient: horizontal!important;
        flex-direction: row!important
    }
    .flex-sm-column,
    .flex-sm-row {
        -webkit-box-direction: normal!important
    }
    .flex-sm-column {
        -ms-flex-direction: column!important;
        -webkit-box-orient: vertical!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse!important;
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse!important;
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-sm-start {
        -ms-flex-pack: start!important;
        -webkit-box-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -ms-flex-pack: end!important;
        -webkit-box-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -ms-flex-pack: center!important;
        -webkit-box-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify!important;
        -webkit-box-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -ms-flex-align: start!important;
        -webkit-box-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -ms-flex-align: end!important;
        -webkit-box-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -ms-flex-align: center!important;
        -webkit-box-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline!important;
        -webkit-box-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch!important;
        -webkit-box-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media screen and (min-width:768px) {
    .container {
        max-width: 720px
    }
    .flex-md-row {
        -ms-flex-direction: row!important;
        -webkit-box-orient: horizontal!important;
        flex-direction: row!important
    }
    .flex-md-column,
    .flex-md-row {
        -webkit-box-direction: normal!important
    }
    .flex-md-column {
        -ms-flex-direction: column!important;
        -webkit-box-orient: vertical!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse!important;
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse!important;
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-md-start {
        -ms-flex-pack: start!important;
        -webkit-box-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -ms-flex-pack: end!important;
        -webkit-box-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -ms-flex-pack: center!important;
        -webkit-box-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -ms-flex-pack: justify!important;
        -webkit-box-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -ms-flex-align: start!important;
        -webkit-box-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -ms-flex-align: end!important;
        -webkit-box-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -ms-flex-align: center!important;
        -webkit-box-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline!important;
        -webkit-box-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch!important;
        -webkit-box-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media screen and (min-width:992px) {
    .container {
        max-width: 960px
    }
    header h1 {
        max-width: 320px;
        margin: 0 auto
    }
    header h2 {
        margin: 10px 0 0!important
    }
    .flex-lg-row {
        -ms-flex-direction: row!important;
        -webkit-box-orient: horizontal!important;
        flex-direction: row!important
    }
    .flex-lg-column,
    .flex-lg-row {
        -webkit-box-direction: normal!important
    }
    .flex-lg-column {
        -ms-flex-direction: column!important;
        -webkit-box-orient: vertical!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse!important;
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse!important;
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-lg-start {
        -ms-flex-pack: start!important;
        -webkit-box-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -ms-flex-pack: end!important;
        -webkit-box-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -ms-flex-pack: center!important;
        -webkit-box-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify!important;
        -webkit-box-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -ms-flex-align: start!important;
        -webkit-box-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -ms-flex-align: end!important;
        -webkit-box-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -ms-flex-align: center!important;
        -webkit-box-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline!important;
        -webkit-box-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch!important;
        -webkit-box-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
}

@media screen and (min-width:1200px) {
    .container {
        max-width: 1140px
    }
    .flex-xl-row {
        -ms-flex-direction: row!important;
        -webkit-box-orient: horizontal!important;
        flex-direction: row!important
    }
    .flex-xl-column,
    .flex-xl-row {
        -webkit-box-direction: normal!important
    }
    .flex-xl-column {
        -ms-flex-direction: column!important;
        -webkit-box-orient: vertical!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse!important;
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse!important;
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-xl-start {
        -ms-flex-pack: start!important;
        -webkit-box-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -ms-flex-pack: end!important;
        -webkit-box-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -ms-flex-pack: center!important;
        -webkit-box-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify!important;
        -webkit-box-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -ms-flex-align: start!important;
        -webkit-box-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -ms-flex-align: end!important;
        -webkit-box-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -ms-flex-align: center!important;
        -webkit-box-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline!important;
        -webkit-box-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch!important;
        -webkit-box-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
}


/*!
 * Bootstrap Grid v4.0.0-beta.2 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@-ms-viewport {
    width: device-width
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

.container,
.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.container-fluid {
    height: 100vh;
    display: -ms-grid;
    display: grid;
    grid-template-areas: "sidebar" "side-results" "distance-weekday" "distance-weekend" "main-current" "main-phev" "footer-btn" "footer-disclaimer"
}

.fix-header .side-results {
    position: fixed;
    margin-top: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.side-results {
    grid-area: side-results;
    margin-top: 1rem;
    padding: 0;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    -ms-grid-column-span: 1
}

.sidebar {
    grid-area: sidebar;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-end: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row-span: 1
}

.distance-weekday {
    grid-area: distance-weekday;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    -ms-grid-column-span: 1
}

.fix-header .distance-weekday {
    margin-top: 210px!important
}

.distance-weekend {
    grid-area: distance-weekend;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    -ms-grid-column-span: 1
}

.main-current {
    grid-area: main-current;
    -ms-grid-row: 5;
    grid-row-start: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    -ms-grid-column-span: 1
}

.main-phev {
    grid-area: main-phev;
    -ms-grid-row: 6;
    grid-row-start: 6;
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    -ms-grid-column-span: 1
}

.footer-btn {
    grid-area: footer-btn;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-grid-row: 7;
    grid-row-start: 7;
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    -ms-grid-column-span: 1
}

.footer-disclaimer {
    grid-area: footer-disclaimer;
    -ms-grid-row: 8;
    grid-row-start: 8;
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    -ms-grid-column-span: 1
}

@media screen and (min-width:660px) {
    .distance-weekday h3 {
        margin-top: 0!important
    }
    .container-fluid {
        -ms-grid-columns: .8fr .9fr 1.1fr;
        grid-template-columns: .8fr .9fr 1.1fr;
        grid-template-areas: "sidebar  distance-weekday distance-weekend" "sidebar  main-current main-phev" "sidebar  main-current main-phev" "footer-btn footer-disclaimer footer-disclaimer"
    }
    .sidebar {
        background-image: url(static/img/bg.5006de5.jpg);
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat
    }
    .side-results {
        grid-area: auto;
        -ms-grid-column-align: right;
        justify-self: right;
        width: 90%;
        height: 200px;
        position: relative;
        margin-top: 0;
        z-index: 2
    }
    .side-results .result .text {
        margin-top: 13px;
        margin-bottom: 0
    }
    .main-phev>div>div {
        display: inline-block;
        width: 45%;
        padding-right: 15px
    }
    .main-current,
    .main-phev {
        padding-top: 2rem!important
    }
    .distance-weekday,
    .distance-weekend {
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end
    }
    .distance-weekday h3 {
        margin-top: 10px!important
    }
    .footer-btn .btn {
        width: 310px;
        font-size: 16px;
        margin: auto;
        float: none
    }
    .header {
        width: 90%;
        float: right
    }
    .bg-grey .number,
    .bg-med-grey .number {
        font-size: 46px;
        line-height: 48px
    }
    .category {
        margin: 25px 0 -3px
    }
    .logo {
        margin: 0 auto;
        width: 140px;
        max-width: 140px;
        padding: 20px
    }
    .weekday-landscape {
        background-image: url(static/img/weekdays-city.a16bd74.svg);
        background-size: 32%
    }
    .weekday-landscape,
    .weekend-landscape {
        background-position: bottom 35px right 30px;
        background-repeat: no-repeat
    }
    .weekend-landscape {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2NTkuMyAyODkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY1OS4zIDI4OTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwNTIwMkI7c3Ryb2tlLXdpZHRoOjIuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNEQkRCREI7c3Ryb2tlLXdpZHRoOjIuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0MntmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjIuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0M3tmaWxsOiNEQkRCREI7fQoJLnN0NHtvcGFjaXR5OjAuOTQ7ZmlsbDojREJEQkRCO30KCS5zdDV7b3BhY2l0eTowLjU7ZmlsbDojREJEQkRCO30KCS5zdDZ7ZmlsbDpub25lO3N0cm9rZTojNzY3Njc4O3N0cm9rZS13aWR0aDoyLjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDd7ZmlsbDojRkZGRkZGO30KCS5zdDh7ZmlsbDpub25lO3N0cm9rZTojMDAxNjMyO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Q5e2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6Mi4xNTYzO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yOTcuMywzMDYuNyIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iOC44IiB5MT0iMTQ1LjIiIHgyPSI4LjgiIHkyPSIxNTUuNiIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iNCIgeTE9IjE4OS42IiB4Mj0iNCIgeTI9IjE5OS45Ii8+CjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02MjMuMiwyMTQuN2MtNjcuNS03MC40LTE0OC42LTk0LjgtMjI4LjMtOTQuOGMtNjIuOCwwLTEwMC41LDkuNi0xMzAuNywyMC4zIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDMiIHBvaW50cz0iNTE2LjQsMTIwLjYgNDg4LjEsMjA3LjYgNTI2LjgsMjA3LjYgNTM2LjMsMTg2LjcgIi8+CjxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik01MDcuNSwyMjMuMUgzOS41Yy01LjQsMC05LjgsNC40LTkuOCw5Ljh2MC4zYzAsNS40LDQuNCw5LjgsOS44LDkuOGg1Mi44YzUuNCwwLDkuOCw0LjQsOS44LDkuOHYwLjMKCWMwLDUuNC00LjQsOS44LTkuOCw5LjhoLTkuNGMtNS40LDAtOS44LDQuNC05LjgsOS44djAuM2MwLDUuNCw0LjQsOS44LDkuOCw5LjhoMzgyLjZjNS40LDAsOS44LTQuNCw5LjgtOS44di0wLjMKCWMwLTUuNC00LjQtOS44LTkuOC05LjhoLTQ3LjZjLTUuNCwwLTkuOC00LjQtOS44LTkuOHYtMC4zYzAtNS40LDQuNC05LjgsOS44LTkuOGg4OS41YzUuNCwwLDkuOC00LjQsOS44LTkuOHYtMC4zCglDNTE3LjIsMjI3LjUsNTEyLjksMjIzLjEsNTA3LjUsMjIzLjF6Ii8+Cjxwb2x5Z29uIGNsYXNzPSJzdDUiIHBvaW50cz0iMjYyLjIsMTE1LjEgMjg2LjcsMTI1LjUgMzI2LjksNzcuNiAiLz4KPHBvbHlnb24gY2xhc3M9InN0NSIgcG9pbnRzPSIzNzQuMywxMDEuMiAzODguMiwxMDcuMiA0MDYuNSw4NS40ICIvPgo8Zz4KCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSI0NjQuNSIgeTE9IjE3NS41IiB4Mj0iNDY0LjUiIHkyPSIyMjEuNSIvPgoJPHBvbHlsaW5lIGNsYXNzPSJzdDIiIHBvaW50cz0iNDcwLjgsMTg1LjkgNDY0LjUsMTkyLjMgNDU4LjEsMTg1LjkgCSIvPgoJPHBvbHlsaW5lIGNsYXNzPSJzdDIiIHBvaW50cz0iNDczLjksMTkxLjMgNDY0LjUsMjAwLjcgNDU1LDE5MS4zIAkiLz4KCTxwb2x5bGluZSBjbGFzcz0ic3QyIiBwb2ludHM9IjQ3Ny4xLDE5Ni41IDQ2NC41LDIwOS4yIDQ1MS44LDE5Ni41IAkiLz4KPC9nPgo8Zz4KCTxnPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDIiIHBvaW50cz0iMjAxLjUsMTQxLjMgMTgzLjIsMTY1LjkgMjE5LjksMTY1LjggCQkiLz4KCQk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjE5MS45LDE2NS45IDE3Ni43LDE4Ni4yIDIyNi40LDE4Ni4yIDIxMS4yLDE2NS45IAkJIi8+CgkJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIxODcuNiwxODYuMyAxNzEsMjA4LjQgMjMyLjEsMjA4LjMgMjE1LjYsMTg2LjIgCQkiLz4KCQk8bGluZSBjbGFzcz0ic3QyIiB4MT0iMTk4LjQiIHkxPSIxNTcuMSIgeDI9IjE5MS44IiB5Mj0iMTY1LjkiLz4KCQk8bGluZSBjbGFzcz0ic3QyIiB4MT0iMjA1LjUiIHkxPSIxNTcuMiIgeDI9IjE5OC44IiB5Mj0iMTY2Ii8+CgkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjE4Ni42IiB5MT0iMTk4LjkiIHgyPSIxNzkuOSIgeTI9IjIwNy43Ii8+CgkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjE5My43IiB5MT0iMTk5LjEiIHgyPSIxODciIHkyPSIyMDcuOCIvPgoJCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSIyMDguNiIgeTE9IjE3Ni42IiB4Mj0iMjE1LjMiIHkyPSIxODUuNCIvPgoJCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSIyMDEuNiIgeTE9IjE3Ni43IiB4Mj0iMjA4LjMiIHkyPSIxODUuNSIvPgoJCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSIyMTMuNyIgeTE9IjE5Ni45IiB4Mj0iMjIyLjMiIHkyPSIxOTYuOSIvPgoJPC9nPgoJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjIwMS42IiB5MT0iMjA4LjkiIHgyPSIyMDEuNiIgeTI9IjIyMi4yIi8+CjwvZz4KPGc+Cgk8bGluZSBjbGFzcz0ic3QyIiB4MT0iMzA5LjUiIHkxPSIxMDguOSIgeDI9IjMwOS41IiB5Mj0iMTM3Ii8+Cgk8cG9seWxpbmUgY2xhc3M9InN0MiIgcG9pbnRzPSIzMTguNSwxMTYuMyAzMDkuNSwxMjUuNCAzMDAuNCwxMTYuMyAJIi8+CjwvZz4KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjM5Ni4xIiB5MT0iMTk3LjkiIHgyPSIzOTYuMSIgeTI9IjIwOC4yIi8+CjxnPgoJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjQzNC41IiB5MT0iMTkzLjMiIHgyPSI0MzQuNSIgeTI9IjIyMS40Ii8+Cgk8cG9seWxpbmUgY2xhc3M9InN0MiIgcG9pbnRzPSI0NDMuNiwyMDAuNyA0MzQuNSwyMDkuOCA0MjUuNSwyMDAuNyAJIi8+CjwvZz4KPGc+Cgk8bGluZSBjbGFzcz0ic3QyIiB4MT0iNTE2LjMiIHkxPSIxNTAuOCIgeDI9IjUxNi4zIiB5Mj0iMjIxLjUiLz4KCTxwb2x5bGluZSBjbGFzcz0ic3QyIiBwb2ludHM9IjUyMy42LDE2MC44IDUxNi4zLDE2OC40IDUwOC45LDE2MC44IAkiLz4KCTxwb2x5bGluZSBjbGFzcz0ic3QyIiBwb2ludHM9IjUyMy42LDE2OSA1MTYuMywxNzYuNiA1MDguOSwxNjkgCSIvPgoJPHBvbHlsaW5lIGNsYXNzPSJzdDIiIHBvaW50cz0iNTIzLjYsMTg2IDUxNi4zLDE5My42IDUwOC45LDE4NiAJIi8+Cgk8cG9seWxpbmUgY2xhc3M9InN0MiIgcG9pbnRzPSI1MzYuMywxODIuNyA1MTYuNCwxMjAuMyA0ODcuMiwyMDYuNSA1MzMsMjA2LjUgCSIvPgo8L2c+CjxnPgoJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjU0OS41IiB5MT0iMTUzLjMiIHgyPSI1NDkuNSIgeTI9IjIyMS4yIi8+Cgk8bGluZSBjbGFzcz0ic3QyIiB4MT0iNTU2LjYiIHkxPSIxODMuOCIgeDI9IjU0OS43IiB5Mj0iMTkwLjciLz4KCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSI1NTYuNiIgeTE9IjE5MS42IiB4Mj0iNTUwLjEiIHkyPSIxOTguMSIvPgoJPHBvbHlsaW5lIGNsYXNzPSJzdDIiIHBvaW50cz0iNTYwLjYsMTc5LjcgNTQ5LjUsMTUxLjIgNTI4LjEsMjA2LjMgNTcwLjksMjA2LjMgNTY1LjEsMTkxLjQgCSIvPgo8L2c+CjxnPgoJPGc+CgkJPGxpbmUgY2xhc3M9InN0MiIgeDE9Ijc0LjkiIHkxPSIxOTMuMyIgeDI9Ijc0LjkiIHkyPSIyMjEuNCIvPgoJCTxwb2x5bGluZSBjbGFzcz0ic3QyIiBwb2ludHM9Ijg0LDIwMC43IDc0LjksMjA5LjggNjUuOCwyMDAuNyAJCSIvPgoJPC9nPgoJPGc+CgkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjEwMi45IiB5MT0iMTkzLjMiIHgyPSIxMDIuOSIgeTI9IjIyMS40Ii8+CgkJPHBvbHlsaW5lIGNsYXNzPSJzdDIiIHBvaW50cz0iMTEyLDIwMC43IDEwMi45LDIwOS44IDkzLjgsMjAwLjcgCQkiLz4KCTwvZz4KPC9nPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iNTg3LjgiIHkxPSIxOTQuMyIgeDI9IjU4Ny44IiB5Mj0iMjAzIi8+CjxsaW5lIGNsYXNzPSJzdDEiIHgxPSI2MDIuMiIgeTE9IjIwMy4zIiB4Mj0iNjAyLjIiIHkyPSIyMTIiLz4KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjU4MS42IiB5MT0iMTk3LjIiIHgyPSI1ODEuNiIgeTI9IjIwNS45Ii8+CjxsaW5lIGNsYXNzPSJzdDEiIHgxPSI0ODQuNCIgeTE9IjEzOC44IiB4Mj0iNDg0LjQiIHkyPSIxNDcuNSIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iNDEuOSIgeTE9IjE2Ny4xIiB4Mj0iNDEuOSIgeTI9IjE3Ny41Ii8+CjxsaW5lIGNsYXNzPSJzdDEiIHgxPSI0NTcuOSIgeTE9IjEzOSIgeDI9IjQ1Ny45IiB5Mj0iMTQ5LjQiLz4KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjQxMyIgeTE9IjE0Ny44IiB4Mj0iNDEzIiB5Mj0iMTU4LjIiLz4KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjQyNC44IiB5MT0iMTYyLjEiIHgyPSI0MjQuOCIgeTI9IjE3Mi41Ii8+CjxsaW5lIGNsYXNzPSJzdDEiIHgxPSI0NjYuNSIgeTE9IjE0Ni4xIiB4Mj0iNDY2LjUiIHkyPSIxNTYuNCIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMjUwLjYiIHkxPSIyMDUuNCIgeDI9IjI1MC42IiB5Mj0iMjE0LjEiLz4KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjI4NSIgeTE9IjIwMS41IiB4Mj0iMjg1IiB5Mj0iMjEwLjIiLz4KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjIzOC4xIiB5MT0iMTU3LjQiIHgyPSIyMzguMSIgeTI9IjE2Ni4xIi8+CjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIyNjUiIHkxPSIxODQuMiIgeDI9IjI2NSIgeTI9IjE5Mi45Ii8+CjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxNzciIHkxPSIxNDQuOSIgeDI9IjE3NyIgeTI9IjE1NS4zIi8+CjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxMzQuOCIgeTE9IjE2NC45IiB4Mj0iMTM0LjgiIHkyPSIxNzUuMyIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iOTUuNSIgeTE9IjE1MC43IiB4Mj0iOTUuNSIgeTI9IjE2MSIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMTA0IiB5MT0iMTUwLjQiIHgyPSIxMDQiIHkyPSIxNjAuOCIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMTE3LjgiIHkxPSIxODEuOSIgeDI9IjExNy44IiB5Mj0iMTkyLjMiLz4KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjYyLjQiIHkxPSIxMTIuNiIgeDI9IjYyLjQiIHkyPSIxMjIuOSIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iNDQuOCIgeTE9IjEyMy45IiB4Mj0iNDQuOCIgeTI9IjEzNC4zIi8+CjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxNTIuOSIgeTE9IjIwNC4xIiB4Mj0iMTUyLjkiIHkyPSIyMTQuNCIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMzM4LjMiIHkxPSIxNDIuNCIgeDI9IjMzOC4zIiB5Mj0iMTUxLjEiLz4KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjM1MC4zIiB5MT0iMTI5LjgiIHgyPSIzNTAuMyIgeTI9IjEzOC41Ii8+CjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIzMjIuOCIgeTE9IjEzNS40IiB4Mj0iMzIyLjgiIHkyPSIxNDQuMSIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMzU2LjgiIHkxPSIxMzYuNyIgeDI9IjM1Ni44IiB5Mj0iMTQ3LjEiLz4KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjMyOS44IiB5MT0iMTY4LjIiIHgyPSIzMjkuOCIgeTI9IjE3OC41Ii8+CjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIyODEuOCIgeTE9IjE0NC40IiB4Mj0iMjgxLjgiIHkyPSIxNTQuOCIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMjg3LjYiIHkxPSIxNDguOCIgeDI9IjI4Ny42IiB5Mj0iMTU5LjEiLz4KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjI5NC44IiB5MT0iMTk1IiB4Mj0iMjk0LjgiIHkyPSIyMDUuMyIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMjU2LjgiIHkxPSIxNjkuOCIgeDI9IjI1Ni44IiB5Mj0iMTgwLjIiLz4KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjM1Ni4xIiB5MT0iMTkzLjEiIHgyPSIzNTYuMSIgeTI9IjIwMy41Ii8+CjxsaW5lIGNsYXNzPSJzdDYiIHgxPSI1MzEuMiIgeTE9IjY2LjMiIHgyPSI0NzQuNSIgeTI9IjY2LjMiLz4KPHBhdGggY2xhc3M9InN0NiIgZD0iTTU3OC4xLDgwLjFjMC03LjksNi40LTE0LjIsMTQuMi0xNC4yYzQuOCwwLDksMi40LDExLjYsNmMyLjEtNy40LDguOC0xMi44LDE2LjgtMTIuOGM5LjQsMCwxNy4xLDcuNCwxNy40LDE2LjcKCWMxLjQtMC44LDMtMS4yLDQuOC0xLjJjNS40LDAsOS43LDQuNCw5LjcsOS43YzAsNS40LTQuNCw5LjctOS43LDkuN2gtOTIuMyIvPgo8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNNDMxLDU0aDExNy40YzEwLDAsMTguMS04LjEsMTguMS0xOC4xYzAtMTAtOC4xLTE4LjEtMTguMS0xOC4xYy0wLjIsMC0wLjMsMC0wLjUsMEM1NDYsMTAsNTM4LjksNCw1MzAuNCw0CgljLTUuNCwwLTEwLjIsMi4zLTEzLjUsNmMtMy44LTMuMi04LjYtNS4xLTEzLjktNS4xYy05LjksMC0xOC4yLDYuNy0yMC43LDE1LjhjLTEuOS0wLjktNC4xLTEuNS02LjMtMS41Yy03LjksMC0xNC4zLDYuNC0xNC4zLDE0LjMiCgkvPgo8cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMzkyLjYsMjYzLjJsLTExLjEsOC4ybC0xMS4xLTguMmwtMTEuMSw4LjFsLTExLjEtOC4xbC0xMS4xLDguMmwtMTEuMS04LjJsLTExLjEsOC4xbC0xMS4xLTguMWwtMTEuMSw4LjIKCWwtMTEuMS04LjJsLTExLjQsOC40Yy0wLjQsMC4zLTAuNSwwLjktMC4yLDEuM2wwLDBjMC4zLDAuNCwwLjksMC41LDEuMywwLjJsMTAuMy03LjZsMTEuMSw4LjJsMTEuMS04LjJsMTEuMSw4LjFsMCwwbDAsMGwwLDBsMCwwCglsMTEuMS04LjFsMTEuMSw4LjJoMGwwLDBsMTEuMS04LjJsMTEuMSw4LjFsMCwwbDAsMGwwLDBsMCwwbDExLjEtOC4xbDExLjEsOC4ybDAsMGwwLDBsMTEuMS04LjJsMTAuMyw3LjZjMC40LDAuMywxLDAuMiwxLjMtMC4yCglsMCwwYzAuMy0wLjQsMC4yLTEtMC4yLTEuM0wzOTIuNiwyNjMuMnoiLz4KPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0OC42LDI1OC45TDI0OC42LDI1OC45TDI0OC42LDI1OC45TDI0OC42LDI1OC45TDI0OC42LDI1OC45bDExLjEtOC4xbDExLjEsOC4yaDBsMCwwbDExLjEtOC4ybDExLjEsOC4xbDAsMAoJbDAsMGwwLDBsMCwwbDExLjEtOC4xbDExLjEsOC4ybDAsMGwwLDBsMTEuMS04LjJsMTAuMyw3LjZjMC40LDAuMywxLDAuMiwxLjMtMC4ybDAsMGMwLjMtMC40LDAuMi0xLTAuMi0xLjNsLTExLjQtOC40bC0xMS4xLDguMgoJbC0xMS4xLTguMmwtMTEuMSw4LjFsLTExLjEtOC4xbC0xMS4xLDguMmwtMTEuMS04LjJsLTExLjEsOC4xIi8+CjxwYXRoIGNsYXNzPSJzdDciIGQ9Ik0zMDQsMjMzLjFsLTExLjEsOC4ybC0xMS4xLTguMmwtMTEuMSw4LjFsLTExLjEtOC4xbC0xMS4xLDguMmwtMTEuMS04LjJsLTExLjEsOC4xbC0xMS4xLTguMWwtMTEuMSw4LjIKCWwtMTEuMS04LjJsLTEyLjIsOWwxLjEsMS41bDExLjEtOC4ybDExLjEsOC4ybDExLjEtOC4ybDExLjEsOC4xbDAsMGwwLDBsMCwwbDAsMGwxMS4xLTguMWwxMS4xLDguMmgwbDAsMGwxMS4xLTguMmwxMS4xLDguMWwwLDAKCWwwLDBsMCwwbDAsMGwxMS4xLTguMWwxMS4xLDguMmwwLDBsMCwwbDExLjEtOC4ybDEwLjMsNy42YzAuNCwwLjMsMSwwLjIsMS4zLTAuMmwwLDBjMC4zLTAuNCwwLjItMS0wLjItMS4zTDMwNCwyMzMuMXoiLz4KPHBhdGggY2xhc3M9InN0MiIgZD0iTTI2MywxMTQuM2M0LjMtMy4yLDU5LTM0LjksNTktMzQuOXM1LjItMy4xLDEwLjcsMGMzLjksMi4yLDM4LjgsMTkuNiw1NS4yLDI3LjkiLz4KPHBhdGggY2xhc3M9InN0MiIgZD0iTTM3NC41LDEwMC4zYzMuNy0yLjEsMjcuNC0xMy44LDI3LjQtMTMuOHM0LjUtMi4xLDkuMywwYzMuNCwxLjUsMzIuMiwxMy42LDQ2LjUsMTkuMiIvPgo8cG9seWdvbiBjbGFzcz0ic3Q1IiBwb2ludHM9IjIwMC4xLDEyOS40IDIxNi45LDEzNi4xIDI0Mi4xLDExMC45ICIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjk0LjcsMTMxLjJjMCwwLTM3LjctMTkuMS00MS41LTIwLjljLTQtMS45LTcuMS0yLjQtMTItMC4zYy01LjgsMi41LTQyLjMsMjAuNi00Mi4zLDIwLjYiLz4KPHBvbHlnb24gY2xhc3M9InN0NSIgcG9pbnRzPSIzODUuNiwxMzEuNSAzNTkuOSwxODAuNSA0MTEuMiwxODAuNSAiLz4KPGc+Cgk8bGluZSBjbGFzcz0ic3QyIiB4MT0iMzg1LjYiIHkxPSIxNDkiIHgyPSIzODUuNiIgeTI9IjE5NS4xIi8+Cgk8cG9seWxpbmUgY2xhc3M9InN0MiIgcG9pbnRzPSIzOTIsMTU5LjQgMzg1LjYsMTY1LjggMzc5LjMsMTU5LjQgCSIvPgoJPHBvbHlsaW5lIGNsYXNzPSJzdDIiIHBvaW50cz0iMzk1LjEsMTY0LjggMzg1LjYsMTc0LjMgMzc2LjIsMTY0LjggCSIvPgo8L2c+CjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxNjQuMSIgeTE9IjEzMy42IiB4Mj0iMTY0LjEiIHkyPSIxNDQiLz4KPHBhdGggY2xhc3M9InN0OCIgZD0iTTE1OS42LDEyMSIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMzQ4LjksMjE0Yy03Ny4zLTc3LjMtMjE3LjYtMTA4LjktMjk2LjUtMTA1LjciLz4KPGxpbmUgY2xhc3M9InN0OSIgeDE9IjU4LjIiIHkxPSIyMjIuNCIgeDI9IjU2MC4zIiB5Mj0iMjIyLjQiLz4KPC9zdmc+Cg==);
        background-size: 45%
    }
    .side-results {
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 1
    }
    .sidebar {
        -ms-grid-row: 1;
        grid-row-start: 1;
        -ms-grid-column: 1;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-end: 4;
        -ms-grid-column-span: 1;
        -ms-grid-row-span: 3
    }
    .distance-weekday {
        grid-area: distance-weekday;
        -ms-grid-row: 1;
        grid-row-start: 1;
        -ms-grid-column: 2;
        grid-column-start: 2;
        -ms-grid-column-span: 1
    }
    .distance-weekend {
        grid-area: distance-weekend;
        -ms-grid-row: 1;
        grid-row-start: 1;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-column-span: 1
    }
    .main-current {
        grid-area: main-current;
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-column: 2;
        grid-column-start: 2;
        -ms-grid-column-span: 1
    }
    .main-phev {
        grid-area: main-phev;
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-column-span: 1
    }
    .footer-btn {
        grid-area: footer-btn;
        -ms-grid-column-align: center;
        justify-self: center;
        -ms-grid-row: 4;
        grid-row-start: 4;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 1
    }
    .footer-disclaimer {
        grid-area: footer-disclaimer;
        -ms-grid-row: 4;
        grid-row-start: 4;
        -ms-grid-column: 2;
        grid-column-start: 2;
        -ms-grid-column-span: 2
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .unit,
    sup.currency {
        vertical-align: super
    }
}

.range-slider {
    display: inline-block;
    padding: 0 10px;
    height: 20px;
    width: 130px
}

.range-slider-inner {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%
}

.range-slider-fill,
.range-slider-rail {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    height: 4px;
    border-radius: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.range-slider-rail {
    width: 100%;
    background-color: #e2e2e2
}

.range-slider-fill {
    background-color: #21fb92
}

.range-slider-knob {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 1px 1px rgba(0, 0, 0, .2);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.range-slider-hidden {
    display: none
}


/*# sourceMappingURL=app.c5b1c1ea89f54636ff7ebaa3ef3bc4be.css.map */