@charset "UTF-8";

/* WARNING THIS FILE WAS DEPRECATED */
/* PLEASE DO NOT MODIFY IT DIRECTLY */
/* OVERRIDE THIS CLASSES IN NEW COMPONENTS */

@media print, screen and (min-width: 50.0625em) {

    .reveal,
    .reveal.large,
    .reveal.small,
    .reveal.tiny {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

[data-whatinput=mouse] *,
[data-whatinput=mouse] :focus,
[data-whatinput=touch] *,
[data-whatinput=touch] :focus,
[data-whatintent=mouse] *,
[data-whatintent=mouse] :focus,
[data-whatintent=touch] *,
[data-whatintent=touch] :focus {
    outline: 0
}

[draggable=false] {
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.foundation-mq {
    font-family: "small=0em&medium=50.0625em&large=64.0625em&xlarge=75.0625em&xxlarge=90.0625em&extralarge=100.0625em&extremelylarge=120.0625em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}

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

body {
    margin: 0;
    padding: 0;
    background: #f6f6f6;
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: 0 0;
    line-height: 1;
    cursor: auto
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto
}

.row::after,
.row::before {
    display: table;
    content: " "
}

.row::after {
    clear: both
}

.row.collapse > .column,
.row.collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

.row .row {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print, screen and (min-width: 50.0625em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print, screen and (min-width: 64.0625em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 75.0625em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 90.0625em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 100.0625em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 120.0625em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row:not(.expanded) .row {
    max-width: none
}

.row.gutter-small > .column,
.row.gutter-small > .columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.row.gutter-medium > .column,
.row.gutter-medium > .columns {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.column,
.columns {
    padding-right: .625rem;
    padding-left: .625rem;
    width: 100%;
    float: left
}

@media print, screen and (min-width: 50.0625em) {

    .column,
    .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.column,
.column:last-child:not(:first-child),
.columns {
    float: left;
    clear: none
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
    float: left
}

.column.row.row,
.row.row.columns {
    float: none
}

.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    width: 8.3333333333%
}

.small-push-1 {
    position: relative;
    left: 8.3333333333%
}

.small-pull-1 {
    position: relative;
    left: -8.3333333333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    width: 16.6666666667%
}

.small-push-2 {
    position: relative;
    left: 16.6666666667%
}

.small-pull-2 {
    position: relative;
    left: -16.6666666667%
}

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

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

.small-offset-2 {
    margin-left: 16.6666666667%
}

.small-4 {
    width: 33.3333333333%
}

.small-push-4 {
    position: relative;
    left: 33.3333333333%
}

.small-pull-4 {
    position: relative;
    left: -33.3333333333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.6666666667%
}

.small-push-5 {
    position: relative;
    left: 41.6666666667%
}

.small-pull-5 {
    position: relative;
    left: -41.6666666667%
}

.small-offset-4 {
    margin-left: 33.3333333333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

.small-offset-5 {
    margin-left: 41.6666666667%
}

.small-7 {
    width: 58.3333333333%
}

.small-push-7 {
    position: relative;
    left: 58.3333333333%
}

.small-pull-7 {
    position: relative;
    left: -58.3333333333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.6666666667%
}

.small-push-8 {
    position: relative;
    left: 66.6666666667%
}

.small-pull-8 {
    position: relative;
    left: -66.6666666667%
}

.small-offset-7 {
    margin-left: 58.3333333333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

.small-offset-8 {
    margin-left: 66.6666666667%
}

.small-10 {
    width: 83.3333333333%
}

.small-push-10 {
    position: relative;
    left: 83.3333333333%
}

.small-pull-10 {
    position: relative;
    left: -83.3333333333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.6666666667%
}

.small-push-11 {
    position: relative;
    left: 91.6666666667%
}

.small-pull-11 {
    position: relative;
    left: -91.6666666667%
}

.small-offset-10 {
    margin-left: 83.3333333333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.6666666667%
}

.small-up-1 > .column,
.small-up-1 > .columns {
    float: left;
    width: 100%
}

.small-up-1 > .column:nth-of-type(1n),
.small-up-1 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-1 > .column:nth-of-type(1n+1),
.small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1 > .column:last-child,
.small-up-1 > .columns:last-child {
    float: left
}

.small-up-2 > .column,
.small-up-2 > .columns {
    float: left;
    width: 50%
}

.small-up-2 > .column:nth-of-type(1n),
.small-up-2 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-2 > .column:nth-of-type(2n+1),
.small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both
}

.small-up-2 > .column:last-child,
.small-up-2 > .columns:last-child {
    float: left
}

.small-up-3 > .column,
.small-up-3 > .columns {
    float: left;
    width: 33.3333333333%
}

.small-up-3 > .column:nth-of-type(1n),
.small-up-3 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-3 > .column:nth-of-type(3n+1),
.small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3 > .column:last-child,
.small-up-3 > .columns:last-child {
    float: left
}

.small-up-4 > .column,
.small-up-4 > .columns {
    float: left;
    width: 25%
}

.small-up-4 > .column:nth-of-type(1n),
.small-up-4 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-4 > .column:nth-of-type(4n+1),
.small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4 > .column:last-child,
.small-up-4 > .columns:last-child {
    float: left
}

.small-up-5 > .column,
.small-up-5 > .columns {
    float: left;
    width: 20%
}

.small-up-5 > .column:nth-of-type(1n),
.small-up-5 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-5 > .column:nth-of-type(5n+1),
.small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5 > .column:last-child,
.small-up-5 > .columns:last-child {
    float: left
}

.small-up-6 > .column,
.small-up-6 > .columns {
    float: left;
    width: 16.6666666667%
}

.small-up-6 > .column:nth-of-type(1n),
.small-up-6 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-6 > .column:nth-of-type(6n+1),
.small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6 > .column:last-child,
.small-up-6 > .columns:last-child {
    float: left
}

.small-up-7 > .column,
.small-up-7 > .columns {
    float: left;
    width: 14.2857142857%
}

.small-up-7 > .column:nth-of-type(1n),
.small-up-7 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-7 > .column:nth-of-type(7n+1),
.small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7 > .column:last-child,
.small-up-7 > .columns:last-child {
    float: left
}

.small-up-8 > .column,
.small-up-8 > .columns {
    float: left;
    width: 12.5%
}

.small-up-8 > .column:nth-of-type(1n),
.small-up-8 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-8 > .column:nth-of-type(8n+1),
.small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8 > .column:last-child,
.small-up-8 > .columns:last-child {
    float: left
}

.small-collapse > .column,
.small-collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

.small-collapse .row {
    margin-right: 0;
    margin-left: 0
}

.expanded.row .small-collapse.row {
    margin-right: 0;
    margin-left: 0
}

.small-uncollapse > .column,
.small-uncollapse > .columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.small-centered {
    margin-right: auto;
    margin-left: auto
}

.small-centered,
.small-centered:last-child:not(:first-child) {
    float: none;
    clear: both
}

.small-pull-0,
.small-push-0,
.small-uncentered {
    position: static;
    margin-right: 0;
    margin-left: 0
}

.small-pull-0,
.small-pull-0:last-child:not(:first-child),
.small-push-0,
.small-push-0:last-child:not(:first-child),
.small-uncentered,
.small-uncentered:last-child:not(:first-child) {
    float: left;
    clear: none
}

.small-pull-0:last-child:not(:first-child),
.small-push-0:last-child:not(:first-child),
.small-uncentered:last-child:not(:first-child) {
    float: right
}

@media print, screen and (min-width: 50.0625em) {
    .medium-1 {
        width: 8.3333333333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.3333333333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.3333333333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        width: 16.6666666667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.6666666667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.6666666667%
    }

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

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.6666666667%
    }

    .medium-4 {
        width: 33.3333333333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.3333333333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.3333333333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.6666666667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.6666666667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.6666666667%
    }

    .medium-offset-4 {
        margin-left: 33.3333333333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.6666666667%
    }

    .medium-7 {
        width: 58.3333333333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.3333333333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.3333333333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.6666666667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.6666666667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.6666666667%
    }

    .medium-offset-7 {
        margin-left: 58.3333333333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.6666666667%
    }

    .medium-10 {
        width: 83.3333333333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.3333333333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.3333333333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.6666666667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.6666666667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.6666666667%
    }

    .medium-offset-10 {
        margin-left: 83.3333333333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.6666666667%
    }

    .medium-up-1 > .column,
    .medium-up-1 > .columns {
        float: left;
        width: 100%
    }

    .medium-up-1 > .column:nth-of-type(1n),
    .medium-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-1 > .column:nth-of-type(1n+1),
    .medium-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .medium-up-1 > .column:last-child,
    .medium-up-1 > .columns:last-child {
        float: left
    }

    .medium-up-2 > .column,
    .medium-up-2 > .columns {
        float: left;
        width: 50%
    }

    .medium-up-2 > .column:nth-of-type(1n),
    .medium-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-2 > .column:nth-of-type(2n+1),
    .medium-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .medium-up-2 > .column:last-child,
    .medium-up-2 > .columns:last-child {
        float: left
    }

    .medium-up-3 > .column,
    .medium-up-3 > .columns {
        float: left;
        width: 33.3333333333%
    }

    .medium-up-3 > .column:nth-of-type(1n),
    .medium-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3 > .column:nth-of-type(3n+1),
    .medium-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3 > .column:last-child,
    .medium-up-3 > .columns:last-child {
        float: left
    }

    .medium-up-4 > .column,
    .medium-up-4 > .columns {
        float: left;
        width: 25%
    }

    .medium-up-4 > .column:nth-of-type(1n),
    .medium-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4 > .column:nth-of-type(4n+1),
    .medium-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4 > .column:last-child,
    .medium-up-4 > .columns:last-child {
        float: left
    }

    .medium-up-5 > .column,
    .medium-up-5 > .columns {
        float: left;
        width: 20%
    }

    .medium-up-5 > .column:nth-of-type(1n),
    .medium-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-5 > .column:nth-of-type(5n+1),
    .medium-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5 > .column:last-child,
    .medium-up-5 > .columns:last-child {
        float: left
    }

    .medium-up-6 > .column,
    .medium-up-6 > .columns {
        float: left;
        width: 16.6666666667%
    }

    .medium-up-6 > .column:nth-of-type(1n),
    .medium-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-6 > .column:nth-of-type(6n+1),
    .medium-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6 > .column:last-child,
    .medium-up-6 > .columns:last-child {
        float: left
    }

    .medium-up-7 > .column,
    .medium-up-7 > .columns {
        float: left;
        width: 14.2857142857%
    }

    .medium-up-7 > .column:nth-of-type(1n),
    .medium-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-7 > .column:nth-of-type(7n+1),
    .medium-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7 > .column:last-child,
    .medium-up-7 > .columns:last-child {
        float: left
    }

    .medium-up-8 > .column,
    .medium-up-8 > .columns {
        float: left;
        width: 12.5%
    }

    .medium-up-8 > .column:nth-of-type(1n),
    .medium-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8 > .column:nth-of-type(8n+1),
    .medium-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8 > .column:last-child,
    .medium-up-8 > .columns:last-child {
        float: left
    }

    .medium-collapse > .column,
    .medium-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .medium-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .medium-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .medium-uncollapse > .column,
    .medium-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .medium-centered {
        margin-right: auto;
        margin-left: auto
    }

    .medium-centered,
    .medium-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .medium-pull-0,
    .medium-push-0,
    .medium-uncentered {
        position: static;
        margin-right: 0;
        margin-left: 0
    }

    .medium-pull-0,
    .medium-pull-0:last-child:not(:first-child),
    .medium-push-0,
    .medium-push-0:last-child:not(:first-child),
    .medium-uncentered,
    .medium-uncentered:last-child:not(:first-child) {
        float: left;
        clear: none
    }

    .medium-pull-0:last-child:not(:first-child),
    .medium-push-0:last-child:not(:first-child),
    .medium-uncentered:last-child:not(:first-child) {
        float: right
    }
}

@media print, screen and (min-width: 64.0625em) {
    .large-1 {
        width: 8.3333333333%
    }

    .large-push-1 {
        position: relative;
        left: 8.3333333333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.3333333333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        width: 16.6666666667%
    }

    .large-push-2 {
        position: relative;
        left: 16.6666666667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.6666666667%
    }

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

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.6666666667%
    }

    .large-4 {
        width: 33.3333333333%
    }

    .large-push-4 {
        position: relative;
        left: 33.3333333333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.3333333333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.6666666667%
    }

    .large-push-5 {
        position: relative;
        left: 41.6666666667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.6666666667%
    }

    .large-offset-4 {
        margin-left: 33.3333333333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.6666666667%
    }

    .large-7 {
        width: 58.3333333333%
    }

    .large-push-7 {
        position: relative;
        left: 58.3333333333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.3333333333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.6666666667%
    }

    .large-push-8 {
        position: relative;
        left: 66.6666666667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.6666666667%
    }

    .large-offset-7 {
        margin-left: 58.3333333333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.6666666667%
    }

    .large-10 {
        width: 83.3333333333%
    }

    .large-push-10 {
        position: relative;
        left: 83.3333333333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.3333333333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.6666666667%
    }

    .large-push-11 {
        position: relative;
        left: 91.6666666667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.6666666667%
    }

    .large-offset-10 {
        margin-left: 83.3333333333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.6666666667%
    }

    .large-up-1 > .column,
    .large-up-1 > .columns {
        float: left;
        width: 100%
    }

    .large-up-1 > .column:nth-of-type(1n),
    .large-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-1 > .column:nth-of-type(1n+1),
    .large-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .large-up-1 > .column:last-child,
    .large-up-1 > .columns:last-child {
        float: left
    }

    .large-up-2 > .column,
    .large-up-2 > .columns {
        float: left;
        width: 50%
    }

    .large-up-2 > .column:nth-of-type(1n),
    .large-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-2 > .column:nth-of-type(2n+1),
    .large-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .large-up-2 > .column:last-child,
    .large-up-2 > .columns:last-child {
        float: left
    }

    .large-up-3 > .column,
    .large-up-3 > .columns {
        float: left;
        width: 33.3333333333%
    }

    .large-up-3 > .column:nth-of-type(1n),
    .large-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-3 > .column:nth-of-type(3n+1),
    .large-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3 > .column:last-child,
    .large-up-3 > .columns:last-child {
        float: left
    }

    .large-up-4 > .column,
    .large-up-4 > .columns {
        float: left;
        width: 25%
    }

    .large-up-4 > .column:nth-of-type(1n),
    .large-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-4 > .column:nth-of-type(4n+1),
    .large-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4 > .column:last-child,
    .large-up-4 > .columns:last-child {
        float: left
    }

    .large-up-5 > .column,
    .large-up-5 > .columns {
        float: left;
        width: 20%
    }

    .large-up-5 > .column:nth-of-type(1n),
    .large-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-5 > .column:nth-of-type(5n+1),
    .large-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5 > .column:last-child,
    .large-up-5 > .columns:last-child {
        float: left
    }

    .large-up-6 > .column,
    .large-up-6 > .columns {
        float: left;
        width: 16.6666666667%
    }

    .large-up-6 > .column:nth-of-type(1n),
    .large-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-6 > .column:nth-of-type(6n+1),
    .large-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6 > .column:last-child,
    .large-up-6 > .columns:last-child {
        float: left
    }

    .large-up-7 > .column,
    .large-up-7 > .columns {
        float: left;
        width: 14.2857142857%
    }

    .large-up-7 > .column:nth-of-type(1n),
    .large-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-7 > .column:nth-of-type(7n+1),
    .large-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7 > .column:last-child,
    .large-up-7 > .columns:last-child {
        float: left
    }

    .large-up-8 > .column,
    .large-up-8 > .columns {
        float: left;
        width: 12.5%
    }

    .large-up-8 > .column:nth-of-type(1n),
    .large-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-8 > .column:nth-of-type(8n+1),
    .large-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8 > .column:last-child,
    .large-up-8 > .columns:last-child {
        float: left
    }

    .large-collapse > .column,
    .large-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .large-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .large-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .large-uncollapse > .column,
    .large-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .large-centered {
        margin-right: auto;
        margin-left: auto
    }

    .large-centered,
    .large-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .large-pull-0,
    .large-push-0,
    .large-uncentered {
        position: static;
        margin-right: 0;
        margin-left: 0
    }

    .large-pull-0,
    .large-pull-0:last-child:not(:first-child),
    .large-push-0,
    .large-push-0:last-child:not(:first-child),
    .large-uncentered,
    .large-uncentered:last-child:not(:first-child) {
        float: left;
        clear: none
    }

    .large-pull-0:last-child:not(:first-child),
    .large-push-0:last-child:not(:first-child),
    .large-uncentered:last-child:not(:first-child) {
        float: right
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-1 {
        width: 8.3333333333%
    }

    .xlarge-push-1 {
        position: relative;
        left: 8.3333333333%
    }

    .xlarge-pull-1 {
        position: relative;
        left: -8.3333333333%
    }

    .xlarge-offset-0 {
        margin-left: 0
    }

    .xlarge-2 {
        width: 16.6666666667%
    }

    .xlarge-push-2 {
        position: relative;
        left: 16.6666666667%
    }

    .xlarge-pull-2 {
        position: relative;
        left: -16.6666666667%
    }

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

    .xlarge-3 {
        width: 25%
    }

    .xlarge-push-3 {
        position: relative;
        left: 25%
    }

    .xlarge-pull-3 {
        position: relative;
        left: -25%
    }

    .xlarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .xlarge-4 {
        width: 33.3333333333%
    }

    .xlarge-push-4 {
        position: relative;
        left: 33.3333333333%
    }

    .xlarge-pull-4 {
        position: relative;
        left: -33.3333333333%
    }

    .xlarge-offset-3 {
        margin-left: 25%
    }

    .xlarge-5 {
        width: 41.6666666667%
    }

    .xlarge-push-5 {
        position: relative;
        left: 41.6666666667%
    }

    .xlarge-pull-5 {
        position: relative;
        left: -41.6666666667%
    }

    .xlarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .xlarge-6 {
        width: 50%
    }

    .xlarge-push-6 {
        position: relative;
        left: 50%
    }

    .xlarge-pull-6 {
        position: relative;
        left: -50%
    }

    .xlarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .xlarge-7 {
        width: 58.3333333333%
    }

    .xlarge-push-7 {
        position: relative;
        left: 58.3333333333%
    }

    .xlarge-pull-7 {
        position: relative;
        left: -58.3333333333%
    }

    .xlarge-offset-6 {
        margin-left: 50%
    }

    .xlarge-8 {
        width: 66.6666666667%
    }

    .xlarge-push-8 {
        position: relative;
        left: 66.6666666667%
    }

    .xlarge-pull-8 {
        position: relative;
        left: -66.6666666667%
    }

    .xlarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .xlarge-9 {
        width: 75%
    }

    .xlarge-push-9 {
        position: relative;
        left: 75%
    }

    .xlarge-pull-9 {
        position: relative;
        left: -75%
    }

    .xlarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .xlarge-10 {
        width: 83.3333333333%
    }

    .xlarge-push-10 {
        position: relative;
        left: 83.3333333333%
    }

    .xlarge-pull-10 {
        position: relative;
        left: -83.3333333333%
    }

    .xlarge-offset-9 {
        margin-left: 75%
    }

    .xlarge-11 {
        width: 91.6666666667%
    }

    .xlarge-push-11 {
        position: relative;
        left: 91.6666666667%
    }

    .xlarge-pull-11 {
        position: relative;
        left: -91.6666666667%
    }

    .xlarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .xlarge-12 {
        width: 100%
    }

    .xlarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .xlarge-up-1 > .column,
    .xlarge-up-1 > .columns {
        float: left;
        width: 100%
    }

    .xlarge-up-1 > .column:nth-of-type(1n),
    .xlarge-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-1 > .column:nth-of-type(1n+1),
    .xlarge-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .xlarge-up-1 > .column:last-child,
    .xlarge-up-1 > .columns:last-child {
        float: left
    }

    .xlarge-up-2 > .column,
    .xlarge-up-2 > .columns {
        float: left;
        width: 50%
    }

    .xlarge-up-2 > .column:nth-of-type(1n),
    .xlarge-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-2 > .column:nth-of-type(2n+1),
    .xlarge-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .xlarge-up-2 > .column:last-child,
    .xlarge-up-2 > .columns:last-child {
        float: left
    }

    .xlarge-up-3 > .column,
    .xlarge-up-3 > .columns {
        float: left;
        width: 33.3333333333%
    }

    .xlarge-up-3 > .column:nth-of-type(1n),
    .xlarge-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-3 > .column:nth-of-type(3n+1),
    .xlarge-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .xlarge-up-3 > .column:last-child,
    .xlarge-up-3 > .columns:last-child {
        float: left
    }

    .xlarge-up-4 > .column,
    .xlarge-up-4 > .columns {
        float: left;
        width: 25%
    }

    .xlarge-up-4 > .column:nth-of-type(1n),
    .xlarge-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-4 > .column:nth-of-type(4n+1),
    .xlarge-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .xlarge-up-4 > .column:last-child,
    .xlarge-up-4 > .columns:last-child {
        float: left
    }

    .xlarge-up-5 > .column,
    .xlarge-up-5 > .columns {
        float: left;
        width: 20%
    }

    .xlarge-up-5 > .column:nth-of-type(1n),
    .xlarge-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-5 > .column:nth-of-type(5n+1),
    .xlarge-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .xlarge-up-5 > .column:last-child,
    .xlarge-up-5 > .columns:last-child {
        float: left
    }

    .xlarge-up-6 > .column,
    .xlarge-up-6 > .columns {
        float: left;
        width: 16.6666666667%
    }

    .xlarge-up-6 > .column:nth-of-type(1n),
    .xlarge-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-6 > .column:nth-of-type(6n+1),
    .xlarge-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .xlarge-up-6 > .column:last-child,
    .xlarge-up-6 > .columns:last-child {
        float: left
    }

    .xlarge-up-7 > .column,
    .xlarge-up-7 > .columns {
        float: left;
        width: 14.2857142857%
    }

    .xlarge-up-7 > .column:nth-of-type(1n),
    .xlarge-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-7 > .column:nth-of-type(7n+1),
    .xlarge-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .xlarge-up-7 > .column:last-child,
    .xlarge-up-7 > .columns:last-child {
        float: left
    }

    .xlarge-up-8 > .column,
    .xlarge-up-8 > .columns {
        float: left;
        width: 12.5%
    }

    .xlarge-up-8 > .column:nth-of-type(1n),
    .xlarge-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-8 > .column:nth-of-type(8n+1),
    .xlarge-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .xlarge-up-8 > .column:last-child,
    .xlarge-up-8 > .columns:last-child {
        float: left
    }

    .xlarge-collapse > .column,
    .xlarge-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .xlarge-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .xlarge-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .xlarge-uncollapse > .column,
    .xlarge-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .xlarge-centered {
        margin-right: auto;
        margin-left: auto
    }

    .xlarge-centered,
    .xlarge-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .xlarge-pull-0,
    .xlarge-push-0,
    .xlarge-uncentered {
        position: static;
        margin-right: 0;
        margin-left: 0
    }

    .xlarge-pull-0,
    .xlarge-pull-0:last-child:not(:first-child),
    .xlarge-push-0,
    .xlarge-push-0:last-child:not(:first-child),
    .xlarge-uncentered,
    .xlarge-uncentered:last-child:not(:first-child) {
        float: left;
        clear: none
    }

    .xlarge-pull-0:last-child:not(:first-child),
    .xlarge-push-0:last-child:not(:first-child),
    .xlarge-uncentered:last-child:not(:first-child) {
        float: right
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-1 {
        width: 8.3333333333%
    }

    .xxlarge-push-1 {
        position: relative;
        left: 8.3333333333%
    }

    .xxlarge-pull-1 {
        position: relative;
        left: -8.3333333333%
    }

    .xxlarge-offset-0 {
        margin-left: 0
    }

    .xxlarge-2 {
        width: 16.6666666667%
    }

    .xxlarge-push-2 {
        position: relative;
        left: 16.6666666667%
    }

    .xxlarge-pull-2 {
        position: relative;
        left: -16.6666666667%
    }

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

    .xxlarge-3 {
        width: 25%
    }

    .xxlarge-push-3 {
        position: relative;
        left: 25%
    }

    .xxlarge-pull-3 {
        position: relative;
        left: -25%
    }

    .xxlarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .xxlarge-4 {
        width: 33.3333333333%
    }

    .xxlarge-push-4 {
        position: relative;
        left: 33.3333333333%
    }

    .xxlarge-pull-4 {
        position: relative;
        left: -33.3333333333%
    }

    .xxlarge-offset-3 {
        margin-left: 25%
    }

    .xxlarge-5 {
        width: 41.6666666667%
    }

    .xxlarge-push-5 {
        position: relative;
        left: 41.6666666667%
    }

    .xxlarge-pull-5 {
        position: relative;
        left: -41.6666666667%
    }

    .xxlarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .xxlarge-6 {
        width: 50%
    }

    .xxlarge-push-6 {
        position: relative;
        left: 50%
    }

    .xxlarge-pull-6 {
        position: relative;
        left: -50%
    }

    .xxlarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .xxlarge-7 {
        width: 58.3333333333%
    }

    .xxlarge-push-7 {
        position: relative;
        left: 58.3333333333%
    }

    .xxlarge-pull-7 {
        position: relative;
        left: -58.3333333333%
    }

    .xxlarge-offset-6 {
        margin-left: 50%
    }

    .xxlarge-8 {
        width: 66.6666666667%
    }

    .xxlarge-push-8 {
        position: relative;
        left: 66.6666666667%
    }

    .xxlarge-pull-8 {
        position: relative;
        left: -66.6666666667%
    }

    .xxlarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .xxlarge-9 {
        width: 75%
    }

    .xxlarge-push-9 {
        position: relative;
        left: 75%
    }

    .xxlarge-pull-9 {
        position: relative;
        left: -75%
    }

    .xxlarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .xxlarge-10 {
        width: 83.3333333333%
    }

    .xxlarge-push-10 {
        position: relative;
        left: 83.3333333333%
    }

    .xxlarge-pull-10 {
        position: relative;
        left: -83.3333333333%
    }

    .xxlarge-offset-9 {
        margin-left: 75%
    }

    .xxlarge-11 {
        width: 91.6666666667%
    }

    .xxlarge-push-11 {
        position: relative;
        left: 91.6666666667%
    }

    .xxlarge-pull-11 {
        position: relative;
        left: -91.6666666667%
    }

    .xxlarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .xxlarge-12 {
        width: 100%
    }

    .xxlarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .xxlarge-up-1 > .column,
    .xxlarge-up-1 > .columns {
        float: left;
        width: 100%
    }

    .xxlarge-up-1 > .column:nth-of-type(1n),
    .xxlarge-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xxlarge-up-1 > .column:nth-of-type(1n+1),
    .xxlarge-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .xxlarge-up-1 > .column:last-child,
    .xxlarge-up-1 > .columns:last-child {
        float: left
    }

    .xxlarge-up-2 > .column,
    .xxlarge-up-2 > .columns {
        float: left;
        width: 50%
    }

    .xxlarge-up-2 > .column:nth-of-type(1n),
    .xxlarge-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xxlarge-up-2 > .column:nth-of-type(2n+1),
    .xxlarge-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .xxlarge-up-2 > .column:last-child,
    .xxlarge-up-2 > .columns:last-child {
        float: left
    }

    .xxlarge-up-3 > .column,
    .xxlarge-up-3 > .columns {
        float: left;
        width: 33.3333333333%
    }

    .xxlarge-up-3 > .column:nth-of-type(1n),
    .xxlarge-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xxlarge-up-3 > .column:nth-of-type(3n+1),
    .xxlarge-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .xxlarge-up-3 > .column:last-child,
    .xxlarge-up-3 > .columns:last-child {
        float: left
    }

    .xxlarge-up-4 > .column,
    .xxlarge-up-4 > .columns {
        float: left;
        width: 25%
    }

    .xxlarge-up-4 > .column:nth-of-type(1n),
    .xxlarge-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xxlarge-up-4 > .column:nth-of-type(4n+1),
    .xxlarge-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .xxlarge-up-4 > .column:last-child,
    .xxlarge-up-4 > .columns:last-child {
        float: left
    }

    .xxlarge-up-5 > .column,
    .xxlarge-up-5 > .columns {
        float: left;
        width: 20%
    }

    .xxlarge-up-5 > .column:nth-of-type(1n),
    .xxlarge-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xxlarge-up-5 > .column:nth-of-type(5n+1),
    .xxlarge-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .xxlarge-up-5 > .column:last-child,
    .xxlarge-up-5 > .columns:last-child {
        float: left
    }

    .xxlarge-up-6 > .column,
    .xxlarge-up-6 > .columns {
        float: left;
        width: 16.6666666667%
    }

    .xxlarge-up-6 > .column:nth-of-type(1n),
    .xxlarge-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xxlarge-up-6 > .column:nth-of-type(6n+1),
    .xxlarge-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .xxlarge-up-6 > .column:last-child,
    .xxlarge-up-6 > .columns:last-child {
        float: left
    }

    .xxlarge-up-7 > .column,
    .xxlarge-up-7 > .columns {
        float: left;
        width: 14.2857142857%
    }

    .xxlarge-up-7 > .column:nth-of-type(1n),
    .xxlarge-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xxlarge-up-7 > .column:nth-of-type(7n+1),
    .xxlarge-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .xxlarge-up-7 > .column:last-child,
    .xxlarge-up-7 > .columns:last-child {
        float: left
    }

    .xxlarge-up-8 > .column,
    .xxlarge-up-8 > .columns {
        float: left;
        width: 12.5%
    }

    .xxlarge-up-8 > .column:nth-of-type(1n),
    .xxlarge-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xxlarge-up-8 > .column:nth-of-type(8n+1),
    .xxlarge-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .xxlarge-up-8 > .column:last-child,
    .xxlarge-up-8 > .columns:last-child {
        float: left
    }

    .xxlarge-collapse > .column,
    .xxlarge-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .xxlarge-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .xxlarge-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .xxlarge-uncollapse > .column,
    .xxlarge-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .xxlarge-centered {
        margin-right: auto;
        margin-left: auto
    }

    .xxlarge-centered,
    .xxlarge-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .xxlarge-pull-0,
    .xxlarge-push-0,
    .xxlarge-uncentered {
        position: static;
        margin-right: 0;
        margin-left: 0
    }

    .xxlarge-pull-0,
    .xxlarge-pull-0:last-child:not(:first-child),
    .xxlarge-push-0,
    .xxlarge-push-0:last-child:not(:first-child),
    .xxlarge-uncentered,
    .xxlarge-uncentered:last-child:not(:first-child) {
        float: left;
        clear: none
    }

    .xxlarge-pull-0:last-child:not(:first-child),
    .xxlarge-push-0:last-child:not(:first-child),
    .xxlarge-uncentered:last-child:not(:first-child) {
        float: right
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-1 {
        width: 8.3333333333%
    }

    .extralarge-push-1 {
        position: relative;
        left: 8.3333333333%
    }

    .extralarge-pull-1 {
        position: relative;
        left: -8.3333333333%
    }

    .extralarge-offset-0 {
        margin-left: 0
    }

    .extralarge-2 {
        width: 16.6666666667%
    }

    .extralarge-push-2 {
        position: relative;
        left: 16.6666666667%
    }

    .extralarge-pull-2 {
        position: relative;
        left: -16.6666666667%
    }

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

    .extralarge-3 {
        width: 25%
    }

    .extralarge-push-3 {
        position: relative;
        left: 25%
    }

    .extralarge-pull-3 {
        position: relative;
        left: -25%
    }

    .extralarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .extralarge-4 {
        width: 33.3333333333%
    }

    .extralarge-push-4 {
        position: relative;
        left: 33.3333333333%
    }

    .extralarge-pull-4 {
        position: relative;
        left: -33.3333333333%
    }

    .extralarge-offset-3 {
        margin-left: 25%
    }

    .extralarge-5 {
        width: 41.6666666667%
    }

    .extralarge-push-5 {
        position: relative;
        left: 41.6666666667%
    }

    .extralarge-pull-5 {
        position: relative;
        left: -41.6666666667%
    }

    .extralarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .extralarge-6 {
        width: 50%
    }

    .extralarge-push-6 {
        position: relative;
        left: 50%
    }

    .extralarge-pull-6 {
        position: relative;
        left: -50%
    }

    .extralarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .extralarge-7 {
        width: 58.3333333333%
    }

    .extralarge-push-7 {
        position: relative;
        left: 58.3333333333%
    }

    .extralarge-pull-7 {
        position: relative;
        left: -58.3333333333%
    }

    .extralarge-offset-6 {
        margin-left: 50%
    }

    .extralarge-8 {
        width: 66.6666666667%
    }

    .extralarge-push-8 {
        position: relative;
        left: 66.6666666667%
    }

    .extralarge-pull-8 {
        position: relative;
        left: -66.6666666667%
    }

    .extralarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .extralarge-9 {
        width: 75%
    }

    .extralarge-push-9 {
        position: relative;
        left: 75%
    }

    .extralarge-pull-9 {
        position: relative;
        left: -75%
    }

    .extralarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .extralarge-10 {
        width: 83.3333333333%
    }

    .extralarge-push-10 {
        position: relative;
        left: 83.3333333333%
    }

    .extralarge-pull-10 {
        position: relative;
        left: -83.3333333333%
    }

    .extralarge-offset-9 {
        margin-left: 75%
    }

    .extralarge-11 {
        width: 91.6666666667%
    }

    .extralarge-push-11 {
        position: relative;
        left: 91.6666666667%
    }

    .extralarge-pull-11 {
        position: relative;
        left: -91.6666666667%
    }

    .extralarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .extralarge-12 {
        width: 100%
    }

    .extralarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .extralarge-up-1 > .column,
    .extralarge-up-1 > .columns {
        float: left;
        width: 100%
    }

    .extralarge-up-1 > .column:nth-of-type(1n),
    .extralarge-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extralarge-up-1 > .column:nth-of-type(1n+1),
    .extralarge-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .extralarge-up-1 > .column:last-child,
    .extralarge-up-1 > .columns:last-child {
        float: left
    }

    .extralarge-up-2 > .column,
    .extralarge-up-2 > .columns {
        float: left;
        width: 50%
    }

    .extralarge-up-2 > .column:nth-of-type(1n),
    .extralarge-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extralarge-up-2 > .column:nth-of-type(2n+1),
    .extralarge-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .extralarge-up-2 > .column:last-child,
    .extralarge-up-2 > .columns:last-child {
        float: left
    }

    .extralarge-up-3 > .column,
    .extralarge-up-3 > .columns {
        float: left;
        width: 33.3333333333%
    }

    .extralarge-up-3 > .column:nth-of-type(1n),
    .extralarge-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extralarge-up-3 > .column:nth-of-type(3n+1),
    .extralarge-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .extralarge-up-3 > .column:last-child,
    .extralarge-up-3 > .columns:last-child {
        float: left
    }

    .extralarge-up-4 > .column,
    .extralarge-up-4 > .columns {
        float: left;
        width: 25%
    }

    .extralarge-up-4 > .column:nth-of-type(1n),
    .extralarge-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extralarge-up-4 > .column:nth-of-type(4n+1),
    .extralarge-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .extralarge-up-4 > .column:last-child,
    .extralarge-up-4 > .columns:last-child {
        float: left
    }

    .extralarge-up-5 > .column,
    .extralarge-up-5 > .columns {
        float: left;
        width: 20%
    }

    .extralarge-up-5 > .column:nth-of-type(1n),
    .extralarge-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extralarge-up-5 > .column:nth-of-type(5n+1),
    .extralarge-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .extralarge-up-5 > .column:last-child,
    .extralarge-up-5 > .columns:last-child {
        float: left
    }

    .extralarge-up-6 > .column,
    .extralarge-up-6 > .columns {
        float: left;
        width: 16.6666666667%
    }

    .extralarge-up-6 > .column:nth-of-type(1n),
    .extralarge-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extralarge-up-6 > .column:nth-of-type(6n+1),
    .extralarge-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .extralarge-up-6 > .column:last-child,
    .extralarge-up-6 > .columns:last-child {
        float: left
    }

    .extralarge-up-7 > .column,
    .extralarge-up-7 > .columns {
        float: left;
        width: 14.2857142857%
    }

    .extralarge-up-7 > .column:nth-of-type(1n),
    .extralarge-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extralarge-up-7 > .column:nth-of-type(7n+1),
    .extralarge-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .extralarge-up-7 > .column:last-child,
    .extralarge-up-7 > .columns:last-child {
        float: left
    }

    .extralarge-up-8 > .column,
    .extralarge-up-8 > .columns {
        float: left;
        width: 12.5%
    }

    .extralarge-up-8 > .column:nth-of-type(1n),
    .extralarge-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extralarge-up-8 > .column:nth-of-type(8n+1),
    .extralarge-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .extralarge-up-8 > .column:last-child,
    .extralarge-up-8 > .columns:last-child {
        float: left
    }

    .extralarge-collapse > .column,
    .extralarge-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .extralarge-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .extralarge-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .extralarge-uncollapse > .column,
    .extralarge-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .extralarge-centered {
        margin-right: auto;
        margin-left: auto
    }

    .extralarge-centered,
    .extralarge-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .extralarge-pull-0,
    .extralarge-push-0,
    .extralarge-uncentered {
        position: static;
        margin-right: 0;
        margin-left: 0
    }

    .extralarge-pull-0,
    .extralarge-pull-0:last-child:not(:first-child),
    .extralarge-push-0,
    .extralarge-push-0:last-child:not(:first-child),
    .extralarge-uncentered,
    .extralarge-uncentered:last-child:not(:first-child) {
        float: left;
        clear: none
    }

    .extralarge-pull-0:last-child:not(:first-child),
    .extralarge-push-0:last-child:not(:first-child),
    .extralarge-uncentered:last-child:not(:first-child) {
        float: right
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-1 {
        width: 8.3333333333%
    }

    .extremelylarge-push-1 {
        position: relative;
        left: 8.3333333333%
    }

    .extremelylarge-pull-1 {
        position: relative;
        left: -8.3333333333%
    }

    .extremelylarge-offset-0 {
        margin-left: 0
    }

    .extremelylarge-2 {
        width: 16.6666666667%
    }

    .extremelylarge-push-2 {
        position: relative;
        left: 16.6666666667%
    }

    .extremelylarge-pull-2 {
        position: relative;
        left: -16.6666666667%
    }

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

    .extremelylarge-3 {
        width: 25%
    }

    .extremelylarge-push-3 {
        position: relative;
        left: 25%
    }

    .extremelylarge-pull-3 {
        position: relative;
        left: -25%
    }

    .extremelylarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .extremelylarge-4 {
        width: 33.3333333333%
    }

    .extremelylarge-push-4 {
        position: relative;
        left: 33.3333333333%
    }

    .extremelylarge-pull-4 {
        position: relative;
        left: -33.3333333333%
    }

    .extremelylarge-offset-3 {
        margin-left: 25%
    }

    .extremelylarge-5 {
        width: 41.6666666667%
    }

    .extremelylarge-push-5 {
        position: relative;
        left: 41.6666666667%
    }

    .extremelylarge-pull-5 {
        position: relative;
        left: -41.6666666667%
    }

    .extremelylarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .extremelylarge-6 {
        width: 50%
    }

    .extremelylarge-push-6 {
        position: relative;
        left: 50%
    }

    .extremelylarge-pull-6 {
        position: relative;
        left: -50%
    }

    .extremelylarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .extremelylarge-7 {
        width: 58.3333333333%
    }

    .extremelylarge-push-7 {
        position: relative;
        left: 58.3333333333%
    }

    .extremelylarge-pull-7 {
        position: relative;
        left: -58.3333333333%
    }

    .extremelylarge-offset-6 {
        margin-left: 50%
    }

    .extremelylarge-8 {
        width: 66.6666666667%
    }

    .extremelylarge-push-8 {
        position: relative;
        left: 66.6666666667%
    }

    .extremelylarge-pull-8 {
        position: relative;
        left: -66.6666666667%
    }

    .extremelylarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .extremelylarge-9 {
        width: 75%
    }

    .extremelylarge-push-9 {
        position: relative;
        left: 75%
    }

    .extremelylarge-pull-9 {
        position: relative;
        left: -75%
    }

    .extremelylarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .extremelylarge-10 {
        width: 83.3333333333%
    }

    .extremelylarge-push-10 {
        position: relative;
        left: 83.3333333333%
    }

    .extremelylarge-pull-10 {
        position: relative;
        left: -83.3333333333%
    }

    .extremelylarge-offset-9 {
        margin-left: 75%
    }

    .extremelylarge-11 {
        width: 91.6666666667%
    }

    .extremelylarge-push-11 {
        position: relative;
        left: 91.6666666667%
    }

    .extremelylarge-pull-11 {
        position: relative;
        left: -91.6666666667%
    }

    .extremelylarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .extremelylarge-12 {
        width: 100%
    }

    .extremelylarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .extremelylarge-up-1 > .column,
    .extremelylarge-up-1 > .columns {
        float: left;
        width: 100%
    }

    .extremelylarge-up-1 > .column:nth-of-type(1n),
    .extremelylarge-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extremelylarge-up-1 > .column:nth-of-type(1n+1),
    .extremelylarge-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .extremelylarge-up-1 > .column:last-child,
    .extremelylarge-up-1 > .columns:last-child {
        float: left
    }

    .extremelylarge-up-2 > .column,
    .extremelylarge-up-2 > .columns {
        float: left;
        width: 50%
    }

    .extremelylarge-up-2 > .column:nth-of-type(1n),
    .extremelylarge-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extremelylarge-up-2 > .column:nth-of-type(2n+1),
    .extremelylarge-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .extremelylarge-up-2 > .column:last-child,
    .extremelylarge-up-2 > .columns:last-child {
        float: left
    }

    .extremelylarge-up-3 > .column,
    .extremelylarge-up-3 > .columns {
        float: left;
        width: 33.3333333333%
    }

    .extremelylarge-up-3 > .column:nth-of-type(1n),
    .extremelylarge-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extremelylarge-up-3 > .column:nth-of-type(3n+1),
    .extremelylarge-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .extremelylarge-up-3 > .column:last-child,
    .extremelylarge-up-3 > .columns:last-child {
        float: left
    }

    .extremelylarge-up-4 > .column,
    .extremelylarge-up-4 > .columns {
        float: left;
        width: 25%
    }

    .extremelylarge-up-4 > .column:nth-of-type(1n),
    .extremelylarge-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extremelylarge-up-4 > .column:nth-of-type(4n+1),
    .extremelylarge-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .extremelylarge-up-4 > .column:last-child,
    .extremelylarge-up-4 > .columns:last-child {
        float: left
    }

    .extremelylarge-up-5 > .column,
    .extremelylarge-up-5 > .columns {
        float: left;
        width: 20%
    }

    .extremelylarge-up-5 > .column:nth-of-type(1n),
    .extremelylarge-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extremelylarge-up-5 > .column:nth-of-type(5n+1),
    .extremelylarge-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .extremelylarge-up-5 > .column:last-child,
    .extremelylarge-up-5 > .columns:last-child {
        float: left
    }

    .extremelylarge-up-6 > .column,
    .extremelylarge-up-6 > .columns {
        float: left;
        width: 16.6666666667%
    }

    .extremelylarge-up-6 > .column:nth-of-type(1n),
    .extremelylarge-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extremelylarge-up-6 > .column:nth-of-type(6n+1),
    .extremelylarge-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .extremelylarge-up-6 > .column:last-child,
    .extremelylarge-up-6 > .columns:last-child {
        float: left
    }

    .extremelylarge-up-7 > .column,
    .extremelylarge-up-7 > .columns {
        float: left;
        width: 14.2857142857%
    }

    .extremelylarge-up-7 > .column:nth-of-type(1n),
    .extremelylarge-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extremelylarge-up-7 > .column:nth-of-type(7n+1),
    .extremelylarge-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .extremelylarge-up-7 > .column:last-child,
    .extremelylarge-up-7 > .columns:last-child {
        float: left
    }

    .extremelylarge-up-8 > .column,
    .extremelylarge-up-8 > .columns {
        float: left;
        width: 12.5%
    }

    .extremelylarge-up-8 > .column:nth-of-type(1n),
    .extremelylarge-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .extremelylarge-up-8 > .column:nth-of-type(8n+1),
    .extremelylarge-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .extremelylarge-up-8 > .column:last-child,
    .extremelylarge-up-8 > .columns:last-child {
        float: left
    }

    .extremelylarge-collapse > .column,
    .extremelylarge-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .extremelylarge-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .extremelylarge-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .extremelylarge-uncollapse > .column,
    .extremelylarge-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .extremelylarge-centered {
        margin-right: auto;
        margin-left: auto
    }

    .extremelylarge-centered,
    .extremelylarge-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .extremelylarge-pull-0,
    .extremelylarge-push-0,
    .extremelylarge-uncentered {
        position: static;
        margin-right: 0;
        margin-left: 0
    }

    .extremelylarge-pull-0,
    .extremelylarge-pull-0:last-child:not(:first-child),
    .extremelylarge-push-0,
    .extremelylarge-push-0:last-child:not(:first-child),
    .extremelylarge-uncentered,
    .extremelylarge-uncentered:last-child:not(:first-child) {
        float: left;
        clear: none
    }

    .extremelylarge-pull-0:last-child:not(:first-child),
    .extremelylarge-push-0:last-child:not(:first-child),
    .extremelylarge-uncentered:last-child:not(:first-child) {
        float: right
    }
}

.column-block {
    margin-bottom: 1.25rem
}

.column-block > :last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 50.0625em) {
    .column-block {
        margin-bottom: 1.875rem
    }

    .column-block > :last-child {
        margin-bottom: 0
    }
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic;
    line-height: inherit
}

b,
strong {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}

.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    line-height: 0;
    color: #cacaca
}

.h1,
h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h2,
h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h3,
h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h4,
h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h5,
h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h6,
h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

@media print, screen and (min-width: 50.0625em) {

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

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

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

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

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

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

a {
    line-height: inherit;
    color: #2070c0;
    text-decoration: none;
    cursor: pointer
}

a:focus,
a:hover {
    color: #197cff;
    text-decoration: underline
}

a img {
    border: 0
}

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc
}

ol {
    margin-left: 1.25rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

abbr,
abbr[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
    text-decoration: none
}

figure {
    margin: 0
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #000
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

ol.no-bullet,
ul.no-bullet {
    margin-left: 0;
    list-style: none
}

.cite-block,
cite {
    display: block;
    color: #8a8a8a;
    font-size: .8125rem
}

.cite-block:before,
cite:before {
    content: "— "
}

.code-inline,
code {
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: 400;
    color: #000;
    display: inline;
    max-width: 100%;
    word-wrap: break-word;
    padding: .125rem .3125rem .0625rem
}

.code-block {
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: 400;
    color: #000;
    display: block;
    overflow: auto;
    white-space: pre;
    padding: 1rem;
    margin-bottom: 1.5rem
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print, screen and (min-width: 50.0625em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

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

    .medium-text-justify {
        text-align: justify
    }
}

@media print, screen and (min-width: 64.0625em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

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

    .large-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-text-left {
        text-align: left
    }

    .xlarge-text-right {
        text-align: right
    }

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

    .xlarge-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-text-left {
        text-align: left
    }

    .xxlarge-text-right {
        text-align: right
    }

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

    .xxlarge-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-text-left {
        text-align: left
    }

    .extralarge-text-right {
        text-align: right
    }

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

    .extralarge-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-text-left {
        text-align: left
    }

    .extremelylarge-text-right {
        text-align: right
    }

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

    .extremelylarge-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        color-adjust: economy;
        box-shadow: none !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote,
    pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 1em 1em;
    border: 1px solid transparent;
    border-radius: 4px !important;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-family: inherit;
    font-size: 1rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.5rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button,
.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
    background-color: #00a651;
    color: #fff
}

.button:focus,
.button:hover {
    background-color: shade(#00a651, 10%);
    color: #fff
}

.button.cta,
.button.cta.disabled,
.button.cta.disabled:focus,
.button.cta.disabled:hover,
.button.cta[disabled],
.button.cta[disabled]:focus,
.button.cta[disabled]:hover {
    background-color: #ec8600;
    color: #fff
}

.button.cta:focus,
.button.cta:hover {
    background-color: #db7d00;
    color: #fff
}

.button.primary,
.button.primary.disabled,
.button.primary.disabled:focus,
.button.primary.disabled:hover,
.button.primary[disabled],
.button.primary[disabled]:focus,
.button.primary[disabled]:hover {
    background-color: #00a651;
    color: #fff
}

.button.primary:focus,
.button.primary:hover {
    background-color: #009a4b;
    color: #fff
}

.button.primary-accent,
.button.primary-accent.disabled,
.button.primary-accent.disabled:focus,
.button.primary-accent.disabled:hover,
.button.primary-accent[disabled],
.button.primary-accent[disabled]:focus,
.button.primary-accent[disabled]:hover {
    background-color: #008541;
    color: #fff
}

.button.primary-accent:focus,
.button.primary-accent:hover {
    background-color: #007c3c;
    color: #fff
}

.button.primary-blue,
.button.primary-blue.disabled,
.button.primary-blue.disabled:focus,
.button.primary-blue.disabled:hover,
.button.primary-blue[disabled],
.button.primary-blue[disabled]:focus,
.button.primary-blue[disabled]:hover {
    background-color: #2070c0;
    color: #fff
}

.button.primary-blue:focus,
.button.primary-blue:hover {
    background-color: #298cf1;
    color: #fff
}

.button.primary-blue-bright,
.button.primary-blue-bright.disabled,
.button.primary-blue-bright.disabled:focus,
.button.primary-blue-bright.disabled:hover,
.button.primary-blue-bright[disabled],
.button.primary-blue-bright[disabled]:focus,
.button.primary-blue-bright[disabled]:hover {
    background-color: #66b2ff;
    color: #fff
}

.button.primary-blue-bright:focus,
.button.primary-blue-bright:hover {
    background-color: #4da5ff;
    color: #fff
}

.button.primary-blue-accent,
.button.primary-blue-accent.disabled,
.button.primary-blue-accent.disabled:focus,
.button.primary-blue-accent.disabled:hover,
.button.primary-blue-accent[disabled],
.button.primary-blue-accent[disabled]:focus,
.button.primary-blue-accent[disabled]:hover {
    background-color: #005cb8;
    color: #fff
}

.button.primary-blue-accent:focus,
.button.primary-blue-accent:hover {
    background-color: #0056ab;
    color: #fff
}

.button.link,
.button.link.disabled,
.button.link.disabled:focus,
.button.link.disabled:hover,
.button.link[disabled],
.button.link[disabled]:focus,
.button.link[disabled]:hover {
    background-color: #2070c0;
    color: #fff
}

.button.link:focus,
.button.link:hover {
    background-color: #298cf1;
    color: #fff
}

.button.link-active,
.button.link-active.disabled,
.button.link-active.disabled:focus,
.button.link-active.disabled:hover,
.button.link-active[disabled],
.button.link-active[disabled]:focus,
.button.link-active[disabled]:hover {
    background-color: #005cb8;
    color: #fff
}

.button.link-active:focus,
.button.link-active:hover {
    background-color: #0056ab;
    color: #fff
}

.button.link-hover,
.button.link-hover.disabled,
.button.link-hover.disabled:focus,
.button.link-hover.disabled:hover,
.button.link-hover[disabled],
.button.link-hover[disabled]:focus,
.button.link-hover[disabled]:hover {
    background-color: #dc8a32;
    color: #fff
}

.button.link-hover:focus,
.button.link-hover:hover {
    background-color: #d68125;
    color: #fff
}

.button.disabled-link,
.button.disabled-link.disabled,
.button.disabled-link.disabled:focus,
.button.disabled-link.disabled:hover,
.button.disabled-link[disabled],
.button.disabled-link[disabled]:focus,
.button.disabled-link[disabled]:hover {
    background-color: #d2d2d2;
    color: #fff
}

.button.disabled-link:focus,
.button.disabled-link:hover {
    background-color: #c3c3c3;
    color: #fff
}

.button.disabled-link-text,
.button.disabled-link-text.disabled,
.button.disabled-link-text.disabled:focus,
.button.disabled-link-text.disabled:hover,
.button.disabled-link-text[disabled],
.button.disabled-link-text[disabled]:focus,
.button.disabled-link-text[disabled]:hover {
    background-color: #afafaf;
    color: #fff
}

.button.disabled-link-text:focus,
.button.disabled-link-text:hover {
    background-color: #a3a3a3;
    color: #fff
}

.button.secondary,
.button.secondary.disabled,
.button.secondary.disabled:focus,
.button.secondary.disabled:hover,
.button.secondary[disabled],
.button.secondary[disabled]:focus,
.button.secondary[disabled]:hover {
    background-color: #2070c0;
    color: #fff
}

.button.secondary:focus,
.button.secondary:hover {
    background-color: #2f89ff;
    color: #fff
}

.button.success,
.button.success.disabled,
.button.success.disabled:focus,
.button.success.disabled:hover,
.button.success[disabled],
.button.success[disabled]:focus,
.button.success[disabled]:hover {
    background-color: #3adb76;
    color: #fff
}

.button.success:focus,
.button.success:hover {
    background-color: #2ad86b;
    color: #fff
}

.button.warning,
.button.warning.disabled,
.button.warning.disabled:focus,
.button.warning.disabled:hover,
.button.warning[disabled],
.button.warning[disabled]:focus,
.button.warning[disabled]:hover {
    background-color: #ffae00;
    color: #fff
}

.button.warning:focus,
.button.warning:hover {
    background-color: #eda200;
    color: #fff
}

.button.alert,
.button.alert.disabled,
.button.alert.disabled:focus,
.button.alert.disabled:hover,
.button.alert[disabled],
.button.alert[disabled]:focus,
.button.alert[disabled]:hover {
    background-color: #bd0000;
    color: #fff
}

.button.alert:focus,
.button.alert:hover {
    background-color: #b00000;
    color: #fff
}

.button.v2-alert,
.button.v2-alert.disabled,
.button.v2-alert.disabled:focus,
.button.v2-alert.disabled:hover,
.button.v2-alert[disabled],
.button.v2-alert[disabled]:focus,
.button.v2-alert[disabled]:hover {
    background-color: #a2260b;
    color: #fff
}

.button.v2-alert:focus,
.button.v2-alert:hover {
    background-color: #97230a;
    color: #fff
}

.button.v2-black,
.button.v2-black.disabled,
.button.v2-black.disabled:focus,
.button.v2-black.disabled:hover,
.button.v2-black[disabled],
.button.v2-black[disabled]:focus,
.button.v2-black[disabled]:hover {
    background-color: #030303;
    color: #fff
}

.button.v2-black:focus,
.button.v2-black:hover {
    background-color: #030303;
    color: #fff
}

.button.v2-gray,
.button.v2-gray.disabled,
.button.v2-gray.disabled:focus,
.button.v2-gray.disabled:hover,
.button.v2-gray[disabled],
.button.v2-gray[disabled]:focus,
.button.v2-gray[disabled]:hover {
    background-color: #8c8c8c;
    color: #fff
}

.button.v2-gray:focus,
.button.v2-gray:hover {
    background-color: #828282;
    color: #fff
}

.button.light-green,
.button.light-green.disabled,
.button.light-green.disabled:focus,
.button.light-green.disabled:hover,
.button.light-green[disabled],
.button.light-green[disabled]:focus,
.button.light-green[disabled]:hover {
    background-color: #00a651;
    color: #fff
}

.button.light-green:focus,
.button.light-green:hover {
    background-color: #009a4b;
    color: #fff
}

.button.tab-background,
.button.tab-background.disabled,
.button.tab-background.disabled:focus,
.button.tab-background.disabled:hover,
.button.tab-background[disabled],
.button.tab-background[disabled]:focus,
.button.tab-background[disabled]:hover {
    background-color: #fafafa;
    color: #fff
}

.button.tab-background:focus,
.button.tab-background:hover {
    background-color: #e9e9e9;
    color: #fff
}

.button.tooltip-color,
.button.tooltip-color.disabled,
.button.tooltip-color.disabled:focus,
.button.tooltip-color.disabled:hover,
.button.tooltip-color[disabled],
.button.tooltip-color[disabled]:focus,
.button.tooltip-color[disabled]:hover {
    background-color: #c4c4c4;
    color: #fff
}

.button.tooltip-color:focus,
.button.tooltip-color:hover {
    background-color: #b6b6b6;
    color: #fff
}

.button.tooltip-label-color,
.button.tooltip-label-color.disabled,
.button.tooltip-label-color.disabled:focus,
.button.tooltip-label-color.disabled:hover,
.button.tooltip-label-color[disabled],
.button.tooltip-label-color[disabled]:focus,
.button.tooltip-label-color[disabled]:hover {
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

.button.tooltip-label-color:focus,
.button.tooltip-label-color:hover {
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

.button.dashed-border,
.button.dashed-border.disabled,
.button.dashed-border.disabled:focus,
.button.dashed-border.disabled:hover,
.button.dashed-border[disabled],
.button.dashed-border[disabled]:focus,
.button.dashed-border[disabled]:hover {
    background-color: #cfcfcf;
    color: #fff
}

.button.dashed-border:focus,
.button.dashed-border:hover {
    background-color: #c1c1c1;
    color: #fff
}

.button.home-row-background,
.button.home-row-background.disabled,
.button.home-row-background.disabled:focus,
.button.home-row-background.disabled:hover,
.button.home-row-background[disabled],
.button.home-row-background[disabled]:focus,
.button.home-row-background[disabled]:hover {
    background-color: #f6f6f6;
    color: #fff
}

.button.home-row-background:focus,
.button.home-row-background:hover {
    background-color: #e5e5e5;
    color: #fff
}

.button.gray-odd-row,
.button.gray-odd-row.disabled,
.button.gray-odd-row.disabled:focus,
.button.gray-odd-row.disabled:hover,
.button.gray-odd-row[disabled],
.button.gray-odd-row[disabled]:focus,
.button.gray-odd-row[disabled]:hover {
    background-color: #e8e8e8;
    color: #fff
}

.button.gray-odd-row:focus,
.button.gray-odd-row:hover {
    background-color: #d8d8d8;
    color: #fff
}

.button.table-odd-row,
.button.table-odd-row.disabled,
.button.table-odd-row.disabled:focus,
.button.table-odd-row.disabled:hover,
.button.table-odd-row[disabled],
.button.table-odd-row[disabled]:focus,
.button.table-odd-row[disabled]:hover {
    background-color: #f8f8f8;
    color: #fff
}

.button.table-odd-row:focus,
.button.table-odd-row:hover {
    background-color: #e7e7e7;
    color: #fff
}

.button.table-accent,
.button.table-accent.disabled,
.button.table-accent.disabled:focus,
.button.table-accent.disabled:hover,
.button.table-accent[disabled],
.button.table-accent[disabled]:focus,
.button.table-accent[disabled]:hover {
    background-color: #e6f4ed;
    color: #fff
}

.button.table-accent:focus,
.button.table-accent:hover {
    background-color: #cfeadc;
    color: #fff
}

.button.table-dark-odd-row,
.button.table-dark-odd-row.disabled,
.button.table-dark-odd-row.disabled:focus,
.button.table-dark-odd-row.disabled:hover,
.button.table-dark-odd-row[disabled],
.button.table-dark-odd-row[disabled]:focus,
.button.table-dark-odd-row[disabled]:hover {
    background-color: #e0e0e0;
    color: #fff
}

.button.table-dark-odd-row:focus,
.button.table-dark-odd-row:hover {
    background-color: #d0d0d0;
    color: #fff
}

.button.input-border,
.button.input-border.disabled,
.button.input-border.disabled:focus,
.button.input-border.disabled:hover,
.button.input-border[disabled],
.button.input-border[disabled]:focus,
.button.input-border[disabled]:hover {
    background-color: #878787;
    color: #fff
}

.button.input-border:focus,
.button.input-border:hover {
    background-color: #7e7e7e;
    color: #fff
}

.button.input-bg,
.button.input-bg.disabled,
.button.input-bg.disabled:focus,
.button.input-bg.disabled:hover,
.button.input-bg[disabled],
.button.input-bg[disabled]:focus,
.button.input-bg[disabled]:hover {
    background-color: #fcfcfc;
    color: #fff
}

.button.input-bg:focus,
.button.input-bg:hover {
    background-color: #eaeaea;
    color: #fff
}

.button.paypal-button,
.button.paypal-button.disabled,
.button.paypal-button.disabled:focus,
.button.paypal-button.disabled:hover,
.button.paypal-button[disabled],
.button.paypal-button[disabled]:focus,
.button.paypal-button[disabled]:hover {
    background-color: #ffc439;
    color: #fff
}

.button.paypal-button:focus,
.button.paypal-button:hover {
    background-color: #ffbd23;
    color: #fff
}

.button.light-black,
.button.light-black.disabled,
.button.light-black.disabled:focus,
.button.light-black.disabled:hover,
.button.light-black[disabled],
.button.light-black[disabled]:focus,
.button.light-black[disabled]:hover {
    background-color: #555;
    color: #fff
}

.button.light-black:focus,
.button.light-black:hover {
    background-color: #4f4f4f;
    color: #fff
}

.button.copart,
.button.copart.disabled,
.button.copart.disabled:focus,
.button.copart.disabled:hover,
.button.copart[disabled],
.button.copart[disabled]:focus,
.button.copart[disabled]:hover {
    background-color: #3195ff;
    color: #fff
}

.button.copart:focus,
.button.copart:hover {
    background-color: #1c8aff;
    color: #fff
}

.button.hollow,
.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow:focus,
.button.hollow:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
    background-color: transparent
}

.button.hollow,
.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
    border: 1px solid #00a651;
    color: #00a651
}

.button.hollow:focus,
.button.hollow:hover {
    border-color: #005329;
    color: #005329
}

.button.hollow.cta,
.button.hollow.cta.disabled,
.button.hollow.cta.disabled:focus,
.button.hollow.cta.disabled:hover,
.button.hollow.cta[disabled],
.button.hollow.cta[disabled]:focus,
.button.hollow.cta[disabled]:hover {
    border: 1px solid #ec8600;
    color: #ec8600
}

.button.hollow.cta:focus,
.button.hollow.cta:hover {
    border-color: #764300;
    color: #764300
}

.button.hollow.primary,
.button.hollow.primary.disabled,
.button.hollow.primary.disabled:focus,
.button.hollow.primary.disabled:hover,
.button.hollow.primary[disabled],
.button.hollow.primary[disabled]:focus,
.button.hollow.primary[disabled]:hover {
    border: 1px solid #00a651;
    color: #00a651
}

.button.hollow.primary:focus,
.button.hollow.primary:hover {
    border-color: #005329;
    color: #005329
}

.button.hollow.primary-accent,
.button.hollow.primary-accent.disabled,
.button.hollow.primary-accent.disabled:focus,
.button.hollow.primary-accent.disabled:hover,
.button.hollow.primary-accent[disabled],
.button.hollow.primary-accent[disabled]:focus,
.button.hollow.primary-accent[disabled]:hover {
    border: 1px solid #008541;
    color: #008541
}

.button.hollow.primary-accent:focus,
.button.hollow.primary-accent:hover {
    border-color: #004321;
    color: #004321
}

.button.hollow.primary-blue,
.button.hollow.primary-blue.disabled,
.button.hollow.primary-blue.disabled:focus,
.button.hollow.primary-blue.disabled:hover,
.button.hollow.primary-blue[disabled],
.button.hollow.primary-blue[disabled]:focus,
.button.hollow.primary-blue[disabled]:hover {
    border: 1px solid #2070c0;
    color: #2070c0
}

.button.hollow.primary-blue:focus,
.button.hollow.primary-blue:hover {
    border-color: #0a4b8e;
    color: #0a4b8e
}

.button.hollow.primary-blue-bright,
.button.hollow.primary-blue-bright.disabled,
.button.hollow.primary-blue-bright.disabled:focus,
.button.hollow.primary-blue-bright.disabled:hover,
.button.hollow.primary-blue-bright[disabled],
.button.hollow.primary-blue-bright[disabled]:focus,
.button.hollow.primary-blue-bright[disabled]:hover {
    border: 1px solid #66b2ff;
    color: #66b2ff
}

.button.hollow.primary-blue-bright:focus,
.button.hollow.primary-blue-bright:hover {
    border-color: #0059b3;
    color: #0059b3
}

.button.hollow.primary-blue-accent,
.button.hollow.primary-blue-accent.disabled,
.button.hollow.primary-blue-accent.disabled:focus,
.button.hollow.primary-blue-accent.disabled:hover,
.button.hollow.primary-blue-accent[disabled],
.button.hollow.primary-blue-accent[disabled]:focus,
.button.hollow.primary-blue-accent[disabled]:hover {
    border: 1px solid #005cb8;
    color: #005cb8
}

.button.hollow.primary-blue-accent:focus,
.button.hollow.primary-blue-accent:hover {
    border-color: #002e5c;
    color: #002e5c
}

.button.hollow.link,
.button.hollow.link.disabled,
.button.hollow.link.disabled:focus,
.button.hollow.link.disabled:hover,
.button.hollow.link[disabled],
.button.hollow.link[disabled]:focus,
.button.hollow.link[disabled]:hover {
    border: 1px solid #2070c0;
    color: #2070c0
}

.button.hollow.link:focus,
.button.hollow.link:hover {
    border-color: #0a4b8e;
    color: #0a4b8e
}

.button.hollow.link-active,
.button.hollow.link-active.disabled,
.button.hollow.link-active.disabled:focus,
.button.hollow.link-active.disabled:hover,
.button.hollow.link-active[disabled],
.button.hollow.link-active[disabled]:focus,
.button.hollow.link-active[disabled]:hover {
    border: 1px solid #005cb8;
    color: #005cb8
}

.button.hollow.link-active:focus,
.button.hollow.link-active:hover {
    border-color: #002e5c;
    color: #002e5c
}

.button.hollow.link-hover,
.button.hollow.link-hover.disabled,
.button.hollow.link-hover.disabled:focus,
.button.hollow.link-hover.disabled:hover,
.button.hollow.link-hover[disabled],
.button.hollow.link-hover[disabled]:focus,
.button.hollow.link-hover[disabled]:hover {
    border: 1px solid #dc8a32;
    color: #dc8a32
}

.button.hollow.link-hover:focus,
.button.hollow.link-hover:hover {
    border-color: #734514;
    color: #734514
}

.button.hollow.disabled-link,
.button.hollow.disabled-link.disabled,
.button.hollow.disabled-link.disabled:focus,
.button.hollow.disabled-link.disabled:hover,
.button.hollow.disabled-link[disabled],
.button.hollow.disabled-link[disabled]:focus,
.button.hollow.disabled-link[disabled]:hover {
    border: 1px solid #d2d2d2;
    color: #d2d2d2
}

.button.hollow.disabled-link:focus,
.button.hollow.disabled-link:hover {
    border-color: #696969;
    color: #696969
}

.button.hollow.disabled-link-text,
.button.hollow.disabled-link-text.disabled,
.button.hollow.disabled-link-text.disabled:focus,
.button.hollow.disabled-link-text.disabled:hover,
.button.hollow.disabled-link-text[disabled],
.button.hollow.disabled-link-text[disabled]:focus,
.button.hollow.disabled-link-text[disabled]:hover {
    border: 1px solid #afafaf;
    color: #afafaf
}

.button.hollow.disabled-link-text:focus,
.button.hollow.disabled-link-text:hover {
    border-color: #585858;
    color: #585858
}

.button.hollow.secondary,
.button.hollow.secondary.disabled,
.button.hollow.secondary.disabled:focus,
.button.hollow.secondary.disabled:hover,
.button.hollow.secondary[disabled],
.button.hollow.secondary[disabled]:focus,
.button.hollow.secondary[disabled]:hover {
    border: 1px solid #2070c0;
    color: #2070c0
}

.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
    border-color: #0046a3;
    color: #0046a3
}

.button.hollow.success,
.button.hollow.success.disabled,
.button.hollow.success.disabled:focus,
.button.hollow.success.disabled:hover,
.button.hollow.success[disabled],
.button.hollow.success[disabled]:focus,
.button.hollow.success[disabled]:hover {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus,
.button.hollow.success:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning,
.button.hollow.warning.disabled,
.button.hollow.warning.disabled:focus,
.button.hollow.warning.disabled:hover,
.button.hollow.warning[disabled],
.button.hollow.warning[disabled]:focus,
.button.hollow.warning[disabled]:hover {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,
.button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert,
.button.hollow.alert.disabled,
.button.hollow.alert.disabled:focus,
.button.hollow.alert.disabled:hover,
.button.hollow.alert[disabled],
.button.hollow.alert[disabled]:focus,
.button.hollow.alert[disabled]:hover {
    border: 1px solid #bd0000;
    color: #bd0000
}

.button.hollow.alert:focus,
.button.hollow.alert:hover {
    border-color: #5f0000;
    color: #5f0000
}

.button.hollow.v2-alert,
.button.hollow.v2-alert.disabled,
.button.hollow.v2-alert.disabled:focus,
.button.hollow.v2-alert.disabled:hover,
.button.hollow.v2-alert[disabled],
.button.hollow.v2-alert[disabled]:focus,
.button.hollow.v2-alert[disabled]:hover {
    border: 1px solid #a2260b;
    color: #a2260b
}

.button.hollow.v2-alert:focus,
.button.hollow.v2-alert:hover {
    border-color: #511306;
    color: #511306
}

.button.hollow.v2-black,
.button.hollow.v2-black.disabled,
.button.hollow.v2-black.disabled:focus,
.button.hollow.v2-black.disabled:hover,
.button.hollow.v2-black[disabled],
.button.hollow.v2-black[disabled]:focus,
.button.hollow.v2-black[disabled]:hover {
    border: 1px solid #030303;
    color: #030303
}

.button.hollow.v2-black:focus,
.button.hollow.v2-black:hover {
    border-color: #020202;
    color: #020202
}

.button.hollow.v2-gray,
.button.hollow.v2-gray.disabled,
.button.hollow.v2-gray.disabled:focus,
.button.hollow.v2-gray.disabled:hover,
.button.hollow.v2-gray[disabled],
.button.hollow.v2-gray[disabled]:focus,
.button.hollow.v2-gray[disabled]:hover {
    border: 1px solid #8c8c8c;
    color: #8c8c8c
}

.button.hollow.v2-gray:focus,
.button.hollow.v2-gray:hover {
    border-color: #464646;
    color: #464646
}

.button.hollow.light-green,
.button.hollow.light-green.disabled,
.button.hollow.light-green.disabled:focus,
.button.hollow.light-green.disabled:hover,
.button.hollow.light-green[disabled],
.button.hollow.light-green[disabled]:focus,
.button.hollow.light-green[disabled]:hover {
    border: 1px solid #00a651;
    color: #00a651
}

.button.hollow.light-green:focus,
.button.hollow.light-green:hover {
    border-color: #005329;
    color: #005329
}

.button.hollow.tab-background,
.button.hollow.tab-background.disabled,
.button.hollow.tab-background.disabled:focus,
.button.hollow.tab-background.disabled:hover,
.button.hollow.tab-background[disabled],
.button.hollow.tab-background[disabled]:focus,
.button.hollow.tab-background[disabled]:hover {
    border: 1px solid #fafafa;
    color: #fafafa
}

.button.hollow.tab-background:focus,
.button.hollow.tab-background:hover {
    border-color: #7d7d7d;
    color: #7d7d7d
}

.button.hollow.tooltip-color,
.button.hollow.tooltip-color.disabled,
.button.hollow.tooltip-color.disabled:focus,
.button.hollow.tooltip-color.disabled:hover,
.button.hollow.tooltip-color[disabled],
.button.hollow.tooltip-color[disabled]:focus,
.button.hollow.tooltip-color[disabled]:hover {
    border: 1px solid #c4c4c4;
    color: #c4c4c4
}

.button.hollow.tooltip-color:focus,
.button.hollow.tooltip-color:hover {
    border-color: #626262;
    color: #626262
}

.button.hollow.tooltip-label-color,
.button.hollow.tooltip-label-color.disabled,
.button.hollow.tooltip-label-color.disabled:focus,
.button.hollow.tooltip-label-color.disabled:hover,
.button.hollow.tooltip-label-color[disabled],
.button.hollow.tooltip-label-color[disabled]:focus,
.button.hollow.tooltip-label-color[disabled]:hover {
    border: 1px solid rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4)
}

.button.hollow.tooltip-label-color:focus,
.button.hollow.tooltip-label-color:hover {
    border-color: rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4)
}

.button.hollow.dashed-border,
.button.hollow.dashed-border.disabled,
.button.hollow.dashed-border.disabled:focus,
.button.hollow.dashed-border.disabled:hover,
.button.hollow.dashed-border[disabled],
.button.hollow.dashed-border[disabled]:focus,
.button.hollow.dashed-border[disabled]:hover {
    border: 1px solid #cfcfcf;
    color: #cfcfcf
}

.button.hollow.dashed-border:focus,
.button.hollow.dashed-border:hover {
    border-color: #686868;
    color: #686868
}

.button.hollow.home-row-background,
.button.hollow.home-row-background.disabled,
.button.hollow.home-row-background.disabled:focus,
.button.hollow.home-row-background.disabled:hover,
.button.hollow.home-row-background[disabled],
.button.hollow.home-row-background[disabled]:focus,
.button.hollow.home-row-background[disabled]:hover {
    border: 1px solid #f6f6f6;
    color: #f6f6f6
}

.button.hollow.home-row-background:focus,
.button.hollow.home-row-background:hover {
    border-color: #7b7b7b;
    color: #7b7b7b
}

.button.hollow.gray-odd-row,
.button.hollow.gray-odd-row.disabled,
.button.hollow.gray-odd-row.disabled:focus,
.button.hollow.gray-odd-row.disabled:hover,
.button.hollow.gray-odd-row[disabled],
.button.hollow.gray-odd-row[disabled]:focus,
.button.hollow.gray-odd-row[disabled]:hover {
    border: 1px solid #e8e8e8;
    color: #e8e8e8
}

.button.hollow.gray-odd-row:focus,
.button.hollow.gray-odd-row:hover {
    border-color: #747474;
    color: #747474
}

.button.hollow.table-odd-row,
.button.hollow.table-odd-row.disabled,
.button.hollow.table-odd-row.disabled:focus,
.button.hollow.table-odd-row.disabled:hover,
.button.hollow.table-odd-row[disabled],
.button.hollow.table-odd-row[disabled]:focus,
.button.hollow.table-odd-row[disabled]:hover {
    border: 1px solid #f8f8f8;
    color: #f8f8f8
}

.button.hollow.table-odd-row:focus,
.button.hollow.table-odd-row:hover {
    border-color: #7c7c7c;
    color: #7c7c7c
}

.button.hollow.table-accent,
.button.hollow.table-accent.disabled,
.button.hollow.table-accent.disabled:focus,
.button.hollow.table-accent.disabled:hover,
.button.hollow.table-accent[disabled],
.button.hollow.table-accent[disabled]:focus,
.button.hollow.table-accent[disabled]:hover {
    border: 1px solid #e6f4ed;
    color: #e6f4ed
}

.button.hollow.table-accent:focus,
.button.hollow.table-accent:hover {
    border-color: #48a577;
    color: #48a577
}

.button.hollow.table-dark-odd-row,
.button.hollow.table-dark-odd-row.disabled,
.button.hollow.table-dark-odd-row.disabled:focus,
.button.hollow.table-dark-odd-row.disabled:hover,
.button.hollow.table-dark-odd-row[disabled],
.button.hollow.table-dark-odd-row[disabled]:focus,
.button.hollow.table-dark-odd-row[disabled]:hover {
    border: 1px solid #e0e0e0;
    color: #e0e0e0
}

.button.hollow.table-dark-odd-row:focus,
.button.hollow.table-dark-odd-row:hover {
    border-color: #707070;
    color: #707070
}

.button.hollow.input-border,
.button.hollow.input-border.disabled,
.button.hollow.input-border.disabled:focus,
.button.hollow.input-border.disabled:hover,
.button.hollow.input-border[disabled],
.button.hollow.input-border[disabled]:focus,
.button.hollow.input-border[disabled]:hover {
    border: 1px solid #878787;
    color: #878787
}

.button.hollow.input-border:focus,
.button.hollow.input-border:hover {
    border-color: #444;
    color: #444
}

.button.hollow.input-bg,
.button.hollow.input-bg.disabled,
.button.hollow.input-bg.disabled:focus,
.button.hollow.input-bg.disabled:hover,
.button.hollow.input-bg[disabled],
.button.hollow.input-bg[disabled]:focus,
.button.hollow.input-bg[disabled]:hover {
    border: 1px solid #fcfcfc;
    color: #fcfcfc
}

.button.hollow.input-bg:focus,
.button.hollow.input-bg:hover {
    border-color: #7e7e7e;
    color: #7e7e7e
}

.button.hollow.paypal-button,
.button.hollow.paypal-button.disabled,
.button.hollow.paypal-button.disabled:focus,
.button.hollow.paypal-button.disabled:hover,
.button.hollow.paypal-button[disabled],
.button.hollow.paypal-button[disabled]:focus,
.button.hollow.paypal-button[disabled]:hover {
    border: 1px solid #ffc439;
    color: #ffc439
}

.button.hollow.paypal-button:focus,
.button.hollow.paypal-button:hover {
    border-color: #9c6e00;
    color: #9c6e00
}

.button.hollow.light-black,
.button.hollow.light-black.disabled,
.button.hollow.light-black.disabled:focus,
.button.hollow.light-black.disabled:hover,
.button.hollow.light-black[disabled],
.button.hollow.light-black[disabled]:focus,
.button.hollow.light-black[disabled]:hover {
    border: 1px solid #555;
    color: #555
}

.button.hollow.light-black:focus,
.button.hollow.light-black:hover {
    border-color: #2b2b2b;
    color: #2b2b2b
}

.button.hollow.copart,
.button.hollow.copart.disabled,
.button.hollow.copart.disabled:focus,
.button.hollow.copart.disabled:hover,
.button.hollow.copart[disabled],
.button.hollow.copart[disabled]:focus,
.button.hollow.copart[disabled]:hover {
    border: 1px solid #3195ff;
    color: #3195ff
}

.button.hollow.copart:focus,
.button.hollow.copart:hover {
    border-color: #004a98;
    color: #004a98
}

.button.clear,
.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear:focus,
.button.clear:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
    border-color: transparent;
    background-color: transparent
}

.button.clear,
.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
    color: #00a651
}

.button.clear:focus,
.button.clear:hover {
    color: #005329
}

.button.clear.cta,
.button.clear.cta.disabled,
.button.clear.cta.disabled:focus,
.button.clear.cta.disabled:hover,
.button.clear.cta[disabled],
.button.clear.cta[disabled]:focus,
.button.clear.cta[disabled]:hover {
    color: #ec8600
}

.button.clear.cta:focus,
.button.clear.cta:hover {
    color: #764300
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary.disabled:focus,
.button.clear.primary.disabled:hover,
.button.clear.primary[disabled],
.button.clear.primary[disabled]:focus,
.button.clear.primary[disabled]:hover {
    color: #00a651
}

.button.clear.primary:focus,
.button.clear.primary:hover {
    color: #005329
}

.button.clear.primary-accent,
.button.clear.primary-accent.disabled,
.button.clear.primary-accent.disabled:focus,
.button.clear.primary-accent.disabled:hover,
.button.clear.primary-accent[disabled],
.button.clear.primary-accent[disabled]:focus,
.button.clear.primary-accent[disabled]:hover {
    color: #008541
}

.button.clear.primary-accent:focus,
.button.clear.primary-accent:hover {
    color: #004321
}

.button.clear.primary-blue,
.button.clear.primary-blue.disabled,
.button.clear.primary-blue.disabled:focus,
.button.clear.primary-blue.disabled:hover,
.button.clear.primary-blue[disabled],
.button.clear.primary-blue[disabled]:focus,
.button.clear.primary-blue[disabled]:hover {
    color: #2070c0
}

.button.clear.primary-blue:focus,
.button.clear.primary-blue:hover {
    color: #0a4b8e
}

.button.clear.primary-blue-bright,
.button.clear.primary-blue-bright.disabled,
.button.clear.primary-blue-bright.disabled:focus,
.button.clear.primary-blue-bright.disabled:hover,
.button.clear.primary-blue-bright[disabled],
.button.clear.primary-blue-bright[disabled]:focus,
.button.clear.primary-blue-bright[disabled]:hover {
    color: #66b2ff
}

.button.clear.primary-blue-bright:focus,
.button.clear.primary-blue-bright:hover {
    color: #0059b3
}

.button.clear.primary-blue-accent,
.button.clear.primary-blue-accent.disabled,
.button.clear.primary-blue-accent.disabled:focus,
.button.clear.primary-blue-accent.disabled:hover,
.button.clear.primary-blue-accent[disabled],
.button.clear.primary-blue-accent[disabled]:focus,
.button.clear.primary-blue-accent[disabled]:hover {
    color: #005cb8
}

.button.clear.primary-blue-accent:focus,
.button.clear.primary-blue-accent:hover {
    color: #002e5c
}

.button.clear.link,
.button.clear.link.disabled,
.button.clear.link.disabled:focus,
.button.clear.link.disabled:hover,
.button.clear.link[disabled],
.button.clear.link[disabled]:focus,
.button.clear.link[disabled]:hover {
    color: #2070c0
}

.button.clear.link:focus,
.button.clear.link:hover {
    color: #0a4b8e
}

.button.clear.link-active,
.button.clear.link-active.disabled,
.button.clear.link-active.disabled:focus,
.button.clear.link-active.disabled:hover,
.button.clear.link-active[disabled],
.button.clear.link-active[disabled]:focus,
.button.clear.link-active[disabled]:hover {
    color: #005cb8
}

.button.clear.link-active:focus,
.button.clear.link-active:hover {
    color: #002e5c
}

.button.clear.link-hover,
.button.clear.link-hover.disabled,
.button.clear.link-hover.disabled:focus,
.button.clear.link-hover.disabled:hover,
.button.clear.link-hover[disabled],
.button.clear.link-hover[disabled]:focus,
.button.clear.link-hover[disabled]:hover {
    color: #dc8a32
}

.button.clear.link-hover:focus,
.button.clear.link-hover:hover {
    color: #734514
}

.button.clear.disabled-link,
.button.clear.disabled-link.disabled,
.button.clear.disabled-link.disabled:focus,
.button.clear.disabled-link.disabled:hover,
.button.clear.disabled-link[disabled],
.button.clear.disabled-link[disabled]:focus,
.button.clear.disabled-link[disabled]:hover {
    color: #d2d2d2
}

.button.clear.disabled-link:focus,
.button.clear.disabled-link:hover {
    color: #696969
}

.button.clear.disabled-link-text,
.button.clear.disabled-link-text.disabled,
.button.clear.disabled-link-text.disabled:focus,
.button.clear.disabled-link-text.disabled:hover,
.button.clear.disabled-link-text[disabled],
.button.clear.disabled-link-text[disabled]:focus,
.button.clear.disabled-link-text[disabled]:hover {
    color: #afafaf
}

.button.clear.disabled-link-text:focus,
.button.clear.disabled-link-text:hover {
    color: #585858
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary.disabled:focus,
.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled],
.button.clear.secondary[disabled]:focus,
.button.clear.secondary[disabled]:hover {
    color: #2070c0
}

.button.clear.secondary:focus,
.button.clear.secondary:hover {
    color: #0046a3
}

.button.clear.success,
.button.clear.success.disabled,
.button.clear.success.disabled:focus,
.button.clear.success.disabled:hover,
.button.clear.success[disabled],
.button.clear.success[disabled]:focus,
.button.clear.success[disabled]:hover {
    color: #3adb76
}

.button.clear.success:focus,
.button.clear.success:hover {
    color: #157539
}

.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning.disabled:focus,
.button.clear.warning.disabled:hover,
.button.clear.warning[disabled],
.button.clear.warning[disabled]:focus,
.button.clear.warning[disabled]:hover {
    color: #ffae00
}

.button.clear.warning:focus,
.button.clear.warning:hover {
    color: #805700
}

.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert.disabled:focus,
.button.clear.alert.disabled:hover,
.button.clear.alert[disabled],
.button.clear.alert[disabled]:focus,
.button.clear.alert[disabled]:hover {
    color: #bd0000
}

.button.clear.alert:focus,
.button.clear.alert:hover {
    color: #5f0000
}

.button.clear.v2-alert,
.button.clear.v2-alert.disabled,
.button.clear.v2-alert.disabled:focus,
.button.clear.v2-alert.disabled:hover,
.button.clear.v2-alert[disabled],
.button.clear.v2-alert[disabled]:focus,
.button.clear.v2-alert[disabled]:hover {
    color: #a2260b
}

.button.clear.v2-alert:focus,
.button.clear.v2-alert:hover {
    color: #511306
}

.button.clear.v2-black,
.button.clear.v2-black.disabled,
.button.clear.v2-black.disabled:focus,
.button.clear.v2-black.disabled:hover,
.button.clear.v2-black[disabled],
.button.clear.v2-black[disabled]:focus,
.button.clear.v2-black[disabled]:hover {
    color: #030303
}

.button.clear.v2-black:focus,
.button.clear.v2-black:hover {
    color: #020202
}

.button.clear.v2-gray,
.button.clear.v2-gray.disabled,
.button.clear.v2-gray.disabled:focus,
.button.clear.v2-gray.disabled:hover,
.button.clear.v2-gray[disabled],
.button.clear.v2-gray[disabled]:focus,
.button.clear.v2-gray[disabled]:hover {
    color: #8c8c8c
}

.button.clear.v2-gray:focus,
.button.clear.v2-gray:hover {
    color: #464646
}

.button.clear.light-green,
.button.clear.light-green.disabled,
.button.clear.light-green.disabled:focus,
.button.clear.light-green.disabled:hover,
.button.clear.light-green[disabled],
.button.clear.light-green[disabled]:focus,
.button.clear.light-green[disabled]:hover {
    color: #00a651
}

.button.clear.light-green:focus,
.button.clear.light-green:hover {
    color: #005329
}

.button.clear.tab-background,
.button.clear.tab-background.disabled,
.button.clear.tab-background.disabled:focus,
.button.clear.tab-background.disabled:hover,
.button.clear.tab-background[disabled],
.button.clear.tab-background[disabled]:focus,
.button.clear.tab-background[disabled]:hover {
    color: #fafafa
}

.button.clear.tab-background:focus,
.button.clear.tab-background:hover {
    color: #7d7d7d
}

.button.clear.tooltip-color,
.button.clear.tooltip-color.disabled,
.button.clear.tooltip-color.disabled:focus,
.button.clear.tooltip-color.disabled:hover,
.button.clear.tooltip-color[disabled],
.button.clear.tooltip-color[disabled]:focus,
.button.clear.tooltip-color[disabled]:hover {
    color: #c4c4c4
}

.button.clear.tooltip-color:focus,
.button.clear.tooltip-color:hover {
    color: #626262
}

.button.clear.tooltip-label-color,
.button.clear.tooltip-label-color.disabled,
.button.clear.tooltip-label-color.disabled:focus,
.button.clear.tooltip-label-color.disabled:hover,
.button.clear.tooltip-label-color[disabled],
.button.clear.tooltip-label-color[disabled]:focus,
.button.clear.tooltip-label-color[disabled]:hover {
    color: rgba(0, 0, 0, .4)
}

.button.clear.tooltip-label-color:focus,
.button.clear.tooltip-label-color:hover {
    color: rgba(0, 0, 0, .4)
}

.button.clear.dashed-border,
.button.clear.dashed-border.disabled,
.button.clear.dashed-border.disabled:focus,
.button.clear.dashed-border.disabled:hover,
.button.clear.dashed-border[disabled],
.button.clear.dashed-border[disabled]:focus,
.button.clear.dashed-border[disabled]:hover {
    color: #cfcfcf
}

.button.clear.dashed-border:focus,
.button.clear.dashed-border:hover {
    color: #686868
}

.button.clear.home-row-background,
.button.clear.home-row-background.disabled,
.button.clear.home-row-background.disabled:focus,
.button.clear.home-row-background.disabled:hover,
.button.clear.home-row-background[disabled],
.button.clear.home-row-background[disabled]:focus,
.button.clear.home-row-background[disabled]:hover {
    color: #f6f6f6
}

.button.clear.home-row-background:focus,
.button.clear.home-row-background:hover {
    color: #7b7b7b
}

.button.clear.gray-odd-row,
.button.clear.gray-odd-row.disabled,
.button.clear.gray-odd-row.disabled:focus,
.button.clear.gray-odd-row.disabled:hover,
.button.clear.gray-odd-row[disabled],
.button.clear.gray-odd-row[disabled]:focus,
.button.clear.gray-odd-row[disabled]:hover {
    color: #e8e8e8
}

.button.clear.gray-odd-row:focus,
.button.clear.gray-odd-row:hover {
    color: #747474
}

.button.clear.table-odd-row,
.button.clear.table-odd-row.disabled,
.button.clear.table-odd-row.disabled:focus,
.button.clear.table-odd-row.disabled:hover,
.button.clear.table-odd-row[disabled],
.button.clear.table-odd-row[disabled]:focus,
.button.clear.table-odd-row[disabled]:hover {
    color: #f8f8f8
}

.button.clear.table-odd-row:focus,
.button.clear.table-odd-row:hover {
    color: #7c7c7c
}

.button.clear.table-accent,
.button.clear.table-accent.disabled,
.button.clear.table-accent.disabled:focus,
.button.clear.table-accent.disabled:hover,
.button.clear.table-accent[disabled],
.button.clear.table-accent[disabled]:focus,
.button.clear.table-accent[disabled]:hover {
    color: #e6f4ed
}

.button.clear.table-accent:focus,
.button.clear.table-accent:hover {
    color: #48a577
}

.button.clear.table-dark-odd-row,
.button.clear.table-dark-odd-row.disabled,
.button.clear.table-dark-odd-row.disabled:focus,
.button.clear.table-dark-odd-row.disabled:hover,
.button.clear.table-dark-odd-row[disabled],
.button.clear.table-dark-odd-row[disabled]:focus,
.button.clear.table-dark-odd-row[disabled]:hover {
    color: #e0e0e0
}

.button.clear.table-dark-odd-row:focus,
.button.clear.table-dark-odd-row:hover {
    color: #707070
}

.button.clear.input-border,
.button.clear.input-border.disabled,
.button.clear.input-border.disabled:focus,
.button.clear.input-border.disabled:hover,
.button.clear.input-border[disabled],
.button.clear.input-border[disabled]:focus,
.button.clear.input-border[disabled]:hover {
    color: #878787
}

.button.clear.input-border:focus,
.button.clear.input-border:hover {
    color: #444
}

.button.clear.input-bg,
.button.clear.input-bg.disabled,
.button.clear.input-bg.disabled:focus,
.button.clear.input-bg.disabled:hover,
.button.clear.input-bg[disabled],
.button.clear.input-bg[disabled]:focus,
.button.clear.input-bg[disabled]:hover {
    color: #fcfcfc
}

.button.clear.input-bg:focus,
.button.clear.input-bg:hover {
    color: #7e7e7e
}

.button.clear.paypal-button,
.button.clear.paypal-button.disabled,
.button.clear.paypal-button.disabled:focus,
.button.clear.paypal-button.disabled:hover,
.button.clear.paypal-button[disabled],
.button.clear.paypal-button[disabled]:focus,
.button.clear.paypal-button[disabled]:hover {
    color: #ffc439
}

.button.clear.paypal-button:focus,
.button.clear.paypal-button:hover {
    color: #9c6e00
}

.button.clear.light-black,
.button.clear.light-black.disabled,
.button.clear.light-black.disabled:focus,
.button.clear.light-black.disabled:hover,
.button.clear.light-black[disabled],
.button.clear.light-black[disabled]:focus,
.button.clear.light-black[disabled]:hover {
    color: #555
}

.button.clear.light-black:focus,
.button.clear.light-black:hover {
    color: #2b2b2b
}

.button.clear.copart,
.button.clear.copart.disabled,
.button.clear.copart.disabled:focus,
.button.clear.copart.disabled:hover,
.button.clear.copart[disabled],
.button.clear.copart[disabled]:focus,
.button.clear.copart[disabled]:hover {
    color: #3195ff
}

.button.clear.copart:focus,
.button.clear.copart:hover {
    color: #004a98
}

.button.disabled,
.button[disabled] {
    opacity: .75;
    cursor: not-allowed
}

.button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .4em;
    content: "";
    border-bottom-width: 0;
    border-color: #fff transparent transparent;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.dropdown.clear::after,
.button.dropdown.hollow::after {
    border-top-color: #00a651
}

.button.dropdown.clear.cta::after,
.button.dropdown.hollow.cta::after {
    border-top-color: #ec8600
}

.button.dropdown.clear.primary::after,
.button.dropdown.hollow.primary::after {
    border-top-color: #00a651
}

.button.dropdown.clear.primary-accent::after,
.button.dropdown.hollow.primary-accent::after {
    border-top-color: #008541
}

.button.dropdown.clear.primary-blue::after,
.button.dropdown.hollow.primary-blue::after {
    border-top-color: #2070c0
}

.button.dropdown.clear.primary-blue-bright::after,
.button.dropdown.hollow.primary-blue-bright::after {
    border-top-color: #66b2ff
}

.button.dropdown.clear.primary-blue-accent::after,
.button.dropdown.hollow.primary-blue-accent::after {
    border-top-color: #005cb8
}

.button.dropdown.clear.link::after,
.button.dropdown.hollow.link::after {
    border-top-color: #2070c0
}

.button.dropdown.clear.link-active::after,
.button.dropdown.hollow.link-active::after {
    border-top-color: #005cb8
}

.button.dropdown.clear.link-hover::after,
.button.dropdown.hollow.link-hover::after {
    border-top-color: #dc8a32
}

.button.dropdown.clear.disabled-link::after,
.button.dropdown.hollow.disabled-link::after {
    border-top-color: #d2d2d2
}

.button.dropdown.clear.disabled-link-text::after,
.button.dropdown.hollow.disabled-link-text::after {
    border-top-color: #afafaf
}

.button.dropdown.clear.secondary::after,
.button.dropdown.hollow.secondary::after {
    border-top-color: #2070c0
}

.button.dropdown.clear.success::after,
.button.dropdown.hollow.success::after {
    border-top-color: #3adb76
}

.button.dropdown.clear.warning::after,
.button.dropdown.hollow.warning::after {
    border-top-color: #ffae00
}

.button.dropdown.clear.alert::after,
.button.dropdown.hollow.alert::after {
    border-top-color: #bd0000
}

.button.dropdown.clear.v2-alert::after,
.button.dropdown.hollow.v2-alert::after {
    border-top-color: #a2260b
}

.button.dropdown.clear.v2-black::after,
.button.dropdown.hollow.v2-black::after {
    border-top-color: #030303
}

.button.dropdown.clear.v2-gray::after,
.button.dropdown.hollow.v2-gray::after {
    border-top-color: #8c8c8c
}

.button.dropdown.clear.light-green::after,
.button.dropdown.hollow.light-green::after {
    border-top-color: #00a651
}

.button.dropdown.clear.tab-background::after,
.button.dropdown.hollow.tab-background::after {
    border-top-color: #fafafa
}

.button.dropdown.clear.tooltip-color::after,
.button.dropdown.hollow.tooltip-color::after {
    border-top-color: #c4c4c4
}

.button.dropdown.clear.tooltip-label-color::after,
.button.dropdown.hollow.tooltip-label-color::after {
    border-top-color: rgba(0, 0, 0, .4)
}

.button.dropdown.clear.dashed-border::after,
.button.dropdown.hollow.dashed-border::after {
    border-top-color: #cfcfcf
}

.button.dropdown.clear.home-row-background::after,
.button.dropdown.hollow.home-row-background::after {
    border-top-color: #f6f6f6
}

.button.dropdown.clear.gray-odd-row::after,
.button.dropdown.hollow.gray-odd-row::after {
    border-top-color: #e8e8e8
}

.button.dropdown.clear.table-odd-row::after,
.button.dropdown.hollow.table-odd-row::after {
    border-top-color: #f8f8f8
}

.button.dropdown.clear.table-accent::after,
.button.dropdown.hollow.table-accent::after {
    border-top-color: #e6f4ed
}

.button.dropdown.clear.table-dark-odd-row::after,
.button.dropdown.hollow.table-dark-odd-row::after {
    border-top-color: #e0e0e0
}

.button.dropdown.clear.input-border::after,
.button.dropdown.hollow.input-border::after {
    border-top-color: #878787
}

.button.dropdown.clear.input-bg::after,
.button.dropdown.hollow.input-bg::after {
    border-top-color: #fcfcfc
}

.button.dropdown.clear.paypal-button::after,
.button.dropdown.hollow.paypal-button::after {
    border-top-color: #ffc439
}

.button.dropdown.clear.light-black::after,
.button.dropdown.hollow.light-black::after {
    border-top-color: #555
}

.button.dropdown.clear.copart::after,
.button.dropdown.hollow.copart::after {
    border-top-color: #3195ff
}

.button.arrow-only::after {
    top: -.1em;
    float: none;
    margin-left: 0
}

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

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #c2cae1;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    transition: border-color .25s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
    outline: 0;
    border: 1px solid #2070c0;
    background-color: #fff;
    box-shadow: none;
    transition: border-color .25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #f6f7fb;
    cursor: not-allowed
}

[type=button],
[type=submit] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=search] {
    box-sizing: border-box
}

::-webkit-input-placeholder {
    color: #cacaca
}

:-ms-input-placeholder {
    color: #cacaca
}

::placeholder {
    color: #cacaca
}

[type=checkbox],
[type=file],
[type=radio] {
    margin: 0 0 1rem
}

[type=checkbox] + label,
[type=radio] + label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

[type=checkbox] + label[for],
[type=radio] + label[for] {
    cursor: pointer
}

label > [type=checkbox],
label > [type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 2.4;
    color: #233061
}

label.middle {
    margin: 0 0 1rem;
    line-height: 1.5;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #000
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group > :first-child,
.input-group > :first-child.input-group-button > * {
    border-radius: 3px 0 0 3px
}

.input-group > :last-child,
.input-group > :last-child.input-group-button > * {
    border-radius: 0 3px 3px 0
}

.input-group-button,
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label,
.input-group-field,
.input-group-label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #000;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    height: 100%
}

.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label {
    height: 2.4375rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

.input-group .input-group-button {
    display: table-cell
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

.fieldset legend {
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem
}

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #c2cae1;
    border-radius: 3px;
    background-color: #fff;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: border-color .25s ease-in-out
}

@media screen and (min-width: 0\0
) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select:focus {
    outline: 0;
    border: 1px solid #2070c0;
    background-color: #fff;
    box-shadow: none;
    transition: border-color .25s ease-in-out
}

select:disabled {
    background-color: #f6f7fb;
    cursor: not-allowed
}

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

select[multiple] {
    height: auto;
    background-image: none
}

select:not([multiple]) {
    padding-top: 0;
    padding-bottom: 0
}

.is-invalid-input:not(:focus) {
    border-color: #bd0000;
    background-color: #f8e6e6
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #bd0000
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #bd0000
}

.is-invalid-input:not(:focus)::placeholder {
    color: #bd0000
}

.is-invalid-label {
    color: #bd0000
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .875rem;
    font-weight: 400;
    color: #bd0000
}

.form-error.is-visible {
    display: block
}

.accordion {
    margin-left: 0;
    background: #fff;
    list-style-type: none
}

.accordion[disabled] .accordion-title {
    cursor: not-allowed
}

.accordion-item:first-child > :first-child {
    border-radius: 0
}

.accordion-item:last-child > :last-child {
    border-radius: 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 3rem;
    border: none;
    border-bottom: 0;
    font-size: 1rem;
    line-height: 1;
    color: #000
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: none;
    border-radius: 0
}

.accordion-title:focus,
.accordion-title:hover {
    background-color: #ecebea
}

.accordion-content {
    display: none;
    padding: 1.25rem 3rem;
    border: none;
    border-bottom: 0;
    background-color: #fff;
    color: #000
}

:last-child > .accordion-content:last-child {
    border-bottom: none
}

.accordion-menu li {
    width: 100%
}

.accordion-menu a {
    padding: .7rem 1rem
}

.accordion-menu .is-accordion-submenu a {
    padding: .7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem
}

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0
}

.is-accordion-submenu-parent {
    position: relative
}

.has-submenu-toggle > a {
    margin-right: 40px
}

.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #00a651 transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto
}

.submenu-toggle[aria-expanded=true]::after {
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.submenu-toggle-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: .3em;
    border-radius: 50%;
    font-size: .6rem;
    text-align: center;
    background: #00a651;
    color: #fff
}

.badge.cta {
    background: #ec8600;
    color: #000
}

.badge.primary {
    background: #00a651;
    color: #000
}

.badge.primary-accent {
    background: #008541;
    color: #fff
}

.badge.primary-blue {
    background: #2070c0;
    color: #000
}

.badge.primary-blue-bright {
    background: #66b2ff;
    color: #000
}

.badge.primary-blue-accent {
    background: #005cb8;
    color: #fff
}

.badge.link {
    background: #2070c0;
    color: #000
}

.badge.link-active {
    background: #005cb8;
    color: #fff
}

.badge.link-hover {
    background: #dc8a32;
    color: #000
}

.badge.disabled-link {
    background: #d2d2d2;
    color: #000
}

.badge.disabled-link-text {
    background: #afafaf;
    color: #000
}

.badge.secondary {
    background: #2070c0;
    color: #000
}

.badge.success {
    background: #3adb76;
    color: #000
}

.badge.warning {
    background: #ffae00;
    color: #000
}

.badge.alert {
    background: #bd0000;
    color: #fff
}

.badge.v2-alert {
    background: #a2260b;
    color: #fff
}

.badge.v2-black {
    background: #030303;
    color: #fff
}

.badge.v2-gray {
    background: #8c8c8c;
    color: #000
}

.badge.light-green {
    background: #00a651;
    color: #000
}

.badge.tab-background {
    background: #fafafa;
    color: #000
}

.badge.tooltip-color {
    background: #c4c4c4;
    color: #000
}

.badge.tooltip-label-color {
    background: rgba(0, 0, 0, .4);
    color: #fff
}

.badge.dashed-border {
    background: #cfcfcf;
    color: #000
}

.badge.home-row-background {
    background: #f6f6f6;
    color: #000
}

.badge.gray-odd-row {
    background: #e8e8e8;
    color: #000
}

.badge.table-odd-row {
    background: #f8f8f8;
    color: #000
}

.badge.table-accent {
    background: #e6f4ed;
    color: #000
}

.badge.table-dark-odd-row {
    background: #e0e0e0;
    color: #000
}

.badge.input-border {
    background: #878787;
    color: #000
}

.badge.input-bg {
    background: #fcfcfc;
    color: #000
}

.badge.paypal-button {
    background: #ffc439;
    color: #000
}

.badge.light-black {
    background: #555;
    color: #fff
}

.badge.copart {
    background: #3195ff;
    color: #000
}

.breadcrumbs {
    margin: 0 0 35px 0;
    list-style: none
}

.breadcrumbs::after,
.breadcrumbs::before {
    display: table;
    content: " "
}

.breadcrumbs::after {
    clear: both
}

.breadcrumbs li {
    float: left;
    font-size: 1.125rem;
    color: #000;
    cursor: default;
    margin-right: .75rem
}

.breadcrumbs a {
    color: #0097c7
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed
}

.button-group {
    margin-bottom: 1rem;
    font-size: 0
}

.button-group::after,
.button-group::before {
    display: table;
    content: " "
}

.button-group::after {
    clear: both
}

.button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 1rem
}

.button-group .button:last-child {
    margin-right: 0
}

.button-group.tiny .button {
    font-size: .6rem
}

.button-group.small .button {
    font-size: .75rem
}

.button-group.large .button {
    font-size: 1.5rem
}

.button-group.expanded {
    margin-right: -1px
}

.button-group.expanded::after,
.button-group.expanded::before {
    display: none
}

.button-group.expanded .button:first-child:last-child {
    width: calc(100% - 1px)
}

.button-group.expanded .button:first-child:nth-last-child(2),
.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
    display: inline-block;
    width: calc(50% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child,
.button-group.expanded .button:first-child:nth-last-child(2):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(3),
.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
    display: inline-block;
    width: calc(33.3333333333% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child,
.button-group.expanded .button:first-child:nth-last-child(3):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(4),
.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
    display: inline-block;
    width: calc(25% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child,
.button-group.expanded .button:first-child:nth-last-child(4):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(5),
.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
    display: inline-block;
    width: calc(20% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child,
.button-group.expanded .button:first-child:nth-last-child(5):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(6),
.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
    display: inline-block;
    width: calc(16.6666666667% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child,
.button-group.expanded .button:first-child:nth-last-child(6):last-child {
    margin-right: -6px
}

.button-group.cta .button,
.button-group.cta .button.disabled,
.button-group.cta .button.disabled:focus,
.button-group.cta .button.disabled:hover,
.button-group.cta .button[disabled],
.button-group.cta .button[disabled]:focus,
.button-group.cta .button[disabled]:hover {
    background-color: #ec8600;
    color: #fff
}

.button-group.cta .button:focus,
.button-group.cta .button:hover {
    background-color: #db7d00;
    color: #fff
}

.button-group.primary .button,
.button-group.primary .button.disabled,
.button-group.primary .button.disabled:focus,
.button-group.primary .button.disabled:hover,
.button-group.primary .button[disabled],
.button-group.primary .button[disabled]:focus,
.button-group.primary .button[disabled]:hover {
    background-color: #00a651;
    color: #fff
}

.button-group.primary .button:focus,
.button-group.primary .button:hover {
    background-color: #009a4b;
    color: #fff
}

.button-group.primary-accent .button,
.button-group.primary-accent .button.disabled,
.button-group.primary-accent .button.disabled:focus,
.button-group.primary-accent .button.disabled:hover,
.button-group.primary-accent .button[disabled],
.button-group.primary-accent .button[disabled]:focus,
.button-group.primary-accent .button[disabled]:hover {
    background-color: #008541;
    color: #fff
}

.button-group.primary-accent .button:focus,
.button-group.primary-accent .button:hover {
    background-color: #007c3c;
    color: #fff
}

.button-group.primary-blue .button,
.button-group.primary-blue .button.disabled,
.button-group.primary-blue .button.disabled:focus,
.button-group.primary-blue .button.disabled:hover,
.button-group.primary-blue .button[disabled],
.button-group.primary-blue .button[disabled]:focus,
.button-group.primary-blue .button[disabled]:hover {
    background-color: #2070c0;
    color: #fff
}

.button-group.primary-blue .button:focus,
.button-group.primary-blue .button:hover {
    background-color: #298cf1;
    color: #fff
}

.button-group.primary-blue-bright .button,
.button-group.primary-blue-bright .button.disabled,
.button-group.primary-blue-bright .button.disabled:focus,
.button-group.primary-blue-bright .button.disabled:hover,
.button-group.primary-blue-bright .button[disabled],
.button-group.primary-blue-bright .button[disabled]:focus,
.button-group.primary-blue-bright .button[disabled]:hover {
    background-color: #66b2ff;
    color: #fff
}

.button-group.primary-blue-bright .button:focus,
.button-group.primary-blue-bright .button:hover {
    background-color: #4da5ff;
    color: #fff
}

.button-group.primary-blue-accent .button,
.button-group.primary-blue-accent .button.disabled,
.button-group.primary-blue-accent .button.disabled:focus,
.button-group.primary-blue-accent .button.disabled:hover,
.button-group.primary-blue-accent .button[disabled],
.button-group.primary-blue-accent .button[disabled]:focus,
.button-group.primary-blue-accent .button[disabled]:hover {
    background-color: #005cb8;
    color: #fff
}

.button-group.primary-blue-accent .button:focus,
.button-group.primary-blue-accent .button:hover {
    background-color: #0056ab;
    color: #fff
}

.button-group.link .button,
.button-group.link .button.disabled,
.button-group.link .button.disabled:focus,
.button-group.link .button.disabled:hover,
.button-group.link .button[disabled],
.button-group.link .button[disabled]:focus,
.button-group.link .button[disabled]:hover {
    background-color: #2070c0;
    color: #fff
}

.button-group.link .button:focus,
.button-group.link .button:hover {
    background-color: #298cf1;
    color: #fff
}

.button-group.link-active .button,
.button-group.link-active .button.disabled,
.button-group.link-active .button.disabled:focus,
.button-group.link-active .button.disabled:hover,
.button-group.link-active .button[disabled],
.button-group.link-active .button[disabled]:focus,
.button-group.link-active .button[disabled]:hover {
    background-color: #005cb8;
    color: #fff
}

.button-group.link-active .button:focus,
.button-group.link-active .button:hover {
    background-color: #0056ab;
    color: #fff
}

.button-group.link-hover .button,
.button-group.link-hover .button.disabled,
.button-group.link-hover .button.disabled:focus,
.button-group.link-hover .button.disabled:hover,
.button-group.link-hover .button[disabled],
.button-group.link-hover .button[disabled]:focus,
.button-group.link-hover .button[disabled]:hover {
    background-color: #dc8a32;
    color: #fff
}

.button-group.link-hover .button:focus,
.button-group.link-hover .button:hover {
    background-color: #d68125;
    color: #fff
}

.button-group.disabled-link .button,
.button-group.disabled-link .button.disabled,
.button-group.disabled-link .button.disabled:focus,
.button-group.disabled-link .button.disabled:hover,
.button-group.disabled-link .button[disabled],
.button-group.disabled-link .button[disabled]:focus,
.button-group.disabled-link .button[disabled]:hover {
    background-color: #d2d2d2;
    color: #fff
}

.button-group.disabled-link .button:focus,
.button-group.disabled-link .button:hover {
    background-color: #c3c3c3;
    color: #fff
}

.button-group.disabled-link-text .button,
.button-group.disabled-link-text .button.disabled,
.button-group.disabled-link-text .button.disabled:focus,
.button-group.disabled-link-text .button.disabled:hover,
.button-group.disabled-link-text .button[disabled],
.button-group.disabled-link-text .button[disabled]:focus,
.button-group.disabled-link-text .button[disabled]:hover {
    background-color: #afafaf;
    color: #fff
}

.button-group.disabled-link-text .button:focus,
.button-group.disabled-link-text .button:hover {
    background-color: #a3a3a3;
    color: #fff
}

.button-group.secondary .button,
.button-group.secondary .button.disabled,
.button-group.secondary .button.disabled:focus,
.button-group.secondary .button.disabled:hover,
.button-group.secondary .button[disabled],
.button-group.secondary .button[disabled]:focus,
.button-group.secondary .button[disabled]:hover {
    background-color: #2070c0;
    color: #fff
}

.button-group.secondary .button:focus,
.button-group.secondary .button:hover {
    background-color: #2f89ff;
    color: #fff
}

.button-group.success .button,
.button-group.success .button.disabled,
.button-group.success .button.disabled:focus,
.button-group.success .button.disabled:hover,
.button-group.success .button[disabled],
.button-group.success .button[disabled]:focus,
.button-group.success .button[disabled]:hover {
    background-color: #3adb76;
    color: #fff
}

.button-group.success .button:focus,
.button-group.success .button:hover {
    background-color: #2ad86b;
    color: #fff
}

.button-group.warning .button,
.button-group.warning .button.disabled,
.button-group.warning .button.disabled:focus,
.button-group.warning .button.disabled:hover,
.button-group.warning .button[disabled],
.button-group.warning .button[disabled]:focus,
.button-group.warning .button[disabled]:hover {
    background-color: #ffae00;
    color: #fff
}

.button-group.warning .button:focus,
.button-group.warning .button:hover {
    background-color: #eda200;
    color: #fff
}

.button-group.alert .button,
.button-group.alert .button.disabled,
.button-group.alert .button.disabled:focus,
.button-group.alert .button.disabled:hover,
.button-group.alert .button[disabled],
.button-group.alert .button[disabled]:focus,
.button-group.alert .button[disabled]:hover {
    background-color: #bd0000;
    color: #fff
}

.button-group.alert .button:focus,
.button-group.alert .button:hover {
    background-color: #b00000;
    color: #fff
}

.button-group.v2-alert .button,
.button-group.v2-alert .button.disabled,
.button-group.v2-alert .button.disabled:focus,
.button-group.v2-alert .button.disabled:hover,
.button-group.v2-alert .button[disabled],
.button-group.v2-alert .button[disabled]:focus,
.button-group.v2-alert .button[disabled]:hover {
    background-color: #a2260b;
    color: #fff
}

.button-group.v2-alert .button:focus,
.button-group.v2-alert .button:hover {
    background-color: #97230a;
    color: #fff
}

.button-group.v2-black .button,
.button-group.v2-black .button.disabled,
.button-group.v2-black .button.disabled:focus,
.button-group.v2-black .button.disabled:hover,
.button-group.v2-black .button[disabled],
.button-group.v2-black .button[disabled]:focus,
.button-group.v2-black .button[disabled]:hover {
    background-color: #030303;
    color: #fff
}

.button-group.v2-black .button:focus,
.button-group.v2-black .button:hover {
    background-color: #030303;
    color: #fff
}

.button-group.v2-gray .button,
.button-group.v2-gray .button.disabled,
.button-group.v2-gray .button.disabled:focus,
.button-group.v2-gray .button.disabled:hover,
.button-group.v2-gray .button[disabled],
.button-group.v2-gray .button[disabled]:focus,
.button-group.v2-gray .button[disabled]:hover {
    background-color: #8c8c8c;
    color: #fff
}

.button-group.v2-gray .button:focus,
.button-group.v2-gray .button:hover {
    background-color: #828282;
    color: #fff
}

.button-group.light-green .button,
.button-group.light-green .button.disabled,
.button-group.light-green .button.disabled:focus,
.button-group.light-green .button.disabled:hover,
.button-group.light-green .button[disabled],
.button-group.light-green .button[disabled]:focus,
.button-group.light-green .button[disabled]:hover {
    background-color: #00a651;
    color: #fff
}

.button-group.light-green .button:focus,
.button-group.light-green .button:hover {
    background-color: #009a4b;
    color: #fff
}

.button-group.tab-background .button,
.button-group.tab-background .button.disabled,
.button-group.tab-background .button.disabled:focus,
.button-group.tab-background .button.disabled:hover,
.button-group.tab-background .button[disabled],
.button-group.tab-background .button[disabled]:focus,
.button-group.tab-background .button[disabled]:hover {
    background-color: #fafafa;
    color: #fff
}

.button-group.tab-background .button:focus,
.button-group.tab-background .button:hover {
    background-color: #e9e9e9;
    color: #fff
}

.button-group.tooltip-color .button,
.button-group.tooltip-color .button.disabled,
.button-group.tooltip-color .button.disabled:focus,
.button-group.tooltip-color .button.disabled:hover,
.button-group.tooltip-color .button[disabled],
.button-group.tooltip-color .button[disabled]:focus,
.button-group.tooltip-color .button[disabled]:hover {
    background-color: #c4c4c4;
    color: #fff
}

.button-group.tooltip-color .button:focus,
.button-group.tooltip-color .button:hover {
    background-color: #b6b6b6;
    color: #fff
}

.button-group.tooltip-label-color .button,
.button-group.tooltip-label-color .button.disabled,
.button-group.tooltip-label-color .button.disabled:focus,
.button-group.tooltip-label-color .button.disabled:hover,
.button-group.tooltip-label-color .button[disabled],
.button-group.tooltip-label-color .button[disabled]:focus,
.button-group.tooltip-label-color .button[disabled]:hover {
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

.button-group.tooltip-label-color .button:focus,
.button-group.tooltip-label-color .button:hover {
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

.button-group.dashed-border .button,
.button-group.dashed-border .button.disabled,
.button-group.dashed-border .button.disabled:focus,
.button-group.dashed-border .button.disabled:hover,
.button-group.dashed-border .button[disabled],
.button-group.dashed-border .button[disabled]:focus,
.button-group.dashed-border .button[disabled]:hover {
    background-color: #cfcfcf;
    color: #fff
}

.button-group.dashed-border .button:focus,
.button-group.dashed-border .button:hover {
    background-color: #c1c1c1;
    color: #fff
}

.button-group.home-row-background .button,
.button-group.home-row-background .button.disabled,
.button-group.home-row-background .button.disabled:focus,
.button-group.home-row-background .button.disabled:hover,
.button-group.home-row-background .button[disabled],
.button-group.home-row-background .button[disabled]:focus,
.button-group.home-row-background .button[disabled]:hover {
    background-color: #f6f6f6;
    color: #fff
}

.button-group.home-row-background .button:focus,
.button-group.home-row-background .button:hover {
    background-color: #e5e5e5;
    color: #fff
}

.button-group.gray-odd-row .button,
.button-group.gray-odd-row .button.disabled,
.button-group.gray-odd-row .button.disabled:focus,
.button-group.gray-odd-row .button.disabled:hover,
.button-group.gray-odd-row .button[disabled],
.button-group.gray-odd-row .button[disabled]:focus,
.button-group.gray-odd-row .button[disabled]:hover {
    background-color: #e8e8e8;
    color: #fff
}

.button-group.gray-odd-row .button:focus,
.button-group.gray-odd-row .button:hover {
    background-color: #d8d8d8;
    color: #fff
}

.button-group.table-odd-row .button,
.button-group.table-odd-row .button.disabled,
.button-group.table-odd-row .button.disabled:focus,
.button-group.table-odd-row .button.disabled:hover,
.button-group.table-odd-row .button[disabled],
.button-group.table-odd-row .button[disabled]:focus,
.button-group.table-odd-row .button[disabled]:hover {
    background-color: #f8f8f8;
    color: #fff
}

.button-group.table-odd-row .button:focus,
.button-group.table-odd-row .button:hover {
    background-color: #e7e7e7;
    color: #fff
}

.button-group.table-accent .button,
.button-group.table-accent .button.disabled,
.button-group.table-accent .button.disabled:focus,
.button-group.table-accent .button.disabled:hover,
.button-group.table-accent .button[disabled],
.button-group.table-accent .button[disabled]:focus,
.button-group.table-accent .button[disabled]:hover {
    background-color: #e6f4ed;
    color: #fff
}

.button-group.table-accent .button:focus,
.button-group.table-accent .button:hover {
    background-color: #cfeadc;
    color: #fff
}

.button-group.table-dark-odd-row .button,
.button-group.table-dark-odd-row .button.disabled,
.button-group.table-dark-odd-row .button.disabled:focus,
.button-group.table-dark-odd-row .button.disabled:hover,
.button-group.table-dark-odd-row .button[disabled],
.button-group.table-dark-odd-row .button[disabled]:focus,
.button-group.table-dark-odd-row .button[disabled]:hover {
    background-color: #e0e0e0;
    color: #fff
}

.button-group.table-dark-odd-row .button:focus,
.button-group.table-dark-odd-row .button:hover {
    background-color: #d0d0d0;
    color: #fff
}

.button-group.input-border .button,
.button-group.input-border .button.disabled,
.button-group.input-border .button.disabled:focus,
.button-group.input-border .button.disabled:hover,
.button-group.input-border .button[disabled],
.button-group.input-border .button[disabled]:focus,
.button-group.input-border .button[disabled]:hover {
    background-color: #878787;
    color: #fff
}

.button-group.input-border .button:focus,
.button-group.input-border .button:hover {
    background-color: #7e7e7e;
    color: #fff
}

.button-group.input-bg .button,
.button-group.input-bg .button.disabled,
.button-group.input-bg .button.disabled:focus,
.button-group.input-bg .button.disabled:hover,
.button-group.input-bg .button[disabled],
.button-group.input-bg .button[disabled]:focus,
.button-group.input-bg .button[disabled]:hover {
    background-color: #fcfcfc;
    color: #fff
}

.button-group.input-bg .button:focus,
.button-group.input-bg .button:hover {
    background-color: #eaeaea;
    color: #fff
}

.button-group.paypal-button .button,
.button-group.paypal-button .button.disabled,
.button-group.paypal-button .button.disabled:focus,
.button-group.paypal-button .button.disabled:hover,
.button-group.paypal-button .button[disabled],
.button-group.paypal-button .button[disabled]:focus,
.button-group.paypal-button .button[disabled]:hover {
    background-color: #ffc439;
    color: #fff
}

.button-group.paypal-button .button:focus,
.button-group.paypal-button .button:hover {
    background-color: #ffbd23;
    color: #fff
}

.button-group.light-black .button,
.button-group.light-black .button.disabled,
.button-group.light-black .button.disabled:focus,
.button-group.light-black .button.disabled:hover,
.button-group.light-black .button[disabled],
.button-group.light-black .button[disabled]:focus,
.button-group.light-black .button[disabled]:hover {
    background-color: #555;
    color: #fff
}

.button-group.light-black .button:focus,
.button-group.light-black .button:hover {
    background-color: #4f4f4f;
    color: #fff
}

.button-group.copart .button,
.button-group.copart .button.disabled,
.button-group.copart .button.disabled:focus,
.button-group.copart .button.disabled:hover,
.button-group.copart .button[disabled],
.button-group.copart .button[disabled]:focus,
.button-group.copart .button[disabled]:hover {
    background-color: #3195ff;
    color: #fff
}

.button-group.copart .button:focus,
.button-group.copart .button:hover {
    background-color: #1c8aff;
    color: #fff
}

.button-group.hollow .button,
.button-group.hollow .button.disabled,
.button-group.hollow .button.disabled:focus,
.button-group.hollow .button.disabled:hover,
.button-group.hollow .button:focus,
.button-group.hollow .button:hover,
.button-group.hollow .button[disabled],
.button-group.hollow .button[disabled]:focus,
.button-group.hollow .button[disabled]:hover {
    background-color: transparent
}

.button-group.hollow .button,
.button-group.hollow .button.disabled,
.button-group.hollow .button.disabled:focus,
.button-group.hollow .button.disabled:hover,
.button-group.hollow .button[disabled],
.button-group.hollow .button[disabled]:focus,
.button-group.hollow .button[disabled]:hover {
    border: 1px solid #00a651;
    color: #00a651
}

.button-group.hollow .button:focus,
.button-group.hollow .button:hover {
    border-color: #005329;
    color: #005329
}

.button-group.hollow .button.cta,
.button-group.hollow .button.cta.disabled,
.button-group.hollow .button.cta.disabled:focus,
.button-group.hollow .button.cta.disabled:hover,
.button-group.hollow .button.cta[disabled],
.button-group.hollow .button.cta[disabled]:focus,
.button-group.hollow .button.cta[disabled]:hover,
.button-group.hollow.cta .button,
.button-group.hollow.cta .button.disabled,
.button-group.hollow.cta .button.disabled:focus,
.button-group.hollow.cta .button.disabled:hover,
.button-group.hollow.cta .button[disabled],
.button-group.hollow.cta .button[disabled]:focus,
.button-group.hollow.cta .button[disabled]:hover {
    border: 1px solid #ec8600;
    color: #ec8600
}

.button-group.hollow .button.cta:focus,
.button-group.hollow .button.cta:hover,
.button-group.hollow.cta .button:focus,
.button-group.hollow.cta .button:hover {
    border-color: #764300;
    color: #764300
}

.button-group.hollow .button.primary,
.button-group.hollow .button.primary.disabled,
.button-group.hollow .button.primary.disabled:focus,
.button-group.hollow .button.primary.disabled:hover,
.button-group.hollow .button.primary[disabled],
.button-group.hollow .button.primary[disabled]:focus,
.button-group.hollow .button.primary[disabled]:hover,
.button-group.hollow.primary .button,
.button-group.hollow.primary .button.disabled,
.button-group.hollow.primary .button.disabled:focus,
.button-group.hollow.primary .button.disabled:hover,
.button-group.hollow.primary .button[disabled],
.button-group.hollow.primary .button[disabled]:focus,
.button-group.hollow.primary .button[disabled]:hover {
    border: 1px solid #00a651;
    color: #00a651
}

.button-group.hollow .button.primary:focus,
.button-group.hollow .button.primary:hover,
.button-group.hollow.primary .button:focus,
.button-group.hollow.primary .button:hover {
    border-color: #005329;
    color: #005329
}

.button-group.hollow .button.primary-accent,
.button-group.hollow .button.primary-accent.disabled,
.button-group.hollow .button.primary-accent.disabled:focus,
.button-group.hollow .button.primary-accent.disabled:hover,
.button-group.hollow .button.primary-accent[disabled],
.button-group.hollow .button.primary-accent[disabled]:focus,
.button-group.hollow .button.primary-accent[disabled]:hover,
.button-group.hollow.primary-accent .button,
.button-group.hollow.primary-accent .button.disabled,
.button-group.hollow.primary-accent .button.disabled:focus,
.button-group.hollow.primary-accent .button.disabled:hover,
.button-group.hollow.primary-accent .button[disabled],
.button-group.hollow.primary-accent .button[disabled]:focus,
.button-group.hollow.primary-accent .button[disabled]:hover {
    border: 1px solid #008541;
    color: #008541
}

.button-group.hollow .button.primary-accent:focus,
.button-group.hollow .button.primary-accent:hover,
.button-group.hollow.primary-accent .button:focus,
.button-group.hollow.primary-accent .button:hover {
    border-color: #004321;
    color: #004321
}

.button-group.hollow .button.primary-blue,
.button-group.hollow .button.primary-blue.disabled,
.button-group.hollow .button.primary-blue.disabled:focus,
.button-group.hollow .button.primary-blue.disabled:hover,
.button-group.hollow .button.primary-blue[disabled],
.button-group.hollow .button.primary-blue[disabled]:focus,
.button-group.hollow .button.primary-blue[disabled]:hover,
.button-group.hollow.primary-blue .button,
.button-group.hollow.primary-blue .button.disabled,
.button-group.hollow.primary-blue .button.disabled:focus,
.button-group.hollow.primary-blue .button.disabled:hover,
.button-group.hollow.primary-blue .button[disabled],
.button-group.hollow.primary-blue .button[disabled]:focus,
.button-group.hollow.primary-blue .button[disabled]:hover {
    border: 1px solid #2070c0;
    color: #2070c0
}

.button-group.hollow .button.primary-blue:focus,
.button-group.hollow .button.primary-blue:hover,
.button-group.hollow.primary-blue .button:focus,
.button-group.hollow.primary-blue .button:hover {
    border-color: #0a4b8e;
    color: #0a4b8e
}

.button-group.hollow .button.primary-blue-bright,
.button-group.hollow .button.primary-blue-bright.disabled,
.button-group.hollow .button.primary-blue-bright.disabled:focus,
.button-group.hollow .button.primary-blue-bright.disabled:hover,
.button-group.hollow .button.primary-blue-bright[disabled],
.button-group.hollow .button.primary-blue-bright[disabled]:focus,
.button-group.hollow .button.primary-blue-bright[disabled]:hover,
.button-group.hollow.primary-blue-bright .button,
.button-group.hollow.primary-blue-bright .button.disabled,
.button-group.hollow.primary-blue-bright .button.disabled:focus,
.button-group.hollow.primary-blue-bright .button.disabled:hover,
.button-group.hollow.primary-blue-bright .button[disabled],
.button-group.hollow.primary-blue-bright .button[disabled]:focus,
.button-group.hollow.primary-blue-bright .button[disabled]:hover {
    border: 1px solid #66b2ff;
    color: #66b2ff
}

.button-group.hollow .button.primary-blue-bright:focus,
.button-group.hollow .button.primary-blue-bright:hover,
.button-group.hollow.primary-blue-bright .button:focus,
.button-group.hollow.primary-blue-bright .button:hover {
    border-color: #0059b3;
    color: #0059b3
}

.button-group.hollow .button.primary-blue-accent,
.button-group.hollow .button.primary-blue-accent.disabled,
.button-group.hollow .button.primary-blue-accent.disabled:focus,
.button-group.hollow .button.primary-blue-accent.disabled:hover,
.button-group.hollow .button.primary-blue-accent[disabled],
.button-group.hollow .button.primary-blue-accent[disabled]:focus,
.button-group.hollow .button.primary-blue-accent[disabled]:hover,
.button-group.hollow.primary-blue-accent .button,
.button-group.hollow.primary-blue-accent .button.disabled,
.button-group.hollow.primary-blue-accent .button.disabled:focus,
.button-group.hollow.primary-blue-accent .button.disabled:hover,
.button-group.hollow.primary-blue-accent .button[disabled],
.button-group.hollow.primary-blue-accent .button[disabled]:focus,
.button-group.hollow.primary-blue-accent .button[disabled]:hover {
    border: 1px solid #005cb8;
    color: #005cb8
}

.button-group.hollow .button.primary-blue-accent:focus,
.button-group.hollow .button.primary-blue-accent:hover,
.button-group.hollow.primary-blue-accent .button:focus,
.button-group.hollow.primary-blue-accent .button:hover {
    border-color: #002e5c;
    color: #002e5c
}

.button-group.hollow .button.link,
.button-group.hollow .button.link.disabled,
.button-group.hollow .button.link.disabled:focus,
.button-group.hollow .button.link.disabled:hover,
.button-group.hollow .button.link[disabled],
.button-group.hollow .button.link[disabled]:focus,
.button-group.hollow .button.link[disabled]:hover,
.button-group.hollow.link .button,
.button-group.hollow.link .button.disabled,
.button-group.hollow.link .button.disabled:focus,
.button-group.hollow.link .button.disabled:hover,
.button-group.hollow.link .button[disabled],
.button-group.hollow.link .button[disabled]:focus,
.button-group.hollow.link .button[disabled]:hover {
    border: 1px solid #2070c0;
    color: #2070c0
}

.button-group.hollow .button.link:focus,
.button-group.hollow .button.link:hover,
.button-group.hollow.link .button:focus,
.button-group.hollow.link .button:hover {
    border-color: #0a4b8e;
    color: #0a4b8e
}

.button-group.hollow .button.link-active,
.button-group.hollow .button.link-active.disabled,
.button-group.hollow .button.link-active.disabled:focus,
.button-group.hollow .button.link-active.disabled:hover,
.button-group.hollow .button.link-active[disabled],
.button-group.hollow .button.link-active[disabled]:focus,
.button-group.hollow .button.link-active[disabled]:hover,
.button-group.hollow.link-active .button,
.button-group.hollow.link-active .button.disabled,
.button-group.hollow.link-active .button.disabled:focus,
.button-group.hollow.link-active .button.disabled:hover,
.button-group.hollow.link-active .button[disabled],
.button-group.hollow.link-active .button[disabled]:focus,
.button-group.hollow.link-active .button[disabled]:hover {
    border: 1px solid #005cb8;
    color: #005cb8
}

.button-group.hollow .button.link-active:focus,
.button-group.hollow .button.link-active:hover,
.button-group.hollow.link-active .button:focus,
.button-group.hollow.link-active .button:hover {
    border-color: #002e5c;
    color: #002e5c
}

.button-group.hollow .button.link-hover,
.button-group.hollow .button.link-hover.disabled,
.button-group.hollow .button.link-hover.disabled:focus,
.button-group.hollow .button.link-hover.disabled:hover,
.button-group.hollow .button.link-hover[disabled],
.button-group.hollow .button.link-hover[disabled]:focus,
.button-group.hollow .button.link-hover[disabled]:hover,
.button-group.hollow.link-hover .button,
.button-group.hollow.link-hover .button.disabled,
.button-group.hollow.link-hover .button.disabled:focus,
.button-group.hollow.link-hover .button.disabled:hover,
.button-group.hollow.link-hover .button[disabled],
.button-group.hollow.link-hover .button[disabled]:focus,
.button-group.hollow.link-hover .button[disabled]:hover {
    border: 1px solid #dc8a32;
    color: #dc8a32
}

.button-group.hollow .button.link-hover:focus,
.button-group.hollow .button.link-hover:hover,
.button-group.hollow.link-hover .button:focus,
.button-group.hollow.link-hover .button:hover {
    border-color: #734514;
    color: #734514
}

.button-group.hollow .button.disabled-link,
.button-group.hollow .button.disabled-link.disabled,
.button-group.hollow .button.disabled-link.disabled:focus,
.button-group.hollow .button.disabled-link.disabled:hover,
.button-group.hollow .button.disabled-link[disabled],
.button-group.hollow .button.disabled-link[disabled]:focus,
.button-group.hollow .button.disabled-link[disabled]:hover,
.button-group.hollow.disabled-link .button,
.button-group.hollow.disabled-link .button.disabled,
.button-group.hollow.disabled-link .button.disabled:focus,
.button-group.hollow.disabled-link .button.disabled:hover,
.button-group.hollow.disabled-link .button[disabled],
.button-group.hollow.disabled-link .button[disabled]:focus,
.button-group.hollow.disabled-link .button[disabled]:hover {
    border: 1px solid #d2d2d2;
    color: #d2d2d2
}

.button-group.hollow .button.disabled-link:focus,
.button-group.hollow .button.disabled-link:hover,
.button-group.hollow.disabled-link .button:focus,
.button-group.hollow.disabled-link .button:hover {
    border-color: #696969;
    color: #696969
}

.button-group.hollow .button.disabled-link-text,
.button-group.hollow .button.disabled-link-text.disabled,
.button-group.hollow .button.disabled-link-text.disabled:focus,
.button-group.hollow .button.disabled-link-text.disabled:hover,
.button-group.hollow .button.disabled-link-text[disabled],
.button-group.hollow .button.disabled-link-text[disabled]:focus,
.button-group.hollow .button.disabled-link-text[disabled]:hover,
.button-group.hollow.disabled-link-text .button,
.button-group.hollow.disabled-link-text .button.disabled,
.button-group.hollow.disabled-link-text .button.disabled:focus,
.button-group.hollow.disabled-link-text .button.disabled:hover,
.button-group.hollow.disabled-link-text .button[disabled],
.button-group.hollow.disabled-link-text .button[disabled]:focus,
.button-group.hollow.disabled-link-text .button[disabled]:hover {
    border: 1px solid #afafaf;
    color: #afafaf
}

.button-group.hollow .button.disabled-link-text:focus,
.button-group.hollow .button.disabled-link-text:hover,
.button-group.hollow.disabled-link-text .button:focus,
.button-group.hollow.disabled-link-text .button:hover {
    border-color: #585858;
    color: #585858
}

.button-group.hollow .button.secondary,
.button-group.hollow .button.secondary.disabled,
.button-group.hollow .button.secondary.disabled:focus,
.button-group.hollow .button.secondary.disabled:hover,
.button-group.hollow .button.secondary[disabled],
.button-group.hollow .button.secondary[disabled]:focus,
.button-group.hollow .button.secondary[disabled]:hover,
.button-group.hollow.secondary .button,
.button-group.hollow.secondary .button.disabled,
.button-group.hollow.secondary .button.disabled:focus,
.button-group.hollow.secondary .button.disabled:hover,
.button-group.hollow.secondary .button[disabled],
.button-group.hollow.secondary .button[disabled]:focus,
.button-group.hollow.secondary .button[disabled]:hover {
    border: 1px solid #2070c0;
    color: #2070c0
}

.button-group.hollow .button.secondary:focus,
.button-group.hollow .button.secondary:hover,
.button-group.hollow.secondary .button:focus,
.button-group.hollow.secondary .button:hover {
    border-color: #0046a3;
    color: #0046a3
}

.button-group.hollow .button.success,
.button-group.hollow .button.success.disabled,
.button-group.hollow .button.success.disabled:focus,
.button-group.hollow .button.success.disabled:hover,
.button-group.hollow .button.success[disabled],
.button-group.hollow .button.success[disabled]:focus,
.button-group.hollow .button.success[disabled]:hover,
.button-group.hollow.success .button,
.button-group.hollow.success .button.disabled,
.button-group.hollow.success .button.disabled:focus,
.button-group.hollow.success .button.disabled:hover,
.button-group.hollow.success .button[disabled],
.button-group.hollow.success .button[disabled]:focus,
.button-group.hollow.success .button[disabled]:hover {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button-group.hollow .button.success:focus,
.button-group.hollow .button.success:hover,
.button-group.hollow.success .button:focus,
.button-group.hollow.success .button:hover {
    border-color: #157539;
    color: #157539
}

.button-group.hollow .button.warning,
.button-group.hollow .button.warning.disabled,
.button-group.hollow .button.warning.disabled:focus,
.button-group.hollow .button.warning.disabled:hover,
.button-group.hollow .button.warning[disabled],
.button-group.hollow .button.warning[disabled]:focus,
.button-group.hollow .button.warning[disabled]:hover,
.button-group.hollow.warning .button,
.button-group.hollow.warning .button.disabled,
.button-group.hollow.warning .button.disabled:focus,
.button-group.hollow.warning .button.disabled:hover,
.button-group.hollow.warning .button[disabled],
.button-group.hollow.warning .button[disabled]:focus,
.button-group.hollow.warning .button[disabled]:hover {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button-group.hollow .button.warning:focus,
.button-group.hollow .button.warning:hover,
.button-group.hollow.warning .button:focus,
.button-group.hollow.warning .button:hover {
    border-color: #805700;
    color: #805700
}

.button-group.hollow .button.alert,
.button-group.hollow .button.alert.disabled,
.button-group.hollow .button.alert.disabled:focus,
.button-group.hollow .button.alert.disabled:hover,
.button-group.hollow .button.alert[disabled],
.button-group.hollow .button.alert[disabled]:focus,
.button-group.hollow .button.alert[disabled]:hover,
.button-group.hollow.alert .button,
.button-group.hollow.alert .button.disabled,
.button-group.hollow.alert .button.disabled:focus,
.button-group.hollow.alert .button.disabled:hover,
.button-group.hollow.alert .button[disabled],
.button-group.hollow.alert .button[disabled]:focus,
.button-group.hollow.alert .button[disabled]:hover {
    border: 1px solid #bd0000;
    color: #bd0000
}

.button-group.hollow .button.alert:focus,
.button-group.hollow .button.alert:hover,
.button-group.hollow.alert .button:focus,
.button-group.hollow.alert .button:hover {
    border-color: #5f0000;
    color: #5f0000
}

.button-group.hollow .button.v2-alert,
.button-group.hollow .button.v2-alert.disabled,
.button-group.hollow .button.v2-alert.disabled:focus,
.button-group.hollow .button.v2-alert.disabled:hover,
.button-group.hollow .button.v2-alert[disabled],
.button-group.hollow .button.v2-alert[disabled]:focus,
.button-group.hollow .button.v2-alert[disabled]:hover,
.button-group.hollow.v2-alert .button,
.button-group.hollow.v2-alert .button.disabled,
.button-group.hollow.v2-alert .button.disabled:focus,
.button-group.hollow.v2-alert .button.disabled:hover,
.button-group.hollow.v2-alert .button[disabled],
.button-group.hollow.v2-alert .button[disabled]:focus,
.button-group.hollow.v2-alert .button[disabled]:hover {
    border: 1px solid #a2260b;
    color: #a2260b
}

.button-group.hollow .button.v2-alert:focus,
.button-group.hollow .button.v2-alert:hover,
.button-group.hollow.v2-alert .button:focus,
.button-group.hollow.v2-alert .button:hover {
    border-color: #511306;
    color: #511306
}

.button-group.hollow .button.v2-black,
.button-group.hollow .button.v2-black.disabled,
.button-group.hollow .button.v2-black.disabled:focus,
.button-group.hollow .button.v2-black.disabled:hover,
.button-group.hollow .button.v2-black[disabled],
.button-group.hollow .button.v2-black[disabled]:focus,
.button-group.hollow .button.v2-black[disabled]:hover,
.button-group.hollow.v2-black .button,
.button-group.hollow.v2-black .button.disabled,
.button-group.hollow.v2-black .button.disabled:focus,
.button-group.hollow.v2-black .button.disabled:hover,
.button-group.hollow.v2-black .button[disabled],
.button-group.hollow.v2-black .button[disabled]:focus,
.button-group.hollow.v2-black .button[disabled]:hover {
    border: 1px solid #030303;
    color: #030303
}

.button-group.hollow .button.v2-black:focus,
.button-group.hollow .button.v2-black:hover,
.button-group.hollow.v2-black .button:focus,
.button-group.hollow.v2-black .button:hover {
    border-color: #020202;
    color: #020202
}

.button-group.hollow .button.v2-gray,
.button-group.hollow .button.v2-gray.disabled,
.button-group.hollow .button.v2-gray.disabled:focus,
.button-group.hollow .button.v2-gray.disabled:hover,
.button-group.hollow .button.v2-gray[disabled],
.button-group.hollow .button.v2-gray[disabled]:focus,
.button-group.hollow .button.v2-gray[disabled]:hover,
.button-group.hollow.v2-gray .button,
.button-group.hollow.v2-gray .button.disabled,
.button-group.hollow.v2-gray .button.disabled:focus,
.button-group.hollow.v2-gray .button.disabled:hover,
.button-group.hollow.v2-gray .button[disabled],
.button-group.hollow.v2-gray .button[disabled]:focus,
.button-group.hollow.v2-gray .button[disabled]:hover {
    border: 1px solid #8c8c8c;
    color: #8c8c8c
}

.button-group.hollow .button.v2-gray:focus,
.button-group.hollow .button.v2-gray:hover,
.button-group.hollow.v2-gray .button:focus,
.button-group.hollow.v2-gray .button:hover {
    border-color: #464646;
    color: #464646
}

.button-group.hollow .button.light-green,
.button-group.hollow .button.light-green.disabled,
.button-group.hollow .button.light-green.disabled:focus,
.button-group.hollow .button.light-green.disabled:hover,
.button-group.hollow .button.light-green[disabled],
.button-group.hollow .button.light-green[disabled]:focus,
.button-group.hollow .button.light-green[disabled]:hover,
.button-group.hollow.light-green .button,
.button-group.hollow.light-green .button.disabled,
.button-group.hollow.light-green .button.disabled:focus,
.button-group.hollow.light-green .button.disabled:hover,
.button-group.hollow.light-green .button[disabled],
.button-group.hollow.light-green .button[disabled]:focus,
.button-group.hollow.light-green .button[disabled]:hover {
    border: 1px solid #00a651;
    color: #00a651
}

.button-group.hollow .button.light-green:focus,
.button-group.hollow .button.light-green:hover,
.button-group.hollow.light-green .button:focus,
.button-group.hollow.light-green .button:hover {
    border-color: #005329;
    color: #005329
}

.button-group.hollow .button.tab-background,
.button-group.hollow .button.tab-background.disabled,
.button-group.hollow .button.tab-background.disabled:focus,
.button-group.hollow .button.tab-background.disabled:hover,
.button-group.hollow .button.tab-background[disabled],
.button-group.hollow .button.tab-background[disabled]:focus,
.button-group.hollow .button.tab-background[disabled]:hover,
.button-group.hollow.tab-background .button,
.button-group.hollow.tab-background .button.disabled,
.button-group.hollow.tab-background .button.disabled:focus,
.button-group.hollow.tab-background .button.disabled:hover,
.button-group.hollow.tab-background .button[disabled],
.button-group.hollow.tab-background .button[disabled]:focus,
.button-group.hollow.tab-background .button[disabled]:hover {
    border: 1px solid #fafafa;
    color: #fafafa
}

.button-group.hollow .button.tab-background:focus,
.button-group.hollow .button.tab-background:hover,
.button-group.hollow.tab-background .button:focus,
.button-group.hollow.tab-background .button:hover {
    border-color: #7d7d7d;
    color: #7d7d7d
}

.button-group.hollow .button.tooltip-color,
.button-group.hollow .button.tooltip-color.disabled,
.button-group.hollow .button.tooltip-color.disabled:focus,
.button-group.hollow .button.tooltip-color.disabled:hover,
.button-group.hollow .button.tooltip-color[disabled],
.button-group.hollow .button.tooltip-color[disabled]:focus,
.button-group.hollow .button.tooltip-color[disabled]:hover,
.button-group.hollow.tooltip-color .button,
.button-group.hollow.tooltip-color .button.disabled,
.button-group.hollow.tooltip-color .button.disabled:focus,
.button-group.hollow.tooltip-color .button.disabled:hover,
.button-group.hollow.tooltip-color .button[disabled],
.button-group.hollow.tooltip-color .button[disabled]:focus,
.button-group.hollow.tooltip-color .button[disabled]:hover {
    border: 1px solid #c4c4c4;
    color: #c4c4c4
}

.button-group.hollow .button.tooltip-color:focus,
.button-group.hollow .button.tooltip-color:hover,
.button-group.hollow.tooltip-color .button:focus,
.button-group.hollow.tooltip-color .button:hover {
    border-color: #626262;
    color: #626262
}

.button-group.hollow .button.tooltip-label-color,
.button-group.hollow .button.tooltip-label-color.disabled,
.button-group.hollow .button.tooltip-label-color.disabled:focus,
.button-group.hollow .button.tooltip-label-color.disabled:hover,
.button-group.hollow .button.tooltip-label-color[disabled],
.button-group.hollow .button.tooltip-label-color[disabled]:focus,
.button-group.hollow .button.tooltip-label-color[disabled]:hover,
.button-group.hollow.tooltip-label-color .button,
.button-group.hollow.tooltip-label-color .button.disabled,
.button-group.hollow.tooltip-label-color .button.disabled:focus,
.button-group.hollow.tooltip-label-color .button.disabled:hover,
.button-group.hollow.tooltip-label-color .button[disabled],
.button-group.hollow.tooltip-label-color .button[disabled]:focus,
.button-group.hollow.tooltip-label-color .button[disabled]:hover {
    border: 1px solid rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4)
}

.button-group.hollow .button.tooltip-label-color:focus,
.button-group.hollow .button.tooltip-label-color:hover,
.button-group.hollow.tooltip-label-color .button:focus,
.button-group.hollow.tooltip-label-color .button:hover {
    border-color: rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4)
}

.button-group.hollow .button.dashed-border,
.button-group.hollow .button.dashed-border.disabled,
.button-group.hollow .button.dashed-border.disabled:focus,
.button-group.hollow .button.dashed-border.disabled:hover,
.button-group.hollow .button.dashed-border[disabled],
.button-group.hollow .button.dashed-border[disabled]:focus,
.button-group.hollow .button.dashed-border[disabled]:hover,
.button-group.hollow.dashed-border .button,
.button-group.hollow.dashed-border .button.disabled,
.button-group.hollow.dashed-border .button.disabled:focus,
.button-group.hollow.dashed-border .button.disabled:hover,
.button-group.hollow.dashed-border .button[disabled],
.button-group.hollow.dashed-border .button[disabled]:focus,
.button-group.hollow.dashed-border .button[disabled]:hover {
    border: 1px solid #cfcfcf;
    color: #cfcfcf
}

.button-group.hollow .button.dashed-border:focus,
.button-group.hollow .button.dashed-border:hover,
.button-group.hollow.dashed-border .button:focus,
.button-group.hollow.dashed-border .button:hover {
    border-color: #686868;
    color: #686868
}

.button-group.hollow .button.home-row-background,
.button-group.hollow .button.home-row-background.disabled,
.button-group.hollow .button.home-row-background.disabled:focus,
.button-group.hollow .button.home-row-background.disabled:hover,
.button-group.hollow .button.home-row-background[disabled],
.button-group.hollow .button.home-row-background[disabled]:focus,
.button-group.hollow .button.home-row-background[disabled]:hover,
.button-group.hollow.home-row-background .button,
.button-group.hollow.home-row-background .button.disabled,
.button-group.hollow.home-row-background .button.disabled:focus,
.button-group.hollow.home-row-background .button.disabled:hover,
.button-group.hollow.home-row-background .button[disabled],
.button-group.hollow.home-row-background .button[disabled]:focus,
.button-group.hollow.home-row-background .button[disabled]:hover {
    border: 1px solid #f6f6f6;
    color: #f6f6f6
}

.button-group.hollow .button.home-row-background:focus,
.button-group.hollow .button.home-row-background:hover,
.button-group.hollow.home-row-background .button:focus,
.button-group.hollow.home-row-background .button:hover {
    border-color: #7b7b7b;
    color: #7b7b7b
}

.button-group.hollow .button.gray-odd-row,
.button-group.hollow .button.gray-odd-row.disabled,
.button-group.hollow .button.gray-odd-row.disabled:focus,
.button-group.hollow .button.gray-odd-row.disabled:hover,
.button-group.hollow .button.gray-odd-row[disabled],
.button-group.hollow .button.gray-odd-row[disabled]:focus,
.button-group.hollow .button.gray-odd-row[disabled]:hover,
.button-group.hollow.gray-odd-row .button,
.button-group.hollow.gray-odd-row .button.disabled,
.button-group.hollow.gray-odd-row .button.disabled:focus,
.button-group.hollow.gray-odd-row .button.disabled:hover,
.button-group.hollow.gray-odd-row .button[disabled],
.button-group.hollow.gray-odd-row .button[disabled]:focus,
.button-group.hollow.gray-odd-row .button[disabled]:hover {
    border: 1px solid #e8e8e8;
    color: #e8e8e8
}

.button-group.hollow .button.gray-odd-row:focus,
.button-group.hollow .button.gray-odd-row:hover,
.button-group.hollow.gray-odd-row .button:focus,
.button-group.hollow.gray-odd-row .button:hover {
    border-color: #747474;
    color: #747474
}

.button-group.hollow .button.table-odd-row,
.button-group.hollow .button.table-odd-row.disabled,
.button-group.hollow .button.table-odd-row.disabled:focus,
.button-group.hollow .button.table-odd-row.disabled:hover,
.button-group.hollow .button.table-odd-row[disabled],
.button-group.hollow .button.table-odd-row[disabled]:focus,
.button-group.hollow .button.table-odd-row[disabled]:hover,
.button-group.hollow.table-odd-row .button,
.button-group.hollow.table-odd-row .button.disabled,
.button-group.hollow.table-odd-row .button.disabled:focus,
.button-group.hollow.table-odd-row .button.disabled:hover,
.button-group.hollow.table-odd-row .button[disabled],
.button-group.hollow.table-odd-row .button[disabled]:focus,
.button-group.hollow.table-odd-row .button[disabled]:hover {
    border: 1px solid #f8f8f8;
    color: #f8f8f8
}

.button-group.hollow .button.table-odd-row:focus,
.button-group.hollow .button.table-odd-row:hover,
.button-group.hollow.table-odd-row .button:focus,
.button-group.hollow.table-odd-row .button:hover {
    border-color: #7c7c7c;
    color: #7c7c7c
}

.button-group.hollow .button.table-accent,
.button-group.hollow .button.table-accent.disabled,
.button-group.hollow .button.table-accent.disabled:focus,
.button-group.hollow .button.table-accent.disabled:hover,
.button-group.hollow .button.table-accent[disabled],
.button-group.hollow .button.table-accent[disabled]:focus,
.button-group.hollow .button.table-accent[disabled]:hover,
.button-group.hollow.table-accent .button,
.button-group.hollow.table-accent .button.disabled,
.button-group.hollow.table-accent .button.disabled:focus,
.button-group.hollow.table-accent .button.disabled:hover,
.button-group.hollow.table-accent .button[disabled],
.button-group.hollow.table-accent .button[disabled]:focus,
.button-group.hollow.table-accent .button[disabled]:hover {
    border: 1px solid #e6f4ed;
    color: #e6f4ed
}

.button-group.hollow .button.table-accent:focus,
.button-group.hollow .button.table-accent:hover,
.button-group.hollow.table-accent .button:focus,
.button-group.hollow.table-accent .button:hover {
    border-color: #48a577;
    color: #48a577
}

.button-group.hollow .button.table-dark-odd-row,
.button-group.hollow .button.table-dark-odd-row.disabled,
.button-group.hollow .button.table-dark-odd-row.disabled:focus,
.button-group.hollow .button.table-dark-odd-row.disabled:hover,
.button-group.hollow .button.table-dark-odd-row[disabled],
.button-group.hollow .button.table-dark-odd-row[disabled]:focus,
.button-group.hollow .button.table-dark-odd-row[disabled]:hover,
.button-group.hollow.table-dark-odd-row .button,
.button-group.hollow.table-dark-odd-row .button.disabled,
.button-group.hollow.table-dark-odd-row .button.disabled:focus,
.button-group.hollow.table-dark-odd-row .button.disabled:hover,
.button-group.hollow.table-dark-odd-row .button[disabled],
.button-group.hollow.table-dark-odd-row .button[disabled]:focus,
.button-group.hollow.table-dark-odd-row .button[disabled]:hover {
    border: 1px solid #e0e0e0;
    color: #e0e0e0
}

.button-group.hollow .button.table-dark-odd-row:focus,
.button-group.hollow .button.table-dark-odd-row:hover,
.button-group.hollow.table-dark-odd-row .button:focus,
.button-group.hollow.table-dark-odd-row .button:hover {
    border-color: #707070;
    color: #707070
}

.button-group.hollow .button.input-border,
.button-group.hollow .button.input-border.disabled,
.button-group.hollow .button.input-border.disabled:focus,
.button-group.hollow .button.input-border.disabled:hover,
.button-group.hollow .button.input-border[disabled],
.button-group.hollow .button.input-border[disabled]:focus,
.button-group.hollow .button.input-border[disabled]:hover,
.button-group.hollow.input-border .button,
.button-group.hollow.input-border .button.disabled,
.button-group.hollow.input-border .button.disabled:focus,
.button-group.hollow.input-border .button.disabled:hover,
.button-group.hollow.input-border .button[disabled],
.button-group.hollow.input-border .button[disabled]:focus,
.button-group.hollow.input-border .button[disabled]:hover {
    border: 1px solid #878787;
    color: #878787
}

.button-group.hollow .button.input-border:focus,
.button-group.hollow .button.input-border:hover,
.button-group.hollow.input-border .button:focus,
.button-group.hollow.input-border .button:hover {
    border-color: #444;
    color: #444
}

.button-group.hollow .button.input-bg,
.button-group.hollow .button.input-bg.disabled,
.button-group.hollow .button.input-bg.disabled:focus,
.button-group.hollow .button.input-bg.disabled:hover,
.button-group.hollow .button.input-bg[disabled],
.button-group.hollow .button.input-bg[disabled]:focus,
.button-group.hollow .button.input-bg[disabled]:hover,
.button-group.hollow.input-bg .button,
.button-group.hollow.input-bg .button.disabled,
.button-group.hollow.input-bg .button.disabled:focus,
.button-group.hollow.input-bg .button.disabled:hover,
.button-group.hollow.input-bg .button[disabled],
.button-group.hollow.input-bg .button[disabled]:focus,
.button-group.hollow.input-bg .button[disabled]:hover {
    border: 1px solid #fcfcfc;
    color: #fcfcfc
}

.button-group.hollow .button.input-bg:focus,
.button-group.hollow .button.input-bg:hover,
.button-group.hollow.input-bg .button:focus,
.button-group.hollow.input-bg .button:hover {
    border-color: #7e7e7e;
    color: #7e7e7e
}

.button-group.hollow .button.paypal-button,
.button-group.hollow .button.paypal-button.disabled,
.button-group.hollow .button.paypal-button.disabled:focus,
.button-group.hollow .button.paypal-button.disabled:hover,
.button-group.hollow .button.paypal-button[disabled],
.button-group.hollow .button.paypal-button[disabled]:focus,
.button-group.hollow .button.paypal-button[disabled]:hover,
.button-group.hollow.paypal-button .button,
.button-group.hollow.paypal-button .button.disabled,
.button-group.hollow.paypal-button .button.disabled:focus,
.button-group.hollow.paypal-button .button.disabled:hover,
.button-group.hollow.paypal-button .button[disabled],
.button-group.hollow.paypal-button .button[disabled]:focus,
.button-group.hollow.paypal-button .button[disabled]:hover {
    border: 1px solid #ffc439;
    color: #ffc439
}

.button-group.hollow .button.paypal-button:focus,
.button-group.hollow .button.paypal-button:hover,
.button-group.hollow.paypal-button .button:focus,
.button-group.hollow.paypal-button .button:hover {
    border-color: #9c6e00;
    color: #9c6e00
}

.button-group.hollow .button.light-black,
.button-group.hollow .button.light-black.disabled,
.button-group.hollow .button.light-black.disabled:focus,
.button-group.hollow .button.light-black.disabled:hover,
.button-group.hollow .button.light-black[disabled],
.button-group.hollow .button.light-black[disabled]:focus,
.button-group.hollow .button.light-black[disabled]:hover,
.button-group.hollow.light-black .button,
.button-group.hollow.light-black .button.disabled,
.button-group.hollow.light-black .button.disabled:focus,
.button-group.hollow.light-black .button.disabled:hover,
.button-group.hollow.light-black .button[disabled],
.button-group.hollow.light-black .button[disabled]:focus,
.button-group.hollow.light-black .button[disabled]:hover {
    border: 1px solid #555;
    color: #555
}

.button-group.hollow .button.light-black:focus,
.button-group.hollow .button.light-black:hover,
.button-group.hollow.light-black .button:focus,
.button-group.hollow.light-black .button:hover {
    border-color: #2b2b2b;
    color: #2b2b2b
}

.button-group.hollow .button.copart,
.button-group.hollow .button.copart.disabled,
.button-group.hollow .button.copart.disabled:focus,
.button-group.hollow .button.copart.disabled:hover,
.button-group.hollow .button.copart[disabled],
.button-group.hollow .button.copart[disabled]:focus,
.button-group.hollow .button.copart[disabled]:hover,
.button-group.hollow.copart .button,
.button-group.hollow.copart .button.disabled,
.button-group.hollow.copart .button.disabled:focus,
.button-group.hollow.copart .button.disabled:hover,
.button-group.hollow.copart .button[disabled],
.button-group.hollow.copart .button[disabled]:focus,
.button-group.hollow.copart .button[disabled]:hover {
    border: 1px solid #3195ff;
    color: #3195ff
}

.button-group.hollow .button.copart:focus,
.button-group.hollow .button.copart:hover,
.button-group.hollow.copart .button:focus,
.button-group.hollow.copart .button:hover {
    border-color: #004a98;
    color: #004a98
}

.button-group.clear .button,
.button-group.clear .button.disabled,
.button-group.clear .button.disabled:focus,
.button-group.clear .button.disabled:hover,
.button-group.clear .button:focus,
.button-group.clear .button:hover,
.button-group.clear .button[disabled],
.button-group.clear .button[disabled]:focus,
.button-group.clear .button[disabled]:hover {
    border-color: transparent;
    background-color: transparent
}

.button-group.clear .button,
.button-group.clear .button.disabled,
.button-group.clear .button.disabled:focus,
.button-group.clear .button.disabled:hover,
.button-group.clear .button[disabled],
.button-group.clear .button[disabled]:focus,
.button-group.clear .button[disabled]:hover {
    color: #00a651
}

.button-group.clear .button:focus,
.button-group.clear .button:hover {
    color: #005329
}

.button-group.clear .button.cta,
.button-group.clear .button.cta.disabled,
.button-group.clear .button.cta.disabled:focus,
.button-group.clear .button.cta.disabled:hover,
.button-group.clear .button.cta[disabled],
.button-group.clear .button.cta[disabled]:focus,
.button-group.clear .button.cta[disabled]:hover,
.button-group.clear.cta .button,
.button-group.clear.cta .button.disabled,
.button-group.clear.cta .button.disabled:focus,
.button-group.clear.cta .button.disabled:hover,
.button-group.clear.cta .button[disabled],
.button-group.clear.cta .button[disabled]:focus,
.button-group.clear.cta .button[disabled]:hover {
    color: #ec8600
}

.button-group.clear .button.cta:focus,
.button-group.clear .button.cta:hover,
.button-group.clear.cta .button:focus,
.button-group.clear.cta .button:hover {
    color: #764300
}

.button-group.clear .button.primary,
.button-group.clear .button.primary.disabled,
.button-group.clear .button.primary.disabled:focus,
.button-group.clear .button.primary.disabled:hover,
.button-group.clear .button.primary[disabled],
.button-group.clear .button.primary[disabled]:focus,
.button-group.clear .button.primary[disabled]:hover,
.button-group.clear.primary .button,
.button-group.clear.primary .button.disabled,
.button-group.clear.primary .button.disabled:focus,
.button-group.clear.primary .button.disabled:hover,
.button-group.clear.primary .button[disabled],
.button-group.clear.primary .button[disabled]:focus,
.button-group.clear.primary .button[disabled]:hover {
    color: #00a651
}

.button-group.clear .button.primary:focus,
.button-group.clear .button.primary:hover,
.button-group.clear.primary .button:focus,
.button-group.clear.primary .button:hover {
    color: #005329
}

.button-group.clear .button.primary-accent,
.button-group.clear .button.primary-accent.disabled,
.button-group.clear .button.primary-accent.disabled:focus,
.button-group.clear .button.primary-accent.disabled:hover,
.button-group.clear .button.primary-accent[disabled],
.button-group.clear .button.primary-accent[disabled]:focus,
.button-group.clear .button.primary-accent[disabled]:hover,
.button-group.clear.primary-accent .button,
.button-group.clear.primary-accent .button.disabled,
.button-group.clear.primary-accent .button.disabled:focus,
.button-group.clear.primary-accent .button.disabled:hover,
.button-group.clear.primary-accent .button[disabled],
.button-group.clear.primary-accent .button[disabled]:focus,
.button-group.clear.primary-accent .button[disabled]:hover {
    color: #008541
}

.button-group.clear .button.primary-accent:focus,
.button-group.clear .button.primary-accent:hover,
.button-group.clear.primary-accent .button:focus,
.button-group.clear.primary-accent .button:hover {
    color: #004321
}

.button-group.clear .button.primary-blue,
.button-group.clear .button.primary-blue.disabled,
.button-group.clear .button.primary-blue.disabled:focus,
.button-group.clear .button.primary-blue.disabled:hover,
.button-group.clear .button.primary-blue[disabled],
.button-group.clear .button.primary-blue[disabled]:focus,
.button-group.clear .button.primary-blue[disabled]:hover,
.button-group.clear.primary-blue .button,
.button-group.clear.primary-blue .button.disabled,
.button-group.clear.primary-blue .button.disabled:focus,
.button-group.clear.primary-blue .button.disabled:hover,
.button-group.clear.primary-blue .button[disabled],
.button-group.clear.primary-blue .button[disabled]:focus,
.button-group.clear.primary-blue .button[disabled]:hover {
    color: #2070c0
}

.button-group.clear .button.primary-blue:focus,
.button-group.clear .button.primary-blue:hover,
.button-group.clear.primary-blue .button:focus,
.button-group.clear.primary-blue .button:hover {
    color: #0a4b8e
}

.button-group.clear .button.primary-blue-bright,
.button-group.clear .button.primary-blue-bright.disabled,
.button-group.clear .button.primary-blue-bright.disabled:focus,
.button-group.clear .button.primary-blue-bright.disabled:hover,
.button-group.clear .button.primary-blue-bright[disabled],
.button-group.clear .button.primary-blue-bright[disabled]:focus,
.button-group.clear .button.primary-blue-bright[disabled]:hover,
.button-group.clear.primary-blue-bright .button,
.button-group.clear.primary-blue-bright .button.disabled,
.button-group.clear.primary-blue-bright .button.disabled:focus,
.button-group.clear.primary-blue-bright .button.disabled:hover,
.button-group.clear.primary-blue-bright .button[disabled],
.button-group.clear.primary-blue-bright .button[disabled]:focus,
.button-group.clear.primary-blue-bright .button[disabled]:hover {
    color: #66b2ff
}

.button-group.clear .button.primary-blue-bright:focus,
.button-group.clear .button.primary-blue-bright:hover,
.button-group.clear.primary-blue-bright .button:focus,
.button-group.clear.primary-blue-bright .button:hover {
    color: #0059b3
}

.button-group.clear .button.primary-blue-accent,
.button-group.clear .button.primary-blue-accent.disabled,
.button-group.clear .button.primary-blue-accent.disabled:focus,
.button-group.clear .button.primary-blue-accent.disabled:hover,
.button-group.clear .button.primary-blue-accent[disabled],
.button-group.clear .button.primary-blue-accent[disabled]:focus,
.button-group.clear .button.primary-blue-accent[disabled]:hover,
.button-group.clear.primary-blue-accent .button,
.button-group.clear.primary-blue-accent .button.disabled,
.button-group.clear.primary-blue-accent .button.disabled:focus,
.button-group.clear.primary-blue-accent .button.disabled:hover,
.button-group.clear.primary-blue-accent .button[disabled],
.button-group.clear.primary-blue-accent .button[disabled]:focus,
.button-group.clear.primary-blue-accent .button[disabled]:hover {
    color: #005cb8
}

.button-group.clear .button.primary-blue-accent:focus,
.button-group.clear .button.primary-blue-accent:hover,
.button-group.clear.primary-blue-accent .button:focus,
.button-group.clear.primary-blue-accent .button:hover {
    color: #002e5c
}

.button-group.clear .button.link,
.button-group.clear .button.link.disabled,
.button-group.clear .button.link.disabled:focus,
.button-group.clear .button.link.disabled:hover,
.button-group.clear .button.link[disabled],
.button-group.clear .button.link[disabled]:focus,
.button-group.clear .button.link[disabled]:hover,
.button-group.clear.link .button,
.button-group.clear.link .button.disabled,
.button-group.clear.link .button.disabled:focus,
.button-group.clear.link .button.disabled:hover,
.button-group.clear.link .button[disabled],
.button-group.clear.link .button[disabled]:focus,
.button-group.clear.link .button[disabled]:hover {
    color: #2070c0
}

.button-group.clear .button.link:focus,
.button-group.clear .button.link:hover,
.button-group.clear.link .button:focus,
.button-group.clear.link .button:hover {
    color: #0a4b8e
}

.button-group.clear .button.link-active,
.button-group.clear .button.link-active.disabled,
.button-group.clear .button.link-active.disabled:focus,
.button-group.clear .button.link-active.disabled:hover,
.button-group.clear .button.link-active[disabled],
.button-group.clear .button.link-active[disabled]:focus,
.button-group.clear .button.link-active[disabled]:hover,
.button-group.clear.link-active .button,
.button-group.clear.link-active .button.disabled,
.button-group.clear.link-active .button.disabled:focus,
.button-group.clear.link-active .button.disabled:hover,
.button-group.clear.link-active .button[disabled],
.button-group.clear.link-active .button[disabled]:focus,
.button-group.clear.link-active .button[disabled]:hover {
    color: #005cb8
}

.button-group.clear .button.link-active:focus,
.button-group.clear .button.link-active:hover,
.button-group.clear.link-active .button:focus,
.button-group.clear.link-active .button:hover {
    color: #002e5c
}

.button-group.clear .button.link-hover,
.button-group.clear .button.link-hover.disabled,
.button-group.clear .button.link-hover.disabled:focus,
.button-group.clear .button.link-hover.disabled:hover,
.button-group.clear .button.link-hover[disabled],
.button-group.clear .button.link-hover[disabled]:focus,
.button-group.clear .button.link-hover[disabled]:hover,
.button-group.clear.link-hover .button,
.button-group.clear.link-hover .button.disabled,
.button-group.clear.link-hover .button.disabled:focus,
.button-group.clear.link-hover .button.disabled:hover,
.button-group.clear.link-hover .button[disabled],
.button-group.clear.link-hover .button[disabled]:focus,
.button-group.clear.link-hover .button[disabled]:hover {
    color: #dc8a32
}

.button-group.clear .button.link-hover:focus,
.button-group.clear .button.link-hover:hover,
.button-group.clear.link-hover .button:focus,
.button-group.clear.link-hover .button:hover {
    color: #734514
}

.button-group.clear .button.disabled-link,
.button-group.clear .button.disabled-link.disabled,
.button-group.clear .button.disabled-link.disabled:focus,
.button-group.clear .button.disabled-link.disabled:hover,
.button-group.clear .button.disabled-link[disabled],
.button-group.clear .button.disabled-link[disabled]:focus,
.button-group.clear .button.disabled-link[disabled]:hover,
.button-group.clear.disabled-link .button,
.button-group.clear.disabled-link .button.disabled,
.button-group.clear.disabled-link .button.disabled:focus,
.button-group.clear.disabled-link .button.disabled:hover,
.button-group.clear.disabled-link .button[disabled],
.button-group.clear.disabled-link .button[disabled]:focus,
.button-group.clear.disabled-link .button[disabled]:hover {
    color: #d2d2d2
}

.button-group.clear .button.disabled-link:focus,
.button-group.clear .button.disabled-link:hover,
.button-group.clear.disabled-link .button:focus,
.button-group.clear.disabled-link .button:hover {
    color: #696969
}

.button-group.clear .button.disabled-link-text,
.button-group.clear .button.disabled-link-text.disabled,
.button-group.clear .button.disabled-link-text.disabled:focus,
.button-group.clear .button.disabled-link-text.disabled:hover,
.button-group.clear .button.disabled-link-text[disabled],
.button-group.clear .button.disabled-link-text[disabled]:focus,
.button-group.clear .button.disabled-link-text[disabled]:hover,
.button-group.clear.disabled-link-text .button,
.button-group.clear.disabled-link-text .button.disabled,
.button-group.clear.disabled-link-text .button.disabled:focus,
.button-group.clear.disabled-link-text .button.disabled:hover,
.button-group.clear.disabled-link-text .button[disabled],
.button-group.clear.disabled-link-text .button[disabled]:focus,
.button-group.clear.disabled-link-text .button[disabled]:hover {
    color: #afafaf
}

.button-group.clear .button.disabled-link-text:focus,
.button-group.clear .button.disabled-link-text:hover,
.button-group.clear.disabled-link-text .button:focus,
.button-group.clear.disabled-link-text .button:hover {
    color: #585858
}

.button-group.clear .button.secondary,
.button-group.clear .button.secondary.disabled,
.button-group.clear .button.secondary.disabled:focus,
.button-group.clear .button.secondary.disabled:hover,
.button-group.clear .button.secondary[disabled],
.button-group.clear .button.secondary[disabled]:focus,
.button-group.clear .button.secondary[disabled]:hover,
.button-group.clear.secondary .button,
.button-group.clear.secondary .button.disabled,
.button-group.clear.secondary .button.disabled:focus,
.button-group.clear.secondary .button.disabled:hover,
.button-group.clear.secondary .button[disabled],
.button-group.clear.secondary .button[disabled]:focus,
.button-group.clear.secondary .button[disabled]:hover {
    color: #2070c0
}

.button-group.clear .button.secondary:focus,
.button-group.clear .button.secondary:hover,
.button-group.clear.secondary .button:focus,
.button-group.clear.secondary .button:hover {
    color: #0046a3
}

.button-group.clear .button.success,
.button-group.clear .button.success.disabled,
.button-group.clear .button.success.disabled:focus,
.button-group.clear .button.success.disabled:hover,
.button-group.clear .button.success[disabled],
.button-group.clear .button.success[disabled]:focus,
.button-group.clear .button.success[disabled]:hover,
.button-group.clear.success .button,
.button-group.clear.success .button.disabled,
.button-group.clear.success .button.disabled:focus,
.button-group.clear.success .button.disabled:hover,
.button-group.clear.success .button[disabled],
.button-group.clear.success .button[disabled]:focus,
.button-group.clear.success .button[disabled]:hover {
    color: #3adb76
}

.button-group.clear .button.success:focus,
.button-group.clear .button.success:hover,
.button-group.clear.success .button:focus,
.button-group.clear.success .button:hover {
    color: #157539
}

.button-group.clear .button.warning,
.button-group.clear .button.warning.disabled,
.button-group.clear .button.warning.disabled:focus,
.button-group.clear .button.warning.disabled:hover,
.button-group.clear .button.warning[disabled],
.button-group.clear .button.warning[disabled]:focus,
.button-group.clear .button.warning[disabled]:hover,
.button-group.clear.warning .button,
.button-group.clear.warning .button.disabled,
.button-group.clear.warning .button.disabled:focus,
.button-group.clear.warning .button.disabled:hover,
.button-group.clear.warning .button[disabled],
.button-group.clear.warning .button[disabled]:focus,
.button-group.clear.warning .button[disabled]:hover {
    color: #ffae00
}

.button-group.clear .button.warning:focus,
.button-group.clear .button.warning:hover,
.button-group.clear.warning .button:focus,
.button-group.clear.warning .button:hover {
    color: #805700
}

.button-group.clear .button.alert,
.button-group.clear .button.alert.disabled,
.button-group.clear .button.alert.disabled:focus,
.button-group.clear .button.alert.disabled:hover,
.button-group.clear .button.alert[disabled],
.button-group.clear .button.alert[disabled]:focus,
.button-group.clear .button.alert[disabled]:hover,
.button-group.clear.alert .button,
.button-group.clear.alert .button.disabled,
.button-group.clear.alert .button.disabled:focus,
.button-group.clear.alert .button.disabled:hover,
.button-group.clear.alert .button[disabled],
.button-group.clear.alert .button[disabled]:focus,
.button-group.clear.alert .button[disabled]:hover {
    color: #bd0000
}

.button-group.clear .button.alert:focus,
.button-group.clear .button.alert:hover,
.button-group.clear.alert .button:focus,
.button-group.clear.alert .button:hover {
    color: #5f0000
}

.button-group.clear .button.v2-alert,
.button-group.clear .button.v2-alert.disabled,
.button-group.clear .button.v2-alert.disabled:focus,
.button-group.clear .button.v2-alert.disabled:hover,
.button-group.clear .button.v2-alert[disabled],
.button-group.clear .button.v2-alert[disabled]:focus,
.button-group.clear .button.v2-alert[disabled]:hover,
.button-group.clear.v2-alert .button,
.button-group.clear.v2-alert .button.disabled,
.button-group.clear.v2-alert .button.disabled:focus,
.button-group.clear.v2-alert .button.disabled:hover,
.button-group.clear.v2-alert .button[disabled],
.button-group.clear.v2-alert .button[disabled]:focus,
.button-group.clear.v2-alert .button[disabled]:hover {
    color: #a2260b
}

.button-group.clear .button.v2-alert:focus,
.button-group.clear .button.v2-alert:hover,
.button-group.clear.v2-alert .button:focus,
.button-group.clear.v2-alert .button:hover {
    color: #511306
}

.button-group.clear .button.v2-black,
.button-group.clear .button.v2-black.disabled,
.button-group.clear .button.v2-black.disabled:focus,
.button-group.clear .button.v2-black.disabled:hover,
.button-group.clear .button.v2-black[disabled],
.button-group.clear .button.v2-black[disabled]:focus,
.button-group.clear .button.v2-black[disabled]:hover,
.button-group.clear.v2-black .button,
.button-group.clear.v2-black .button.disabled,
.button-group.clear.v2-black .button.disabled:focus,
.button-group.clear.v2-black .button.disabled:hover,
.button-group.clear.v2-black .button[disabled],
.button-group.clear.v2-black .button[disabled]:focus,
.button-group.clear.v2-black .button[disabled]:hover {
    color: #030303
}

.button-group.clear .button.v2-black:focus,
.button-group.clear .button.v2-black:hover,
.button-group.clear.v2-black .button:focus,
.button-group.clear.v2-black .button:hover {
    color: #020202
}

.button-group.clear .button.v2-gray,
.button-group.clear .button.v2-gray.disabled,
.button-group.clear .button.v2-gray.disabled:focus,
.button-group.clear .button.v2-gray.disabled:hover,
.button-group.clear .button.v2-gray[disabled],
.button-group.clear .button.v2-gray[disabled]:focus,
.button-group.clear .button.v2-gray[disabled]:hover,
.button-group.clear.v2-gray .button,
.button-group.clear.v2-gray .button.disabled,
.button-group.clear.v2-gray .button.disabled:focus,
.button-group.clear.v2-gray .button.disabled:hover,
.button-group.clear.v2-gray .button[disabled],
.button-group.clear.v2-gray .button[disabled]:focus,
.button-group.clear.v2-gray .button[disabled]:hover {
    color: #8c8c8c
}

.button-group.clear .button.v2-gray:focus,
.button-group.clear .button.v2-gray:hover,
.button-group.clear.v2-gray .button:focus,
.button-group.clear.v2-gray .button:hover {
    color: #464646
}

.button-group.clear .button.light-green,
.button-group.clear .button.light-green.disabled,
.button-group.clear .button.light-green.disabled:focus,
.button-group.clear .button.light-green.disabled:hover,
.button-group.clear .button.light-green[disabled],
.button-group.clear .button.light-green[disabled]:focus,
.button-group.clear .button.light-green[disabled]:hover,
.button-group.clear.light-green .button,
.button-group.clear.light-green .button.disabled,
.button-group.clear.light-green .button.disabled:focus,
.button-group.clear.light-green .button.disabled:hover,
.button-group.clear.light-green .button[disabled],
.button-group.clear.light-green .button[disabled]:focus,
.button-group.clear.light-green .button[disabled]:hover {
    color: #00a651
}

.button-group.clear .button.light-green:focus,
.button-group.clear .button.light-green:hover,
.button-group.clear.light-green .button:focus,
.button-group.clear.light-green .button:hover {
    color: #005329
}

.button-group.clear .button.tab-background,
.button-group.clear .button.tab-background.disabled,
.button-group.clear .button.tab-background.disabled:focus,
.button-group.clear .button.tab-background.disabled:hover,
.button-group.clear .button.tab-background[disabled],
.button-group.clear .button.tab-background[disabled]:focus,
.button-group.clear .button.tab-background[disabled]:hover,
.button-group.clear.tab-background .button,
.button-group.clear.tab-background .button.disabled,
.button-group.clear.tab-background .button.disabled:focus,
.button-group.clear.tab-background .button.disabled:hover,
.button-group.clear.tab-background .button[disabled],
.button-group.clear.tab-background .button[disabled]:focus,
.button-group.clear.tab-background .button[disabled]:hover {
    color: #fafafa
}

.button-group.clear .button.tab-background:focus,
.button-group.clear .button.tab-background:hover,
.button-group.clear.tab-background .button:focus,
.button-group.clear.tab-background .button:hover {
    color: #7d7d7d
}

.button-group.clear .button.tooltip-color,
.button-group.clear .button.tooltip-color.disabled,
.button-group.clear .button.tooltip-color.disabled:focus,
.button-group.clear .button.tooltip-color.disabled:hover,
.button-group.clear .button.tooltip-color[disabled],
.button-group.clear .button.tooltip-color[disabled]:focus,
.button-group.clear .button.tooltip-color[disabled]:hover,
.button-group.clear.tooltip-color .button,
.button-group.clear.tooltip-color .button.disabled,
.button-group.clear.tooltip-color .button.disabled:focus,
.button-group.clear.tooltip-color .button.disabled:hover,
.button-group.clear.tooltip-color .button[disabled],
.button-group.clear.tooltip-color .button[disabled]:focus,
.button-group.clear.tooltip-color .button[disabled]:hover {
    color: #c4c4c4
}

.button-group.clear .button.tooltip-color:focus,
.button-group.clear .button.tooltip-color:hover,
.button-group.clear.tooltip-color .button:focus,
.button-group.clear.tooltip-color .button:hover {
    color: #626262
}

.button-group.clear .button.tooltip-label-color,
.button-group.clear .button.tooltip-label-color.disabled,
.button-group.clear .button.tooltip-label-color.disabled:focus,
.button-group.clear .button.tooltip-label-color.disabled:hover,
.button-group.clear .button.tooltip-label-color[disabled],
.button-group.clear .button.tooltip-label-color[disabled]:focus,
.button-group.clear .button.tooltip-label-color[disabled]:hover,
.button-group.clear.tooltip-label-color .button,
.button-group.clear.tooltip-label-color .button.disabled,
.button-group.clear.tooltip-label-color .button.disabled:focus,
.button-group.clear.tooltip-label-color .button.disabled:hover,
.button-group.clear.tooltip-label-color .button[disabled],
.button-group.clear.tooltip-label-color .button[disabled]:focus,
.button-group.clear.tooltip-label-color .button[disabled]:hover {
    color: rgba(0, 0, 0, .4)
}

.button-group.clear .button.tooltip-label-color:focus,
.button-group.clear .button.tooltip-label-color:hover,
.button-group.clear.tooltip-label-color .button:focus,
.button-group.clear.tooltip-label-color .button:hover {
    color: rgba(0, 0, 0, .4)
}

.button-group.clear .button.dashed-border,
.button-group.clear .button.dashed-border.disabled,
.button-group.clear .button.dashed-border.disabled:focus,
.button-group.clear .button.dashed-border.disabled:hover,
.button-group.clear .button.dashed-border[disabled],
.button-group.clear .button.dashed-border[disabled]:focus,
.button-group.clear .button.dashed-border[disabled]:hover,
.button-group.clear.dashed-border .button,
.button-group.clear.dashed-border .button.disabled,
.button-group.clear.dashed-border .button.disabled:focus,
.button-group.clear.dashed-border .button.disabled:hover,
.button-group.clear.dashed-border .button[disabled],
.button-group.clear.dashed-border .button[disabled]:focus,
.button-group.clear.dashed-border .button[disabled]:hover {
    color: #cfcfcf
}

.button-group.clear .button.dashed-border:focus,
.button-group.clear .button.dashed-border:hover,
.button-group.clear.dashed-border .button:focus,
.button-group.clear.dashed-border .button:hover {
    color: #686868
}

.button-group.clear .button.home-row-background,
.button-group.clear .button.home-row-background.disabled,
.button-group.clear .button.home-row-background.disabled:focus,
.button-group.clear .button.home-row-background.disabled:hover,
.button-group.clear .button.home-row-background[disabled],
.button-group.clear .button.home-row-background[disabled]:focus,
.button-group.clear .button.home-row-background[disabled]:hover,
.button-group.clear.home-row-background .button,
.button-group.clear.home-row-background .button.disabled,
.button-group.clear.home-row-background .button.disabled:focus,
.button-group.clear.home-row-background .button.disabled:hover,
.button-group.clear.home-row-background .button[disabled],
.button-group.clear.home-row-background .button[disabled]:focus,
.button-group.clear.home-row-background .button[disabled]:hover {
    color: #f6f6f6
}

.button-group.clear .button.home-row-background:focus,
.button-group.clear .button.home-row-background:hover,
.button-group.clear.home-row-background .button:focus,
.button-group.clear.home-row-background .button:hover {
    color: #7b7b7b
}

.button-group.clear .button.gray-odd-row,
.button-group.clear .button.gray-odd-row.disabled,
.button-group.clear .button.gray-odd-row.disabled:focus,
.button-group.clear .button.gray-odd-row.disabled:hover,
.button-group.clear .button.gray-odd-row[disabled],
.button-group.clear .button.gray-odd-row[disabled]:focus,
.button-group.clear .button.gray-odd-row[disabled]:hover,
.button-group.clear.gray-odd-row .button,
.button-group.clear.gray-odd-row .button.disabled,
.button-group.clear.gray-odd-row .button.disabled:focus,
.button-group.clear.gray-odd-row .button.disabled:hover,
.button-group.clear.gray-odd-row .button[disabled],
.button-group.clear.gray-odd-row .button[disabled]:focus,
.button-group.clear.gray-odd-row .button[disabled]:hover {
    color: #e8e8e8
}

.button-group.clear .button.gray-odd-row:focus,
.button-group.clear .button.gray-odd-row:hover,
.button-group.clear.gray-odd-row .button:focus,
.button-group.clear.gray-odd-row .button:hover {
    color: #747474
}

.button-group.clear .button.table-odd-row,
.button-group.clear .button.table-odd-row.disabled,
.button-group.clear .button.table-odd-row.disabled:focus,
.button-group.clear .button.table-odd-row.disabled:hover,
.button-group.clear .button.table-odd-row[disabled],
.button-group.clear .button.table-odd-row[disabled]:focus,
.button-group.clear .button.table-odd-row[disabled]:hover,
.button-group.clear.table-odd-row .button,
.button-group.clear.table-odd-row .button.disabled,
.button-group.clear.table-odd-row .button.disabled:focus,
.button-group.clear.table-odd-row .button.disabled:hover,
.button-group.clear.table-odd-row .button[disabled],
.button-group.clear.table-odd-row .button[disabled]:focus,
.button-group.clear.table-odd-row .button[disabled]:hover {
    color: #f8f8f8
}

.button-group.clear .button.table-odd-row:focus,
.button-group.clear .button.table-odd-row:hover,
.button-group.clear.table-odd-row .button:focus,
.button-group.clear.table-odd-row .button:hover {
    color: #7c7c7c
}

.button-group.clear .button.table-accent,
.button-group.clear .button.table-accent.disabled,
.button-group.clear .button.table-accent.disabled:focus,
.button-group.clear .button.table-accent.disabled:hover,
.button-group.clear .button.table-accent[disabled],
.button-group.clear .button.table-accent[disabled]:focus,
.button-group.clear .button.table-accent[disabled]:hover,
.button-group.clear.table-accent .button,
.button-group.clear.table-accent .button.disabled,
.button-group.clear.table-accent .button.disabled:focus,
.button-group.clear.table-accent .button.disabled:hover,
.button-group.clear.table-accent .button[disabled],
.button-group.clear.table-accent .button[disabled]:focus,
.button-group.clear.table-accent .button[disabled]:hover {
    color: #e6f4ed
}

.button-group.clear .button.table-accent:focus,
.button-group.clear .button.table-accent:hover,
.button-group.clear.table-accent .button:focus,
.button-group.clear.table-accent .button:hover {
    color: #48a577
}

.button-group.clear .button.table-dark-odd-row,
.button-group.clear .button.table-dark-odd-row.disabled,
.button-group.clear .button.table-dark-odd-row.disabled:focus,
.button-group.clear .button.table-dark-odd-row.disabled:hover,
.button-group.clear .button.table-dark-odd-row[disabled],
.button-group.clear .button.table-dark-odd-row[disabled]:focus,
.button-group.clear .button.table-dark-odd-row[disabled]:hover,
.button-group.clear.table-dark-odd-row .button,
.button-group.clear.table-dark-odd-row .button.disabled,
.button-group.clear.table-dark-odd-row .button.disabled:focus,
.button-group.clear.table-dark-odd-row .button.disabled:hover,
.button-group.clear.table-dark-odd-row .button[disabled],
.button-group.clear.table-dark-odd-row .button[disabled]:focus,
.button-group.clear.table-dark-odd-row .button[disabled]:hover {
    color: #e0e0e0
}

.button-group.clear .button.table-dark-odd-row:focus,
.button-group.clear .button.table-dark-odd-row:hover,
.button-group.clear.table-dark-odd-row .button:focus,
.button-group.clear.table-dark-odd-row .button:hover {
    color: #707070
}

.button-group.clear .button.input-border,
.button-group.clear .button.input-border.disabled,
.button-group.clear .button.input-border.disabled:focus,
.button-group.clear .button.input-border.disabled:hover,
.button-group.clear .button.input-border[disabled],
.button-group.clear .button.input-border[disabled]:focus,
.button-group.clear .button.input-border[disabled]:hover,
.button-group.clear.input-border .button,
.button-group.clear.input-border .button.disabled,
.button-group.clear.input-border .button.disabled:focus,
.button-group.clear.input-border .button.disabled:hover,
.button-group.clear.input-border .button[disabled],
.button-group.clear.input-border .button[disabled]:focus,
.button-group.clear.input-border .button[disabled]:hover {
    color: #878787
}

.button-group.clear .button.input-border:focus,
.button-group.clear .button.input-border:hover,
.button-group.clear.input-border .button:focus,
.button-group.clear.input-border .button:hover {
    color: #444
}

.button-group.clear .button.input-bg,
.button-group.clear .button.input-bg.disabled,
.button-group.clear .button.input-bg.disabled:focus,
.button-group.clear .button.input-bg.disabled:hover,
.button-group.clear .button.input-bg[disabled],
.button-group.clear .button.input-bg[disabled]:focus,
.button-group.clear .button.input-bg[disabled]:hover,
.button-group.clear.input-bg .button,
.button-group.clear.input-bg .button.disabled,
.button-group.clear.input-bg .button.disabled:focus,
.button-group.clear.input-bg .button.disabled:hover,
.button-group.clear.input-bg .button[disabled],
.button-group.clear.input-bg .button[disabled]:focus,
.button-group.clear.input-bg .button[disabled]:hover {
    color: #fcfcfc
}

.button-group.clear .button.input-bg:focus,
.button-group.clear .button.input-bg:hover,
.button-group.clear.input-bg .button:focus,
.button-group.clear.input-bg .button:hover {
    color: #7e7e7e
}

.button-group.clear .button.paypal-button,
.button-group.clear .button.paypal-button.disabled,
.button-group.clear .button.paypal-button.disabled:focus,
.button-group.clear .button.paypal-button.disabled:hover,
.button-group.clear .button.paypal-button[disabled],
.button-group.clear .button.paypal-button[disabled]:focus,
.button-group.clear .button.paypal-button[disabled]:hover,
.button-group.clear.paypal-button .button,
.button-group.clear.paypal-button .button.disabled,
.button-group.clear.paypal-button .button.disabled:focus,
.button-group.clear.paypal-button .button.disabled:hover,
.button-group.clear.paypal-button .button[disabled],
.button-group.clear.paypal-button .button[disabled]:focus,
.button-group.clear.paypal-button .button[disabled]:hover {
    color: #ffc439
}

.button-group.clear .button.paypal-button:focus,
.button-group.clear .button.paypal-button:hover,
.button-group.clear.paypal-button .button:focus,
.button-group.clear.paypal-button .button:hover {
    color: #9c6e00
}

.button-group.clear .button.light-black,
.button-group.clear .button.light-black.disabled,
.button-group.clear .button.light-black.disabled:focus,
.button-group.clear .button.light-black.disabled:hover,
.button-group.clear .button.light-black[disabled],
.button-group.clear .button.light-black[disabled]:focus,
.button-group.clear .button.light-black[disabled]:hover,
.button-group.clear.light-black .button,
.button-group.clear.light-black .button.disabled,
.button-group.clear.light-black .button.disabled:focus,
.button-group.clear.light-black .button.disabled:hover,
.button-group.clear.light-black .button[disabled],
.button-group.clear.light-black .button[disabled]:focus,
.button-group.clear.light-black .button[disabled]:hover {
    color: #555
}

.button-group.clear .button.light-black:focus,
.button-group.clear .button.light-black:hover,
.button-group.clear.light-black .button:focus,
.button-group.clear.light-black .button:hover {
    color: #2b2b2b
}

.button-group.clear .button.copart,
.button-group.clear .button.copart.disabled,
.button-group.clear .button.copart.disabled:focus,
.button-group.clear .button.copart.disabled:hover,
.button-group.clear .button.copart[disabled],
.button-group.clear .button.copart[disabled]:focus,
.button-group.clear .button.copart[disabled]:hover,
.button-group.clear.copart .button,
.button-group.clear.copart .button.disabled,
.button-group.clear.copart .button.disabled:focus,
.button-group.clear.copart .button.disabled:hover,
.button-group.clear.copart .button[disabled],
.button-group.clear.copart .button[disabled]:focus,
.button-group.clear.copart .button[disabled]:hover {
    color: #3195ff
}

.button-group.clear .button.copart:focus,
.button-group.clear .button.copart:hover,
.button-group.clear.copart .button:focus,
.button-group.clear.copart .button:hover {
    color: #004a98
}

.button-group.no-gaps .button {
    margin-right: -.0625rem
}

.button-group.no-gaps .button + .button {
    border-left-color: transparent
}

.button-group.stacked .button,
.button-group.stacked-for-medium .button,
.button-group.stacked-for-small .button {
    width: 100%
}

.button-group.stacked .button:last-child,
.button-group.stacked-for-medium .button:last-child,
.button-group.stacked-for-small .button:last-child {
    margin-bottom: 0
}

.button-group.stacked-for-medium.expanded,
.button-group.stacked-for-small.expanded,
.button-group.stacked.expanded {
    margin-right: -1px
}

.button-group.stacked-for-medium.expanded::after,
.button-group.stacked-for-medium.expanded::before,
.button-group.stacked-for-small.expanded::after,
.button-group.stacked-for-small.expanded::before,
.button-group.stacked.expanded::after,
.button-group.stacked.expanded::before {
    display: none
}

.button-group.stacked-for-medium.expanded .button:first-child:last-child,
.button-group.stacked-for-small.expanded .button:first-child:last-child,
.button-group.stacked.expanded .button:first-child:last-child {
    width: calc(100% - 1px)
}

.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2),
.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2),
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button,
.button-group.stacked.expanded .button:first-child:nth-last-child(2),
.button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
    display: inline-block;
    width: calc(50% - 1px);
    margin-right: 1px
}

.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child,
.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):last-child,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):last-child,
.button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child,
.button-group.stacked.expanded .button:first-child:nth-last-child(2):last-child {
    margin-right: -6px
}

.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3),
.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3),
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button,
.button-group.stacked.expanded .button:first-child:nth-last-child(3),
.button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
    display: inline-block;
    width: calc(33.3333333333% - 1px);
    margin-right: 1px
}

.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child,
.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):last-child,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):last-child,
.button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child,
.button-group.stacked.expanded .button:first-child:nth-last-child(3):last-child {
    margin-right: -6px
}

.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4),
.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4),
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button,
.button-group.stacked.expanded .button:first-child:nth-last-child(4),
.button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
    display: inline-block;
    width: calc(25% - 1px);
    margin-right: 1px
}

.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child,
.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):last-child,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):last-child,
.button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child,
.button-group.stacked.expanded .button:first-child:nth-last-child(4):last-child {
    margin-right: -6px
}

.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5),
.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5),
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button,
.button-group.stacked.expanded .button:first-child:nth-last-child(5),
.button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
    display: inline-block;
    width: calc(20% - 1px);
    margin-right: 1px
}

.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child,
.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):last-child,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):last-child,
.button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child,
.button-group.stacked.expanded .button:first-child:nth-last-child(5):last-child {
    margin-right: -6px
}

.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6),
.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6),
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button,
.button-group.stacked.expanded .button:first-child:nth-last-child(6),
.button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
    display: inline-block;
    width: calc(16.6666666667% - 1px);
    margin-right: 1px
}

.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child,
.button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):last-child,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child,
.button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):last-child,
.button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child,
.button-group.stacked.expanded .button:first-child:nth-last-child(6):last-child {
    margin-right: -6px
}

@media print, screen and (min-width: 50.0625em) {
    .button-group.stacked-for-small .button {
        width: auto;
        margin-bottom: 0
    }
}

@media print, screen and (min-width: 64.0625em) {
    .button-group.stacked-for-medium .button {
        width: auto;
        margin-bottom: 0
    }
}

@media print, screen and (max-width: 50.06125em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0
    }
}

@media print, screen and (max-width: 64.06125em) {
    .button-group.stacked-for-medium.expanded {
        display: block
    }

    .button-group.stacked-for-medium.expanded .button {
        display: block;
        margin-right: 0
    }
}

.callout {
    position: relative;
    margin: 0;
    padding: 1rem;
    border: none;
    border-radius: 0;
    background-color: #e0e2e0;
    color: rgba(255, 255, 255, .8)
}

.callout > :first-child {
    margin-top: 0
}

.callout > :last-child {
    margin-bottom: 0
}

.callout.cta {
    background-color: #ffedd6;
    color: rgba(255, 255, 255, .8)
}

.callout.primary {
    background-color: #cbffe5;
    color: rgba(255, 255, 255, .8)
}

.callout.primary-accent {
    background-color: #c6ffe2;
    color: rgba(255, 255, 255, .8)
}

.callout.primary-blue {
    background-color: #e2effd;
    color: rgba(255, 255, 255, .8)
}

.callout.primary-blue-bright {
    background-color: #e8f3ff;
    color: rgba(255, 255, 255, .8)
}

.callout.primary-blue-accent {
    background-color: #cee7ff;
    color: rgba(255, 255, 255, .8)
}

.callout.link {
    background-color: #e2effd;
    color: rgba(255, 255, 255, .8)
}

.callout.link-active {
    background-color: #cee7ff;
    color: rgba(255, 255, 255, .8)
}

.callout.link-hover {
    background-color: #faede0;
    color: rgba(255, 255, 255, .8)
}

.callout.disabled-link {
    background-color: #f8f8f8;
    color: rgba(255, 255, 255, .8)
}

.callout.disabled-link-text {
    background-color: #f3f3f3;
    color: rgba(255, 255, 255, .8)
}

.callout.secondary {
    background-color: #e3efff;
    color: rgba(255, 255, 255, .8)
}

.callout.success {
    background-color: #e1faea;
    color: rgba(255, 255, 255, .8)
}

.callout.warning {
    background-color: #fff3d9;
    color: rgba(255, 255, 255, .8)
}

.callout.alert {
    background-color: #ffcfcf;
    color: rgba(255, 255, 255, .8)
}

.callout.v2-alert {
    background-color: #fcd8d0;
    color: rgba(255, 255, 255, .8)
}

.callout.v2-black {
    background-color: #d9d9d9;
    color: rgba(255, 255, 255, .8)
}

.callout.v2-gray {
    background-color: #eee;
    color: rgba(255, 255, 255, .8)
}

.callout.light-green {
    background-color: #cbffe5;
    color: rgba(255, 255, 255, .8)
}

.callout.tab-background {
    background-color: #fefefe;
    color: rgba(255, 255, 255, .8)
}

.callout.tooltip-color {
    background-color: #f6f6f6;
    color: rgba(255, 255, 255, .8)
}

.callout.tooltip-label-color {
    background-color: rgba(217, 217, 217, .4);
    color: rgba(255, 255, 255, .8)
}

.callout.dashed-border {
    background-color: #f8f8f8;
    color: rgba(255, 255, 255, .8)
}

.callout.home-row-background {
    background-color: #fefefe;
    color: rgba(255, 255, 255, .8)
}

.callout.gray-odd-row {
    background-color: #fcfcfc;
    color: rgba(255, 255, 255, .8)
}

.callout.table-odd-row {
    background-color: #fefefe;
    color: rgba(255, 255, 255, .8)
}

.callout.table-accent {
    background-color: #fbfdfc;
    color: rgba(255, 255, 255, .8)
}

.callout.table-dark-odd-row {
    background-color: #fafafa;
    color: rgba(255, 255, 255, .8)
}

.callout.input-border {
    background-color: #ededed;
    color: rgba(255, 255, 255, .8)
}

.callout.input-bg {
    background-color: #fff;
    color: rgba(255, 255, 255, .8)
}

.callout.paypal-button {
    background-color: #fff6e1;
    color: rgba(255, 255, 255, .8)
}

.callout.light-black {
    background-color: #e6e6e6;
    color: rgba(255, 255, 255, .8)
}

.callout.copart {
    background-color: #e0efff;
    color: rgba(255, 255, 255, .8)
}

.callout.small {
    padding-top: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem
}

.callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem
}

.card {
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    overflow: hidden;
    color: #000
}

.card > :last-child {
    margin-bottom: 0
}

.card-divider {
    padding: 1rem;
    background: #e6e6e6
}

.card-divider > :last-child {
    margin-bottom: 0
}

.card-section {
    padding: 1rem
}

.card-section > :last-child {
    margin-bottom: 0
}

.card-image {
    min-height: 1px
}

.close-button {
    position: absolute;
    z-index: 10;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus,
.close-button:hover {
    color: #000
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button,
.close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative
}

[data-whatinput=mouse] .menu li {
    outline: 0
}

.menu .button,
.menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: .7rem 1rem
}

.menu a,
.menu button,
.menu input,
.menu select {
    margin-bottom: 0
}

.menu input {
    display: inline-block
}

.menu li,
.menu.horizontal li {
    display: inline-block
}

.menu.vertical li {
    display: block
}

.menu.expanded {
    display: table;
    width: 100%
}

.menu.expanded > li {
    display: table-cell;
    vertical-align: middle
}

.menu.simple li + li {
    margin-left: 1rem
}

.menu.simple a {
    padding: 0
}

@media print, screen and (min-width: 50.0625em) {
    .menu.medium-horizontal li {
        display: inline-block
    }

    .menu.medium-vertical li {
        display: block
    }

    .menu.medium-expanded {
        display: table;
        width: 100%
    }

    .menu.medium-expanded > li {
        display: table-cell;
        vertical-align: middle
    }

    .menu.medium-simple {
        display: table;
        width: 100%
    }

    .menu.medium-simple > li {
        display: table-cell;
        vertical-align: middle
    }
}

@media print, screen and (min-width: 64.0625em) {
    .menu.large-horizontal li {
        display: inline-block
    }

    .menu.large-vertical li {
        display: block
    }

    .menu.large-expanded {
        display: table;
        width: 100%
    }

    .menu.large-expanded > li {
        display: table-cell;
        vertical-align: middle
    }

    .menu.large-simple {
        display: table;
        width: 100%
    }

    .menu.large-simple > li {
        display: table-cell;
        vertical-align: middle
    }
}

@media screen and (min-width: 75.0625em) {
    .menu.xlarge-horizontal li {
        display: inline-block
    }

    .menu.xlarge-vertical li {
        display: block
    }

    .menu.xlarge-expanded {
        display: table;
        width: 100%
    }

    .menu.xlarge-expanded > li {
        display: table-cell;
        vertical-align: middle
    }

    .menu.xlarge-simple {
        display: table;
        width: 100%
    }

    .menu.xlarge-simple > li {
        display: table-cell;
        vertical-align: middle
    }
}

@media screen and (min-width: 90.0625em) {
    .menu.xxlarge-horizontal li {
        display: inline-block
    }

    .menu.xxlarge-vertical li {
        display: block
    }

    .menu.xxlarge-expanded {
        display: table;
        width: 100%
    }

    .menu.xxlarge-expanded > li {
        display: table-cell;
        vertical-align: middle
    }

    .menu.xxlarge-simple {
        display: table;
        width: 100%
    }

    .menu.xxlarge-simple > li {
        display: table-cell;
        vertical-align: middle
    }
}

@media screen and (min-width: 100.0625em) {
    .menu.extralarge-horizontal li {
        display: inline-block
    }

    .menu.extralarge-vertical li {
        display: block
    }

    .menu.extralarge-expanded {
        display: table;
        width: 100%
    }

    .menu.extralarge-expanded > li {
        display: table-cell;
        vertical-align: middle
    }

    .menu.extralarge-simple {
        display: table;
        width: 100%
    }

    .menu.extralarge-simple > li {
        display: table-cell;
        vertical-align: middle
    }
}

@media screen and (min-width: 120.0625em) {
    .menu.extremelylarge-horizontal li {
        display: inline-block
    }

    .menu.extremelylarge-vertical li {
        display: block
    }

    .menu.extremelylarge-expanded {
        display: table;
        width: 100%
    }

    .menu.extremelylarge-expanded > li {
        display: table-cell;
        vertical-align: middle
    }

    .menu.extremelylarge-simple {
        display: table;
        width: 100%
    }

    .menu.extremelylarge-simple > li {
        display: table-cell;
        vertical-align: middle
    }
}

.menu.nested {
    margin-right: 0;
    margin-left: 1rem
}

.menu.icons i,
.menu.icons img,
.menu.icons svg {
    vertical-align: middle
}

.menu.icons i + span,
.menu.icons img + span,
.menu.icons svg + span {
    vertical-align: middle
}

.menu.icon-bottom i,
.menu.icon-bottom img,
.menu.icon-bottom svg,
.menu.icon-left i,
.menu.icon-left img,
.menu.icon-left svg,
.menu.icon-right i,
.menu.icon-right img,
.menu.icon-right svg,
.menu.icon-top i,
.menu.icon-top img,
.menu.icon-top svg {
    vertical-align: middle
}

.menu.icon-bottom i + span,
.menu.icon-bottom img + span,
.menu.icon-bottom svg + span,
.menu.icon-left i + span,
.menu.icon-left img + span,
.menu.icon-left svg + span,
.menu.icon-right i + span,
.menu.icon-right img + span,
.menu.icon-right svg + span,
.menu.icon-top i + span,
.menu.icon-top img + span,
.menu.icon-top svg + span {
    vertical-align: middle
}

.menu.icon-left li a i,
.menu.icon-left li a img,
.menu.icon-left li a svg,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a img,
.menu.nested.icon-left li a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu.icon-right li a i,
.menu.icon-right li a img,
.menu.icon-right li a svg,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a img,
.menu.nested.icon-right li a svg {
    margin-left: .25rem;
    display: inline-block
}

.menu.icon-top li a,
.menu.nested.icon-top li a {
    text-align: center
}

.menu.icon-top li a i,
.menu.icon-top li a img,
.menu.icon-top li a svg,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a img,
.menu.nested.icon-top li a svg {
    display: block;
    margin: 0 auto .25rem
}

.menu.icon-bottom li a,
.menu.nested.icon-bottom li a {
    text-align: center
}

.menu.icon-bottom li a i,
.menu.icon-bottom li a img,
.menu.icon-bottom li a svg,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a svg {
    display: block;
    margin: .25rem auto 0
}

.menu .is-active > a {
    background: #00a651;
    color: #000
}

.menu .active > a {
    background: #00a651;
    color: #000
}

.menu.align-left {
    text-align: left
}

.menu.align-right {
    text-align: right
}

.menu.align-right .submenu li {
    text-align: left
}

.menu.align-right.vertical .submenu li {
    text-align: right
}

.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0
}

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

.menu.align-center .submenu li {
    text-align: left
}

.menu .menu-text {
    padding: .7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered > .menu {
    text-align: center
}

.menu-centered > .menu .submenu li {
    text-align: left
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #00a651;
    box-shadow: 0 7px 0 #00a651, 0 14px 0 #00a651;
    content: ""
}

.menu-icon:hover::after {
    background: rgba(0, 166, 81, .8);
    box-shadow: 0 7px 0 rgba(0, 166, 81, .8), 0 14px 0 rgba(0, 166, 81, .8)
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    box-shadow: 0 7px 0 #000, 0 14px 0 #000;
    content: ""
}

.menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block
}

.is-drilldown.animate-height {
    transition: height .5s
}

.drilldown a {
    padding: .7rem 1rem;
    background: #fff
}

.drilldown .is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fff;
    transition: transform .15s linear
}

.drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.drilldown .is-drilldown-submenu.is-closing {
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.drilldown .is-drilldown-submenu a {
    padding: .7rem 1rem
}

.drilldown .nested.is-drilldown-submenu {
    margin-right: 0;
    margin-left: 0
}

.drilldown .drilldown-submenu-cover-previous {
    min-height: 100%
}

.drilldown .is-drilldown-submenu-parent > a {
    position: relative
}

.drilldown .is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #00a651;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #2070c0;
    right: 1rem;
    left: auto
}

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #2070c0 transparent transparent;
    right: auto;
    left: 1rem
}

.drilldown .js-drilldown-back > a::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #00a651 transparent transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: none;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #f6f6f6;
    font-size: 1rem
}

.dropdown-pane.is-opening {
    display: block
}

.dropdown-pane.is-open {
    display: block;
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #2070c0 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.dropdown.menu > li > a {
    background: #fff;
    padding: .7rem 1rem
}

.dropdown.menu > li.is-active > a {
    background: 0 0;
    color: #00a651
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical > li > a::after {
    right: 14px
}

.dropdown.menu.vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #2070c0 transparent transparent;
    right: auto;
    left: 5px
}

.dropdown.menu.vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #2070c0
}

@media print, screen and (min-width: 50.0625em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-bottom-width: 0;
        border-color: #2070c0 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.medium-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-left-width: 0;
        border-color: transparent #2070c0 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.medium-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-right-width: 0;
        border-color: transparent transparent transparent #2070c0
    }
}

@media print, screen and (min-width: 64.0625em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-bottom-width: 0;
        border-color: #2070c0 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.large-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-left-width: 0;
        border-color: transparent #2070c0 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.large-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-right-width: 0;
        border-color: transparent transparent transparent #2070c0
    }
}

@media screen and (min-width: 75.0625em) {
    .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-bottom-width: 0;
        border-color: #2070c0 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xlarge-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-left-width: 0;
        border-color: transparent #2070c0 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-right-width: 0;
        border-color: transparent transparent transparent #2070c0
    }
}

@media screen and (min-width: 90.0625em) {
    .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-bottom-width: 0;
        border-color: #2070c0 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xxlarge-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-left-width: 0;
        border-color: transparent #2070c0 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-right-width: 0;
        border-color: transparent transparent transparent #2070c0
    }
}

@media screen and (min-width: 100.0625em) {
    .dropdown.menu.extralarge-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.extralarge-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.extralarge-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.extralarge-horizontal > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-bottom-width: 0;
        border-color: #2070c0 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.extralarge-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.extralarge-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.extralarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.extralarge-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.extralarge-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-left-width: 0;
        border-color: transparent #2070c0 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.extralarge-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-right-width: 0;
        border-color: transparent transparent transparent #2070c0
    }
}

@media screen and (min-width: 120.0625em) {
    .dropdown.menu.extremelylarge-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.extremelylarge-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.extremelylarge-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.extremelylarge-horizontal > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-bottom-width: 0;
        border-color: #2070c0 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.extremelylarge-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.extremelylarge-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.extremelylarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.extremelylarge-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.extremelylarge-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-left-width: 0;
        border-color: transparent #2070c0 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.extremelylarge-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: "";
        border-right-width: 0;
        border-color: transparent transparent transparent #2070c0
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: none;
    background: #fff
}

.dropdown .is-dropdown-submenu a {
    padding: .7rem 1rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #2070c0 transparent transparent;
    right: auto;
    left: 5px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #2070c0
}

.is-dropdown-submenu > li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.flex-video,
.ratio-image,
.responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video,
.ratio-image embed,
.ratio-image iframe,
.ratio-image object,
.ratio-image video,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-video.widescreen,
.responsive-embed.widescreen,
.widescreen.ratio-image {
    padding-bottom: 56.25%
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #00a651;
    color: #fff
}

.label.cta {
    background: #ec8600;
    color: #000
}

.label.primary {
    background: #00a651;
    color: #000
}

.label.primary-accent {
    background: #008541;
    color: #fff
}

.label.primary-blue {
    background: #2070c0;
    color: #000
}

.label.primary-blue-bright {
    background: #66b2ff;
    color: #000
}

.label.primary-blue-accent {
    background: #005cb8;
    color: #fff
}

.label.link {
    background: #2070c0;
    color: #000
}

.label.link-active {
    background: #005cb8;
    color: #fff
}

.label.link-hover {
    background: #dc8a32;
    color: #000
}

.label.disabled-link {
    background: #d2d2d2;
    color: #000
}

.label.disabled-link-text {
    background: #afafaf;
    color: #000
}

.label.secondary {
    background: #2070c0;
    color: #000
}

.label.success {
    background: #3adb76;
    color: #000
}

.label.warning {
    background: #ffae00;
    color: #000
}

.label.alert {
    background: #bd0000;
    color: #fff
}

.label.v2-alert {
    background: #a2260b;
    color: #fff
}

.label.v2-black {
    background: #030303;
    color: #fff
}

.label.v2-gray {
    background: #8c8c8c;
    color: #000
}

.label.light-green {
    background: #00a651;
    color: #000
}

.label.tab-background {
    background: #fafafa;
    color: #000
}

.label.tooltip-color {
    background: #c4c4c4;
    color: #000
}

.label.tooltip-label-color {
    background: rgba(0, 0, 0, .4);
    color: #fff
}

.label.dashed-border {
    background: #cfcfcf;
    color: #000
}

.label.home-row-background {
    background: #f6f6f6;
    color: #000
}

.label.gray-odd-row {
    background: #e8e8e8;
    color: #000
}

.label.table-odd-row {
    background: #f8f8f8;
    color: #000
}

.label.table-accent {
    background: #e6f4ed;
    color: #000
}

.label.table-dark-odd-row {
    background: #e0e0e0;
    color: #000
}

.label.input-border {
    background: #878787;
    color: #000
}

.label.input-bg {
    background: #fcfcfc;
    color: #000
}

.label.paypal-button {
    background: #ffc439;
    color: #000
}

.label.light-black {
    background: #555;
    color: #fff
}

.label.copart {
    background: #3195ff;
    color: #000
}

.media-object {
    display: block;
    margin-bottom: 0
}

.media-object img {
    max-width: none
}

.media-object-section {
    display: table-cell;
    vertical-align: top
}

.media-object-section:first-child {
    padding-right: 1.2rem
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1.2rem
}

.media-object-section > :last-child {
    margin-bottom: 0
}

@media print, screen and (max-width: 50.06125em) {
    .stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1.2rem;
        display: block
    }

    .stack-for-small .media-object-section img {
        width: 100%
    }
}

.media-object-section.middle {
    vertical-align: middle
}

.media-object-section.bottom {
    vertical-align: bottom
}

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease, visibility .5s ease;
    background: rgba(255, 255, 255, .25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible
}

.js-off-canvas-overlay.is-closable {
    cursor: pointer
}

.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute
}

.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed
}

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas {
    position: fixed;
    z-index: 12;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-push {
    z-index: 12
}

.off-canvas.is-closed {
    visibility: hidden
}

.off-canvas.is-transition-overlap {
    z-index: 13
}

.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(0, 0, 0, .7)
}

.off-canvas.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 12;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-push {
    z-index: 12
}

.off-canvas-absolute.is-closed {
    visibility: hidden
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 13
}

.off-canvas-absolute.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(0, 0, 0, .7)
}

.off-canvas-absolute.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.position-left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 250px;
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

@media print, screen and (min-width: 50.0625em) {
    .position-left {
        width: 250px;
        -ms-transform: translateX(-250px);
        transform: translateX(-250px)
    }
}

.off-canvas-content .off-canvas.position-left {
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

@media print, screen and (min-width: 50.0625em) {
    .off-canvas-content .off-canvas.position-left {
        -ms-transform: translateX(-250px);
        transform: translateX(-250px)
    }
}

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-content.is-open-left.has-transition-push {
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

@media print, screen and (min-width: 50.0625em) {
    .off-canvas-content.is-open-left.has-transition-push {
        -ms-transform: translateX(250px);
        transform: translateX(250px)
    }
}

.position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(0, 0, 0, .25)
}

.position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 250px;
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

@media print, screen and (min-width: 50.0625em) {
    .position-right {
        width: 250px;
        -ms-transform: translateX(250px);
        transform: translateX(250px)
    }
}

.off-canvas-content .off-canvas.position-right {
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

@media print, screen and (min-width: 50.0625em) {
    .off-canvas-content .off-canvas.position-right {
        -ms-transform: translateX(250px);
        transform: translateX(250px)
    }
}

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-content.is-open-right.has-transition-push {
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

@media print, screen and (min-width: 50.0625em) {
    .off-canvas-content.is-open-right.has-transition-push {
        -ms-transform: translateX(-250px);
        transform: translateX(-250px)
    }
}

.position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(0, 0, 0, .25)
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 250px;
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

@media print, screen and (min-width: 50.0625em) {
    .position-top {
        height: 250px;
        -ms-transform: translateY(-250px);
        transform: translateY(-250px)
    }
}

.off-canvas-content .off-canvas.position-top {
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

@media print, screen and (min-width: 50.0625em) {
    .off-canvas-content .off-canvas.position-top {
        -ms-transform: translateY(-250px);
        transform: translateY(-250px)
    }
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-content.is-open-top.has-transition-push {
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

@media print, screen and (min-width: 50.0625em) {
    .off-canvas-content.is-open-top.has-transition-push {
        -ms-transform: translateY(250px);
        transform: translateY(250px)
    }
}

.position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(0, 0, 0, .25)
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 250px;
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

@media print, screen and (min-width: 50.0625em) {
    .position-bottom {
        height: 250px;
        -ms-transform: translateY(250px);
        transform: translateY(250px)
    }
}

.off-canvas-content .off-canvas.position-bottom {
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

@media print, screen and (min-width: 50.0625em) {
    .off-canvas-content .off-canvas.position-bottom {
        -ms-transform: translateY(250px);
        transform: translateY(250px)
    }
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-content.is-open-bottom.has-transition-push {
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

@media print, screen and (min-width: 50.0625em) {
    .off-canvas-content.is-open-bottom.has-transition-push {
        -ms-transform: translateY(-250px);
        transform: translateY(-250px)
    }
}

.position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(0, 0, 0, .25)
}

.off-canvas-content {
    -ms-transform: none;
    transform: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.off-canvas-content.has-transition-overlap,
.off-canvas-content.has-transition-push {
    transition: transform .5s ease
}

.off-canvas-content.has-transition-push {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-content .off-canvas.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media print, screen and (min-width: 50.0625em) {
    .position-left.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-medium {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-medium ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-medium {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-medium ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-medium {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-medium ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-medium {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-medium ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media print, screen and (min-width: 64.0625em) {
    .position-left.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-large {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-large ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-large {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-large ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-large {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-large ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-large {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-large ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 75.0625em) {
    .position-left.reveal-for-xlarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-xlarge .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-xlarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-xlarge ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-xlarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-xlarge .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-xlarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-xlarge ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-xlarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-xlarge .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-xlarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-xlarge ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-xlarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-xlarge .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-xlarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 90.0625em) {
    .position-left.reveal-for-xxlarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-xxlarge .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-xxlarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-xxlarge ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-xxlarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-xxlarge .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-xxlarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-xxlarge ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-xxlarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-xxlarge .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-xxlarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-xxlarge ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-xxlarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-xxlarge .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-xxlarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 100.0625em) {
    .position-left.reveal-for-extralarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-extralarge .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-extralarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-extralarge ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-extralarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-extralarge .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-extralarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-extralarge ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-extralarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-extralarge .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-extralarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-extralarge ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-extralarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-extralarge .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-extralarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-extralarge ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 120.0625em) {
    .position-left.reveal-for-extremelylarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-extremelylarge .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-extremelylarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-extremelylarge ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-extremelylarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-extremelylarge .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-extremelylarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-extremelylarge ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-extremelylarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-extremelylarge .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-extremelylarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-extremelylarge ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-extremelylarge {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-extremelylarge .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-extremelylarge {
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-extremelylarge ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media print, screen and (min-width: 50.0625em) {
    .off-canvas.in-canvas-for-medium {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-medium.position-bottom,
    .off-canvas.in-canvas-for-medium.position-left,
    .off-canvas.in-canvas-for-medium.position-right,
    .off-canvas.in-canvas-for-medium.position-top {
        box-shadow: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas.in-canvas-for-medium .close-button {
        display: none
    }
}

@media print, screen and (min-width: 64.0625em) {
    .off-canvas.in-canvas-for-large {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-large.position-bottom,
    .off-canvas.in-canvas-for-large.position-left,
    .off-canvas.in-canvas-for-large.position-right,
    .off-canvas.in-canvas-for-large.position-top {
        box-shadow: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas.in-canvas-for-large .close-button {
        display: none
    }
}

@media screen and (min-width: 75.0625em) {
    .off-canvas.in-canvas-for-xlarge {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-xlarge.position-bottom,
    .off-canvas.in-canvas-for-xlarge.position-left,
    .off-canvas.in-canvas-for-xlarge.position-right,
    .off-canvas.in-canvas-for-xlarge.position-top {
        box-shadow: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas.in-canvas-for-xlarge .close-button {
        display: none
    }
}

@media screen and (min-width: 90.0625em) {
    .off-canvas.in-canvas-for-xxlarge {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-xxlarge.position-bottom,
    .off-canvas.in-canvas-for-xxlarge.position-left,
    .off-canvas.in-canvas-for-xxlarge.position-right,
    .off-canvas.in-canvas-for-xxlarge.position-top {
        box-shadow: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas.in-canvas-for-xxlarge .close-button {
        display: none
    }
}

@media screen and (min-width: 100.0625em) {
    .off-canvas.in-canvas-for-extralarge {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-extralarge.position-bottom,
    .off-canvas.in-canvas-for-extralarge.position-left,
    .off-canvas.in-canvas-for-extralarge.position-right,
    .off-canvas.in-canvas-for-extralarge.position-top {
        box-shadow: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas.in-canvas-for-extralarge .close-button {
        display: none
    }
}

@media screen and (min-width: 120.0625em) {
    .off-canvas.in-canvas-for-extremelylarge {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-extremelylarge.position-bottom,
    .off-canvas.in-canvas-for-extremelylarge.position-left,
    .off-canvas.in-canvas-for-extremelylarge.position-right,
    .off-canvas.in-canvas-for-extremelylarge.position-top {
        box-shadow: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas.in-canvas-for-extremelylarge .close-button {
        display: none
    }
}

.orbit {
    position: relative
}

.orbit-container {
    position: relative;
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide {
    width: 100%;
    position: absolute
}

.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0
}

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 1rem;
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

.orbit-next,
.orbit-previous {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fff
}

[data-whatinput=mouse] .orbit-next,
[data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover {
    background-color: rgba(0, 0, 0, .5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #cacaca
}

.orbit-bullets button:hover {
    background-color: #8a8a8a
}

.orbit-bullets button.is-active {
    background-color: #8a8a8a
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

.pagination::after,
.pagination::before {
    display: table;
    content: " "
}

.pagination::after {
    clear: both
}

.pagination li {
    margin-right: .0625rem;
    border-radius: 0;
    font-size: .875rem;
    display: none
}

.pagination li:first-child,
.pagination li:last-child {
    display: inline-block
}

@media print, screen and (min-width: 50.0625em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a,
.pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #000
}

.pagination a:hover,
.pagination button:hover {
    background: #e6e6e6
}

.pagination .current {
    padding: .1875rem .625rem;
    background: #00a651;
    color: #fff;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

.pagination .disabled:hover {
    background: 0 0
}

.pagination .ellipsis::after {
    padding: .1875rem .625rem;
    content: "…";
    color: #000
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    display: inline-block;
    margin-right: .5rem;
    content: "«"
}

.pagination-next a::after,
.pagination-next.disabled::after {
    display: inline-block;
    margin-left: .5rem;
    content: "»"
}

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #cacaca
}

.progress.cta .progress-meter {
    background-color: #ec8600
}

.progress.primary .progress-meter {
    background-color: #00a651
}

.progress.primary-accent .progress-meter {
    background-color: #008541
}

.progress.primary-blue .progress-meter {
    background-color: #2070c0
}

.progress.primary-blue-bright .progress-meter {
    background-color: #66b2ff
}

.progress.primary-blue-accent .progress-meter {
    background-color: #005cb8
}

.progress.link .progress-meter {
    background-color: #2070c0
}

.progress.link-active .progress-meter {
    background-color: #005cb8
}

.progress.link-hover .progress-meter {
    background-color: #dc8a32
}

.progress.disabled-link .progress-meter {
    background-color: #d2d2d2
}

.progress.disabled-link-text .progress-meter {
    background-color: #afafaf
}

.progress.secondary .progress-meter {
    background-color: #2070c0
}

.progress.success .progress-meter {
    background-color: #3adb76
}

.progress.warning .progress-meter {
    background-color: #ffae00
}

.progress.alert .progress-meter {
    background-color: #bd0000
}

.progress.v2-alert .progress-meter {
    background-color: #a2260b
}

.progress.v2-black .progress-meter {
    background-color: #030303
}

.progress.v2-gray .progress-meter {
    background-color: #8c8c8c
}

.progress.light-green .progress-meter {
    background-color: #00a651
}

.progress.tab-background .progress-meter {
    background-color: #fafafa
}

.progress.tooltip-color .progress-meter {
    background-color: #c4c4c4
}

.progress.tooltip-label-color .progress-meter {
    background-color: rgba(0, 0, 0, .4)
}

.progress.dashed-border .progress-meter {
    background-color: #cfcfcf
}

.progress.home-row-background .progress-meter {
    background-color: #f6f6f6
}

.progress.gray-odd-row .progress-meter {
    background-color: #e8e8e8
}

.progress.table-odd-row .progress-meter {
    background-color: #f8f8f8
}

.progress.table-accent .progress-meter {
    background-color: #e6f4ed
}

.progress.table-dark-odd-row .progress-meter {
    background-color: #e0e0e0
}

.progress.input-border .progress-meter {
    background-color: #878787
}

.progress.input-bg .progress-meter {
    background-color: #fcfcfc
}

.progress.paypal-button .progress-meter {
    background-color: #ffc439
}

.progress.light-black .progress-meter {
    background-color: #555
}

.progress.copart .progress-meter {
    background-color: #3195ff
}

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #00a651
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    transition: all .2s ease-in-out
}

.slider-fill.is-dragging {
    transition: all 0s linear
}

.slider-handle {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    cursor: -webkit-grab;
    cursor: grab;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0;
    background-color: #00a651;
    transition: all .2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #008d45
}

.slider-handle.is-dragging {
    transition: all 0s linear;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.slider.disabled,
.slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.slider.vertical .slider-fill {
    top: 0;
    width: .5rem;
    max-height: 100%
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sticky-container {
    position: relative
}

.sticky {
    position: relative;
    z-index: 0;
    transform: translate3d(0, 0, 0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5;
    width: 100%
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

html.is-reveal-open {
    position: fixed;
    width: 100%;
    overflow-y: hidden
}

html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

html.is-reveal-open body {
    overflow-y: hidden
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(0, 0, 0, .45);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print, screen and (min-width: 50.0625em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column,
.reveal .columns {
    min-width: 0
}

.reveal > :last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 50.0625em) {
    .reveal {
        width: 600px;
        max-width: 75rem
    }
}

.reveal.collapse {
    padding: 0
}

@media print, screen and (min-width: 50.0625em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem
    }
}

@media print, screen and (min-width: 50.0625em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem
    }
}

@media print, screen and (min-width: 50.0625em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem
    }
}

.reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media print, screen and (max-width: 50.06125em) {
    .reveal {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.switch {
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #fff;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 2rem
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 0;
    background: #cacaca;
    transition: all .25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input + .switch-paddle {
    margin: 0
}

.switch-paddle::after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    background: #fff;
    transition: all .25s ease-out;
    content: ""
}

input:checked ~ .switch-paddle {
    background: #00a651
}

input:checked ~ .switch-paddle::after {
    left: 2.25rem
}

input:disabled ~ .switch-paddle {
    cursor: not-allowed;
    opacity: .5
}

[data-whatinput=mouse] input:focus ~ .switch-paddle {
    outline: 0
}

.switch-active,
.switch-inactive {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked + label > .switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked + label > .switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

.switch.tiny .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem
}

.switch.small {
    height: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.switch.small .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked ~ .switch-paddle::after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 2rem;
    height: 2rem
}

.switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem
}

table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0
}

tbody,
tfoot,
thead {
    border: none;
    background-color: #fcfcfc
}

caption {
    padding: 1rem 1.25rem 1rem;
    font-weight: 700
}

thead {
    background: #ececec;
    color: #010101
}

tfoot {
    background: #efefef;
    color: #000
}

tfoot tr,
thead tr {
    background: 0 0
}

tfoot td,
tfoot th,
thead td,
thead th {
    padding: 1rem 1.25rem 1rem;
    font-weight: 700;
    text-align: left
}

tbody td,
tbody th {
    padding: 1rem 1.25rem 1rem
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f5f5f5
}

table.unstriped tbody {
    background-color: #fcfcfc
}

table.unstriped tbody tr {
    border-bottom: none;
    background-color: #fcfcfc
}

@media print, screen and (max-width: 64.06125em) {
    table.stack thead {
        display: none
    }

    table.stack tfoot {
        display: none
    }

    table.stack td,
    table.stack th,
    table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #e7e7e7
}

table.hover tfoot tr:hover {
    background-color: #eaeaea
}

table.hover tbody tr:hover {
    background-color: #b9f2d4
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #eaeaea
}

.table-scroll {
    overflow-x: auto
}

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fff;
    list-style-type: none
}

.tabs::after,
.tabs::before {
    display: table;
    content: " "
}

.tabs::after {
    clear: both
}

.tabs.vertical > li {
    display: block;
    float: none;
    width: auto
}

.tabs.simple > li > a {
    padding: 0
}

.tabs.simple > li > a:hover {
    background: 0 0
}

.tabs.primary {
    background: #00a651
}

.tabs.primary > li > a {
    color: #000
}

.tabs.primary > li > a:focus,
.tabs.primary > li > a:hover {
    background: #00b759
}

.tabs-title {
    float: left
}

.tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    color: #00a651
}

[data-whatinput=mouse] .tabs-title > a {
    outline: 0
}

.tabs-title > a:hover {
    background: #fff;
    color: #008f46
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected=true] {
    background: #e6e6e6;
    color: #00a651
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fff;
    color: #000;
    transition: all .5s ease
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel.is-active {
    display: block
}

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: solid 4px #fff;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    line-height: 0
}

a.thumbnail {
    transition: box-shadow .2s ease-out
}

a.thumbnail:focus,
a.thumbnail:hover {
    box-shadow: 0 0 6px 1px rgba(0, 166, 81, .5)
}

a.thumbnail image {
    box-shadow: none
}

.title-bar {
    padding: 0;
    background: rgba(255, 255, 255, .7);
    color: #000
}


.title-bar::after {
    clear: both
}

.title-bar .menu-icon {
    margin-left: 0;
    margin-right: 0
}

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #8a8a8a;
    font-weight: 700;
    cursor: help
}

.tooltip {
    position: absolute;
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 30rem;
    padding: .75rem;
    border-radius: 4px;
    background-color: #faf4e2;
    font-size: 12px;
    color: #000
}

.tooltip::before {
    position: absolute
}

.tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .75rem;
    content: "";
    border-top-width: 0;
    border-color: transparent transparent #faf4e2;
    bottom: 100%
}

.tooltip.bottom.align-center::before {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .75rem;
    content: "";
    border-bottom-width: 0;
    border-color: #faf4e2 transparent transparent;
    top: 100%;
    bottom: auto
}

.tooltip.top.align-center::before {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .75rem;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #faf4e2;
    left: 100%
}

.tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .75rem;
    content: "";
    border-left-width: 0;
    border-color: transparent #faf4e2 transparent transparent;
    right: 100%;
    left: auto
}

.tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.align-top::before {
    bottom: auto;
    top: 10%
}

.tooltip.align-bottom::before {
    bottom: 10%;
    top: auto
}

.tooltip.align-left::before {
    left: 10%;
    right: auto
}

.tooltip.align-right::before {
    left: auto;
    right: 10%
}

.top-bar {
    padding: .5rem
}

.top-bar::after,
.top-bar::before {
    display: table;
    content: " "
}

.top-bar::after {
    clear: both
}

.top-bar,
.top-bar ul {
    background-color: #e6e6e6
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
    width: 100%
}

@media print, screen and (min-width: 50.0625em) {

    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
        width: auto
    }
}

@media print, screen and (max-width: 64.06125em) {

    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        width: 100%
    }
}

@media print, screen and (max-width: 75.06125em) {

    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        width: 100%
    }
}

@media print, screen and (max-width: 90.06125em) {

    .top-bar.stacked-for-xlarge .top-bar-left,
    .top-bar.stacked-for-xlarge .top-bar-right {
        width: 100%
    }
}

@media print, screen and (max-width: 100.06125em) {

    .top-bar.stacked-for-xxlarge .top-bar-left,
    .top-bar.stacked-for-xxlarge .top-bar-right {
        width: 100%
    }
}

@media print, screen and (max-width: 120.06125em) {

    .top-bar.stacked-for-extralarge .top-bar-left,
    .top-bar.stacked-for-extralarge .top-bar-right {
        width: 100%
    }
}

.top-bar.stacked-for-extremelylarge .top-bar-left,
.top-bar.stacked-for-extremelylarge .top-bar-right {
    width: 100%
}

.top-bar-title {
    display: inline-block;
    float: left;
    padding: .5rem 1rem .5rem 0
}

.top-bar-title .menu-icon {
    bottom: 2px
}

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

@media print,
screen and (max-width:50.06125em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:0em),
screen and (min-width:50.0625em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,
screen and (min-width:50.0625em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 50.06125em) {
    .show-for-medium {
        display: none !important
    }
}

@media print, screen and (min-width: 50.0625em) and (max-width: 64.06125em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 50.06125em), screen and (min-width: 64.0625em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print, screen and (min-width: 64.0625em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 64.06125em) {
    .show-for-large {
        display: none !important
    }
}

@media print, screen and (min-width: 64.0625em) and (max-width: 75.06125em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 64.06125em), screen and (min-width: 75.0625em) {
    .show-for-large-only {
        display: none !important
    }
}

@media screen and (min-width: 75.0625em) {
    .hide-for-xlarge {
        display: none !important
    }
}

@media screen and (max-width: 75.06125em) {
    .show-for-xlarge {
        display: none !important
    }
}

@media screen and (min-width: 75.0625em) and (max-width: 90.06125em) {
    .hide-for-xlarge-only {
        display: none !important
    }
}

@media screen and (max-width: 75.06125em), screen and (min-width: 90.0625em) {
    .show-for-xlarge-only {
        display: none !important
    }
}

@media screen and (min-width: 90.0625em) {
    .hide-for-xxlarge {
        display: none !important
    }
}

@media screen and (max-width: 90.06125em) {
    .show-for-xxlarge {
        display: none !important
    }
}

@media screen and (min-width: 90.0625em) and (max-width: 100.06125em) {
    .hide-for-xxlarge-only {
        display: none !important
    }
}

@media screen and (max-width: 90.06125em), screen and (min-width: 100.0625em) {
    .show-for-xxlarge-only {
        display: none !important
    }
}

@media screen and (min-width: 100.0625em) {
    .hide-for-extralarge {
        display: none !important
    }
}

@media screen and (max-width: 100.06125em) {
    .show-for-extralarge {
        display: none !important
    }
}

@media screen and (min-width: 100.0625em) and (max-width: 120.06125em) {
    .hide-for-extralarge-only {
        display: none !important
    }
}

@media screen and (max-width: 100.06125em), screen and (min-width: 120.0625em) {
    .show-for-extralarge-only {
        display: none !important
    }
}

@media screen and (min-width: 120.0625em) {
    .hide-for-extremelylarge {
        display: none !important
    }
}

@media screen and (max-width: 120.06125em) {
    .show-for-extremelylarge {
        display: none !important
    }
}

@media screen and (min-width: 120.0625em) {
    .hide-for-extremelylarge-only {
        display: none !important
    }
}

@media screen and (max-width: 120.06125em) {
    .show-for-extremelylarge-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
}

.hide-for-portrait,
.show-for-landscape {
    display: block !important
}

@media screen and (orientation: landscape) {

    .hide-for-portrait,
    .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation: portrait) {

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}

.show-for-dark-mode {
    display: none
}

.hide-for-dark-mode {
    display: block
}

@media screen and (prefers-color-scheme: dark) {
    .show-for-dark-mode {
        display: block !important
    }

    .hide-for-dark-mode {
        display: none !important
    }
}

.show-for-ie {
    display: none
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .show-for-ie {
        display: block !important
    }

    .hide-for-ie {
        display: none !important
    }
}

.show-for-sticky {
    display: none
}

.is-stuck .show-for-sticky {
    display: block
}

.is-stuck .hide-for-sticky {
    display: none
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

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

.clearfix::after,
.clearfix::before {
    display: table;
    content: " "
}

.clearfix::after {
    clear: both
}

.align-left {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.align-right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center {
    -ms-flex-pack: center;
    justify-content: center
}

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

.align-spaced {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-left.vertical.menu > li > a {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.align-right.vertical.menu > li > a {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center.vertical.menu > li > a {
    -ms-flex-pack: center;
    justify-content: center
}

.align-top {
    -ms-flex-align: start;
    align-items: flex-start
}

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

.align-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

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

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

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

.align-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

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

.align-center-middle {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.small-order-1 {
    -ms-flex-order: 1;
    order: 1
}

.small-order-2 {
    -ms-flex-order: 2;
    order: 2
}

.small-order-3 {
    -ms-flex-order: 3;
    order: 3
}

.small-order-4 {
    -ms-flex-order: 4;
    order: 4
}

.small-order-5 {
    -ms-flex-order: 5;
    order: 5
}

.small-order-6 {
    -ms-flex-order: 6;
    order: 6
}

@media print, screen and (min-width: 50.0625em) {
    .medium-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .medium-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .medium-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .medium-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .medium-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .medium-order-6 {
        -ms-flex-order: 6;
        order: 6
    }
}

@media print, screen and (min-width: 64.0625em) {
    .large-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .large-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .large-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .large-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .large-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .large-order-6 {
        -ms-flex-order: 6;
        order: 6
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .xlarge-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .xlarge-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .xlarge-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .xlarge-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .xlarge-order-6 {
        -ms-flex-order: 6;
        order: 6
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .xxlarge-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .xxlarge-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .xxlarge-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .xxlarge-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .xxlarge-order-6 {
        -ms-flex-order: 6;
        order: 6
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .extralarge-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .extralarge-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .extralarge-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .extralarge-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .extralarge-order-6 {
        -ms-flex-order: 6;
        order: 6
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .extremelylarge-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .extremelylarge-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .extremelylarge-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .extremelylarge-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .extremelylarge-order-6 {
        -ms-flex-order: 6;
        order: 6
    }
}

.flex-container {
    display: -ms-flexbox;
    display: flex
}

.flex-child-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-child-grow {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flex-child-shrink {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex-dir-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-dir-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media print, screen and (min-width: 50.0625em) {
    .medium-flex-container {
        display: -ms-flexbox;
        display: flex
    }

    .medium-flex-child-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media print, screen and (min-width: 64.0625em) {
    .large-flex-container {
        display: -ms-flexbox;
        display: flex
    }

    .large-flex-child-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-flex-container {
        display: -ms-flexbox;
        display: flex
    }

    .xlarge-flex-child-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .xlarge-flex-child-grow {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .xlarge-flex-child-shrink {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .xlarge-flex-dir-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xlarge-flex-dir-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xlarge-flex-dir-column {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xlarge-flex-dir-column-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-flex-container {
        display: -ms-flexbox;
        display: flex
    }

    .xxlarge-flex-child-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .xxlarge-flex-child-grow {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .xxlarge-flex-child-shrink {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .xxlarge-flex-dir-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xxlarge-flex-dir-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xxlarge-flex-dir-column {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xxlarge-flex-dir-column-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-flex-container {
        display: -ms-flexbox;
        display: flex
    }

    .extralarge-flex-child-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .extralarge-flex-child-grow {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .extralarge-flex-child-shrink {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .extralarge-flex-dir-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .extralarge-flex-dir-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .extralarge-flex-dir-column {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .extralarge-flex-dir-column-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-flex-container {
        display: -ms-flexbox;
        display: flex
    }

    .extremelylarge-flex-child-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .extremelylarge-flex-child-grow {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .extremelylarge-flex-child-shrink {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .extremelylarge-flex-dir-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .extremelylarge-flex-dir-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .extremelylarge-flex-dir-column {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .extremelylarge-flex-dir-column-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.slide-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-bottom.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-out-from-top.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.scale-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: scale(.5);
    transform: scale(.5);
    transition-property: transform, opacity;
    opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: transform, opacity;
    opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1
}

.scale-out-up.mui-leave.mui-leave-active {
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.scale-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
    -ms-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.spin-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    transition-property: transform, opacity;
    opacity: 0
}

.spin-in.mui-enter.mui-enter-active {
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform, opacity;
    opacity: 1
}

.spin-out.mui-leave.mui-leave-active {
    -ms-transform: rotate(.75turn);
    transform: rotate(.75turn);
    opacity: 0
}

.spin-in-ccw.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: rotate(.75turn);
    transform: rotate(.75turn);
    transition-property: transform, opacity;
    opacity: 0
}

.spin-in-ccw.mui-enter.mui-enter-active {
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out-ccw.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform, opacity;
    opacity: 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
    -ms-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    opacity: 0
}

.slow {
    transition-duration: 750ms !important
}

.fast {
    transition-duration: 250ms !important
}

.linear {
    transition-timing-function: linear !important
}

.ease {
    transition-timing-function: ease !important
}

.ease-in {
    transition-timing-function: ease-in !important
}

.ease-out {
    transition-timing-function: ease-out !important
}

.ease-in-out {
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
    transition-delay: .3s !important
}

.long-delay {
    transition-delay: .7s !important
}

.shake {
    animation-name: shake-7
}

@keyframes shake-7 {

    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        transform: translateX(7%)
    }

    15%,
    25%,
    35%,
    45%,
    5%,
    55%,
    65%,
    75%,
    85%,
    95% {
        transform: translateX(-7%)
    }
}

.spin-cw {
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(-1turn)
    }

    100% {
        transform: rotate(0)
    }
}

.spin-ccw {
    animation-name: spin-ccw-1turn
}

@keyframes spin-ccw-1turn {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(-1turn)
    }
}

.wiggle {
    animation-name: wiggle-7deg
}

@keyframes wiggle-7deg {

    40%,
    50%,
    60% {
        transform: rotate(7deg)
    }

    35%,
    45%,
    55%,
    65% {
        transform: rotate(-7deg)
    }

    0%,
    100%,
    30%,
    70% {
        transform: rotate(0)
    }
}

.shake,
.spin-ccw,
.spin-cw,
.wiggle {
    animation-duration: .5s
}

.infinite {
    animation-iteration-count: infinite
}

.slow {
    animation-duration: 750ms !important
}

.fast {
    animation-duration: 250ms !important
}

.linear {
    animation-timing-function: linear !important
}

.ease {
    animation-timing-function: ease !important
}

.ease-in {
    animation-timing-function: ease-in !important
}

.ease-out {
    animation-timing-function: ease-out !important
}

.ease-in-out {
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
    animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
    animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
    animation-delay: .3s !important
}

.long-delay {
    animation-delay: .7s !important
}

.grid-container {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto
}

@media print, screen and (min-width: 50.0625em) {
    .grid-container {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.grid-container.fluid {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media print, screen and (min-width: 50.0625em) {
    .grid-container.fluid {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.grid-x {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.cell {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

.cell.auto {
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.cell.shrink {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid-x > .auto {
    width: auto
}

.grid-x > .shrink {
    width: auto
}

.grid-x > .small-1,
.grid-x > .small-10,
.grid-x > .small-11,
.grid-x > .small-12,
.grid-x > .small-2,
.grid-x > .small-3,
.grid-x > .small-4,
.grid-x > .small-5,
.grid-x > .small-6,
.grid-x > .small-7,
.grid-x > .small-8,
.grid-x > .small-9,
.grid-x > .small-full,
.grid-x > .small-shrink {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media print, screen and (min-width: 50.0625em) {

    .grid-x > .medium-1,
    .grid-x > .medium-10,
    .grid-x > .medium-11,
    .grid-x > .medium-12,
    .grid-x > .medium-2,
    .grid-x > .medium-3,
    .grid-x > .medium-4,
    .grid-x > .medium-5,
    .grid-x > .medium-6,
    .grid-x > .medium-7,
    .grid-x > .medium-8,
    .grid-x > .medium-9,
    .grid-x > .medium-full,
    .grid-x > .medium-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media print, screen and (min-width: 64.0625em) {

    .grid-x > .large-1,
    .grid-x > .large-10,
    .grid-x > .large-11,
    .grid-x > .large-12,
    .grid-x > .large-2,
    .grid-x > .large-3,
    .grid-x > .large-4,
    .grid-x > .large-5,
    .grid-x > .large-6,
    .grid-x > .large-7,
    .grid-x > .large-8,
    .grid-x > .large-9,
    .grid-x > .large-full,
    .grid-x > .large-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

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

    .grid-x > .xlarge-1,
    .grid-x > .xlarge-10,
    .grid-x > .xlarge-11,
    .grid-x > .xlarge-12,
    .grid-x > .xlarge-2,
    .grid-x > .xlarge-3,
    .grid-x > .xlarge-4,
    .grid-x > .xlarge-5,
    .grid-x > .xlarge-6,
    .grid-x > .xlarge-7,
    .grid-x > .xlarge-8,
    .grid-x > .xlarge-9,
    .grid-x > .xlarge-full,
    .grid-x > .xlarge-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

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

    .grid-x > .xxlarge-1,
    .grid-x > .xxlarge-10,
    .grid-x > .xxlarge-11,
    .grid-x > .xxlarge-12,
    .grid-x > .xxlarge-2,
    .grid-x > .xxlarge-3,
    .grid-x > .xxlarge-4,
    .grid-x > .xxlarge-5,
    .grid-x > .xxlarge-6,
    .grid-x > .xxlarge-7,
    .grid-x > .xxlarge-8,
    .grid-x > .xxlarge-9,
    .grid-x > .xxlarge-full,
    .grid-x > .xxlarge-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

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

    .grid-x > .extralarge-1,
    .grid-x > .extralarge-10,
    .grid-x > .extralarge-11,
    .grid-x > .extralarge-12,
    .grid-x > .extralarge-2,
    .grid-x > .extralarge-3,
    .grid-x > .extralarge-4,
    .grid-x > .extralarge-5,
    .grid-x > .extralarge-6,
    .grid-x > .extralarge-7,
    .grid-x > .extralarge-8,
    .grid-x > .extralarge-9,
    .grid-x > .extralarge-full,
    .grid-x > .extralarge-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

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

    .grid-x > .extremelylarge-1,
    .grid-x > .extremelylarge-10,
    .grid-x > .extremelylarge-11,
    .grid-x > .extremelylarge-12,
    .grid-x > .extremelylarge-2,
    .grid-x > .extremelylarge-3,
    .grid-x > .extremelylarge-4,
    .grid-x > .extremelylarge-5,
    .grid-x > .extremelylarge-6,
    .grid-x > .extremelylarge-7,
    .grid-x > .extremelylarge-8,
    .grid-x > .extremelylarge-9,
    .grid-x > .extremelylarge-full,
    .grid-x > .extremelylarge-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.grid-x > .small-1,
.grid-x > .small-10,
.grid-x > .small-11,
.grid-x > .small-12,
.grid-x > .small-2,
.grid-x > .small-3,
.grid-x > .small-4,
.grid-x > .small-5,
.grid-x > .small-6,
.grid-x > .small-7,
.grid-x > .small-8,
.grid-x > .small-9 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid-x > .small-1 {
    width: 8.3333333333%
}

.grid-x > .small-2 {
    width: 16.6666666667%
}

.grid-x > .small-3 {
    width: 25%
}

.grid-x > .small-4 {
    width: 33.3333333333%
}

.grid-x > .small-5 {
    width: 41.6666666667%
}

.grid-x > .small-6 {
    width: 50%
}

.grid-x > .small-7 {
    width: 58.3333333333%
}

.grid-x > .small-8 {
    width: 66.6666666667%
}

.grid-x > .small-9 {
    width: 75%
}

.grid-x > .small-10 {
    width: 83.3333333333%
}

.grid-x > .small-11 {
    width: 91.6666666667%
}

.grid-x > .small-12 {
    width: 100%
}

@media print, screen and (min-width: 50.0625em) {
    .grid-x > .medium-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .medium-1,
    .grid-x > .medium-10,
    .grid-x > .medium-11,
    .grid-x > .medium-12,
    .grid-x > .medium-2,
    .grid-x > .medium-3,
    .grid-x > .medium-4,
    .grid-x > .medium-5,
    .grid-x > .medium-6,
    .grid-x > .medium-7,
    .grid-x > .medium-8,
    .grid-x > .medium-9,
    .grid-x > .medium-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-x > .medium-shrink {
        width: auto
    }

    .grid-x > .medium-1 {
        width: 8.3333333333%
    }

    .grid-x > .medium-2 {
        width: 16.6666666667%
    }

    .grid-x > .medium-3 {
        width: 25%
    }

    .grid-x > .medium-4 {
        width: 33.3333333333%
    }

    .grid-x > .medium-5 {
        width: 41.6666666667%
    }

    .grid-x > .medium-6 {
        width: 50%
    }

    .grid-x > .medium-7 {
        width: 58.3333333333%
    }

    .grid-x > .medium-8 {
        width: 66.6666666667%
    }

    .grid-x > .medium-9 {
        width: 75%
    }

    .grid-x > .medium-10 {
        width: 83.3333333333%
    }

    .grid-x > .medium-11 {
        width: 91.6666666667%
    }

    .grid-x > .medium-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64.0625em) {
    .grid-x > .large-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .large-1,
    .grid-x > .large-10,
    .grid-x > .large-11,
    .grid-x > .large-12,
    .grid-x > .large-2,
    .grid-x > .large-3,
    .grid-x > .large-4,
    .grid-x > .large-5,
    .grid-x > .large-6,
    .grid-x > .large-7,
    .grid-x > .large-8,
    .grid-x > .large-9,
    .grid-x > .large-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-x > .large-shrink {
        width: auto
    }

    .grid-x > .large-1 {
        width: 8.3333333333%
    }

    .grid-x > .large-2 {
        width: 16.6666666667%
    }

    .grid-x > .large-3 {
        width: 25%
    }

    .grid-x > .large-4 {
        width: 33.3333333333%
    }

    .grid-x > .large-5 {
        width: 41.6666666667%
    }

    .grid-x > .large-6 {
        width: 50%
    }

    .grid-x > .large-7 {
        width: 58.3333333333%
    }

    .grid-x > .large-8 {
        width: 66.6666666667%
    }

    .grid-x > .large-9 {
        width: 75%
    }

    .grid-x > .large-10 {
        width: 83.3333333333%
    }

    .grid-x > .large-11 {
        width: 91.6666666667%
    }

    .grid-x > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 75.0625em) {
    .grid-x > .xlarge-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .xlarge-1,
    .grid-x > .xlarge-10,
    .grid-x > .xlarge-11,
    .grid-x > .xlarge-12,
    .grid-x > .xlarge-2,
    .grid-x > .xlarge-3,
    .grid-x > .xlarge-4,
    .grid-x > .xlarge-5,
    .grid-x > .xlarge-6,
    .grid-x > .xlarge-7,
    .grid-x > .xlarge-8,
    .grid-x > .xlarge-9,
    .grid-x > .xlarge-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-x > .xlarge-shrink {
        width: auto
    }

    .grid-x > .xlarge-1 {
        width: 8.3333333333%
    }

    .grid-x > .xlarge-2 {
        width: 16.6666666667%
    }

    .grid-x > .xlarge-3 {
        width: 25%
    }

    .grid-x > .xlarge-4 {
        width: 33.3333333333%
    }

    .grid-x > .xlarge-5 {
        width: 41.6666666667%
    }

    .grid-x > .xlarge-6 {
        width: 50%
    }

    .grid-x > .xlarge-7 {
        width: 58.3333333333%
    }

    .grid-x > .xlarge-8 {
        width: 66.6666666667%
    }

    .grid-x > .xlarge-9 {
        width: 75%
    }

    .grid-x > .xlarge-10 {
        width: 83.3333333333%
    }

    .grid-x > .xlarge-11 {
        width: 91.6666666667%
    }

    .grid-x > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 90.0625em) {
    .grid-x > .xxlarge-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .xxlarge-1,
    .grid-x > .xxlarge-10,
    .grid-x > .xxlarge-11,
    .grid-x > .xxlarge-12,
    .grid-x > .xxlarge-2,
    .grid-x > .xxlarge-3,
    .grid-x > .xxlarge-4,
    .grid-x > .xxlarge-5,
    .grid-x > .xxlarge-6,
    .grid-x > .xxlarge-7,
    .grid-x > .xxlarge-8,
    .grid-x > .xxlarge-9,
    .grid-x > .xxlarge-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-x > .xxlarge-shrink {
        width: auto
    }

    .grid-x > .xxlarge-1 {
        width: 8.3333333333%
    }

    .grid-x > .xxlarge-2 {
        width: 16.6666666667%
    }

    .grid-x > .xxlarge-3 {
        width: 25%
    }

    .grid-x > .xxlarge-4 {
        width: 33.3333333333%
    }

    .grid-x > .xxlarge-5 {
        width: 41.6666666667%
    }

    .grid-x > .xxlarge-6 {
        width: 50%
    }

    .grid-x > .xxlarge-7 {
        width: 58.3333333333%
    }

    .grid-x > .xxlarge-8 {
        width: 66.6666666667%
    }

    .grid-x > .xxlarge-9 {
        width: 75%
    }

    .grid-x > .xxlarge-10 {
        width: 83.3333333333%
    }

    .grid-x > .xxlarge-11 {
        width: 91.6666666667%
    }

    .grid-x > .xxlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .grid-x > .extralarge-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .extralarge-1,
    .grid-x > .extralarge-10,
    .grid-x > .extralarge-11,
    .grid-x > .extralarge-12,
    .grid-x > .extralarge-2,
    .grid-x > .extralarge-3,
    .grid-x > .extralarge-4,
    .grid-x > .extralarge-5,
    .grid-x > .extralarge-6,
    .grid-x > .extralarge-7,
    .grid-x > .extralarge-8,
    .grid-x > .extralarge-9,
    .grid-x > .extralarge-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-x > .extralarge-shrink {
        width: auto
    }

    .grid-x > .extralarge-1 {
        width: 8.3333333333%
    }

    .grid-x > .extralarge-2 {
        width: 16.6666666667%
    }

    .grid-x > .extralarge-3 {
        width: 25%
    }

    .grid-x > .extralarge-4 {
        width: 33.3333333333%
    }

    .grid-x > .extralarge-5 {
        width: 41.6666666667%
    }

    .grid-x > .extralarge-6 {
        width: 50%
    }

    .grid-x > .extralarge-7 {
        width: 58.3333333333%
    }

    .grid-x > .extralarge-8 {
        width: 66.6666666667%
    }

    .grid-x > .extralarge-9 {
        width: 75%
    }

    .grid-x > .extralarge-10 {
        width: 83.3333333333%
    }

    .grid-x > .extralarge-11 {
        width: 91.6666666667%
    }

    .grid-x > .extralarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .grid-x > .extremelylarge-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .extremelylarge-1,
    .grid-x > .extremelylarge-10,
    .grid-x > .extremelylarge-11,
    .grid-x > .extremelylarge-12,
    .grid-x > .extremelylarge-2,
    .grid-x > .extremelylarge-3,
    .grid-x > .extremelylarge-4,
    .grid-x > .extremelylarge-5,
    .grid-x > .extremelylarge-6,
    .grid-x > .extremelylarge-7,
    .grid-x > .extremelylarge-8,
    .grid-x > .extremelylarge-9,
    .grid-x > .extremelylarge-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-x > .extremelylarge-shrink {
        width: auto
    }

    .grid-x > .extremelylarge-1 {
        width: 8.3333333333%
    }

    .grid-x > .extremelylarge-2 {
        width: 16.6666666667%
    }

    .grid-x > .extremelylarge-3 {
        width: 25%
    }

    .grid-x > .extremelylarge-4 {
        width: 33.3333333333%
    }

    .grid-x > .extremelylarge-5 {
        width: 41.6666666667%
    }

    .grid-x > .extremelylarge-6 {
        width: 50%
    }

    .grid-x > .extremelylarge-7 {
        width: 58.3333333333%
    }

    .grid-x > .extremelylarge-8 {
        width: 66.6666666667%
    }

    .grid-x > .extremelylarge-9 {
        width: 75%
    }

    .grid-x > .extremelylarge-10 {
        width: 83.3333333333%
    }

    .grid-x > .extremelylarge-11 {
        width: 91.6666666667%
    }

    .grid-x > .extremelylarge-12 {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x) > .cell {
    width: auto
}

.grid-margin-y:not(.grid-y) > .cell {
    height: auto
}

.grid-margin-x {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print, screen and (min-width: 50.0625em) {
    .grid-margin-x {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.grid-margin-x > .cell {
    width: calc(100% - 1.25rem);
    margin-left: .625rem;
    margin-right: .625rem
}

@media print, screen and (min-width: 50.0625em) {
    .grid-margin-x > .cell {
        width: calc(100% - 1.875rem);
        margin-left: .9375rem;
        margin-right: .9375rem
    }
}

.grid-margin-x > .auto {
    width: auto
}

.grid-margin-x > .shrink {
    width: auto
}

.grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 1.25rem)
}

.grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1.25rem)
}

.grid-margin-x > .small-3 {
    width: calc(25% - 1.25rem)
}

.grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1.25rem)
}

.grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1.25rem)
}

.grid-margin-x > .small-6 {
    width: calc(50% - 1.25rem)
}

.grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1.25rem)
}

.grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1.25rem)
}

.grid-margin-x > .small-9 {
    width: calc(75% - 1.25rem)
}

.grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1.25rem)
}

.grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 1.25rem)
}

.grid-margin-x > .small-12 {
    width: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 50.0625em) {
    .grid-margin-x > .auto {
        width: auto
    }

    .grid-margin-x > .shrink {
        width: auto
    }

    .grid-margin-x > .small-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x > .small-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x > .small-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .small-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x > .small-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x > .small-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .small-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x > .small-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x > .small-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .small-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x > .small-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x > .small-12 {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x > .medium-auto {
        width: auto
    }

    .grid-margin-x > .medium-shrink {
        width: auto
    }

    .grid-margin-x > .medium-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x > .medium-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x > .medium-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .medium-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x > .medium-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x > .medium-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .medium-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x > .medium-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x > .medium-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .medium-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x > .medium-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x > .medium-12 {
        width: calc(100% - 1.875rem)
    }
}

@media print, screen and (min-width: 64.0625em) {
    .grid-margin-x > .large-auto {
        width: auto
    }

    .grid-margin-x > .large-shrink {
        width: auto
    }

    .grid-margin-x > .large-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x > .large-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x > .large-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .large-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x > .large-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x > .large-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .large-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x > .large-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x > .large-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .large-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x > .large-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x > .large-12 {
        width: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 75.0625em) {
    .grid-margin-x > .xlarge-auto {
        width: auto
    }

    .grid-margin-x > .xlarge-shrink {
        width: auto
    }

    .grid-margin-x > .xlarge-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x > .xlarge-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x > .xlarge-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .xlarge-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x > .xlarge-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x > .xlarge-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .xlarge-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x > .xlarge-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x > .xlarge-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .xlarge-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x > .xlarge-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x > .xlarge-12 {
        width: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 90.0625em) {
    .grid-margin-x > .xxlarge-auto {
        width: auto
    }

    .grid-margin-x > .xxlarge-shrink {
        width: auto
    }

    .grid-margin-x > .xxlarge-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x > .xxlarge-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x > .xxlarge-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .xxlarge-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x > .xxlarge-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x > .xxlarge-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .xxlarge-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x > .xxlarge-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x > .xxlarge-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .xxlarge-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x > .xxlarge-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x > .xxlarge-12 {
        width: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 100.0625em) {
    .grid-margin-x > .extralarge-auto {
        width: auto
    }

    .grid-margin-x > .extralarge-shrink {
        width: auto
    }

    .grid-margin-x > .extralarge-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x > .extralarge-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x > .extralarge-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .extralarge-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x > .extralarge-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x > .extralarge-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .extralarge-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x > .extralarge-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x > .extralarge-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .extralarge-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x > .extralarge-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x > .extralarge-12 {
        width: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 120.0625em) {
    .grid-margin-x > .extremelylarge-auto {
        width: auto
    }

    .grid-margin-x > .extremelylarge-shrink {
        width: auto
    }

    .grid-margin-x > .extremelylarge-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x > .extremelylarge-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x > .extremelylarge-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .extremelylarge-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x > .extremelylarge-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x > .extremelylarge-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .extremelylarge-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x > .extremelylarge-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x > .extremelylarge-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .extremelylarge-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x > .extremelylarge-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x > .extremelylarge-12 {
        width: calc(100% - 1.875rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print, screen and (min-width: 50.0625em) {
    .grid-padding-x .grid-padding-x {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.grid-container:not(.full) > .grid-padding-x {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print, screen and (min-width: 50.0625em) {
    .grid-container:not(.full) > .grid-padding-x {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.grid-padding-x > .cell {
    padding-right: .625rem;
    padding-left: .625rem
}

@media print, screen and (min-width: 50.0625em) {
    .grid-padding-x > .cell {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.small-up-1 > .cell {
    width: 100%
}

.small-up-2 > .cell {
    width: 50%
}

.small-up-3 > .cell {
    width: 33.3333333333%
}

.small-up-4 > .cell {
    width: 25%
}

.small-up-5 > .cell {
    width: 20%
}

.small-up-6 > .cell {
    width: 16.6666666667%
}

.small-up-7 > .cell {
    width: 14.2857142857%
}

.small-up-8 > .cell {
    width: 12.5%
}

@media print, screen and (min-width: 50.0625em) {
    .medium-up-1 > .cell {
        width: 100%
    }

    .medium-up-2 > .cell {
        width: 50%
    }

    .medium-up-3 > .cell {
        width: 33.3333333333%
    }

    .medium-up-4 > .cell {
        width: 25%
    }

    .medium-up-5 > .cell {
        width: 20%
    }

    .medium-up-6 > .cell {
        width: 16.6666666667%
    }

    .medium-up-7 > .cell {
        width: 14.2857142857%
    }

    .medium-up-8 > .cell {
        width: 12.5%
    }
}

@media print, screen and (min-width: 64.0625em) {
    .large-up-1 > .cell {
        width: 100%
    }

    .large-up-2 > .cell {
        width: 50%
    }

    .large-up-3 > .cell {
        width: 33.3333333333%
    }

    .large-up-4 > .cell {
        width: 25%
    }

    .large-up-5 > .cell {
        width: 20%
    }

    .large-up-6 > .cell {
        width: 16.6666666667%
    }

    .large-up-7 > .cell {
        width: 14.2857142857%
    }

    .large-up-8 > .cell {
        width: 12.5%
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-up-1 > .cell {
        width: 100%
    }

    .xlarge-up-2 > .cell {
        width: 50%
    }

    .xlarge-up-3 > .cell {
        width: 33.3333333333%
    }

    .xlarge-up-4 > .cell {
        width: 25%
    }

    .xlarge-up-5 > .cell {
        width: 20%
    }

    .xlarge-up-6 > .cell {
        width: 16.6666666667%
    }

    .xlarge-up-7 > .cell {
        width: 14.2857142857%
    }

    .xlarge-up-8 > .cell {
        width: 12.5%
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-up-1 > .cell {
        width: 100%
    }

    .xxlarge-up-2 > .cell {
        width: 50%
    }

    .xxlarge-up-3 > .cell {
        width: 33.3333333333%
    }

    .xxlarge-up-4 > .cell {
        width: 25%
    }

    .xxlarge-up-5 > .cell {
        width: 20%
    }

    .xxlarge-up-6 > .cell {
        width: 16.6666666667%
    }

    .xxlarge-up-7 > .cell {
        width: 14.2857142857%
    }

    .xxlarge-up-8 > .cell {
        width: 12.5%
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-up-1 > .cell {
        width: 100%
    }

    .extralarge-up-2 > .cell {
        width: 50%
    }

    .extralarge-up-3 > .cell {
        width: 33.3333333333%
    }

    .extralarge-up-4 > .cell {
        width: 25%
    }

    .extralarge-up-5 > .cell {
        width: 20%
    }

    .extralarge-up-6 > .cell {
        width: 16.6666666667%
    }

    .extralarge-up-7 > .cell {
        width: 14.2857142857%
    }

    .extralarge-up-8 > .cell {
        width: 12.5%
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-up-1 > .cell {
        width: 100%
    }

    .extremelylarge-up-2 > .cell {
        width: 50%
    }

    .extremelylarge-up-3 > .cell {
        width: 33.3333333333%
    }

    .extremelylarge-up-4 > .cell {
        width: 25%
    }

    .extremelylarge-up-5 > .cell {
        width: 20%
    }

    .extremelylarge-up-6 > .cell {
        width: 16.6666666667%
    }

    .extremelylarge-up-7 > .cell {
        width: 14.2857142857%
    }

    .extremelylarge-up-8 > .cell {
        width: 12.5%
    }
}

.grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem)
}

.grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem)
}

.grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem)
}

.grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.25rem)
}

@media print, screen and (min-width: 50.0625em) {
    .grid-margin-x.small-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.small-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.small-up-3 > .cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.small-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.small-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.small-up-6 > .cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.small-up-7 > .cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.small-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }

    .grid-margin-x.medium-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.medium-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.medium-up-3 > .cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.medium-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.medium-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.medium-up-6 > .cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.medium-up-7 > .cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.medium-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media print, screen and (min-width: 64.0625em) {
    .grid-margin-x.large-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.large-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.large-up-3 > .cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.large-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.large-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.large-up-6 > .cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.large-up-7 > .cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.large-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media screen and (min-width: 75.0625em) {
    .grid-margin-x.xlarge-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-3 > .cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-6 > .cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-7 > .cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.xlarge-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media screen and (min-width: 90.0625em) {
    .grid-margin-x.xxlarge-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.xxlarge-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.xxlarge-up-3 > .cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.xxlarge-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.xxlarge-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.xxlarge-up-6 > .cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.xxlarge-up-7 > .cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.xxlarge-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media screen and (min-width: 100.0625em) {
    .grid-margin-x.extralarge-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.extralarge-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.extralarge-up-3 > .cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.extralarge-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.extralarge-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.extralarge-up-6 > .cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.extralarge-up-7 > .cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.extralarge-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media screen and (min-width: 120.0625em) {
    .grid-margin-x.extremelylarge-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.extremelylarge-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.extremelylarge-up-3 > .cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.extremelylarge-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.extremelylarge-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.extremelylarge-up-6 > .cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.extremelylarge-up-7 > .cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.extremelylarge-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

.small-margin-collapse {
    margin-right: 0;
    margin-left: 0
}

.small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0
}

.small-margin-collapse > .small-1 {
    width: 8.3333333333%
}

.small-margin-collapse > .small-2 {
    width: 16.6666666667%
}

.small-margin-collapse > .small-3 {
    width: 25%
}

.small-margin-collapse > .small-4 {
    width: 33.3333333333%
}

.small-margin-collapse > .small-5 {
    width: 41.6666666667%
}

.small-margin-collapse > .small-6 {
    width: 50%
}

.small-margin-collapse > .small-7 {
    width: 58.3333333333%
}

.small-margin-collapse > .small-8 {
    width: 66.6666666667%
}

.small-margin-collapse > .small-9 {
    width: 75%
}

.small-margin-collapse > .small-10 {
    width: 83.3333333333%
}

.small-margin-collapse > .small-11 {
    width: 91.6666666667%
}

.small-margin-collapse > .small-12 {
    width: 100%
}

@media print, screen and (min-width: 50.0625em) {
    .small-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse > .medium-3 {
        width: 25%
    }

    .small-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse > .medium-6 {
        width: 50%
    }

    .small-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse > .medium-9 {
        width: 75%
    }

    .small-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64.0625em) {
    .small-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse > .large-3 {
        width: 25%
    }

    .small-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse > .large-6 {
        width: 50%
    }

    .small-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse > .large-9 {
        width: 75%
    }

    .small-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 75.0625em) {
    .small-margin-collapse > .xlarge-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse > .xlarge-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .small-margin-collapse > .xlarge-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse > .xlarge-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .small-margin-collapse > .xlarge-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse > .xlarge-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .small-margin-collapse > .xlarge-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse > .xlarge-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 90.0625em) {
    .small-margin-collapse > .xxlarge-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse > .xxlarge-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse > .xxlarge-3 {
        width: 25%
    }

    .small-margin-collapse > .xxlarge-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse > .xxlarge-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse > .xxlarge-6 {
        width: 50%
    }

    .small-margin-collapse > .xxlarge-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse > .xxlarge-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse > .xxlarge-9 {
        width: 75%
    }

    .small-margin-collapse > .xxlarge-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse > .xxlarge-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse > .xxlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .small-margin-collapse > .extralarge-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse > .extralarge-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse > .extralarge-3 {
        width: 25%
    }

    .small-margin-collapse > .extralarge-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse > .extralarge-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse > .extralarge-6 {
        width: 50%
    }

    .small-margin-collapse > .extralarge-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse > .extralarge-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse > .extralarge-9 {
        width: 75%
    }

    .small-margin-collapse > .extralarge-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse > .extralarge-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse > .extralarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .small-margin-collapse > .extremelylarge-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse > .extremelylarge-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse > .extremelylarge-3 {
        width: 25%
    }

    .small-margin-collapse > .extremelylarge-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse > .extremelylarge-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse > .extremelylarge-6 {
        width: 50%
    }

    .small-margin-collapse > .extremelylarge-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse > .extremelylarge-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse > .extremelylarge-9 {
        width: 75%
    }

    .small-margin-collapse > .extremelylarge-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse > .extremelylarge-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse > .extremelylarge-12 {
        width: 100%
    }
}

.small-padding-collapse {
    margin-right: 0;
    margin-left: 0
}

.small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0
}

@media print, screen and (min-width: 50.0625em) {
    .medium-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .medium-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media print, screen and (min-width: 50.0625em) {
    .medium-margin-collapse > .small-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .small-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .small-3 {
        width: 25%
    }

    .medium-margin-collapse > .small-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .small-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .small-6 {
        width: 50%
    }

    .medium-margin-collapse > .small-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .small-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .small-9 {
        width: 75%
    }

    .medium-margin-collapse > .small-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .small-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .small-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 50.0625em) {
    .medium-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .medium-3 {
        width: 25%
    }

    .medium-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .medium-6 {
        width: 50%
    }

    .medium-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .medium-9 {
        width: 75%
    }

    .medium-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64.0625em) {
    .medium-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .large-3 {
        width: 25%
    }

    .medium-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .large-6 {
        width: 50%
    }

    .medium-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .large-9 {
        width: 75%
    }

    .medium-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 75.0625em) {
    .medium-margin-collapse > .xlarge-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .xlarge-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .medium-margin-collapse > .xlarge-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .xlarge-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .medium-margin-collapse > .xlarge-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .xlarge-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .medium-margin-collapse > .xlarge-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .xlarge-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 90.0625em) {
    .medium-margin-collapse > .xxlarge-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .xxlarge-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .xxlarge-3 {
        width: 25%
    }

    .medium-margin-collapse > .xxlarge-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .xxlarge-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .xxlarge-6 {
        width: 50%
    }

    .medium-margin-collapse > .xxlarge-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .xxlarge-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .xxlarge-9 {
        width: 75%
    }

    .medium-margin-collapse > .xxlarge-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .xxlarge-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .xxlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .medium-margin-collapse > .extralarge-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .extralarge-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .extralarge-3 {
        width: 25%
    }

    .medium-margin-collapse > .extralarge-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .extralarge-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .extralarge-6 {
        width: 50%
    }

    .medium-margin-collapse > .extralarge-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .extralarge-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .extralarge-9 {
        width: 75%
    }

    .medium-margin-collapse > .extralarge-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .extralarge-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .extralarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .medium-margin-collapse > .extremelylarge-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .extremelylarge-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .extremelylarge-3 {
        width: 25%
    }

    .medium-margin-collapse > .extremelylarge-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .extremelylarge-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .extremelylarge-6 {
        width: 50%
    }

    .medium-margin-collapse > .extremelylarge-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .extremelylarge-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .extremelylarge-9 {
        width: 75%
    }

    .medium-margin-collapse > .extremelylarge-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .extremelylarge-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .extremelylarge-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 50.0625em) {
    .medium-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .medium-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media print, screen and (min-width: 64.0625em) {
    .large-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .large-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media print, screen and (min-width: 64.0625em) {
    .large-margin-collapse > .small-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .small-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .small-3 {
        width: 25%
    }

    .large-margin-collapse > .small-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .small-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .small-6 {
        width: 50%
    }

    .large-margin-collapse > .small-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .small-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .small-9 {
        width: 75%
    }

    .large-margin-collapse > .small-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .small-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .small-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64.0625em) {
    .large-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .medium-3 {
        width: 25%
    }

    .large-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .medium-6 {
        width: 50%
    }

    .large-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .medium-9 {
        width: 75%
    }

    .large-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64.0625em) {
    .large-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .large-3 {
        width: 25%
    }

    .large-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .large-6 {
        width: 50%
    }

    .large-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .large-9 {
        width: 75%
    }

    .large-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 75.0625em) {
    .large-margin-collapse > .xlarge-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .xlarge-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .large-margin-collapse > .xlarge-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .xlarge-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .large-margin-collapse > .xlarge-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .xlarge-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .large-margin-collapse > .xlarge-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .xlarge-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 90.0625em) {
    .large-margin-collapse > .xxlarge-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .xxlarge-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .xxlarge-3 {
        width: 25%
    }

    .large-margin-collapse > .xxlarge-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .xxlarge-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .xxlarge-6 {
        width: 50%
    }

    .large-margin-collapse > .xxlarge-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .xxlarge-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .xxlarge-9 {
        width: 75%
    }

    .large-margin-collapse > .xxlarge-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .xxlarge-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .xxlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .large-margin-collapse > .extralarge-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .extralarge-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .extralarge-3 {
        width: 25%
    }

    .large-margin-collapse > .extralarge-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .extralarge-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .extralarge-6 {
        width: 50%
    }

    .large-margin-collapse > .extralarge-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .extralarge-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .extralarge-9 {
        width: 75%
    }

    .large-margin-collapse > .extralarge-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .extralarge-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .extralarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .large-margin-collapse > .extremelylarge-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .extremelylarge-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .extremelylarge-3 {
        width: 25%
    }

    .large-margin-collapse > .extremelylarge-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .extremelylarge-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .extremelylarge-6 {
        width: 50%
    }

    .large-margin-collapse > .extremelylarge-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .extremelylarge-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .extremelylarge-9 {
        width: 75%
    }

    .large-margin-collapse > .extremelylarge-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .extremelylarge-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .extremelylarge-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64.0625em) {
    .large-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .large-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .xlarge-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-margin-collapse > .small-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse > .small-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse > .small-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .small-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse > .small-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse > .small-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .small-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse > .small-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse > .small-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .small-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse > .small-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse > .small-12 {
        width: 100%
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse > .medium-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse > .medium-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse > .medium-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse > .large-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse > .large-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse > .large-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-margin-collapse > .xlarge-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse > .xlarge-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .xlarge-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse > .xlarge-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .xlarge-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse > .xlarge-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .xlarge-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse > .xlarge-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 90.0625em) {
    .xlarge-margin-collapse > .xxlarge-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse > .xxlarge-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse > .xxlarge-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .xxlarge-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse > .xxlarge-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse > .xxlarge-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .xxlarge-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse > .xxlarge-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse > .xxlarge-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .xxlarge-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse > .xxlarge-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse > .xxlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .xlarge-margin-collapse > .extralarge-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse > .extralarge-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse > .extralarge-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .extralarge-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse > .extralarge-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse > .extralarge-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .extralarge-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse > .extralarge-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse > .extralarge-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .extralarge-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse > .extralarge-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse > .extralarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .xlarge-margin-collapse > .extremelylarge-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse > .extremelylarge-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse > .extremelylarge-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .extremelylarge-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse > .extremelylarge-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse > .extremelylarge-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .extremelylarge-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse > .extremelylarge-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse > .extremelylarge-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .extremelylarge-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse > .extremelylarge-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse > .extremelylarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .xlarge-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .xxlarge-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-margin-collapse > .small-1 {
        width: 8.3333333333%
    }

    .xxlarge-margin-collapse > .small-2 {
        width: 16.6666666667%
    }

    .xxlarge-margin-collapse > .small-3 {
        width: 25%
    }

    .xxlarge-margin-collapse > .small-4 {
        width: 33.3333333333%
    }

    .xxlarge-margin-collapse > .small-5 {
        width: 41.6666666667%
    }

    .xxlarge-margin-collapse > .small-6 {
        width: 50%
    }

    .xxlarge-margin-collapse > .small-7 {
        width: 58.3333333333%
    }

    .xxlarge-margin-collapse > .small-8 {
        width: 66.6666666667%
    }

    .xxlarge-margin-collapse > .small-9 {
        width: 75%
    }

    .xxlarge-margin-collapse > .small-10 {
        width: 83.3333333333%
    }

    .xxlarge-margin-collapse > .small-11 {
        width: 91.6666666667%
    }

    .xxlarge-margin-collapse > .small-12 {
        width: 100%
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .xxlarge-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .xxlarge-margin-collapse > .medium-3 {
        width: 25%
    }

    .xxlarge-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .xxlarge-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .xxlarge-margin-collapse > .medium-6 {
        width: 50%
    }

    .xxlarge-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .xxlarge-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .xxlarge-margin-collapse > .medium-9 {
        width: 75%
    }

    .xxlarge-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .xxlarge-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .xxlarge-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .xxlarge-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .xxlarge-margin-collapse > .large-3 {
        width: 25%
    }

    .xxlarge-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .xxlarge-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .xxlarge-margin-collapse > .large-6 {
        width: 50%
    }

    .xxlarge-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .xxlarge-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .xxlarge-margin-collapse > .large-9 {
        width: 75%
    }

    .xxlarge-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .xxlarge-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .xxlarge-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-margin-collapse > .xlarge-1 {
        width: 8.3333333333%
    }

    .xxlarge-margin-collapse > .xlarge-2 {
        width: 16.6666666667%
    }

    .xxlarge-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .xxlarge-margin-collapse > .xlarge-4 {
        width: 33.3333333333%
    }

    .xxlarge-margin-collapse > .xlarge-5 {
        width: 41.6666666667%
    }

    .xxlarge-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .xxlarge-margin-collapse > .xlarge-7 {
        width: 58.3333333333%
    }

    .xxlarge-margin-collapse > .xlarge-8 {
        width: 66.6666666667%
    }

    .xxlarge-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .xxlarge-margin-collapse > .xlarge-10 {
        width: 83.3333333333%
    }

    .xxlarge-margin-collapse > .xlarge-11 {
        width: 91.6666666667%
    }

    .xxlarge-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-margin-collapse > .xxlarge-1 {
        width: 8.3333333333%
    }

    .xxlarge-margin-collapse > .xxlarge-2 {
        width: 16.6666666667%
    }

    .xxlarge-margin-collapse > .xxlarge-3 {
        width: 25%
    }

    .xxlarge-margin-collapse > .xxlarge-4 {
        width: 33.3333333333%
    }

    .xxlarge-margin-collapse > .xxlarge-5 {
        width: 41.6666666667%
    }

    .xxlarge-margin-collapse > .xxlarge-6 {
        width: 50%
    }

    .xxlarge-margin-collapse > .xxlarge-7 {
        width: 58.3333333333%
    }

    .xxlarge-margin-collapse > .xxlarge-8 {
        width: 66.6666666667%
    }

    .xxlarge-margin-collapse > .xxlarge-9 {
        width: 75%
    }

    .xxlarge-margin-collapse > .xxlarge-10 {
        width: 83.3333333333%
    }

    .xxlarge-margin-collapse > .xxlarge-11 {
        width: 91.6666666667%
    }

    .xxlarge-margin-collapse > .xxlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .xxlarge-margin-collapse > .extralarge-1 {
        width: 8.3333333333%
    }

    .xxlarge-margin-collapse > .extralarge-2 {
        width: 16.6666666667%
    }

    .xxlarge-margin-collapse > .extralarge-3 {
        width: 25%
    }

    .xxlarge-margin-collapse > .extralarge-4 {
        width: 33.3333333333%
    }

    .xxlarge-margin-collapse > .extralarge-5 {
        width: 41.6666666667%
    }

    .xxlarge-margin-collapse > .extralarge-6 {
        width: 50%
    }

    .xxlarge-margin-collapse > .extralarge-7 {
        width: 58.3333333333%
    }

    .xxlarge-margin-collapse > .extralarge-8 {
        width: 66.6666666667%
    }

    .xxlarge-margin-collapse > .extralarge-9 {
        width: 75%
    }

    .xxlarge-margin-collapse > .extralarge-10 {
        width: 83.3333333333%
    }

    .xxlarge-margin-collapse > .extralarge-11 {
        width: 91.6666666667%
    }

    .xxlarge-margin-collapse > .extralarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .xxlarge-margin-collapse > .extremelylarge-1 {
        width: 8.3333333333%
    }

    .xxlarge-margin-collapse > .extremelylarge-2 {
        width: 16.6666666667%
    }

    .xxlarge-margin-collapse > .extremelylarge-3 {
        width: 25%
    }

    .xxlarge-margin-collapse > .extremelylarge-4 {
        width: 33.3333333333%
    }

    .xxlarge-margin-collapse > .extremelylarge-5 {
        width: 41.6666666667%
    }

    .xxlarge-margin-collapse > .extremelylarge-6 {
        width: 50%
    }

    .xxlarge-margin-collapse > .extremelylarge-7 {
        width: 58.3333333333%
    }

    .xxlarge-margin-collapse > .extremelylarge-8 {
        width: 66.6666666667%
    }

    .xxlarge-margin-collapse > .extremelylarge-9 {
        width: 75%
    }

    .xxlarge-margin-collapse > .extremelylarge-10 {
        width: 83.3333333333%
    }

    .xxlarge-margin-collapse > .extremelylarge-11 {
        width: 91.6666666667%
    }

    .xxlarge-margin-collapse > .extremelylarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .xxlarge-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .extralarge-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-margin-collapse > .small-1 {
        width: 8.3333333333%
    }

    .extralarge-margin-collapse > .small-2 {
        width: 16.6666666667%
    }

    .extralarge-margin-collapse > .small-3 {
        width: 25%
    }

    .extralarge-margin-collapse > .small-4 {
        width: 33.3333333333%
    }

    .extralarge-margin-collapse > .small-5 {
        width: 41.6666666667%
    }

    .extralarge-margin-collapse > .small-6 {
        width: 50%
    }

    .extralarge-margin-collapse > .small-7 {
        width: 58.3333333333%
    }

    .extralarge-margin-collapse > .small-8 {
        width: 66.6666666667%
    }

    .extralarge-margin-collapse > .small-9 {
        width: 75%
    }

    .extralarge-margin-collapse > .small-10 {
        width: 83.3333333333%
    }

    .extralarge-margin-collapse > .small-11 {
        width: 91.6666666667%
    }

    .extralarge-margin-collapse > .small-12 {
        width: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .extralarge-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .extralarge-margin-collapse > .medium-3 {
        width: 25%
    }

    .extralarge-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .extralarge-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .extralarge-margin-collapse > .medium-6 {
        width: 50%
    }

    .extralarge-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .extralarge-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .extralarge-margin-collapse > .medium-9 {
        width: 75%
    }

    .extralarge-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .extralarge-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .extralarge-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .extralarge-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .extralarge-margin-collapse > .large-3 {
        width: 25%
    }

    .extralarge-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .extralarge-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .extralarge-margin-collapse > .large-6 {
        width: 50%
    }

    .extralarge-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .extralarge-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .extralarge-margin-collapse > .large-9 {
        width: 75%
    }

    .extralarge-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .extralarge-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .extralarge-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-margin-collapse > .xlarge-1 {
        width: 8.3333333333%
    }

    .extralarge-margin-collapse > .xlarge-2 {
        width: 16.6666666667%
    }

    .extralarge-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .extralarge-margin-collapse > .xlarge-4 {
        width: 33.3333333333%
    }

    .extralarge-margin-collapse > .xlarge-5 {
        width: 41.6666666667%
    }

    .extralarge-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .extralarge-margin-collapse > .xlarge-7 {
        width: 58.3333333333%
    }

    .extralarge-margin-collapse > .xlarge-8 {
        width: 66.6666666667%
    }

    .extralarge-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .extralarge-margin-collapse > .xlarge-10 {
        width: 83.3333333333%
    }

    .extralarge-margin-collapse > .xlarge-11 {
        width: 91.6666666667%
    }

    .extralarge-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-margin-collapse > .xxlarge-1 {
        width: 8.3333333333%
    }

    .extralarge-margin-collapse > .xxlarge-2 {
        width: 16.6666666667%
    }

    .extralarge-margin-collapse > .xxlarge-3 {
        width: 25%
    }

    .extralarge-margin-collapse > .xxlarge-4 {
        width: 33.3333333333%
    }

    .extralarge-margin-collapse > .xxlarge-5 {
        width: 41.6666666667%
    }

    .extralarge-margin-collapse > .xxlarge-6 {
        width: 50%
    }

    .extralarge-margin-collapse > .xxlarge-7 {
        width: 58.3333333333%
    }

    .extralarge-margin-collapse > .xxlarge-8 {
        width: 66.6666666667%
    }

    .extralarge-margin-collapse > .xxlarge-9 {
        width: 75%
    }

    .extralarge-margin-collapse > .xxlarge-10 {
        width: 83.3333333333%
    }

    .extralarge-margin-collapse > .xxlarge-11 {
        width: 91.6666666667%
    }

    .extralarge-margin-collapse > .xxlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-margin-collapse > .extralarge-1 {
        width: 8.3333333333%
    }

    .extralarge-margin-collapse > .extralarge-2 {
        width: 16.6666666667%
    }

    .extralarge-margin-collapse > .extralarge-3 {
        width: 25%
    }

    .extralarge-margin-collapse > .extralarge-4 {
        width: 33.3333333333%
    }

    .extralarge-margin-collapse > .extralarge-5 {
        width: 41.6666666667%
    }

    .extralarge-margin-collapse > .extralarge-6 {
        width: 50%
    }

    .extralarge-margin-collapse > .extralarge-7 {
        width: 58.3333333333%
    }

    .extralarge-margin-collapse > .extralarge-8 {
        width: 66.6666666667%
    }

    .extralarge-margin-collapse > .extralarge-9 {
        width: 75%
    }

    .extralarge-margin-collapse > .extralarge-10 {
        width: 83.3333333333%
    }

    .extralarge-margin-collapse > .extralarge-11 {
        width: 91.6666666667%
    }

    .extralarge-margin-collapse > .extralarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .extralarge-margin-collapse > .extremelylarge-1 {
        width: 8.3333333333%
    }

    .extralarge-margin-collapse > .extremelylarge-2 {
        width: 16.6666666667%
    }

    .extralarge-margin-collapse > .extremelylarge-3 {
        width: 25%
    }

    .extralarge-margin-collapse > .extremelylarge-4 {
        width: 33.3333333333%
    }

    .extralarge-margin-collapse > .extremelylarge-5 {
        width: 41.6666666667%
    }

    .extralarge-margin-collapse > .extremelylarge-6 {
        width: 50%
    }

    .extralarge-margin-collapse > .extremelylarge-7 {
        width: 58.3333333333%
    }

    .extralarge-margin-collapse > .extremelylarge-8 {
        width: 66.6666666667%
    }

    .extralarge-margin-collapse > .extremelylarge-9 {
        width: 75%
    }

    .extralarge-margin-collapse > .extremelylarge-10 {
        width: 83.3333333333%
    }

    .extralarge-margin-collapse > .extremelylarge-11 {
        width: 91.6666666667%
    }

    .extralarge-margin-collapse > .extremelylarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .extralarge-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .extremelylarge-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-margin-collapse > .small-1 {
        width: 8.3333333333%
    }

    .extremelylarge-margin-collapse > .small-2 {
        width: 16.6666666667%
    }

    .extremelylarge-margin-collapse > .small-3 {
        width: 25%
    }

    .extremelylarge-margin-collapse > .small-4 {
        width: 33.3333333333%
    }

    .extremelylarge-margin-collapse > .small-5 {
        width: 41.6666666667%
    }

    .extremelylarge-margin-collapse > .small-6 {
        width: 50%
    }

    .extremelylarge-margin-collapse > .small-7 {
        width: 58.3333333333%
    }

    .extremelylarge-margin-collapse > .small-8 {
        width: 66.6666666667%
    }

    .extremelylarge-margin-collapse > .small-9 {
        width: 75%
    }

    .extremelylarge-margin-collapse > .small-10 {
        width: 83.3333333333%
    }

    .extremelylarge-margin-collapse > .small-11 {
        width: 91.6666666667%
    }

    .extremelylarge-margin-collapse > .small-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .extremelylarge-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .extremelylarge-margin-collapse > .medium-3 {
        width: 25%
    }

    .extremelylarge-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .extremelylarge-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .extremelylarge-margin-collapse > .medium-6 {
        width: 50%
    }

    .extremelylarge-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .extremelylarge-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .extremelylarge-margin-collapse > .medium-9 {
        width: 75%
    }

    .extremelylarge-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .extremelylarge-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .extremelylarge-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .extremelylarge-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .extremelylarge-margin-collapse > .large-3 {
        width: 25%
    }

    .extremelylarge-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .extremelylarge-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .extremelylarge-margin-collapse > .large-6 {
        width: 50%
    }

    .extremelylarge-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .extremelylarge-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .extremelylarge-margin-collapse > .large-9 {
        width: 75%
    }

    .extremelylarge-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .extremelylarge-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .extremelylarge-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-margin-collapse > .xlarge-1 {
        width: 8.3333333333%
    }

    .extremelylarge-margin-collapse > .xlarge-2 {
        width: 16.6666666667%
    }

    .extremelylarge-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .extremelylarge-margin-collapse > .xlarge-4 {
        width: 33.3333333333%
    }

    .extremelylarge-margin-collapse > .xlarge-5 {
        width: 41.6666666667%
    }

    .extremelylarge-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .extremelylarge-margin-collapse > .xlarge-7 {
        width: 58.3333333333%
    }

    .extremelylarge-margin-collapse > .xlarge-8 {
        width: 66.6666666667%
    }

    .extremelylarge-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .extremelylarge-margin-collapse > .xlarge-10 {
        width: 83.3333333333%
    }

    .extremelylarge-margin-collapse > .xlarge-11 {
        width: 91.6666666667%
    }

    .extremelylarge-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-margin-collapse > .xxlarge-1 {
        width: 8.3333333333%
    }

    .extremelylarge-margin-collapse > .xxlarge-2 {
        width: 16.6666666667%
    }

    .extremelylarge-margin-collapse > .xxlarge-3 {
        width: 25%
    }

    .extremelylarge-margin-collapse > .xxlarge-4 {
        width: 33.3333333333%
    }

    .extremelylarge-margin-collapse > .xxlarge-5 {
        width: 41.6666666667%
    }

    .extremelylarge-margin-collapse > .xxlarge-6 {
        width: 50%
    }

    .extremelylarge-margin-collapse > .xxlarge-7 {
        width: 58.3333333333%
    }

    .extremelylarge-margin-collapse > .xxlarge-8 {
        width: 66.6666666667%
    }

    .extremelylarge-margin-collapse > .xxlarge-9 {
        width: 75%
    }

    .extremelylarge-margin-collapse > .xxlarge-10 {
        width: 83.3333333333%
    }

    .extremelylarge-margin-collapse > .xxlarge-11 {
        width: 91.6666666667%
    }

    .extremelylarge-margin-collapse > .xxlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-margin-collapse > .extralarge-1 {
        width: 8.3333333333%
    }

    .extremelylarge-margin-collapse > .extralarge-2 {
        width: 16.6666666667%
    }

    .extremelylarge-margin-collapse > .extralarge-3 {
        width: 25%
    }

    .extremelylarge-margin-collapse > .extralarge-4 {
        width: 33.3333333333%
    }

    .extremelylarge-margin-collapse > .extralarge-5 {
        width: 41.6666666667%
    }

    .extremelylarge-margin-collapse > .extralarge-6 {
        width: 50%
    }

    .extremelylarge-margin-collapse > .extralarge-7 {
        width: 58.3333333333%
    }

    .extremelylarge-margin-collapse > .extralarge-8 {
        width: 66.6666666667%
    }

    .extremelylarge-margin-collapse > .extralarge-9 {
        width: 75%
    }

    .extremelylarge-margin-collapse > .extralarge-10 {
        width: 83.3333333333%
    }

    .extremelylarge-margin-collapse > .extralarge-11 {
        width: 91.6666666667%
    }

    .extremelylarge-margin-collapse > .extralarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-margin-collapse > .extremelylarge-1 {
        width: 8.3333333333%
    }

    .extremelylarge-margin-collapse > .extremelylarge-2 {
        width: 16.6666666667%
    }

    .extremelylarge-margin-collapse > .extremelylarge-3 {
        width: 25%
    }

    .extremelylarge-margin-collapse > .extremelylarge-4 {
        width: 33.3333333333%
    }

    .extremelylarge-margin-collapse > .extremelylarge-5 {
        width: 41.6666666667%
    }

    .extremelylarge-margin-collapse > .extremelylarge-6 {
        width: 50%
    }

    .extremelylarge-margin-collapse > .extremelylarge-7 {
        width: 58.3333333333%
    }

    .extremelylarge-margin-collapse > .extremelylarge-8 {
        width: 66.6666666667%
    }

    .extremelylarge-margin-collapse > .extremelylarge-9 {
        width: 75%
    }

    .extremelylarge-margin-collapse > .extremelylarge-10 {
        width: 83.3333333333%
    }

    .extremelylarge-margin-collapse > .extremelylarge-11 {
        width: 91.6666666667%
    }

    .extremelylarge-margin-collapse > .extremelylarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .extremelylarge-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0
    }
}

.small-offset-0 {
    margin-left: 0
}

.grid-margin-x > .small-offset-0 {
    margin-left: calc(0% + 1.25rem / 2)
}

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

.grid-margin-x > .small-offset-1 {
    margin-left: calc(8.3333333333% + 1.25rem / 2)
}

.small-offset-2 {
    margin-left: 16.6666666667%
}

.grid-margin-x > .small-offset-2 {
    margin-left: calc(16.6666666667% + 1.25rem / 2)
}

.small-offset-3 {
    margin-left: 25%
}

.grid-margin-x > .small-offset-3 {
    margin-left: calc(25% + 1.25rem / 2)
}

.small-offset-4 {
    margin-left: 33.3333333333%
}

.grid-margin-x > .small-offset-4 {
    margin-left: calc(33.3333333333% + 1.25rem / 2)
}

.small-offset-5 {
    margin-left: 41.6666666667%
}

.grid-margin-x > .small-offset-5 {
    margin-left: calc(41.6666666667% + 1.25rem / 2)
}

.small-offset-6 {
    margin-left: 50%
}

.grid-margin-x > .small-offset-6 {
    margin-left: calc(50% + 1.25rem / 2)
}

.small-offset-7 {
    margin-left: 58.3333333333%
}

.grid-margin-x > .small-offset-7 {
    margin-left: calc(58.3333333333% + 1.25rem / 2)
}

.small-offset-8 {
    margin-left: 66.6666666667%
}

.grid-margin-x > .small-offset-8 {
    margin-left: calc(66.6666666667% + 1.25rem / 2)
}

.small-offset-9 {
    margin-left: 75%
}

.grid-margin-x > .small-offset-9 {
    margin-left: calc(75% + 1.25rem / 2)
}

.small-offset-10 {
    margin-left: 83.3333333333%
}

.grid-margin-x > .small-offset-10 {
    margin-left: calc(83.3333333333% + 1.25rem / 2)
}

.small-offset-11 {
    margin-left: 91.6666666667%
}

.grid-margin-x > .small-offset-11 {
    margin-left: calc(91.6666666667% + 1.25rem / 2)
}

@media print, screen and (min-width: 50.0625em) {
    .medium-offset-0 {
        margin-left: 0
    }

    .grid-margin-x > .medium-offset-0 {
        margin-left: calc(0% + 1.875rem / 2)
    }

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

    .grid-margin-x > .medium-offset-1 {
        margin-left: calc(8.3333333333% + 1.875rem / 2)
    }

    .medium-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x > .medium-offset-2 {
        margin-left: calc(16.6666666667% + 1.875rem / 2)
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .medium-offset-3 {
        margin-left: calc(25% + 1.875rem / 2)
    }

    .medium-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x > .medium-offset-4 {
        margin-left: calc(33.3333333333% + 1.875rem / 2)
    }

    .medium-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x > .medium-offset-5 {
        margin-left: calc(41.6666666667% + 1.875rem / 2)
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .medium-offset-6 {
        margin-left: calc(50% + 1.875rem / 2)
    }

    .medium-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x > .medium-offset-7 {
        margin-left: calc(58.3333333333% + 1.875rem / 2)
    }

    .medium-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x > .medium-offset-8 {
        margin-left: calc(66.6666666667% + 1.875rem / 2)
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .medium-offset-9 {
        margin-left: calc(75% + 1.875rem / 2)
    }

    .medium-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x > .medium-offset-10 {
        margin-left: calc(83.3333333333% + 1.875rem / 2)
    }

    .medium-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x > .medium-offset-11 {
        margin-left: calc(91.6666666667% + 1.875rem / 2)
    }
}

@media print, screen and (min-width: 64.0625em) {
    .large-offset-0 {
        margin-left: 0
    }

    .grid-margin-x > .large-offset-0 {
        margin-left: calc(0% + 1.875rem / 2)
    }

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

    .grid-margin-x > .large-offset-1 {
        margin-left: calc(8.3333333333% + 1.875rem / 2)
    }

    .large-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x > .large-offset-2 {
        margin-left: calc(16.6666666667% + 1.875rem / 2)
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .large-offset-3 {
        margin-left: calc(25% + 1.875rem / 2)
    }

    .large-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x > .large-offset-4 {
        margin-left: calc(33.3333333333% + 1.875rem / 2)
    }

    .large-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x > .large-offset-5 {
        margin-left: calc(41.6666666667% + 1.875rem / 2)
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .large-offset-6 {
        margin-left: calc(50% + 1.875rem / 2)
    }

    .large-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x > .large-offset-7 {
        margin-left: calc(58.3333333333% + 1.875rem / 2)
    }

    .large-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x > .large-offset-8 {
        margin-left: calc(66.6666666667% + 1.875rem / 2)
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .large-offset-9 {
        margin-left: calc(75% + 1.875rem / 2)
    }

    .large-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x > .large-offset-10 {
        margin-left: calc(83.3333333333% + 1.875rem / 2)
    }

    .large-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x > .large-offset-11 {
        margin-left: calc(91.6666666667% + 1.875rem / 2)
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-offset-0 {
        margin-left: 0
    }

    .grid-margin-x > .xlarge-offset-0 {
        margin-left: calc(0% + 1.875rem / 2)
    }

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

    .grid-margin-x > .xlarge-offset-1 {
        margin-left: calc(8.3333333333% + 1.875rem / 2)
    }

    .xlarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x > .xlarge-offset-2 {
        margin-left: calc(16.6666666667% + 1.875rem / 2)
    }

    .xlarge-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .xlarge-offset-3 {
        margin-left: calc(25% + 1.875rem / 2)
    }

    .xlarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x > .xlarge-offset-4 {
        margin-left: calc(33.3333333333% + 1.875rem / 2)
    }

    .xlarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x > .xlarge-offset-5 {
        margin-left: calc(41.6666666667% + 1.875rem / 2)
    }

    .xlarge-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .xlarge-offset-6 {
        margin-left: calc(50% + 1.875rem / 2)
    }

    .xlarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x > .xlarge-offset-7 {
        margin-left: calc(58.3333333333% + 1.875rem / 2)
    }

    .xlarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x > .xlarge-offset-8 {
        margin-left: calc(66.6666666667% + 1.875rem / 2)
    }

    .xlarge-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .xlarge-offset-9 {
        margin-left: calc(75% + 1.875rem / 2)
    }

    .xlarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x > .xlarge-offset-10 {
        margin-left: calc(83.3333333333% + 1.875rem / 2)
    }

    .xlarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x > .xlarge-offset-11 {
        margin-left: calc(91.6666666667% + 1.875rem / 2)
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-offset-0 {
        margin-left: 0
    }

    .grid-margin-x > .xxlarge-offset-0 {
        margin-left: calc(0% + 1.875rem / 2)
    }

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

    .grid-margin-x > .xxlarge-offset-1 {
        margin-left: calc(8.3333333333% + 1.875rem / 2)
    }

    .xxlarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x > .xxlarge-offset-2 {
        margin-left: calc(16.6666666667% + 1.875rem / 2)
    }

    .xxlarge-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .xxlarge-offset-3 {
        margin-left: calc(25% + 1.875rem / 2)
    }

    .xxlarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x > .xxlarge-offset-4 {
        margin-left: calc(33.3333333333% + 1.875rem / 2)
    }

    .xxlarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x > .xxlarge-offset-5 {
        margin-left: calc(41.6666666667% + 1.875rem / 2)
    }

    .xxlarge-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .xxlarge-offset-6 {
        margin-left: calc(50% + 1.875rem / 2)
    }

    .xxlarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x > .xxlarge-offset-7 {
        margin-left: calc(58.3333333333% + 1.875rem / 2)
    }

    .xxlarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x > .xxlarge-offset-8 {
        margin-left: calc(66.6666666667% + 1.875rem / 2)
    }

    .xxlarge-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .xxlarge-offset-9 {
        margin-left: calc(75% + 1.875rem / 2)
    }

    .xxlarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x > .xxlarge-offset-10 {
        margin-left: calc(83.3333333333% + 1.875rem / 2)
    }

    .xxlarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x > .xxlarge-offset-11 {
        margin-left: calc(91.6666666667% + 1.875rem / 2)
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-offset-0 {
        margin-left: 0
    }

    .grid-margin-x > .extralarge-offset-0 {
        margin-left: calc(0% + 1.875rem / 2)
    }

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

    .grid-margin-x > .extralarge-offset-1 {
        margin-left: calc(8.3333333333% + 1.875rem / 2)
    }

    .extralarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x > .extralarge-offset-2 {
        margin-left: calc(16.6666666667% + 1.875rem / 2)
    }

    .extralarge-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .extralarge-offset-3 {
        margin-left: calc(25% + 1.875rem / 2)
    }

    .extralarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x > .extralarge-offset-4 {
        margin-left: calc(33.3333333333% + 1.875rem / 2)
    }

    .extralarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x > .extralarge-offset-5 {
        margin-left: calc(41.6666666667% + 1.875rem / 2)
    }

    .extralarge-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .extralarge-offset-6 {
        margin-left: calc(50% + 1.875rem / 2)
    }

    .extralarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x > .extralarge-offset-7 {
        margin-left: calc(58.3333333333% + 1.875rem / 2)
    }

    .extralarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x > .extralarge-offset-8 {
        margin-left: calc(66.6666666667% + 1.875rem / 2)
    }

    .extralarge-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .extralarge-offset-9 {
        margin-left: calc(75% + 1.875rem / 2)
    }

    .extralarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x > .extralarge-offset-10 {
        margin-left: calc(83.3333333333% + 1.875rem / 2)
    }

    .extralarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x > .extralarge-offset-11 {
        margin-left: calc(91.6666666667% + 1.875rem / 2)
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-offset-0 {
        margin-left: 0
    }

    .grid-margin-x > .extremelylarge-offset-0 {
        margin-left: calc(0% + 1.875rem / 2)
    }

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

    .grid-margin-x > .extremelylarge-offset-1 {
        margin-left: calc(8.3333333333% + 1.875rem / 2)
    }

    .extremelylarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x > .extremelylarge-offset-2 {
        margin-left: calc(16.6666666667% + 1.875rem / 2)
    }

    .extremelylarge-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .extremelylarge-offset-3 {
        margin-left: calc(25% + 1.875rem / 2)
    }

    .extremelylarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x > .extremelylarge-offset-4 {
        margin-left: calc(33.3333333333% + 1.875rem / 2)
    }

    .extremelylarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x > .extremelylarge-offset-5 {
        margin-left: calc(41.6666666667% + 1.875rem / 2)
    }

    .extremelylarge-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .extremelylarge-offset-6 {
        margin-left: calc(50% + 1.875rem / 2)
    }

    .extremelylarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x > .extremelylarge-offset-7 {
        margin-left: calc(58.3333333333% + 1.875rem / 2)
    }

    .extremelylarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x > .extremelylarge-offset-8 {
        margin-left: calc(66.6666666667% + 1.875rem / 2)
    }

    .extremelylarge-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .extremelylarge-offset-9 {
        margin-left: calc(75% + 1.875rem / 2)
    }

    .extremelylarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x > .extremelylarge-offset-10 {
        margin-left: calc(83.3333333333% + 1.875rem / 2)
    }

    .extremelylarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x > .extremelylarge-offset-11 {
        margin-left: calc(91.6666666667% + 1.875rem / 2)
    }
}

.grid-y {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.grid-y > .cell {
    height: auto;
    max-height: none
}

.grid-y > .auto {
    height: auto
}

.grid-y > .shrink {
    height: auto
}

.grid-y > .small-1,
.grid-y > .small-10,
.grid-y > .small-11,
.grid-y > .small-12,
.grid-y > .small-2,
.grid-y > .small-3,
.grid-y > .small-4,
.grid-y > .small-5,
.grid-y > .small-6,
.grid-y > .small-7,
.grid-y > .small-8,
.grid-y > .small-9,
.grid-y > .small-full,
.grid-y > .small-shrink {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media print, screen and (min-width: 50.0625em) {

    .grid-y > .medium-1,
    .grid-y > .medium-10,
    .grid-y > .medium-11,
    .grid-y > .medium-12,
    .grid-y > .medium-2,
    .grid-y > .medium-3,
    .grid-y > .medium-4,
    .grid-y > .medium-5,
    .grid-y > .medium-6,
    .grid-y > .medium-7,
    .grid-y > .medium-8,
    .grid-y > .medium-9,
    .grid-y > .medium-full,
    .grid-y > .medium-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media print, screen and (min-width: 64.0625em) {

    .grid-y > .large-1,
    .grid-y > .large-10,
    .grid-y > .large-11,
    .grid-y > .large-12,
    .grid-y > .large-2,
    .grid-y > .large-3,
    .grid-y > .large-4,
    .grid-y > .large-5,
    .grid-y > .large-6,
    .grid-y > .large-7,
    .grid-y > .large-8,
    .grid-y > .large-9,
    .grid-y > .large-full,
    .grid-y > .large-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

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

    .grid-y > .xlarge-1,
    .grid-y > .xlarge-10,
    .grid-y > .xlarge-11,
    .grid-y > .xlarge-12,
    .grid-y > .xlarge-2,
    .grid-y > .xlarge-3,
    .grid-y > .xlarge-4,
    .grid-y > .xlarge-5,
    .grid-y > .xlarge-6,
    .grid-y > .xlarge-7,
    .grid-y > .xlarge-8,
    .grid-y > .xlarge-9,
    .grid-y > .xlarge-full,
    .grid-y > .xlarge-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

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

    .grid-y > .xxlarge-1,
    .grid-y > .xxlarge-10,
    .grid-y > .xxlarge-11,
    .grid-y > .xxlarge-12,
    .grid-y > .xxlarge-2,
    .grid-y > .xxlarge-3,
    .grid-y > .xxlarge-4,
    .grid-y > .xxlarge-5,
    .grid-y > .xxlarge-6,
    .grid-y > .xxlarge-7,
    .grid-y > .xxlarge-8,
    .grid-y > .xxlarge-9,
    .grid-y > .xxlarge-full,
    .grid-y > .xxlarge-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

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

    .grid-y > .extralarge-1,
    .grid-y > .extralarge-10,
    .grid-y > .extralarge-11,
    .grid-y > .extralarge-12,
    .grid-y > .extralarge-2,
    .grid-y > .extralarge-3,
    .grid-y > .extralarge-4,
    .grid-y > .extralarge-5,
    .grid-y > .extralarge-6,
    .grid-y > .extralarge-7,
    .grid-y > .extralarge-8,
    .grid-y > .extralarge-9,
    .grid-y > .extralarge-full,
    .grid-y > .extralarge-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

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

    .grid-y > .extremelylarge-1,
    .grid-y > .extremelylarge-10,
    .grid-y > .extremelylarge-11,
    .grid-y > .extremelylarge-12,
    .grid-y > .extremelylarge-2,
    .grid-y > .extremelylarge-3,
    .grid-y > .extremelylarge-4,
    .grid-y > .extremelylarge-5,
    .grid-y > .extremelylarge-6,
    .grid-y > .extremelylarge-7,
    .grid-y > .extremelylarge-8,
    .grid-y > .extremelylarge-9,
    .grid-y > .extremelylarge-full,
    .grid-y > .extremelylarge-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.grid-y > .small-1,
.grid-y > .small-10,
.grid-y > .small-11,
.grid-y > .small-12,
.grid-y > .small-2,
.grid-y > .small-3,
.grid-y > .small-4,
.grid-y > .small-5,
.grid-y > .small-6,
.grid-y > .small-7,
.grid-y > .small-8,
.grid-y > .small-9 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid-y > .small-1 {
    height: 8.3333333333%
}

.grid-y > .small-2 {
    height: 16.6666666667%
}

.grid-y > .small-3 {
    height: 25%
}

.grid-y > .small-4 {
    height: 33.3333333333%
}

.grid-y > .small-5 {
    height: 41.6666666667%
}

.grid-y > .small-6 {
    height: 50%
}

.grid-y > .small-7 {
    height: 58.3333333333%
}

.grid-y > .small-8 {
    height: 66.6666666667%
}

.grid-y > .small-9 {
    height: 75%
}

.grid-y > .small-10 {
    height: 83.3333333333%
}

.grid-y > .small-11 {
    height: 91.6666666667%
}

.grid-y > .small-12 {
    height: 100%
}

@media print, screen and (min-width: 50.0625em) {
    .grid-y > .medium-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .medium-1,
    .grid-y > .medium-10,
    .grid-y > .medium-11,
    .grid-y > .medium-12,
    .grid-y > .medium-2,
    .grid-y > .medium-3,
    .grid-y > .medium-4,
    .grid-y > .medium-5,
    .grid-y > .medium-6,
    .grid-y > .medium-7,
    .grid-y > .medium-8,
    .grid-y > .medium-9,
    .grid-y > .medium-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-y > .medium-shrink {
        height: auto
    }

    .grid-y > .medium-1 {
        height: 8.3333333333%
    }

    .grid-y > .medium-2 {
        height: 16.6666666667%
    }

    .grid-y > .medium-3 {
        height: 25%
    }

    .grid-y > .medium-4 {
        height: 33.3333333333%
    }

    .grid-y > .medium-5 {
        height: 41.6666666667%
    }

    .grid-y > .medium-6 {
        height: 50%
    }

    .grid-y > .medium-7 {
        height: 58.3333333333%
    }

    .grid-y > .medium-8 {
        height: 66.6666666667%
    }

    .grid-y > .medium-9 {
        height: 75%
    }

    .grid-y > .medium-10 {
        height: 83.3333333333%
    }

    .grid-y > .medium-11 {
        height: 91.6666666667%
    }

    .grid-y > .medium-12 {
        height: 100%
    }
}

@media print, screen and (min-width: 64.0625em) {
    .grid-y > .large-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .large-1,
    .grid-y > .large-10,
    .grid-y > .large-11,
    .grid-y > .large-12,
    .grid-y > .large-2,
    .grid-y > .large-3,
    .grid-y > .large-4,
    .grid-y > .large-5,
    .grid-y > .large-6,
    .grid-y > .large-7,
    .grid-y > .large-8,
    .grid-y > .large-9,
    .grid-y > .large-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-y > .large-shrink {
        height: auto
    }

    .grid-y > .large-1 {
        height: 8.3333333333%
    }

    .grid-y > .large-2 {
        height: 16.6666666667%
    }

    .grid-y > .large-3 {
        height: 25%
    }

    .grid-y > .large-4 {
        height: 33.3333333333%
    }

    .grid-y > .large-5 {
        height: 41.6666666667%
    }

    .grid-y > .large-6 {
        height: 50%
    }

    .grid-y > .large-7 {
        height: 58.3333333333%
    }

    .grid-y > .large-8 {
        height: 66.6666666667%
    }

    .grid-y > .large-9 {
        height: 75%
    }

    .grid-y > .large-10 {
        height: 83.3333333333%
    }

    .grid-y > .large-11 {
        height: 91.6666666667%
    }

    .grid-y > .large-12 {
        height: 100%
    }
}

@media screen and (min-width: 75.0625em) {
    .grid-y > .xlarge-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .xlarge-1,
    .grid-y > .xlarge-10,
    .grid-y > .xlarge-11,
    .grid-y > .xlarge-12,
    .grid-y > .xlarge-2,
    .grid-y > .xlarge-3,
    .grid-y > .xlarge-4,
    .grid-y > .xlarge-5,
    .grid-y > .xlarge-6,
    .grid-y > .xlarge-7,
    .grid-y > .xlarge-8,
    .grid-y > .xlarge-9,
    .grid-y > .xlarge-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-y > .xlarge-shrink {
        height: auto
    }

    .grid-y > .xlarge-1 {
        height: 8.3333333333%
    }

    .grid-y > .xlarge-2 {
        height: 16.6666666667%
    }

    .grid-y > .xlarge-3 {
        height: 25%
    }

    .grid-y > .xlarge-4 {
        height: 33.3333333333%
    }

    .grid-y > .xlarge-5 {
        height: 41.6666666667%
    }

    .grid-y > .xlarge-6 {
        height: 50%
    }

    .grid-y > .xlarge-7 {
        height: 58.3333333333%
    }

    .grid-y > .xlarge-8 {
        height: 66.6666666667%
    }

    .grid-y > .xlarge-9 {
        height: 75%
    }

    .grid-y > .xlarge-10 {
        height: 83.3333333333%
    }

    .grid-y > .xlarge-11 {
        height: 91.6666666667%
    }

    .grid-y > .xlarge-12 {
        height: 100%
    }
}

@media screen and (min-width: 90.0625em) {
    .grid-y > .xxlarge-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .xxlarge-1,
    .grid-y > .xxlarge-10,
    .grid-y > .xxlarge-11,
    .grid-y > .xxlarge-12,
    .grid-y > .xxlarge-2,
    .grid-y > .xxlarge-3,
    .grid-y > .xxlarge-4,
    .grid-y > .xxlarge-5,
    .grid-y > .xxlarge-6,
    .grid-y > .xxlarge-7,
    .grid-y > .xxlarge-8,
    .grid-y > .xxlarge-9,
    .grid-y > .xxlarge-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-y > .xxlarge-shrink {
        height: auto
    }

    .grid-y > .xxlarge-1 {
        height: 8.3333333333%
    }

    .grid-y > .xxlarge-2 {
        height: 16.6666666667%
    }

    .grid-y > .xxlarge-3 {
        height: 25%
    }

    .grid-y > .xxlarge-4 {
        height: 33.3333333333%
    }

    .grid-y > .xxlarge-5 {
        height: 41.6666666667%
    }

    .grid-y > .xxlarge-6 {
        height: 50%
    }

    .grid-y > .xxlarge-7 {
        height: 58.3333333333%
    }

    .grid-y > .xxlarge-8 {
        height: 66.6666666667%
    }

    .grid-y > .xxlarge-9 {
        height: 75%
    }

    .grid-y > .xxlarge-10 {
        height: 83.3333333333%
    }

    .grid-y > .xxlarge-11 {
        height: 91.6666666667%
    }

    .grid-y > .xxlarge-12 {
        height: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .grid-y > .extralarge-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .extralarge-1,
    .grid-y > .extralarge-10,
    .grid-y > .extralarge-11,
    .grid-y > .extralarge-12,
    .grid-y > .extralarge-2,
    .grid-y > .extralarge-3,
    .grid-y > .extralarge-4,
    .grid-y > .extralarge-5,
    .grid-y > .extralarge-6,
    .grid-y > .extralarge-7,
    .grid-y > .extralarge-8,
    .grid-y > .extralarge-9,
    .grid-y > .extralarge-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-y > .extralarge-shrink {
        height: auto
    }

    .grid-y > .extralarge-1 {
        height: 8.3333333333%
    }

    .grid-y > .extralarge-2 {
        height: 16.6666666667%
    }

    .grid-y > .extralarge-3 {
        height: 25%
    }

    .grid-y > .extralarge-4 {
        height: 33.3333333333%
    }

    .grid-y > .extralarge-5 {
        height: 41.6666666667%
    }

    .grid-y > .extralarge-6 {
        height: 50%
    }

    .grid-y > .extralarge-7 {
        height: 58.3333333333%
    }

    .grid-y > .extralarge-8 {
        height: 66.6666666667%
    }

    .grid-y > .extralarge-9 {
        height: 75%
    }

    .grid-y > .extralarge-10 {
        height: 83.3333333333%
    }

    .grid-y > .extralarge-11 {
        height: 91.6666666667%
    }

    .grid-y > .extralarge-12 {
        height: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .grid-y > .extremelylarge-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .extremelylarge-1,
    .grid-y > .extremelylarge-10,
    .grid-y > .extremelylarge-11,
    .grid-y > .extremelylarge-12,
    .grid-y > .extremelylarge-2,
    .grid-y > .extremelylarge-3,
    .grid-y > .extremelylarge-4,
    .grid-y > .extremelylarge-5,
    .grid-y > .extremelylarge-6,
    .grid-y > .extremelylarge-7,
    .grid-y > .extremelylarge-8,
    .grid-y > .extremelylarge-9,
    .grid-y > .extremelylarge-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-y > .extremelylarge-shrink {
        height: auto
    }

    .grid-y > .extremelylarge-1 {
        height: 8.3333333333%
    }

    .grid-y > .extremelylarge-2 {
        height: 16.6666666667%
    }

    .grid-y > .extremelylarge-3 {
        height: 25%
    }

    .grid-y > .extremelylarge-4 {
        height: 33.3333333333%
    }

    .grid-y > .extremelylarge-5 {
        height: 41.6666666667%
    }

    .grid-y > .extremelylarge-6 {
        height: 50%
    }

    .grid-y > .extremelylarge-7 {
        height: 58.3333333333%
    }

    .grid-y > .extremelylarge-8 {
        height: 66.6666666667%
    }

    .grid-y > .extremelylarge-9 {
        height: 75%
    }

    .grid-y > .extremelylarge-10 {
        height: 83.3333333333%
    }

    .grid-y > .extremelylarge-11 {
        height: 91.6666666667%
    }

    .grid-y > .extremelylarge-12 {
        height: 100%
    }
}

.grid-padding-y .grid-padding-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print, screen and (min-width: 50.0625em) {
    .grid-padding-y .grid-padding-y {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }
}

.grid-padding-y > .cell {
    padding-top: .625rem;
    padding-bottom: .625rem
}

@media print, screen and (min-width: 50.0625em) {
    .grid-padding-y > .cell {
        padding-top: .9375rem;
        padding-bottom: .9375rem
    }
}

.grid-margin-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print, screen and (min-width: 50.0625em) {
    .grid-margin-y {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }
}

.grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem
}

@media print, screen and (min-width: 50.0625em) {
    .grid-margin-y > .cell {
        height: calc(100% - 1.875rem);
        margin-top: .9375rem;
        margin-bottom: .9375rem
    }
}

.grid-margin-y > .auto {
    height: auto
}

.grid-margin-y > .shrink {
    height: auto
}

.grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.25rem)
}

.grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.25rem)
}

.grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.25rem)
}

.grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.25rem)
}

.grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.25rem)
}

.grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.25rem)
}

.grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.25rem)
}

.grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.25rem)
}

.grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 50.0625em) {
    .grid-margin-y > .auto {
        height: auto
    }

    .grid-margin-y > .shrink {
        height: auto
    }

    .grid-margin-y > .small-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .small-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .small-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .small-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-12 {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y > .medium-auto {
        height: auto
    }

    .grid-margin-y > .medium-shrink {
        height: auto
    }

    .grid-margin-y > .medium-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .medium-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .medium-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .medium-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print, screen and (min-width: 64.0625em) {
    .grid-margin-y > .large-auto {
        height: auto
    }

    .grid-margin-y > .large-shrink {
        height: auto
    }

    .grid-margin-y > .large-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .large-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .large-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .large-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-12 {
        height: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 75.0625em) {
    .grid-margin-y > .xlarge-auto {
        height: auto
    }

    .grid-margin-y > .xlarge-shrink {
        height: auto
    }

    .grid-margin-y > .xlarge-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .xlarge-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .xlarge-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .xlarge-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-12 {
        height: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 90.0625em) {
    .grid-margin-y > .xxlarge-auto {
        height: auto
    }

    .grid-margin-y > .xxlarge-shrink {
        height: auto
    }

    .grid-margin-y > .xxlarge-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-12 {
        height: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 100.0625em) {
    .grid-margin-y > .extralarge-auto {
        height: auto
    }

    .grid-margin-y > .extralarge-shrink {
        height: auto
    }

    .grid-margin-y > .extralarge-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extralarge-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extralarge-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .extralarge-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extralarge-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extralarge-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .extralarge-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extralarge-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extralarge-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .extralarge-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extralarge-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extralarge-12 {
        height: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 120.0625em) {
    .grid-margin-y > .extremelylarge-auto {
        height: auto
    }

    .grid-margin-y > .extremelylarge-shrink {
        height: auto
    }

    .grid-margin-y > .extremelylarge-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-12 {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw
}

.cell .grid-frame {
    width: 100%
}

.cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%
}

.cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media print, screen and (min-width: 50.0625em) {
    .medium-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }

    .cell .medium-grid-frame {
        width: 100%
    }

    .medium-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .medium-cell-block-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }

    .medium-cell-block-container > .grid-x {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .medium-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media print, screen and (min-width: 64.0625em) {
    .large-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }

    .cell .large-grid-frame {
        width: 100%
    }

    .large-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .large-cell-block-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }

    .large-cell-block-container > .grid-x {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .large-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media screen and (min-width: 75.0625em) {
    .xlarge-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }

    .cell .xlarge-grid-frame {
        width: 100%
    }

    .xlarge-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .xlarge-cell-block-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }

    .xlarge-cell-block-container > .grid-x {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .xlarge-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }

    .cell .xxlarge-grid-frame {
        width: 100%
    }

    .xxlarge-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .xxlarge-cell-block-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }

    .xxlarge-cell-block-container > .grid-x {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .xxlarge-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media screen and (min-width: 100.0625em) {
    .extralarge-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }

    .cell .extralarge-grid-frame {
        width: 100%
    }

    .extralarge-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .extralarge-cell-block-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }

    .extralarge-cell-block-container > .grid-x {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .extralarge-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media screen and (min-width: 120.0625em) {
    .extremelylarge-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }

    .cell .extremelylarge-grid-frame {
        width: 100%
    }

    .extremelylarge-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .extremelylarge-cell-block-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }

    .extremelylarge-cell-block-container > .grid-x {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .extremelylarge-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

.grid-y.grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh;
    width: auto
}

@media print, screen and (min-width: 50.0625em) {
    .grid-y.medium-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

@media print, screen and (min-width: 64.0625em) {
    .grid-y.large-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

@media screen and (min-width: 75.0625em) {
    .grid-y.xlarge-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

@media screen and (min-width: 90.0625em) {
    .grid-y.xxlarge-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

@media screen and (min-width: 100.0625em) {
    .grid-y.extralarge-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

@media screen and (min-width: 120.0625em) {
    .grid-y.extremelylarge-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

.cell .grid-y.grid-frame {
    height: 100%
}

@media print, screen and (min-width: 50.0625em) {
    .cell .grid-y.medium-grid-frame {
        height: 100%
    }
}

@media print, screen and (min-width: 64.0625em) {
    .cell .grid-y.large-grid-frame {
        height: 100%
    }
}

@media screen and (min-width: 75.0625em) {
    .cell .grid-y.xlarge-grid-frame {
        height: 100%
    }
}

@media screen and (min-width: 90.0625em) {
    .cell .grid-y.xxlarge-grid-frame {
        height: 100%
    }
}

@media screen and (min-width: 100.0625em) {
    .cell .grid-y.extralarge-grid-frame {
        height: 100%
    }
}

@media screen and (min-width: 120.0625em) {
    .cell .grid-y.extremelylarge-grid-frame {
        height: 100%
    }
}

.grid-margin-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print, screen and (min-width: 50.0625em) {
    .grid-margin-y {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }
}

.grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem
}

@media print, screen and (min-width: 50.0625em) {
    .grid-margin-y > .cell {
        height: calc(100% - 1.875rem);
        margin-top: .9375rem;
        margin-bottom: .9375rem
    }
}

.grid-margin-y > .auto {
    height: auto
}

.grid-margin-y > .shrink {
    height: auto
}

.grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.25rem)
}

.grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.25rem)
}

.grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.25rem)
}

.grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.25rem)
}

.grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.25rem)
}

.grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.25rem)
}

.grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.25rem)
}

.grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.25rem)
}

.grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 50.0625em) {
    .grid-margin-y > .auto {
        height: auto
    }

    .grid-margin-y > .shrink {
        height: auto
    }

    .grid-margin-y > .small-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .small-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .small-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .small-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .small-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .small-12 {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y > .medium-auto {
        height: auto
    }

    .grid-margin-y > .medium-shrink {
        height: auto
    }

    .grid-margin-y > .medium-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .medium-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .medium-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .medium-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .medium-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print, screen and (min-width: 64.0625em) {
    .grid-margin-y > .large-auto {
        height: auto
    }

    .grid-margin-y > .large-shrink {
        height: auto
    }

    .grid-margin-y > .large-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .large-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .large-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .large-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .large-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .large-12 {
        height: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 75.0625em) {
    .grid-margin-y > .xlarge-auto {
        height: auto
    }

    .grid-margin-y > .xlarge-shrink {
        height: auto
    }

    .grid-margin-y > .xlarge-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .xlarge-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .xlarge-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .xlarge-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xlarge-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xlarge-12 {
        height: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 90.0625em) {
    .grid-margin-y > .xxlarge-auto {
        height: auto
    }

    .grid-margin-y > .xxlarge-shrink {
        height: auto
    }

    .grid-margin-y > .xxlarge-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .xxlarge-12 {
        height: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 100.0625em) {
    .grid-margin-y > .extralarge-auto {
        height: auto
    }

    .grid-margin-y > .extralarge-shrink {
        height: auto
    }

    .grid-margin-y > .extralarge-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extralarge-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extralarge-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .extralarge-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extralarge-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extralarge-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .extralarge-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extralarge-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extralarge-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .extralarge-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extralarge-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extralarge-12 {
        height: calc(100% - 1.875rem)
    }
}

@media screen and (min-width: 120.0625em) {
    .grid-margin-y > .extremelylarge-auto {
        height: auto
    }

    .grid-margin-y > .extremelylarge-shrink {
        height: auto
    }

    .grid-margin-y > .extremelylarge-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y > .extremelylarge-12 {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + 1.25rem)
}

@media print, screen and (min-width: 50.0625em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media print, screen and (min-width: 64.0625em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media screen and (min-width: 75.0625em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media screen and (min-width: 90.0625em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media screen and (min-width: 100.0625em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media screen and (min-width: 120.0625em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media print, screen and (min-width: 50.0625em) {
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

@media print, screen and (min-width: 64.0625em) {
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

@media screen and (min-width: 75.0625em) {
    .grid-margin-y.xlarge-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

@media screen and (min-width: 90.0625em) {
    .grid-margin-y.xxlarge-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

@media screen and (min-width: 100.0625em) {
    .grid-margin-y.extralarge-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

@media screen and (min-width: 120.0625em) {
    .grid-margin-y.extremelylarge-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

@page {
    size: A4;
    margin: 4mm 4mm
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden
    }

    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes heightGrows {
    0% {
        max-height: 0
    }
}

@keyframes widthGrows {
    0% {
        max-width: 0
    }
}

@keyframes widthShrink {
    100% {
        max-width: 0
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes slideUp {
    100% {
        height: 0;
        padding: 0
    }
}

body {
    background: #fff;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-print-color-adjust: exact
}

.text-regular {
    font-weight: 400 !important
}

.upcase {
    text-transform: uppercase
}

.cursor-ignore {
    pointer-events: none
}

a {
    outline: 0
}

* {
    text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: transparent
}

.padding-block {
    padding: 35px 0
}

.page-content {
    min-height: calc(100vh - 360px);
    padding-bottom: 55px;
    background: #f6f6f6
}

.amex,
.discover,
.mastercard,
.visa {
    background-repeat: no-repeat
}

.svg-icon {
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.svg-icon img,
.svg-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dimmed {
    opacity: .5
}

.desaturated {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.blurred {
    -webkit-filter: blur(6px);
    filter: blur(6px)
}

.account-creation-description {
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    position: relative;
    bottom: 28px
}

.padded-content {
    padding-top: 50px
}

body.is-mobile-menu-opened {
    overflow: hidden
}

.format-locale-date {
    white-space: normal
}

@media screen and (max-width: 480px) {
    .format-locale-date {
        white-space: pre
    }
}

@font-face {
    font-family: "Segoe UI";
    src: url(../fonts/segoeregular.woff2) format("woff2"), url(../fonts/segoeregular.woff) format("woff"), url(../fonts/segoeregular.eot) format("embedded-opentype"), url(../fonts/segoeregular.ttf) format("truetype"), url(../fonts/segoeregular.svg#segoeregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Segoe UI";
    src: url(../fonts/segoelight.woff2) format("woff2"), url(../fonts/segoelight.woff) format("woff"), url(../fonts/segoelight.eot) format("embedded-opentype"), url(../fonts/segoelight.ttf) format("truetype"), url(../fonts/segoelight.svg#segoelight) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Segoe UI";
    src: url(../fonts/segoebold.woff2) format("woff2"), url(../fonts/segoebold.woff) format("woff"), url(../fonts/segoebold.eot) format("embedded-opentype"), url(../fonts/segoebold.ttf) format("truetype"), url(../fonts/segoebold.svg#segoebold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Segoe UI";
    src: url(../fonts/segoeblack.woff2) format("woff2"), url(../fonts/segoeblack.woff) format("woff"), url(../fonts/segoeblack.eot) format("embedded-opentype"), url(../fonts/segoeblack.ttf) format("truetype"), url(../fonts/segoeblack.svg#segoeblack) format("svg");
    font-weight: 800;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Segoe UI";
    src: url(../fonts/segoeitalic.woff2) format("woff2"), url(../fonts/segoeitalic.woff) format("woff"), url(../fonts/segoeitalic.eot) format("embedded-opentype"), url(../fonts/segoeitalic.ttf) format("truetype"), url(../fonts/segoeitalic.svg#segoeitalic) format("svg");
    font-weight: 400;
    font-style: italic;
    font-display: block
}

@media print {
    * {
        background: 0 0 !important
    }

    .page-footer,
    .page-header {
        display: none
    }

    body {
        margin: 0
    }

    .page-content > .container {
        width: 100% !important;
        max-width: 100%
    }

    .notification > .wrap {
        padding: 0 0 25px 0 !important
    }

    .notification > .wrap::before {
        content: "";
        display: none
    }

    .live-auctions * {
        background: 0 0 !important
    }

    .live-auctions .control-wrap,
    .live-auctions .tooltip {
        display: none !important;
        color: transparent !important
    }

    .live-auctions td:after,
    .live-auctions td:before {
        visibility: hidden !important;
        display: none !important;
        height: 0 !important
    }

    .live-auctions .list-container table tr.sep {
        background: 0 0 !important
    }

    .live-auctions .list-container table tr.sep td {
        padding-left: 0 !important
    }

    .live-auctions table.today .header > td {
        padding-left: 15px !important
    }

    .live-auctions table.today td:nth-child(1) {
        min-width: 100px !important;
        padding-left: 0 !important
    }

    .live-auctions table.today td:nth-child(2),
    .live-auctions table.today td:nth-child(3) {
        min-width: 150px !important
    }

    .live-auctions table.today td:nth-child(5),
    .live-auctions table.today td:nth-child(6) {
        min-width: 70px !important
    }

    .live-auctions table.today td:nth-child(7) {
        display: none !important
    }
}

.column.nogutter,
.columns.nogutter {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media screen and (max-width: 1200px) {

    .column.large-nogutter,
    .columns.large-nogutter {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media screen and (max-width: 1024px) {

    .column.medium-nogutter,
    .columns.medium-nogutter {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media screen and (max-width: 800px) {

    .column.small-nogutter,
    .columns.small-nogutter {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media screen and (min-width: 800px) {

    .row-space-between .column:first-child,
    .row-space-between .columns:first-child {
        padding-left: 0
    }

    .row-space-between .column:last-child,
    .row-space-between .columns:last-child {
        padding-right: 0
    }
}

@media screen and (max-width: 800px) {

    .row-space-between .column,
    .row-space-between .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.box.access {
    width: 650px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .3);
    padding: 100px 80px 30px !important;
    position: relative;
    margin-top: 66px;
    overflow: visible
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
    .box.access {
        margin-top: 92px !important;
        margin-bottom: 52px !important
    }
}

@media screen and (max-width: 800px) {
    .box.access {
        padding: 135px 15px 15px !important;
        width: 100%;
        margin-top: 0;
        border-radius: 0 !important
    }
}

.box.access .checkbox-wrap .form-error {
    color: #b92d00;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
    margin-bottom: 0
}

.box.access .login-icon {
    position: absolute;
    top: -65px;
    left: 50%;
    margin-left: -70px
}

@media screen and (max-width: 800px) {
    .box.access .login-icon {
        width: 100px;
        top: 25px;
        margin-left: -50px
    }
}

.box.access .send-again-form {
    margin-top: -35px;
    margin-bottom: 40px
}

.box.access .send-again-form button {
    font-size: 18px;
    cursor: pointer;
    color: #00a651;
    text-decoration: none
}

.box.access .send-again-form button:hover {
    text-decoration: underline
}

@media screen and (max-width: 800px) {
    .box.access .send-again-form button {
        font-size: 14px
    }
}

.box.access h1 {
    font-size: 28px;
    margin-bottom: 44px;
    margin-top: 10px
}

@media screen and (max-width: 800px) {
    .box.access h1 {
        margin-bottom: 28px;
        font-size: 24px;
        line-height: 30px
    }
}

.box.access h1 ~ p.subtitle {
    font-size: 18px;
    line-height: 24px;
    color: rgba(0, 0, 0, .6);
    margin-top: -35px;
    margin-bottom: 40px
}

@media screen and (max-width: 800px) {
    .box.access h1 ~ p.subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-top: -15px;
        margin-bottom: 30px
    }
}

.box.access h1 ~ p.subtitle a {
    color: #00a651
}

.box.access .or {
    margin: 48px 0 20px
}

@media screen and (max-width: 800px) {
    .box.access .or {
        margin: 18px 0 10px
    }
}

.box.access .checkbox-wrap {
    padding-top: 12px;
    padding-bottom: 37px
}

@media screen and (max-width: 800px) {
    .box.access .checkbox-wrap {
        padding-top: 3px;
        padding-bottom: 30px
    }
}

.box.access .register {
    text-align: center;
    font-size: 16px;
    display: block;
    margin: 30px 0 0;
    font-weight: 300;
    color: #000
}

.box.access .register a {
    color: #1571e9
}

@media screen and (max-width: 800px) {
    .box.access .register {
        margin: 20px 0 5px
    }
}

.box.access .forgot {
    color: #246998;
    font-size: 16px
}

.box.access .reset-input {
    margin-bottom: 70px
}

@media screen and (max-width: 800px) {
    .box.access .reset-input {
        margin-bottom: 50px
    }
}

.box {
    background: rgba(255, 255, 255, .9);
    overflow: hidden;
    padding: 45px 90px !important
}

@media screen and (max-width: 1024px) {
    .box {
        padding: 30px 50px !important
    }
}

@media screen and (max-width: 800px) {
    .box {
        padding: 25px 15px !important
    }
}

.box.shadow {
    box-shadow: 0 3px 0 rgba(0, 0, 0, .21)
}

.box.transparent {
    background-color: transparent
}

.box h1 {
    color: #000;
    font-size: 36px;
    line-height: 48px;
    font-weight: 300;
    margin-bottom: 42px
}

.box h1::first-letter {
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .box h1 {
        font-size: 30px;
        font-weight: 300;
        margin-bottom: 26px
    }
}

@media screen and (max-width: 800px) {
    .box h1 {
        font-size: 28px
    }
}

.box .callout-msg {
    background: 0 0;
    border: 0;
    padding: 0;
    margin-bottom: 50px;
    line-height: 1.2;
    margin-top: -8px;
    font-size: 24px;
    font-weight: 400
}

.box .callout-msg:last-child {
    margin-bottom: 7px
}

@media screen and (max-width: 1024px) {
    .box .callout-msg {
        font-size: 18px;
        margin-bottom: 32px
    }
}

.box .callout-msg .close-button {
    display: none
}

.box .callout-msg a {
    color: #00a651
}

.box .callout-msg.error {
    color: #bd0000
}

.box .callout-msg.success {
    color: #00a651
}

.box [type=color],
.box [type=date],
.box [type=datetime-local],
.box [type=datetime],
.box [type=email],
.box [type=month],
.box [type=number],
.box [type=password],
.box [type=search],
.box [type=tel],
.box [type=text],
.box [type=time],
.box [type=url],
.box [type=week] {
    height: 68px;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    background-color: #fff;
    border-radius: 4px;
    padding-left: 30px;
    padding-right: 15px;
    text-transform: none;
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {

    .box [type=color],
    .box [type=date],
    .box [type=datetime-local],
    .box [type=datetime],
    .box [type=email],
    .box [type=month],
    .box [type=number],
    .box [type=password],
    .box [type=search],
    .box [type=tel],
    .box [type=text],
    .box [type=time],
    .box [type=url],
    .box [type=week] {
        font-size: 22px;
        height: 60px
    }
}

@media screen and (max-width: 800px) {

    .box [type=color],
    .box [type=date],
    .box [type=datetime-local],
    .box [type=datetime],
    .box [type=email],
    .box [type=month],
    .box [type=number],
    .box [type=password],
    .box [type=search],
    .box [type=tel],
    .box [type=text],
    .box [type=time],
    .box [type=url],
    .box [type=week] {
        padding-left: 12px;
        font-size: 16px;
        height: 54px
    }
}

.box [type=color]:focus:not(.is-invalid-input),
.box [type=date]:focus:not(.is-invalid-input),
.box [type=datetime-local]:focus:not(.is-invalid-input),
.box [type=datetime]:focus:not(.is-invalid-input),
.box [type=email]:focus:not(.is-invalid-input),
.box [type=month]:focus:not(.is-invalid-input),
.box [type=number]:focus:not(.is-invalid-input),
.box [type=password]:focus:not(.is-invalid-input),
.box [type=search]:focus:not(.is-invalid-input),
.box [type=tel]:focus:not(.is-invalid-input),
.box [type=text]:focus:not(.is-invalid-input),
.box [type=time]:focus:not(.is-invalid-input),
.box [type=url]:focus:not(.is-invalid-input),
.box [type=week]:focus:not(.is-invalid-input) {
    border: 1px solid #00a651;
    box-shadow: 0 4px 1px rgba(0, 0, 0, .1)
}

.box [type=color]:focus:not(.is-invalid-input) + label,
.box [type=date]:focus:not(.is-invalid-input) + label,
.box [type=datetime-local]:focus:not(.is-invalid-input) + label,
.box [type=datetime]:focus:not(.is-invalid-input) + label,
.box [type=email]:focus:not(.is-invalid-input) + label,
.box [type=month]:focus:not(.is-invalid-input) + label,
.box [type=number]:focus:not(.is-invalid-input) + label,
.box [type=password]:focus:not(.is-invalid-input) + label,
.box [type=search]:focus:not(.is-invalid-input) + label,
.box [type=tel]:focus:not(.is-invalid-input) + label,
.box [type=text]:focus:not(.is-invalid-input) + label,
.box [type=time]:focus:not(.is-invalid-input) + label,
.box [type=url]:focus:not(.is-invalid-input) + label,
.box [type=week]:focus:not(.is-invalid-input) + label {
    color: #00a651
}

@media screen and (max-width: 480px) {
    .box .input-wrap.label-inside input {
        padding: 0 15px !important
    }
}

.box .input-wrap.label-inside label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    padding: 0 20px;
    line-height: 68px;
    color: rgba(0, 0, 0, .3);
    font-size: 24px;
    font-weight: 300
}

@media screen and (max-width: 1024px) {
    .box .input-wrap.label-inside label {
        line-height: 60px;
        font-size: 22px
    }
}

@media screen and (max-width: 800px) {
    .box .input-wrap.label-inside label {
        line-height: 54px;
        font-size: 18px
    }
}

@media screen and (max-width: 480px) {
    .box .input-wrap.label-inside label {
        position: static;
        line-height: 34px;
        padding: 0;
        text-align: left;
        color: rgba(0, 0, 0, .5)
    }
}

.box .input-wrap + .button {
    margin-top: 50px
}

@media screen and (max-width: 1024px) {
    .box .input-wrap + .button {
        margin-top: 32px
    }
}

.box .input-wrap + .input-wrap {
    margin-top: 28px
}

@media screen and (max-width: 1024px) {
    .box .input-wrap + .input-wrap {
        margin-top: 20px
    }
}

@media screen and (max-width: 800px) {
    .box .input-wrap + .input-wrap {
        margin-top: 15px
    }
}

.box .input-wrap .form-error {
    font-weight: 300;
    color: #610303;
    font-size: 1rem;
    padding-top: 8px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0
}

.box .input-wrap input.check-taken,
.box .input-wrap input.password-create {
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    cursor: text
}

.box .input-wrap input.check-taken.is-valid-input {
    background-repeat: no-repeat
}

.box .input-wrap input.password-create.is-invalid-input {
    background-repeat: no-repeat
}

.box .input-wrap input.password-create.is-valid-input {
    background-repeat: no-repeat
}

.box .input-wrap input.password-create.disabled {
    background: #f6f7fb;
    pointer-events: none
}

.box .checkbox-wrap {
    padding: 0 0 42px
}

@media screen and (max-width: 800px) {
    .box .checkbox-wrap {
        padding-bottom: 30px;
        padding-top: 4px
    }
}

.box .checkbox-wrap input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute
}

.box .checkbox-wrap input:checked + label {
    background-repeat: no-repeat
}

.box .checkbox-wrap label {
    margin: 0;
    font-size: 16px;
    color: rgba(0, 0, 0, .5);
    line-height: 25px;
    padding-left: 33px;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    background-position: 0 1px;
    background-repeat: no-repeat
}

.grecaptcha-badge {
    visibility: hidden
}

.reveal-overlay.dark-bg {
    background: rgba(0, 0, 0, .7)
}

.check-vin-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 44px
}

@media screen and (max-width: 1024px) {
    .check-vin-wrapper {
        padding-top: 28px
    }
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper {
        padding-top: 0
    }
}

.check-vin-wrapper .check-vin-car::before {
    content: "";
    height: 290px;
    position: absolute;
    left: 0;
    width: 50%;
    background-image: url(/img/bg-car-new-wide.png);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat
}

.is-rtl-lang .check-vin-wrapper .check-vin-car::before {
    background-image: url(/img/bg-car-new-wide-rtl.png);
    background-position: left;
    left: auto;
    right: 0
}

.check-vin-wrapper .check-vin-tabs {
    background-color: #fff;
    border: 1px solid rgba(52, 52, 52, .15);
    border-radius: 20px;
    box-sizing: border-box;
    box-shadow: 0 20px 25px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .25);
    overflow: hidden
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper .check-vin-tabs {
        width: 90%
    }
}

.check-vin-wrapper .check-vin-tabs h4 {
    font-size: 22px;
    margin-bottom: 0
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper .check-vin-tabs h4 {
        font-size: 16px
    }
}

.check-vin-wrapper .check-vin-tabs .tabs {
    border: none;
    background: 0 0;
    display: -ms-flexbox;
    display: flex
}

.check-vin-wrapper .check-vin-tabs .check-vin-card-title {
    padding-right: 15px;
    padding-left: 15px
}

.check-vin-wrapper .check-vin-tabs .tabs-title {
    padding-top: 24px;
    font-weight: 700;
    width: 100%
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper .check-vin-tabs .tabs-title {
        padding-top: 15px
    }
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper .check-vin-tabs .tabs-title h4 {
        margin-bottom: 0
    }
}

.check-vin-wrapper .check-vin-tabs .tabs-title > a {
    display: inline-block;
    background: 0 0;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper .check-vin-tabs .tabs-title > a {
        font-size: 13px;
        line-height: 20px
    }
}

.check-vin-wrapper .check-vin-tabs .tabs-title.is-active {
    background: #fff
}

.check-vin-wrapper .check-vin-tabs .tabs-title.is-active > a {
    font-weight: 700
}

.check-vin-wrapper .check-vin-tabs .tabs-title .tabs-tooltip {
    border: 0 solid;
    border-radius: 50%;
    background-color: #c4c4c4;
    width: 24px;
    height: 24px;
    text-align: center;
    font-weight: 400;
    display: inline-block;
    cursor: pointer
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper .check-vin-tabs .tabs-title .tabs-tooltip {
        left: -14px;
        font-size: 14px;
        width: 20px;
        height: 20px
    }
}

.check-vin-wrapper .check-vin-tabs .tabs-content {
    border: none
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper .check-vin-tabs .tabs-content .tabs-panel {
        padding: 5px 0 0
    }
}

.check-vin-wrapper form {
    padding: 8px 30px 4px 30px;
    background: #fff;
    position: relative;
    border-radius: 4px
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper form .check-vin-form-link {
        display: inline-block
    }
}

.check-vin-wrapper form.with-vin-scan input[type=text] {
    padding-right: 45px
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper form {
        margin-bottom: 12px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 0
    }
}

.check-vin-wrapper form .approved-nmts-logo {
    position: static;
    width: 100%
}

.check-vin-wrapper form .button {
    width: 100%;
    height: 50px;
    padding: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    text-shadow: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 20px
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper form .button {
        height: 40px;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px
    }
}

.check-vin-wrapper form .input-wrap [placeholder]:focus::-webkit-input-placeholder {
    transition: opacity .4s ease;
    opacity: 0
}

.check-vin-wrapper form .input-wrap .counter {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
    font-size: 13px;
    font-weight: 300;
    color: #95989a
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper form .input-wrap .counter {
        right: initial;
        left: 18px
    }
}

.check-vin-wrapper form .input-wrap .loading {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
    padding-right: 26px;
    font-size: 13px;
    color: #009f15;
    font-weight: 300;
    padding-top: 2px
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper form .input-wrap .loading {
        right: initial
    }
}

@media screen and (max-width: 480px) {
    .check-vin-wrapper form .input-wrap .loading {
        color: transparent !important
    }
}

.check-vin-wrapper form .input-wrap .loading .loader {
    position: absolute;
    top: 3px;
    right: 0;
    margin: 0;
    height: 18px;
    width: 18px;
    border-top: 1.1em solid #009f15;
    border-right: 1.1em solid #009f15;
    border-bottom: 1.1em solid #009f15;
    border-left: 1.1em solid rgba(0, 159, 21, .3)
}

.check-vin-wrapper form .input-wrap .spinner {
    top: 23px !important
}

.check-vin-wrapper form .input-wrap .error {
    right: 40px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 2px;
    font-weight: 300;
    color: #af0505;
    font-size: 13px
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper form .input-wrap .error {
        left: 18px;
        right: 0;
        padding-top: 4px
    }
}

.check-vin-wrapper form .input-wrap .error img {
    top: -2px;
    margin-left: 5px;
    position: relative
}

.check-vin-wrapper form input[type=text] {
    height: 50px;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #00a651;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .15);
    padding: 0 30px;
    text-transform: uppercase;
    text-align: center
}

.check-vin-wrapper form input[type=text]::-webkit-input-placeholder {
    color: #000;
    opacity: .5;
    font-weight: 700
}

.check-vin-wrapper form input[type=text]:-ms-input-placeholder {
    color: #000;
    opacity: .5;
    font-weight: 700
}

.check-vin-wrapper form input[type=text]::placeholder {
    color: #000;
    opacity: .5;
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper form input[type=text]::-webkit-input-placeholder {
        transform: scale(.7)
    }

    .check-vin-wrapper form input[type=text]:-ms-input-placeholder {
        -ms-transform: scale(.7);
        transform: scale(.7)
    }

    .check-vin-wrapper form input[type=text]::placeholder {
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

.check-vin-wrapper form input[type=text]:focus::-webkit-input-placeholder {
    color: transparent
}

.check-vin-wrapper form input[type=text].disabled {
    pointer-events: none
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper form input[type=text] {
        padding-left: 12px;
        padding-right: 12px;
        text-align: center;
        color: #000;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
        border-radius: 4px;
        background-color: rgba(255, 255, 255, .7);
        height: 40px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 480px) {
    .check-vin-wrapper form input[type=text] {
        text-align: center;
        font-size: 14px;
    }
}

.check-vin-wrapper form .input-wrap[data-state=loading] .counter,
.check-vin-wrapper form .input-wrap[data-state=loading] .error {
    display: none
}

.check-vin-wrapper form .input-wrap[data-state=loading] .loading {
    display: block;
    right: 40px
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper form .input-wrap[data-state=loading] .loading {
        right: auto
    }
}

.check-vin-wrapper form .input-wrap[data-state=error] .counter,
.check-vin-wrapper form .input-wrap[data-state=error] .loading {
    display: none
}

.check-vin-wrapper form .input-wrap[data-state=error] .error {
    display: block
}

@media screen and (max-width: 800px) {
    .check-vin-wrapper form .input-wrap[data-state=error] .error {
        position: static;
        text-align: center
    }
}

.email-check-block .form-error.email-taket-error {
    position: absolute;
    top: -32px;
    border-top: 2px solid;
    padding-top: 6px;
    background-position-y: 4px
}

.email-check-block .login-block {
    margin: 25px 0 30px;
    padding: 0
}

.hero {
    position: relative;
    padding-top: 52px;
    padding-bottom: 80px;
    background-image: url(/img/bg-bright-cars.webp);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #353734;
    transition: 0s linear;
    transition-property: background-position;
    transform: translateZ(0);
    background-position-y: 0;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    min-height: calc(100vh - 360px)
}

.hero.is-landing {
    padding-top: 1px;
    background: #efefef
}

.hero.no-scroll {
    background-attachment: local !important;
    background-position-y: 0 !important
}

.hero.no-min-height {
    min-height: initial
}

.hero.cover {
    background-size: cover !important
}

@media screen and (max-width: 1200px) {
    .hero.padding-large {
        padding-bottom: 0
    }

    .hero.padding-large > .callouts + .row,
    .hero.padding-large > .row:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .hero {
        padding-bottom: 0
    }
}

.hero > .callouts + .row,
.hero > .row:first-child {
    margin-top: 52px
}

@media screen and (max-width: 1024px) {

    .hero > .callouts + .row,
    .hero > .row:first-child {
        margin-top: 0
    }
}

.page-home .advantages hr,
footer.site-footer .split hr {
    width: 10%;
    border: 0;
    border-bottom: 2px solid #00a651
}

.report .report-caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-about li:before,
.page-explorer .footer-copy .copy-content li:before,
.page-terms li:before {
    content: "•";
    color: #00a651;
    margin-left: -20px;
    font-size: 32px;
    line-height: 28px;
    float: left
}

a.anchor {
    display: block;
    height: 0;
    visibility: 0;
    position: relative;
    top: -80px
}

.text-container header {
    background: #e9e6e3;
    border-bottom: 1px solid #423f36;
    padding: 45px 15px
}

@media screen and (max-width: 1024px) {
    .text-container header {
        padding: 35px 15px
    }
}

@media screen and (max-width: 800px) {
    .text-container header {
        padding: 25px 15px
    }
}

.text-container header p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 30px 0 0;
    text-align: center;
    padding: 0 100px
}

@media screen and (max-width: 1024px) {
    .text-container header p {
        font-size: 16px;
        line-height: 22px;
        margin-top: 15px;
        padding: 0 50px
    }
}

@media screen and (max-width: 800px) {
    .text-container header p {
        font-size: 14px;
        line-height: 18px;
        margin-top: 10px;
        padding: 0 15px
    }
}

.text-container header h1 {
    font-size: 36px;
    line-height: 48px;
    font-weight: 300;
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {
    .text-container header h1 {
        font-size: 28px;
        line-height: 38px
    }
}

@media screen and (max-width: 800px) {
    .text-container header h1 {
        font-size: 24px;
        line-height: 32px
    }
}

.text-container .main-text-block,
.text-container main {
    padding: 35px 100px;
    background: #fff;
    font-size: 18px;
    line-height: 24px
}

@media screen and (max-width: 1024px) {

    .text-container .main-text-block,
    .text-container main {
        padding: 30px
    }
}

@media screen and (max-width: 800px) {

    .text-container .main-text-block,
    .text-container main {
        padding: 20px 15px;
        font-size: 14px
    }
}

.text-container .main-text-block.terms p,
.text-container main.terms p {
    margin-bottom: 35px !important
}

@media screen and (max-width: 1024px) {

    .text-container .main-text-block.terms p,
    .text-container main.terms p {
        margin-bottom: 30px !important
    }
}

@media screen and (max-width: 800px) {

    .text-container .main-text-block.terms p,
    .text-container main.terms p {
        margin-bottom: 25px !important
    }
}

.text-container .main-text-block h3.block-title,
.text-container main h3.block-title {
    margin-bottom: 20px
}

.text-container .main-text-block ul.dense p,
.text-container main ul.dense p {
    margin: 0
}

.text-container .main-text-block .phone-link,
.text-container main .phone-link {
    color: inherit;
    font-weight: 600;
    text-decoration: none
}

@media screen and (max-width: 800px) {

    .text-container .main-text-block .phone-link,
    .text-container main .phone-link {
        display: block
    }
}

.text-container .main-text-block h4,
.text-container main h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

@media screen and (max-width: 1024px) {

    .text-container .main-text-block h4,
    .text-container main h4 {
        font-size: 16px;
        line-height: 21px
    }
}

@media screen and (max-width: 800px) {

    .text-container .main-text-block h4,
    .text-container main h4 {
        font-size: 14px;
        line-height: 18px
    }
}

.text-container .main-text-block ul li,
.text-container main ul li {
    padding-left: 10px;
    padding-bottom: 20px
}

@media screen and (max-width: 1024px) {

    .text-container .main-text-block ul li,
    .text-container main ul li {
        padding-left: 5px;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 800px) {

    .text-container .main-text-block ul li,
    .text-container main ul li {
        padding-left: 5px;
        padding-bottom: 5px
    }
}

.text-container .main-text-block h4 + .terms-list,
.text-container main h4 + .terms-list {
    padding-top: 20px
}

@media screen and (max-width: 1024px) {

    .text-container .main-text-block h4 + .terms-list,
    .text-container main h4 + .terms-list {
        padding-top: 15px
    }
}

@media screen and (max-width: 800px) {

    .text-container .main-text-block h4 + .terms-list,
    .text-container main h4 + .terms-list {
        padding-top: 10px
    }
}

.text-container .main-text-block .terms-list,
.text-container .main-text-block ul,
.text-container main .terms-list,
.text-container main ul {
    padding-left: 30px
}

@media screen and (max-width: 800px) {

    .text-container .main-text-block .terms-list,
    .text-container .main-text-block ul,
    .text-container main .terms-list,
    .text-container main ul {
        padding-left: 20px
    }
}

.text-container .main-text-block .txt,
.text-container main .txt {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

@media screen and (max-width: 1024px) {

    .text-container .main-text-block .txt,
    .text-container main .txt {
        font-size: 16px;
        line-height: 21px
    }
}

@media screen and (max-width: 800px) {

    .text-container .main-text-block .txt,
    .text-container main .txt {
        font-size: 14px;
        line-height: 18px
    }
}

.text-container .main-text-block .txt:last-child,
.text-container main .txt:last-child {
    margin-bottom: 0
}

.text-container .main-text-block .caption,
.text-container main .caption {
    text-shadow: 0 1px 1px #fff;
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

@media screen and (max-width: 1024px) {

    .text-container .main-text-block .caption,
    .text-container main .caption {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 800px) {

    .text-container .main-text-block .caption,
    .text-container main .caption {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px
    }
}

.vehicle-card {
    background: rgba(255, 255, 255, .4);
    margin: 52px 0;
    position: relative;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex
}

.vehicle-card.white {
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .25)
}

.vehicle-card.white .model,
.vehicle-card.white p {
    color: #000
}

@media screen and (max-width: 800px) {
    .vehicle-card {
        margin: 14px 0 0;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 0
    }
}

.vehicle-card .nada-logo {
    display: block;
    width: 90px;
    height: 33px;
    margin: 20px
}

.vehicle-card .tape {
    position: absolute;
    top: 12px;
    left: -1px;
    height: 33px;
    min-width: 480px;
    background: url(/img/banner-tape.svg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 25px;
    line-height: 33px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700
}

.is-rtl-lang .vehicle-card .tape {
    position: absolute;
    top: 12px;
    right: -1px;
    left: auto;
    background: url(/img/banner-tape-rtl.svg);
    text-align: right;
    padding-right: 25px;
    padding-left: 0
}

.vehicle-card .tape span {
    display: inline-block;
    font-weight: 400;
    padding-right: 30px
}

.vehicle-card .media-object {
    margin-bottom: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 62px 5px 16px 25px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.vehicle-card .media-object .ratio-image {
    width: 84px;
    border-radius: 4px
}

@media screen and (max-width: 480px) {
    .vehicle-card .media-object .ratio-image {
        padding: 0;
        height: 93px
    }
}

@media screen and (max-width: 800px) {
    .vehicle-card .media-object {
        padding: 62px 15px 20px !important
    }
}

@media screen and (max-width: 480px) {
    .vehicle-card .media-object .media-object-section {
        display: block;
        padding: 0 !important
    }

    .vehicle-card .media-object .media-object-section img {
        margin-bottom: 15px
    }
}

.vehicle-card .media-object-section .stat {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    min-width: 260px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

.vehicle-card .media-object-section .stat:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 800px) {
    .vehicle-card .media-object-section .stat {
        font-size: 14px
    }
}

.vehicle-card .media-object-section .stat span {
    color: #a5a5a5;
    font-weight: 400;
    margin-right: 8px;
    min-width: 120px;
    display: inline-block
}

.vehicle-card .model {
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .7);
    font-weight: 700;
    margin-top: -4px
}

.vehicle-card p {
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    line-height: 18px;
    margin-top: 7px
}

.vehicle-card .cta-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 24px !important;
    white-space: nowrap
}

@media screen and (max-width: 800px) {
    .vehicle-card .cta-wrap {
        padding: 25px 15px !important
    }
}

.vehicle-card .cta-wrap .button {
    margin: 0;
    font-size: 14px;
    padding: 10px 28px;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .2);
    font-weight: 600
}

.vehicle-card .cta-wrap span:not(.spinner) {
    font-weight: 400;
    display: block;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    margin-top: 7px;
    color: #030303
}

.approved-nmts-logo {
    width: 100px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 35px
}

.approved-nmts-logo img {
    width: 100%;
    cursor: help;
    height: 46px
}

.approved-nmts-logo .dropdown-pane {
    width: 230px;
    background-color: #fff;
    background-position: calc(100% - 20px) 15px;
    left: -60px !important;
    border: 0;
    border-radius: 30px;
    top: 55px !important;
    padding: 12px 20px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3)
}

.approved-nmts-logo .dropdown-pane::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 50%;
    margin-right: -10px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 8px solid #fff
}

footer.site-footer {
    border-top: 1px solid #c4c4c4
}

@media screen and (max-width: 1200px) {
    footer.site-footer .row {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width: 800px) {
    footer.site-footer .row {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (max-width: 800px) {
    footer.site-footer {
        border-top: none
    }
}

footer.site-footer .split {
    background: #fff;
    border-top: 1px solid #fff;
    padding: 60px 0 40px
}

@media screen and (max-width: 1024px) {
    footer.site-footer .split {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 800px) {
    footer.site-footer .split {
        padding: 0;
        border-top: none
    }
}

footer.site-footer .split .left img,
footer.site-footer .split .right img {
    height: 140px
}

@media screen and (max-width: 800px) {

    footer.site-footer .split .left img,
    footer.site-footer .split .right img {
        width: 176px;
        height: auto
    }
}

footer.site-footer .split .left .caption,
footer.site-footer .split .right .caption {
    font-weight: 700;
    color: #000;
    font-size: 20px;
    line-height: 50px;
    margin-bottom: 16px;
    margin-top: 30px
}

@media screen and (max-width: 800px) {

    footer.site-footer .split .left .caption,
    footer.site-footer .split .right .caption {
        margin-top: 35px;
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 30px
    }
}

footer.site-footer .split .left p,
footer.site-footer .split .right p {
    font-weight: 400;
    line-height: 28px;
    font-size: 16px;
    color: #030303
}

@media screen and (max-width: 800px) {

    footer.site-footer .split .left p,
    footer.site-footer .split .right p {
        font-size: 14px;
        line-height: 24px
    }
}

footer.site-footer .split .column,
footer.site-footer .split .columns {
    padding-bottom: 20px
}

@media screen and (max-width: 800px) {

    footer.site-footer .split .column,
    footer.site-footer .split .columns {
        padding: 25px
    }
}

@media screen and (max-width: 800px) {

    footer.site-footer .split .column:first-child,
    footer.site-footer .split .columns:first-child {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 800px) {

    footer.site-footer .split .column:last-child,
    footer.site-footer .split .columns:last-child {
        border-left: 0
    }
}

footer.site-footer .split .partner {
    margin: 0 10px
}

@media screen and (max-width: 1024px) {
    footer.site-footer .split .partner {
        display: inline-block;
        max-height: 50px;
        margin: 0 10px 15px
    }
}

footer.site-footer .split .partner:not(:hover) {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

footer.site-footer .vin-lookup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 26px 15px 24px;
    background-image: url(/img/bg-footer-vin-lookup.jpg);
    background-size: cover;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    border-top: 1px solid rgba(255, 255, 255, .15)
}

footer.site-footer .vin-lookup form {
    margin-top: 28px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

footer.site-footer .vin-lookup form [placeholder]::-webkit-input-placeholder {
    font-weight: 300;
    color: #95989a
}

footer.site-footer .vin-lookup form [placeholder]:-moz-placeholder {
    font-weight: 300;
    color: #95989a
}

footer.site-footer .vin-lookup form [placeholder]::-moz-placeholder {
    font-weight: 300;
    color: #95989a
}

footer.site-footer .vin-lookup form [placeholder]:-ms-input-placeholder {
    font-weight: 300;
    color: #95989a
}

footer.site-footer .vin-lookup form [placeholder]:focus::-webkit-input-placeholder {
    transition: opacity .4s ease;
    opacity: 0
}

footer.site-footer .vin-lookup form .input-wrap[data-state=loading] .counter,
footer.site-footer .vin-lookup form .input-wrap[data-state=loading] .error {
    display: none
}

footer.site-footer .vin-lookup form .input-wrap[data-state=loading] .loading {
    display: block
}

footer.site-footer .vin-lookup form .input-wrap[data-state=error] .counter,
footer.site-footer .vin-lookup form .input-wrap[data-state=error] .loading {
    display: none
}

footer.site-footer .vin-lookup form .input-wrap[data-state=error] .error {
    display: block
}

@media screen and (max-width: 800px) {
    footer.site-footer .vin-lookup form .input-wrap[data-state=error] .error {
        position: static;
        text-align: center
    }
}

footer.site-footer .vin-lookup form .button {
    width: 220px;
    margin-left: 28px;
    height: 50px;
    font-size: 16px
}

footer.site-footer .vin-lookup form input {
    width: 410px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding: 0 20px;
    border: 0;
    border-radius: 4px;
    font-size: 20px
}

footer.site-footer .vin-lookup form .counter {
    position: absolute;
    top: 17px;
    right: 14px;
    font-size: 13px;
    font-weight: 300;
    color: #95989a
}

footer.site-footer .vin-lookup form .loading {
    position: absolute;
    top: 17px;
    right: 14px;
    padding-right: 26px;
    font-size: 13px;
    color: #009f15;
    font-weight: 300
}

@media screen and (max-width: 480px) {
    footer.site-footer .vin-lookup form .loading {
        color: transparent !important
    }
}

footer.site-footer .vin-lookup form .loading .loader {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    height: 18px;
    width: 18px;
    border-top: 1.1em solid #009f15;
    border-right: 1.1em solid #009f15;
    border-bottom: 1.1em solid #009f15;
    border-left: 1.1em solid rgba(0, 159, 21, .3)
}

footer.site-footer .vin-lookup form .spinner {
    top: 23px !important
}

footer.site-footer .vin-lookup form .error {
    position: absolute;
    top: 17px;
    right: 14px;
    font-weight: 300;
    color: #af0505;
    font-size: 13px
}

footer.site-footer .vin-lookup form .error img {
    top: -2px;
    margin-left: 5px;
    position: relative
}

footer.site-footer .vin-lookup .caption {
    font-size: 24px;
    line-height: 32px;
    color: rgba(255, 255, 255, .8)
}

footer.site-footer form.subscribe {
    -ms-flex-preferred-size: 455px;
    flex-basis: 455px
}

footer.site-footer form.subscribe .subscription {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px
}

@media screen and (max-width: 800px) {
    footer.site-footer form.subscribe {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        margin-bottom: 20px
    }
}

footer.site-footer form.subscribe .form-error {
    color: #c66c6c;
    display: block;
    margin-top: 4px;
    margin-bottom: 0
}

footer.site-footer form.subscribe .form-error:empty {
    margin: 0
}

footer.site-footer form.subscribe .form-error.success {
    color: #6cc67c
}

footer.site-footer form.subscribe input[type=email] {
    background: #fcfcfc;
    border-radius: 4px !important;
    border: 1px solid #777;
    color: #000 !important;
    font-weight: 400;
    font-size: 14px;
    outline: 0;
    box-shadow: none;
    padding: 0 0 0 18px
}

@media screen and (max-width: 800px) {
    footer.site-footer form.subscribe input[type=email] {
        height: 40px;
        font-size: 16px
    }
}

footer.site-footer form.subscribe input[type=email]::-webkit-input-placeholder {
    color: #777
}

footer.site-footer form.subscribe input[type=email]:-moz-placeholder {
    color: #777
}

footer.site-footer form.subscribe input[type=email]::-moz-placeholder {
    color: #777
}

footer.site-footer form.subscribe input[type=email]:-ms-input-placeholder {
    color: #777
}

footer.site-footer form.subscribe #subscribe-input {
    margin-bottom: 4px
}

footer.site-footer .nap p {
    padding: 25px 0 5px;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, .6);
    vertical-align: top;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer.site-footer .nap p a {
    color: rgba(255, 255, 255, .6);
    text-decoration: none
}

footer.site-footer .nap p a:hover {
    text-decoration: underline
}

footer.site-footer .nap p span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

footer.site-footer .nap p img {
    vertical-align: middle;
    height: inherit;
    margin: 0 5px 0 20px
}

footer.site-footer .socials a {
    padding: 0
}

footer.site-footer .socials img {
    margin: 0 12.5px;
    opacity: .9;
    max-width: 20vw
}

footer.site-footer .socials img:hover {
    opacity: 1
}

footer.site-footer .copyright {
    background-color: #f6f6f6;
    color: #999;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}

@media screen and (max-width: 800px) {
    footer.site-footer .copyright {
        text-align: left;
        padding-right: 10px;
        padding-left: 10px
    }
}

footer.site-footer .copyright a {
    text-decoration: underline;
    color: #888;
    white-space: nowrap
}

footer.site-footer .copyright p {
    margin-bottom: 0;
    padding-top: 10px
}

footer.site-footer .footer-menu {
    padding-top: 25px;
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid #c4c4c4;
    background-color: #fff;
    min-height: 210px
}

@media screen and (max-width: 800px) {
    footer.site-footer .footer-menu {
        height: auto
    }
}

footer.site-footer .footer-menu ul {
    margin-left: 1.25rem;
    margin-right: 1.24rem
}

footer.site-footer .footer-menu .with-icons img {
    margin-right: 10px
}

.is-rtl-lang footer.site-footer .footer-menu .with-icons img {
    margin-right: 0;
    margin-left: 10px
}

footer.site-footer .footer-menu .location-flex {
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0 0
}

footer.site-footer .footer-menu .location-flex img {
    height: 20px
}

footer.site-footer .footer-menu li {
    display: block
}

@media screen and (max-width: 800px) {
    footer.site-footer .footer-menu li {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media screen and (max-width: 800px) {
    footer.site-footer .footer-menu li.underlined {
        width: 100%;
        border-bottom: 1px solid #f6f6f6
    }
}

footer.site-footer .footer-menu li.header {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

footer.site-footer .footer-menu li a {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 0 0;
    display: -ms-flexbox;
    display: flex
}

footer.site-footer .footer-menu li .location {
    font-size: 14px;
    line-height: 20px
}

footer.site-footer .bg-road {
    position: relative
}

@media screen and (max-width: 800px) {
    footer.site-footer .bg-road {
        padding: 0;
        padding-top: 20px
    }
}

footer.site-footer .bg-car {
    background-image: url(/img/bg-car-new-wide.png);
    background-size: auto 220px;
    background-position: right;
    background-repeat: no-repeat;
    margin-top: 28px;
    height: 148px
}

.is-rtl-lang footer.site-footer .bg-car {
    background-image: url(/img/bg-car-new-wide-rtl.png);
    background-position: left
}

.nmvtis-maintenance {
    background-color: #c26260;
    top: 52px;
    width: 100vw;
    height: 52px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1042px) {
    .nmvtis-maintenance {
        height: 76px
    }
}

.nmvtis-maintenance span {
    width: 90%;
    color: #fff;
    margin: 0;
    font-size: .95rem;
    text-align: center
}

@media (min-width: 990px) and (max-width: 1170px) {
    .nmvtis-maintenance span {
        font-size: .85rem
    }
}

@media (max-width: 581px) {
    .nmvtis-maintenance span {
        font-size: .8rem
    }
}

.simple-header {
    height: 48px;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .14);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5
}

.simple-header a {
    margin-left: 10px;
    margin-right: 10px
}

.simple-header .featured {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700
}

.simple-header .language-select ul {
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, .14);
    z-index: -1
}

.simple-header .language-select ul::before {
    content: "";
    position: absolute;
    top: -4px;
    right: -3px;
    bottom: auto;
    left: -3px;
    height: 7px;
    background: #fff
}

.simple-header .language-select ul:not([role]) {
    display: none
}

.simple-header .language-select a {
    color: #030303;
    margin: 0
}

.simple-header .language-select a::after {
    content: "";
    display: none !important
}

.simple-header .language-select .is-dropdown-submenu {
    width: 100%
}

.simple-header .sign-in {
    margin: 0
}

.simple-header .mobile-menu-trigger {
    display: inline-block
}

.simple-header .mobile-menu-trigger.active img {
    display: none
}

.simple-header .mobile-menu-trigger.active img.cross {
    display: inline-block
}

.page-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 50000;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .14)
}

#top-bar {
    width: 100%;
    background: rgba(255, 255, 255, .95);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 800px) {
    #top-bar {
        box-shadow: 0 2px 2px rgba(0, 0, 0, .14)
    }
}

#top-bar .mobile-credits {
    position: absolute;
    width: 55px;
    right: 47px;
    top: 17px
}

#top-bar .mobile-credits .credits {
    font-size: 12px
}

#top-bar .main-menu-trigger,
#top-bar .user-menu-trigger {
    width: 75px;
    height: 100%;
    position: absolute;
    top: 0
}

#top-bar .main-menu-trigger.active,
#top-bar .user-menu-trigger.active {
    background: #fff
}

#top-bar .main-menu-trigger.active img,
#top-bar .user-menu-trigger.active img {
    display: none !important
}

#top-bar .main-menu-trigger.active img.cross,
#top-bar .user-menu-trigger.active img.cross {
    display: block !important
}

#top-bar .main-menu-trigger img,
#top-bar .user-menu-trigger img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px
}

#top-bar .main-menu-trigger.user-menu-trigger,
#top-bar .user-menu-trigger.user-menu-trigger {
    right: 0
}

#top-bar .main-menu-trigger.main-menu-trigger,
#top-bar .user-menu-trigger.main-menu-trigger {
    left: 0
}

#top-bar .title-bar {
    padding: 0 15px;
    background: 0 0;
    height: 52px
}

@media screen and (max-width: 1024px) {
    #top-bar .title-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

#top-bar .menu-trigger {
    position: absolute;
    top: 6px;
    right: -12px
}

#top-bar .menu-trigger svg {
    width: 80px;
    height: 50px;
    cursor: pointer;
    transform: translate3d(0, 0, 0)
}

#top-bar .menu-trigger path {
    fill: none;
    transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25), stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25);
    stroke-width: 40px;
    stroke-linecap: round;
    stroke: #009c4d;
    stroke-dashoffset: 0
}

#top-bar .menu-trigger path#bottom,
#top-bar .menu-trigger path#top {
    stroke-dasharray: 240px 950px
}

#top-bar .menu-trigger path#middle {
    stroke-dasharray: 240px 240px
}

#top-bar .menu-trigger.opened path#bottom,
#top-bar .menu-trigger.opened path#top {
    stroke-dashoffset: -650px
}

#top-bar .menu-trigger.opened path#middle {
    stroke-dashoffset: -115px;
    stroke-dasharray: 1px 220px
}

#top-bar .logo {
    display: block
}

#top-bar .logo:hover {
    text-decoration: none
}

#top-bar .logo .logo-extra {
    padding-left: 10px
}

@media screen and (max-width: 800px) {
    #top-bar .logo .logo-extra {
        display: none
    }
}

#top-bar .title-bar-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

#top-bar .title-bar-right {
    position: relative
}

@media screen and (max-width: 800px) {
    #top-bar .title-bar-right {
        display: none
    }
}

#top-bar .credits {
    display: -ms-flexbox;
    display: flex;
    font-weight: 300;
    -ms-flex-line-pack: center;
    align-content: center
}

#top-bar .credits img {
    margin-left: 3px
}


#top-bar ul.menu.dropdown#top-menu > li > a {
    text-transform: uppercase
}

#top-bar ul.menu.dropdown#top-menu.with-credits {
    padding-right: 60px
}

#top-bar ul.menu.dropdown#top-menu ul {
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, .14);
    z-index: -1
}

#top-bar ul.menu.dropdown#top-menu ul::before {
    content: "";
    position: absolute;
    top: -4px;
    right: -3px;
    bottom: auto;
    left: -3px;
    height: 4px;
    background: #fff
}

#top-bar ul.menu.dropdown#top-menu ul:not([role]) {
    display: none
}

#top-bar ul.menu.dropdown#top-menu ul a {
    margin: 0 !important;
    text-align: left;
    padding: 0 23px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    white-space: nowrap
}

@media screen and (max-width: 1024px) {
    #top-bar ul.menu.dropdown#top-menu ul a {
        padding: 0 15px
    }
}

#top-bar ul.menu.dropdown#top-menu ul a:hover {
    background: #50bf07;
    color: #fff
}

#top-bar ul.menu.dropdown#top-menu a:not(.cv-secondary-button) {
    cursor: pointer;
    height: 52px;
    line-height: 52px;
    font-weight: 400;
    color: #000;
    position: relative;
    background: 0 0;
    padding: 0 23px
}

@media screen and (max-width: 1024px) {
    #top-bar ul.menu.dropdown#top-menu a:not(.cv-secondary-button) {
        padding: 0 10px;
        font-size: 14px
    }
}

@media screen and (max-width: 800px) {
    #top-bar ul.menu.dropdown#top-menu a:not(.cv-secondary-button) {
        margin-left: 0;
        padding-left: 10px
    }
}

#top-bar ul.menu.dropdown#top-menu a:not(.cv-secondary-button)::after {
    content: "";
    display: none !important
}

#top-bar ul.menu.dropdown#top-menu > li:hover > a {
    color: #00a651;
    background: 0 0
}

#top-bar ul.menu.dropdown#top-menu > li.is-active > a,
#top-bar ul.menu.dropdown#top-menu > li.js-dropdown-active > a,
#top-bar ul.menu.dropdown#top-menu > li:hover > a {
    color: #00a651;
    background: #fff
}


.mobile-menu-overlay {
    display: none;
    z-index: 99998;
    position: fixed;
    top: 52px;
    left: 0;
    width: 100vw;
    height: 100vh
}

.mobile-menu {
    position: fixed;
    top: 52px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .14);
    height: calc(100vh - 52px);
    overflow-y: scroll;
    z-index: 99999;
    -ms-transform: translateX(-105%);
    transform: translateX(-105%);
    transition: transform .35s ease-in-out
}

@media screen and (max-width: 800px) {
    .mobile-menu {
        padding-bottom: 110px
    }
}

.mobile-menu.right {
    -ms-transform: translateX(105%);
    transform: translateX(105%);
    position: fixed;
    top: 52px;
    right: 0;
    left: auto;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, .14)
}

.mobile-menu.active {
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important
}

.mobile-menu.active ~ .mobile-menu-overlay {
    display: block
}

.mobile-menu img.social-icon {
    margin-right: 8px;
    margin-top: -3px
}

.mobile-menu > ul {
    padding: 0;
    position: relative;
    z-index: 2
}

.mobile-menu > ul > li > a {
    text-align: left;
    background: #fff
}

.mobile-menu > ul > li > a::after {
    content: "";
    content: "";
    width: 90%;
    border-bottom: 1px solid #f6f6f6;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.mobile-menu > ul li.is-accordion-submenu-parent[aria-expanded=true] {
    background-color: #eee;
    color: #000
}

.mobile-menu > ul li.is-accordion-submenu-parent[aria-expanded=true]::after {
    content: "";
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mobile-menu > ul li.is-accordion-submenu-parent > a {
    position: relative;
    background-color: #fff;
    color: #000
}

.mobile-menu > ul li.is-accordion-submenu-parent::after {
    content: "";
    position: absolute;
    top: 16px;
    left: calc(100% - 40px);
    width: 24px;
    height: 24px;
    background-image: url(/img/mobile-menu-arrow.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat
}

.mobile-menu li {
    position: relative
}

.mobile-menu a,
.mobile-menu span {
    color: #000;
    text-align: left;
    padding: 20px 30px !important;
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.mobile-menu a.small-padding,
.mobile-menu span.small-padding {
    padding-left: 15px !important;
    padding-right: 15px !important;
    background: 0 0 !important
}

.mobile-menu a:hover,
.mobile-menu span:hover {
    background-color: #00a651;
    color: #fff
}

.mobile-menu span {
    display: block;
    color: rgba(0, 0, 0, .3);
    pointer-events: none;
    height: 48px
}

.language-select .selected-language {
    background-color: #00a651;
    color: #fff
}

.language-select svg {
    position: relative;
    top: 4px
}

.language-select .language-select__scroll {
    max-height: calc(100vh - 52px);
    overflow: auto
}

@media screen and (max-width: 800px) {
    .language-select .language-select__scroll {
        max-height: none
    }
}

.account-menu {
    height: 100%;
    border-radius: 4px
}

.account-menu li.active a {
    background: rgba(0, 159, 21, .75);
    color: #fff;
    pointer-events: none
}

.account-menu li a {
    font-size: 16px;
    color: #000;
    padding: 15px 5px 15px 20px !important
}

.is-rtl-lang .account-menu li a {
    padding-left: 5px !important;
    padding-right: 20px !important
}

.account-menu li a:hover {
    background: rgba(0, 159, 21, .2)
}

.cv-breadcrumbs {
    padding-left: 12px !important
}

.cv-breadcrumbs a {
    color: #2070c0
}

@media screen and (max-width: 800px) {
    .cv-breadcrumbs {
        margin-bottom: 24px;
        padding-left: 0 !important
    }
}

.cv-breadcrumbs li {
    padding: 0;
    margin-right: .95em;
    font-weight: 700
}

@media screen and (max-width: 1024px) {
    .cv-breadcrumbs li {
        font-size: 16px
    }
}

@media screen and (max-width: 800px) {
    .cv-breadcrumbs li {
        font-size: 14px
    }
}

.cv-breadcrumbs li:first-child {
    padding-left: 0
}

.cv-breadcrumbs li:not(:last-child) {
    padding-right: 2.6em;
    background: url(/img/mobile-menu-arrow.svg) no-repeat;
    background-size: 1.6em;
    background-position: right center
}

.button-group {
    margin-bottom: 8px
}

.button-group .button + .button {
    margin-left: 24px
}

@media screen and (max-width: 800px) {
    .button-group .button + .button {
        margin-left: 0;
        margin-top: 15px
    }
}

.button {
    box-shadow: 0 3px 0 rgba(0, 0, 0, .16);
    text-shadow: 0 3px 1px rgba(0, 0, 0, .16);
    text-transform: uppercase;
    font-weight: 600;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none !important;
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    position: relative;
    overflow: hidden
}

.button.light-green {
    background: linear-gradient(180deg, rgba(255, 255, 255, .23) 0, rgba(255, 255, 255, 0) 100%), #00a651
}

.button.light-green:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, .23) 0, rgba(255, 255, 255, 0) 100%), #009a4b
}

.button.blue-dimmed {
    background-color: #0097c7
}

.button.blue-dimmed:hover {
    background-color: #008cb9
}

.button.bold {
    font-weight: 900
}

.button.cancel {
    background: #fff;
    color: rgba(0, 0, 0, .6);
    border: 1px solid rgba(0, 0, 0, .6);
    box-shadow: none
}

.button.cancel:hover {
    background: rgba(0, 0, 0, .6);
    text-shadow: none;
    color: #fff
}

.button.large {
    font-size: 22px
}

@media screen and (max-width: 1024px) {
    .button.large {
        font-size: 18px
    }
}

@media screen and (max-width: 800px) {
    .button.large {
        font-size: 16px
    }
}

.button.large + .button.large {
    margin-top: 30px
}

.button.large span {
    white-space: nowrap
}

.button.large span.font-normal {
    font-weight: 400
}

.button.secondary {
    color: #fff !important
}

.button.outlined {
    text-shadow: none;
    background-color: #fff;
    box-shadow: none;
    color: #ff9100;
    border-radius: 25px !important;
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    overflow: hidden;
    border: 1px solid #ff9100;
    transition: background-position .3s ease
}

.button.outlined.blue-dimmed {
    background: 0 0;
    border: 1px solid #0097c7;
    color: #0097c7
}

.button.outlined.back {
    padding-left: 30px;
    padding-right: 30px;
    background-image: url(/img/orange-arrow-top.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 14px center
}

.button.outlined.back:hover {
    background-position: 20px center
}

.button.outlined.back,
.button.outlined.bottom,
.button.outlined.top {
    padding-left: 45px;
    padding-right: 30px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 18px center
}

.button.outlined.back:hover,
.button.outlined.bottom:hover,
.button.outlined.top:hover {
    background-position: 23px center
}

.button.outlined.back.back,
.button.outlined.bottom.back,
.button.outlined.top.back {
    background-image: url(/img/orange-arrow-back.svg)
}

.button.outlined.back.top,
.button.outlined.bottom.top,
.button.outlined.top.top {
    background-image: url(/img/orange-arrow-top.svg)
}

.button.outlined.back.bottom,
.button.outlined.bottom.bottom,
.button.outlined.top.bottom {
    background-image: url(/img/orange-arrow-bottom.svg)
}

.button.account-report-link {
    text-transform: uppercase;
    box-shadow: none;
    text-shadow: none;
    color: #0097c7;
    font-size: 14px;
    font-weight: 600;
    background: 0 0;
    position: relative;
    white-space: nowrap
}

.button.account-report-link img {
    vertical-align: top;
    margin-left: 7px;
    margin-top: 1px
}

.button.account-report-link:hover {
    background: rgba(0, 0, 0, .06)
}

.button.blocked,
.button.disabled {
    background: #cacaca !important;
    pointer-events: none
}

.button.loading {
    pointer-events: none
}

.button.loading .spinner-wrap {
    transition: width .2s linear, opacity .2s .2s linear;
    width: 2em;
    opacity: 1
}

.button.spinner-left .spinner-wrap {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -8px
}

@media screen and (max-width: 800px) {
    .button.spinner-left .spinner-wrap {
        position: relative;
        margin: 0;
        left: 0
    }
}

.button .spinner-wrap {
    transition: opacity .2s linear, width .2s .2s linear;
    display: inline-block;
    position: relative;
    width: 0;
    height: 0;
    opacity: 0;
    vertical-align: top
}

.button .spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    margin-top: -2px
}

.button .spinner::before {
    display: none
}

.button .spinner::after {
    border: 2px solid #fff;
    border-top: 2px solid rgba(255, 255, 255, .5)
}

a.social-login-button {
    border: 2px solid #4d82a9;
    border-radius: 26px;
    width: 225px;
    height: 49px;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #336690;
    font-size: 14px;
    padding: 0 5px;
    font-weight: 700;
    opacity: .85
}

@media screen and (max-width: 1024px) {
    a.social-login-button {
        margin: 0 auto 15px
    }
}

a.social-login-button.light-blue {
    color: #55a8e1;
    border: 2px solid #55a8e1
}

a.social-login-button > span {
    width: 100%;
    text-align: center
}

a.social-login-button > img {
    margin: 0 5px
}

a.social-login-button:hover {
    opacity: 1
}

.callout {
    text-align: center;
    background-size: cover;
    transform: translateZ(0);
    background-color: #999;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    padding: 20px 35px 23px
}

@media screen and (max-width: 800px) {
    .callout {
        font-size: 14px
    }
}

.callout div {
    opacity: 1;
    -ms-transform: scaleY(1) translateX(0);
    transform: scaleY(1) translateX(0);
    transition: all .4s ease
}

.callout.faded div {
    opacity: 0;
    -ms-transform: scaleY(.3) translateX(30px);
    transform: scaleY(.3) translateX(30px)
}

.callout:not(:first-child) {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.callout.error {
    background-color: rgba(146, 17, 16, .8)
}

.callout.success {
    background-color: rgba(74, 138, 27, .8)
}

.callout.warning {
    background-color: rgba(175, 144, 27, .8)
}

.callout.abm-welcome {
    background-color: #ffd500;
    padding: 30px 15px 25px
}

.callout.abm-welcome .caption,
.callout.abm-welcome .close-button span[aria-hidden],
.callout.abm-welcome .subcaption {
    color: #000 !important
}

.callout .text {
    font-size: 18px;
    line-height: 26px;
    color: rgba(255, 255, 255, .87)
}

@media screen and (max-width: 800px) {
    .callout .text {
        font-size: 16px;
        line-height: 22px
    }
}

.callout .text:empty {
    display: none
}

.callout .subcaption {
    font-size: 16px;
    line-height: 22px;
    color: rgba(255, 255, 255, .8)
}

@media screen and (max-width: 800px) {
    .callout .subcaption {
        font-size: 14px;
        line-height: 19px
    }
}

.callout .caption {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 5px;
    margin-top: -5px;
    padding: 0 35px
}

.callout .caption:empty {
    display: none
}

.callout .caption:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 800px) {
    .callout .caption {
        margin-bottom: 3px;
        margin-top: -2px;
        font-size: 18px;
        line-height: 24px
    }
}

.callout a {
    color: #fff !important;
    white-space: nowrap;
    text-decoration: underline
}

.callout a:hover {
    text-decoration: none
}

.callout .close-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 40px;
    opacity: .78
}

.callout .close-button:hover {
    opacity: 1
}

.callout .close-button span[aria-hidden] {
    color: #fff !important;
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dropdown.menu {
    display: block !important
}

.dropdown-wrap {
    position: relative;
    cursor: help
}

.dropdown-text {
    position: absolute;
    bottom: auto !important;
    left: 50% !important;
    top: 100% !important;
    right: auto !important;
    width: 360px !important;
    margin-left: -180px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    line-height: 20px;
    font-size: 14px
}

@media screen and (max-width: 1200px) {
    .dropdown-text {
        width: 300px !important;
        margin-left: -150px
    }
}

@media screen and (max-width: 800px) {
    .dropdown-text {
        width: 90vw !important;
        margin-left: -45vw
    }
}

.dropdown-text.guarantee {
    margin-top: -30px
}

.dropdown-text::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 50%;
    margin-right: -12px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 8px solid #fff
}

.input-wrap {
    position: relative
}

.input-wrap .spinner {
    position: absolute;
    top: 22px;
    right: 20px
}

@media screen and (max-width: 1024px) {
    .input-wrap .spinner {
        top: 18px
    }
}

@media screen and (max-width: 800px) {
    .input-wrap .spinner {
        top: 15px
    }
}

.input-wrap.label-inside {
    opacity: 0
}

[type=color].is-invalid-input,
[type=date].is-invalid-input,
[type=datetime-local].is-invalid-input,
[type=datetime].is-invalid-input,
[type=email].is-invalid-input,
[type=month].is-invalid-input,
[type=number].is-invalid-input,
[type=password].is-invalid-input,
[type=search].is-invalid-input,
[type=tel].is-invalid-input,
[type=text].is-invalid-input,
[type=time].is-invalid-input,
[type=url].is-invalid-input,
[type=week].is-invalid-input,
select.is-invalid-input,
textarea.is-invalid-input {
    background-color: #fff !important;
    color: #bd0000;
    border-width: 2px !important;
    border-color: #bd0000 !important
}

[type=color].success,
[type=date].success,
[type=datetime-local].success,
[type=datetime].success,
[type=email].success,
[type=month].success,
[type=number].success,
[type=password].success,
[type=search].success,
[type=tel].success,
[type=text].success,
[type=time].success,
[type=url].success,
[type=week].success,
select.success,
textarea.success {
    border-color: #00a651
}

.field-group,
label {
    position: relative
}

.field-group.error-aside .form-error,
label.error-aside .form-error {
    position: absolute;
    top: 50px;
    left: calc(100% + 20px);
    line-height: 20px;
    width: 300px
}

@media screen and (max-width: 800px) {

    .field-group.error-aside .form-error,
    label.error-aside .form-error {
        position: static
    }
}

.field-group .date-is-future.is-invalid-input ~ label {
    color: #bd0000
}

.field-group .date-is-future.is-invalid-input ~ label select {
    background-color: #fff !important;
    color: #bd0000;
    border-width: 2px !important;
    border-color: #bd0000 !important
}

.cv-link-grid {
    min-height: 300px
}

.cv-link-grid .recall-links {
    padding-top: 20px;
    padding-bottom: 50px;
    max-width: 75rem;
    margin-left: auto;`
    margin-right: auto;
    column-count: 4;
    text-align: left
}

@media screen and (max-width: 800px) {
    .cv-link-grid .recall-links {
        column-count: 2
    }
}

.cv-link-grid .recall-links .item-list-letter {
    font-size: 14px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 7px 15px
}

.cv-link-grid .recall-links a {
    display: block;
    margin-bottom: 8px;
    padding: 7px 15px;
    color: #95989a;
    text-decoration: none;
    border-radius: 4px;
    vertical-align: top;
    font-size: 18px;
    line-height: 24px;
    text-transform: capitalize;
    break-inside: avoid;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 1024px) {
    .cv-link-grid .recall-links a {
        font-size: 16px
    }
}

@media screen and (max-width: 800px) {
    .cv-link-grid .recall-links a {
        width: 100%
    }
}

@media (max-width: 360px) {
    .cv-link-grid .recall-links a.sm-wide {
        width: 100%
    }
}

.cv-link-grid .recall-links a:hover {
    color: #fff;
    background: #009f15
}

.loader {
    margin: 6em auto;
    font-size: 2px;
    position: relative;
    text-indent: -9999em;
    border-top: 3px solid rgba(255, 255, 255, .2);
    border-right: 3px solid rgba(255, 255, 255, .2);
    border-bottom: 3px solid rgba(255, 255, 255, .2);
    border-left: 3px solid #fff;
    transform: translateZ(0);
    animation: spin .8s infinite linear;
    border-radius: 50%;
    width: 10em;
    height: 10em
}

.loader::after {
    border-radius: 50%;
    width: 10em;
    height: 10em
}

.material-input-static {
    position: relative;
    margin-bottom: 25px;
    padding: 0;
    padding-top: 9px;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #757575
}

@media screen and (max-width: 800px) {
    .material-input-static {
        margin-bottom: 20px
    }
}

.material-input-static.with-spinner {
    padding-right: 40px
}

@media screen and (max-width: 800px) {
    .material-input-static.with-spinner {
        padding-right: 0
    }
}

.material-input-static.with-spinner .spinner {
    position: absolute;
    right: 0;
    bottom: 9px;
    width: 20px;
    height: 20px;
    z-index: 300
}

@media screen and (max-width: 800px) {
    .material-input-static.with-spinner .spinner {
        display: none !important
    }
}

.material-input-static.email-taken {
    border: 0;
    margin: 0;
    position: relative;
    pointer-events: none
}

.material-input-static.email-taken .form-error {
    position: absolute;
    top: -27px;
    border-top: 2px solid;
    padding-top: 6px;
    background-position-y: 4px;
    z-index: 20
}

@media screen and (max-width: 800px) {
    .material-input-static.email-taken .form-error {
        top: -22px
    }
}

.material-input-static:hover {
    border-bottom: 1px solid #000
}

.material-input-static:hover label {
    color: rgba(0, 0, 0, .6)
}

.material-input-static .input-container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    position: relative
}

.material-input-static input {
    font-size: 24px !important;
    font-weight: 400 !important;
    padding: 0 !important;
    height: auto !important;
    display: block;
    line-height: 40px !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding-left: 20px !important;
    color: #000 !important;
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {
    .material-input-static input {
        font-size: 22px !important
    }
}

.material-input-static input:not(.card-icon) {
    box-shadow: 0 0 0 1000px #fff inset !important
}

.material-input-static input.card-icon {
    background-size: 40px
}

.material-input-static input#expiry-validation.is-invalid-input ~ .form-error {
    display: block
}

.material-input-static input#expiry-validation.is-invalid-input ~ label::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #b92d00;
    z-index: 20
}

.material-input-static input.card-icon {
    background-position: 100% 3px;
    box-shadow: none !important;
    padding-right: 40px !important
}

@media screen and (max-width: 800px) {
    .material-input-static input.card-icon {
        padding-right: 0 !important;
        background: 0 0 !important
    }
}

.material-input-static input:focus {
    outline: 0
}

.material-input-static .form-error {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    padding-top: 2px;
    color: #b92d00;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    width: 100%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    padding-right: 25px;
    text-align: right
}

.material-input-static label {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    cursor: text;
    padding: 0 !important;
    transition: .2s ease all;
    white-space: nowrap;
    height: 40px;
    position: static;
    line-height: 48px
}

.material-input-static label.is-invalid-label ~ .input-container input {
    color: #b92d00
}

.material-input-static label.is-invalid-label::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #b92d00;
    z-index: 20
}

.material-input-static label.is-invalid-label ~ .form-error {
    display: block
}

.material-input-static label.highlighted {
    color: #5264ae
}

@media screen and (max-width: 1024px) {
    .material-input-static label {
        font-size: 14px;
        top: 6px
    }
}

.material-input-static .bar {
    display: block;
    position: absolute;
    width: 100%;
    bottom: -2px;
    left: 0;
    z-index: 20
}

.material-input-static .bar::after,
.material-input-static .bar::before {
    content: "";
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #5264ae;
    transition: .2s ease all
}

.material-input-static .bar::before {
    left: 50%
}

.material-input-static .bar::after {
    right: 50%
}

.material-input-static .bar.shown::after,
.material-input-static .bar.shown::before {
    width: 50%
}

.material-input-static .highlight {
    position: absolute;
    height: 60%;
    width: 55px;
    top: 25%;
    left: 20px;
    pointer-events: none;
    opacity: .5
}

.material-input-static input:focus ~ .highlight {
    animation: inputHighlighterStatic .3s ease
}

@keyframes inputHighlighterStatic {
    from {
        background: #5264ae
    }

    to {
        width: 0;
        background: 0 0
    }
}

.material-input {
    position: relative;
    margin-bottom: 30px;
    padding-top: 9px
}

.material-input.inline {
    padding: 0
}

.material-input.reset {
    padding: 0;
    margin: 0
}

.material-input:hover label {
    color: rgba(0, 0, 0, .6)
}

.material-input .form-error {
    position: absolute;
    padding-top: 2px;
    top: calc(100% + 5px);
    color: #b92d00;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 100% 0;
    padding-right: 25px;
    text-align: right
}

.material-input .form-error.show {
    display: block
}

.material-input input {
    font-size: 24px;
    font-weight: 400 !important;
    color: #000;
    display: block;
    border: 0 !important;
    border-bottom: 1px solid #757575 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    height: 41px !important;
    line-height: 41px !important;
    background: #fff !important;
    -webkit-appearance: none;
    box-shadow: 0 0 0 1000px #fff inset !important;
    cursor: text;
    margin-bottom: 0
}

.material-input input.email-taken[data-invalid] + .form-error {
    display: block
}

.material-input input.check-taken {
    padding-right: 40px
}

.material-input input.check-taken ~ .spinner {
    position: absolute;
    top: 12px;
    right: 0
}

.material-input input.is-invalid-input ~ .form-error {
    display: block
}

.material-input input.is-invalid-input ~ label {
    color: #bd0000 !important
}

.material-input input:focus {
    outline: 0
}

.material-input input:-webkit-autofill ~ label {
    bottom: 28px;
    color: rgba(0, 0, 0, .6)
}

.material-input input.not-empty ~ label,
.material-input input:focus ~ label,
.material-input input[type=email]:valid ~ label {
    bottom: 28px;
    color: rgba(0, 0, 0, .6)
}

.material-input input:focus ~ .bar::after,
.material-input input:focus ~ .bar::before {
    width: 50%
}

.material-input.textarea label {
    position: static
}

.material-input label {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    min-height: 40px;
    line-height: 48px;
    left: 0;
    bottom: 1px;
    transition: .2s ease all
}

.material-input .bar {
    position: relative;
    display: block
}

.material-input .bar::after,
.material-input .bar::before {
    content: "";
    height: 2px;
    width: 0;
    bottom: 0;
    position: absolute;
    background: #e6761c;
    transition: .2s ease all
}

.material-input .bar::before {
    left: 50%
}

.material-input .bar::after {
    right: 50%
}

.material-input .highlight {
    position: absolute;
    height: 60%;
    width: 55px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: .5
}

.material-input input:focus ~ .highlight {
    animation: inputHighlighter .3s ease
}

@keyframes inputHighlighter {
    from {
        background: #e6761c
    }

    to {
        width: 0;
        background: 0 0
    }
}

.material-input.with-dropdown::after {
    content: "";
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 10px;
    height: 5px;
    background-image: url(/img/select-tri.svg)
}

.material-input.with-dropdown .dropdown-pane {
    visibility: visible;
    display: none;
    padding: 0;
    top: 50px !important;
    left: 0 !important;
    border-top: 0 !important;
    border: 2px solid transparent;
    width: 100%;
    max-height: 256px;
    overflow-y: auto;
    transition: border .25s ease
}

.material-input.with-dropdown .dropdown-pane.shown {
    border: 2px solid #e6761c
}

.material-input.with-dropdown .dropdown-pane:empty {
    display: none !important
}

.material-input.with-dropdown .dropdown-pane > div {
    font-size: 16px;
    padding: 7px 14px
}

.material-input.with-dropdown .dropdown-pane > div match {
    color: #e6761c
}

.material-input.with-dropdown .dropdown-pane > div:hover {
    background: rgba(230, 118, 28, .1)
}

ul.menu li a {
    text-decoration: none
}

.account-creditcard {
    padding: 40px
}

.account-creditcard h3 {
    margin-bottom: 20px
}

.account-creditcard .cv-form .cv-form-field.cell {
    padding-top: .7rem;
    padding-bottom: .7rem
}

.account-creditcard .cv-input {
    font-size: 22px;
    height: 48px
}

.account-creditcard .cv-button {
    height: 48px;
    margin-top: 24px;
    margin-bottom: 0
}

body.mfp-zoom-out-cur {
    overflow: hidden;
    background: #fff
}

@media screen and (min-width: 800px) {
    body.mfp-zoom-out-cur #top-bar {
        padding-right: 15px
    }
}

.mfp-wrap.mfp-gallery {
    z-index: 99999
}

.mfp-bg {
    z-index: 99998
}

.mfp-bottom-bar {
    top: 0;
    margin-top: 0
}

.mfp-counter {
    right: auto;
    left: 0;
    color: #fff;
    font-size: 16px
}

.mfp-close {
    top: -12px !important;
    font-size: 38px;
    font-weight: 300;
    cursor: pointer !important;
    width: 40px !important
}

.slick-lightbox-slick-item-inner {
    max-width: 1150px !important;
    max-height: 70vh !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important
}

.slick-lightbox-slick-item-inner img {
    width: 100% !important;
    height: 100% !important
}

@keyframes fadeInPopupNext {
    0% {
        opacity: 0;
        transform: translateX(100px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInPopupPrev {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@media screen and (max-width: 800px) {
    .mfp-wrap.next .mfp-figure img {
        animation: fadeInPopupNext .3s ease
    }

    .mfp-wrap.prev .mfp-figure img {
        animation: fadeInPopupPrev .3s ease
    }
}

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .9
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-s-error .mfp-content,
.mfp-s-loading .mfp-content {
    display: inline-block;
    width: 640px;
    height: 480px;
    max-width: 100%
}

.mfp-s-error figure img,
.mfp-s-loading figure img {
    display: none !important
}

.mfp-s-error .mfp-figure::after,
.mfp-s-loading .mfp-figure::after {
    display: none
}

@media screen and (max-width: 800px) {
    .mfp-preloader {
        margin-top: -40px
    }
}

@media screen and (min-width: 1024px) {
    .mfp-content .mfp-arrow-left {
        left: -150px;
        margin-top: -65px
    }

    .mfp-content .mfp-arrow-right {
        right: -150px;
        margin-top: -65px
    }
}

.mfp-arrow::before {
    display: none !important
}

.mfp-arrow::after {
    width: 50px;
    height: 50px;
    display: block;
    border: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mfp-arrow-left.mfp-arrow::after {
    background-image: url(/img/image-carousel-left.svg)
}

.mfp-arrow-right.mfp-arrow::after {
    background-image: url(/img/image-carousel-right.svg)
}

.mfp-arrow {
    display: none !important
}

@media screen and (max-width: 800px) {
    .mfp-arrow {
        width: 50px
    }
}

.mfp-content .mfp-arrow {
    display: block !important
}

.reveal-overlay {
    z-index: 50000 !important;
    background: rgba(70, 70, 70, .7);
    transition: all .3s ease
}

.reveal-overlay[data-status=opening] {
    opacity: 1
}

.reveal-overlay[data-status=opening] .reveal {
    -ms-transform: scale(1);
    transform: scale(1)
}

.reveal-overlay[data-status=closing] {
    opacity: 0
}

.reveal-overlay[data-status=closing] .reveal {
    -ms-transform: scale(.85);
    transform: scale(.85)
}

.reveal-overlay.opened,
.reveal-overlay.opened .reveal {
    display: block !important
}

.reveal {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .28);
    padding: 60px 80px;
    -ms-transform: scale(.85);
    transform: scale(.85);
    transition: all .3s ease;
    position: relative;
    overflow: visible;
    outline: 0
}

@media screen and (max-width: 1200px) {
    .reveal {
        padding: 45px
    }
}

@media screen and (max-width: 800px) {
    .reveal {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 30px !important;
        border-radius: 0;
        height: initial;
        min-height: initial
    }
}

.reveal.with-icon {
    padding-top: 110px;
    margin-top: 40px
}

@media screen and (max-width: 1200px) {
    .reveal.with-icon {
        padding-top: 85px
    }
}

@media screen and (max-width: 800px) {
    .reveal.with-icon {
        padding-top: 30px;
        margin-top: 0
    }
}

.reveal .close-button {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width: 800px) {
    .reveal .close-button {
        width: 50px;
        height: 50px
    }
}

.reveal .close-button img {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -12px -12px auto auto;
    transition: all .15s ease;
    opacity: .8
}

.reveal .close-button:hover img {
    opacity: 1;
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

@media screen and (max-width: 800px) {
    .reveal {
        padding: 15px
    }
}

.reveal .top-icon {
    position: absolute;
    top: -70px;
    right: 50%;
    margin-right: -74px
}

@media screen and (max-width: 1200px) {
    .reveal .top-icon {
        width: 120px;
        top: -60px;
        margin-right: -67px
    }
}

@media screen and (max-width: 800px) {
    .reveal .top-icon {
        position: static;
        width: 90px;
        display: block;
        margin: -5px auto 16px
    }
}

.reveal h2 {
    font-size: 28px;
    line-height: 37px;
    font-weight: 300;
    margin-bottom: 40px
}

@media screen and (max-width: 1200px) {
    .reveal h2 {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 800px) {
    .reveal h2 {
        padding: 0 20px;
        font-size: 24px;
        line-height: 32px
    }
}

.reveal p {
    margin-bottom: 30px
}

body.is-modal-open {
    overflow: hidden;
    padding-right: 15px
}

body.is-modal-open #top-bar {
    padding-right: 15px
}

.where-to-find {
    padding: 47px 80px 55px;
    margin-top: 0
}

.where-to-find .button {
    margin-bottom: 0;
    min-width: 220px
}

@media screen and (min-width: 800px) {
    .where-to-find .button {
        margin-top: 15px
    }
}

@media screen and (max-width: 800px) {
    .where-to-find .button {
        margin-top: 5px
    }
}

.ratio-image {
    text-indent: -9999px;
    font-size: 0;
    pointer-events: none;
    background-size: cover !important;
    background-color: #fff;
    background-image: url(/img/vehicle-placeholder.svg)
}

.ratio-image img {
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.img-container {
    position: relative;
    width: 80px;
    height: 60px;
    text-indent: -9999px;
    font-size: 0;
    background-size: cover !important;
    background-color: #fff;
    background-image: url(/img/vehicle-placeholder.svg)
}

@media screen and (max-width: 800px) {
    .img-container {
        width: 100%;
        height: 0;
        padding-bottom: 75%
    }
}

.img-container img {
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ripple {
    position: absolute !important;
    background: rgba(0, 0, 0, .15);
    border-radius: 100%;
    -ms-transform: scale(.2);
    transform: scale(.2);
    opacity: 0;
    pointer-events: none !important;
    animation: ripple .5s ease-out
}

@keyframes ripple {
    from {
        opacity: 1
    }

    to {
        transform: scale(2);
        opacity: 0
    }
}

select:focus {
    outline: 0;
    border-color: #2070c0
}

.spinner {
    height: 26px;
    width: 26px;
    position: relative
}

.spinner::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #adb89d;
    border-top: 2px solid #006000;
    animation-name: spin-360deg-1turn;
    animation-timing-function: linear;
    animation-duration: .8s;
    animation-iteration-count: infinite
}

@keyframes spin-360deg-1turn {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(1turn)
    }
}

@media screen and (max-width: 800px) {
    .cv-accordion {
        margin-top: 20px
    }
}

.cv-accordion .cv-paper {
    margin-bottom: 2px;
    display: block
}

.cv-accordion .accordion-item.is-active .accordion-title::after {
    content: "";
    content: url(/img/minus-in-circle-faq.svg)
}

.cv-accordion .accordion-item .accordion-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .cv-accordion .accordion-item .accordion-title {
        padding: 18px
    }
}

.cv-accordion .accordion-item .accordion-title:active,
.cv-accordion .accordion-item .accordion-title:focus,
.cv-accordion .accordion-item .accordion-title:hover,
.cv-accordion .accordion-item .accordion-title:link,
.cv-accordion .accordion-item .accordion-title:visited {
    text-decoration: none;
    color: inherit;
    background-color: inherit
}

.cv-accordion .accordion-item .accordion-title::after {
    content: "";
    content: url(/img/plus-in-circle-faq.svg);
    display: block;
    height: 20px;
    width: 20px;
    min-width: 20px;
    min-height: 20px
}

.cv-accordion .accordion-item .accordion-content {
    padding-top: 30px;
    padding-bottom: 30px
}

@media screen and (max-width: 800px) {
    .cv-accordion .accordion-item .accordion-content {
        padding: 20px 15px
    }
}

.cv-accordion .accordion-item .accordion-content .caption {
    color: #007438;
    margin-bottom: 20px
}

.cv-accordion .accordion-item .accordion-content p {
    color: #000;
    margin-bottom: 20px
}

.cv-accordion .accordion-item .accordion-content ul {
    margin-bottom: 15px;
    margin-left: 40px
}

.cv-accordion .accordion-item .accordion-content ul:last-child {
    margin-bottom: 0
}

.cv-accordion .accordion-item .accordion-content ul li {
    margin-bottom: 10px;
    padding-left: 5px
}

.cv-bgc-white {
    background-color: #fff
}

.cv-button {
    padding: 9px 14px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    border-radius: 4px;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid transparent;
    position: relative;
    max-height: 40px;
    box-sizing: border-box
}

.cv-button.disabled {
    pointer-events: none;
}

.cv-button img {
    margin-right: 5px;
    margin-left: 5px
}

.cv-button span {
    -ms-flex-positive: 2;
    flex-grow: 2
}

.cv-button:active,
.cv-button:focus,
.cv-button:hover,
.cv-button:visited {
    text-decoration: none;
    color: inherit
}

.cv-button .spinner {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 30px
}

.cv-button.loading .spinner {
    display: block
}

.cv-primary-button {
    background: #00a651;
    color: #fff
}

.cv-primary-button:active,
.cv-primary-button:focus,
.cv-primary-button:hover,
.cv-primary-button:visited {
    color: #fff
}

.cv-primary-button:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, .22) 0, rgba(255, 255, 255, 0) 100%), #00a651
}

.cv-primary-button:active {
    background: #008541
}

.cv-primary-button.disabled,
.cv-primary-button:disabled {
    color: #afafaf;
    background: #d2d2d2
}

.cv-primary-button.disabled:active,
.cv-primary-button.disabled:focus,
.cv-primary-button.disabled:hover,
.cv-primary-button.disabled:link,
.cv-primary-button.disabled:visited {
    color: #afafaf
}

.cv-primary-button.alert {
    background-color: #a2260b
}

.cv-secondary-button {
    background: #fff;
    color: #00a651;
    border: 2px solid #00a651
}

.cv-secondary-button:visited {
    color: #00a651
}

.cv-secondary-button:active,
.cv-secondary-button:focus,
.cv-secondary-button:hover {
    color: #008541
}

.cv-secondary-button.disabled,
.cv-secondary-button:disabled {
    color: #afafaf;
    border: 2px solid #d2d2d2
}

.cv-secondary-button.disabled:active,
.cv-secondary-button.disabled:focus,
.cv-secondary-button.disabled:hover,
.cv-secondary-button.disabled:link,
.cv-secondary-button.disabled:visited {
    color: #afafaf
}

.cv-secondary-button.black {
    border-color: #030303
}

.cv-secondary-button.transparent {
    background: 0 0
}

.cv-active-button {
    color: #008541
}

.cv-active-button:focus,
.cv-active-button:link,
.cv-active-button:visited {
    color: #008541
}

.cv-outlined-button {
    border: 2px solid #d2d2d2
}

.cv-transparent-button {
    background: 0 0
}

.cv-small-button {
    padding: 4px 7px
}

.cv-large-button {
    padding: 12px 18px
}

.cv-paypal-button {
    background: #ffc439;
    color: #030303
}

.cv-applepay-button {
    background: #000;
    color: #fff
}

.cv-checkout-button {
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 80px
}

.cv-checkout-button .description {
    font-size: 12px;
    opacity: .8
}

@media screen and (max-width: 800px) {
    .cv-checkout-button .description {
        font-size: 11px
    }
}

.cv-card {
    background: #fff;
    border: 1px solid rgba(52, 52, 52, .05);
    box-sizing: border-box;
    box-shadow: 0 20px 25px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 20px;
    padding: 20px
}

@media screen and (max-width: 800px) {
    .cv-card {
        padding: 10px
    }
}

.cv-form .social-buttons {
    padding: 0
}

.cv-form .social-buttons .cv-primary-button,
.cv-form .social-buttons .cv-secondary-button {
    height: 40px;
    width: 100%
}

.cv-form .separator-or {
    color: grey;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-bottom: .7rem;
    padding-top: 1.1rem
}

.cv-form .separator-or:before {
    content: " ";
    display: block;
    width: 50%;
    margin-right: 10px;
    border-bottom: 1px solid #b6b8b9;
    box-shadow: 0 -1px 0 0 #d6d7d7
}

.cv-form .separator-or:after {
    content: " ";
    margin-left: 10px;
    display: block;
    width: 50%;
    border-bottom: 1px solid #b6b8b9;
    box-shadow: 0 -1px 0 0 #d6d7d7
}

.cv-form .terms-container {
    padding-top: .3rem
}

.cv-form .cv-form-field.cell {
    padding-top: .3rem;
    padding-bottom: .3rem
}

.cv-form .cv-form-field.cell input {
    margin-bottom: 0
}

.cv-form .cv-form-field.cell .form-error {
    margin: 4px 1px;
    font-size: 12px;
    text-align: left
}

.cv-hero {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 260px;
    background-size: cover !important
}

.cv-hero .cv-hero-paddings {
    padding: 20px 40px
}

.cv-hero .cv-hero__subtitle {
    margin-top: 24px;
    max-width: 926px
}

@media screen and (max-width: 800px) {
    .cv-hero .cv-hero__subtitle {
        font-size: 16px;
        margin-top: 16px
    }
}

.cv-hero .cv-hero__cta {
    margin-top: 24px;
    min-width: 300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 800px) {
    .cv-hero .cv-hero__cta {
        width: 100%;
        min-width: auto
    }
}

.cv-checkbox {
    cursor: pointer
}

.cv-checkbox input {
    border: 1px solid #8c8c8c;
    margin: 0
}

.cv-checkbox:hover label {
    color: #00a651
}

.cv-dropdown-select {
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.cv-dropdown-select select {
    display: none
}

.cv-dropdown-select:after {
    content: url(/img/chevron-down.svg);
    position: absolute;
    right: 10px;
    top: 7px;
    pointer-events: none
}

.cv-dropdown-select.cv-sortable:after {
    display: none
}

.cv-dropdown-select.is-open:after {
    -ms-transform: rotate(180deg) translateY(-3px);
    transform: rotate(180deg) translateY(-3px)
}

.cv-dropdown-select .cv-sorting-icon {
    cursor: pointer
}

.cv-dropdown-select .cv-sorting-icon:after {
    color: #2070c0;
    content: "▾";
    pointer-events: all
}

.cv-dropdown-select .search-input.cv-input {
    position: relative;
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cv-dropdown-select .search-input.cv-input[type=button] {
    margin-bottom: 1rem
}

.cv-dropdown-select .dropdown-pane.cv-card {
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    border-radius: 4px;
    text-align: left;
    padding: 20px 0;
    z-index: 21;
    background: #fff
}

.cv-dropdown-select .dropdown-pane.cv-card .data-item {
    padding: 0 20px;
    font-size: 16px;
    line-height: 36px
}

.cv-dropdown-select .dropdown-pane.cv-card .data-item.selected-item {
    background-color: #e0e0e0;
    color: #000
}

.cv-dropdown-select .dropdown-pane.cv-card .data-item:hover {
    background-color: #00a651;
    color: #fff
}

.cv-dropdown-select .cv-sorting {
    background-color: transparent;
    border: none;
    cursor: pointer
}

.cv-dropdown-select .cv-sorting:hover {
    text-decoration: none;
    color: #2070c0
}

.cv-dropdown-select .cv-sorting.cv-link {
    font-size: 16px
}

.cv-sorting-wrapper {
    white-space: nowrap;
    display: none;
}

@media screen and (max-width: 800px) {
    .cv-sorting-wrapper {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 800px) {
    .cv-sorting-wrapper .cv-sorting-wrapper__label {
        display: none
    }
    .cv-sorting-wrapper {
        display: flex;
    }
}

.cv-input {
    width: 100%;
    height: 40px;
    background-color: #fcfcfc;
    border: 1px solid #878787;
    box-sizing: border-box;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .15);
    border-radius: 4px;
    padding: 10px 14px;
    color: #030303;
    outline: 0
}

.cv-input.with-icon {
    padding-left: 62px
}

.cv-input.with-icon.card-icon {
    background-repeat: no-repeat;
    background-size: 38px 24px;
    background-position: 12px center
}

.cv-input:hover {
    border: 1px solid #030303
}

.cv-input:focus {
    border: 2px solid #00a651
}

.cv-input::-webkit-input-placeholder {
    color: #8c8c8c
}

.cv-input:-ms-input-placeholder {
    color: #8c8c8c
}

.cv-input::placeholder {
    color: #8c8c8c
}

.cv-input.large {
    height: 50px;
    padding: 12px 16px
}

.cv-input.small {
    height: 30px;
    padding: 8px 12px
}

.cv-link {
    color: #2070c0;
    font-size: 14px;
    line-height: 20px
}

.cv-link:active {
    color: #005cb8
}

.cv-link:hover {
    color: #dc8a32
}

.cv-link:visited {
    color: #2070c0
}

ul.cv-list {
    list-style: none;
    margin-bottom: 0
}

ul.cv-list li {
    padding: .45rem 0
}

ul.cv-list li:before {
    content: "•";
    color: #00a651;
    margin-left: -20px;
    font-size: 32px;
    line-height: 28px;
    float: left
}

.cv-dialog .actions {
    margin-top: 20%
}

.cv-paper {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 4px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    place-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cv-reset-table tbody,
.cv-reset-table thead {
    background: 0 0;
    color: initial
}

.cv-reset-table tbody tr,
.cv-reset-table thead tr {
    border-bottom: none;
    background: 0 0;
    height: 48px
}

.cv-reset-table tbody tr:hover,
.cv-reset-table thead tr:hover {
    background: unset
}

.cv-reset-table tbody tr td,
.cv-reset-table tbody tr th,
.cv-reset-table thead tr td,
.cv-reset-table thead tr th {
    border-right: none;
    border-bottom: none;
    padding: 0 1.25rem;
    font-size: 16px
}

@media screen and (max-width: 800px) {

    .cv-reset-table tbody tr td,
    .cv-reset-table tbody tr th,
    .cv-reset-table thead tr td,
    .cv-reset-table thead tr th {
        padding: 15px;
        font-size: 12px
    }
}

.cv-reset-table tbody tr td:hover,
.cv-reset-table tbody tr th:hover,
.cv-reset-table thead tr td:hover,
.cv-reset-table thead tr th:hover {
    background: unset
}

.cv-reset-table thead th:hover,
.cv-reset-table thead tr:hover {
    background: unset !important
}

.cv-reset-table thead th {
    text-transform: none;
    height: 48px;
    padding: 0 1.25rem
}

.cv-reset-table thead th:first-child {
    padding-left: 0
}

@media screen and (max-width: 1200px) {
    .cv-reset-table thead th:first-child {
        padding-left: 15px
    }
}

.cv-reset-table tbody:before {
    display: none
}

.cv-accented-table tbody tr:nth-child(odd) {
    background: #f8f8f8
}

.cv-accented-table tbody tr:nth-child(odd) td:nth-child(2) {
    background: #e6f4ed
}

.cv-accented-table tbody tr:first-child th:nth-child(2):before,
.cv-accented-table thead tr:first-child th:nth-child(2):before {
    position: absolute;
    display: block;
    width: calc(100% + 4px);
    content: " ";
    box-shadow: 0 20px 25px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .25);
    box-sizing: content-box;
    top: -15px;
    left: -4px;
    height: 230px;
    border: 2px solid #00a651;
    border-radius: 4px
}

.cv-accented-table tbody tr td:not(:nth-child(1)),
.cv-accented-table tbody tr th:not(:nth-child(1)),
.cv-accented-table thead tr td:not(:nth-child(1)),
.cv-accented-table thead tr th:not(:nth-child(1)) {
    text-align: center
}

.cv-accented-table tbody tr td:nth-child(2),
.cv-accented-table tbody tr th:nth-child(2),
.cv-accented-table thead tr td:nth-child(2),
.cv-accented-table thead tr th:nth-child(2) {
    position: relative;
    z-index: 2
}

.cv-accented-table tbody tr td {
    color: #333
}

.cv-compare-table {
    margin: 50px 0 40px
}

.cv-compare-table tbody tr:nth-child(odd) {
    background: #e0e0e0
}

.cv-compare-table tbody tr:first-child th:nth-child(2):before,
.cv-compare-table thead tr:first-child th:nth-child(2):before {
    height: 610px
}

@media screen and (max-width: 800px) {

    .cv-compare-table tbody tr:first-child th:nth-child(2):before,
    .cv-compare-table thead tr:first-child th:nth-child(2):before {
        height: 750px;
        top: -4px
    }
}

@media screen and (max-width: 480px) {

    .cv-compare-table tbody th:nth-child(2),
    .cv-compare-table thead th:nth-child(2) {
        padding: 5px;
        max-width: 85px
    }

    .cv-compare-table tbody th:nth-child(2) img,
    .cv-compare-table thead th:nth-child(2) img {
        display: block;
        height: 42px;
        width: 84px
    }
}

.cv-typography {
    color: #030303;
    font-weight: 400;
    font-family: "Segoe UI", Roboto, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 20px
}

@media screen and (max-width: 800px) {
    .cv-typography {
        font-size: 14px;
        line-height: 18px
    }
}

.ta-right {
    text-align: right !important;
}

.cv-typography.gray {
    color: #8c8c8c
}

.cv-typography.link {
    color: #2070c0
}

.cv-typography.bold {
    font-weight: 700
}

.cv-typography.semibold {
    font-weight: 600
}

.cv-typography.sm {
    font-size: 14px;
    line-height: 18px
}

.cv-typography.xs {
    font-size: 12px;
    line-height: 16px
}

h1.cv-typography {
    font-size: 42px;
    line-height: 48px
}

@media screen and (max-width: 800px) {
    h1.cv-typography {
        font-size: 30px;
        line-height: 36px
    }
}

h2.cv-typography {
    font-size: 36px;
    line-height: 42px
}

@media screen and (max-width: 800px) {
    h2.cv-typography {
        font-size: 24px;
        line-height: 30px
    }
}

h3.cv-typography {
    font-size: 28px;
    line-height: 36px
}

h4.cv-typography {
    font-size: 24px;
    line-height: 32px
}

@media screen and (max-width: 800px) {
    h4.cv-typography {
        font-size: 16px;
        line-height: 24px
    }
}

h5.cv-typography {
    font-size: 20px;
    line-height: 24px
}

@media screen and (max-width: 800px) {
    h5.cv-typography {
        font-size: 14px;
        line-height: 20px
    }
}

table {
    border-spacing: 0
}

table.hover tbody tr:hover {
    background: #cceddc !important
}

table thead tr:hover {
    background: #ececec !important
}

table thead th {
    height: 60px;
    padding: 10px 16px;
    color: #000;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    vertical-align: top;
    text-transform: uppercase;
    border-bottom: 1px solid #959595
}

table thead th .slash {
    display: inline-block;
    margin: 0 5px;
    color: #999
}

table thead th:hover {
    background-color: #e7e7e7 !important
}

table thead th:not(:last-child) {
    border-right: 2px solid #fff
}

table tbody::before {
    content: "-";
    display: block;
    line-height: 14px;
    color: transparent
}

@media screen and (max-width: 800px) {
    table tbody::before {
        display: none
    }
}

table tbody tr {
    border-bottom: 3px solid #fff
}

table tbody tr:last-child {
    border-bottom: 0
}

table tbody tr:only-child {
    background: #f5f5f5
}

@media screen and (max-width: 800px) {
    table tbody td.not-found {
        padding: 18px 15px !important;
        font-size: 16px !important;
        color: #000 !important;
        text-align: left !important
    }

    table tbody td.not-found::before {
        display: none !important
    }
}

table.reports-list {
    text-align: left
}

table.reports-list th.date {
    width: 149px
}

@media screen and (max-width: 800px) {
    table.reports-list tbody tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    table.reports-list tbody td {
        width: 100% !important;
        display: block !important
    }

    table.reports-list tbody td:nth-child(2),
    table.reports-list tbody td:nth-child(3) {
        border: 0 !important
    }

    table.reports-list tbody td:nth-child(2) {
        padding-bottom: 0
    }

    table.reports-list tbody td:nth-child(3),
    table.reports-list tbody td:nth-child(4) {
        padding-bottom: 0;
        padding-top: 0
    }

    table.reports-list tbody td:last-child {
        padding: 0
    }

    table.reports-list tbody td:last-child .button {
        padding: 16px;
        width: 100%
    }

    table.reports-list tbody td:last-child .button::after {
        content: "";
        position: absolute;
        top: 17px;
        right: calc(50% - 70px)
    }

    table.reports-list tbody td .flex-wrap {
        padding: 0 0 14px !important;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    table.reports-list tbody td .flex-wrap span {
        display: block;
        word-break: normal
    }

    table.reports-list tbody td .flex-wrap span:first-child {
        padding-right: 14px;
        white-space: nowrap
    }

    table.reports-list tbody td .flex-wrap span:last-child {
        text-align: right;
        font-weight: 700;
        text-transform: uppercase;
        opacity: 1
    }

    table.reports-list tbody td .button {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        box-shadow: 0;
        margin: 0 !important
    }
}

table.reports-list td:first-child,
table.reports-list th:first-child {
    width: 110px
}

table.reports-list td:last-child,
table.reports-list th:last-child {
    width: 173px
}

table.reports-list tr {
    border: 0
}

table.reports-list tr td {
    padding: 15px;
    font-size: 14px;
    line-height: 22px;
    vertical-align: top;
    word-break: normal
}

table.reports-list tr td .flex-wrap:first-child {
    padding-top: 8px
}

@media screen and (max-width: 800px) {
    table.reports-list tr td:first-child {
        border-bottom: none
    }
}

@media screen and (max-width: 800px) {
    table.reports-list tr td:last-child {
        border-bottom: none;
        text-align: center !important;
        padding: 16px
    }

    table.reports-list tr td:last-child .flex-wrap {
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 0 !important
    }
}

table.reports-list a.button {
    margin-bottom: 0
}

table.reports-list .photos-label {
    position: absolute;
    right: 4px;
    bottom: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #0097c7;
    border-radius: 12px;
    z-index: 30;
    height: 22px;
    padding: 4px 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    pointer-events: none
}

table.reports-list .photos-label img {
    margin-right: 3px
}

table.reports-list .popup-gallery {
    position: relative;
    box-shadow: 0 0 0 1px transparent;
    transition: box-shadow .15s ease
}

table.reports-list .popup-gallery:hover {
    box-shadow: 0 0 0 1px #0097c7
}

table.reports-list .ratio-image {
    pointer-events: all;
    width: 80px;
    margin: 0;
    border-radius: 4px
}

@media screen and (max-width: 800px) {
    table.reports-list .ratio-image {
        width: auto
    }
}

table.reports-list .ratio-image a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

table.reports-list .ratio-image a:first-child {
    z-index: 20
}

table.sortable th {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative
}

table.sortable th:not(.sortable) {
    pointer-events: none
}

table.sortable th.sortable {
    padding-right: 35px
}

table.sortable th.sortable::after {
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    width: 14px;
    height: 12px;
    right: 12px;
    background-image: url(/img/arrow-up.svg)
}

table.sortable th.sortable.sorted {
    border-bottom-color: #00a651
}

table.sortable th.sortable.sorted::after {
    content: "";
    background-repeat: no-repeat;
    background-image: url(/img/arrow-up-green.svg)
}

table.sortable th.sortable.sorted.descending::after {
    content: "";
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

@media screen and (max-width: 800px) {
    table.stackable thead {
        display: none
    }

    table.stackable tfoot {
        display: none
    }

    table.stackable td,
    table.stackable th,
    table.stackable tr {
        display: block
    }

    table.stackable td {
        border-top: 0
    }

    table.stackable.small-group tbody.wrap {
        border: 1px solid #e2e3e4 !important;
        border-radius: 4px;
        background: #fff !important;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .12);
        margin-bottom: 4px
    }

    table.stackable.small-group tbody.wrap tr {
        border: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
        display: -ms-flexbox;
        display: flex
    }

    table.stackable.small-group tbody.wrap tr.vehicle-inf td:first-child {
        min-width: 80px !important
    }

    table.stackable.small-group tbody.wrap tr.vehicle-inf strong {
        white-space: nowrap;
        display: block;
        max-width: calc(100vw - 135px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    table.stackable.small-group tbody.wrap tr:first-child td {
        padding-top: 14px !important
    }

    table.stackable.small-group tbody.wrap tr td {
        padding-top: 0 !important;
        width: auto !important
    }

    table.stackable.small-group tbody.wrap tr td:last-child {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    table.stackable.vertical td,
    table.stackable.vertical tr {
        display: block !important
    }

    table.stackable.vertical td {
        display: block
    }

    table.stackable tr {
        border: 1px solid #e2e3e4 !important;
        border-radius: 4px;
        margin: 10px 15px;
        background: #fff !important;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .12);
        display: table;
        width: calc(100% - 30px)
    }

    table.stackable tr.separate {
        margin: 25px 15px 15px !important;
        border: 0 !important;
        margin-bottom: 18px;
        box-shadow: none
    }

    table.stackable tr.separate td {
        padding: 0 !important;
        color: rgba(0, 0, 0, .3)
    }

    table.stackable tr.separate td strong {
        font-weight: 400
    }

    table.stackable tr:first-child {
        margin-top: 18px
    }

    table.stackable tr:first-child.white.padding {
        border: 0 !important;
        margin-bottom: 25px;
        box-shadow: none
    }

    table.stackable tr:first-child.white.padding td {
        text-align: left;
        padding: 0
    }

    table.stackable tr td {
        display: table-cell;
        padding: 14px;
        font-size: 14px;
        line-height: 19px;
        background: 0 0 !important;
        word-break: break-all
    }

    table.stackable tr td:last-child {
        text-align: right;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    table.stackable.small-labels tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: #fff
    }

    table.stackable.small-labels tr.not-found {
        padding: 0
    }

    table.stackable.small-labels td {
        width: 100%;
        padding: 14px;
        padding-top: 0;
        position: relative;
        font-size: 14px;
        font-weight: 700;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    table.stackable.small-labels td:first-child {
        padding-top: 14px
    }

    table.stackable.small-labels td span {
        display: block;
        text-align: right;
        padding-left: 15px
    }

    table.stackable.small-labels td.no-label::before {
        display: none
    }

    table.stackable.small-labels td::before {
        content: attr(data-title);
        color: #000;
        font-weight: 400;
        display: block;
        text-align: left;
        float: left
    }
}

table.white-rows {
    margin-bottom: 0;
    border-radius: 4px
}

table.white-rows thead {
    border-radius: 4px;
    background: #fff;
    border-bottom: 1px solid #d2d2d2;
    color: #030303
}

table.white-rows thead tr:hover {
    background: #fff !important
}

table.white-rows thead th {
    height: 54px;
    font-weight: 700;
    font-size: 14px;
    vertical-align: middle;
    line-height: 16px;
    border-bottom: none;
    padding: 16px
}

table.white-rows thead th:first-child {
    border-top-left-radius: 4px
}

table.white-rows thead th:last-child {
    border-top-right-radius: 4px
}

table.white-rows thead th:not(:last-child) {
    border-right: none
}

table.white-rows .not-found {
    background: #fff;
    text-align: left !important
}

table.white-rows td.not-found {
    padding: 16px !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 600 !important
}

@media screen and (max-width: 800px) {
    table.white-rows td.not-found {
        line-height: 18px
    }
}

table.white-rows tbody tr {
    background: #fff
}

@media screen and (max-width: 800px) {
    table.white-rows tbody tr {
        margin-bottom: 20px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
    }
}

table.white-rows tbody tr.row-loading td {
    padding: 25px 15px 22px
}

@media screen and (max-width: 800px) {
    table.white-rows tbody tr.row-loading td {
        padding: 20px
    }
}

table.white-rows tbody tr.row-loading td .spinner {
    display: inline-block;
    vertical-align: middle
}

table.white-rows tbody tr.row-loading td span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-style: italic;
    text-align: left;
    font-weight: 400;
    color: #777
}

table.white-rows tbody tr:last-child td:first-child {
    border-bottom-left-radius: 4px
}

table.white-rows tbody tr:last-child td:last-child {
    border-bottom-right-radius: 4px
}

table.white-rows tbody tr:only-child {
    background: #fff
}

@media screen and (max-width: 800px) {
    table.white-rows tbody tr:first-child {
        margin-top: 0
    }
}

table.white-rows tbody tr td {
    border-bottom: 1px solid #dedfe0
}

table.white-rows tbody tr:last-child td {
    border-bottom: none
}

table.white-rows tbody::before {
    display: none
}

table.white-rows td {
    vertical-align: middle
}

table.white-rows tfoot {
    background: 0 0
}

@media screen and (max-width: 800px) {
    table.white-rows tfoot {
        display: block
    }

    table.white-rows tfoot tr {
        box-shadow: none !important;
        border: 0 !important;
        margin-top: 0 !important
    }

    table.white-rows tfoot tr td {
        display: block !important;
        padding: 8px 14px !important;
        text-align: left !important;
        width: 100% !important
    }

    table.white-rows tfoot tr td::before {
        display: none !important
    }
}

table.white-rows tfoot td {
    text-align: left !important;
    padding: 24px 16px;
    border: 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important
}

table.white-rows tfoot td a {
    color: #0097c7
}

table.transactions tr {
    border-bottom: 0
}

table.transactions td {
    font-size: 16px;
    padding: 24px 16px
}

@media screen and (max-width: 800px) {
    table.transactions td {
        border-bottom: 0 !important;
        font-weight: 700 !important
    }
}

table.transactions td.amount {
    font-weight: 600
}

table.transactions td.status {
    font-weight: 600;
    text-transform: capitalize
}

table.transactions td.status.success {
    color: #00a651
}

.textarea {
    text-align: left;
    margin-top: -10px;
    margin-bottom: 45px
}

@media screen and (max-width: 800px) {
    .textarea {
        margin-bottom: 30px
    }
}

.textarea label {
    font-size: 16px;
    color: rgba(0, 0, 0, .5)
}

.textarea textarea {
    border: 1px solid #95989a;
    border-radius: 0;
    resize: none;
    height: 120px;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 40px
}

.tooltip.white {
    background: #fff;
    color: #000;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 30px
}

.tooltip.white.copied {
    width: 170px !important;
    white-space: nowrap
}

@media screen and (max-width: 800px) {
    .tooltip.white.copied::after {
        content: "";
        display: none
    }
}

.tooltip.white::before {
    display: none
}

.mobile-pwd-tooltip,
.tooltip.passwordEval {
    padding: 0;
    background: 0 0;
    max-width: 255px !important;
    width: 255px !important
}

@media screen and (max-width: 1024px) {

    .mobile-pwd-tooltip,
    .tooltip.passwordEval {
        position: absolute !important;
        top: 20px !important;
        z-index: 50001
    }
}

@media screen and (max-width: 800px) {

    .mobile-pwd-tooltip,
    .tooltip.passwordEval {
        display: none !important
    }
}

.mobile-pwd-tooltip::before,
.tooltip.passwordEval::before {
    display: none
}

.mobile-pwd-tooltip.right,
.tooltip.passwordEval.right {
    padding-left: 10px
}

.mobile-pwd-tooltip.right .wrap::before,
.tooltip.passwordEval.right .wrap::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px;
    content: "";
    border-left-width: 0;
    border-color: transparent #000 transparent transparent;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -14px
}

.mobile-pwd-tooltip .wrap,
.tooltip.passwordEval .wrap {
    position: relative;
    background: #000;
    text-transform: capitalize;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .17)
}

.mobile-pwd-tooltip .wrap::before,
.tooltip.passwordEval .wrap::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px;
    content: "";
    border-left-width: 0;
    border-color: transparent #000 transparent transparent
}

@media screen and (max-width: 800px) {

    .mobile-pwd-tooltip .wrap::before,
    .tooltip.passwordEval .wrap::before {
        display: none !important
    }
}

.mobile-pwd-tooltip .wrap .content,
.tooltip.passwordEval .wrap .content {
    padding: 12px
}

.mobile-pwd-tooltip .wrap .caption,
.tooltip.passwordEval .wrap .caption {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.mobile-pwd-tooltip .wrap ul,
.tooltip.passwordEval .wrap ul {
    padding: 0;
    margin: 0
}

.mobile-pwd-tooltip .wrap ul li,
.tooltip.passwordEval .wrap ul li {
    font-size: 11px;
    margin-bottom: 10px;
    padding-left: 28px;
    font-weight: 600;
    line-height: 14px;
    list-style: none;
    position: relative
}

.mobile-pwd-tooltip .wrap ul li::before,
.tooltip.passwordEval .wrap ul li::before {
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    top: -1px;
    left: 0;
    background-size: contain
}

.mobile-pwd-tooltip .wrap ul li[data-check=true]::before,
.tooltip.passwordEval .wrap ul li[data-check=true]::before {
    background-repeat: no-repeat
}

.mobile-pwd-tooltip .wrap ul li[data-check=false]::before,
.tooltip.passwordEval .wrap ul li[data-check=false]::before {
    background-repeat: no-repeat
}

.mobile-pwd-tooltip .wrap .slider-container,
.tooltip.passwordEval .wrap .slider-container {
    background-color: #333;
    font-size: 10px;
    font-weight: 400;
    padding: 10px
}

.mobile-pwd-tooltip .wrap .slider-container .slider,
.tooltip.passwordEval .wrap .slider-container .slider {
    margin-top: 5px;
    margin-bottom: 7px;
    pointer-events: none;
    height: 4px;
    width: 100%;
    background: #030303
}

.mobile-pwd-tooltip .wrap .slider-container .slider.strong,
.tooltip.passwordEval .wrap .slider-container .slider.strong {
    background: #00a651
}

.mobile-pwd-tooltip .wrap .slider-container .slider.medium,
.tooltip.passwordEval .wrap .slider-container .slider.medium {
    background: #dc8a32
}

.mobile-pwd-tooltip .wrap .slider-container .slider.weak,
.tooltip.passwordEval .wrap .slider-container .slider.weak {
    background: #a2260b
}

.mobile-pwd-tooltip .wrap .slider-container .slider .slider-handle,
.tooltip.passwordEval .wrap .slider-container .slider .slider-handle {
    display: none
}

.mobile-pwd-tooltip .wrap .medium-pass,
.mobile-pwd-tooltip .wrap .strong-pass,
.mobile-pwd-tooltip .wrap .weak-pass,
.tooltip.passwordEval .wrap .medium-pass,
.tooltip.passwordEval .wrap .strong-pass,
.tooltip.passwordEval .wrap .weak-pass {
    display: none
}

.mobile-pwd-tooltip .wrap .password-strength.strong .strong-pass,
.tooltip.passwordEval .wrap .password-strength.strong .strong-pass {
    display: inline
}

.mobile-pwd-tooltip .wrap .password-strength.medium .medium-pass,
.tooltip.passwordEval .wrap .password-strength.medium .medium-pass {
    display: inline
}

.mobile-pwd-tooltip .wrap .password-strength.weak .weak-pass,
.tooltip.passwordEval .wrap .password-strength.weak .weak-pass {
    display: inline
}

.mobile-pwd-tooltip {
    display: none;
    text-align: left
}

@media screen and (max-width: 800px) {
    .mobile-pwd-tooltip {
        display: block !important;
        position: relative !important;
        margin: 0 auto;
        max-width: 100% !important;
        width: 100% !important
    }
}

.reg-terms {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.page-access {
    background: #f6f6f6
}

@media screen and (max-width: 800px) {
    .page-access {
        min-height: unset
    }
}

.page-access .content-container {
    padding: 3rem 0 5rem
}

@media screen and (max-width: 800px) {
    .page-access .content-container {
        padding: 1rem .85rem 5rem
    }
}

.page-access .header {
    margin-bottom: 3rem
}

@media screen and (max-width: 800px) {
    .page-access .header {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 1rem
    }
}

.page-access .login-form {
    width: 100%;
    max-width: 470px
}

.page-access .login-form a.cv-button img {
    margin-left: 0;
    margin-right: 0
}

.page-access .register {
    padding-top: 10px
}

.page-access .restore-content {
    max-width: 470px;
    text-align: center
}

.page-access .restore-content .subtitle {
    margin-bottom: 0
}

.page-access .restore-content .pwd-restore-header {
    margin-bottom: 1rem
}

.page-access .restore-content form.cv-form.cv-card {
    padding: 15px
}

.page-access .has-tip {
    font-weight: 400
}

.page-error .error-content {
    padding: 30px 0
}

.page-error .error-icon {
    position: relative;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 50px
}

@media screen and (max-width: 1024px) {
    .page-error .error-icon {
        width: 220px;
        margin-top: 20px
    }
}

@media screen and (max-width: 800px) {
    .page-error .error-icon {
        margin-top: 12px;
        width: 150px
    }
}

.page-error p {
    font-weight: 300 !important
}

.page-error p a {
    color: #00a651;
    font-weight: 400
}

.page-error .error-title {
    font-size: 36px;
    line-height: 48px;
    font-weight: 300;
    margin-bottom: 20px
}

.page-error .error-title::first-letter {
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .page-error .error-title {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 800px) {
    .page-error .error-title {
        font-size: 24px;
        line-height: 32px
    }
}

.page-error .error-msg {
    margin: 45px 0 50px
}

@media screen and (max-width: 1024px) {
    .page-error .error-msg {
        margin: 30px 0 38px
    }
}

.manage-cards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width: 800px) {
    .manage-cards {
        padding-top: 15px
    }
}

.manage-cards .add-card-button,
.manage-cards .payment-card-box {
    max-width: 320px;
    width: 100%
}

@media screen and (max-width: 480px) {

    .manage-cards .add-card-button,
    .manage-cards .payment-card-box {
        min-width: 100%
    }
}

.manage-cards .payment-card-box {
    border-radius: 2px;
    margin: 0 12px 12px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    max-width: calc(50% - 6px);
    padding: 0
}

.manage-cards .payment-card-box:nth-child(even) {
    margin-right: 0
}

@media screen and (max-width: 800px) {
    .manage-cards .payment-card-box {
        margin-bottom: 30px
    }
}

.manage-cards .payment-box-info {
    display: -ms-flexbox;
    display: flex;
    padding: 25px 20px;
    -ms-flex-align: center;
    align-items: center
}

.manage-cards .payment-box-info img {
    width: 80px;
    height: 50px
}

.manage-cards .card-info {
    padding-left: 20px
}

.manage-cards .card-info .card-number {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700
}

.manage-cards .card-added-date {
    color: rgba(0, 0, 0, .35);
    font-size: 13px;
    margin-top: 4px
}

.manage-cards .payment-card-controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 2px solid #e6e6e6;
    height: 42px
}

.manage-cards .payment-card-controls form {
    padding-left: 10px
}

.manage-cards .payment-card-controls form select {
    height: 40px
}

.manage-cards .payment-card-controls .payment-card-state {
    margin-bottom: 0;
    font-size: 12px;
    color: #333;
    background: 0 0;
    width: 152px;
    transition: none;
    border: 1px solid transparent;
    padding-left: 14px
}

.manage-cards .payment-card-controls .payment-card-state.nice-select {
    height: 36px;
    line-height: 36px;
    margin-top: 2px
}

.manage-cards .payment-card-controls .payment-card-state.nice-select span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-left: 14px;
    padding-right: 20px
}

.manage-cards .payment-card-controls .payment-card-state::after {
    content: "";
    transition: none
}

.manage-cards .payment-card-controls .payment-card-state:hover:not(.open) span {
    color: #000
}

.manage-cards .payment-card-controls .payment-card-state.open {
    border: 1px solid rgba(149, 152, 154, .35);
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.manage-cards .payment-card-controls .payment-card-state.open * {
    color: #000 !important
}

.manage-cards .payment-card-controls .payment-card-state.open span:hover {
    background: #eee
}

.manage-cards .payment-card-controls .payment-card-state ul {
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
    border: 1px solid rgba(149, 152, 154, .35);
    border-top: 0;
    transition: none;
    margin-left: -1px
}

.manage-cards .payment-card-controls .payment-card-state li {
    width: 150px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-left: 14px;
    height: 36px;
    min-height: 36px;
    line-height: 36px
}

.manage-cards .payment-card-controls .payment-card-state li:hover {
    background: #eee
}

.manage-cards .payment-card-controls .payment-card-state li.selected {
    display: none
}

.manage-cards .payment-card-controls .payment-card-state.disabled {
    color: #000
}

.manage-cards .payment-card-controls .payment-card-state.disabled::after {
    content: "";
    display: none
}

.manage-cards .payment-card-controls .control-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px
}

.manage-cards .payment-card-controls .payment-card-link {
    font-weight: 700
}

.remove-card-modal {
    padding: 40px
}

.remove-card-modal h2 {
    padding-left: 0
}

.remove-card-modal .cv-button {
    min-height: 48px
}

.dashboard:not(:last-child) table {
    margin-bottom: 12px !important
}

@media screen and (max-width: 800px) {
    .dashboard:not(:last-child) table {
        margin-bottom: 50px !important
    }
}

@media screen and (max-width: 800px) {
    .dashboard .media-object-section.main-section {
        padding-bottom: 0 !important
    }
}

.dashboard table {
    margin-bottom: 0 !important
}

@media screen and (max-width: 800px) {
    .dashboard table {
        margin-top: 0 !important
    }
}

.dashboard table tbody {
    background-color: transparent
}

@media screen and (max-width: 800px) {
    .dashboard .cv-card {
        background: 0 0;
        border: none
    }
}

.banner-wrap .grid-container.fluid {
    padding: 0
}

.page-account .card-menu {
    max-width: 220px;
    border-radius: 4px;
    padding: 20px 0;
    border: none
}

.page-account .show-all-link {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 20px
}

.page-account form#account-vin-check {
    position: relative;
    margin-bottom: 30px;
    padding: 12px 2px;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 800px) {
    .page-account form#account-vin-check {
        margin-bottom: 60px
    }
}

.page-account form#account-vin-check button {
    height: 40px
}

@media screen and (min-width: 800px) {
    .page-account form#account-vin-check button {
        max-width: 150px
    }
}

.page-account .vehicle-card {
    margin-bottom: 10px
}

.page-account .dealer-report-notes ul {
    list-style: none
}

@media screen and (max-width: 800px) {
    .page-account .dealer-report-notes ul {
        margin-left: 0;
        text-align: left
    }
}

.page-account .dealer-report-notes ul li {
    margin-top: 20px;
    padding-left: 35px;
    background: url(/img/green-check.svg) no-repeat left 3px;
    background-size: 24px;
    font-size: 18px;
    line-height: 24px
}

.page-account .dealer-report-notes > img {
    margin: 0 auto;
    display: block
}

@media screen and (min-width: 1024px) {
    .account-content {
        padding-left: 20px
    }
}

@media screen and (max-width: 800px) {
    .account-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

.account-content .add-card-block {
    min-height: 70px;
    padding: 10px 20px
}

@media screen and (max-width: 800px) {
    .account-content .add-card-block {
        text-align: center;
        padding: 20px;
        margin-bottom: 30px
    }
}

.account-content .add-card-block .add-card-button {
    min-width: 134px;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.account-content .add-card-block .add-card-button img {
    margin-right: 5px
}

@media screen and (max-width: 800px) {
    .account-content .add-card-block .add-card-button {
        width: 100%;
        margin-top: 20px
    }
}

.account-content.account-settings .cv-form .cv-form-field.cell {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.account-content .deactivate-cta,
.account-content .deactivate-title {
    margin: 30px 0 10px
}

.account-content h1 {
    padding: 0
}

@media screen and (max-width: 800px) {
    .account-content table.stackable tr {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.account-content .cv-card {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

@media screen and (max-width: 800px) {
    .account-content table.cv-card {
        box-shadow: none
    }
}

.account-content .box-border {
    width: 550px;
    border: 1px solid #95989a;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    padding: 50px 35px 58px;
    margin-bottom: 80px;
    border-radius: 2px
}

@media screen and (max-width: 800px) {
    .account-content .box-border {
        width: 100%;
        padding: 30px 15px 20px;
        margin-bottom: 45px
    }
}

.account-content .cancel-subscription {
    max-width: 550px;
    float: left;
    padding-top: 50px;
    padding-bottom: 50px
}

@media screen and (max-width: 800px) {
    .account-content .cancel-subscription {
        padding: 25px 15px
    }
}

.account-content .cancel-subscription form {
    margin-top: -10px
}

.account-content .cancel-subscription p {
    margin-bottom: 50px
}

.account-content .cancel-subscription .button {
    margin: 0
}

.account {
    margin-top: 42px
}

@media screen and (max-width: 800px) {
    .account {
        margin-top: 35px
    }
}

.account .menu-wrap {
    display: -ms-flexbox;
    display: flex
}

.account h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 14px
}

@media screen and (min-width: 800px) {
    .account h2:first-child {
        margin-top: 10px
    }
}

@media screen and (max-width: 800px) {
    .account h2 {
        margin-bottom: 20px
    }
}

.deactivate p {
    margin-bottom: 20px
}

.personal-info {
    padding: 20px 16px
}

.personal-info .cv-input {
    margin-bottom: 0
}

.personal-info .cv-button {
    height: 40px
}

@media screen and (max-width: 800px) {
    .personal-info {
        margin: 0
    }
}

@media screen and (max-width: 800px) {
    .personal-info .section-wrap {
        padding-left: 15px;
        padding-right: 15px
    }
}

.personal-info p {
    font-size: 16px;
    line-height: 1.8;
    color: #000;
    max-width: 700px;
    margin-top: 18px
}

.personal-info form .button {
    margin-top: 20px;
    margin-bottom: 0
}

.personal-info .button.deactivate {
    margin-top: 32px;
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .personal-info .button.deactivate {
        width: 265px !important
    }
}

.cv-link.report-link {
    text-transform: capitalize
}

.nav-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
    max-width: 325px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 1440px) {
    .nav-menu {
        position: unset;
        top: unset;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.nav-menu.sticky-to-top {
    top: 0
}

.nav-menu .cv-navigation {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    max-width: 772px
}

@media screen and (max-width: 800px) {
    .nav-menu .cv-navigation {
        display: none
    }
}

.nav-menu .cv-navigation .item {
    color: #000;
    height: 50px;
    margin: 4px 0;
    width: 100%;
    text-decoration: none;
    padding: 0 25px;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-menu .cv-navigation .item.is-active {
    color: #fff;
    font-weight: 700;
    background: #00a651;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.looking-for-more-vin-history.bgc-car-right {
    background: url(/img/unlimited-package-car.png) no-repeat calc(100% + 155px);
    background-size: contain
}

.is-rtl-lang .looking-for-more-vin-history.bgc-car-right {
    background: url(/img/unlimited-package-car-rtl.png) no-repeat -155px
}

@media screen and (max-width: 1024px) {
    .looking-for-more-vin-history.bgc-car-right {
        background-size: 70%
    }

    .is-rtl-lang .looking-for-more-vin-history.bgc-car-right {
        background-size: 70%
    }
}

@media screen and (max-width: 800px) {
    .looking-for-more-vin-history.bgc-car-right {
        padding-bottom: 180px;
        background-size: 420px;
        background-position: calc(100% + 75px) bottom
    }

    .is-rtl-lang .looking-for-more-vin-history.bgc-car-right {
        padding-bottom: 180px;
        background-size: 420px;
        background-position: -75px bottom
    }
}

.looking-for-more-vin-history .grid-container:not(.fluid) {
    max-width: 60rem
}

@media screen and (max-width: 800px) {
    .looking-for-more-vin-history .looking-more-block {
        text-align: center
    }
}

.looking-for-more-vin-history .feature-block {
    padding: 32px 0 52px;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .looking-for-more-vin-history .feature-block {
        padding: 32px 0
    }
}

.looking-for-more-vin-history .feature-block h2 {
    font-size: 36px;
    line-height: 48px
}

@media screen and (max-width: 800px) {
    .looking-for-more-vin-history .feature-block h2 {
        font-size: 24px;
        margin-bottom: 1rem;
        line-height: 32px
    }
}

.looking-for-more-vin-history .feature-block p {
    font-size: 16px;
    line-height: 26px
}

@media screen and (max-width: 800px) {
    .looking-for-more-vin-history .feature-block p {
        line-height: 24px
    }
}

.looking-for-more-vin-history .more-features {
    padding: 30px 0 40px;
    text-align: left
}

@media screen and (max-width: 800px) {
    .looking-for-more-vin-history .more-features {
        padding: 10px 0 15px
    }
}

.looking-for-more-vin-history .more-features .more-features-record {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    position: relative;
    color: #030303;
    padding: 10px 0 10px 40px
}

.looking-for-more-vin-history .more-features .more-features-record .icon {
    position: absolute;
    left: 5px;
    top: 6px
}

.looking-for-more-vin-history .more-features .more-features-record .icon.theft {
    top: 5px
}

.looking-for-more-vin-history .sample-report-link {
    max-width: 320px;
    font-size: 16px;
    line-height: 20px;
    width: 320px
}

@media screen and (max-width: 800px) {
    .looking-for-more-vin-history .sample-report-link {
        width: 100%;
        max-width: 100%
    }
}

.has-tip {
    border-bottom: none
}

.cv-tooltip {
    border: 0 solid;
    border-radius: 50%;
    background-color: #c4c4c4;
    color: rgba(0, 0, 0, .4);
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    text-align: center;
    font-weight: 400;
    display: inline-block;
    font-weight: 700;
    line-height: 18px;
    font-size: 14px;
    cursor: pointer
}

.cv-tooltip.cv-report-tooltip {
    color: #fff;
    width: 20px;
    height: 20px;
    min-height: 20px;
    min-width: 20px;
    max-width: 20px;
    line-height: 20px;
}

.cv-tooltip-200 {
    width: 200px;
    max-width: 200px;
    min-width: 200px
}

.cv-tooltip-255 {
    width: 255px;
    max-width: 255px;
    min-width: 255px
}

.tooltip {
    box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, .15)
}

.cv-clear-input {
    position: absolute;
    right: 12px;
    top: 15px;
    background-color: #e6e6e6;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

@media screen and (max-width: 800px) {
    .cv-clear-input {
        top: 10px;
        right: 8px
    }
}

.page-affiliates-resellers .affiliates-resellers__backlink {
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    text-decoration: none;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 55px
}

@media screen and (max-width: 800px) {
    .page-affiliates-resellers .affiliates-resellers__backlink {
        margin-bottom: 17px
    }
}

.page-affiliates-resellers .affiliates-resellers__backlink:hover .svg-icon {
    opacity: 1
}

.page-affiliates-resellers .affiliates-resellers__backlink span {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 2px
}

.page-affiliates-resellers .affiliates-resellers__backlink .svg-icon {
    opacity: .6;
    margin-right: 15px
}

.page-affiliates-resellers .affiliates-resellers__checks {
    background-color: #fff;
    padding: 35px 15px 50px
}

.page-affiliates-resellers .affiliates-resellers__checks .h2 {
    margin: 0;
    font-size: 28px;
    line-height: 37px;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .page-affiliates-resellers .affiliates-resellers__checks .h2 {
        font-size: 21px;
        line-height: 30px
    }
}

.page-affiliates-resellers .affiliates-resellers__checks .affiliates-resellers__check {
    margin-bottom: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

@media screen and (max-width: 800px) {
    .page-affiliates-resellers .affiliates-resellers__checks .affiliates-resellers__check .cv-typography.semibold {
        font-size: 14px
    }
}

@media screen and (max-width: 1200px) {
    .page-affiliates-resellers .affiliates-resellers__checks .affiliates-resellers__check {
        margin-bottom: 25px
    }
}

@media screen and (max-width: 800px) {
    .page-affiliates-resellers .affiliates-resellers__checks .affiliates-resellers__check {
        margin-bottom: 20px;
        padding: 0
    }
}

.page-affiliates-resellers .affiliates-resellers__checks .affiliates-resellers__check .svg-icon {
    margin-right: 14px
}

.is-rtl-lang .page-affiliates-resellers .affiliates-resellers__checks .affiliates-resellers__check .svg-icon {
    margin-left: 14px;
    margin-right: 0
}

.page-affiliates-resellers .affiliates-resellers__checks .affiliates-resellers__checks-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 55px;
    float: left;
    width: 100%
}

@media screen and (max-width: 800px) {
    .page-affiliates-resellers .affiliates-resellers__checks .affiliates-resellers__checks-wrap {
        margin-top: 35px
    }
}

@media screen and (max-width: 800px) {
    .page-affiliates-resellers .affiliates-resellers__checks .affiliates-resellers__check-desk {
        margin-top: 10px
    }
}

.page-affiliates-resellers .affiliates-resellers__why {
    padding: 35px 15px 50px
}

.page-affiliates-resellers .affiliates-resellers__why .h2 {
    font-size: 28px;
    line-height: 37px;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .page-affiliates-resellers .affiliates-resellers__why .h2 {
        font-size: 21px;
        line-height: 30px
    }
}

.page-affiliates-resellers .affiliates-resellers__why .affiliates-resellers__reason {
    margin: 20px 0 0;
    display: -ms-flexbox;
    display: flex
}

.page-affiliates-resellers .affiliates-resellers__why .affiliates-resellers__reason .svg-icon {
    min-height: 24px;
    min-width: 24px;
    margin-right: 14px
}

.is-rtl-lang .page-affiliates-resellers .affiliates-resellers__why .affiliates-resellers__reason .svg-icon {
    margin-left: 14px;
    margin-right: 0
}

@media screen and (min-width: 800px) {
    .page-affiliates-resellers .affiliates-resellers__sugnup-btn {
        max-width: 300px
    }
}

.page-affiliates-resellers .affiliates-resellers__register {
    padding: 35px 15px 70px;
    background-color: #fff
}

.page-affiliates-resellers .affiliates-resellers__register .h2 {
    font-size: 28px;
    line-height: 37px;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .page-affiliates-resellers .affiliates-resellers__register .h2 {
        font-size: 21px;
        line-height: 30px
    }
}

.page-affiliates-resellers .affiliates-resellers__register .affiliates-resellers__form {
    width: 470px;
    margin-top: 20px;
    max-width: 100%
}

.page-affiliates-resellers .affiliates-resellers__register .affiliates-resellers__form button {
    margin-top: 10px
}

@media screen and (max-width: 800px) {
    .page-affiliates-resellers .affiliates-resellers__register .affiliates-resellers__form {
        margin-top: 10px
    }
}

.api-page__code-panel {
    font-family: Courier New, Courier, monospace;
    padding: 25px 30px;
    background-color: #fbf3eb;
    margin-top: 30px;
    margin-bottom: 30px;
    word-break: break-word;
    color: #030303
}

.api-page__title {
    font-size: 20px;
    line-height: 27px;
    font-weight: 700
}

.report-tables table.api-page__table thead tr th {
    background: #fff !important;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    text-transform: none
}

@media screen and (max-width: 800px) {
    .report-tables table.api-page__table tr td {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px 0;
        margin: 0 15px
    }
}

.api-page__table-caption {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none;
    padding: 20px 20px 25px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .25);
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    color: #030303
}

@media screen and (max-width: 800px) {
    .api-page__table-caption {
        padding: 10px 12px 0;
        font-size: 16px;
        line-height: 21px;
        font-weight: 400
    }
}

.api-page__table {
    margin-top: -5px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
    border-radius: 4px;
    border-top: none
}

.api-page__table:last-child {
    margin-bottom: 0
}

.api-page__table tbody tr:not(:last-child) {
    border-bottom: 1px solid #d2d2d2
}

@media screen and (max-width: 800px) {
    .api-page__table thead {
        display: none
    }
}

.api-page__table thead tr {
    border-bottom: 1px solid #d2d2d2
}

@media screen and (max-width: 800px) {
    .api-page__table {
        box-shadow: none
    }

    .api-page__table tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 8px;
        background: #fff !important;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
        padding-top: 14px;
        overflow: hidden;
        border-radius: 4px
    }

    .api-page__table tr:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .api-page__table tr td {
        width: 100% !important;
        display: -ms-flexbox;
        display: flex;
        background: #fff !important;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: right;
        font-size: 14px;
        padding: 14px;
        padding-top: 0;
        border-bottom: 1px solid #d2d2d2
    }

    .api-page__table tr td:last-child {
        border-bottom: none
    }

    .api-page__table tr td::before {
        font-weight: 700;
        font-size: 14px;
        color: #030303;
        width: 40%;
        text-align: left;
        content: attr(data-key);
        padding-right: 15px
    }
}

.api-page__table th td:first-child {
    border-top-left-radius: 4px
}

.api-page__table th td:last-child {
    border-top-right-radius: 4px
}

.api-page__table td:last-child,
.api-page__table th:last-child {
    width: 300px
}

@media screen and (max-width: 1024px) {

    .api-page__table td:last-child,
    .api-page__table th:last-child {
        width: 230px
    }
}

.api-page__table tr:last-child td:first-child {
    border-bottom-left-radius: 4px
}

@media screen and (max-width: 800px) {
    .api-page__table tr:last-child td:first-child {
        border-bottom-left-radius: initial
    }
}

.api-page__table tr:last-child td:last-child {
    border-bottom-right-radius: 4px
}

@media screen and (max-width: 800px) {
    .api-page__table tr:last-child td:last-child {
        border-bottom-right-radius: initial
    }
}

.api-page__table code {
    padding: 2px 5px;
    border: 0;
    background: #fbf3eb
}

.page-api-subscriber .sign-up-top {
    max-width: 300px;
    width: 100%
}

.page-api-subscriber .api-subscriber__why {
    padding: 0 15px 60px;
    background-color: #fff
}

.page-api-subscriber .api-subscriber__why .subcaption {
    margin: 0 auto 50px
}

.page-api-subscriber .api-subscriber__why .h2 {
    margin: 70px 0 30px;
    font-size: 28px;
    line-height: 37px;
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .page-api-subscriber .api-subscriber__why .h2 {
        margin: 45px 0 40px;
        font-size: 21px;
        line-height: 30px
    }
}

.page-api-subscriber .api-subscriber__why .api-subscriber__reason {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 225px;
    text-align: center
}

@media screen and (max-width: 800px) {
    .page-api-subscriber .api-subscriber__why .api-subscriber__reason {
        max-width: 100%
    }
}

.page-api-subscriber .api-subscriber__why .api-subscriber__reason:not(:first-child),
.page-api-subscriber .api-subscriber__why .api-subscriber__reason:not(:last-child) {
    margin: 0 20px
}

@media screen and (max-width: 800px) {

    .page-api-subscriber .api-subscriber__why .api-subscriber__reason:not(:first-child),
    .page-api-subscriber .api-subscriber__why .api-subscriber__reason:not(:last-child) {
        margin: 20px 0
    }
}

.page-api-subscriber .api-subscriber__why .api-subscriber__reason .api-subscriber__reason-text {
    margin-bottom: 4px;
    margin-top: 15px
}

.page-api-subscriber .api-subscriber__why .api-subscriber__reason .api-subscriber__reason-caption {
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    color: #000;
    position: relative;
    display: block;
    padding-bottom: 15px
}

.page-api-subscriber .api-subscriber__why .api-subscriber__reason .api-subscriber__reason-caption:after {
    content: " ";
    display: block;
    width: 34px;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    height: 2px;
    background: #00a651
}

.page-api-subscriber .api-subscriber__why .api-subscriber__reason img {
    margin-bottom: 10px
}

.page-api-subscriber .api-subscriber__register {
    padding: 35px 15px 70px
}

.page-api-subscriber .api-subscriber__register .h2 {
    font-size: 28px;
    line-height: 37px;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .page-api-subscriber .api-subscriber__register .h2 {
        font-size: 21px;
        line-height: 30px
    }
}

.page-api-subscriber .api-subscriber__register .api-subscriber__form {
    width: 470px;
    margin-top: 20px;
    max-width: 100%
}

.page-api-subscriber .api-subscriber__register .api-subscriber__form button {
    margin-top: 10px
}

@media screen and (max-width: 800px) {
    .page-api-subscriber .api-subscriber__register .api-subscriber__form {
        margin-top: 10px
    }
}

.page-auction-history-api {
    padding-top: 50px
}

.page-auction-history-api .auction-history-api__backlink {
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    text-decoration: none;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 55px
}

@media screen and (max-width: 800px) {
    .page-auction-history-api .auction-history-api__backlink {
        margin-bottom: 10px
    }
}

.page-auction-history-api .auction-history-api__backlink:hover .svg-icon {
    opacity: 1
}

.page-auction-history-api .auction-history-api__backlink span {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 2px
}

.page-auction-history-api .auction-history-api__backlink .svg-icon {
    opacity: .6;
    margin-right: 15px
}

.page-auction-history-api .auction-history-api__hero {
    padding: 55px 15px 70px;
    padding-bottom: 70px;
    background: #62877b url(/img/auction-history-api__hero.png) no-repeat;
    background-position-y: bottom;
    background-position-x: 51vw;
    background-size: auto 100%
}

@media screen and (max-width: 1200px) {
    .page-auction-history-api .auction-history-api__hero {
        background-position-x: 60vw
    }
}

@media screen and (max-width: 1024px) {
    .page-auction-history-api .auction-history-api__hero {
        background-position-x: 70vw
    }
}

@media screen and (max-width: 800px) {
    .page-auction-history-api .auction-history-api__hero {
        background-image: none;
        padding-top: 35px;
        padding-bottom: 50px
    }
}

.page-auction-history-api .auction-history-api__hero .auction-history-api__caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.page-auction-history-api .auction-history-api__hero .auction-history-api__caption .h1 {
    padding-left: 45px;
    font-size: 52px;
    line-height: 64px;
    font-weight: 700;
    font-style: italic;
    text-shadow: 0 3px 11px rgba(0, 0, 0, .16);
    margin: 0
}

@media screen and (max-width: 800px) {
    .page-auction-history-api .auction-history-api__hero .auction-history-api__caption .h1 {
        padding-left: 23px;
        font-size: 30px;
        line-height: 36px
    }
}

.page-auction-history-api .auction-history-api__hero .auction-history-api__desc {
    margin-top: 45px
}

@media screen and (max-width: 800px) {
    .page-auction-history-api .auction-history-api__hero .auction-history-api__desc {
        margin-top: 7px
    }
}

.page-auction-history-api .auction-history-api__hero .auction-history-api__desc .p {
    color: #fff;
    max-width: 585px;
    margin-top: 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .16)
}

@media screen and (max-width: 800px) {
    .page-auction-history-api .auction-history-api__hero .auction-history-api__desc .p {
        margin-top: 0
    }
}

.page-auction-history-api .auction-history-api__hero .auction-history-api__desc .h2 {
    font-size: 28px;
    line-height: 37px;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    margin: 0
}

@media screen and (max-width: 1200px) {
    .page-auction-history-api .auction-history-api__hero .auction-history-api__desc .h2 {
        max-width: 400px;
        font-size: 24px;
        line-height: 34px;
        font-weight: 700;
        font-style: italic
    }
}

@media screen and (max-width: 800px) {
    .page-auction-history-api .auction-history-api__hero .auction-history-api__desc .h2 {
        font-size: 21px;
        line-height: 30px;
        font-weight: 700;
        font-style: italic;
        max-width: 100%
    }
}

.page-auction-history-api .auction-history-api__hero .auction-history-api__notes {
    width: 115px;
    height: 115px
}

@media screen and (max-width: 800px) {
    .page-auction-history-api .auction-history-api__hero .auction-history-api__notes {
        width: 50px
    }
}

.page-auction-history-api .auction-history-api__info {
    padding: 95px 15px;
    background-color: #6e988a
}

@media screen and (max-width: 1024px) {
    .page-auction-history-api .auction-history-api__info {
        padding: 0
    }
}

@media screen and (max-width: 1024px) {
    .page-auction-history-api .auction-history-api__info .auction-history-api__tabs-component {
        padding: 0
    }
}

.page-auction-history-api .auction-history-api__info .tabs {
    border: 0;
    background-color: #e6e6e6
}

.page-auction-history-api .auction-history-api__info .tabs-title a {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 35px;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    color: #000;
    text-decoration: none
}

@media screen and (max-width: 1024px) {
    .page-auction-history-api .auction-history-api__info .tabs-title a {
        height: 60px;
        padding: 0 25px
    }
}

.page-auction-history-api .auction-history-api__info .tabs-title.is-active {
    pointer-events: none !important;
    cursor: default
}

.page-auction-history-api .auction-history-api__info .tabs-title.is-active a {
    background-color: #fff !important;
    border-color: #e2e2e2;
    color: #0097c7
}

.page-auction-history-api .auction-history-api__info .tabs-title:hover a {
    background-color: rgba(255, 255, 255, .3)
}

.page-auction-history-api .auction-history-api__info .tabs-panel {
    padding: 40px
}

@media screen and (max-width: 1024px) {
    .page-auction-history-api .auction-history-api__info .tabs-panel {
        padding: 25px 25px
    }
}

.page-bulk-access .bgc-white {
    background: #fff
}

.page-bulk-access .learn-more {
    max-width: 300px
}

.page-bulk-access .bulk-access__why {
    background-color: #fff;
    padding: 0 15px 40px;
    text-align: center
}

.page-bulk-access .bulk-access__why .description {
    padding-top: 20px
}

@media screen and (max-width: 1200px) {
    .page-bulk-access .bulk-access__why {
        background-position-x: 65vw
    }
}

@media screen and (max-width: 1024px) {
    .page-bulk-access .bulk-access__why {
        background-position-x: 75vw
    }
}

@media screen and (max-width: 800px) {
    .page-bulk-access .bulk-access__why {
        background-image: none;
        padding: 0 15px 5px
    }
}

.page-bulk-access .bulk-access__why .h2 {
    margin: 40px 0;
    font-size: 36px;
    line-height: 50px;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .page-bulk-access .bulk-access__why .h2 {
        margin: 45px 0 50px;
        font-size: 21px;
        line-height: 30px
    }
}

.page-bulk-access .bulk-access__why .bulk-access__why-caption {
    margin-bottom: 8px;
    padding-top: 5px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

.page-bulk-access .bulk-access__why .bulk-access__why-caption:after {
    display: block;
    content: " ";
    width: 34px;
    height: 2px;
    background: #00a651;
    position: relative;
    margin: 10px 0;
    left: calc(50% - 17px)
}

.is-rtl-lang .page-bulk-access .bulk-access__why .bulk-access__why-caption:after {
    right: calc(50% - 17px);
    left: auto
}

.page-bulk-access .bulk-access__why .bulk-access__why-caption .h2 {
    font-size: 36px;
    line-height: 50px;
    font-weight: 400
}

.page-bulk-access .bulk-access__why .bulk-access__reason {
    margin-bottom: 50px;
    height: 170px;
    position: relative
}

.page-bulk-access .bulk-access__why .bulk-access__reason:not(:last-child):after {
    display: block;
    content: " ";
    width: 1px;
    height: 120px;
    border-right: 1px dashed #cfcfcf;
    position: absolute;
    right: 0;
    top: 50%
}

@media screen and (max-width: 800px) {
    .page-bulk-access .bulk-access__why .bulk-access__reason:not(:last-child):after {
        display: none
    }
}

@media screen and (max-width: 800px) {
    .page-bulk-access .bulk-access__why .bulk-access__reason {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 800px) {
    .page-bulk-access .bulk-access__why .bulk-access__reason br {
        display: none
    }
}

.page-bulk-access .bulk-access__why .bulk-access__reason img {
    margin-bottom: 25px
}

.page-bulk-access .bulk-access__why .bulk-access__cta {
    margin: 70px 0 0;
    width: 280px;
    max-width: 100%;
    box-shadow: none;
    text-shadow: none;
    border-radius: 90px !important
}

@media screen and (max-width: 800px) {
    .page-bulk-access .bulk-access__why .bulk-access__cta {
        margin-top: 43px;
        width: 100%
    }
}

.page-bulk-access .bulk-access__why .bulk-access__cta:hover .svg-icon {
    left: 28px
}

.page-bulk-access .bulk-access__why .bulk-access__cta .svg-icon {
    transition: left .16s ease;
    position: absolute;
    top: 18px;
    left: 25px
}

.page-bulk-access .bulk-access__why .bulk-access__notes {
    width: 115px;
    height: 111px
}

@media screen and (max-width: 800px) {
    .page-bulk-access .bulk-access__why .bulk-access__notes {
        width: 75px
    }
}

.page-bulk-access .bulk-access__cta {
    margin: 70px 0 0;
    width: 280px;
    max-width: 100%;
    box-shadow: none;
    text-shadow: none;
    border-radius: 90px !important
}

@media screen and (max-width: 1200px) {
    .page-bulk-access .bulk-access__cta {
        width: 240px
    }
}

@media screen and (max-width: 800px) {
    .page-bulk-access .bulk-access__cta {
        margin-top: 43px;
        width: 100%
    }
}

.page-bulk-access .bulk-access__cta:hover .svg-icon {
    left: 28px
}

.page-bulk-access .bulk-access__cta .svg-icon {
    transition: left .16s ease;
    position: absolute;
    top: 18px;
    left: 25px
}

.page-bulk-access .bulk-access__ways {
    padding: 35px 0 50px;
    text-align: center
}

@media screen and (max-width: 800px) {
    .page-bulk-access .bulk-access__ways {
        padding: 45px 0 35px
    }
}

.page-bulk-access .bulk-access__ways .caption {
    font-size: 36px;
    line-height: 50px;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .page-bulk-access .bulk-access__ways .caption {
        padding-left: 25px;
        padding-right: 25px;
        font-size: 21px;
        line-height: 30px
    }
}

.page-bulk-access .bulk-access__ways .links {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 800px) {
    .page-bulk-access .bulk-access__ways .links {
        margin-top: 52px;
        padding-left: 25px;
        padding-right: 25px
    }
}

.page-bulk-access .bulk-access__ways .links a {
    display: block;
    width: 225px;
    min-height: 245px;
    max-height: 280px;
    border-radius: 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .12);
    position: relative;
    background-color: #fff;
    text-align: center;
    padding: 20px 10px;
    text-decoration: none;
    margin-top: 15px
}

.page-bulk-access .bulk-access__ways .links a .caption {
    color: #000;
    margin: 10px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    text-align: center
}

.page-bulk-access .bulk-access__ways .links a .caption:after {
    display: block;
    content: " ";
    width: 34px;
    height: 2px;
    background: #00a651;
    position: relative;
    margin: 10px 0;
    left: calc(50% - 17px)
}

.is-rtl-lang .page-bulk-access .bulk-access__ways .links a .caption:after {
    right: calc(50% - 17px);
    left: auto
}

.page-bulk-access .bulk-access__ways .links a .text {
    color: #000
}

.page-bulk-access .bulk-access__ways .links a:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .25)
}

.page-bulk-access .bulk-access__ways .links a:hover::after {
    border-color: #00a651
}

.page-bulk-access .bulk-access__ways .links a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #fff;
    border-radius: 4px;
    pointer-events: none;
    transition: all .25s ease
}

@media screen and (max-width: 1024px) {
    .page-bulk-access .bulk-access__ways .links a {
        width: 230px
    }
}

@media screen and (max-width: 800px) {
    .page-bulk-access .bulk-access__ways .links a {
        width: 100%;
        margin-bottom: 30px;
        margin-top: 0
    }
}

.page-custom-solutions .affiliates-resellers__backlink {
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    text-decoration: none;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 55px
}

@media screen and (max-width: 800px) {
    .page-custom-solutions .affiliates-resellers__backlink {
        margin-bottom: 17px
    }
}

.page-custom-solutions .affiliates-resellers__backlink:hover .svg-icon {
    opacity: 1
}

.page-custom-solutions .affiliates-resellers__backlink span {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 2px
}

.page-custom-solutions .affiliates-resellers__backlink .svg-icon {
    opacity: .6;
    margin-right: 15px
}

.page-custom-solutions .affiliates-resellers__checks {
    background-color: #fff;
    padding: 35px 15px 50px
}

.page-custom-solutions .affiliates-resellers__checks .h2 {
    margin: 0 0 35px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .page-custom-solutions .affiliates-resellers__checks .h2 {
        font-size: 21px;
        line-height: 30px
    }
}

.page-custom-solutions .affiliates-resellers__checks p {
    padding-top: 20px
}

.page-custom-solutions .affiliates-resellers__checks .checks-container:not(:last-child) {
    border-right: 1px dashed #cfcfcf
}

@media screen and (max-width: 800px) {
    .page-custom-solutions .affiliates-resellers__checks .checks-container:not(:last-child) {
        border-right: none
    }
}

.page-custom-solutions .affiliates-resellers__checks .checks-container:not(:first-child) {
    padding-left: 30px
}

@media screen and (max-width: 800px) {
    .page-custom-solutions .affiliates-resellers__checks .checks-container:not(:first-child) {
        padding-left: unset
    }
}

.page-custom-solutions .affiliates-resellers__checks .affiliates-resellers__check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 32px;
    text-align: left;
    padding: 5px 0
}

@media screen and (max-width: 800px) {
    .page-custom-solutions .affiliates-resellers__checks .affiliates-resellers__check .cv-typography {
        font-size: 14px
    }
}

.page-custom-solutions .affiliates-resellers__checks .affiliates-resellers__check .svg-icon {
    margin-right: 14px
}

.page-custom-solutions .affiliates-resellers__checks .affiliates-resellers__checks-wrap {
    margin-top: 55px;
    float: left;
    width: 100%
}

@media screen and (max-width: 800px) {
    .page-custom-solutions .affiliates-resellers__checks .affiliates-resellers__checks-wrap {
        margin-top: 35px
    }
}

@media screen and (max-width: 800px) {
    .page-custom-solutions .affiliates-resellers__checks .affiliates-resellers__check-desk {
        margin-top: 10px
    }
}

.page-custom-solutions .affiliates-resellers__why {
    padding: 35px 15px 50px
}

.page-custom-solutions .affiliates-resellers__why .h2 {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 50px;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .page-custom-solutions .affiliates-resellers__why .h2 {
        font-size: 21px;
        line-height: 30px
    }
}

.page-custom-solutions .affiliates-resellers__why .affiliates-resellers__reason {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 24px
}

.page-custom-solutions .affiliates-resellers__why .affiliates-resellers__reason .svg-icon {
    min-height: 24px;
    min-width: 24px;
    margin-right: 14px
}

.page-custom-solutions .affiliates-resellers__form {
    width: 470px;
    max-width: 100%
}

.page-custom-solutions .affiliates-resellers__form button {
    margin-top: 10px
}

@media screen and (max-width: 800px) {
    .page-custom-solutions .affiliates-resellers__form {
        margin-top: 10px
    }
}

.page-nmvtis-history-api {
    padding-top: 50px
}

.page-nmvtis-history-api .nmvtis-history-api__backlink {
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    text-decoration: none;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 55px
}

@media screen and (max-width: 800px) {
    .page-nmvtis-history-api .nmvtis-history-api__backlink {
        margin-bottom: 10px
    }
}

.page-nmvtis-history-api .nmvtis-history-api__backlink:hover .svg-icon {
    opacity: 1
}

.page-nmvtis-history-api .nmvtis-history-api__backlink span {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 2px
}

.page-nmvtis-history-api .nmvtis-history-api__backlink .svg-icon {
    opacity: .6;
    margin-right: 15px
}

.page-nmvtis-history-api .nmvtis-history-api__hero {
    padding: 55px 15px 70px;
    padding-bottom: 70px;
    background: #858789 url(/img/nmvtis-history-api__hero.png) no-repeat;
    background-position-y: bottom;
    background-position-x: 61vw;
    background-size: auto 100%
}

@media screen and (max-width: 1200px) {
    .page-nmvtis-history-api .nmvtis-history-api__hero {
        background-position-x: 60vw
    }
}

@media screen and (max-width: 1024px) {
    .page-nmvtis-history-api .nmvtis-history-api__hero {
        background-position-x: 70vw
    }
}

@media screen and (max-width: 800px) {
    .page-nmvtis-history-api .nmvtis-history-api__hero {
        background-image: none;
        padding-top: 35px;
        padding-bottom: 50px
    }
}

.page-nmvtis-history-api .nmvtis-history-api__hero .nmvtis-history-api__caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.page-nmvtis-history-api .nmvtis-history-api__hero .nmvtis-history-api__caption .h1 {
    padding-left: 45px;
    font-size: 52px;
    line-height: 64px;
    font-weight: 700;
    font-style: italic;
    text-shadow: 0 3px 11px rgba(0, 0, 0, .16);
    margin: 0
}

@media screen and (max-width: 800px) {
    .page-nmvtis-history-api .nmvtis-history-api__hero .nmvtis-history-api__caption .h1 {
        padding-left: 23px;
        font-size: 30px;
        line-height: 36px
    }
}

.page-nmvtis-history-api .nmvtis-history-api__hero .nmvtis-history-api__desc {
    margin-top: 45px
}

@media screen and (max-width: 800px) {
    .page-nmvtis-history-api .nmvtis-history-api__hero .nmvtis-history-api__desc {
        margin-top: 7px
    }
}

.page-nmvtis-history-api .nmvtis-history-api__hero .nmvtis-history-api__desc .p {
    color: #fff;
    max-width: 585px;
    margin-top: 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .16)
}

@media screen and (max-width: 800px) {
    .page-nmvtis-history-api .nmvtis-history-api__hero .nmvtis-history-api__desc .p {
        margin-top: 0
    }
}

.page-nmvtis-history-api .nmvtis-history-api__hero .nmvtis-history-api__desc .h2 {
    font-size: 28px;
    line-height: 37px;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    margin: 0
}

@media screen and (max-width: 1200px) {
    .page-nmvtis-history-api .nmvtis-history-api__hero .nmvtis-history-api__desc .h2 {
        max-width: 400px;
        font-size: 24px;
        line-height: 34px;
        font-weight: 700;
        font-style: italic
    }
}

@media screen and (max-width: 800px) {
    .page-nmvtis-history-api .nmvtis-history-api__hero .nmvtis-history-api__desc .h2 {
        font-size: 21px;
        line-height: 30px;
        font-weight: 700;
        font-style: italic;
        max-width: 100%
    }
}

.page-nmvtis-history-api .nmvtis-history-api__hero .nmvtis-history-api__notes {
    width: 115px;
    height: 115px
}

@media screen and (max-width: 800px) {
    .page-nmvtis-history-api .nmvtis-history-api__hero .nmvtis-history-api__notes {
        width: 50px
    }
}

.page-nmvtis-history-api .nmvtis-history-api__info {
    padding: 95px 15px;
    background-color: #95989a
}

@media screen and (max-width: 1024px) {
    .page-nmvtis-history-api .nmvtis-history-api__info {
        padding: 0
    }
}

@media screen and (max-width: 1024px) {
    .page-nmvtis-history-api .nmvtis-history-api__info .nmvtis-history-api__tabs-component {
        padding: 0
    }
}

.page-nmvtis-history-api .nmvtis-history-api__info .tabs {
    border: 0;
    background-color: #e6e6e6
}

.page-nmvtis-history-api .nmvtis-history-api__info .tabs-title a {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 35px;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    color: #000;
    text-decoration: none
}

@media screen and (max-width: 1024px) {
    .page-nmvtis-history-api .nmvtis-history-api__info .tabs-title a {
        height: 60px;
        padding: 0 25px
    }
}

.page-nmvtis-history-api .nmvtis-history-api__info .tabs-title.is-active {
    pointer-events: none !important;
    cursor: default
}

.page-nmvtis-history-api .nmvtis-history-api__info .tabs-title.is-active a {
    background-color: #fff !important;
    border-color: #e2e2e2;
    color: #0097c7
}

.page-nmvtis-history-api .nmvtis-history-api__info .tabs-title:hover a {
    background-color: rgba(255, 255, 255, .3)
}

.page-nmvtis-history-api .nmvtis-history-api__info .tabs-panel {
    padding: 40px
}

@media screen and (max-width: 1024px) {
    .page-nmvtis-history-api .nmvtis-history-api__info .tabs-panel {
        padding: 25px 25px
    }
}

.page-valuation-data-api {
    padding-top: 50px
}

.page-valuation-data-api .valuation-data-api__backlink {
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    text-decoration: none;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 55px
}

@media screen and (max-width: 800px) {
    .page-valuation-data-api .valuation-data-api__backlink {
        margin-bottom: 10px
    }
}

.page-valuation-data-api .valuation-data-api__backlink:hover .svg-icon {
    opacity: 1
}

.page-valuation-data-api .valuation-data-api__backlink span {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 2px
}

.page-valuation-data-api .valuation-data-api__backlink .svg-icon {
    opacity: .6;
    margin-right: 15px
}

.page-valuation-data-api .valuation-data-api__hero {
    padding: 55px 15px 70px;
    padding-bottom: 70px;
    background: #66a784 url(/img/valuation-data-api__hero.png) no-repeat;
    background-position-y: bottom;
    background-position-x: 55vw;
    background-size: auto 100%
}

@media screen and (max-width: 1200px) {
    .page-valuation-data-api .valuation-data-api__hero {
        background-position-x: 60vw
    }
}

@media screen and (max-width: 1024px) {
    .page-valuation-data-api .valuation-data-api__hero {
        background-position-x: 70vw
    }
}

@media screen and (max-width: 800px) {
    .page-valuation-data-api .valuation-data-api__hero {
        background-image: none;
        padding-top: 35px;
        padding-bottom: 50px
    }
}

.page-valuation-data-api .valuation-data-api__hero .valuation-data-api__caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.page-valuation-data-api .valuation-data-api__hero .valuation-data-api__caption .h1 {
    padding-left: 45px;
    font-size: 52px;
    line-height: 64px;
    font-weight: 700;
    font-style: italic;
    text-shadow: 0 3px 11px rgba(0, 0, 0, .16);
    margin: 0
}

@media screen and (max-width: 800px) {
    .page-valuation-data-api .valuation-data-api__hero .valuation-data-api__caption .h1 {
        padding-left: 23px;
        font-size: 30px;
        line-height: 36px
    }
}

.page-valuation-data-api .valuation-data-api__hero .valuation-data-api__desc {
    margin-top: 45px
}

@media screen and (max-width: 800px) {
    .page-valuation-data-api .valuation-data-api__hero .valuation-data-api__desc {
        margin-top: 7px
    }
}

.page-valuation-data-api .valuation-data-api__hero .valuation-data-api__desc .p {
    color: #fff;
    max-width: 585px;
    margin-top: 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .16)
}

@media screen and (max-width: 800px) {
    .page-valuation-data-api .valuation-data-api__hero .valuation-data-api__desc .p {
        margin-top: 0
    }
}

.page-valuation-data-api .valuation-data-api__hero .valuation-data-api__desc .h2 {
    font-size: 28px;
    line-height: 37px;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    margin: 0
}

@media screen and (max-width: 1200px) {
    .page-valuation-data-api .valuation-data-api__hero .valuation-data-api__desc .h2 {
        max-width: 400px;
        font-size: 24px;
        line-height: 34px;
        font-weight: 700;
        font-style: italic
    }
}

@media screen and (max-width: 800px) {
    .page-valuation-data-api .valuation-data-api__hero .valuation-data-api__desc .h2 {
        font-size: 21px;
        line-height: 30px;
        font-weight: 700;
        font-style: italic;
        max-width: 100%
    }
}

.page-valuation-data-api .valuation-data-api__hero .valuation-data-api__notes {
    width: 115px;
    height: 115px
}

@media screen and (max-width: 800px) {
    .page-valuation-data-api .valuation-data-api__hero .valuation-data-api__notes {
        width: 50px
    }
}

.page-valuation-data-api .valuation-data-api__info {
    padding: 95px 15px;
    background-color: #73bb94
}

@media screen and (max-width: 1024px) {
    .page-valuation-data-api .valuation-data-api__info {
        padding: 0
    }
}

@media screen and (max-width: 1024px) {
    .page-valuation-data-api .valuation-data-api__info .valuation-data-api__tabs-component {
        padding: 0
    }
}

.page-valuation-data-api .valuation-data-api__info .tabs {
    border: 0;
    background-color: #e6e6e6
}

.page-valuation-data-api .valuation-data-api__info .tabs-title a {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 35px;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    color: #000;
    text-decoration: none
}

@media screen and (max-width: 1024px) {
    .page-valuation-data-api .valuation-data-api__info .tabs-title a {
        height: 60px;
        padding: 0 25px
    }
}

.page-valuation-data-api .valuation-data-api__info .tabs-title.is-active {
    pointer-events: none !important;
    cursor: default
}

.page-valuation-data-api .valuation-data-api__info .tabs-title.is-active a {
    background-color: #fff !important;
    border-color: #e2e2e2;
    color: #0097c7
}

.page-valuation-data-api .valuation-data-api__info .tabs-title:hover a {
    background-color: rgba(255, 255, 255, .3)
}

.page-valuation-data-api .valuation-data-api__info .tabs-panel {
    padding: 40px
}

@media screen and (max-width: 1024px) {
    .page-valuation-data-api .valuation-data-api__info .tabs-panel {
        padding: 25px 25px
    }
}

.page-vin-decode-api-demo {
    background-color: #39464b;
    padding: 50px 0
}

@media screen and (max-width: 800px) {
    .page-vin-decode-api-demo {
        padding: 0
    }
}

.page-vin-decode-api-demo .vin-decode-api-demo__container {
    min-height: calc(100vh - 100px);
    background: #fff;
    width: 500px;
    max-width: 100%;
    padding: 0
}

@media screen and (max-width: 800px) {
    .page-vin-decode-api-demo .vin-decode-api-demo__container {
        min-height: 100vh
    }
}

.page-vin-decode-api-demo .decoder-form {
    padding: 45px 40px !important
}

@media screen and (max-width: 800px) {
    .page-vin-decode-api-demo .decoder-form {
        padding-top: 35px !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.page-vin-decode-api-demo .decoder-components {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-vin-decode-api-demo .g-recaptcha {
    padding: 0 15px
}

.page-vin-decode-api-demo .g-recaptcha + .material-input {
    margin-bottom: 0 !important
}

.page-vin-decode-api-demo .g-recaptcha + .material-input .form-error {
    padding: 0 25px 0 15px !important;
    max-width: calc(100% - 15px)
}

.page-vin-decode-api-demo .button-wrap,
.page-vin-decode-api-demo .g-recaptcha,
.page-vin-decode-api-demo .vin-input-wrap {
    width: 100%
}

.page-vin-decode-api-demo .auth-button-container {
    padding-top: 19px !important
}

.page-vin-decode-api-demo .auth-button-container .button {
    margin: 0 !important
}

.page-vin-decode-api-demo .vin-info {
    width: 100%;
    border-top: 1px solid;
    padding: 37px 55px
}

@media screen and (max-width: 800px) {
    .page-vin-decode-api-demo .vin-info {
        padding-left: 25px;
        padding-right: 25px
    }
}

.page-vin-decode-api-demo .vin-info > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
    margin-bottom: 8px
}

.page-vin-decode-api-demo .vin-form-container {
    padding: 0 !important
}

.page-vin-decode-api-demo .material-input {
    width: 100%
}

.page-vin-decode-api-demo .form-error {
    position: static !important
}

.page-vin-decode-api {
    position: relative;
    padding-bottom: 0
}

.page-vin-decode-api .vin-decode-api__hero {
    padding: 45px 15px 40px;
    background: linear-gradient(90deg, #e5f0ea 0, #cdd9d2 100%), url(/img/Gear_bckg.png);
    position: relative;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-blend-mode: multiply
}

@media screen and (max-width: 800px) {
    .page-vin-decode-api .vin-decode-api__hero {
        padding-top: 35px;
        padding-bottom: 50px
    }
}

.page-vin-decode-api .vin-decode-api__hero .vin-decode-api__caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.page-vin-decode-api .vin-decode-api__hero .vin-decode-api__caption .h1 {
    padding-left: 45px;
    font-size: 52px;
    line-height: 64px;
    font-weight: 700;
    font-style: italic;
    text-shadow: 0 3px 11px rgba(0, 0, 0, .16);
    margin: 0
}

@media screen and (max-width: 800px) {
    .page-vin-decode-api .vin-decode-api__hero .vin-decode-api__caption .h1 {
        padding-left: 23px;
        font-size: 30px;
        line-height: 36px
    }
}

.page-vin-decode-api .vin-decode-api__hero .auction-history-api__cta,
.page-vin-decode-api .vin-decode-api__hero .nmvtis-history-api__cta,
.page-vin-decode-api .vin-decode-api__hero .valuation-data-api__cta,
.page-vin-decode-api .vin-decode-api__hero .vin-decode-api__cta {
    width: 280px;
    max-width: 100%;
    box-shadow: none;
    text-shadow: none
}

@media screen and (max-width: 800px) {

    .page-vin-decode-api .vin-decode-api__hero .auction-history-api__cta,
    .page-vin-decode-api .vin-decode-api__hero .nmvtis-history-api__cta,
    .page-vin-decode-api .vin-decode-api__hero .valuation-data-api__cta,
    .page-vin-decode-api .vin-decode-api__hero .vin-decode-api__cta {
        margin-top: 25px;
        width: 100%
    }
}

.page-vin-decode-api .vin-decode-api__hero .auction-history-api__cta:hover .svg-icon,
.page-vin-decode-api .vin-decode-api__hero .nmvtis-history-api__cta:hover .svg-icon,
.page-vin-decode-api .vin-decode-api__hero .valuation-data-api__cta:hover .svg-icon,
.page-vin-decode-api .vin-decode-api__hero .vin-decode-api__cta:hover .svg-icon {
    left: 28px
}

.page-vin-decode-api .vin-decode-api__hero .auction-history-api__cta .svg-icon,
.page-vin-decode-api .vin-decode-api__hero .nmvtis-history-api__cta .svg-icon,
.page-vin-decode-api .vin-decode-api__hero .valuation-data-api__cta .svg-icon,
.page-vin-decode-api .vin-decode-api__hero .vin-decode-api__cta .svg-icon {
    transition: left .16s ease;
    position: absolute;
    top: 18px;
    left: 25px
}

.page-vin-decode-api .vin-decode-api__hero .vin-decode-api__notes {
    width: 115px;
    height: 115px
}

@media screen and (max-width: 800px) {
    .page-vin-decode-api .vin-decode-api__hero .vin-decode-api__notes {
        width: 50px
    }
}

.page-vin-decode-api .vin-decode-api__info {
    padding: 0 15px 50px;
    background-color: #fff
}

@media screen and (max-width: 1024px) {
    .page-vin-decode-api .vin-decode-api__info {
        padding: 0
    }
}

@media screen and (max-width: 1024px) {
    .page-vin-decode-api .vin-decode-api__info .vin-decode-api__tabs-component {
        padding: 0
    }
}

.page-vin-decode-api .vin-decode-api__info .tabs {
    border: none;
    border-bottom: 1px solid #cfcfcf
}

.page-vin-decode-api .vin-decode-api__info .tabs-content {
    border: none
}

.page-vin-decode-api .vin-decode-api__info .tabs-title a {
    height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 35px;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .page-vin-decode-api .vin-decode-api__info .tabs-title a {
        height: 60px;
        padding: 0 25px
    }
}

.page-vin-decode-api .vin-decode-api__info .tabs-title.is-active {
    pointer-events: none !important;
    cursor: default;
    position: relative
}

.page-vin-decode-api .vin-decode-api__info .tabs-title.is-active:after {
    display: block;
    content: " ";
    width: 100%;
    position: absolute;
    bottom: -1px;
    border-bottom: 2px solid #00a651
}

.page-vin-decode-api .vin-decode-api__info .tabs-title.is-active a {
    color: #00a651;
    background-color: #fff !important
}

.page-vin-decode-api .vin-decode-api__info .tabs-panel {
    padding: 40px 0
}

.page-auctions-report {
    padding: 20px 0 0;
    overflow: hidden
}

@media print {
    .page-auctions-report {
        background: #f6f6f6 !important
    }

    .page-auctions-report body,
    .page-auctions-report html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report a[href] {
        text-decoration: none !important
    }

    .page-auctions-report a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-auctions-report .print-logo {
    margin: 0 0 0 auto
}

.page-auctions-report .grid-container:not(.fluid) {
    max-width: 65rem
}

.page-auctions-report .report-title-block {
    padding: 0 0 15px
}

@media print {

    .page-auctions-report .report-title-block body,
    .page-auctions-report .report-title-block html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .report-title-block a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .report-title-block a[href]:after {
        display: none !important;
        color: transparent !important
    }

    .page-auctions-report .report-title-block > div:first-child {
        -ms-flex-positive: 2;
        flex-grow: 2
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .report-title-block {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.page-auctions-report .report-block {
    background-color: #fff !important;
    border-radius: 4px;
    padding: 25px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    overflow: hidden
}

@media print {
    .page-auctions-report .report-block {
        padding: 15px 20px
    }

    .page-auctions-report .report-block body,
    .page-auctions-report .report-block html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .report-block a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .report-block a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .report-block {
        padding: 15px
    }
}

.page-auctions-report .report-block.small-pads {
    padding: 15px
}

@media print {
    .page-auctions-report .report-block.small-pads {
        padding: 6px 10px
    }

    .page-auctions-report .report-block.small-pads body,
    .page-auctions-report .report-block.small-pads html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .report-block.small-pads a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .report-block.small-pads a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .report-block.small-pads {
        padding: 14px
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .report-block .record:last-child {
        border-bottom: none
    }
}

.page-auctions-report .report-block-title {
    padding: 0 0 10px
}

.page-auctions-report .report-block-title h4 {
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .page-auctions-report .report-block-title h4 {
        font-size: 20px;
        margin: 0
    }
}

.page-auctions-report .report-title h2.cv-typography {
    font-size: 36px;
    line-height: 46px
}

.page-auctions-report .report-title h2.cv-typography:first-child {
    font-weight: lighter
}

@media print {
    .page-auctions-report .report-title h2.cv-typography {
        font-size: 32px;
        line-height: 42px;
        margin: 0
    }

    .page-auctions-report .report-title h2.cv-typography body,
    .page-auctions-report .report-title h2.cv-typography html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .report-title h2.cv-typography a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .report-title h2.cv-typography a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 1024px) {
    .page-auctions-report .report-title h2.cv-typography {
        font-size: 32px;
        line-height: 48px
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .report-title h2.cv-typography {
        font-size: 21px;
        line-height: 30px;
        text-align: center;
        margin: 0
    }

    .page-auctions-report .report-title h2.cv-typography:last-child {
        font-weight: 700
    }
}

.page-auctions-report .report-date {
    font-size: 16px;
    line-height: 46px;
    max-width: 240px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 800px) {
    .page-auctions-report .report-date {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.page-auctions-report .report-short-info {
    padding: 15px 0
}

.page-auctions-report .preview-image {
    border-radius: 4px;
    width: 100%
}

@media screen and (max-width: 800px) {
    .page-auctions-report .preview-image {
        margin: 0 -20px;
        border-radius: 0;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px)
    }
}

.page-auctions-report .report-navigation {
    padding: 15px 0
}

.page-auctions-report .specs-block {
    padding: 15px 0
}

@media print {
    .page-auctions-report .specs-block {
        page-break-after: always
    }

    .page-auctions-report .specs-block body,
    .page-auctions-report .specs-block html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .specs-block a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .specs-block a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-auctions-report .odometer-block {
    padding: 15px 0
}

.page-auctions-report .record {
    line-height: 50px;
    border-bottom: 1px solid #d2d2d2
}

@media print {
    .page-auctions-report .record {
        line-height: 38px
    }

    .page-auctions-report .record body,
    .page-auctions-report .record html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .record a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .record a[href]:after {
        display: none !important;
        color: transparent !important
    }

    .page-auctions-report .record:last-child {
        border-bottom: none
    }
}

@media screen and (min-width: 800px) {
    .page-auctions-report .record:last-child {
        border-bottom: none
    }
}

.page-auctions-report .record span {
    font-size: 16px
}

@media print {
    .page-auctions-report .record span {
        font-size: 14px
    }

    .page-auctions-report .record span body,
    .page-auctions-report .record span html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .record span a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .record span a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-auctions-report .record span:last-child {
    font-weight: 700
}

.page-auctions-report .report-block-header {
    position: relative;
    margin-bottom: 10px;
    height: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media print {
    .page-auctions-report .report-block-header {
        height: 14px;
        line-height: 14px;
        padding-top: 8px
    }

    .page-auctions-report .report-block-header body,
    .page-auctions-report .report-block-header html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .report-block-header a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .report-block-header a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-auctions-report .report-block-header:before {
    display: block;
    position: absolute;
    width: calc(100% + 32px);
    height: calc(100% + 26px);
    left: -16px;
    top: -16px;
    content: " ";
    background-color: #fff4dd;
    z-index: 0
}

.page-auctions-report .report-block-header h5 {
    margin: 0;
    position: relative;
    z-index: 2;
    font-weight: 600;
    font-size: 16px
}

@media print {
    .page-auctions-report .report-block-header h5 {
        font-size: 14px
    }

    .page-auctions-report .report-block-header h5 body,
    .page-auctions-report .report-block-header h5 html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .report-block-header h5 a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .report-block-header h5 a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-auctions-report .put-for-sale-block {
    max-height: 126px
}

.page-auctions-report .navigation-block {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 35px 5px 30px;
    text-align: center
}

@media print {
    .page-auctions-report .navigation-block {
        padding: 20px 5px
    }

    .page-auctions-report .navigation-block body,
    .page-auctions-report .navigation-block html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .navigation-block a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .navigation-block a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-auctions-report .navigation-block a {
    text-decoration: none;
    color: inherit
}

@media screen and (max-width: 800px) {
    .page-auctions-report .navigation-block a {
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .navigation-block {
        height: 58px;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 10px;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        margin-bottom: 2px
    }
}

.page-auctions-report .navigation-block h4 {
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    padding: 4px 0
}

@media print {
    .page-auctions-report .navigation-block h4 {
        font-size: 14px
    }

    .page-auctions-report .navigation-block h4 body,
    .page-auctions-report .navigation-block h4 html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .navigation-block h4 a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .navigation-block h4 a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .navigation-block h4 {
        font-size: 14px;
        padding: 0
    }
}

.page-auctions-report .navigation-block img {
    width: 64px;
    height: 64px
}

@media print {
    .page-auctions-report .navigation-block img {
        width: 48px;
        height: 48px
    }

    .page-auctions-report .navigation-block img body,
    .page-auctions-report .navigation-block img html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .navigation-block img a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .navigation-block img a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 1024px) {
    .page-auctions-report .navigation-block img {
        width: 48px;
        height: 48px
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .navigation-block img {
        width: 42px;
        height: 42px;
        margin-bottom: 0;
        margin-right: 10px;
        background: #fff
    }
}

.page-auctions-report .navigation-block span {
    color: #b4b4b4
}

@media screen and (max-width: 800px) {
    .page-auctions-report .navigation-block span {
        font-size: 14px
    }
}

.page-auctions-report .navigation-block span.result-content-link {
    color: #2070c0
}

@media print {
    .page-auctions-report .navigation-block span.result-content-link {
        color: #2070c0 !important;
        text-decoration: underline;
        font-size: 14px
    }

    .page-auctions-report .navigation-block span.result-content-link body,
    .page-auctions-report .navigation-block span.result-content-link html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .navigation-block span.result-content-link a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .navigation-block span.result-content-link a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-auctions-report .navigation-block span.result-content-link:hover {
    text-decoration: underline
}

.page-auctions-report .navigation-block:after {
    content: " ";
    display: none;
    position: absolute;
    top: 12px;
    right: 15px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat
}

@media screen and (max-width: 800px) {
    .page-auctions-report .navigation-block:after {
        width: 20px;
        height: 20px
    }
}

.page-auctions-report .navigation-block.clear:after {
    display: block;
    background-image: url(/img/ok-icon.svg)
}

@media screen and (max-width: 800px) {
    .page-auctions-report .navigation-block.clear:after {
        top: 16px
    }
}

.page-auctions-report .navigation-block.warning:after {
    display: block;
    background-image: url(/img/alert-icon.svg)
}

@media screen and (max-width: 800px) {
    .page-auctions-report .navigation-block.warning:after {
        right: 12px;
        top: 18px
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .table-row {
        padding: 10px 0
    }
}

.page-auctions-report .table-row > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0
}

@media screen and (max-width: 800px) {
    .page-auctions-report .table-row > div {
        min-height: unset;
        padding: 0;
        line-height: 28px
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .table-row > div .table-row-cell > div:last-child {
        text-align: right
    }
}

.page-auctions-report .table-row:not(:last-child) {
    border-bottom: 1px solid #d2d2d2
}

.page-auctions-report .table-header {
    font-size: 10px;
    line-height: 30px;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 1px solid #d2d2d2
}

.page-auctions-report .auction-sale-block {
    padding: 30px 0 0
}

@media screen and (max-width: 800px) {
    .page-auctions-report .auction-sale-block {
        padding-bottom: 0
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .auction-sale-block .records-block {
        padding: 10px 0
    }
}

.page-auctions-report .auction-sale-block .auction-block-header {
    width: 100%;
    height: 50px;
    position: relative;
    padding: 0 20px 0 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 800px) {
    .page-auctions-report .auction-sale-block .auction-block-header {
        margin-left: -20px
    }
}

.page-auctions-report .auction-sale-block .auction-block-header h2 {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0 20px 0 25px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    width: calc(100% - 20px);
    background: #ededed !important;
    height: 100%;
    margin: 0
}

@media screen and (max-width: 800px) {
    .page-auctions-report .auction-sale-block .auction-block-header h2 {
        width: 100%;
        font-size: 16px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 8px;
        line-height: 20px
    }
}

.page-auctions-report .auction-sale-block .auction-block-header h2 span {
    font-size: 16px;
    margin-right: -20px;
    z-index: 3
}

@media screen and (max-width: 800px) {
    .page-auctions-report .auction-sale-block .auction-block-header h2 span {
        margin-right: 0;
        font-size: 12px
    }
}

.page-auctions-report .auction-sale-block .auction-block-header h2:before {
    display: block;
    content: " ";
    background: #ededed;
    position: absolute;
    top: 0;
    right: -32px;
    width: 45px;
    height: 100%;
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
    z-index: 2
}

.page-auctions-report .auction-sale-block .auction-block-header:before {
    display: block;
    content: " ";
    background: #00a651;
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%
}

.page-auctions-report .auction-sale-block .auction-gallery-block {
    padding: 30px 0 0
}

@media print {

    .page-auctions-report .auction-sale-block .auction-gallery-block img body,
    .page-auctions-report .auction-sale-block .auction-gallery-block img html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .auction-sale-block .auction-gallery-block img a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .auction-sale-block .auction-gallery-block img a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-auctions-report .records-block {
    padding: 15px 0
}

@media print {
    .page-auctions-report .records-block {
        padding: 5px 0
    }

    .page-auctions-report .records-block body,
    .page-auctions-report .records-block html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .records-block a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .records-block a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .records-block {
        padding: 5px 0
    }
}

.page-auctions-report .records-block .records-column {
    max-width: 45%
}

@media screen and (max-width: 800px) {
    .page-auctions-report .records-block .records-column {
        max-width: 100%
    }

    .page-auctions-report .records-block .records-column .record:last-child {
        border-bottom: 1px solid #d2d2d2
    }

    .page-auctions-report .records-block .records-column:last-child > .record:last-child {
        border-bottom: none
    }
}

.page-auctions-report .small-pads .record {
    line-height: 42px
}

@media print {
    .page-auctions-report .small-pads .record {
        line-height: 30px
    }

    .page-auctions-report .small-pads .record body,
    .page-auctions-report .small-pads .record html {
        width: 210mm;
        height: 297mm
    }

    .page-auctions-report .small-pads .record a[href] {
        text-decoration: none !important
    }

    .page-auctions-report .small-pads .record a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-auctions-report .bgc-white {
    background-color: #fff
}

.page-auctions-report .recall-table {
    padding: 15px 0
}

@media screen and (max-width: 800px) {
    .page-auctions-report .recall-table .recall-component-cell {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .page-auctions-report .recall-table .recall-component-cell > div:last-child {
        -ms-flex-positive: 2;
        flex-grow: 2
    }
}

@media screen and (max-width: 800px) {
    .page-auctions-report .recall-table .table-row {
        box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
        border-radius: 4px;
        padding: 7px 14px
    }

    .page-auctions-report .recall-table .table-row .cv-typography {
        font-size: 14px
    }
}

.page-auctions-report .recall-table .table-row:last-child {
    border-bottom: 1px solid #d2d2d2
}

@media screen and (max-width: 800px) {
    .page-auctions-report .recall-table .table-row:last-child {
        border-bottom: none
    }
}

.page-auctions-report .recall-description h5 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0 2px;
    text-transform: uppercase
}

.page-auctions-report .recall-description h5:before {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    background-color: #00a651;
    margin-right: 6px
}

.page-auctions-report .recall-description p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.page-auctions-report .recalls-block {
    padding: 15px 0 50px
}

.page-auctions-report .mobile-gallery {
    position: relative;
    margin: 0 -20px;
    width: calc(100% + 40px)
}

.page-auctions-report .mobile-gallery .swiper-pagination {
    bottom: 20px
}

.page-auctions-report .mobile-gallery .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
    opacity: .5;
    width: 6px;
    height: 6px
}

.page-auctions-report .mobile-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    opacity: 1
}

.page-auctions-report .print-images-row {
    border-bottom: 0;
    page-break-inside: avoid !important
}

.page-auctions-report .print-images-row td:nth-child(odd) {
    padding: 5px 5px 5px 16px
}

.page-auctions-report .print-images-row td:nth-child(even) {
    padding: 5px 16px 5px 5px
}

.dealer-dashboard-splash {
    background-image: url(/img/bg-dealer-dashboard.jpg);
    margin-bottom: 60px;
    background-size: cover;
    overflow: hidden
}

@media screen and (max-width: 800px) {
    .dealer-dashboard-splash {
        margin: -35px -15px 45px
    }
}

.dealer-dashboard-splash .text-wrap {
    padding: 44px 80px 50px
}

@media screen and (max-width: 1200px) {
    .dealer-dashboard-splash .text-wrap {
        padding-right: 20px
    }
}

@media screen and (max-width: 1024px) {
    .dealer-dashboard-splash .text-wrap {
        padding-left: 40px
    }
}

@media screen and (max-width: 800px) {
    .dealer-dashboard-splash .text-wrap {
        padding: 25px 15px 30px
    }
}

.dealer-dashboard-splash .text-wrap .button {
    display: block;
    margin-top: 15px;
    margin-bottom: 0
}

.dealer-dashboard-splash .text-wrap p {
    color: #fff;
    font-size: 28px;
    line-height: 37px;
    font-weight: 700;
    font-style: italic
}

@media screen and (max-width: 800px) {
    .dealer-dashboard-splash .text-wrap p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        font-style: italic
    }
}

.dealer-dashboard-splash .stripe {
    width: 570px;
    position: relative;
    padding: 20px 10px 20px 80px;
    margin-top: 50px
}

@media screen and (max-width: 1024px) {
    .dealer-dashboard-splash .stripe {
        padding-left: 40px;
        width: 520px
    }
}

@media screen and (max-width: 800px) {
    .dealer-dashboard-splash .stripe {
        padding: 15px;
        margin-top: 30px;
        width: 310px
    }
}

.dealer-dashboard-splash .stripe h1 {
    color: #fff;
    text-shadow: 0 3px 11px rgba(0, 0, 0, .15);
    position: relative;
    z-index: 2;
    font-size: 53px;
    line-height: 70px;
    font-weight: 700;
    font-style: italic
}

@media screen and (max-width: 800px) {
    .dealer-dashboard-splash .stripe h1 {
        font-size: 32px;
        line-height: 42px;
        font-weight: 700;
        font-style: italic
    }
}

.dealer-dashboard-splash .stripe::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -100px;
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    z-index: 1;
    background: #0097c7
}

.dealer-account.check-vins-dashboard {
    margin-bottom: 80px
}

@media screen and (max-width: 800px) {
    .dealer-account.check-vins-dashboard {
        margin-bottom: 60px
    }
}

.dealer-account.check-vins-dashboard .button {
    margin-top: 40px
}

@media screen and (max-width: 800px) {
    .dealer-account.check-vins-dashboard .button {
        margin-top: 25px !important
    }
}

.dealer-account .vins-area {
    width: calc(100% - 40px);
    border: 1px solid #95989a;
    resize: none;
    box-shadow: 0 3px 1px rgba(0, 0, 0, .16);
    padding: 15px;
    font-size: 18px;
    line-height: 24px;
    max-width: 480px;
    min-height: 400px;
    text-align: left
}

@media screen and (max-width: 1024px) {
    .dealer-account .vins-area {
        width: 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 800px) {
    .dealer-account .vins-area {
        width: 100%
    }
}

.dealer-account .check-vins {
    margin-top: 24px
}

@media screen and (max-width: 800px) {
    .dealer-account .check-vins {
        margin-top: 14px
    }
}

@media screen and (min-width: 800px) {
    .dealer-account .check-vins {
        max-width: 220px
    }
}

.dealer-account .subscription-button img {
    margin-top: -4px;
    margin-right: 10px
}

.dealer-account .textarea-wrap {
    display: -ms-flexbox;
    display: flex
}

.dealer-account .textarea-wrap textarea:focus {
    outline: 0
}

.dealer-account .purchase-preview-table .remove {
    font-size: 1rem;
    cursor: pointer;
    vertical-align: middle;
    font-weight: 400;
    text-shadow: none;
    width: 31px;
    height: 31px;
    text-align: center;
    border-radius: 4px
}

.dealer-account .purchase-preview-table .remove img {
    opacity: .7
}

@media screen and (max-width: 800px) {
    .dealer-account .purchase-preview-table .remove {
        width: 100%;
        padding: 7px;
        height: auto;
        border-radius: 0
    }

    .dealer-account .purchase-preview-table .remove img {
        width: 20px
    }
}

.dealer-account .purchase-preview-table .remove:hover {
    background: rgba(0, 0, 0, .06)
}

.dealer-account .purchase-preview-table .remove:hover img {
    opacity: 1
}

.dealer-account .vin-input-wrap {
    margin-top: 30px
}

.dealer-account .vin-input-wrap .vin-input {
    height: 50px;
    border: 1px solid #686868;
    padding-left: 18px
}

.dealer-account .vin-input-wrap .add-vin-input {
    padding: 0 10px;
    margin-bottom: 40px
}

.dealer-account .preview-table {
    max-height: 720px;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: auto;
    border-bottom: 1px solid #95989a;
    margin-bottom: 10px
}

.dealer-account .preview-table td:last-child,
.dealer-account .preview-table th:last-child {
    width: 55px
}

.dealer-account .preview-table tbody tr td {
    vertical-align: middle !important;
    font-size: 16px !important
}

.dealer-account .preview-table tbody tr td .flex-wrap {
    padding: 0 !important
}

@media screen and (max-width: 800px) {
    .dealer-account .preview-table tbody tr td {
        font-size: 14px !important;
        font-weight: 700
    }

    .dealer-account .preview-table tbody tr td span:first-child {
        font-weight: 400 !important
    }

    .dealer-account .preview-table tbody tr td:nth-child(2),
    .dealer-account .preview-table tbody tr td:nth-child(3),
    .dealer-account .preview-table tbody tr td:nth-child(4) {
        padding-top: 14px !important
    }

    .dealer-account .preview-table tbody tr td:nth-child(4) {
        padding-bottom: 14px !important
    }
}

@media screen and (max-width: 800px) {
    .dealer-account .preview-table {
        margin-top: 0;
        max-height: none;
        border-bottom: 0
    }
}

.dealer-account .about-report-list-wrap {
    background: #e3eff6;
    padding: 50px 50px 20px;
    border-radius: 3px;
    position: relative;
    width: 95%;
    float: right
}

@media screen and (max-width: 800px) {
    .dealer-account .about-report-list-wrap {
        width: 100%;
        margin-top: 100px !important;
        padding: 50px 25px 20px
    }
}

.dealer-account .about-report-list-wrap .reg-icon {
    position: absolute;
    top: -47px;
    right: 50%;
    margin-right: -47px
}

.dealer-account .about-report-list-wrap .button {
    margin: 10px 0;
    background-color: transparent
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .dealer-account .about-report-list-wrap {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 800px) {
    .dealer-account .about-report-list-wrap {
        margin: 60px auto
    }
}

.dealer-account .about-report-list-wrap h4 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    text-align: center
}

.dealer-account .about-report-list-wrap ul {
    text-align: left;
    margin: 0;
    list-style: none
}

.dealer-account .about-report-list-wrap ul li {
    padding: 0 0 20px 40px;
    background-image: url(/img/green-check.svg);
    background-repeat: no-repeat;
    background-position: left 10px;
    background-size: 24px
}

.dealer-account .preview-table-summary {
    font-weight: 300;
    margin-left: 15px;
    margin-bottom: 25px
}

.dealer-account .preview-table-summary .form-error {
    display: inline-block !important;
    margin: 20px 0 0
}

.dealer-account .preview-table-summary .form-error .vinValue:not(:last-child) {
    display: inline-block;
    margin-right: 8px
}

.dealer-account .preview-table-summary .report-count {
    display: inline-block;
    margin-left: 10px;
    font-weight: 700
}

.dealer-account .dealer-payment-final {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.dealer-account .purchase-summary {
    border-spacing: 0 4px;
    margin-bottom: 20px
}

.dealer-account .purchase-summary tbody::before {
    display: none
}

.dealer-account .purchase-summary tr {
    border-bottom: 3px solid #fff
}

.dealer-account .purchase-summary tr .total-amount {
    font-weight: 600
}

.dealer-account .dealer-payment-form {
    max-width: 570px;
    padding: 20px 35px !important;
    border: 1px solid #afb2b3;
    border-radius: 3px;
    box-shadow: 0 0 3px 0 #d2d0c9
}

@media screen and (max-width: 800px) {
    .dealer-account .dealer-payment-form {
        padding: 15px !important
    }
}

.dealer-account .dealer-payment-form .react-select-cards {
    height: 48px
}

.dealer-account .dealer-payment-form .react-select-cards .react-select-cards__control {
    height: 48px
}

.dealer-account .dealer-payment-form .react-select-cards .react-select-cards__control .react-select-cards__value-container {
    height: 48px
}

.dealer-account .dealer-payment-form .react-select-cards .react-select-cards__control .react-select-cards__value-container .react-select-cards__input {
    height: 48px
}

.dealer-account .dealer-payment-form .description {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    text-transform: lowercase
}

.dealer-account .dealer-payment-form .description:empty {
    display: none
}

.dealer-account .dealer-payment-form tr:nth-child(odd) {
    background: #f1f1f1
}

.dealer-account .dealer-payment-form tr:nth-child(even) {
    background: #f7f7f7
}

.dealer-account .dealer-payment-form td {
    background: 0 0
}

.dealer-account .dealer-payment-form td:first-child {
    font-size: 16px
}

.dealer-account .dealer-payment-form td:last-child {
    font-size: 24px
}

.dealer-account .dealer-payment-form .checkbox-wrap {
    padding: 25px 0
}

.dealer-account .dealer-payment-form .card-number {
    position: relative;
    padding-left: 55px;
    margin-bottom: 15px;
    font-size: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #afb2b3
}

.dealer-account .dealer-payment-form .card-number .card-icon {
    height: 28px;
    width: 40px;
    position: absolute;
    top: 8px;
    left: 0
}

.dealer-account .dealer-payment-form .select-card-icon {
    height: 28px;
    width: 40px;
    background-size: 40px;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 0;
    margin-right: 15px
}

.dealer-account .dealer-payment-form .payment-type-wrap {
    margin-bottom: 20px
}

.dealer-account .dealer-payment-form .payment-type-wrap:empty {
    display: none
}

.dealer-account .dealer-payment-form .payment-type-wrap .Select-value {
    padding-left: 0
}

.dealer-account .dealer-payment-form .payment-type-wrap .Select-value .number {
    font-size: 22px
}

.dealer-account .dealer-payment-form .payment-type-wrap .Select-control {
    border-color: #000 !important;
    box-shadow: none !important;
    padding-bottom: 5px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0
}

.dealer-table-animation-enter {
    opacity: .01
}

.dealer-table-animation-enter.dealer-table-animation-enter-active {
    opacity: 1;
    transition: opacity .5s ease-in
}

.dealer-table-animation-leave {
    opacity: 1
}

.dealer-table-animation-leave.dealer-table-animation-leave-active {
    opacity: .01;
    transition: opacity .3s ease-in
}

@media screen and (max-width: 800px) {
    .dealer-faq {
        padding: 10px 15px !important
    }
}

.dealer-faq ul.accordion {
    margin-bottom: 40px
}

.dealer-faq .accordion-item:not(:first-child) {
    margin-top: 15px
}

.dealer-faq .accordion-content {
    padding: 35px 50px;
    background: #f6f6f6;
    margin-bottom: 20px
}

@media screen and (max-width: 800px) {
    .dealer-faq .accordion-content {
        padding: 25px;
        font-size: 14px;
        line-height: 20px
    }
}

.dealer-faq .accordion-content p {
    margin: 0
}

.dealer-faq .accordion-title {
    padding-left: 0;
    font-size: 28px;
    line-height: 37px;
    font-weight: 700;
    font-style: italic;
    text-decoration: none;
    padding-right: 120px;
    background: url(/img/downarrow-black.svg) no-repeat right 20px;
    background-size: 42px;
    position: relative
}

.dealer-faq .accordion-title[aria-expanded=true] {
    background: 0 0
}

.dealer-faq .accordion-title[aria-expanded=true]::after {
    display: block
}

.dealer-faq .accordion-title::after {
    content: "";
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    width: 42px;
    height: 42px;
    background: url(/img/downarrow-blue.svg) no-repeat;
    background-size: 42px
}

@media screen and (max-width: 800px) {
    .dealer-faq .accordion-title {
        padding: 10px 50px 10px 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        font-style: italic;
        background-position: right 8px;
        background-size: 30px
    }

    .dealer-faq .accordion-title::after {
        content: "";
        width: 30px;
        height: 30px;
        background-size: cover;
        top: 8px
    }
}

.dealer-faq .accordion-title:focus,
.dealer-faq .accordion-title:hover {
    color: #0097c7
}

.stripes-with-content {
    margin-left: -50vw;
    padding-left: 50vw;
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    background-color: rgba(76, 184, 217, .8)
}

.stripes-with-content .stripes-content {
    -ms-transform: skew(10deg);
    transform: skew(10deg);
    width: 100%;
    padding-right: 24px
}

.stripes-with-content .stripes-content:last-child {
    padding-left: 24px
}

.stripes-with-content .stripes-content:last-child:before {
    display: block;
    content: "";
    background-color: rgba(106, 151, 119, .9);
    width: 150%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -50%;
    -ms-transform: skew(-10deg);
    transform: skew(-10deg)
}

@media screen and (max-width: 800px) {
    .page-dealer-reg h5.cv-typography {
        font-size: 24px;
        line-height: 24px
    }
}

.page-dealer-reg .content-block {
    padding: 40px 0 50px
}

@media screen and (max-width: 800px) {
    .page-dealer-reg .content-block {
        padding: 20px 0
    }
}

.page-dealer-reg .content-block h5 {
    margin-bottom: 20px
}

.page-dealer-reg .content-block .subtitle {
    font-size: 18px
}

.page-dealer-reg .register-block {
    text-align: center;
    padding-left: .85rem;
    padding-right: .85rem
}

.page-dealer-reg .register-block .page-dealer-header {
    margin: 0
}

.mb-24 {
    margin-bottom: 24px;
}

.mt-24 {
    margin-top: 24px;
}

.check-text {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    margin-left: 12px;
    margin-right: 12px;
    color: #030303;
    text-align: left;
}

@media screen and (max-width: 800px) {
    .check-text {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
}

.banner-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 480px) {
    .banner-container {
        grid-template-columns: 1fr;
    }
}

.advantage-container {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}

.advantage-container .button.light-green {
    width: 306px;
    height: 40px;
    margin-right: auto;
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 800px) {
    .advantage-container {
        grid-template-columns: 1fr;
    }

    .advantage-container .button.light-green {
        margin: auto;
    }
}

.sale-image {
    display: flex;
    flex-direction: column;
}

.sale-image__content {
    width: 470px;
    margin-bottom: 30px;
}

.sale-image__content:last-of-type {
    margin-bottom: 0;
}

.sale-image__title {
    width: 100%;
    height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    border-radius: 4px;
    padding: 0 16px;
}

.before .sale-image__title {
    background-color: #E0E0E0;
}

.after .sale-image__title {
    background-color: #F8EBEB;
}

.sale-image__title p {
    color: #000000;
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    margin: 0;
}

.before .sale-image__title p {
    color: #000000;
}

.after .sale-image__title p {
    color: #AD0000;
}

.sale-image__block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 8px;
}

.sale-image__block img {
    width: 231px;
}

@media screen and (max-width: 800px) {
    .page-dealer-reg .register-block .page-dealer-header {
        font-size: 30px;
        line-height: 42px
    }

    .sale-image {
        flex-direction: row;
        gap: 28px;
    }

    .sale-image__content {
        width: auto;
        margin: 0 auto 30px auto;
    }

    .sale-image__content:last-of-type {
        margin-bottom: 30px;
    }
}

.page-dealer-reg .register-block .register-form {
    max-width: 470px
}

.page-dealer-reg .register-block .grid-y {
    margin: 0 auto
}

.page-dealer-reg .top-ad-bar {
    background: linear-gradient(90deg, #2070c0 0, #014c96 100%);
    height: 48px
}

@media screen and (max-width: 800px) {
    .page-dealer-reg .top-ad-bar {
        height: 62px
    }
}

.page-dealer-reg .top-ad-bar h5 {
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase
}

@media screen and (max-width: 800px) {
    .page-dealer-reg .top-ad-bar h5 {
        font-size: 14px;
        text-align: center
    }

    .page-dealer-reg .top-ad-bar h5 b {
        display: block
    }
}

.page-dealer-reg .bgc-white {
    background: #fff
}

.page-dealer-reg .low-prices-icon {
    margin: 15px auto;
    width: 100px;
    display: block
}

@media screen and (max-width: 480px) {
    .page-dealer-reg .low-prices-icon {
        width: 54px
    }

    .sale-image {
        flex-direction: column;
        gap: 13px;
    }

    .sale-image__content {
        width: fit-content;
    }

    .sale-image__content:first-of-type {
        margin-bottom: 0;
    }

    .sale-image__content:last-of-type {
        margin-bottom: 14px;
    }
}

.page-dealer-reg .member-block h5 {
    margin: 0 auto 45px
}

.advantage-list {
    display: grid;;
    grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 800px) {
    .advantage-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 480px) {
    .advantage-container {
        grid-template-columns: 1fr;
    }

    .advantage-container .button.light-green {
        width: 100%;
    }

    .advantage-list {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 800px) {
    .page-dealer-reg .content-block.member-block {
        padding: 20px 30px;
    }
}

@media screen and (max-width: 480px) {
    .page-dealer-reg .content-block.member-block {
        padding: 24px 14px;
    }
}


.page-dealer-reg .member-block .advantages {
    width: 100%
}

.page-dealer-reg .member-block .advantages .advantage {
    padding: 15px 15px 30px;
    position: relative;
    max-width: 270px
}

@media screen and (max-width: 800px) {
    .page-dealer-reg .member-block .advantages .advantage {
        max-width: unset
    }
}

@media screen and (max-width: 1200px) {
    .page-dealer-reg .member-block .advantages .advantage:first-child {
        padding-left: 15px
    }
}

@media screen and (max-width: 1200px) {
    .page-dealer-reg .member-block .advantages .advantage:first-child:before {
        left: 15px
    }
}

.page-dealer-reg .member-block .advantages .advantage:last-child {
    padding-right: 0
}

@media screen and (max-width: 1200px) {
    .page-dealer-reg .member-block .advantages .advantage:last-child {
        padding-right: 15px
    }
}

.page-dealer-reg .member-block .advantages .advantage:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    border: 2px solid #00a651;
    width: 34px
}

.is-rtl-lang .page-dealer-reg .member-block .advantages .advantage:before {
    left: auto;
    right: 0
}

.page-dealer-reg .costs-block .grid-container {
    padding: 0
}

.page-dealer-reg .costs-chart {
    margin: 70px 0 40px;
    font-size: 18px
}

@media screen and (max-width: 800px) {
    .page-dealer-reg .costs-chart {
        margin: 40px 0
    }
}

@media screen and (max-width: 800px) {

    .page-dealer-reg .costs-chart td,
    .page-dealer-reg .costs-chart th {
        padding: 15px
    }

    .page-dealer-reg .costs-chart td:first-child,
    .page-dealer-reg .costs-chart th:first-child {
        padding-left: 15px
    }
}

@media screen and (max-width: 480px) {
    .page-dealer-reg .costs-chart th:nth-child(2) {
        padding: 5px;
        max-width: 85px
    }

    .page-dealer-reg .costs-chart th:nth-child(2) img {
        display: block;
        height: 42px;
        width: 84px
    }
}

@media screen and (max-width: 800px) {

    .page-dealer-reg .costs-chart tbody tr:first-child th:nth-child(2):before,
    .page-dealer-reg .costs-chart thead tr:first-child th:nth-child(2):before {
        top: -4px
    }
}

.page-dealer-reg .register-button {
    margin: 20px 0 10px;
    max-width: 430px
}

.page-dealer-reg .page-competitive-header {
    text-align: center;
    margin-bottom: 40px
}

.page-dealer-reg .competitive-block .grid-container {
    padding: 0
}

.page-dealer-reg .dealer-faq-header {
    margin-bottom: 30px
}

@media screen and (max-width: 800px) {
    .page-dealer-reg .dealer-faq-header h1 {
        text-align: center
    }
}

.page-dealer-reg .faq-page-text {
    margin: 50px 0
}

.decoder-page-content {
    padding: 20px 0 !important;
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.decoder-page-content .decoder-main {
    -ms-flex-positive: 3;
    flex-grow: 3;
    max-width: 320px
}

@media screen and (max-width: 680px) {
    .decoder-page-content {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
}

.decoder-page-content .cv-clear-input {
    left: auto;
    right: 10px
}

.decoder-page-content span[data-form-error-on~="vin-length"] {
    position: absolute;
    top: 12px;
    right: 38px;
}

.decoder-main-wrap {
    padding-bottom: 30px
}

.text-container main.decoder-main-wrap {
    padding: 10px
}

.google-ads {
    background: #eee;
    width: 300px;
    height: 250px
}

.google-ads:nth-child(2) {
    display: none
}

.google-ads:last-child {
    display: block
}

@media (max-width: 940px) {
    .google-ads {
        margin: 5px 0
    }

    .google-ads:nth-child(2) {
        display: block
    }

    .google-ads:last-child {
        display: none
    }
}

@media (max-width: 680px) {
    .google-ads:nth-child(2) {
        display: none
    }

    .google-ads:last-child {
        display: block
    }
}

.page-decoder.page-content {
    padding-bottom: 0
}

.page-decoder.page-content .form-error.show {
    display: block
}

.page-decoder.page-content .header-align-center {
    text-align: center
}

@media screen and (max-width: 800px) {
    .page-decoder.page-content .text-center {
        text-align: left
    }
}

.page-decoder.page-content .content-block {
    max-width: 990px
}

.page-decoder.page-content .content-block h1,
.page-decoder.page-content .content-block h5 {
    padding-bottom: 20px
}

.page-decoder.page-content .content-block p {
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 28px
}

.page-decoder.page-content .padding-block {
    padding: 35px 0
}

.page-decoder.page-content .bgc-white {
    background: #fff
}

.page-decoder.page-content .specs-list-container {
    margin: 10px 0 20px
}

.page-decoder.page-content .specs-list-container .specs-list {
    padding: 10px 10px 10px 20px;
    font-size: 14px
}

.page-decoder.page-content .specs-list-container .specs-list p {
    font-size: 16px
}

.page-decoder.page-content .specs-list-container .specs-list p .cv-list li {
    font-size: 14px
}

.page-decoder.page-content .specs-list-container .specs-list:not(:last-child) {
    border-right: 1px dashed #cfcfcf
}

@media screen and (max-width: 800px) {
    .page-decoder.page-content .specs-list-container .specs-list:not(:last-child) {
        border-right: none
    }
}

.page-decoder.page-content .specs-list-container .specs-list:not(:first-child) {
    border-top: none
}

@media screen and (max-width: 800px) {
    .page-decoder.page-content .specs-list-container .specs-list:not(:first-child) {
        border-top: 1px dashed #cfcfcf
    }
}

.decoder-spinner-wrap {
    height: 300px;
    position: relative
}

.decoder-spinner-wrap .decoder-spinner {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.decoder-spinner-wrap .decoder-spinner::after {
    border: 3px solid #e6761c;
    border-top: 3px solid rgba(230, 118, 28, .4)
}

.decoder-container {
    min-height: 300px
}

.decoder-container #decoder-results {
    padding: 30px 40px
}

@media screen and (max-width: 480px) {
    .decoder-container #decoder-results {
        padding: 20px 0
    }
}

@media screen and (max-width: 800px) {
    .decoder-container {
        padding-top: 20px
    }
}

.decoder-container .decoder-components {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 470px;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 940px) {
    .decoder-container .decoder-components {
        padding-top: 30px
    }
}

.decoder-container .decoder-components .g-recaptcha {
    max-width: 304px;
    margin: 0 auto
}

.decoder-container .decoder-components.flex-row {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 960px) {
    .decoder-container .decoder-components.flex-row {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.decoder-container .decoder-components.flex-row .button-wrap {
    max-width: 300px
}

.decoder-container .decoder-components .button-wrap {
    padding: 0;
    width: 100%
}

@media screen and (max-width: 800px) {

    .decoder-container .decoder-components .g-recaptcha:after,
    .decoder-container .decoder-components .g-recaptcha:before {
        display: table;
        content: "";
        line-height: 0
    }

    .decoder-container .decoder-components .g-recaptcha:after {
        clear: both
    }
}

@media screen and (max-width: 480px) {
    .decoder-container .decoder-components .recaptcha-wrap {
        -ms-transform: scale(.8) translateX(-1.5rem);
        transform: scale(.8) translateX(-1.5rem)
    }
}

.decoder-container .decoder-components .recaptcha-wrap .material-input {
    padding: 0
}

.decoder-container .decoder-components .recaptcha-wrap .form-error {
    width: 302px
}

.decoder-container .decoder-components .vin-input {
    position: relative
}

.decoder-container .decoder-components .vin-input input {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase
}

.decoder-container .decoder-components .vin-input input:not(#recalls-input) {
    padding-right: 70px
}

.decoder-container .decoder-components .vin-input .count {
    position: absolute;
    top: 16px;
    font-size: 13px;
    right: 15px;
    color: #95989a
}

@media screen and (min-width: 800px) {
    .decoder-container .decoder-components .auth-button-container {
        padding-top: 8px
    }
}

.decoder-container .decoder-components .auth-button-container button {
    min-width: 250px
}

.decoder-container .decoder-additional-info {
    margin: 50px 0 40px;
    padding: 0 40px
}

@media screen and (max-width: 480px) {
    .decoder-container .decoder-additional-info {
        padding: 0
    }
}

.decoder-container .decoder-additional-info .page-payment-card .report {
    padding: 20px 0 0;
    background: 0 0
}

.decoder-container .decoder-additional-info h5 {
    font-size: 18px;
    margin-bottom: 20px
}

.decoder-container .decoder-additional-info h5 sup {
    color: #ff6000
}

.decoder-container .decoder-additional-info p {
    font-size: 14px;
    line-height: 22px
}

.decoder-container .vehicle-table-container h5 {
    font-size: 18px;
    margin-bottom: 20px
}

.decoder-container .vehicle-table-container table {
    margin-bottom: 0
}

.decoder-container .vehicle-table-container table tbody {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.decoder-container .vehicle-table-container table tbody::before {
    display: none
}

.decoder-container .vehicle-table-container table tbody tr {
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    border-bottom-width: 2px;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    min-height: 48px
}

.decoder-container .vehicle-table-container table tbody tr:nth-child(4n+1),
.decoder-container .vehicle-table-container table tbody tr:nth-child(4n+2) {
    background: #e0e0e0
}

@media screen and (max-width: 800px) {
    .decoder-container .vehicle-table-container table tbody tr {
        width: 100%;
        margin: 0 0 10px;
        border-bottom: 0
    }

    .decoder-container .vehicle-table-container table tbody tr:nth-child(4n+1),
    .decoder-container .vehicle-table-container table tbody tr:nth-child(4n+2) {
        background: 0 0
    }

    .decoder-container .vehicle-table-container table tbody tr:nth-child(odd) {
        background: #e0e0e0
    }
}

.decoder-container .vehicle-table-container table tbody tr td {
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #555;
    background: 0 0;
    font-size: 16px;
    line-height: 20px
}

.decoder-container .vehicle-table-container table tbody tr td strong {
    color: #000
}

.decoder-container .vehicle-table-container table tbody tr td:nth-child(1) {
    max-width: 170px;
    padding-right: 0;
    width: 170px
}

.decoder-container .vehicle-table-container table tbody tr td:nth-child(2) {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.decoder-container .vehicle-table-container table tbody tr td:nth-child(even) {
    font-weight: 300
}

@media screen and (max-width: 800px) {
    .decoder-container .vehicle-table-container table tbody tr td {
        padding: .7rem;
        font-size: 14px
    }

    .decoder-container .vehicle-table-container table tbody tr td:nth-child(odd) {
        width: 40%
    }

    .decoder-container .vehicle-table-container table tbody tr td:nth-child(even) {
        width: 60%;
        text-align: right;
        padding-left: 0
    }
}

#recalls-input {
    text-overflow: ellipsis
}

.page-explorer.page-content {
    padding-bottom: 0
}

.page-explorer .check-vin-form .button {
    text-shadow: none;
    box-shadow: none
}

.page-explorer .main-text-block {
    width: 100%;
    background: #fff;
    margin-top: 40px
}

@media screen and (max-width: 800px) {
    .page-explorer .main-text-block {
        padding: 0 20px
    }
}

.page-explorer .main-text-block .main-text-header {
    padding-bottom: 35px
}

.page-explorer .section-padding {
    padding: 65px 100px
}

@media screen and (max-width: 1200px) {
    .page-explorer .section-padding {
        padding: 50px
    }
}

@media screen and (max-width: 1024px) {
    .page-explorer .section-padding {
        padding: 30px
    }
}

@media screen and (max-width: 800px) {
    .page-explorer .section-padding {
        padding: 25px 15px
    }
}

.page-explorer .section-padding.border {
    border-bottom: 1px solid #9f9f9f
}

.page-explorer .item-list {
    padding-top: 20px;
    padding-bottom: 50px;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    column-count: 5;
    text-align: left
}

@media screen and (max-width: 800px) {
    .page-explorer .item-list {
        column-count: 2
    }
}

.page-explorer .item-list .item-list-name {
    display: block;
    font-size: 14px;
    line-height: 36px
}

.page-explorer .item-list .item-list-letter {
    font-size: 14px;
    line-height: 36px;
    font-weight: 700
}

.page-explorer .item-list-viewer {
    padding-top: 20px;
    padding-bottom: 50px;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-explorer .item-list-viewer .vin-button a {
    color: #fff;
    text-decoration: none
}

.page-explorer .item-list-viewer .listing {
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    max-width: 45%;
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 800px) {
    .page-explorer .item-list-viewer .listing {
        width: 100%;
        max-width: 100%;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page-explorer .item-list-viewer .listing .mobile-wrapper {
        display: -ms-flexbox;
        display: flex
    }
}

.page-explorer .item-list-viewer .listing .listing-info {
    padding-left: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left
}

@media screen and (max-width: 800px) {
    .page-explorer .item-list-viewer .listing .listing-info {
        padding-top: 5px;
        font-size: 14px;
        line-height: 20px
    }
}

.page-explorer .item-list-viewer .listing .listing-info .blue {
    color: #2070c0
}

.page-explorer .item-list-viewer .listing .listing-info .listing-info-extra {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    margin-right: 20px
}

@media screen and (max-width: 800px) {
    .page-explorer .item-list-viewer .listing .listing-info .listing-info-extra {
        margin-bottom: 10px
    }
}

.page-explorer .item-list-viewer .listing .listing-info .vin-button {
    margin: 20px 20px 0 0;
    box-shadow: none
}

@media screen and (max-width: 800px) {
    .page-explorer .item-list-viewer .listing .listing-info .vin-button {
        margin-top: 15px;
        padding: 9px 15px;
        font-size: 14px
    }
}

.page-explorer .item-list-viewer .listing img {
    width: 227px;
    height: 171px
}

@media screen and (max-width: 800px) {
    .page-explorer .item-list-viewer .listing img {
        width: 69px;
        height: 52px
    }
}

.page-explorer .footer-copy {
    background-color: #f6f6f6
}

.page-explorer .footer-copy .copy-content {
    text-align: left;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 18px;
    line-height: 42px
}

.page-explorer .footer-copy .copy-content ul {
    list-style: none
}

.page-home.page-content {
    padding-bottom: 0
}

.page-home .vehicle-card {
    width: 760px;
    margin: 0 auto 35px;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 800px) {
    .page-home .vehicle-card {
        width: 100%
    }
}

.page-home .main-image {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    position: relative;
    background: linear-gradient(90deg, #e6f1ea, #cedad2);
    padding-top: 32px;
    margin-bottom: 0;
    padding-bottom: 142px
}

@media screen and (max-width: 800px) {
    .page-home .main-image {
        padding-top: 15px
    }
}

.page-home .main-image::before {
    background-image: url(/img/bg-city-source-new.png);
    position: absolute;
    display: block;
    content: " ";
    width: 100%;
    max-width: 1800px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: bottom;
    height: 100%;
    margin: 0 auto;
    top: 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media screen and (max-width: 1024px) {
    .page-home .main-image::before {
        background-image: url(/img/bg-city-source-new-tablet.png);
        background-size: 100% auto
    }
}

@media screen and (max-width: 800px) {
    .page-home .main-image::before {
        background-image: url(/img/bg-city-source-new-mobile.png);
        background-size: 110% auto
    }
}

.page-home .main-image::after {
    position: absolute;
    bottom: -1px;
    display: block;
    content: " ";
    height: 150px;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.page-home .main-image > div {
    position: relative;
    width: 100%
}

@media screen and (max-width: 800px) {
    .page-home .main-image h1 {
        font-size: 24px
    }
}

@media screen and (max-width: 800px) {
    .page-home .main-image h4 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px
    }
}

.page-home .why {
    width: 100%;
    padding-top: 80px;
    background: #fff
}

@media screen and (max-width: 800px) {
    .page-home .why {
        padding-top: 40px
    }
}

.page-home .why h2 {
    margin-bottom: 20px;
    font-weight: 400
}

.page-home .why p {
    font-size: 18px
}

@media screen and (max-width: 800px) {
    .page-home .why p {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 26px
    }
}

.page-home .advantages {
    padding-top: 50px
}

@media screen and (max-width: 800px) {
    .page-home .advantages .advantage-header {
        padding-top: 20px
    }
}

.page-home .advantages .bordered:not(:first-child) {
    border-left: 1px dashed #cfcfcf
}

@media screen and (max-width: 800px) {
    .page-home .advantages .bordered:not(:first-child) {
        border-left: none
    }
}

.page-home .advantages .column,
.page-home .advantages .columns {
    padding: 40px 32px 50px;
    position: relative
}

@media screen and (max-width: 800px) {

    .page-home .advantages .column,
    .page-home .advantages .columns {
        padding: 22px 10px 60px
    }

    .page-home .advantages .column:not(:first-child),
    .page-home .advantages .columns:not(:first-child) {
        border-top: 1px solid #777
    }
}

@media screen and (max-width: 800px) and (max-width: 800px) {

    .page-home .advantages .column:not(:first-child),
    .page-home .advantages .columns:not(:first-child) {
        border-top: none
    }
}

@media screen and (max-width: 800px) {

    .page-home .advantages .column:last-child,
    .page-home .advantages .columns:last-child {
        padding-bottom: 35px
    }
}

.page-home .advantages img {
    position: absolute;
    top: 0;
    right: 50%;
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.page-home .advantages .caption {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 30px
}

@media screen and (max-width: 800px) {
    .page-home .advantages .caption {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 20px;
        margin-top: 10px
    }
}

.page-home .advantages p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width: 800px) {
    .page-home .advantages p {
        font-size: 14px;
        line-height: 24px
    }
}

.bg-road {
    background-image: url(/img/bg-report.png);
    background-color: #f6f6f6;
    background-size: cover;
    padding: 50px 0
}

@media screen and (max-width: 1440px) {
    .report .row {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width: 800px) {
    .report .row {
        padding-right: 0;
        padding-left: 0
    }
}

.report .sample-report-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 800px) {
    .report .sample-report-wrapper {
        display: block
    }
}

.report .view-sample-report {
    width: 50%
}

@media screen and (max-width: 800px) {
    .report .view-sample-report {
        width: 100%;
        text-align: center
    }
}

.report .sample-report {
    width: 50%;
    background-image: url(/img/sample-report.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100%
}

@media screen and (max-width: 800px) {
    .report .sample-report {
        width: 100%;
        height: 240px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 800px) {
    .report {
        padding: 40px 15px 20px
    }
}

.report .button {
    width: 300px;
    height: 40px;
    padding: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    text-shadow: none;
    font-size: 14px;
    line-height: 40px;
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .report .button {
        width: 100%
    }
}

.report p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 40px
}

@media screen and (max-width: 800px) {
    .report p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px
    }
}

.report img {
    position: absolute;
    bottom: -5vw;
    left: 0;
    max-width: 30vw
}

@media screen and (max-width: 800px) {
    .report img {
        display: none
    }
}

.vin-scan {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 25px;
    height: 25px
}

.clear-btn-shown .vin-scan {
    right: 36px
}

@media screen and (max-width: 800px) {
    .vin-scan {
        display: block
    }
}

.page-report-new {
    background-color: #e5e5e5 !important;
    box-sizing: border-box;
    font-style: normal
}

.page-report-new .disclaimer-explanatory-note {
    background-color: #faf4e2;
    border-radius: 4px;
    margin-top: 20px;
    padding: 7px 10px
}

@media screen and (max-width: 800px) {
    .page-report-new .disclaimer-explanatory-note {
        margin-top: 0;
        font-size: 10px
    }
}

.page-report-new .nmvtis-disclaimer-mobile-wrapper {
    position: fixed;
    bottom: 0;
    transition: opacity .5s ease-out;
    opacity: 0;
    z-index: 3
}

.page-report-new .nmvtis-disclaimer-mobile-wrapper.visible {
    transition: opacity .5s ease-in;
    opacity: 1
}

.page-report-new .no-break {
    page-break-inside: avoid !important;
    page-break-after: auto !important;
    break-inside: avoid !important;
    break-after: auto !important
}

.page-report-new .header {
    background: rgba(229, 229, 229, .4);
    width: 100%;
    height: 50px;
    position: relative;
    padding: 0 20px 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media print {
    .page-report-new .header {
        display: block;
        background: #fafafa !important
    }

    .page-report-new .header body,
    .page-report-new .header html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .header a[href] {
        text-decoration: none !important
    }

    .page-report-new .header a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .header {
        padding: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 85px
    }
}

.page-report-new .header .mobile-pdf.extra {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45px
}

.page-report-new .header h2 {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0 20px 0 65px;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    min-width: 590px;
    background: #ededed;
    height: 100%;
    margin: 0
}

@media print {
    .page-report-new .header h2 {
        display: block;
        position: relative;
        line-height: 50px;
        background: #ededed !important;
        font-size: 20px;
        padding: 0 0 0 10px !important;
        min-width: 70%;
        margin: 0 !important
    }

    .page-report-new .header h2 body,
    .page-report-new .header h2 html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .header h2 a[href] {
        text-decoration: none !important
    }

    .page-report-new .header h2 a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 1024px) {
    .page-report-new .header h2 {
        font-size: 16px;
        padding: 0 20px 0 30px;
        min-width: 400px
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .header h2 {
        padding: 5px 10px;
        white-space: normal;
        background: #fbfbfb;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 100%;
        font-size: 16px
    }
}

.page-report-new .header h2 span {
    z-index: 3
}

.page-report-new .header h2:before {
    display: block;
    content: " ";
    background: #ededed;
    position: absolute;
    top: 0;
    right: -32px;
    width: 45px;
    height: 100%;
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
    z-index: 2
}

@media screen and (max-width: 800px) {
    .page-report-new .header h2:before {
        display: none
    }
}

.page-report-new .header .extra {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    font-size: 14px
}

@media screen and (max-width: 800px) {
    .page-report-new .header .extra:not(.show-for-small-only) {
        display: none
    }
}

.page-report-new .header .extra .separator {
    width: 1px;
    height: 100%;
    background: #cecece;
    margin: 0 10px
}

@media print {
    .page-report-new .header .extra {
        display: block;
        position: absolute;
        height: 50px;
        top: 0;
        right: 21px;
        line-height: 50px
    }

    .page-report-new .header .extra body,
    .page-report-new .header .extra html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .header .extra a[href] {
        text-decoration: none !important
    }

    .page-report-new .header .extra a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new .header:before {
    display: block;
    content: " ";
    background: #00a651;
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%
}

@media screen and (max-width: 800px) {
    .page-report-new .header:before {
        display: none
    }
}

.page-report-new .header:after {
    display: block;
    content: " ";
    background: #fff;
    position: absolute;
    top: 0;
    left: 5px;
    width: 5px;
    height: 100%
}

@media screen and (max-width: 800px) {
    .page-report-new .header:after {
        display: none
    }
}

.page-report-new.api-demo {
    background-color: #f6f6f6 !important
}

.page-report-new .callouts {
    padding-bottom: 0
}

@media print {
    .page-report-new {
        background-color: #fff !important
    }

    .page-report-new body,
    .page-report-new html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new a[href] {
        text-decoration: none !important
    }

    .page-report-new a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new .text-strong {
    font-weight: 700
}

.page-report-new .icon {
    width: 25px;
    height: 25px;
    margin: 0 20px 0 5px
}

.page-report-new table {
    font-size: 14px
}

.page-report-new table thead {
    background: #fff;
    color: #000
}

.page-report-new table thead tr:hover {
    background: 0 0 !important
}

.page-report-new table thead th {
    font-weight: 300;
    font-size: 10px;
    padding: 10px 20px;
    height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

@media screen and (max-width: 800px) {
    .page-report-new table thead th {
        font-size: 9px;
        padding: 0 10px
    }
}

.page-report-new table thead th:hover {
    background: 0 0 !important
}

.page-report-new table thead th:not(:last-child) {
    border-right: none
}

.page-report-new table tbody:before {
    content: ""
}

.page-report-new table tbody tr:nth-child(even) {
    background: #fdfdfd
}

@media print {
    .page-report-new table tbody tr:nth-child(even) {
        background: #fdfdfd !important
    }

    .page-report-new table tbody tr:nth-child(even) body,
    .page-report-new table tbody tr:nth-child(even) html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new table tbody tr:nth-child(even) a[href] {
        text-decoration: none !important
    }

    .page-report-new table tbody tr:nth-child(even) a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new table tbody tr:nth-child(odd) {
    background: #f8f8f8
}

@media print {
    .page-report-new table tbody tr:nth-child(odd) {
        background: #f8f8f8 !important
    }

    .page-report-new table tbody tr:nth-child(odd) body,
    .page-report-new table tbody tr:nth-child(odd) html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new table tbody tr:nth-child(odd) a[href] {
        text-decoration: none !important
    }

    .page-report-new table tbody tr:nth-child(odd) a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-report-new table tbody tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.page-report-new table tbody td {
    height: 50px;
    min-height: 50px;
    padding: 0 20px
}

@media screen and (max-width: 800px) {
    .page-report-new table tbody td {
        height: auto;
        padding: 0 10px;
        font-size: 12px
    }
}

@media screen and (max-width: 800px) {
    .page-report-new table.stacked tr {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .page-report-new table.stacked td {
        width: 100%
    }

    .page-report-new table.stacked td,
    .page-report-new table.stacked th,
    .page-report-new table.stacked tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .page-report-new table.stacked th {
        width: 100%
    }
}

.page-report-new table.table-no-results td {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, .3);
    color: #328500;
    width: 100%;
    height: 50px
}

.page-report-new table.table-no-results td .icon-ok {
    width: 15px;
    height: 15px;
    margin-right: 5px
}

.page-report-new .card {
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.page-report-new .card.warning {
    border: 1px solid #a2260b
}

@media print {
    .page-report-new .card {
        border-radius: 0;
        margin-bottom: 10px
    }

    .page-report-new .card body,
    .page-report-new .card html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .card a[href] {
        text-decoration: none !important
    }

    .page-report-new .card a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .card {
        box-shadow: unset
    }
}

.page-report-new .mrgn-bot-15 {
    margin-bottom: 15px
}

.page-report-new .layout {
    margin: 0 auto;
    max-width: 92.5rem;
    padding: 50px 0 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print {
    .page-report-new .layout {
        padding: 0;
        display: block
    }

    .page-report-new .layout body,
    .page-report-new .layout html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 1440px) {
    .page-report-new .layout {
        padding: 50px 45px;
        max-width: 1110px
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout {
        padding: 50px 0
    }
}

.page-report-new .layout .report-content {
    margin: 0 auto;
    width: 100%;
    max-width: 1110px
}

@media print {
    .page-report-new .layout .report-content {
        padding: 0 !important;
        margin-top: 0 !important;
        max-width: 100%
    }

    .page-report-new .layout .report-content body,
    .page-report-new .layout .report-content html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .report-content a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .report-content a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 1440px) {
    .page-report-new .layout .report-content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-content {
        margin-top: 0
    }
}

.page-report-new .layout .report-content.sample-report {
    margin-top: 39px
}

@media screen and (max-width: 1440px) {
    .page-report-new .layout .report-content.sample-report {
        margin-top: 0
    }
}

.page-report-new .layout .nav-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
    max-width: 325px;
    max-height: 90vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 1440px) {
    .page-report-new .layout .nav-menu {
        position: unset;
        top: unset;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.page-report-new .layout .nav-menu.sticky-to-top {
    top: 0
}

.page-report-new .layout .nav-menu .sample-report-select {
    width: 100%
}

@media screen and (max-width: 1440px) {
    .page-report-new .layout .nav-menu .sample-report-select {
        width: 345px
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .nav-menu .sample-report-select {
        padding: 0 15px;
        width: 100%
    }
}

.page-report-new .layout .nav-menu .sample-report-select .title {
    color: #494949;
    font-size: 16px;
    padding-bottom: 15px
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .nav-menu .sample-report-select .title {
        display: none
    }
}

.page-report-new .layout .nav-menu .report-selector {
    width: 100%;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    border: 1px solid #e1e1e1
}

.page-report-new .layout .nav-menu .report-navigation {
    padding: 20px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    max-width: 772px;
    overflow-y: auto
}

@media screen and (max-width: 1440px) {
    .page-report-new .layout .nav-menu .report-navigation {
        display: none
    }
}

.page-report-new .layout .nav-menu .report-navigation .item {
    color: #000;
    height: 50px;
    margin: 4px 0;
    width: 100%;
    text-decoration: none;
    padding: 0 25px;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-report-new .layout .nav-menu .report-navigation .item .label {
    border: 1px solid #a2260b;
    border-radius: 50%;
    color: #a2260b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
    background: #fff;
    font-size: 12px
}

.page-report-new .layout .nav-menu .report-navigation .item.is-active {
    color: #fff;
    font-weight: 700;
    background: #00a651;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    border-radius: 4px
}

.page-report-new .layout .nav-menu .providers {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-report-new .layout .nav-menu .providers .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(196, 196, 196, .25);
    box-shadow: none;
    padding: 7px 16px;
    width: 105px;
    height: 50px;
    margin: 0 2px
}

.page-report-new .layout .report-block {
    padding: 25px 0 0
}

@media print {
    .page-report-new .layout .report-block {
        padding: 5px 0
    }

    .page-report-new .layout .report-block body,
    .page-report-new .layout .report-block html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .report-block a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .report-block a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block {
        padding: 0
    }
}

.page-report-new .layout .report-block .dimmed {
    opacity: .7
}

.page-report-new .layout .report-block .content {
    padding: 25px 75px 75px
}

@media print {
    .page-report-new .layout .report-block .content {
        padding: 15px 0 5px
    }

    .page-report-new .layout .report-block .content body,
    .page-report-new .layout .report-block .content html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .report-block .content a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .report-block .content a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 1024px) {
    .page-report-new .layout .report-block .content {
        padding: 15px
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .content {
        padding: 5px 10px 10px
    }
}

.page-report-new .layout .report-block .report-preview {
    display: -ms-flexbox;
    display: flex;
    padding: 25px 0
}

@media print {
    .page-report-new .layout .report-block .report-preview {
        padding: 25px 0 10px
    }

    .page-report-new .layout .report-block .report-preview body,
    .page-report-new .layout .report-block .report-preview html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .report-block .report-preview a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .report-block .report-preview a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .report-preview {
        padding: 10px 0
    }
}

.page-report-new .layout .report-block .report-preview .image {
    width: 217px;
    height: 171px
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .report-preview .image {
        width: 115px;
        height: 92px
    }
}

.page-report-new .layout .report-block .report-preview .details {
    padding: 0 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .report-preview .details {
        padding: 0 0 10px 10px
    }
}

.page-report-new .layout .report-block .report-preview .details h3 {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 15px;
    line-height: 1
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .report-preview .details h3 {
        margin: 10px 0;
        font-size: 18px
    }
}

.page-report-new .layout .report-block .report-preview .details .item {
    display: -ms-flexbox;
    display: flex;
    font-size: 16px
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .report-preview .details .item {
        margin-bottom: 0
    }
}

.page-report-new .layout .report-block .report-preview .details .item .caption {
    padding-right: 5px;
    color: #a5a5a5
}

.page-report-new .layout .report-block .options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(182px, 1fr)) [ auto-fill ];
    grid-template-columns: repeat(auto-fill, minmax(182px, 1fr));
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-auto-flow: row dense;
    grid-gap: 10px
}

@media print {
    .page-report-new .layout .report-block .options {
        -ms-grid-columns: (minmax(140px, 1fr)) [ auto-fill ];
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr))
    }

    .page-report-new .layout .report-block .options body,
    .page-report-new .layout .report-block .options html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .report-block .options a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .report-block .options a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .options {
        display: -ms-flexbox;
        display: flex
    }
}

.page-report-new .layout .report-block .options .item {
    position: relative;
    min-width: 182px;
    height: 182px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f5f5f5 !important;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
    padding: 35px 5px 30px;
    text-align: center
}

.page-report-new .layout .report-block .options .item a {
    text-decoration: none;
    color: inherit
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .options .item a {
        display: -ms-flexbox;
        display: flex
    }
}

@media print {
    .page-report-new .layout .report-block .options .item {
        min-width: 140px;
        height: 140px;
        font-size: 12px
    }

    .page-report-new .layout .report-block .options .item body,
    .page-report-new .layout .report-block .options .item html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .report-block .options .item a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .report-block .options .item a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 1024px) {
    .page-report-new .layout .report-block .options .item {
        width: 175px;
        height: 175px
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .options .item {
        width: 100%;
        height: 58px;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 10px;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        margin-bottom: 7px;
        border-radius: 0
    }
}

.page-report-new .layout .report-block .options .item h4 {
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    padding: 4px 0
}

@media print {
    .page-report-new .layout .report-block .options .item h4 {
        font-size: 12px
    }

    .page-report-new .layout .report-block .options .item h4 body,
    .page-report-new .layout .report-block .options .item h4 html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .report-block .options .item h4 a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .report-block .options .item h4 a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .options .item h4 {
        padding: 0
    }
}

.page-report-new .layout .report-block .options .item img {
    width: 64px;
    height: 64px
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .options .item img {
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        margin-right: 10px;
        background: #fff
    }
}

.page-report-new .layout .report-block .options .item span {
    color: #b4b4b4
}

.page-report-new .layout .report-block .options .item span.result-content-link {
    color: #2070c0
}

.page-report-new .layout .report-block .options .item span.result-content-link:hover {
    text-decoration: underline
}

.page-report-new .layout .report-block .options .item:after {
    content: " ";
    display: none;
    position: absolute;
    top: 12px;
    right: 15px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat
}

.page-report-new .layout .report-block .options .item.clear:after {
    display: block;
    background-image: url(/img/report-ok.svg)
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .options .item.clear:after {
        top: 16px
    }
}

.page-report-new .layout .report-block .options .item.warning:after {
    display: block;
    background-image: url(/img/alert-icon.svg)
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .options .item.warning:after {
        right: 12px;
        top: 18px
    }
}

.page-report-new .layout .report-block .options .item .help {
    display: block;
    position: absolute;
    top: 12px;
    right: 15px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(/img/question-icon.svg)
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-block .options .item .help {
        right: 12px;
        top: 18px
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .value-table th:last-child {
        width: 35%
    }

    .page-report-new .layout .value-table td:last-child {
        width: 35%
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .brands-table th.brand-status {
        max-width: 175px
    }
}

.page-report-new .layout .brands-table .brand-row {
    font-size: 14px
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .brands-table .brand-row td {
        width: 50%;
        margin: 0
    }
}

.page-report-new .layout .brands-table .brand-row .brand-row-cell {
    width: 25%;
    min-width: 240px
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .brands-table .brand-row .brand-row-cell {
        min-width: 175px;
        margin-left: auto
    }
}

@media screen and (max-width: 480px) {
    .page-report-new .layout .brands-table .brand-row .brand-row-cell {
        max-width: 175px
    }
}

.page-report-new .layout .brands-table .brand-row .brand-row-content {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media screen and (max-width: 480px) {
    .page-report-new .layout .brands-table .brand-row .brand-row-content .brand-row-title {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.page-report-new .layout .brands-table .brand-row .brand-row-content div:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.page-report-new .layout .brands-table .brand-row .brand-row-content div:first-child svg {
    margin-bottom: -4px;
}

.page-report-new .layout .brands-table .brand-row .brand-row-content div:first-child.warning {
    color: #920303
}

.page-report-new .layout .brands-table .brand-row .brand-row-content a.skip-link {
    display: block;
    line-height: 1;
    width: 30px;
    height: 18px;
    margin: 0 5px
}

.page-report-new .layout .brands-table .brand-row .brand-row-content a.skip-link:first-child {
    margin-left: 0
}

.page-report-new .layout .brands-table .brand-row .brand-row-content img {
    margin: 0 5px;
    min-width: 16px;
    min-height: 16px
}

.page-report-new .layout .brands-table .brand-row .brand-row-content img:first-child {
    margin-left: 0
}

.page-report-new .layout .brands-table .brand-row .brand-row-no-records {
    color: #328500
}

@media print {
    .page-report-new .layout .brands-table .brand-row .brand-description {
        display: none !important
    }

    .page-report-new .layout .brands-table .brand-row .brand-description body,
    .page-report-new .layout .brands-table .brand-row .brand-description html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .brands-table .brand-row .brand-description a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .brands-table .brand-row .brand-description a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new .layout .brands-table .brand-row:nth-child(n+8) {
    display: none
}

@media print {
    .page-report-new .layout .brands-table .brand-row:nth-child(n+8) {
        display: table-row
    }

    .page-report-new .layout .brands-table .brand-row:nth-child(n+8) body,
    .page-report-new .layout .brands-table .brand-row:nth-child(n+8) html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .brands-table .brand-row:nth-child(n+8) a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .brands-table .brand-row:nth-child(n+8) a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new .layout .brands-table.detailed .brand-row:nth-child(n+8) {
    display: table-row
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .brands-table.detailed .brand-row:nth-child(n+8) {
        display: -ms-flexbox;
        display: flex
    }
}

.page-report-new .layout .brands-table .show-more {
    color: #0d5db8;
    display: block;
    height: 50px
}

.page-report-new .layout .brands-table .show-more span:nth-child(1) {
    display: block
}

.page-report-new .layout .brands-table .show-more span:nth-child(2) {
    display: none
}

.page-report-new .layout .brands-table .show-more.detailed span:nth-child(1) {
    display: none
}

.page-report-new .layout .brands-table .show-more.detailed span:nth-child(2) {
    display: block
}

.page-report-new .layout .specs-table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-report-new .layout .specs-table .column:last-child,
.page-report-new .layout .specs-table .columns:last-child {
    padding-right: 0
}

.page-report-new .layout .specs-table .column:first-child,
.page-report-new .layout .specs-table .columns:first-child {
    padding-left: 0
}

@media screen and (max-width: 800px) {

    .page-report-new .layout .specs-table .column,
    .page-report-new .layout .specs-table .columns {
        padding: 0;
        margin: 5px 0
    }
}

.page-report-new .layout .specs-table .row {
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 0 15px;
    font-size: 14px
}

.page-report-new .layout .specs-table .row .spec-name {
    min-width: 15%;
    flex-shrink: 0;
}

.page-report-new .layout .specs-table .row .value {
    font-weight: 700;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-align: right
}

.page-report-new .layout .specs-table .row:nth-child(odd) {
    background: #f0eeee
}

@media print {
    .page-report-new .layout .specs-table .row:nth-child(odd) {
        background: #f0eeee !important
    }

    .page-report-new .layout .specs-table .row:nth-child(odd) body,
    .page-report-new .layout .specs-table .row:nth-child(odd) html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .specs-table .row:nth-child(odd) a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .specs-table .row:nth-child(odd) a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new .layout .specs-table.inverse .row:nth-child(even) {
    background: #f0eeee
}

.page-report-new .layout .specs-table.inverse .row:nth-child(odd) {
    background: 0 0
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .junk-and-salvage-table th {
        width: 25%
    }

    .page-report-new .layout .junk-and-salvage-table th:nth-child(1) {
        width: 20%
    }

    .page-report-new .layout .junk-and-salvage-table th:nth-child(2) {
        width: 35%
    }

    .page-report-new .layout .junk-and-salvage-table th:nth-child(3) {
        width: 20%
    }

    .page-report-new .layout .junk-and-salvage-table th.text-right {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .page-report-new .layout .junk-and-salvage-table td {
        width: 25%
    }

    .page-report-new .layout .junk-and-salvage-table td:nth-child(1) {
        width: 20%
    }

    .page-report-new .layout .junk-and-salvage-table td:nth-child(2) {
        width: 35%
    }

    .page-report-new .layout .junk-and-salvage-table td:nth-child(3) {
        width: 20%
    }

    .page-report-new .layout .junk-and-salvage-table td.text-right {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media screen and (max-width: 480px) {
    .page-report-new .layout .junk-and-salvage-table td {
        font-size: 10px
    }
}

.page-report-new .layout .report-block__sub-title {
    font-size: 16px;
    font-weight: 400;
    margin: 30px 0 15px
}

@media print {

    .page-report-new .layout #auctions.report-block body,
    .page-report-new .layout #auctions.report-block html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout #auctions.report-block a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout #auctions.report-block a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new .layout .auction-data .auction-data__header {
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media print {
    .page-report-new .layout .auction-data .auction-data__header {
        display: block
    }

    .page-report-new .layout .auction-data .auction-data__header body,
    .page-report-new .layout .auction-data .auction-data__header html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .auction-data .auction-data__header a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .auction-data .auction-data__header a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new .layout .auction-data .auction-data__desc-table {
    margin: 0 0 20px
}

.page-report-new .layout .auction-data .gallery {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    padding: 20px 0
}

@media print {
    .page-report-new .layout .auction-data .gallery {
        display: block;
        width: 100%;
        float: none
    }

    .page-report-new .layout .auction-data .gallery body,
    .page-report-new .layout .auction-data .gallery html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .auction-data .gallery a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .auction-data .gallery a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 1024px) {
    .page-report-new .layout .auction-data .gallery {
        padding: 0 30px;
        margin: 0
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .auction-data .gallery {
        padding: 0 10px
    }
}

.page-report-new .layout .auction-data .gallery.preview .wrap,
.page-report-new .layout .auction-data .gallery.preview a {
    width: 50%
}

@media print {

    .page-report-new .layout .auction-data .gallery.preview .wrap,
    .page-report-new .layout .auction-data .gallery.preview a {
        width: 100%
    }

    .page-report-new .layout .auction-data .gallery.preview .wrap body,
    .page-report-new .layout .auction-data .gallery.preview .wrap html,
    .page-report-new .layout .auction-data .gallery.preview a body,
    .page-report-new .layout .auction-data .gallery.preview a html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .auction-data .gallery.preview .wrap a[href],
    .page-report-new .layout .auction-data .gallery.preview a a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .auction-data .gallery.preview .wrap a[href]:after,
    .page-report-new .layout .auction-data .gallery.preview a a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {

    .page-report-new .layout .auction-data .gallery.preview .wrap,
    .page-report-new .layout .auction-data .gallery.preview a {
        width: 100%
    }
}

.page-report-new .layout .auction-data .gallery .wrap,
.page-report-new .layout .auction-data .gallery a {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50%
}

@media print {

    .page-report-new .layout .auction-data .gallery .wrap,
    .page-report-new .layout .auction-data .gallery a {
        width: 100%;
        max-width: 708px;
        margin: 0 auto 10px
    }

    .page-report-new .layout .auction-data .gallery .wrap body,
    .page-report-new .layout .auction-data .gallery .wrap html,
    .page-report-new .layout .auction-data .gallery a body,
    .page-report-new .layout .auction-data .gallery a html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .auction-data .gallery .wrap a[href],
    .page-report-new .layout .auction-data .gallery a a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .auction-data .gallery .wrap a[href]:after,
    .page-report-new .layout .auction-data .gallery a a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {

    .page-report-new .layout .auction-data .gallery .wrap,
    .page-report-new .layout .auction-data .gallery a {
        width: 100%
    }
}

.page-report-new .layout .auction-data .gallery .wrap .ratio-image,
.page-report-new .layout .auction-data .gallery a .ratio-image {
    margin-bottom: 10px
}

.page-report-new .layout .nmvtis-disclaimer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

@media print {
    .page-report-new .layout .nmvtis-disclaimer {
        display: block
    }

    .page-report-new .layout .nmvtis-disclaimer body,
    .page-report-new .layout .nmvtis-disclaimer html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .nmvtis-disclaimer a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .nmvtis-disclaimer a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new .layout .nmvtis-disclaimer .nmvtis-logo {
    margin: 55px auto 35px;
    display: block;
}

.page-report-new .layout .black-book-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-align: center;
    align-items: center
}

.page-report-new .layout .black-book-info .report-block__sub-title {
    padding-left: 20px;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 30px
}

.page-report-new .layout .black-book-info .retail-section,
.page-report-new .layout .black-book-info .trade-in-section,
.page-report-new .layout .black-book-info .wholesale-section {
    max-width: 320px;
    height: 300px
}

.page-report-new .layout .black-book-info .black-book-chart {
    margin: 0 auto;
    background-image: url(/img/blackbook_bkg.png) !important;
    background-repeat: no-repeat;
    position: relative;
    width: 300px;
    height: 185px
}

.page-report-new .layout .black-book-info .black-book-chart .price-label {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #000;
    font-weight: 400
}

.page-report-new .layout .black-book-info .black-book-chart .price-label span:last-child {
    font-weight: 700
}

.page-report-new .layout .black-book-info .black-book-chart .price-label.rough {
    top: 140px;
    left: 19px;
    -ms-flex-align: start;
    align-items: flex-start
}

.page-report-new .layout .black-book-info .black-book-chart .price-label.average {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    top: 66px;
    left: 4px
}

.page-report-new .layout .black-book-info .black-book-chart .price-label.clean {
    right: 10px;
    top: 140px;
    -ms-flex-align: end;
    align-items: flex-end
}

.page-report-new .layout .owners .owners-indicator-chart {
    position: relative;
    height: 22px;
    border-radius: 20px;
    margin: 15px 0 55px;
    width: 100%
}

@media print {
    .page-report-new .layout .owners .owners-indicator-chart {
        -ms-transform: scale(.85);
        transform: scale(.85)
    }

    .page-report-new .layout .owners .owners-indicator-chart body,
    .page-report-new .layout .owners .owners-indicator-chart html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new .layout .owners .owners-indicator-chart a[href] {
        text-decoration: none !important
    }

    .page-report-new .layout .owners .owners-indicator-chart a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 1024px) {
    .page-report-new .layout .owners .owners-indicator-chart {
        display: none
    }
}

.page-report-new .layout .owners .owners-indicator-chart .owners-indicator-bullet {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -10px;
    left: 0;
    width: 42px;
    height: 42px;
    border-radius: 100px;
    color: #fff !important;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    background: #80d2a8 !important;
    border: 4px solid #00a651 !important
}

.page-report-new .layout .owners .owners-indicator-chart .owners-indicator-bullet.warning {
    background: #d09385 !important;
    border: 4px solid #a1260b !important
}

.page-report-new .layout .owners .owners-indicator-chart .owners-indicator-bullet:after {
    width: 46px;
    height: 46px;
    border-radius: 100px;
    content: " ";
    display: block;
    position: absolute;
    border: 3px solid #fff !important
}

.page-report-new .layout .owners .owners-indicator-chart .owner-period-indicator {
    position: absolute;
    top: -15px;
    right: 35px;
    width: 0;
    height: 22px;
    content: " ";
    display: block;
    border-radius: 20px;
    margin: 15px 0 35px;
    background: #00a651 !important;
    overflow: visible
}

.page-report-new .layout .owners .owners-indicator-chart .owner-period-indicator .own-period-label {
    top: 35px;
    height: 15px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    padding: 0 15px
}

.page-report-new .layout .owners .owners-indicator-chart .owner-period-indicator:first-child .own-period-label {
    text-align: center
}

.page-report-new .layout .owners .owners-indicator-chart .owner-period-indicator.warning {
    background: #a1260b !important
}

.page-report-new .layout .owners .owners-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(310px, 1fr)) [ auto-fill ];
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-auto-flow: row dense;
    grid-gap: 15px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-report-new .layout .owners .owners-list .owner-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 308px;
    width: 100%;
    background: #fbfbfb !important
}

.page-report-new .layout .owners .owners-list .owner-card .owner-card-row {
    width: 100%;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.page-report-new .layout .owners .owners-list .owner-card .owner-card-row:nth-child(odd) {
    background: #f4f4f4 !important
}

.page-report-new .layout .owners .owners-list .owner-card .owner-card-row .owner-prop {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.page-report-new .layout .owners .owners-list .owner-card .owner-card-row .owner-prop-value {
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page-report-new .layout .owners .owners-list .owner-card .owner-card-row .owner-prop-name {
    -ms-flex-negative: 2;
    flex-shrink: 2
}

.page-report-new .layout .owners .owners-list .owner-card .owner-card-header {
    border-radius: 4px 4px 0 0;
    box-shadow: inset 0 -2px 2px rgba(0, 0, 0, .05);
    height: 50px
}

.page-report-new .layout .owners .owners-list .owner-card .owner-card-header h4 {
    margin: 0 10px;
    font-weight: 600;
    font-size: 16px
}

.page-report-new .layout .odometer-table .warning-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.page-report-new .layout .odometer-table .rollback-warning {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px
}

.page-report-new .layout .odometer-table .rollback-warning img {
    margin: 2px 4px
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .odometer-table .rollback-warning > div {
        display: none
    }
}

.page-report-new .layout .odometer-table .rollback-warning span {
    display: block;
    font-size: 14px
}

.page-report-new .layout .odometer-table .rollback-warning span:first-child {
    color: #920303
}

.page-report-new .layout .miles-driven .odometer-chart {
    height: 500px;
    padding: 25px 0 15px
}

.page-report-new .layout .miles-driven .odometer-chart .odometer-chart-tooltip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #0d5db8;
    font-size: 12px;
    font-weight: 700
}

.page-report-new .layout .miles-driven .odometer-chart .odometer-chart-tooltip.warning {
    color: #9c0013
}

.page-report-new .layout .miles-driven .odometer-chart-marker {
    margin: 0 5px;
    width: 14px;
    height: 14px;
}

.page-report-new .layout .miles-driven .chart-legend .legend-row {
    display: -ms-flexbox;
    display: flex
}

.page-report-new .layout .miles-driven .chart-legend .legend-row span {
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px
}

.page-report-new .layout .miles-driven .chart-legend .legend-row span:first-child {
    padding-left: 0
}

.page-report-new .layout .miles-driven .chart-legend .chart-legend-note {
    color: #999;
    font-size: 12px
}

.page-report-new .layout .report-selector {
    position: relative;
    padding: 0 25px;
    cursor: pointer;
    overflow: visible;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.page-report-new .layout .report-selector > span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.page-report-new .layout .report-selector .report-selector-items {
    display: block;
    position: absolute;
    top: 45px;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0 0 10px;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    width: 100%;
    border-radius: 0 0 4px 4px;
    background: #fff;
    font-weight: 400;
    z-index: 1000
}

.page-report-new .layout .report-selector .report-selector-items li {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    display: block;
    text-align: left;
    padding: 10px 25px;
    white-space: nowrap;
    color: #000
}

.page-report-new .layout .report-selector .report-selector-items li:hover {
    background: #00a651;
    color: #fff
}

.page-report-new .layout .report-selector .report-selector-items a {
    text-decoration: none
}

.page-report-new .layout .recalls-table .text p:first-child {
    margin-top: 20px
}

.page-report-new .layout .report-navigation-mobile {
    width: calc(100% + 12px);
    margin-left: -6px;
    height: 48px;
    display: none;
    background: #fafafa;
    border-radius: 4px;
    position: -webkit-sticky;
    position: sticky;
    top: 52px;
    z-index: 999;
    margin-bottom: 20px
}

.page-report-new .layout .report-navigation-mobile.sticky-to-top {
    top: 0
}

@media screen and (max-width: 1440px) {
    .page-report-new .layout .report-navigation-mobile {
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-navigation-mobile {
        background: #f7f8fa;
        border-radius: 0
    }
}

.page-report-new .layout .report-navigation-mobile:before {
    content: " ";
    display: block;
    width: 20px;
    min-width: 20px;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, .3) 0, rgba(196, 196, 196, 0) 48.48%);
    opacity: .3;
    border-radius: 0 0 4px 4px;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-navigation-mobile:before {
        display: none
    }
}

.page-report-new .layout .report-navigation-mobile:after {
    content: " ";
    display: block;
    width: 20px;
    min-width: 20px;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, .3) 0, rgba(196, 196, 196, 0) 48.48%);
    opacity: .3;
    border-radius: 4px 4px 0 0
}

@media screen and (max-width: 800px) {
    .page-report-new .layout .report-navigation-mobile:after {
        display: none
    }
}

.page-report-new .layout .report-navigation-mobile nav {
    display: -ms-flexbox;
    display: flex;
    overflow-y: scroll
}

.page-report-new .layout .report-navigation-mobile nav .item {
    text-decoration: none;
    white-space: nowrap;
    padding: 10px 20px;
    color: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-report-new .layout .report-navigation-mobile nav .item .label {
    border: 1px solid #a2260b;
    border-radius: 50%;
    color: #a2260b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
    background: #fff;
    font-size: 12px
}

.page-report-new .layout .report-navigation-mobile nav .item.is-active {
    border-bottom: #328500 2px solid
}

.page-report-new .disable-pads {
    padding: 0
}

.page-report-new.disable-pads {
    padding: 0
}

.page-report-new .gallery-print table,
.page-report-new .gallery-print td,
.page-report-new .gallery-print tr {
    border: none !important
}

.page-report-new .gallery-print td img {
    border: none !important;
    display: block;
    max-height: 144mm;
    margin: 0 auto;
    padding: 5px 0
}

.page-report-new.page-report-new__feature-flag-report2021 .rating-graph-label {
    margin-bottom: -16px
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .rating-graph-label {
        margin-bottom: 0
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .report-navigation-mobile {
    max-width: 100%;
    margin-left: 0
}

.page-report-new.page-report-new__feature-flag-report2021 #recalls .content {
    margin-top: 16px
}

.page-report-new.page-report-new__feature-flag-report2021 #owners {
    padding-bottom: 10px
}

@media print {
    .page-report-new.page-report-new__feature-flag-report2021 .owners-table {
        display: block !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .owners-table body,
    .page-report-new.page-report-new__feature-flag-report2021 .owners-table html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 .owners-table a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .owners-table a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .owners-table-mobile .owner-card-row.owner-card-header {
    height: 48px;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 22px;
    border-radius: 4px
}

.page-report-new.page-report-new__feature-flag-report2021 .owners-table-mobile .owner-card-row.owner-card-header h4 {
    margin-bottom: 0
}

.page-report-new.page-report-new__feature-flag-report2021 .owners-table-mobile .is-warn-msg {
    display: none;
    -ms-flex-align: center;
    align-items: center;
    color: #a2260b
}

.page-report-new.page-report-new__feature-flag-report2021 .owners-table-mobile .owner-card-row.owner-card-header.is-warn {
    background-color: #ffefef;
    border-bottom: none;
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-report-new.page-report-new__feature-flag-report2021 .owners-table-mobile .owner-card-row.owner-card-header.is-warn .is-warn-msg {
    display: -ms-flexbox;
    display: flex
}

.page-report-new.page-report-new__feature-flag-report2021 .owners-table-mobile .owner-card-row {
    display: -ms-flexbox;
    display: flex;
    height: 41px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d2
}

.page-report-new.page-report-new__feature-flag-report2021 .owners-table-mobile .owner-card-row:last-child {
    border-bottom: none
}

.page-report-new.page-report-new__feature-flag-report2021 .owners-table-mobile .orbit-bullets {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-report-new.page-report-new__feature-flag-report2021 .owners-table-mobile .orbit-bullets button {
    width: 6px;
    height: 6px;
    margin: 0 5px;
    border: 1px solid #00a651;
    background-color: #fff
}

.page-report-new.page-report-new__feature-flag-report2021 .owners-table-mobile .orbit-bullets button.is-active {
    background-color: #00a651;
    width: 8px;
    height: 8px;
    margin: 0 3px
}

.page-report-new.page-report-new__feature-flag-report2021 .summary-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .summary-header {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .summary-header .header {
    height: 26px
}

.page-report-new.page-report-new__feature-flag-report2021 .summary-header .header h2::before {
    display: none
}

.page-report-new.page-report-new__feature-flag-report2021 .summary-header .header::before {
    display: none
}

.page-report-new.page-report-new__feature-flag-report2021 .summary-header .header::after {
    display: none
}

.page-report-new.page-report-new__feature-flag-report2021 .summary-header .summary-header__title {
    font-size: 36px;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .summary-header .summary-header__title {
        font-size: 24px
    }
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .summary-header .summary-header__right {
        width: 100px;
        margin-bottom: 12px
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout {
    padding-top: 40px;
    padding-bottom: 0
}

@media screen and (max-width: 1024px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout {
        padding-top: 0
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .owners .owners-indicator-chart {
    width: calc(100% - 26px);
    margin-top: 28px
}

@media print {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .owners .owners-indicator-chart {
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .owners .owners-indicator-chart body,
    .page-report-new.page-report-new__feature-flag-report2021 .layout .owners .owners-indicator-chart html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .owners .owners-indicator-chart a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .owners .owners-indicator-chart a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .owners .owners-indicator-chart .owner-period-indicator {
    height: 10px;
    top: -17px
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .owners .owners-indicator-chart .owner-period-indicator .own-period-label {
    height: auto;
    overflow: auto;
    font-weight: 400;
    top: 16px
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .owners .owners-indicator-chart .owner-period-indicator .own-period-label .own-period-label__string {
    height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .owners .owners-indicator-chart .owners-indicator-bullet {
    width: 27px;
    height: 27px;
    font-size: 12px;
    line-height: 13px;
    border-width: 2px
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .owners .owners-indicator-chart .owners-indicator-bullet:after {
    width: 29px;
    height: 29px
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block {
    background-color: #fff;
    box-shadow: none;
    border-radius: 0;
    padding-top: 20px;
    margin-bottom: 0
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block {
        padding-left: 0;
        padding-right: 0
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#summary {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#summary .content {
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#summary {
        padding-top: 0
    }
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#summary .report-preview {
        padding-bottom: 0
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#specs {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 40px;
    border-radius: 4px
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#specs {
        margin: 14px;
        margin-bottom: 24px
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#specs h2 {
    background-color: #fff;
    padding-left: 31px
}

@media print {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#specs h2 {
        padding-left: 31px !important;
        background-color: transparent !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#specs h2 body,
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#specs h2 html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#specs h2 a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#specs h2 a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#specs .header {
    padding: 0
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#specs .header h2::before {
    display: none
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#specs .header::before {
    display: none
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block#specs .header::after {
    display: none
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .dimmed {
    opacity: 1
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header {
    background-color: transparent;
    padding: 0 32px 0 10px
}

@media print {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header {
        background-color: transparent !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header body,
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header {
        padding: 0 20px 0 10px;
        height: auto;
        width: calc(100% - 36px)
    }
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header::before {
        display: block
    }
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header::after {
        display: block
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2 {
    width: calc(100% - 21px);
    padding-left: 11px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-rtl-lang .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2 {
    width: 100%
}

@media screen and (max-width: 800px) {
    .is-rtl-lang .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2 {
        width: calc(100% - 21px)
    }
}

@media print {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2 {
        padding-right: 26px !important;
        break-inside: avoid !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2 body,
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2 html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2 a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2 a[href]:after {
        display: none !important;
        color: transparent !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2 * {
        overflow: auto !important
    }
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2 {
        background-color: #ededed;
        display: block;
        font-weight: 600;
        padding-right: 26px;
        min-height: 50px
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2::before {
    right: -23px;
    width: 32px
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2::before {
        display: block;
        width: 44px
    }
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header h2 .extra {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-weight: 400;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .header:after {
    background-color: #ededed
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .image {
    width: 470px;
    height: 320px
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .image {
        width: 100%;
        height: auto
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 0
}

.is-rtl-lang .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details {
    padding-right: 25px;
    padding-left: 0
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details h3 {
        margin-top: 14px;
        margin-bottom: 14px
    }
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details {
        padding: 0
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details .card {
    padding: 10px
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details .card {
        margin-bottom: 14px
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details .item {
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 16px;
    background-color: #fff;
    padding: 10px 0;
    margin: 0 10px
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details .item .caption {
    color: #000
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details .item .value {
    font-weight: 700
}

@media print {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details .item .value {
        text-align: right;
        min-width: 42%
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details .item .value body,
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details .item .value html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details .item .value a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details .item .value a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .report-preview .details .item:not(:last-child) {
    border-bottom: 1px solid #d2d2d2
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content {
    padding: 0;
    padding-left: 26px;
    padding-right: 42px
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content {
        padding-left: 14px;
        padding-right: 14px
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content .options {
    margin-bottom: 19px
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content .options {
        grid-gap: 2px
    }
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content .options .item {
        height: 64px
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content .options .card {
    background-color: #fff !important;
    margin-bottom: 6px
}

@media print {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content .options .card {
        border: 1px solid #d2d2d2;
        border-radius: 4px
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content .options .card body,
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content .options .card html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content .options .card a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content .options .card a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content .options .card {
        border-radius: 4px;
        margin: 0
    }
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content .options .card.warning {
        border: none
    }
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .card.report-block .content .options .rating-graph {
        width: 162px;
        min-height: 88px;
        -ms-transform: scale(.3);
        transform: scale(.3);
        margin-top: -5px;
        margin-left: -61px;
        margin-right: -50px;
        position: relative
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .nav-menu {
    max-width: 240px
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .nav-menu .report-navigation {
    padding: 20px 0
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .nav-menu .report-navigation .item {
    height: 48px;
    min-height: 48px
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .nav-menu .report-navigation .item.is-active {
    border-radius: 0;
    box-shadow: none
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table {
    padding: 2px 0
}

@media screen and (max-width: 800px) {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table {
        padding: 0
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .row {
    padding: 0
}

@media print {
    .page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .row {
        padding: 0 8px;
        break-inside: avoid !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .row body,
    .page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .row html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .row a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .row a[href]:after {
        display: none !important;
        color: transparent !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .row * {
        overflow: auto !important
    }
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .row:not(:last-child) {
    border-bottom: 1px solid #d2d2d2;
    border-radius: 0
}

.page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .row:nth-child(odd) {
    background-color: #fff
}

@media screen and (max-width: 800px) {

    .page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .column:first-child,
    .page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .columns:first-child {
        margin-bottom: 0;
        border-bottom: 1px solid #d2d2d2
    }

    .page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .column:last-child,
    .page-report-new.page-report-new__feature-flag-report2021 .layout .specs-table .columns:last-child {
        margin-top: 0
    }
}

.page-report-new.page-report-new__feature-flag-report2021 #auctions .auction-data .specs-table .row {
    background-color: #fff !important
}

.page-report-new.page-report-new__feature-flag-report2021 #auctions .gallery {
    margin-right: -3px;
    margin-left: -3px
}

.page-report-new.page-report-new__feature-flag-report2021 #auctions .gallery .ratio-image {
    border-radius: 4px
}

@media print {
    .page-report-new.page-report-new__feature-flag-report2021 #auctions .gallery .ratio-image {
        padding-bottom: 480px
    }

    .page-report-new.page-report-new__feature-flag-report2021 #auctions .gallery .ratio-image body,
    .page-report-new.page-report-new__feature-flag-report2021 #auctions .gallery .ratio-image html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 #auctions .gallery .ratio-image a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 #auctions .gallery .ratio-image a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

@media screen and (max-width: 1024px) {
    .page-report-new.page-report-new__feature-flag-report2021 #auctions .gallery {
        padding: 0;
        margin-top: 16px
    }
}

.page-report-new.page-report-new__feature-flag-report2021 #auctions .gallery-mobile {
    position: relative;
    margin-top: 16px
}

.page-report-new.page-report-new__feature-flag-report2021 #auctions .gallery-mobile .orbit-bullets {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 14px
}

.page-report-new.page-report-new__feature-flag-report2021 #auctions .gallery-mobile .orbit-bullets button {
    width: 6px;
    height: 6px;
    margin: 0 5px;
    background-color: rgba(255, 255, 255, .5)
}

.page-report-new.page-report-new__feature-flag-report2021 #auctions .gallery-mobile .orbit-bullets button.is-active {
    background-color: #fff;
    width: 12px;
    height: 12px;
    margin: 0 3px
}

@media print {

    .page-report-new.page-report-new__feature-flag-report2021 table body,
    .page-report-new.page-report-new__feature-flag-report2021 table html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 table a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 table a[href]:after {
        display: none !important;
        color: transparent !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 table * {
        overflow: auto !important
    }
}

.page-report-new.page-report-new__feature-flag-report2021 table.table-no-results td {
    border-top: none
}

.page-report-new.page-report-new__feature-flag-report2021 table thead tr th {
    font-weight: 700;
    vertical-align: middle
}

.page-report-new.page-report-new__feature-flag-report2021 table thead tr th:first-child {
    padding-left: 0
}

.page-report-new.page-report-new__feature-flag-report2021 table thead tr th:last-child {
    padding-right: 0
}

.page-report-new.page-report-new__feature-flag-report2021 table tbody tr:not(:last-child) {
    border-bottom: 1px solid #d2d2d2
}

.page-report-new.page-report-new__feature-flag-report2021 table tbody tr:nth-child(even) {
    background: #fff
}

@media print {
    .page-report-new.page-report-new__feature-flag-report2021 table tbody tr:nth-child(even) {
        background: #fff !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 table tbody tr:nth-child(even) body,
    .page-report-new.page-report-new__feature-flag-report2021 table tbody tr:nth-child(even) html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 table tbody tr:nth-child(even) a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 table tbody tr:nth-child(even) a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new.page-report-new__feature-flag-report2021 table tbody tr:nth-child(odd) {
    background: #fff
}

@media print {
    .page-report-new.page-report-new__feature-flag-report2021 table tbody tr:nth-child(odd) {
        background: #fff !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 table tbody tr:nth-child(odd) body,
    .page-report-new.page-report-new__feature-flag-report2021 table tbody tr:nth-child(odd) html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 table tbody tr:nth-child(odd) a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 table tbody tr:nth-child(odd) a[href]:after {
        display: none !important;
        color: transparent !important
    }
}

.page-report-new.page-report-new__feature-flag-report2021 table tbody tr td:first-child {
    padding-left: 0
}

.page-report-new.page-report-new__feature-flag-report2021 table tbody tr td:last-child {
    padding-right: 0
}

.page-report-new.page-report-new__feature-flag-report2021 #window-sticker .header {
    margin-bottom: 26px
}

.page-report-new.page-report-new__feature-flag-report2021 .auction-data__content {
    margin-top: 20px
}

@media print {

    .page-report-new.page-report-new__feature-flag-report2021 #black-book .content body,
    .page-report-new.page-report-new__feature-flag-report2021 #black-book .content html {
        width: 210mm;
        height: 297mm
    }

    .page-report-new.page-report-new__feature-flag-report2021 #black-book .content a[href] {
        text-decoration: none !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 #black-book .content a[href]:after {
        display: none !important;
        color: transparent !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 #black-book .content * {
        overflow: auto !important;
        break-inside: avoid !important
    }

    .page-report-new.page-report-new__feature-flag-report2021 #black-book .content .black-book-chart {
        overflow: hidden !important
    }
}

.page-report-new.page-report-new__feature-flag-report2021 #brands .brand-row-cell .brand-row-content {
    -ms-flex-align: end;
    align-items: flex-end
}

.page-payment-landing .box {
    padding: 0 !important
}

.page-payment-landing .payment__description-block {
    padding: 35px;
    background: #fff
}

@media screen and (max-width: 800px) {
    .page-payment-landing .payment__description-block {
        padding: 25px
    }
}

.page-payment-landing .payment__description-grid {
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-payment-landing .payment__description-grid-item {
    width: calc((100% - 35px) / 2)
}

@media screen and (max-width: 800px) {
    .page-payment-landing .payment__description-grid-item {
        width: 100%
    }
}

.page-payment-landing .payment__description-image {
    margin-bottom: 0
}

@media screen and (max-width: 800px) {
    .page-payment-landing .payment__description-image {
        width: 100%;
        margin-bottom: 20px
    }
}

.page-payment-landing .payment__description-stat {
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 28px
}

.page-payment-landing .payment__description-stat > span:first-child {
    width: 110px;
    color: #95989a
}

.page-payment-landing .payment__description-feature {
    margin-top: 30px;
    background: #f4f4f4;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 19px 23px;
    font-size: 14px;
    line-height: 18px
}

@media screen and (max-width: 800px) {
    .page-payment-landing .payment__description-feature {
        margin-top: 25px
    }
}

.page-payment-landing .payment__description-feature > div {
    padding-left: 25px
}

.page-payment-landing .payment__description-feature strong {
    font-size: 16px
}

.page-payment-landing .payment__description-ckeckpoints {
    margin-top: 30px;
    border: 1px solid #d3d3d3;
    width: 100%;
    padding: 26px 25px 45px 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 480px) {
    .page-payment-landing .payment__description-ckeckpoints {
        padding: 25px
    }
}

.page-payment-landing .payment__description-ckeckpoints .caption {
    width: 100%;
    padding-bottom: 10px
}

.page-payment-landing .payment__description-ckeckpoint {
    margin-top: 20px;
    text-align: left;
    width: 33%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #009f15
}

@media screen and (max-width: 800px) {
    .page-payment-landing .payment__description-ckeckpoint {
        width: 50% !important
    }
}

@media screen and (max-width: 480px) {
    .page-payment-landing .payment__description-ckeckpoint {
        width: 100% !important
    }
}

.page-payment-landing .payment__description-ckeckpoint svg {
    margin-right: 6px
}

.page-payment-landing .payment__description-ckeckpoint:nth-child(3n+1) {
    width: 27%
}

.page-payment-landing .payment__description-ckeckpoint:nth-child(3n+2) {
    width: 40%
}

.page-payment-landing .payment__description-img-sample img {
    margin-top: 30px;
    width: 100%
}

.page-payment-landing .payment__description-cta {
    width: 310px;
    margin: 25px auto 15px;
    max-width: 100%
}

@media screen and (max-width: 800px) {
    .page-payment-landing .payment__description-cta {
        margin: 40px auto 25px
    }
}

.page-payment-landing .payment__checkout-form-wrap {
    padding-left: 34px
}

@media screen and (max-width: 1024px) {
    .page-payment-landing .payment__checkout-form-wrap {
        padding-left: 0;
        border-top: 1px solid #707070
    }
}

.page-payment-landing .payment__checkout-form {
    text-align: left;
    background: #fff;
    padding: 33px 25px 40px
}

.page-payment-landing .payment__checkout-caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 14px;
    border-bottom: 1px solid #707070;
    color: #000;
    font-size: 18px
}

.page-payment-landing .payment__checkout-caption svg {
    margin-top: -2px
}

.page-payment-landing .payment__checkout-subcaption {
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    margin: 30px 0 18px
}

.page-payment-landing .payment__package-selection {
    padding-bottom: 4px
}

.page-payment-landing .payment__package-selection label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 23px 5px 15px;
    border: 1px solid #c2c2c2;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.page-payment-landing .payment__package-selection label:hover {
    background-color: rgba(233, 233, 233, .3)
}

.page-payment-landing .payment__package-selection label:not(:first-child) {
    margin-top: 9px
}

.page-payment-landing .payment__package-selection label .price {
    font-size: 16px;
    font-weight: 700;
    color: #000
}

.page-payment-landing .payment__package-selection label .tit {
    line-height: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

.page-payment-landing .payment__package-selection label .tit svg {
    margin-right: 13px
}

.page-payment-landing .payment__package-selection label .feature {
    font-size: 11px
}

.page-payment-landing .payment__package-selection label input:checked {
    pointer-events: none
}

.page-payment-landing .payment__package-selection label input:checked ~ .tit {
    color: #fff
}

.page-payment-landing .payment__package-selection label input:checked ~ .tit::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    cursor: default
}

.page-payment-landing .payment__package-selection label input:checked ~ .tit::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-color: #0097c7;
    border-radius: 4px;
    z-index: -1
}

.page-payment-landing .payment__package-selection label input:checked ~ .tit svg circle {
    fill: #fff
}

.page-payment-landing .payment__package-selection label input:checked ~ .tit svg path {
    opacity: 1 !important
}

.page-payment-landing .payment__package-selection label input:checked ~ .price {
    color: #fff
}

.page-payment-landing .form-error {
    margin-top: 0 !important;
    font-size: 12px;
    text-align: right;
    margin: 4px 0 14px !important
}

.page-payment-landing .payment__payment-input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 15px;
    position: relative
}

.page-payment-landing .payment__payment-input:not(:first-child) {
    margin-top: 9px
}

.page-payment-landing .payment__payment-input span {
    white-space: nowrap;
    font-size: 14px;
    color: #000
}

.page-payment-landing .payment__payment-input label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    border: 1px solid #707070;
    cursor: pointer;
    z-index: 1
}

.page-payment-landing .payment__payment-input input {
    position: relative;
    z-index: 2;
    padding: 0;
    border: 0;
    margin: 0;
    margin-left: 18px;
    font-size: 14px
}

.page-payment-landing .payment__payment-input input.is-invalid-input + label {
    border-color: #b92d00
}

.page-payment-landing .payment__payment-input input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset
}

.page-payment-landing .payment__payment-input #card-type-icon {
    width: 32px;
    height: 22px;
    position: absolute;
    top: 14px;
    right: 12px;
    z-index: 20;
    background-size: contain
}

.page-payment-landing .payment__summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #efefef;
    padding: 13px 24px 13px 15px;
    margin-top: 9px;
    border-radius: 4px
}

.page-payment-landing .payment__summary span {
    font-size: 14px
}

.page-payment-landing .payment__summary strong {
    font-size: 16px
}

.page-payment-landing .payment__cta-description {
    font-size: 14px;
    line-height: 19px
}

.page-payment-landing .payment__terms-checkbox {
    margin-top: 23px;
    padding: 0;
    border: 0 !important;
    height: 25px
}

.page-payment-landing .payment__terms-checkbox label {
    color: #000;
    font-size: 14px;
    border: 0 !important
}

.page-payment-landing .payment__cta {
    margin: 23px 0 9px
}

.paypal-icon {
    margin: 10px auto 0;
    width: 97px
}

#payment-paypal-form #order_report_now_button.desktop {
    display: -ms-flexbox;
    display: flex;
    padding: 2px
}

#payment-paypal-form #order_report_now_button.desktop > img {
    height: 60px;
    width: 150px;
    padding: 20px;
    background: #d07600;
    border-radius: 6px
}

#payment-paypal-form #order_report_now_button.desktop > div:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.paypal-method-title {
    display: none !important;
    line-height: 36px;
    opacity: .7;
    color: #484848;
    font-size: 18px
}

.page-payment-card .payment-form .payment-selection input:checked + label .wrap .paypal-method-title {
    color: #4aa35a;
    opacity: 1 !important
}

#payment-paypal-form #order_report_now_button.mobile {
    display: none
}

@media screen and (max-width: 760px) {
    .paypal-icon {
        width: 55px;
        margin: 5px 20px 5px auto
    }

    #payment-paypal-form #order_report_now_button.desktop {
        display: none
    }

    #payment-paypal-form #order_report_now_button.mobile {
        display: block
    }

    .paypal-method-title {
        display: block !important
    }
}

.page-copart-checkout {
    padding-left: 10px;
    padding-right: 10px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr
}

@media screen and (max-width: 1440px) {
    .page-copart-checkout {
        -ms-grid-columns: 1fr 340px;
        grid-template-columns: 1fr 340px
    }
}

@media screen and (max-width: 1200px) {
    .page-copart-checkout {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.is-rtl-lang .page-copart-checkout .split-cells {
    margin-left: 0;
    margin-right: 0
}

.is-rtl-lang .page-copart-checkout .split-cells .cell {
    margin-left: 0 !important;
    margin-right: 0 !important;
    -ms-flex-preferred-size: calc(50% - 4px);
    flex-basis: calc(50% - 4px)
}

.page-copart-checkout .left-part,
.page-copart-checkout .right-part {
    padding-left: 10px;
    padding-right: 10px
}

.page-copart-checkout .order-now-mobile-toolbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, .1);
    z-index: 9999;
    display: none;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: all .3s ease
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .order-now-mobile-toolbar {
        display: block
    }
}

.page-copart-checkout .order-now-mobile-toolbar.is-hidden-below {
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.page-copart-checkout .order-now-mobile-toolbar button {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 22px 10px;
    cursor: pointer;
    background: linear-gradient(to bottom, #3095ff 1%, #2159f5 100%)
}

.page-copart-checkout .order-now-mobile-toolbar button:hover {
    background: linear-gradient(to bottom, #57a9ff 1%, #3a6eff 100%)
}

.page-copart-checkout .order-now-mobile-toolbar button:active {
    background: linear-gradient(to bottom, #015bbc 1%, #1d58ff 100%)
}

.page-copart-checkout .order-now-mobile-toolbar button img {
    margin-right: 12px
}

@media screen and (max-width: 800px) {
    .page-copart-checkout.page-content {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout #vehicle-card {
        padding-bottom: 0
    }
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout h2 {
        font-size: 24px;
        line-height: 32px
    }
}

.page-copart-checkout h1 {
    font-size: 40px !important;
    line-height: 44px !important;
    padding-bottom: 12px
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout h1 {
        font-size: 36px !important;
        line-height: 40px !important
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout h1 {
        font-size: 18px !important;
        line-height: 22px !important;
        padding-right: 0;
        padding-left: 0;
        text-align: left !important
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .payment-form {
        padding: 0 !important
    }
}

.page-copart-checkout .payment-form .cv-tooltip {
    margin-left: auto
}

.is-rtl-lang .page-copart-checkout .payment-form .cv-tooltip {
    margin-left: 0;
    margin-right: auto
}

.page-copart-checkout .adbutler-wrapper {
    line-height: 0
}

.page-copart-checkout .adbutler-wrapper > div {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 4px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    place-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px !important;
    padding: 20px !important;
    line-height: 24px
}

.page-copart-checkout .block-wrapper {
    margin-top: 20px
}

.page-copart-checkout .bold {
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .bold {
        text-align: right
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout.grid-padding-x .block-wrapper.cell {
        padding-right: 0;
        padding-left: 0
    }
}

.page-copart-checkout .vehicle-info-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 610px 1fr;
    grid-template-columns: 610px 1fr;
    grid-gap: 20px;
    background: 0 0;
    margin: unset
}

@media (max-width: 1910px) {
    .page-copart-checkout .vehicle-info-grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 1200px) {
    .page-copart-checkout .vehicle-info-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .vehicle-info-grid {
        grid-gap: 0
    }
}

.page-copart-checkout .title-card {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 !important;
    background-color: #fff;
    overflow: hidden !important
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .title-card {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.page-copart-checkout .title-card .title-card__caption {
    padding: 12px 18px;
    width: 100%
}

.page-copart-checkout .title-card .title-card__image-container {
    height: 100%;
    width: 100%;
    position: relative
}

@media screen and (max-width: 1200px) {
    .page-copart-checkout .title-card .title-card__image-container {
        padding-bottom: 75%
    }
}

.page-copart-checkout .title-card .title-card__image-container .title-card__image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f7f9ff;
    overflow: hidden
}

.page-copart-checkout .title-card .title-card__image-container .title-card__image-wrap img {
    position: relative;
    z-index: 2;
    height: 100%;
    object-fit: cover
}

.page-copart-checkout .title-card .title-card__image-container .title-card__image-blurred {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    -webkit-filter: blur(15px);
    filter: blur(15px)
}

.page-copart-checkout .title-card .title-card__ymm {
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    overflow: hidden
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .title-card .title-card__ymm {
        font-size: 18px;
        line-height: 24px
    }
}

.page-copart-checkout .title-card .title-card__vin {
    margin-top: 5px;
    font-size: 18px;
    line-height: 24px
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .title-card .title-card__vin {
        font-size: 14px;
        line-height: 20px
    }
}

.page-copart-checkout .title-card .title-card__vin span {
    font-size: 18px;
    line-height: 24px
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .title-card .title-card__vin span {
        font-size: 14px;
        line-height: 20px
    }
}

.page-copart-checkout .details-card {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 !important;
    overflow: hidden !important
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .details-card {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
}

.page-copart-checkout .details-card .details-card__stats {
    padding: 8px 14px;
    width: 100%
}

.page-copart-checkout .details-card .details-card__stats .details-card__stat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 40px
}

.page-copart-checkout .details-card .details-card__stats .details-card__stat:not(:first-child) {
    border-top: 1px solid #d2d2d2
}

.page-copart-checkout .details-card .details-card__stats .details-card__stat img {
    margin-right: 4px;
    position: relative;
    top: 1
}

.page-copart-checkout .details-card .details-card__stats .details-card__stat strong {
    padding-left: 5px
}

.page-copart-checkout .details-card .details-card__callout {
    width: 100%;
    margin-top: auto;
    border: 1px solid #aa3737;
    border-radius: 4px;
    padding: 14px;
    overflow: hidden
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .details-card .details-card__callout {
        padding: 14px 14px 8px
    }
}

.page-copart-checkout .details-card .details-card__callout-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 0 4px;
    line-height: 20px
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .details-card .details-card__callout-header {
        padding: 0 0 10px;
        gap: 10px
    }
}

.page-copart-checkout .details-card .details-card__callout-alert {
    color: #aa3737;
    font-size: 14px !important;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 24px;
    border-radius: 90px;
    font-weight: 700;
    margin-bottom: 8px
}

.page-copart-checkout .details-card .details-card__callout-detail {
    min-height: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.page-copart-checkout .details-card .details-card__callout-detail .details-card__callout-detail__title {
    margin-left: 10px;
}
.page-copart-checkout .details-card .details-card__callout-detail .details-card__callout-detail__value {
    margin-left: auto;
}

.is-rtl-lang .page-copart-checkout .details-card .details-card__callout-detail .details-card__callout-detail__title {
    margin-left: 0;
    margin-right: 10px;
}
.is-rtl-lang .page-copart-checkout .details-card .details-card__callout-detail .details-card__callout-detail__value {
    margin-left: 0;
    margin-right: auto;
}


@media screen and (max-width: 800px) {
    .page-copart-checkout .details-card .details-card__callout-detail .cv-tooltip {
        margin-left: 4px
    }

    .is-rtl-lang .page-copart-checkout .details-card .details-card__callout-detail .cv-tooltip {
        margin-left: 0;
        margin-right: 4px
    }
}

.page-copart-checkout .details-card .details-card__callout-detail strong {
    margin-left: 6px;
    white-space: nowrap
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .details-card .details-card__callout-detail strong {
        margin-left: auto;
        text-align: right
    }
}

.page-copart-checkout .details-card .details-card__callout-detail:not(:last-child) {
    border-bottom: 1px solid #e5d9bd
}

.page-copart-checkout .whats-in-the-report {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-copart-checkout .whats-in-the-report__list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1001px;
    margin: 0 auto;
    padding-bottom: 5px
}

.page-copart-checkout .whats-in-the-report__title {
    margin: 15px 0
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .whats-in-the-report__title {
        margin: 25px 0 20px
    }
}

.page-copart-checkout .whats-in-the-report__button-wrap {
    margin-top: 5px;
    margin-bottom: 5px
}

.page-copart-checkout .whats-in-the-report .rating-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.page-copart-checkout .whats-in-the-report .block-wrapper {
    min-width: 275px
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .whats-in-the-report .block-wrapper {
        margin-top: 0;
        width: calc(100% - 30px);
        margin: 0 auto
    }
}

.page-copart-checkout .whats-in-the-report .cv-secondary-button {
    text-transform: uppercase;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .whats-in-the-report .cv-secondary-button {
        margin-bottom: 25px
    }
}

.page-copart-checkout .whats-in-the-report .rating-img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.page-copart-checkout .whats-in-the-report .list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 9px
}

@media screen and (max-width: 1200px) {
    .page-copart-checkout .whats-in-the-report .list {
        padding-right: 50px
    }
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .whats-in-the-report .list {
        padding-right: 0
    }
}

.page-copart-checkout .whats-in-the-report .card {
    border: none
}

.page-copart-checkout .whats-in-the-report .card:not(:last-child) {
    border-bottom: 1px solid #d2d2d2
}

.page-copart-checkout .whats-in-the-report .card p {
    margin-bottom: 0
}

.page-copart-checkout .whats-in-the-report .card p:last-child {
    margin-bottom: 17px
}

.page-copart-checkout .whats-in-the-report .card.item {
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 10px;
    margin-bottom: 7px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24px 1fr;
    grid-template-columns: 24px 1fr;
    grid-gap: 10px
}

@media screen and (min-width: 800px) {
    .page-copart-checkout .whats-in-the-report .card.item {
        padding-bottom: 6px
    }
}

.page-copart-checkout .whats-in-the-report .card.item .icon {
    vertical-align: middle;
    margin-right: 10px
}

.is-rtl-lang .page-copart-checkout .whats-in-the-report .card.item .icon {
    margin-right: 0;
    margin-left: 10px
}

.page-copart-checkout .whats-in-the-report .card.item .text {
    font-size: 16px;
    line-height: 16px;
    padding-top: 3px
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .whats-in-the-report .card.item .text {
        font-size: 14px
    }
}

@media screen and (min-width: 800px) {
    .page-copart-checkout .scam-alert p {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .scam-alert p {
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .scam-alert {
        padding: 25px 15px
    }

    .page-copart-checkout .scam-alert p.cv-typography {
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .scam-alert .alert-icon {
        position: absolute;
        top: calc(50% - 6px);
        left: 8px
    }
}

.page-copart-checkout .scam-alert .after,
.page-copart-checkout .scam-alert .before {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.page-copart-checkout .scam-alert .after img,
.page-copart-checkout .scam-alert .before img {
    max-width: calc(50% - 7px);
    border-radius: 4px
}

.page-copart-checkout .scam-alert .after {
    padding-left: 8px
}

.is-rtl-lang .page-copart-checkout .scam-alert .after {
    padding-right: 8px;
    padding-left: 0
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .scam-alert .after {
        margin-top: 16px;
        padding-left: 0
    }
}

.page-copart-checkout .scam-alert .before {
    padding-right: 8px
}

.is-rtl-lang .page-copart-checkout .scam-alert .before {
    padding-right: 0;
    padding-left: 8px
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .scam-alert .before {
        padding-right: 0;
        padding-bottom: 2px
    }
}

.page-copart-checkout .scam-alert .before .alert {
    background-color: #323232
}

.page-copart-checkout .scam-alert .alert {
    height: 32px;
    background-color: #83352c;
    color: #fff;
    font-size: 16px;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 29px;
    font-weight: 700;
    -ms-flex-line-pack: center;
    align-content: center;
    border-radius: 4px;
    margin-bottom: 8px
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .benefits h2 {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .benefits {
        padding: 30px 15px 25px
    }
}

.page-copart-checkout .benefits img {
    vertical-align: middle;
    max-width: 88px;
    margin-right: 15px;
    max-height: 51px
}

.is-rtl-lang .page-copart-checkout .benefits img {
    margin-right: 0;
    margin-left: 15px
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .benefits img {
        margin: 20px 0 15px
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .benefits {
        margin-bottom: 10px
    }
}

.page-copart-checkout .benefits p {
    margin-bottom: 2px
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .benefits p {
        font-size: 14px;
        line-height: 24px;
        text-align: center
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .benefits p {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 16px
    }

    .page-copart-checkout .benefits p.bold {
        text-align: center
    }
}

.page-copart-checkout .benefits .block-wrapper {
    min-height: 80px
}

.page-copart-checkout .incorrect-vin-lot-input {
    padding: 25px 15px 15px !important
}

.page-copart-checkout .incorrect-vin-lot-input .get-vin-block {
    text-align: center;
    margin-top: 14px;
    font-size: 14px;
    line-height: 20px
}

.page-copart-checkout .incorrect-vin-lot-input .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

.page-copart-checkout .incorrect-vin-lot-input .vin-lot-input {
    width: 50%;
    height: 50px;
    display: block;
    margin: auto auto 20px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .incorrect-vin-lot-input .vin-lot-input {
        width: 100%
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .incorrect-vin-lot-input .vin-lot-input {
        height: 40px;
        margin: auto auto 10px
    }
}

.page-copart-checkout .incorrect-vin-lot-input .vin-lot-submit {
    width: 50%;
    height: 50px;
    max-height: 50px;
    display: block;
    margin: auto
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .incorrect-vin-lot-input .vin-lot-submit {
        width: 100%
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .incorrect-vin-lot-input .vin-lot-submit {
        height: 40px
    }
}

@media screen and (max-width: 800px) {

    .page-copart-checkout .features .abm,
    .page-copart-checkout .features .window-sticker {
        padding: 25px 15px
    }
}

@media screen and (min-width: 800px) {

    .page-copart-checkout .features .abm,
    .page-copart-checkout .features .window-sticker {
        width: 49%
    }
}

@media screen and (max-width: 1024px) {

    .page-copart-checkout .features .abm,
    .page-copart-checkout .features .window-sticker {
        width: 100%
    }
}

.page-copart-checkout .features .abm {
    background: url(/img/abm-featured.png) no-repeat calc(100% + 50px) center, linear-gradient(90.26deg, #fff -45.22%, #f7f9ff 70.54%);
    padding-right: 0
}

.is-rtl-lang .page-copart-checkout .features .abm {
    padding-left: 0;
    padding-right: 20px;
    background: url(/img/abm-featured-rtl.png) no-repeat -55px center, linear-gradient(90.26deg, #fff -45.22%, #f7f9ff 70.54%)
}

.page-copart-checkout .features .abm .title span {
    border-left: 2px solid rgba(3, 3, 3, .4);
    padding-left: 11px;
    margin-left: 11px
}

.is-rtl-lang .page-copart-checkout .features .abm .title span {
    padding-left: 0;
    padding-right: 11px;
    margin-left: 0;
    margin-right: 11px;
    border-left: none;
    border-right: 2px solid rgba(3, 3, 3, .4)
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .features .abm {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .features .abm {
        background: linear-gradient(90.26deg, #fff -45.22%, #f7f9ff 70.54%);
        padding-right: 14px
    }
}

.page-copart-checkout .features .window-sticker {
    background: #e1f5eb;
    padding-right: 0
}

.is-rtl-lang .page-copart-checkout .features .window-sticker {
    padding-left: 0;
    padding-right: 20px
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .features .window-sticker {
        padding-right: 0
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .features .window-sticker {
        padding-right: 15px
    }
}

.page-copart-checkout .features .window-sticker:after {
    content: " ";
    width: 244px;
    height: 100%;
    background: url(/img/window-sticker-featured.png) no-repeat;
    background-size: contain;
    background-position: calc(100% + 20px) center
}

.is-rtl-lang .page-copart-checkout .features .window-sticker:after {
    background-position: calc(100% - 20px) center
}

@media screen and (max-width: 1024px) {
    .page-copart-checkout .features .window-sticker:after {
        background-position: calc(100% + 50px) center
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .features .window-sticker:after {
        display: none
    }
}

.page-copart-checkout .features .title {
    min-height: 38px
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .features .title {
        text-align: center
    }
}

.page-copart-checkout .features .content p {
    font-size: 14px;
    line-height: 22px
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .features .content p {
        text-align: center
    }
}

.page-copart-checkout .paddings-wrapper {
    top: 70px
}

.page-copart-checkout .cv-paper {
    padding: 20px
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .page-copart-checkout .cv-paper.paddings-wrapper {
        padding: 16px 14px
    }
}

@media screen and (max-width: 800px) {
    .page-copart-checkout .cv-paper {
        padding: 0
    }

    .page-copart-checkout .cv-paper.paddings-wrapper {
        padding: 25px 15px
    }
}

.page-copart-checkout.page-payment-card .form-error {
    margin: -6px 0 8px !important
}

.page-copart-checkout.page-payment-card .form-error.is-visible ~ .form-error.is-visible {
    display: none !important
}

.page-copart-checkout.page-payment-card .split-cells > div {
    width: calc(50% - 19px)
}

@media screen and (max-width: 800px) {
    .page-copart-checkout.page-payment-card .split-cells > div {
        width: calc(50% - 14px)
    }
}

.page-copart-checkout.page-payment-card .split-cells > div:first-child {
    margin-right: 4px
}

.page-copart-checkout.page-payment-card .split-cells > div:last-child {
    margin-left: 4px
}

.page-copart-checkout.page-payment-card .subscribe-me .cv-checkbox input {
    margin-bottom: 0 !important
}

.page-copart-checkout.page-payment-card form > div > .not-logged-in:first-child {
    margin-bottom: 0
}

.page-copart-checkout.page-payment-card .bordered-image {
    min-width: 40px !important;
    width: auto !important
}

.page-copart-checkout.page-payment-card .card-wrap-row {
    padding: 0 !important;
    background: 0 0 !important
}

.page-copart-checkout.page-payment-card .card-wrap-row .text-right {
    font-weight: 700
}

.page-copart-checkout.page-payment-card .reg-terms {
    font-size: 12px;
}

.page-copart-checkout.page-payment-card .payment-method {
    padding-left: 15px;
    border: 1px solid transparent
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .page-copart-checkout.page-payment-card .payment-method {
        padding-right: 10px
    }
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .page-copart-checkout.page-payment-card .payment-method:first-child .bordered-image {
        min-width: 32px !important;
        width: 32px !important
    }
}

.page-copart-checkout.page-payment-card .payment-method .bordered-image {
    margin-top: -2px !important
}

.page-copart-checkout.page-payment-card .payment-method:not(:first-child) {
    margin-top: 8px
}

.page-copart-checkout.page-payment-card .payment-form .caption {
    margin-bottom: 10px;
    max-width: calc(100% - 30px)
}

.page-copart-checkout.page-payment-card .payment-form .caption:first-child {
    margin-top: 0
}

.page-copart-checkout.page-payment-card .payment-form .caption#payment-method-title {
    margin-top: 20px
}

.page-copart-checkout.page-payment-card .payment-form .payment-methods-list {
    margin-bottom: 10px
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection {
    margin-top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-radius: 4px;
    margin: 0 0 8px !important;
    min-height: 64px;
    position: relative;
    height: auto !important
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card:last-child {
    margin-bottom: 0 !important
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__caption {
    padding: 0 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__caption.is-green {
    background-color: #d7fae7;
    color: #00a651
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__caption.is-gold {
    background-color: rgb(220 138 50 / 10%);
    color: #DC8A32;
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    width: 100%;
    min-height: 56px
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__body.has-caption {
    padding-bottom: 2px
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__checkmark {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__checkmark svg:first-child {
    display: block
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__checkmark svg:last-child {
    display: none
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__price-section {
    margin-left: auto;
    text-align: right
}

.is-rtl-lang .page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__price-section {
    margin-left: 0;
    margin-right: auto
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__price {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__label {
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    text-transform: lowercase;
    margin-top: -2px
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection .product-card__detail {
    font-size: 14px;
    line-height: 18px;
    color: grey
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection input:checked + .product-card {
    background-color: #f2fff8
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection input:checked + .product-card::after {
    content: "";
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    position: absolute;
    border-radius: 4px;
    border: 2px solid #00a651
}

.is-rtl-lang .page-copart-checkout.page-payment-card .payment-form .payment-selection input:checked + .product-card .product-card__checkmark {
    margin-right: 0;
    margin-left: 5px
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection input:checked + .product-card .product-card__checkmark svg:first-child {
    display: none
}

.page-copart-checkout.page-payment-card .payment-form .payment-selection input:checked + .product-card .product-card__checkmark svg:last-child {
    display: block
}

.page-copart-checkout #payment-card-form .description {
    font-weight: 400
}

.page-copart-checkout #payment-card-form #order_report_now_button {
    margin-top: 8px;
    background: linear-gradient(to bottom, #3095ff 1%, #2159f5 100%);
    border: 0
}

.page-copart-checkout #payment-card-form #order_report_now_button:hover {
    background: linear-gradient(to bottom, #57a9ff 1%, #3a6eff 100%)
}

.page-copart-checkout #payment-card-form #order_report_now_button:active {
    background: linear-gradient(to bottom, #015bbc 1%, #1d58ff 100%)
}

.page-copart-checkout-header .language-selector__wrap {
    position: relative;
    top: -2px
}

.page-copart-checkout-header .language-selector__wrap ul li.language-select > a {
    padding: 10px 5px
}

.copartStickyPaymentForm .mobile-menu-content {
    max-width: 67%
}

@media screen and (max-width: 1440px) {
    .copartStickyPaymentForm .mobile-menu-content {
        max-width: calc(100% - 340px)
    }
}

@media screen and (max-width: 1200px) {
    .copartStickyPaymentForm .mobile-menu-content {
        max-width: 50%
    }
}

@media screen and (max-width: 800px) {
    .copartStickyPaymentForm .mobile-menu-content {
        max-width: 100%
    }
}

.copartStickyPaymentForm .mobile-menu-content__left {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.copartStickyPaymentForm .right-part {
    position: relative
}

.copartStickyPaymentForm .right-part .absolute-wrapper {
    position: absolute;
    top: -70px;
    height: calc(100% + 70px);
    z-index: 10;
    width: calc(100% - 1px);
    -ms-flex-align: start;
    align-items: start
}

.copartStickyPaymentForm .right-part .sticky-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .copartStickyPaymentForm .right-part .sticky-wrapper .caption {
        font-size: 15px
    }
}

@media screen and (max-width: 800px) {
    .copartStickyPaymentForm .right-part .sticky-wrapper .caption {
        font-size: 18px
    }
}

@media screen and (max-width: 800px) {
    .copartStickyPaymentForm .paddings-wrapper {
        width: 100%
    }

    .copartStickyPaymentForm .sticky-wrapper {
        width: 100%
    }
}

.copartStickyPaymentForm .page-copart-checkout.page-payment-card .payment-form .payment-method {
    border: none;
    border-bottom: 1px solid #d2d2d2;
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    padding-top: 7px;
    height: 38px;
    padding-right: 0;
    padding-left: 0
}

.copartStickyPaymentForm .page-copart-checkout.page-payment-card .payment-form .payment-method .bordered-image {
    margin-right: 0;
    margin-left: 3px
}

.copartStickyPaymentForm .page-copart-checkout.page-payment-card .payment-form .product-card {
    border: none;
    background-color: transparent;
    box-shadow: none;
    min-height: 32px;
    -ms-flex-align: start;
    align-items: start;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 0 !important;
    padding-bottom: 4px
}

.copartStickyPaymentForm .page-copart-checkout.page-payment-card .payment-form .product-card .product-card__body {
    padding-right: 0;
    padding-left: 0
}

.copartStickyPaymentForm .page-copart-checkout.page-payment-card .payment-form .product-card .product-card__caption {
    border-radius: 0;
    padding: 0 8px;
    padding-right: 14px;
    position: relative
}

.is-rtl-lang .copartStickyPaymentForm .page-copart-checkout.page-payment-card .payment-form .product-card .product-card__caption {
    padding-right: 8 !important;
    padding-left: 14px !important
}

.copartStickyPaymentForm .page-copart-checkout.page-payment-card .payment-form .product-card .product-card__caption::after {
    content: "";
    position: absolute;
    right: 0;
    border: 10px solid transparent;
    border-bottom-right-radius: 4px;
}

.is-rtl-lang .copartStickyPaymentForm .page-copart-checkout.page-payment-card .payment-form .product-card .product-card__caption::after {
    border-right: none !important;
    border-left: 6px solid #fff !important;
    left: 0 !important
}

.copartStickyPaymentForm .page-copart-checkout.page-payment-card .payment-form input:checked + .product-card {
    background-color: transparent;
    color: #00a651
}

.copartStickyPaymentForm .page-copart-checkout.page-payment-card .payment-form input:checked + .product-card::after {
    border: none
}

.copartStickyPaymentForm .page-copart-checkout.page-payment-card .payment-form .product-card__body {
    min-height: 32px
}

@media screen and (max-width: 1024px) {
    .page-payment-card .cards {
        width: 100% !important;
        margin-bottom: 15px
    }
}

.page-payment-card .not-logged-in {
    margin-bottom: 10px
}

.page-payment-card .not-logged-in .cv-input {
    margin-bottom: 0
}

.page-payment-card .not-logged-in .details {
    color: #555
}

.page-payment-card .not-logged-in .form-error {
    margin-top: .5rem
}

.page-payment-card .grid-container > .grid-margin-x {
    margin-left: 0;
    margin-right: 0
}

.page-payment-card .small-12.large-8.grid-y {
    padding-right: 14px
}

@media screen and (max-width: 800px) {
    .page-payment-card .small-12.large-8.grid-y {
        padding-right: 0;
        margin-bottom: 30px
    }
}

.page-payment-card .cv-paper {
    overflow: visible
}

@media screen and (max-width: 800px) {
    .page-payment-card .cv-card {
        padding: 20px 14px 30px
    }
}

.page-payment-card .reg-terms p {
    margin-top: 5px;
    margin-bottom: 0
}

@media screen and (max-width: 800px) {
    .page-payment-card h1.cv-typography {
        font-size: 21px;
        line-height: 32px;
        width: 100%;
        text-align: center
    }
}

.page-payment-card .report-ordering .content-box {
    padding: 20px
}

@media screen and (max-width: 800px) {
    .page-payment-card .report-ordering .content-box {
        padding: 0
    }
}

.page-payment-card .report-ordering .content-box-row {
    padding: 16px
}

@media screen and (max-width: 800px) {
    .page-payment-card .report-ordering .content-box-row {
        padding: 10px
    }
}

.page-payment-card .report-ordering .content-box-row:nth-child(odd) {
    background-color: #e8e8e8
}

.page-payment-card .report-ordering .content-box-row span {
    padding-right: 5px
}

.page-payment-card .norton-seal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page-payment-card .lock-icon {
    margin-left: 5px;
    margin-top: -2px
}

.page-payment-card .approved-nmts-logo {
    width: 100px;
    position: relative;
    top: 50%;
    right: 0;
    margin-top: -6px
}

.page-payment-card .approved-nmts-logo .dropdown-pane {
    top: 45px !important
}

@media screen and (max-width: 1024px) {
    .page-payment-card .approved-nmts-logo .dropdown-pane {
        margin-left: -70px !important
    }

    .page-payment-card .approved-nmts-logo .dropdown-pane::before {
        content: "";
        left: 70%
    }
}

.page-payment-card .payment-method {
    margin-bottom: 2px;
    padding: 10px 20px 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 4px;
    width: 100%;
    height: 42px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-align: left;
    cursor: pointer
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-method {
        font-size: 12px;
        padding: 10px 10px 0
    }
}

.page-payment-card .payment-method input {
    display: none
}

.page-payment-card .payment-method.active {
    border: 1px solid #00a651
}

.page-payment-card .payment-method.active label {
    color: #00a651
}

.page-payment-card .payment-method.active input + label:before {
    border: 2px solid #00a651
}

.page-payment-card .payment-method.active input + label:after {
    border-radius: 4px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: 4px;
    content: " ";
    display: block;
    background-color: #00a651
}

.page-payment-card .payment-method label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #030303;
    margin: 0
}

.page-payment-card .payment-method label:before {
    content: " ";
    display: inline-block;
    position: relative;
    margin: 0 5px 0 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 2px solid #8c8c8c;
    background-color: transparent
}

.is-rtl-lang .page-payment-card .payment-method label:before {
    margin-right: 0;
    margin-left: 5px
}

.page-payment-card .payment-method .bordered-image {
    min-width: 40px;
    width: auto;
    margin-right: 3px;
    margin-top: -1px
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-method .bordered-image {
        width: 30px;
        min-width: 30px
    }
}

.page-payment-card .payment-method .bordered-image img {
    max-height: 80%;
    width: auto
}

.page-payment-card .repeat-report {
    font-weight: 700;
    font-size: 14px;
    padding: 8px 0;
    height: 60px;
    color: #fff;
    text-align: center;
    background: #78160d;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 800px) {
    .page-payment-card .repeat-report {
        font-size: 14px;
        width: 100vw;
        margin-left: -15px
    }
}

@media screen and (max-width: 480px) {
    .page-payment-card .repeat-report {
        font-size: 10px
    }
}

.page-payment-card .repeat-report a {
    color: #ffff;
    font-weight: 700;
    text-decoration: underline
}

.page-payment-card .callout-box {
    color: #000 !important;
    text-align: left !important;
    padding: 16px 20px
}

.page-payment-card .callout-box .callout-box-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.page-payment-card .callout-box .callout-box-header > strong {
    font-size: 16px;
    font-weight: 700
}

@media screen and (max-width: 480px) {
    .page-payment-card .callout-box .callout-box-header > strong {
        font-size: 12px
    }
}

.page-payment-card .callout-box .callout-box-header .alert {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 480px) {
    .page-payment-card .callout-box .callout-box-header .alert {
        display: none
    }
}

.page-payment-card .callout-box .callout-box-header .mobile-alert {
    display: none;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 38px
}

.page-payment-card .callout-box .callout-box-header .mobile-alert .label {
    border-radius: 100%;
    padding: 0 8px;
    line-height: 20px;
    height: 20px;
    width: 20px
}

.page-payment-card .callout-box .callout-box-header .mobile-alert .opened {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width: 480px) {
    .page-payment-card .callout-box .callout-box-header .mobile-alert {
        display: -ms-flexbox;
        display: flex
    }
}

.page-payment-card .callout-box .callout-box-alerts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}

@media screen and (max-width: 480px) {
    .page-payment-card .callout-box .callout-box-alerts {
        display: none
    }
}

.page-payment-card .callout-box .callout-box-alerts .alert-row {
    font-weight: 400;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #d4b05e;
    mix-blend-mode: multiply;
    padding: 7px 0
}

@media screen and (max-width: 480px) {
    .page-payment-card .callout-box .callout-box-alerts .alert-row {
        font-size: 12px
    }
}

.page-payment-card .callout-box .callout-box-alerts .alert-row > span:last-child {
    font-weight: 700
}

.page-payment-card .callout-box .callout-box-alerts .alert-row:last-child {
    border-bottom: none
}

.page-payment-card .callout-box .callout-box-alerts.open {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 800px) {
    .page-payment-card .callout-box {
        font-size: 14px;
        width: 100vw
    }
}

.page-payment-card .callout-box .label {
    background: #78160d;
    font-size: 12px;
    text-transform: uppercase;
    height: 24px;
    line-height: 24px;
    padding: 0 13px;
    border-radius: 90px;
    font-weight: 700
}

.page-payment-card .callout-box.warning {
    background: #feeab1 !important
}

.page-payment-card .callout-box.indicate {
    background: #feeab1 !important;
    margin-top: 2px;
    text-align: center !important;
    padding: 15px 20px 18px;
    width: 100%
}

@media screen and (max-width: 800px) {
    .page-payment-card .callout-box.indicate {
        margin-top: 15px
    }
}

.page-payment-card .callout-box.indicate .text {
    font-size: 14px;
    color: rgba(133, 0, 0, .6);
    line-height: 18px
}

.page-payment-card .callout-box.indicate .caption {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 2px
}

.page-payment-card .box {
    overflow: visible;
    padding: 0 !important;
    background: rgba(255, 255, 255, .6)
}

.page-payment-card .vehicle-info {
    padding: 20px;
    overflow: visible;
    background-image: url(/img/bg-wavy-payment.png);
    background-repeat: round;
    background-size: cover
}

@media screen and (max-width: 800px) {
    .page-payment-card .vehicle-info {
        padding: 0;
        background-image: none;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
        border-radius: 4px;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex;
        place-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.page-payment-card .vehicle-info-row {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px
}

@media screen and (max-width: 800px) {
    .page-payment-card .vehicle-info-row {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 5px 15px
    }

    .page-payment-card .vehicle-info-row:nth-child(1) {
        padding-top: 15px
    }
}

@media screen and (max-width: 800px) {
    .page-payment-card .vehicle-info-row .row-header {
        color: #555
    }
}

.page-payment-card .vehicle-info-row:nth-child(odd) {
    background-color: #e8e8e8
}

@media screen and (max-width: 800px) {
    .page-payment-card .vehicle-info-row:nth-child(odd) {
        background-color: inherit
    }
}

@media screen and (max-width: 800px) {
    .page-payment-card .vehicle-info-row div:nth-child(2) {
        margin-top: 8px
    }
}

.page-payment-card .vehicle-info-row .photos {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 800px) {
    .page-payment-card .vehicle-info-row .photos {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.page-payment-card .vehicle-info .row-value {
    text-align: left;
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .page-payment-card .vehicle-info .row-value {
        text-align: right
    }
}

@media screen and (max-width: 800px) {
    .page-payment-card .vehicle-info .car-images .car-images-na {
        text-align: right;
        word-break: break-word
    }
}

.page-payment-card .vehicle-info .car-images .plus {
    background: #b8b8b8;
    color: #fff;
    font-size: 16px;
    width: 54px;
    font-weight: 400;
    height: 42px;
    line-height: 42px;
    text-align: center
}

.page-payment-card .vehicle-info .car-images .imgs {
    background-image: url(/img/bg-pattern-car-silhouette.png);
    max-height: 42px;
    overflow: hidden
}

.page-payment-card .vehicle-info .car-images .imgs .wrap {
    width: 55px;
    float: left
}

.page-payment-card .vehicle-info .car-images .imgs .ratio-image {
    margin-bottom: 0
}

.page-payment-card .vehicle-info .car-images img {
    width: 55px
}

.page-payment-card .vehicle-info .get-report {
    display: inline-block;
    border: 2px solid #00a651;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    margin: 25px auto 35px auto;
    padding: 10px 0 10px 0;
    color: #030303;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .page-payment-card .vehicle-info .get-report {
        width: 90%
    }
}

.page-payment-card .vehicle-info .get-report img {
    display: inline-block
}

.page-payment-card .report {
    padding: 45px 90px 55px;
    background-image: url(/img/bg-pattern-payment-info.png);
    background-position: bottom
}

@media (max-width: 1200px) {
    .page-payment-card .report {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 800px) {
    .page-payment-card .report {
        padding: 30px 15px 50px
    }
}

.page-payment-card .report .nmvtis {
    margin-top: -5px
}

@media screen and (max-width: 480px) {
    .page-payment-card .report .nmvtis {
        display: none
    }
}

.page-payment-card .report table {
    margin-bottom: 0
}

@media screen and (max-width: 800px) {
    .page-payment-card .report table {
        padding-top: 14px
    }
}

.page-payment-card .report table tbody {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-payment-card .report table tbody::before {
    display: none
}

.page-payment-card .report table tbody tr {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #fff !important;
    background: #f4f4f4
}

.page-payment-card .report table tbody tr.gray {
    background: #e8e8e8
}

.page-payment-card .report table tbody tr.car-images,
.page-payment-card .report table tbody tr:first-child {
    width: 100%
}

@media screen and (max-width: 800px) {
    .page-payment-card .report table tbody tr {
        width: 100%;
        border-bottom: 0 !important;
        margin-top: 0 !important;
        margin-left: 0;
        margin-right: 0
    }

    .page-payment-card .report table tbody tr:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 800px) {
    .page-payment-card .report table tbody tr.car-images .car-images-na {
        text-align: right;
        word-break: break-word
    }
}

.page-payment-card .report table tbody tr.car-images .car-images-na strong {
    color: #850000
}

.page-payment-card .report table tbody tr.car-images td:last-child {
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width: 800px) {
    .page-payment-card .report table tbody tr.car-images td:first-child {
        width: 86px
    }

    .page-payment-card .report table tbody tr.car-images td:last-child {
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: left;
        width: calc(100% - 86px)
    }
}

.page-payment-card .report table tbody tr td {
    color: #555;
    background: 0 0;
    line-height: 20px
}

.page-payment-card .report table tbody tr td:last-child {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.page-payment-card .report table tbody tr td:not(:last-child) {
    padding-right: 10px
}

.page-payment-card .report table tbody tr td:nth-child(3) {
    width: 94px
}

.page-payment-card .report table tbody tr td:nth-child(1) {
    width: 80px;
    white-space: nowrap
}

.page-payment-card .report table tbody tr td strong {
    color: #000
}

.page-payment-card .report table tbody tr td:nth-child(even) {
    font-weight: 300
}

.page-payment-card .report table tbody tr td .plus {
    background: #b8b8b8;
    color: #fff;
    font-size: 16px;
    width: 54px;
    font-weight: 400;
    height: 42px;
    line-height: 42px;
    text-align: center
}

.page-payment-card .report table tbody tr td .imgs {
    background-image: url(/img/bg-pattern-car-silhouette.png);
    max-height: 42px;
    overflow: hidden
}

.page-payment-card .report table tbody tr td .imgs .wrap {
    width: 55px;
    float: left
}

.page-payment-card .report table tbody tr td .imgs .ratio-image {
    margin-bottom: 0
}

.page-payment-card .report table tbody tr td img {
    width: 55px
}

@media screen and (max-width: 800px) {
    .page-payment-card .report table tbody tr td {
        padding: .7rem;
        font-size: 14px
    }

    .page-payment-card .report table tbody tr td:nth-child(odd) {
        width: 40%
    }

    .page-payment-card .report table tbody tr td:nth-child(even) {
        width: 60%
    }

    .page-payment-card .report table tbody tr td:nth-child(even) {
        text-align: right;
        padding-left: 0
    }
}

.page-payment-card .report .button.bottom {
    width: 340px;
    margin: 32px auto 0;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
    border: 2px solid #ff930d;
    color: #ff930d;
    font-size: 14px;
    background-position: 20px center
}

@media screen and (max-width: 480px) {
    .page-payment-card .report .button.bottom {
        width: 100%
    }
}

.page-payment-card .payment-form {
    padding-top: 0;
    counter-reset: section
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form {
        padding-top: 25px
    }
}

.page-payment-card .payment-form .subscribe-me {
    padding: 10px 0;
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form #paymentMethods {
        margin-bottom: 24px
    }
}

.page-payment-card .payment-form .checkbox-wrap {
    margin-top: 10px
}

.page-payment-card .payment-form .checkbox-wrap .form-error {
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 18px
}

.page-payment-card .payment-form .caption {
    margin-top: 24px;
    margin-bottom: 12px;
    text-align: left;
    font-size: 16px;
    line-height: 17px;
    counter-increment: section;
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .caption {
        margin-top: 0;
        margin-bottom: 24px
    }
}

.page-payment-card .payment-form .caption::before {
    font-weight: 700;
    content: counter(section) ". "
}

.page-payment-card .payment-form .caption a {
    display: inline-block;
    margin-left: 10px;
    color: #0097c7
}

.page-payment-card .payment-form .payment-selection {
    margin-bottom: 24px;
    margin-top: 24px;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .payment-selection {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px
    }
}

.page-payment-card .payment-form .payment-selection input:checked + label .wrap {
    box-shadow: 0 0 0 2px #00a651;
    background-color: #dcfae9
}

.page-payment-card .payment-form .payment-selection input:checked + label .wrap::before {
    background-color: #00a651;
    border: 1px solid #00a651;
    background-image: url(/img/check-icon-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60% 60%
}

.page-payment-card .payment-form .payment-selection input:checked + label .wrap .credit img:not(.dark) {
    display: none
}

.page-payment-card .payment-form .payment-selection input:checked + label .wrap .credit img.dark {
    display: inline-block !important
}

.page-payment-card .payment-form .payment-selection input:checked + label .wrap .credit,
.page-payment-card .payment-form .payment-selection input:checked + label .wrap .feature,
.page-payment-card .payment-form .payment-selection input:checked + label .wrap .price,
.page-payment-card .payment-form .payment-selection input:checked + label .wrap .tit {
    color: #4aa35a;
    opacity: 1 !important
}

.page-payment-card .payment-form .payment-selection input:checked + label .wrap .feature {
    color: #fff;
    background: #ec8600
}

.page-payment-card .payment-form .payment-selection input:checked + label .wrap .desaturated {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.page-payment-card .payment-form .payment-selection label {
    margin: 0;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .payment-selection label {
        width: 100%;
        height: 91px;
        margin: 0 0 18px !important
    }
}

.page-payment-card .payment-form .payment-selection label:not(:first-of-type) {
    margin-left: 18px
}

.page-payment-card .payment-form .payment-selection label .wrap {
    width: 100%;
    padding: 16px 10px 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    border-radius: 2px;
    background-color: #fff;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .payment-selection label .wrap {
        padding-left: 50px !important;
        text-align: left;
        padding-top: 12px;
        padding-bottom: 12px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.page-payment-card .payment-form .payment-selection label .wrap:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 0 0 1px #00a651
}

.page-payment-card .payment-form .payment-selection label .wrap:hover::before {
    border: 1px solid #00a651
}

.page-payment-card .payment-form .payment-selection label .wrap::before {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -15px;
    border: 1px solid rgba(0, 0, 0, .15);
    background-color: #fff
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .payment-selection label .wrap::before {
        left: 25px !important;
        top: 50%;
        margin-top: -15px
    }
}

.page-payment-card .payment-form .payment-selection label span {
    display: block
}

.page-payment-card .payment-form .payment-selection label span.credit-cards-grid {
    height: 60px;
    width: 88px;
    margin: 5px auto
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .payment-selection label span.credit-cards-grid {
        position: absolute;
        top: 10px;
        right: 13px
    }
}

.page-payment-card .payment-form .payment-selection label span.credit-cards-grid .credit-card {
    margin: 2px;
    width: 40px;
    height: 28px;
    float: right
}

.page-payment-card .payment-form .payment-selection label span.credit-card {
    height: 48px;
    background-position: center
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .payment-selection label span.credit-card {
        width: 40px;
        position: absolute;
        top: 23px;
        right: 15px
    }
}

.page-payment-card .payment-form .payment-selection label span.tit {
    line-height: 36px;
    opacity: .7;
    color: #484848;
    font-size: 18px
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .payment-selection label span.tit {
        line-height: 30px;
        width: 100%
    }
}

.page-payment-card .payment-form .payment-selection label span.feature {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin-top: 12px;
    text-transform: uppercase;
    background: #a2a2a2;
    font-weight: 400;
    border-radius: 13px;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 18px;
    padding-top: 4px;
    padding-bottom: 4px
}

.page-payment-card .payment-form .payment-selection label span.feature img {
    margin: -12px 5px 0 2px
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .payment-selection label span.feature {
        margin-top: 0
    }
}

.page-payment-card .payment-form .payment-selection label span.credit,
.page-payment-card .payment-form .payment-selection label span.price {
    color: #000;
    font-size: 36px;
    padding-left: 10px;
    line-height: 48px;
    font-weight: 700
}

.page-payment-card .payment-form .payment-selection label span.credit img,
.page-payment-card .payment-form .payment-selection label span.price img {
    position: relative;
    top: -18px;
    right: -4px
}

@media screen and (max-width: 800px) {

    .page-payment-card .payment-form .payment-selection label span.credit,
    .page-payment-card .payment-form .payment-selection label span.price {
        position: absolute;
        top: 22px;
        right: 15px;
        font-size: 24px
    }
}

.page-payment-card .payment-form .payment-selection label span.credit sup,
.page-payment-card .payment-form .payment-selection label span.price sup {
    font-weight: 300;
    position: relative;
    left: -5px;
    top: -16px;
    font-size: 18px
}

@media screen and (max-width: 800px) {

    .page-payment-card .payment-form .payment-selection label span.credit sup,
    .page-payment-card .payment-form .payment-selection label span.price sup {
        font-size: 14px;
        top: -10px
    }
}

.page-payment-card .payment-form .input-wrap label {
    padding-left: 37px !important;
    padding-right: 30px !important;
    line-height: 68px !important;
    font-size: 24px !important
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .input-wrap label {
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 20px !important;
        line-height: 54px !important
    }
}

.page-payment-card .payment-form .input-wrap input {
    font-size: 24px;
    letter-spacing: 1px
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .input-wrap input {
        font-size: 20px !important;
        padding-left: 85px !important
    }
}

.page-payment-card .payment-form .payment-form-without-credits {
    position: relative
}

.page-payment-card .payment-form .payment-form-without-credits .card-wrap {
    margin-top: 65px;
    border-radius: 0 4px 4px 4px;
    border: 1px solid #dadada
}

.page-payment-card .payment-form .payment-form-without-credits .payment-methods-tabs {
    position: absolute;
    top: -41px;
    max-width: 260px;
    height: 42px;
    font-size: 16px;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #dadada;
    border-radius: 4px 4px 0 0;
    border-bottom: none
}

.page-payment-card .payment-form .payment-form-without-credits .method-label {
    width: 130px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 1px solid #dadada;
    background-color: #e9e9e9;
    color: #5e5e5e;
    border-bottom: 1px solid #dadada
}

.page-payment-card .payment-form .payment-form-without-credits .method-label:nth-child(2) {
    border-left: none;
    border-radius: 4px 0 0 0
}

.page-payment-card .payment-form .payment-form-without-credits .method-label:last-child {
    border-radius: 0 4px 0 0
}

.page-payment-card .payment-form .payment-form-without-credits input[type=radio]:checked + .method-label {
    background-color: #fff;
    color: #4ea25a;
    font-weight: 700;
    border-bottom: none
}

.page-payment-card .payment-form .card-wrap {
    background: #fff;
    padding: 25px 35px 40px;
    margin-bottom: 30px;
    margin-top: 25px;
    border-radius: 2px
}

.page-payment-card .payment-form .card-wrap-row {
    padding: 16px;
    background-color: #f6f6f6
}

.page-payment-card .payment-form .card-wrap-row span {
    padding-right: 5px
}

.page-payment-card .payment-form .card-wrap .payment-type-wrap {
    margin-top: 25px;
    margin-bottom: 30px
}

.page-payment-card .payment-form .card-wrap .payment-type-wrap .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fff
}

.page-payment-card .payment-form .card-wrap .payment-type-wrap .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
    display: none
}

.page-payment-card .payment-form .card-wrap .payment-type-wrap .select2-container .select2-selection--single {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #757575;
    height: 36px;
    border-radius: 0
}

.page-payment-card .payment-form .card-wrap .payment-type-wrap .select2-container .select2-selection--single:focus {
    outline: 0
}

.page-payment-card .payment-form .card-wrap .payment-type-wrap .select2-container .select2-selection__rendered {
    padding-left: 0;
    text-align: left;
    font-size: 22px;
    font-weight: 400
}

.page-payment-card .payment-form .card-wrap .login-block {
    padding: 15px 0 30px
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .card-wrap .login-block {
        padding: 40px 0 20px;
        text-align: center
    }

    .page-payment-card .payment-form .card-wrap .login-block a {
        float: none !important
    }
}

.page-payment-card .payment-form .card-wrap .login-block .forget {
    display: inline-block;
    margin-top: 11px;
    color: #246998
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .card-wrap .login-block .forget {
        display: block;
        text-align: center
    }
}

.page-payment-card .payment-form .card-wrap .login-block .norton-seal {
    display: none
}

.page-payment-card .payment-form .card-wrap .login-block .norton-seal table {
    margin-bottom: 0;
    width: initial
}

.page-payment-card .payment-form .card-wrap .login-block .norton-seal table tbody::before {
    content: "";
    display: none;
    line-height: initial
}

.page-payment-card .payment-form .card-wrap .login-block .norton-seal table img {
    margin-left: 0;
    margin-top: 0
}

.page-payment-card .payment-form .card-wrap .login-block table {
    margin-bottom: 35px;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .card-wrap .login-block {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.page-payment-card .payment-form .card-wrap .login-block td {
    background: 0 0
}

.page-payment-card .payment-form .card-wrap .login-block td:first-child {
    font-size: 16px
}

.page-payment-card .payment-form .card-wrap .login-block td:last-child {
    font-size: 24px
}

.page-payment-card .payment-form .card-wrap .login-block td img {
    margin-left: 10px;
    margin-top: -5px
}

.page-payment-card .payment-form .card-wrap .button {
    margin-bottom: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    padding-left: 45px;
    padding-right: 45px
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .card-wrap .button {
        padding-right: 15px;
        padding-left: 15px
    }
}

.page-payment-card .payment-form .card-wrap .button span.description {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    text-transform: lowercase;
    color: rgba(255, 255, 255, .7)
}

@media screen and (max-width: 800px) {
    .page-payment-card .payment-form .card-wrap {
        padding: 20px 20px 30px
    }
}

.page-payment-card .what-is-in h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .page-payment-card .what-is-in {
        padding-left: 15px !important
    }
}

.page-payment-card .what-is-in img {
    margin-bottom: 20px
}

@media screen and (max-width: 1024px) {
    .page-payment-card .what-is-in {
        padding-left: 0 !important
    }
}

@media screen and (max-width: 800px) {
    .page-payment-card .what-is-in {
        margin-top: 15px
    }
}

.page-payment-card .what-customers-say {
    margin-top: 15px
}

.page-payment-card .what-customers-say h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .page-payment-card .what-customers-say {
        padding-left: 15px !important
    }
}

@media screen and (max-width: 1024px) {
    .page-payment-card .what-customers-say {
        padding-left: 0 !important
    }
}

.page-payment-card .what-customers-say .wrap {
    background: #fff;
    padding: 25px
}

.page-payment-card .what-customers-say .block {
    background: #fff;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px
}

.page-payment-card .what-customers-say .block:last-child {
    margin-bottom: 0
}

.page-payment-card .what-customers-say .block .link {
    margin-top: 35px;
    display: block
}

.page-payment-card .report-list-wrap {
    background: #fff;
    padding: 20px 25px
}

.page-payment-card .report-list-wrap .guarantee-logo {
    display: -ms-flexbox;
    display: flex;
    place-content: center
}

.page-payment-card .report-list-wrap .sample-report {
    display: inline-block;
    border: 2px solid #000;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    margin: 35px auto 35px auto;
    padding: 10px 0 10px 0;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .page-payment-card .report-list-wrap {
        margin-bottom: 15px
    }
}

.page-payment-card .report-list-wrap ul {
    text-align: left;
    color: #030303;
    font-size: 14px;
    font-weight: 400;
    line-height: 31px;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 45px
}

.page-payment-card .report-list-wrap ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 18px
}

#order_report_now_button {
    margin-top: 20px
}

.img-select-flag {
    width: 40px;
    height: 28px
}

span.select2-container--open .select2-dropdown--above,
span.select2-container--open .select2-dropdown--below,
span.select2-dropdown {
    border-radius: 3px;
    border: 1px solid #cacaca
}

span.select2-container--open .select2-dropdown--below {
    margin-top: -2px
}

li.select2-results__option {
    min-height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

span.select2-container--default .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: #e6e6e6
}

.select2-results__option[title=newCard] {
    padding-left: 10px
}

.checkout-page {
    background: #f6f6f6
}

.checkout-page .header {
    margin-top: 52px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.checkout-page .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.checkout-page .content .static {
    width: 30%
}

.checkout-page .content .static .report-list-wrap {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    margin-bottom: 20px
}

.checkout-page .content .static .report-list-wrap h4 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    padding: 20px 0 0 20px;
    text-align: left
}

.checkout-page .content .static .report-list-wrap li {
    text-align: left;
    list-style: none;
    font-size: 14px;
    line-height: 22px;
    opacity: .8;
    width: 90%;
    padding: 7px 0 7px 0
}

.checkout-page .content .static .report-list-wrap li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.checkout-page .content .static .report-list-wrap li:after {
    content: "✓";
    float: right;
    color: #00a651;
    font-size: 22px;
    font-weight: 700
}

.checkout-page .content .static .report-list-wrap .sample-report {
    display: inline-block;
    border: 2px solid #000;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    margin: 35px auto 35px auto;
    padding: 10px 0 10px 0;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.checkout-page .content .static .report-list-wrap .block {
    text-align: left;
    padding: 20px;
    font-size: 14px;
    line-height: 22px
}

.checkout-page .content-main {
    width: 70%;
    margin-right: 14px
}

.checkout-page .content-main .vehicle-info {
    padding: 20px;
    overflow: visible;
    background-image: url(/img/bg-wavy-payment.png);
    background-repeat: round;
    background-size: cover
}

.checkout-page .content-main .vehicle-info-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px
}

.checkout-page .content-main .vehicle-info-row:nth-child(odd) {
    background-color: #e8e8e8
}

.checkout-page .content-main .vehicle-info .row-content {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 20px
}

.checkout-page .content-main .vehicle-info .row-content .row-value {
    width: 70%;
    text-align: left
}

.checkout-page .content-main .vehicle-info .car-images {
    padding-top: 20px
}

@media screen and (max-width: 800px) {
    .checkout-page .content-main .vehicle-info .car-images .car-images-na {
        text-align: right;
        word-break: break-word
    }
}

.checkout-page .content-main .vehicle-info .car-images .plus {
    background: #b8b8b8;
    color: #fff;
    font-size: 16px;
    width: 54px;
    font-weight: 400;
    height: 42px;
    line-height: 42px;
    text-align: center
}

.checkout-page .content-main .vehicle-info .car-images .imgs {
    background-image: url(/img/bg-pattern-car-silhouette.png);
    max-height: 42px;
    overflow: hidden
}

.checkout-page .content-main .vehicle-info .car-images .imgs .wrap {
    width: 55px;
    float: left
}

.checkout-page .content-main .vehicle-info .car-images .imgs .ratio-image {
    margin-bottom: 0
}

.checkout-page .content-main .vehicle-info .car-images img {
    width: 55px
}

.checkout-page .content-main .vehicle-info .get-report {
    display: inline-block;
    border: 2px solid #00a651;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    margin: 35px auto 35px auto;
    padding: 10px 0 10px 0;
    color: #00a651;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.checkout-page .content-main .checkout-steps fieldset {
    padding: 0
}

.checkout-page .content-main .checkout-steps .payment-method {
    margin-bottom: 2px;
    padding: 10px 20px 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 4px;
    width: 100%;
    height: 42px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-align: left;
    cursor: pointer
}

.checkout-page .content-main .checkout-steps .payment-method input {
    display: none
}

.checkout-page .content-main .checkout-steps .payment-method.active {
    border: 1px solid #00a651;
    color: #00a651
}

.checkout-page .content-main .checkout-steps .payment-method.active input:checked + label:before {
    border: 2px solid #00a651
}

.checkout-page .content-main .checkout-steps .payment-method.active input:checked + label:after {
    border-radius: 4px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: 4px;
    content: " ";
    display: block;
    background-color: #00a651
}

.checkout-page .content-main .checkout-steps .payment-method label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #030303;
    margin: 0
}

.checkout-page .content-main .checkout-steps .payment-method label:before {
    content: " ";
    display: inline-block;
    position: relative;
    margin: 0 5px 0 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 2px solid #8c8c8c;
    background-color: transparent
}

.checkout-page .content-main .checkout-steps .payment-method .bordered-image {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    min-width: 40px;
    width: auto;
    padding: 0 5px;
    height: 24px;
    margin-right: 3px
}

.checkout-page .content-main .checkout-steps .payment-method .bordered-image img {
    max-height: 80%;
    width: auto
}

.checkout-page .content-main .checkout-steps .report-ordering .content-box {
    background: #fff;
    box-shadow: 0 20px 25px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 4px;
    padding: 20px
}

.checkout-page .content-main .checkout-steps .report-ordering .content-box-row {
    padding: 16px
}

.checkout-page .content-main .checkout-steps .report-ordering .content-box-row:nth-child(odd) {
    background-color: #e8e8e8
}

.checkout-page .content-main .checkout-steps .report-ordering .content-box-row span {
    padding-right: 5px
}

.checkout-page .content-main .checkout-steps .report-ordering .report-ordering__credits-count {
    white-space: nowrap
}

.rating-graph {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 162px;
    min-height: 88px;
    overflow: hidden;
    margin-top: -30px;
    -ms-transform: scale(.85);
    transform: scale(.85)
}

.rating-graph .circle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: 3px 23px;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 31px;
    top: 20px;
    font-weight: 700;
    font-size: 28px
}

.rating-graph .circle.F {
    color: #920303 !important
}

.rating-graph .circle.E {
    color: #d07d00 !important
}

.rating-graph .circle.D {
    color: #cec833 !important
}

.rating-graph .circle.C {
    color: #b4d91f !important
}

.rating-graph .circle.B {
    color: #82c317 !important
}

.rating-graph .circle.A {
    color: #328500 !important
}

.rating-graph .grade {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 54px;
    height: 54px;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    opacity: .5
}

.rating-graph .grade span {
    font-weight: 700;
    font-size: 9px;
    color: #3b3b3b
}

.rating-graph .grade.result {
    -ms-transform: translate(0, 6px) scale(1.35);
    transform: translate(0, 6px) scale(1.35);
    z-index: 1;
    opacity: 1
}

.rating-graph .grade.result span {
    color: #fff !important
}

.rating-graph .grade.F {
    position: absolute;
    background: url(/img/f-overlay.svg) no-repeat !important;
    left: 0;
    top: 50px
}

.rating-graph .grade.F span {
    -ms-transform: translate(-1px, -6px) rotate(280deg);
    transform: translate(-1px, -6px) rotate(280deg)
}

.rating-graph .grade.E {
    position: absolute;
    background: url(/img/e-overlay.svg)  no-repeat !important;
    left: 5px;
    top: 15px
}

.rating-graph .grade.E span {
    -ms-transform: translate(7px, 4px) rotate(313deg);
    transform: translate(7px, 4px) rotate(313deg)
}

.rating-graph .grade.D {
    position: absolute;
    background: url(/img/d-overlay.svg)  no-repeat !important;
    left: 30px;
    top: 0
}

.rating-graph .grade.D span {
    -ms-transform: translate(8px, 5px) rotate(342deg);
    transform: translate(8px, 5px) rotate(342deg)
}

.rating-graph .grade.C {
    position: absolute;
    background: url(/img/c-overlay.svg)  no-repeat !important;
    top: 6px;
    left: 68px
}

.rating-graph .grade.C span {
    -ms-transform: translate(-1px, -1px) rotate(20deg);
    transform: translate(-1px, -1px) rotate(20deg)
}

.rating-graph .grade.B {
    position: absolute;
    background: url(/img/b-overlay.svg)  no-repeat !important;
    top: 12px;
    left: 86px
}

.rating-graph .grade.B span {
    -ms-transform: translate(8px, 6px) rotate(50deg);
    transform: translate(8px, 6px) rotate(50deg)
}

.rating-graph .grade.A {
    position: absolute;
    background: url(/img/a-overlay.svg)  no-repeat !important;
    top: 35px;
    left: 102px
}

.rating-graph .grade.A span {
    -ms-transform: translate(7px, 9px) rotate(75deg);
    transform: translate(7px, 9px) rotate(75deg)
}

.rating-graph-mobile {
    width: 40px;
    height: 40px;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    margin-right: 10px;
    padding: 6px
}

@media screen and (max-width: 800px) {
    .rating-graph-mobile {
        display: -ms-flexbox;
        display: flex
    }
}

.rating-graph-mobile span.result {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase
}

.rating-graph-mobile div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 27px;
    height: 27px
}

.rating-graph-mobile div.F {
    background: #920303 !important
}

.rating-graph-mobile div.E {
    background: #d07d00 !important
}

.rating-graph-mobile div.D {
    background: #cec833 !important
}

.rating-graph-mobile div.C {
    background: #b4d91f !important
}

.rating-graph-mobile div.B {
    background: #82c317 !important
}

.rating-graph-mobile div.A {
    background: #328500 !important
}

@media screen and (max-width: 800px) {
    .page-recalls h5.cv-typography {
        font-size: 24px
    }
}

.page-recalls .form-error.show {
    display: block
}

@media screen and (max-width: 800px) {
    .page-recalls .text-center {
        text-align: left
    }
}

@media screen and (max-width: 800px) {
    .page-recalls .header-content {
        text-align: center
    }
}

@media screen and (max-width: 800px) {
    .page-recalls .header-content h1 {
        font-size: 24px
    }
}

@media screen and (max-width: 800px) {
    .page-recalls .header-content h4 {
        font-size: 14px
    }
}

.page-recalls .content-block {
    max-width: 990px
}

.page-recalls .content-block h1,
.page-recalls .content-block h5 {
    padding-bottom: 20px
}

.page-recalls .content-block p {
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width: 800px) {
    .page-recalls .content-block {
        padding-right: 14px;
        padding-left: 14px
    }
}

.page-recalls .padding-block {
    padding: 35px 0
}

.page-recalls .bgc-white {
    background: #fff
}

.page-recalls .ads-block {
    padding-bottom: 20px
}

.page-recalls .recalls-content-wrap {
    max-width: 84rem
}

.page-recalls .recalls-google-ads {
    width: 300px;
    height: 250px;
    margin: 5px
}

@media screen and (max-width: 1200px) {
    .page-recalls .recalls-google-ads:nth-child(n+4) {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .page-recalls .recalls-google-ads:nth-child(n+3) {
        display: none
    }
}

@media screen and (max-width: 800px) {
    .page-recalls .recalls-google-ads:not(:first-child) {
        display: none
    }
}

.page-recalls .decoder-container {
    min-height: 0 !important
}

@media screen and (max-width: 800px) {
    .page-recalls .decoder-container {
        padding-top: 0
    }
}

.page-recalls header p {
    font-weight: 400
}

.page-recalls main {
    padding: 0;
    min-height: 300px
}

.page-recalls .section-padding {
    padding: 65px 100px
}

@media screen and (max-width: 1200px) {
    .page-recalls .section-padding {
        padding: 50px
    }
}

@media screen and (max-width: 1024px) {
    .page-recalls .section-padding {
        padding: 30px
    }
}

@media screen and (max-width: 800px) {
    .page-recalls .section-padding {
        padding: 25px 15px
    }
}

.page-recalls .section-padding.border {
    border-bottom: 1px solid #9f9f9f
}

.page-recalls form.section-padding {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 35px
}

.page-recalls form.section-padding .medium-8 {
    width: 66.8%;
    padding-right: 8px
}

@media screen and (max-width: 1200px) {
    .page-recalls form.section-padding .medium-8 {
        width: 50%
    }
}

@media screen and (max-width: 800px) {
    .page-recalls form.section-padding .medium-8 {
        width: 100%
    }
}

.page-recalls form.section-padding .medium-4 {
    width: 33.2%
}

@media screen and (max-width: 1200px) {
    .page-recalls form.section-padding .medium-4 {
        width: 50%;
        float: left;
        clear: both;
        margin-top: 20px
    }
}

@media screen and (max-width: 800px) {
    .page-recalls form.section-padding .medium-4 {
        width: 100%;
        margin-top: 5px !important
    }
}

@media screen and (max-width: 1200px) {
    .page-recalls .material-input-static {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 800px) {
    .page-recalls .material-input-static {
        margin-bottom: 28px
    }
}

.page-recalls .recall-header {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 35px
}

@media screen and (max-width: 1024px) {
    .page-recalls .recall-header {
        font-size: 16px
    }
}

@media screen and (max-width: 800px) {
    .page-recalls .recall-header {
        font-size: 14px
    }
}

.page-recalls table.recalls {
    margin-bottom: 0
}

@media screen and (max-width: 800px) {
    .page-recalls table.recalls tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 10px;
        width: 100%
    }

    .page-recalls table.recalls tr.rec td {
        padding-top: 14px !important
    }

    .page-recalls table.recalls tr td {
        width: auto !important;
        padding-top: 0 !important
    }
}

.page-recalls table.recalls p,
.page-recalls table.recalls td {
    font-size: 16px;
    line-height: 21px
}

.page-recalls table.recalls p.text,
.page-recalls table.recalls td.text {
    padding-top: 25px !important
}

.page-recalls .models-table {
    font-size: 16px;
    line-height: 22px
}

.page-recalls .models-table tbody tr:nth-child(odd) {
    background: #f8f8f8
}

@media screen and (max-width: 800px) {
    .page-recalls .models-table tr {
        margin: 0 0 10px !important;
        width: 100%
    }
}

.page-recalls .models-table td {
    padding-top: 18px;
    padding-bottom: 18px;
    line-height: 23px
}

.page-recalls .models-table td a {
    color: #2070c0
}

.page-recalls .description-text p {
    margin-bottom: 50px
}

@media screen and (max-width: 800px) {
    .page-recalls .description-text p {
        margin-bottom: 30px
    }
}

.page-recalls .description-text ul {
    text-align: left;
    margin: -25px 0 25px 300px
}

@media screen and (max-width: 800px) {
    .page-recalls .description-text ul {
        margin: 0 0 30px
    }
}

.page-recalls .description-text ul li {
    padding-bottom: 5px
}

.page-report .report-tables {
    background: #fff;
    padding: 35px 68px
}

.page-report .report-tables.no-padding {
    padding: 0
}

@media screen and (max-width: 1024px) {
    .page-report .report-tables {
        padding: 0
    }
}

.page-report canvas {
    max-width: 100%
}

.page-report .summary-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 35px
}

.page-report .summary-row.detailed {
    -ms-flex-direction: column;
    flex-direction: column
}

.page-report .summary-row .report-tables {
    margin-bottom: 0
}

@media screen and (max-width: 760px) {
    .page-report .summary-row {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.page-report .summary-row div.summary {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-report .summary-row .rating-block {
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    margin-right: 20px;
    text-align: center;
    margin-bottom: 65px
}

@media screen and (max-width: 760px) {
    .page-report .summary-row .rating-block {
        margin-right: 0;
        margin-bottom: 0
    }
}

.page-report .summary-row .rating-block h4 {
    margin: 0;
    background: #e6e6e6;
    padding: 15px 35px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700
}

.page-report .summary-row .rating-block .about-rating {
    min-width: 20px;
    width: 20px;
    height: 20px;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    background: #bdbbbc;
    color: #fff;
    margin-left: 5px;
    text-decoration: none
}

.page-report .summary-row .rating-block .rating-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 30px;
    background-color: #f6f6f6
}

.page-report .summary-row .rating-block .grades-content {
    border-radius: 4px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    background-color: #eeecd9;
    position: relative;
    z-index: 1
}

.page-report .summary-row .rating-block .grades-content.detailed {
    display: -ms-flexbox;
    display: flex;
    height: 280px
}

@media screen and (max-width: 760px) {
    .page-report .summary-row .rating-block .grades-content.detailed {
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }
}

.page-report .summary-row .rating-block .overall-card {
    height: 120px;
    box-shadow: 3px 7px 7px 0 rgba(0, 0, 0, .15);
    border-radius: 4px;
    background-color: #f4f4e7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.page-report .summary-row .rating-block .overall-card.detailed {
    box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .15);
    height: 100%;
    width: 200px
}

@media screen and (max-width: 760px) {
    .page-report .summary-row .rating-block .overall-card.detailed {
        width: 100%
    }
}

.page-report .summary-row .rating-block .rating-card {
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 5px auto;
    height: 50px;
    box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, .15)
}

.page-report .summary-row .rating-block .rating-card:first-child {
    margin-top: 0
}

.page-report .summary-row .rating-block .rating-card:last-child {
    margin-bottom: 0
}

.page-report .summary-row .rating-block .rating-card.detailed-only {
    display: none
}

.page-report .summary-row .rating-block .rating-card.detailed {
    margin: 5px
}

.page-report .summary-row .rating-block .rating-card.detailed.detailed-only {
    display: -ms-flexbox;
    display: flex
}

.page-report .summary-row .rating-block .criteria-grade {
    width: 35px;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    margin-right: 10px;
    font-weight: 700;
    font-size: 22px;
    line-height: 1
}

.page-report .summary-row .rating-block .rating-card-description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.page-report .summary-row .rating-block .rating-card-description span {
    text-align: left;
    width: 100%;
    display: block;
    font-size: 12px;
    line-height: 1.2
}

.page-report .summary-row .rating-block .rating-card-description span:first-child {
    text-align: left;
    font-weight: lighter
}

.page-report .summary-row .rating-block .rating-card-description span:last-child {
    font-weight: bolder
}

.page-report .summary-row .rating-block .rating-details {
    padding: 20px 30px 15px
}

.page-report .summary-row .rating-block .rating-details.detailed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.page-report .summary-row .rating-block .rating-description {
    display: none;
    margin: 5px 0;
    font-size: 12px;
    text-align: left
}

.page-report .summary-row .rating-block .rating-description.detailed {
    display: block
}

.page-report .summary-row .rating-block .rating-scale {
    direction: ltr;
    padding: 0 10px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #e2e2e2;
    font-weight: bolder;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 16px 0 5px;
    height: 17px;
    border: 2px solid #e2e2e2;
    border-radius: 15px;
    background: linear-gradient(90deg, #0dcf22 0, #3bb11c 20%, #cfd724 40%, #d2a711 60%, #be5b09 80%, #c72d08 100%)
}

.page-report .summary-row .rating-block .rating-scale:after {
    content: "";
    width: 30px;
    height: 50px;
    position: absolute;
    background-color: #f6f6f6;
    right: -31px;
    top: -50px;
    z-index: 3
}

.page-report .summary-row .rating-block .rating-scale:before {
    content: "";
    width: 30px;
    height: 50px;
    background-color: #f6f6f6;
    position: absolute;
    left: -31px;
    top: -50px;
    z-index: 3
}

.page-report .summary-row .rating-block .rating-mark {
    position: absolute;
    border: 2px solid #fff;
    background-color: #de8f06;
    border-radius: 50%;
    width: 26px;
    height: 26px
}

.page-report .summary-row .rating-block .rating-mark:before {
    content: "";
    width: 20px;
    background-color: #eeecd9;
    height: 20px;
    position: absolute;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 30px;
    left: 1px;
    z-index: 0
}

.page-report .summary-row .rating-block .rating-mark::after {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #eec783;
    top: 5px;
    left: 5px;
    border-radius: 50%;
    display: block;
    position: absolute
}

.page-report .summary-row .rating-block .overall-grade {
    margin: 20px auto;
    background-color: #de8f06;
    padding: 2px;
    height: 80px;
    width: 90px;
    border-radius: 4px
}

.page-report .summary-row .rating-block .overall-grade span {
    line-height: 1;
    margin: 0;
    display: block;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.page-report .summary-row .rating-block .overall-grade span:first-child {
    font-size: 54px
}

.page-report .summary-row .rating-block .overall-grade span:last-child {
    font-size: 10px
}

.page-report .summary-row .rating-block .rating-read-more {
    font-size: 11px;
    color: #4f4f4f;
    text-decoration: none;
    font-weight: 700
}

.page-report .summary-row .rating-block .rating-read-more:hover {
    color: #000
}

.page-report .summary-row .rating-block .rating-read-more .less-desc {
    display: none
}

.page-report .summary-row .rating-block .rating-read-more.detailed .more-desc {
    display: none
}

.page-report .summary-row .rating-block .rating-read-more.detailed .less-desc {
    display: block
}

.page-report .summary-row .rating-block .A,
.page-report .summary-row .rating-block .B {
    background-color: #4cae00
}

.page-report .summary-row .rating-block .C,
.page-report .summary-row .rating-block .D {
    background-color: #de8f06
}

.page-report .summary-row .rating-block .E,
.page-report .summary-row .rating-block .F {
    background-color: #c15704
}

@media screen and (max-width: 800px) {
    .page-report .owners-data tbody td {
        width: 70%;
        padding: 15px 15px 5px;
        text-align: right
    }
}

.page-report .owners-data tbody td:nth-child(odd) {
    text-align: left;
    display: none
}

@media screen and (max-width: 800px) {
    .page-report .owners-data tbody td:nth-child(odd) {
        padding-right: 5px;
        font-weight: 400;
        max-width: 30%;
        display: block
    }
}

.page-report .ownership-charts-left {
    padding-left: 15px;
    padding-right: 15px
}

.page-report .ownership-charts-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 800px) {
    .page-report .ownership-charts-block {
        width: calc(100% - 30px);
        margin: -20px 15px 30px;
        padding: 14px;
        border-radius: 4px;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .12);
        border: 1px solid #e2e3e4 !important;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.page-report .ownership-charts-right {
    padding-top: 20px
}

.page-report .ownership-charts-block .legend-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.page-report .ownership-charts-block .chart-legend {
    padding: 20px 10px
}

.page-report .ownership-charts-block .chart-legend span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px
}

.page-report .ownership-charts-block .chart-legend ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0
}

.page-report .ownership-charts-block .edmunds_logo {
    width: 100px;
    height: 100px;
    display: block
}

.page-report .ownership-charts-block .edmunds_logo img {
    width: 100%
}

.page-report .nada-price-block {
    width: 46%;
    margin: 10px auto 0;
    padding: 1px
}

.page-report .nada-price-low {
    float: left;
    color: #54a81c
}

.page-report .nada-price-high {
    float: right;
    color: #c10000
}

.page-report .nada-price-line-block {
    margin: 30px auto 5px;
    display: block;
    clear: both;
    width: 100%;
    height: 10px
}

.page-report .nada-price-line-part {
    height: 10px;
    float: left;
    position: relative
}

.page-report .nada-price-line-part.left {
    width: 30%;
    background-color: #e6e6e6;
    border-radius: 5px 0 0 5px
}

.page-report .nada-price-line-part.middle {
    width: 40%;
    background-color: #54a81c
}

.page-report .nada-price-line-part.right {
    width: 30%;
    background-color: #c10000;
    border-radius: 0 5px 5px 0
}

.page-report .nada-price-line-point {
    position: absolute;
    right: -10px;
    top: -5px;
    z-index: 100;
    background-color: #e6e6e6;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 4px solid #fff
}

.page-report ul {
    padding-left: 40px
}

@media screen and (max-width: 800px) {
    .page-report ul {
        padding-left: 20px;
        padding-right: 15px
    }
}

.page-report ul li {
    padding-left: 10px;
    padding-bottom: 5px
}

@media screen and (max-width: 800px) {
    .page-report ul li {
        padding-left: 0;
        font-size: 14px;
        line-height: 20px
    }
}

.page-report .vehicle-card {
    margin-bottom: 65px;
    border-bottom: 0;
    border: 1px solid #e1e1e1
}

@media screen and (max-width: 1024px) {
    .page-report .vehicle-card {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 800px) {
    .page-report .vehicle-card {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.page-report .brand-description-trigger {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.page-report .brand-description {
    opacity: .6;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 0
}

.page-report header {
    background: rgba(255, 255, 255, .8);
    padding: 45px 68px
}

.page-report header:after,
.page-report header:before {
    display: table;
    content: "";
    line-height: 0
}

.page-report header:after {
    clear: both
}

@media screen and (max-width: 800px) {
    .page-report header {
        padding: 20px 15px 30px
    }
}

.page-report header .vehicle-card {
    margin-top: 35px;
    margin-bottom: 0;
    background: rgba(255, 255, 255, .4);
    box-shadow: none;
    border: 0
}

@media screen and (max-width: 800px) {
    .page-report header .vehicle-card {
        margin-top: 25px
    }
}

.page-report header .vehicle-card .media-object {
    padding-top: 18px !important;
    padding-bottom: 18px !important
}

.page-report header .report-top-bar {
    margin-bottom: 12px
}

.page-report header .vin {
    font-size: 26px;
    font-weight: 300;
    line-height: 36px
}

@media screen and (max-width: 800px) {
    .page-report header .vin {
        font-size: 18px;
        line-height: 26px
    }
}

.page-report header .vin span {
    font-weight: 400
}

.page-report header img {
    display: block;
    float: left;
    vertical-align: top
}

.page-report header .link {
    color: #0064a7;
    font-size: 12px
}

.page-report header .link:last-child {
    margin-right: 20px
}

.page-report .report {
    padding: 45px 90px;
    background: rgba(255, 255, 255, .7)
}

@media (max-width: 1200px) {
    .page-report .report {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 800px) {
    .page-report .report {
        padding: 15px
    }
}

.page-report .report h1 {
    text-shadow: 0 1px 1px #fff;
    color: #000;
    font-size: 36px;
    font-weight: 300
}

@media screen and (max-width: 800px) {
    .page-report .report h1 {
        font-size: 26px
    }
}

.page-report .report h2 {
    font-size: 22px;
    line-height: 20px;
    text-transform: uppercase;
    text-shadow: none;
    color: #000;
    font-weight: 900;
    margin-top: 20px
}

@media screen and (max-width: 800px) {
    .page-report .report h2 {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 0
    }
}

.page-report .report h2 span {
    font-weight: 300;
    color: #666
}

.page-report .report .vehicle-card {
    border-bottom: 0;
    background: #f2f2f2;
    margin-bottom: 25px;
    margin-top: 30px;
    max-width: 620px;
    margin: 34px auto 55px
}

@media screen and (max-width: 800px) {
    .page-report .report .vehicle-card {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.report-tables a {
    color: #0097c7
}

.report-tables .table-hint {
    position: relative
}

.report-tables .dropdown-pane {
    top: -22px !important;
    left: -40px !important;
    width: 100%;
    background: #0097c7;
    color: #fff;
    padding: 25px 36px 35px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .15);
    transition: all .25s ease;
    opacity: 0;
    border-radius: 50px
}

.report-tables .dropdown-pane.is-open {
    left: 0 !important;
    opacity: 1;
    border-radius: 4px
}

.report-tables .dropdown-pane .caption {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 8px
}

.report-tables .dropdown-pane .text {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.report-tables .hover .question-mark path {
    fill: #00607e !important
}

.report-tables .hover .question-mark span:not(.cross) {
    display: none
}

.report-tables .hover .question-mark span.cross {
    display: block
}

.report-tables .question-mark {
    position: absolute;
    top: 10px;
    left: -98px;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 24px;
    line-height: 44px;
    text-align: center;
    font-weight: 400;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.report-tables .question-mark path {
    fill: #ec8600;
    cursor: pointer
}

.report-tables .question-mark path:hover {
    fill: #00607e
}

.report-tables .question-mark svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -9px;
    right: 0
}

.report-tables .question-mark span {
    color: #fff;
    font-size: 24px;
    z-index: 2;
    line-height: 30px;
    position: absolute;
    top: 4px;
    left: 25px;
    pointer-events: none
}

.report-tables .question-mark span.cross {
    display: none;
    font-size: 18px;
    left: 24px !important
}

@media screen and (max-width: 1024px) {

    .report-tables .dropdown-pane,
    .report-tables [data-toggle] {
        display: none
    }
}

.report-tables caption {
    background: #e6e6e6;
    padding: 15px 35px;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    top: 0
}

@media screen and (max-width: 800px) {
    .report-tables caption {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 13px 15px;
        font-size: 16px;
        line-height: 20px
    }
}

.report-tables caption.toggle {
    position: relative;
    cursor: pointer
}

.report-tables caption.toggle:hover {
    background: #dfdfdf
}

.report-tables caption.toggle::after {
    content: "";
    height: 7px;
    width: 14px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
    background-repeat: no-repeat
}

.report-tables caption .source {
    text-transform: uppercase;
    font-size: 14px;
    text-shadow: 0 1px 1px #fff;
    font-weight: 300;
    margin-top: 4px;
    white-space: nowrap
}

@media screen and (max-width: 800px) {
    .report-tables caption .source {
        font-size: 10px;
        margin: 0 3px 0 0
    }

    .report-tables caption .source span {
        margin-left: 5px;
        font-weight: 700 !important
    }
}

.report-tables caption .source span {
    color: #000;
    font-weight: 400
}

.report-tables table {
    margin-bottom: 65px
}

@media screen and (max-width: 1024px) {
    .report-tables table {
        margin-bottom: 30px
    }

    .report-tables table:last-child {
        margin-bottom: 0
    }
}

.report-tables table thead tr th {
    border: 0;
    padding: 20px 1.25rem;
    font-size: 12px;
    color: #000;
    background: #f4f4f4 !important
}

.report-tables table tbody::before {
    display: none
}

.report-tables table tr {
    border-bottom-width: 1px
}

@media screen and (max-width: 800px) {
    .report-tables table tr.separate td {
        text-align: left
    }

    .report-tables table tr.separate td::before {
        content: "";
        display: none
    }
}

@media screen and (max-width: 800px) {
    .report-tables table tr.not-found td {
        text-align: left !important
    }

    .report-tables table tr.not-found td::before {
        content: "";
        display: none
    }
}

@media screen and (min-width: 800px) {
    .report-tables table tr.border td {
        border-bottom: 1px solid #eaeaea
    }
}

.report-tables table tr.padding-top td {
    padding-top: 40px
}

.report-tables table tr.padding td {
    padding-top: 25px;
    padding-bottom: 25px
}

@media screen and (max-width: 800px) {
    .report-tables table tr.padding td {
        padding: 15px
    }
}

@media screen and (min-width: 800px) {
    .report-tables table tr.white td {
        background: #fff !important
    }
}

@media screen and (min-width: 800px) {
    .report-tables table tr.gray td {
        background: #f4f4f4 !important;
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }
}

.report-tables table tr:nth-child(odd) {
    background: rgba(232, 232, 232, .1)
}

.report-tables table tr:nth-child(even) {
    background: rgba(232, 232, 232, .3)
}

.report-tables table tr td {
    vertical-align: top;
    word-break: normal;
    display: table-cell
}

@media screen and (max-width: 800px) {
    .report-tables table tr td {
        padding-left: 15px
    }
}

.report-tables table tr.pictures {
    width: 100% !important
}

@media screen and (max-width: 800px) {
    .report-tables table tr.pictures {
        width: calc(100% - 30px) !important
    }
}

.report-tables table tr.pictures td {
    width: 100%
}

@media screen and (max-width: 800px) {
    .report-tables table tr.pictures td {
        padding: 15px 0 4px !important
    }
}

.report-tables table tr.pictures .column,
.report-tables table tr.pictures .columns {
    padding: 0;
    width: calc((100% - 10px) / 2)
}

@media screen and (max-width: 800px) {

    .report-tables table tr.pictures .column,
    .report-tables table tr.pictures .columns {
        width: 100%
    }
}

.report-tables table tr.pictures .pictures-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 800px) {
    .report-tables table tr.pictures .pictures-wrap {
        padding: 0 15px
    }
}

.report-tables table tr.pictures .gallery {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -5px;
    margin-right: -5px
}

@media screen and (max-width: 1024px) {
    .report-tables table tr.pictures .gallery {
        padding: 0 30px;
        margin: 0
    }
}

@media screen and (max-width: 800px) {
    .report-tables table tr.pictures .gallery {
        padding: 0 10px
    }
}

.report-tables table tr.pictures .gallery.preview .wrap,
.report-tables table tr.pictures .gallery.preview a {
    width: 50%
}

@media screen and (max-width: 800px) {

    .report-tables table tr.pictures .gallery.preview .wrap,
    .report-tables table tr.pictures .gallery.preview a {
        width: 100%
    }
}

.report-tables table tr.pictures .gallery .wrap,
.report-tables table tr.pictures .gallery a {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    width: 10%;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 800px) {

    .report-tables table tr.pictures .gallery .wrap,
    .report-tables table tr.pictures .gallery a {
        width: 25%
    }
}

.report-tables table tr.pictures .gallery .wrap .ratio-image,
.report-tables table tr.pictures .gallery a .ratio-image {
    margin-bottom: 10px
}

.report-tables table tr.pictures td {
    padding: 30px 0
}

.report-tables table tr.pictures td img {
    margin-bottom: 10px
}

@media screen and (max-width: 800px) {
    .report-tables table tr.pictures td img {
        margin-bottom: 15px
    }
}

.report-tables table.states ul {
    padding-left: 30px
}

.report-tables table.states p:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 800px) {
    .report-tables table.states tr:nth-child(odd) {
        background: #fafafa
    }

    .report-tables table.states tr:nth-child(even) {
        background: #f2f2f2
    }

    .report-tables table.states td {
        background: 0 0 !important
    }

    .report-tables table.states td:first-child {
        display: none
    }

    .report-tables table.states td:nth-child(3) {
        text-align: left;
        padding-top: 5px
    }

    .report-tables table.states td:nth-child(2) {
        padding-bottom: 5px
    }

    .report-tables table.states td:nth-child(2) p {
        margin-bottom: 0
    }
}

.report-tables table.date-specific .dimmed {
    width: 100%
}

.report-tables table.date-specific .dimmed td {
    width: 100%
}

@media screen and (max-width: 800px) {
    .report-tables table.date-specific .dimmed {
        margin-bottom: 0
    }

    .report-tables table.date-specific .dimmed td {
        padding-bottom: 0 !important
    }
}

.report-tables table.date-specific thead th strong {
    font-size: 20px
}

@media screen and (max-width: 800px) {
    .report-tables table.date-specific thead th strong {
        font-size: 16px !important
    }
}

@media screen and (max-width: 800px) {
    .report-tables table.date-specific tbody.wrap {
        padding-top: 14px
    }

    .report-tables table.date-specific .white.padding:nth-child(2) {
        border: 0 !important;
        box-shadow: none !important
    }

    .report-tables table.date-specific .white.padding:nth-child(2) td {
        text-align: left;
        padding: 0
    }

    .report-tables table.date-specific .spacer-row {
        display: none
    }

    .report-tables table.date-specific .dimmed {
        border: 0 !important;
        box-shadow: none !important;
        width: calc(100% - 30px)
    }

    .report-tables table.date-specific .dimmed td {
        text-align: left !important;
        width: calc(100% - 30px);
        padding: 20px 0 10px
    }

    .report-tables table.date-specific thead {
        display: block
    }

    .report-tables table.date-specific thead tr {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0;
        padding-left: 15px;
        border: 0 !important;
        box-shadow: none !important;
        background: 0 0 !important
    }

    .report-tables table.date-specific thead tr th {
        box-shadow: none !important;
        padding-left: 0 !important;
        border: 0 !important;
        background: 0 0 !important
    }

    .report-tables table.date-specific td:empty {
        display: none
    }
}

.report-tables table.date-specific tr.date th {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    width: 100%
}

@media screen and (max-width: 800px) {
    .report-tables table.date-specific tr.date th {
        font-size: 14px;
        height: auto;
        width: 100%;
        padding: 10px 15px
    }
}

@media screen and (min-width: 800px) {
    .report-tables table.nada td {
        width: 50%
    }
}

@media screen and (max-width: 800px) {
    .report-tables table tr.not-found td {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-weight: 400
    }

    .report-tables table tr.not-found td span {
        padding-left: 3px
    }
}

.report-tables table.recalls tr.not-found td {
    padding-top: 16px
}

.report-tables table.recalls td {
    padding-top: 0
}

.report-tables table.recalls table tr:first-child td {
    padding-top: 14px
}

.report-tables table.recalls .recall-p:last-child {
    margin-bottom: 0
}

.report-tables table.recalls .recall-p {
    margin-bottom: 35px
}

.report-tables table.recalls table {
    margin-bottom: 0
}

.report-tables table.recalls table tbody {
    background: 0 0 !important
}

@media screen and (max-width: 800px) {
    .report-tables table.recalls table tr {
        width: 100%;
        border: 0 !important;
        box-shadow: none;
        margin: 0 !important
    }

    .report-tables table.recalls table tr.text {
        padding-top: 0
    }
}

@media screen and (max-width: 800px) {
    .report-tables table.recalls tr.keys {
        display: -ms-flexbox;
        display: flex
    }

    .report-tables table.recalls tr.keys.gray {
        border-bottom: 0
    }

    .report-tables table.recalls tr.keys td {
        width: 50%;
        font-size: 14px;
        line-height: 18px;
        font-weight: 400
    }

    .report-tables table.recalls tr.keys td:first-child {
        text-align: left;
        padding-right: 0
    }

    .report-tables table.recalls tr.keys td:last-child {
        word-break: break-all;
        text-align: right
    }
}

.report-tables table.recalls td.text {
    padding-top: 25px;
    padding-bottom: 40px;
    text-align: left
}

@media screen and (max-width: 800px) {
    .report-tables table.recalls td.text {
        padding-bottom: 15px;
        padding-top: 10px
    }
}

.report-tables table.recalls .recall-t {
    padding-top: 5px
}

@media screen and (max-width: 800px) {

    .report-tables table.recalls .recall-p,
    .report-tables table.recalls .recall-t {
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width: 800px) {
    .report-tables table.small-group tbody.wrap {
        display: block;
        margin: 18px 15px 0
    }

    .report-tables table.small-group tbody.wrap tr {
        width: 100% !important
    }

    .report-tables table.small-group tbody.wrap tr.white.padding td {
        padding: 14px !important
    }
}

@media screen and (max-width: 800px) {
    .report-tables table.details tbody.wrap {
        padding-top: 14px !important
    }
}

.report-tables table.details td {
    width: 50%
}

@media screen and (min-width: 800px) {
    .report-tables table.details tbody.wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .report-tables table.details tbody.wrap tr {
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        background: rgba(232, 232, 232, .3)
    }

    .report-tables table.details tbody.wrap tr:nth-child(4n),
    .report-tables table.details tbody.wrap tr:nth-child(4n+1) {
        background: rgba(232, 232, 232, .1)
    }

    .report-tables table.details tbody.wrap tr:nth-child(odd) {
        float: left
    }

    .report-tables table.details tbody.wrap tr:nth-child(even) {
        float: right
    }

    .report-tables table.details tbody.wrap tr td {
        display: block
    }

    .report-tables table.details tbody.wrap tr td:first-child {
        min-width: 180px;
        padding-right: 0
    }
}

@media screen and (max-width: 800px) {
    .report-tables table.salvage-info.additional td {
        font-weight: 700
    }

    .report-tables table.salvage-info.additional td::before {
        font-weight: 400
    }
}

.report-tables table.salvage-info strong {
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .report-tables table.summary tr {
        display: table;
        width: calc(100% - 30px)
    }

    .report-tables table.summary td {
        display: table-cell
    }

    .report-tables table.summary td:last-child {
        white-space: nowrap;
        text-align: right;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

@media screen and (max-width: 800px) {

    .report-tables table.insurance td:first-child span,
    .report-tables table.insurance td:last-child::before {
        white-space: nowrap
    }
}

@media screen and (max-width: 800px) {
    .report-tables table.lien .dimmed {
        box-shadow: none;
        border: 0 !important
    }

    .report-tables table.lien .dimmed td {
        padding: 18px 0 4px;
        text-align: left
    }

    .report-tables table.lien tr.padding-top td {
        padding-top: 16px
    }
}

.report-tables table.brand-info thead td {
    font-weight: 400
}

.report-tables table.brand-info td:first-child {
    width: 70%;
    padding-right: 0
}

@media screen and (max-width: 800px) {
    .report-tables table.brand-info td:first-child {
        width: auto
    }
}

.report-tables table.brand-info td:first-child .badge {
    display: inline-block;
    padding: 0;
    min-width: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    background: #bdbbbc;
    color: #fff;
    margin-left: 6px
}

.report-tables table.brand-info td:last-child {
    line-height: 20px;
    white-space: nowrap
}

.report-tables table.brand-info td:last-child span.red {
    color: #c10000
}

.report-tables table.brand-info td:last-child span.red::before {
    content: "";
    width: 13px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
    position: relative
}

.report-tables table.brand-info td:last-child span.green {
    color: #54a81c
}

.report-tables table.brand-info td:last-child span.green::before {
    content: "";
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 1px
}

.report-tables table.expandable tbody {
    display: none !important
}

.report-tables table.expandable:not(.expanded) caption::after {
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.report-tables table.expandable.expanded tbody {
    display: block !important
}

.report-tables table.glossary .caption {
    text-shadow: 0 1px 1px #fff;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px
}

.report-tables table.glossary p {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400
}

.report-tables table.disclaimer {
    border-bottom: 30px solid #fff;
    margin-bottom: 20px
}

@media screen and (max-width: 800px) {
    .report-tables table.disclaimer tr {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 800px) {
    .report-tables table.disclaimer {
        border-bottom: 0
    }
}

.report-tables table.disclaimer img {
    display: block;
    margin: 0 auto 30px
}

@media screen and (max-width: 800px) {
    .report-tables table.disclaimer img {
        margin-bottom: 20px
    }
}

.report-tables table.disclaimer td {
    padding: 0;
    padding-top: 40px;
    text-align: left !important
}

@media screen and (max-width: 800px) {
    .report-tables table.disclaimer td {
        padding-top: 20px
    }
}

.report-tables table.disclaimer p {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400
}

@media screen and (max-width: 1024px) {
    .report-tables table.disclaimer p {
        padding: 0 15px
    }
}

@media screen and (max-width: 800px) {
    .report-tables table.disclaimer p {
        font-size: 14px;
        line-height: 20px
    }
}

.report-tables table.report-photos td {
    padding: 0
}

@media screen and (max-width: 800px) {
    .report-tables table.report-photos td {
        padding: 15px
    }
}

@media screen and (max-width: 800px) {

    .report-tables table.report-photos td .column:last-child img,
    .report-tables table.report-photos td .columns:last-child img {
        margin-bottom: 0
    }
}

.report-tables table.report-photos td img {
    width: 100%;
    margin-bottom: 40px
}

@media screen and (max-width: 800px) {
    .report-tables table.report-photos td img {
        margin-bottom: 15px;
    }
}

.page-about .cv-paper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 35px;
}

.is-rtl-lang .page-about .cv-paper {
    -ms-flex-align: end;
    align-items: flex-end;
}

@media screen and (max-width: 800px) {
    .page-about .cv-paper {
        padding: 20px 14px;
    }
}

.page-about h5 {
    padding: 10px 0;
}

.page-about ul {
    list-style: none;
}

@media screen and (max-width: 480px) {
    .page-about.page-content {
        padding-bottom: 0;
    }

    .page-about ul {
        margin-bottom: 0;
    }

    .page-about ul .cv-typography, .page-about .car-depends {
        margin-bottom: 1rem;
    }

    .page-about li:before,
    .page-explorer .footer-copy .copy-content li:before,
    .page-terms li:before {
        margin-top: -5px;
    }
}

.page-about .img-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    place-content: center
}

.page-about main {
    padding-top: 60px;
    padding-bottom: 60px
}

@media screen and (max-width: 1024px) {
    .page-about main {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 800px) {
    .page-about main {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.page-about .phone-link {
    white-space: nowrap;
    font-weight: 700;
    color: #030303
}

.page-about-v2021 {
    background-color: #fff;
    padding-bottom: 0
}

.page-about-v2021 .padded-content {
    margin-top: 0;
    padding-top: 0
}

.page-about-v2021 main {
    padding-top: 0;
    padding-bottom: 48px
}

.page-about-v2021 .section-title {
    color: #00a651;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    padding: 0;
    padding-left: 36px;
    font-weight: 700;
    margin-top: 40px
}

.page-about-v2021 .section-title-partnership {
    background: url(/img/ic_partnership.svg) no-repeat bottom left;
    background-size: 24px
}

.page-about-v2021 .section-title-reports {
    background: url(/img/ic_reports.svg) no-repeat bottom left;
    background-size: 24px
}

.page-about-v2021 .section-title-accurate {
    background: url(/img/ic_accurate.svg) no-repeat bottom left;
    background-size: 24px
}

.page-about-v2021 .bottom-line {
    background-color: #f5fafd;
    border-radius: 4px;
    padding: 8px 24px;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    margin-top: 40px;
    width: -webkit-fit-content;
    width: fit-content
}

.page-contacts ul {
    list-style: none;
    margin-left: 0
}

.page-contacts ul li {
    padding-top: 10px
}

.page-contacts ul li a {
    color: #030303
}

.page-contacts .cv-paper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 35px
}

@media screen and (max-width: 800px) {
    .page-contacts .cv-paper {
        margin-top: 35px
    }
}

.page-contacts .contacts-icon {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    margin-top: -69px
}

@media screen and (max-width: 800px) {
    .page-contacts .contacts-icon {
        width: 100px;
        margin-top: 20px;
        top: 0
    }
}

.page-contacts .box {
    position: relative;
    padding-top: 90px !important;
    background: #fff;
    overflow: visible !important
}

@media screen and (max-width: 800px) {
    .page-contacts .box {
        padding-top: 125px !important;
        padding-bottom: 30px !important
    }
}

.page-contacts .box p {
    font-size: 18px;
    line-height: 24px;
    color: rgba(0, 0, 0, .6);
    margin-bottom: 40px
}

@media screen and (max-width: 800px) {
    .page-contacts .box p {
        font-size: 14px;
        line-height: 18px;
        margin-top: -15px;
        margin-bottom: 30px
    }
}

.page-contacts .padded-content {
    padding-top: 20px
}

.page-contacts .contacts-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -28px;
    margin-bottom: 8px
}

.page-contacts .contacts-title-img {
    margin-right: 6px;
    margin-bottom: -2px
}

.page-contacts .page-contacts__hero {
    position: relative;
    padding-bottom: 0
}

.page-contacts .page-contacts__hero .cv-hero-paddings {
    min-height: 260px;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 800px) {
    .page-contacts .page-contacts__hero .cv-hero-paddings {
        height: 180px
    }
}

.page-contacts .page-contacts__hero * {
    position: relative
}

.page-contacts .page-contacts__hero::before {
    content: "";
    background: url(/img/contact-us__hero-gradient.png) no-repeat center;
    background-size: cover;
    position: absolute;
    opacity: .7;
    left: 0;
    right: 0;
    top: 0;
    height: 261px
}

.page-contacts .page-contacts__contacts {
    padding-left: 50px;
    padding-top: 0
}

@media screen and (max-width: 1200px) {
    .page-contacts .page-contacts__contacts {
        padding-top: 16px
    }
}

@media screen and (max-width: 800px) {
    .page-contacts .page-contacts__contacts {
        padding-left: 28px;
        margin-top: 24px
    }
}

.page-contacts .contacts-email-link {
    line-height: 1.2
}

.page-contacts .page-contacts__form-title {
    margin-bottom: 16px;
    font-weight: 700
}

.page-contacts .page-contacts__faq-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: auto;
    background-color: rgba(0, 105, 164, .9);
    color: #fff;
    height: 90px
}

@media screen and (max-width: 800px) {
    .page-contacts .page-contacts__faq-link {
        height: auto;
        padding: 10px 0;
    }
}

.page-contacts .page-contacts__faq-link .page-contacts__faq-link-content {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 800px) {
    .page-contacts .page-contacts__faq-link .page-contacts__faq-link-content {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.page-contacts .page-contacts__faq-link .page-contacts__faq-link-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 485px;
    padding-left: 58px;
    background: url(/img/ic_white_question-mark.svg) no-repeat left
}

@media screen and (max-width: 800px) {
    .page-contacts .page-contacts__faq-link .page-contacts__faq-link-text {
        background-position-y: 4px
    }
}

.page-contacts .page-contacts__faq-link .page-contacts__faq-link-btn {
    border: none;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-left: 128px;
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (max-width: 1200px) {
    .page-contacts .page-contacts__faq-link .page-contacts__faq-link-btn {
        margin-left: 64px
    }
}

@media screen and (max-width: 800px) {
    .page-contacts .page-contacts__faq-link .page-contacts__faq-link-btn {
        margin-left: 0;
        margin-top: 8px;
        padding: 4px;
        width: 100%
    }
}

.page-data-sources .padded-content {
    padding-top: 30px
}

.page-data-sources .cv-paper {
    margin-top: 10px;
    padding: 35px
}

@media screen and (max-width: 800px) {
    .page-data-sources .cv-paper {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 10px;
        text-align: center
    }
}

.page-data-sources .cv-paper .wrap {
    padding-left: 30px
}

@media screen and (max-width: 800px) {
    .page-data-sources .cv-paper .wrap {
        padding-left: 0
    }
}

.page-data-sources .cv-paper img {
    width: 152px;
    min-width: 152px;
    height: auto
}

@media screen and (max-width: 800px) {
    .page-data-sources .cv-paper img {
        margin-bottom: 10px
    }
}

.page-data-sources main {
    margin: -20px -15px
}

.page-data-sources .page-data-sources__row {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .page-data-sources .page-data-sources__row {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.page-data-sources .page-data-sources__card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 20px 15px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media screen and (max-width: 1024px) {
    .page-data-sources .page-data-sources__card {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.page-data-sources .page-data-sources__card-logo {
    height: 116px;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #8c8c8c
}

.page-data-sources .page-data-sources__card-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}

.page-data-sources .page-data-sources__card-body :last-child {
    margin-bottom: 0 !important
}

.page-faq .toggle-all-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.page-faq [hidden=hidden] {
    display: none
}

@media screen and (max-width: 800px) {
    .page-faq .faq-title {
        text-align: center
    }
}

.page-faq .padded-content {
    padding-top: 32px;
    padding-bottom: 5px
}

.page-faq .toggle-all {
    background-color: #fff;
    color: #030303;
    min-width: 180px
}

@media screen and (max-width: 800px) {
    .page-faq .toggle-all {
        min-width: 100%
    }
}

.page-faq .accordion-title {
    padding-left: 18px;
    padding-right: 18px
}

.page-faq .cv-accordion .accordion-item .accordion-title::after {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    content: url(/img/plus-in-circle-faq-24.svg)
}

.page-faq .accordion-item.is-active .accordion-title::after {
    content: "";
    content: url(/img/minus-in-circle-faq-24.svg)
}

.page-faq.page-faq__feature-flag-faqPageRedesign .content {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: start;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 800px) {
    .page-faq.page-faq__feature-flag-faqPageRedesign .content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.page-faq.page-faq__feature-flag-faqPageRedesign .content .accordion.cv-accordion {
    background-color: transparent
}

.page-faq.page-faq__feature-flag-faqPageRedesign .content h4 {
    font-size: 20px;
    font-weight: 700
}

.page-faq.page-faq__feature-flag-faqPageRedesign .content .cv-accordion .cv-paper {
    background-color: transparent;
    border: none;
    box-shadow: none
}

.page-faq.page-faq__feature-flag-faqPageRedesign .content .cv-accordion .cv-paper .accordion-content {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0
}

.page-faq.page-faq__feature-flag-faqPageRedesign .content .cv-accordion .cv-paper .accordion-title {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 0;
    padding-top: 9px;
    padding-bottom: 9px
}

.page-faq.page-faq__feature-flag-faqPageRedesign .content .cv-accordion .cv-paper .accordion-title .circle {
    margin-right: 16px
}

.page-faq.page-faq__feature-flag-faqPageRedesign .nav-menu {
    position: -webkit-sticky;
    position: sticky;
    -ms-flex-preferred-size: 340px;
    flex-basis: 340px;
    padding-right: 25px
}

@media screen and (max-width: 800px) {
    .page-faq.page-faq__feature-flag-faqPageRedesign .nav-menu {
        display: none
    }
}

.page-faq.page-faq__feature-flag-faqPageRedesign .content-block {
    display: none
}

@media screen and (max-width: 800px) {
    .page-faq.page-faq__feature-flag-faqPageRedesign .content-block {
        display: block
    }
}

.page-faq.page-faq__feature-flag-faqPageRedesign .content-block.is-active {
    display: block
}

.page-how-it-works p {
    margin-top: 10px
}

.page-how-it-works main {
    padding: 0
}

.page-how-it-works main .cv-paper {
    margin-top: 10px;
    padding: 35px
}

@media screen and (max-width: 800px) {
    .page-how-it-works main .cv-paper {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 10px;
        text-align: center
    }
}

.page-how-it-works main .cv-paper .wrap {
    padding-left: 30px
}

@media screen and (max-width: 800px) {
    .page-how-it-works main .cv-paper .wrap {
        padding-left: 0
    }
}

.page-how-it-works main .cv-paper img {
    width: 90px;
    height: 90px
}

@media screen and (max-width: 800px) {
    .page-how-it-works main .cv-paper img {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1024px) {
    .page-nmvtis h1 img {
        max-width: 350px
    }
}

@media screen and (max-width: 800px) {
    .page-nmvtis h1 img {
        width: 70%
    }
}

.page-nmvtis header {
    padding: 50px 15px 38px
}

@media screen and (max-width: 1024px) {
    .page-nmvtis header {
        padding: 38px 15px 30px
    }
}

@media screen and (max-width: 800px) {
    .page-nmvtis header {
        padding: 25px 15px 20px
    }
}

.page-nmvtis main {
    padding-top: 80px;
    padding-bottom: 50px
}

@media screen and (max-width: 1024px) {
    .page-nmvtis main {
        padding-top: 30px;
        padding-bottom: 50px
    }
}

@media screen and (max-width: 800px) {
    .page-nmvtis main {
        padding-bottom: 30px
    }
}

.page-nmvtis h2 {
    font-weight: 700 !important
}

.page-nmvtis h3 {
    font-weight: 600 !important;
    margin-bottom: 14px !important;
    margin-top: 20px !important
}

.page-nmvtis p,
.page-nmvtis ul {
    margin-left: 0;
    padding-left: 0 !important
}

.page-nmvtis p:not(:last-child),
.page-nmvtis ul:not(:last-child) {
    margin-bottom: 50px
}

@media screen and (max-width: 1024px) {

    .page-nmvtis p:not(:last-child),
    .page-nmvtis ul:not(:last-child) {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 800px) {

    .page-nmvtis p:not(:last-child),
    .page-nmvtis ul:not(:last-child) {
        margin-bottom: 30px
    }
}

.page-nmvtis li {
    list-style: none;
    padding-left: 30px !important;
    padding-bottom: 0 !important;
    margin-bottom: 15px !important;
    background-size: 5px 8px;
    background-position: left 10px;
    background-repeat: no-repeat;
    background-image: url(/img/bg-li-tri.svg)
}

@media screen and (max-width: 1024px) {
    .page-nmvtis li {
        padding-left: 25px !important
    }
}

@media screen and (max-width: 800px) {
    .page-nmvtis li {
        padding-left: 20px !important;
        background-position: left 7px !important
    }
}

.page-about__feature-flag-aboutNmvtisPageRedesign .padded-content {
    padding-top: 24px
}

.page-about__feature-flag-aboutNmvtisPageRedesign .page-content {
    padding-bottom: 45px
}

.page-about__feature-flag-aboutNmvtisPageRedesign main {
    position: relative
}

.page-about__feature-flag-aboutNmvtisPageRedesign main li {
    padding: 5px 0
}

.page-about__feature-flag-aboutNmvtisPageRedesign .cv-paper {
    padding-top: 28px;
    padding-bottom: 20px
}

.page-about__feature-flag-aboutNmvtisPageRedesign .nmvtis__img-wrapper {
    position: absolute;
    width: auto;
    right: 25px;
    top: 25px
}

@media screen and (max-width: 800px) {
    .page-about__feature-flag-aboutNmvtisPageRedesign .nmvtis__first-title {
        max-width: 60%
    }
}

.page-about__feature-flag-aboutNmvtisPageRedesign h5 {
    padding-top: 0;
    margin-bottom: 16px
}

.page-about__feature-flag-aboutNmvtisPageRedesign p {
    padding-bottom: 10px;
    line-height: 24px
}

.page-rating .padded-content {
    padding-top: 24px;
    padding-bottom: 5px
}

.page-sitemap {
    padding-bottom: 0
}

.page-sitemap .links-container {
    max-width: 910px
}

.page-sitemap .list-block {
    margin-top: 20px
}

.page-sitemap ul li {
    line-height: 28px
}

@media screen and (max-width: 800px) {
    .page-states main {
        padding: 0
    }
}

.page-states table {
    margin-top: 30px
}

@media screen and (max-width: 800px) {
    .page-states table {
        margin: 0;
        width: auto
    }
}

.page-states table tbody {
    background: #fff !important
}

.page-states table tbody::before {
    display: none
}

.page-states table th {
    border: 0 !important;
    padding: 20px !important;
    font-weight: 400
}

.page-states table tr {
    background: 0 0 !important
}

@media screen and (max-width: 800px) {
    .page-states table tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.page-states table td {
    font-size: 18px;
    line-height: 24px;
    vertical-align: top;
    background: 0 0;
    border-bottom: 1px solid #dedfe0
}

@media screen and (max-width: 1024px) {
    .page-states table td {
        font-size: 16px;
        line-height: 21px
    }
}

@media screen and (max-width: 800px) {
    .page-states table td {
        font-size: 14px;
        line-height: 18px;
        width: 100%;
        text-align: left !important
    }
}

.page-states table td:last-child {
    width: 75%
}

@media screen and (max-width: 800px) {
    .page-states table td:last-child {
        width: 100%
    }
}

.page-states table td:nth-child(2) p span {
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .page-states table td {
        width: 100%;
        padding: 8px 15px
    }

    .page-states table td:nth-child(2) {
        border-bottom: 0;
        padding-bottom: 0
    }

    .page-states table td:nth-child(2) p span::after {
        content: ":"
    }

    .page-states table td:first-child {
        display: none
    }
}

.page-states p {
    margin-bottom: 15px !important
}

.page-states p:last-child {
    margin-bottom: 0 !important
}

.page-states ul {
    margin: 0 !important;
    margin-bottom: 15px !important
}

.page-states ul li {
    padding-bottom: 5px !important
}

.page-terms.page-content {
    padding-bottom: 0
}

.page-terms header {
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto
}

.page-terms header h1 {
    margin-bottom: 20px
}

@media screen and (max-width: 800px) {
    .page-terms header h1 {
        margin-bottom: 10px
    }
}

.page-terms header p {
    font-size: 18px;
    line-height: 24px
}

@media screen and (max-width: 800px) {
    .page-terms header p {
        max-width: 76%;
        font-size: 14px;
        line-height: 20px
    }
}

.page-terms ul {
    list-style: none
}

.page-terms main {
    background: #fff
}

@media screen and (max-width: 800px) {
    .page-terms main {
        padding-left: 1rem;
        padding-right: .5rem
    }
}

.page-terms main .terms {
    margin-top: 55px;
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    padding-top: 18px
}

@media screen and (max-width: 800px) {
    .page-terms main .terms {
        margin-top: 20px
    }
}

.page-terms main .terms h4.cv-typography {
    font-size: 20px;
    line-height: 50px;
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .page-terms main .terms h4.cv-typography {
        font-size: 18px;
        line-height: 24px
    }
}

.page-terms main .terms .terms-list {
    padding-left: 2rem
}

@media screen and (max-width: 800px) {
    .page-terms main .terms .terms-list {
        padding-left: 0
    }

    .page-terms main .terms .terms-list .terms-list {
        padding-left: 2rem
    }
}

.page-testimonials .blocks {
    margin-top: 30px;
    column-count: 3;
    padding-top: 0
}

@media screen and (max-width: 1024px) {
    .page-testimonials .blocks {
        column-count: 1
    }
}

@media screen and (max-width: 800px) {
    .page-testimonials .blocks {
        padding: 15px;
        padding-top: 0
    }
}

.page-testimonials .block {
    display: inline-block;
    width: 100%;
    text-align: left;
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(52, 52, 52, .05);
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    margin-bottom: 28px;
    padding: 35px 40px 30px;
    margin-top: 2px
}

.page-testimonials .block:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 800px) {
    .page-testimonials .block {
        padding: 25px;
        margin-bottom: 13px
    }
}

.page-testimonials .block .ratingWrap {
    background-image: url(/img/bg-pattern-rating-stars-empty.png);
    display: inline-block;
    width: 85px;
    height: 17px;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 5px;
    position: relative
}

.page-testimonials .block .ratingWrap .ratingValue {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    background-image: url(/img/bg-pattern-rating-stars-filled.png);
    font-size: 0
}

.page-testimonials .block .date {
    color: #9e9e9e;
    font-style: italic
}

.page-testimonials .block .review-text {
    padding-top: 15px;
    font-size: 16px;
    line-height: 28px
}

@media screen and (max-width: 800px) {
    .page-testimonials .block .review-text {
        font-size: 14px;
        line-height: 24px
    }
}

.page-testimonials .block .review-text:last-child {
    margin: 0
}

.thanks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 0
}

.thanks__title {
    padding: 0 15px;
    padding-top: 40px;
    font-weight: 700;
    margin-bottom: 0
}

.thanks__subtitle {
    padding: 0 15px;
    margin-top: 30px;
    font-weight: 400;
    max-width: 760px;
    margin-bottom: 0
}

.thanks__title-buttons {
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    margin-top: 35px;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 656px;
    width: 100%;
    min-width: 100%;
    text-transform: uppercase
}

.thanks__title-buttons a {
    max-width: 297px
}

@media screen and (max-width: 1024px) {
    .thanks__title-buttons {
        max-width: 470px
    }
}

.thanks__title-button {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 8px
}

.thanks__title-button div.small-12 {
    width: auto;
    -ms-flex-align: center;
    align-items: center
}

.thanks__banners {
    background-image: url(../img/thanks-bg-green.png);
    background-size: 100% auto;
    background-position: center;
    margin-top: 32px;
    position: relative;
    min-height: 440px
}

@media screen and (max-width: 1600px) {
    .thanks__banners {
        padding-left: 140px;
        background-size: auto 120%
    }
}

@media screen and (max-width: 1200px) {
    .thanks__banners {
        background-size: auto 100%;
        padding-left: 110px
    }
}

@media screen and (max-width: 1024px) {
    .thanks__banners {
        padding-left: 64px
    }
}

@media screen and (max-width: 800px) {
    .thanks__banners {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0
    }
}

@media screen and (max-width: 800px) {
    .thanks__banners .row {
        max-width: 100% !important;
        width: 100% !important
    }
}

.thanks__banners-blue {
    background-image: url(../img/thanks-bg-blue.svg);
    color: #fff
}

.thanks__banners-blue h2,
.thanks__banners-blue h4,
.thanks__banners-blue h5 {
    color: #fff
}

.thanks__banners-left {
    position: relative;
    z-index: 1;
    width: 26%;
    padding-top: 64px;
    padding-bottom: 53px;
    margin-right: auto
}

@media screen and (max-width: 1600px) {
    .thanks__banners-left {
        width: 36%
    }
}

@media screen and (max-width: 1200px) {
    .thanks__banners-left {
        width: 28%
    }
}

@media screen and (max-width: 800px) {
    .thanks__banners-left {
        max-width: 100%;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 15px;
        padding-top: 28px
    }
}

.thanks__banners-right {
    width: 922px;
    position: absolute;
    right: 186px;
    bottom: 0;
    top: 0;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../img/thanks-banner-green-medium.png);
    background-size: 100%
}

@media screen and (max-width: 1600px) {
    .thanks__banners-right {
        background-image: url(../img/thanks-banner-green-wide.png);
        background-size: 645px;
        right: 140px
    }
}

@media screen and (max-width: 1200px) {
    .thanks__banners-right {
        background-image: url(../img/thanks-banner-green-small.png);
        background-size: 396px;
        right: 110px;
        background-position: center right
    }
}

@media screen and (max-width: 1024px) {
    .thanks__banners-right {
        right: 64px
    }
}

@media screen and (max-width: 800px) {
    .thanks__banners-right {
        position: relative;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        height: 256px;
        right: 0;
        background-position: center;
        background-size: auto 216px
    }
}

.thanks__banners-right-blue {
    background-image: url(../img/thanks-banner-blue-wide.png);
    background-position: center right;
    background-size: auto 356px
}

@media screen and (max-width: 1600px) {
    .thanks__banners-right-blue {
        background-image: url(../img/thanks-banner-blue-medium.png)
    }
}

@media screen and (max-width: 1200px) {
    .thanks__banners-right-blue {
        background-image: url(../img/thanks-banner-blue-small.png)
    }
}

@media screen and (max-width: 800px) {
    .thanks__banners-right-blue {
        height: 256px;
        background-position: center;
        background-size: auto 268px;
        height: 300px
    }
}

.thanks__banners-title {
    margin-top: 21px
}

@media screen and (max-width: 1200px) {
    .thanks__banners-title {
        width: 430px
    }
}

@media screen and (max-width: 1024px) {
    .thanks__banners-title {
        width: 210px
    }
}

@media screen and (max-width: 800px) {
    .thanks__banners-title {
        font-size: 30px !important;
        line-height: 40px !important;
        margin-bottom: 0;
        width: auto
    }
}

@media screen and (max-width: 1200px) {
    .thanks__banners-subtitle {
        width: 430px
    }
}

@media screen and (max-width: 1024px) {
    .thanks__banners-subtitle {
        width: 210px
    }
}

@media screen and (max-width: 800px) {
    .thanks__banners-subtitle {
        font-size: 24px !important;
        line-height: 32px !important;
        margin-bottom: 16px;
        width: auto
    }
}

.thanks__banners-subtitle-abm {
    font-size: 16px !important;
    font-weight: 700 !important
}

.thanks__banners-option {
    background-image: url(../img/ic_ok-round-green.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 26px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .thanks__banners-option {
        width: 100%;
        background-position: center right;
        padding: 0 2px;
        padding-left: 0;
        padding-right: 26px;
        border-top: 1px solid rgba(62, 169, 114, .4)
    }

    .thanks__banners-option:first-child {
        border-top: none
    }
}

@media screen and (max-width: 800px) {
    .thanks__banners-option-blue {
        border-top: 1px solid rgba(88, 129, 223, .4)
    }
}

.thanks__grab-button {
    margin-top: 24px;
    text-transform: uppercase;
    width: 100%;
    max-width: 295px
}

@media screen and (max-width: 1200px) {
    .thanks__grab-button {
        max-width: 205px
    }
}

@media screen and (max-width: 800px) {
    .thanks__grab-button {
        max-width: 100%
    }
}

.thanks__countdown {
    position: relative;
    height: 32px;
    color: #ad0000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    padding-top: 7px;
    margin-left: -8px
}

.thanks__countdown img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.thanks__countdown span {
    position: relative;
    line-height: 32px
}

.thanks__banners-vendors {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 340px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 800px) {
    .thanks__banners-vendors {
        max-width: 100%
    }
}

.thanks .orbit-bullets {
    position: absolute;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

.thanks .orbit-bullets button {
    width: 6px;
    height: 6px;
    margin: 0 5px
}

@media screen and (max-width: 800px) {
    .thanks .orbit-controls {
        display: none
    }
}

.thanks .orbit-controls button:active,
.thanks .orbit-controls button:focus,
.thanks .orbit-controls button:hover {
    background-color: transparent !important;
    cursor: pointer !important
}

.unlimited-reports-page__thanks {
    background: url(/img/unlimited-package-bg.png);
    background-size: cover
}

.unlimited-reports-page__content {
    padding-top: 20px;
    padding-bottom: 30px
}

.unlimited-reports-page .hero-image {
    position: relative;
    min-height: 296px;
    background: linear-gradient(0, #1b8453 0, #1b935c 20%, #12663a 100%)
}

.unlimited-reports-page .hero-image:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5) -webkit-image-set(url("/img/unlimited-package-hero.png") 1x, url("/img/unlimited-package-hero.2x.png") 2x) center no-repeat;
    background: rgba(0, 0, 0, .5) image-set(url("/img/unlimited-package-hero.png") 1x, url("/img/unlimited-package-hero.2x.png") 2x) center no-repeat;
    width: 100%;
    height: 100%;
    background-size: 1450px 540px;
    background-position-y: -55px;
    background-blend-mode: multiply
}

@media screen and (max-width: 1024px) {
    .unlimited-reports-page .hero-image:before {
        background-position-y: -40px
    }
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .hero-image:before {
        background-position-y: calc(100% - 15px);
        background-position-x: calc(100% + 100px)
    }
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .hero-image {
        height: unset
    }
}

.unlimited-reports-page .hero-image .shadow {
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 30, 15, 0) 0, #01a61b 100%);
    opacity: .55;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.unlimited-reports-page .hero-content {
    position: relative;
    padding: 32px 0;
    color: #fff;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .hero-content {
        text-align: center
    }
}

.unlimited-reports-page .hero-content .hero-text {
    max-width: 450px
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .hero-content .hero-text {
        max-width: unset
    }
}

.unlimited-reports-page .hero-content h2 {
    font-size: 42px;
    line-height: 48px;
    color: #fff
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .hero-content h2 {
        font-size: 32px
    }

    .unlimited-reports-page .hero-content h2 br {
        display: none
    }
}

.unlimited-reports-page .hero-content p {
    font-size: 20px;
    line-height: 30px;
    color: #fff
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .hero-content p {
        font-size: 15px
    }
}

.unlimited-reports-page .offer-card {
    max-width: 390px;
    text-align: left
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .offer-card {
        max-width: unset
    }
}

.unlimited-reports-page .offer-card .special-offer {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #00a651;
    padding-bottom: 3px
}

.unlimited-reports-page .offer-card .special-offer:before {
    display: inline-block;
    position: relative;
    top: 1px;
    content: " ";
    width: 7px;
    height: 10px;
    background: url(/img/chevron-full-green.svg)
}

.unlimited-reports-page .offer-card .offer-card-content {
    padding: 5px 0 20px
}

.unlimited-reports-page .offer-card .offer-card-content .caption {
    max-width: 210px;
    margin-bottom: 0;
    font-weight: 700;
    color: #030303;
    font-size: 24px;
    line-height: 30px
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .offer-card .offer-card-content .caption {
        font-size: 21px;
        line-height: 30px
    }
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .offer-card .cv-button {
        font-size: 12px
    }
}

.unlimited-reports-page .prices {
    margin-top: -12px
}

.unlimited-reports-page .prices .price {
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #030303;
    font-size: 38px;
    line-height: 50px
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .prices .price {
        font-size: 32px;
        line-height: 40px
    }
}

.unlimited-reports-page .prices .price .cents {
    font-size: 26px;
    line-height: 32px
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .prices .price .cents {
        font-size: 18px;
        line-height: 24px
    }
}

.unlimited-reports-page .prices .price.discount {
    position: relative;
    color: #a2260b;
    font-size: 24px;
    line-height: 32px
}

.unlimited-reports-page .prices .price.discount:after {
    position: absolute;
    content: " ";
    display: block;
    height: 1px;
    width: 65%;
    top: 50%;
    left: -6px;
    background-color: #a2260b;
    -ms-transform: rotate(340deg);
    transform: rotate(340deg)
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .prices .price.discount:after {
        width: 72px
    }
}

.unlimited-reports-page .prices .price.discount .cents {
    font-size: 16px;
    line-height: 22px
}

.unlimited-reports-page .bgc-white {
    background-color: #fff
}

.unlimited-reports-page .bgc-gray {
    background-color: #f6f6f6
}

.unlimited-reports-page .pad-left-right-30 {
    padding: 0 30px
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .pad-left-right-30 {
        padding: 0
    }
}

.unlimited-reports-page .pad-top-10 {
    padding: 10px 0 0
}

.unlimited-reports-page .pad-top-20 {
    padding-top: 20px
}

.unlimited-reports-page .feature-block {
    padding: 32px 0 52px;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .information-in-report-table {
        padding: 0 20px
    }
}

.unlimited-reports-page .information-in-report {
    max-width: 470px;
    height: 230px;
    border: 1px solid #00a651;
    padding: 10px 20px
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .information-in-report {
        border: none;
        padding: 0 20px 0 30px;
        width: 100%
    }

    .unlimited-reports-page .information-in-report:first-child {
        padding-top: 10px
    }

    .unlimited-reports-page .information-in-report:last-child {
        padding-bottom: 10px
    }
}

.unlimited-reports-page .information-in-report ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0
}

.unlimited-reports-page .information-in-report ul li {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 42px
}

.unlimited-reports-page .information-in-report ul li:not(:last-child) {
    border-bottom: 1px solid #c4c4c4
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .information-in-report ul li:not(:last-child) {
        border-bottom: none
    }
}

.unlimited-reports-page .information-in-report ul li:after {
    display: block;
    content: " ";
    background: url(/img/check-icon-green-16x12.svg) no-repeat;
    position: absolute;
    right: 0;
    top: 13px;
    width: 18px;
    height: 18px
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .information-in-report ul li:after {
        left: -25px
    }
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .why-block {
        text-align: center
    }
}

.unlimited-reports-page .why-block .text-col {
    max-width: 420px
}

@media screen and (max-width: 1024px) {
    .unlimited-reports-page .why-block .text-col {
        max-width: unset;
        text-align: center
    }
}

.unlimited-reports-page .why-block .sample-col {
    max-width: 494px
}

@media screen and (max-width: 1024px) {
    .unlimited-reports-page .why-block .sample-col {
        max-width: unset
    }

    .unlimited-reports-page .why-block .sample-col .grid-x.grid-margin-x {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.unlimited-reports-page .example-card {
    position: relative;
    height: 245px;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    text-align: center
}

@media screen and (max-width: 1024px) {
    .unlimited-reports-page .example-card {
        height: auto;
        margin: 10px 0
    }
}

.unlimited-reports-page .example-card h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 29px;
    margin: 0;
    padding-top: 5px
}

.unlimited-reports-page .example-card span {
    padding: 0 5px 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.unlimited-reports-page .example-card img {
    height: 180px;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .unlimited-reports-page .example-card img {
        height: auto;
        min-height: 225px
    }
}

.unlimited-reports-page .example-card .scam-alert {
    position: absolute;
    top: calc(100% - 102px);
    left: 8px;
    height: 30px;
    background-color: #bd0000;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 2px 6px 4px 25px;
    font-weight: 700;
    -ms-flex-line-pack: center;
    align-content: center;
    border-radius: 4px
}

.unlimited-reports-page .example-card .scam-alert:before {
    display: block;
    position: absolute;
    left: 5px;
    top: 8px;
    width: 17px;
    height: 17px;
    content: " ";
    background: url(/img/warning-new.svg) no-repeat
}

.unlimited-reports-page .benefits {
    padding-bottom: 15px
}

.unlimited-reports-page .benefits .benefit {
    max-width: 225px
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .benefits .benefit {
        max-width: unset
    }
}

.unlimited-reports-page .benefits .benefit h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px
}

.unlimited-reports-page .benefits .benefit h4:after {
    display: block;
    content: " ";
    height: 2px;
    max-width: 34px;
    margin: 10px auto;
    background-color: #00a651
}

.unlimited-reports-page .benefits .benefit p {
    font-size: 16px;
    line-height: 24px
}

.unlimited-reports-page .learn-more {
    padding: 9px 0 0;
    display: block
}

.unlimited-reports-page .grid-container.page-payment-card {
    max-width: 535px
}

.unlimited-reports-page .payment-form-caption {
    font-size: 34px;
    font-weight: 400;
    line-height: 48px;
    margin: 12px 0 20px
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .payment-form-caption {
        font-size: 24px;
        line-height: 32px
    }
}

.unlimited-reports-page .selected-choice {
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #00a651;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    height: 112px;
    padding: 20px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.unlimited-reports-page .selected-choice .selected-icon {
    max-width: 30px
}

.unlimited-reports-page .selected-choice .description {
    width: 60%
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .selected-choice .description {
        width: 50%
    }
}

.unlimited-reports-page .selected-choice .description span.cv-typography {
    color: #7f7f7f;
    font-size: 18px;
    line-height: 24px
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .selected-choice .description span.cv-typography {
        font-size: 14px;
        line-height: 19px
    }
}

.unlimited-reports-page .selected-choice .prices {
    width: 20%
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .selected-choice .prices {
        margin-top: 0;
        width: 28%
    }
}

.unlimited-reports-page .limited-time-offer {
    margin: 20px 0 30px;
    height: 45px;
    background-color: #ff9728
}

.unlimited-reports-page .limited-time-offer .grid-container {
    height: 100%;
    max-width: 535px
}

.unlimited-reports-page .limited-time-offer .grid-container .grid-x {
    height: 100%
}

.unlimited-reports-page .limited-time-offer .grid-container .time-icon {
    width: 24px;
    height: 24px;
    margin-top: -2px
}

.unlimited-reports-page .limited-time-offer .grid-container .message {
    font-size: 24px;
    line-height: 32px
}

@media screen and (max-width: 800px) {
    .unlimited-reports-page .limited-time-offer .grid-container .message {
        font-size: 14px;
        line-height: 19px
    }
}

.unlimited-reports-page .payment-form .caption:before {
    content: none
}

.unlimited-reports-page .payment-form .payment-method:not(.active) {
    display: none
}

.page-vinscan {
    margin-top: 52px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-vinscan #player,
.page-vinscan #preview {
    margin: 10px 0;
    height: 320px
}

@media screen and (max-width: 480px) {

    .page-vinscan #player,
    .page-vinscan #preview {
        height: 240px
    }
}

.page-vinscan #preview {
    display: none
}

.page-vinscan .capture-block {
    width: 100%;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 20px;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-vinscan #capture,
.page-vinscan #fileInput,
.page-vinscan #reset-form {
    max-width: 320px;
    margin-bottom: 10px
}

.page-vinscan #error-container {
    color: red;
    font-weight: 700;
    padding: 10px 0
}

.page-vinscan #trace-container {
    color: #fff;
    padding: 10px 0;
    overflow: auto
}

.window-sticker-page .check-vin-wrapper {
    margin-top: 25px;
    width: 100%
}

@media screen and (max-width: 800px) {
    .window-sticker-page .check-vin-wrapper {
        margin-top: 0
    }
}

.window-sticker-page .cv-input {
    border: 1px solid #00a651;
    text-align: center
}

.window-sticker-page .cv-card {
    margin-top: 30px;
    margin-bottom: 50px
}

.window-sticker-page .cv-button {
    margin-top: 20px;
    margin-bottom: 20px
}

.window-sticker-page .faq {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.window-sticker-page .faq .list {
    margin-top: 25px
}

.window-sticker-page .faq ul {
    list-style: none;
    text-align: left;
    margin: 0
}

.window-sticker-page .faq ul li {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    display: -ms-flexbox;
    display: flex
}

.window-sticker-page .faq ul li:before {
    content: url(/img/check-in-circle.svg);
    -ms-transform: scale(.75);
    transform: scale(.75);
    margin-right: 5px
}

.window-sticker-page.page-content {
    padding-bottom: 0
}

.window-sticker.reveal {
    padding: 0
}

@media screen and (max-width: 800px) {
    .window-sticker.reveal {
        height: initial;
        min-height: initial;
        padding: 0 !important
    }
}

.window-sticker.reveal a[data-close] {
    display: inline;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: -20px;
    right: -30px
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-report-btn {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-height: none;
    width: 100%;
    height: 100%;
    opacity: 0
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .looking-for-more-vin-history {
    background-color: #fff
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .main-image {
    background: #e6f1ea;
    padding-bottom: 90px
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .main-image::before {
    background-image: url(/img/bg-window-sticker.png);
    max-width: none
}

@media screen and (min-width: 1920px) {
    .window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .main-image::before {
        background-image: url(/img/bg-window-sticker-2x.png)
    }
}

@media screen and (max-width: 1024px) {
    .window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .main-image::before {
        background-image: url(/img/bg-window-sticker-md.png);
        background-size: auto 110%
    }
}

@media screen and (max-width: 800px) {
    .window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .main-image::before {
        background-image: url(/img/bg-window-sticker-md.png);
        background-size: auto 120%
    }
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .check-vin-wrapper {
    padding-top: 9px
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .faq {
    padding-top: 48px
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .faq ul li {
    font-size: 16px;
    font-weight: 600;
    padding: 4px 0
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .faq ul li::before {
    -ms-transform: scale(.74, .71);
    transform: scale(.74, .71)
}

.is-rtl-lang .window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .faq ul li::before {
    margin-right: 0;
    margin-left: 5px
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .faq .faq-list {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 800px) {
    .window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .faq .faq-list {
        -ms-flex-pack: initial;
        justify-content: initial
    }
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .faq .faq-list .faq-list-left {
    max-width: 50%;
    padding-right: 24px
}

@media screen and (max-width: 800px) {
    .window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .faq .faq-list {
        padding-right: 0
    }
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .faq .faq-list-right {
    max-width: 50%
}

@media screen and (max-width: 800px) {
    .window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .faq .faq-list-right {
        max-width: none
    }
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report {
    padding-top: 48px
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report .sample-list {
    padding-bottom: 48px;
    padding-top: 50px
}

@media screen and (max-width: 1024px) {
    .window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report .sample-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 24px
    }
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report .sample-list-left {
    max-width: 485px;
    position: relative
}

@media screen and (max-width: 1024px) {
    .window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report .sample-list-left {
        max-width: none
    }
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report .sample-list-right {
    padding-left: 51px;
    max-width: 300px
}

.is-rtl-lang .window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report .sample-list-right {
    padding-left: 0;
    padding-right: 51px
}

@media screen and (max-width: 1024px) {
    .window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report .sample-list-right {
        padding-left: 0;
        max-width: none
    }
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report .sample-list-right .list-item {
    margin: 24px 0;
    text-align: left
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report .sample-list-right .list-item .list-item__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report .sample-list-right .list-item .list-item__title::after {
    content: "";
    width: 39px;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #00a651;
    margin-top: 14px;
    margin-bottom: 4px
}

.is-rtl-lang .window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report .sample-list-right .list-item .list-item__title::after {
    margin-right: auto
}

.window-sticker-page.page-window-sticker__feature-flag-windowStickerPageRedesign .sample-window-sticker-report .sample-list-right .list-item .list-item__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.window-sticker-view .download-sticker {
    margin: 50px auto 0;
    max-width: 320px;
    width: 300px
}