b, strong, p {
    font-family: var(--font-family-base) !important;
    font-size: 13px;
}

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

body,
html {
    height: auto;
}

html {
    -webkit-tap-highlight-color: var(--transparent);
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: var(--font-family-base) !important;
    font-size: 13px !important;
    line-height: 1.42857;
    color: var(--text-1);
    background-color: #fff;
}

button,
input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button {
    color: inherit;
}

.up-label {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-weight: var(--font-weight-black);
    font-size: 13px;
    text-align: left;
}

a {
    color: var(--link-color);
    text-decoration: none;
    font-weight: var(--font-weight-bold);
}

@media (hover: hover) {
    a:active,
    a:focus,
    a:hover {
        color: var(--link-hover-color);
        text-decoration: underline;
    }
}

img {
    vertical-align: middle;
}

hr {
    margin-top: 18px;
    margin-bottom: 18px;
    border: 0;
    border-top: var(--border-base);
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.sr-only {
    padding: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    word-break: break-word;
    margin: 0 0 30px;
    color: var(--text-1);
    font-family: inherit;
}

@media (max-width: 767px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 15px;
    }
}

h1 {
    line-height: 30px;
    font-size: 24px;
    font-weight: var(--heading-weight);
}

@media (max-width: 767px) {
    h1 {
        line-height: 26px;
        font-size: 21px;
    }
}

h1 small {
    display: block;
}

h1.display-1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: var(--heading-weight-visitor);
}

h1.display-1 small {
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--heading-weight);
    display: block;
}

@media (min-width: 768px) and (max-width: 1199px) {
    h1.display-1 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    h1.display-1 {
        font-size: 24px;
        line-height: 30px;
    }

    h1.display-1 small {
        font-size: 14px;
        line-height: 22px;
    }

    .pull-right {
        position: relative !important;
    }

    .pull-right button {
        font-size: 11px !important;
        padding: 6px !important;

    }

}

h1.display-3 {
    font-size: 40px;
    line-height: 50px;
    font-weight: var(--heading-weight-visitor);
}

h1.display-3 small {
    font-size: 14px;
    line-height: 22px;
    font-weight: var(--heading-weight);
    display: block;
}

@media (min-width: 768px) and (max-width: 1199px) {
    h1.display-3 {
        font-size: 30px;
        line-height: 40px;
    }
}

@media (max-width: 767px) {
    h1.display-3 {
        font-size: 24px;
        line-height: 30px;
    }
}

h2 {
    line-height: 27px;
    font-size: 21px;
    font-weight: var(--heading-weight);
}

@media (max-width: 767px) {
    h2 {
        line-height: 23px;
        font-size: 18px;
    }
}

h2.display-1 {
    font-size: 35px;
    line-height: 43px;
    font-weight: var(--heading-weight-visitor);
}

@media (min-width: 768px) and (max-width: 1199px) {
    h2.display-1 {
        font-size: 24px;
        line-height: 30px;
    }
}

@media (max-width: 767px) {
    h2.display-1 {
        font-size: 18px;
        line-height: 24px;
    }
}

h3 {
    line-height: 24px;
    font-size: 17px;
    font-weight: var(--heading-weight-alt);
}

@media (max-width: 767px) {
    h3 {
        line-height: 22px;
        font-size: 16px;
    }
}

h3.display-1 {
    font-weight: var(--heading-weight-visitor);
}

h3.display-1,
h3.display-3 {
    font-size: 16px;
    line-height: 22px;
}

h3.display-3 {
    text-transform: uppercase;
}

h3.display-3,
h4,
h5,
h6 {
    font-weight: var(--heading-weight-alt);
}

h4,
h5,
h6 {
    line-height: 23px;
    font-size: 15px;
}

@media (max-width: 767px) {
    h4,
    h5,
    h6 {
        line-height: 21px;
        font-size: 14px;
    }
}

h4.display-3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--heading-weight-visitor);
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

strong {
    font-weight: var(--font-weight-black);
}

p {
    margin: 0 0 30px;
    line-height: 21px;
}

small {
    font-size: 12px;
    line-height: 20px;
}

.lead {
    font-size: 22px;
    font-weight: var(--font-weight-light);
    line-height: 1.4;
}

.lead-md {
    font-size: 26px;
}

.lead-lg {
    font-size: 30px;
}

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

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

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

.text-justify {
    text-align: justify !important;
}

.text-primary {
    color: var(--brand-primary);
}

.text-success {
    color: var(--brand-success);
}

ul {
    margin-top: 0;
    margin-bottom: 9px;
}

ul ul {
    margin-bottom: 0;
}

ul li {
    margin-bottom: 10px;
}

ul {
    padding-left: 20px;
}

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

.list-inline {
    margin-left: -5px;
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

dl {
    margin-top: 0;
    margin-bottom: 18px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-0 {
    margin: 0 !important;
}

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

.mr-0 {
    margin-right: 0 !important;
}

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

.ml-0 {
    margin-left: 0 !important;
}

.m-5 {
    margin: 5px !important;
}

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

.mr-5 {
    margin-right: 5px !important;
}

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

.ml-5 {
    margin-left: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

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

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

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

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

.m-20 {
    margin: 20px !important;
}

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

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

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

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

.m-30 {
    margin: 30px !important;
}

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

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

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

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

.m-auto {
    margin: auto !important;
}

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

.mr-auto {
    margin-right: auto !important;
}

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

.ml-auto {
    margin-left: auto !important;
}

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

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

    .mr-md-0 {
        margin-right: 0 !important;
    }

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

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

    .m-md-5 {
        margin: 5px !important;
    }

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

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

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

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

    .m-md-10 {
        margin: 10px !important;
    }

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

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

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

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

    .m-md-20 {
        margin: 20px !important;
    }

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

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

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

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

    .m-md-30 {
        margin: 30px !important;
    }

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

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

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

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

    .m-md-auto {
        margin: auto !important;
    }

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

    .mr-md-auto {
        margin-right: auto !important;
    }

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

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

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

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

    .mr-lg-0 {
        margin-right: 0 !important;
    }

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

    .ml-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-5 {
        margin: 5px !important;
    }

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

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

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

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

    .m-lg-10 {
        margin: 10px !important;
    }

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

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

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

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

    .m-lg-20 {
        margin: 20px !important;
    }

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

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

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

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

    .m-lg-30 {
        margin: 30px !important;
    }

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

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

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

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

    .m-lg-auto {
        margin: auto !important;
    }

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

    .mr-lg-auto {
        margin-right: auto !important;
    }

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

    .ml-lg-auto {
        margin-left: auto !important;
    }
}

.p-0 {
    padding: 0 !important;
}

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

.px-0 {
    padding-right: 0 !important;
}

.py-0 {
    padding-bottom: 0 !important;
}

.px-0 {
    padding-left: 0 !important;
}

.p-5 {
    padding: 5px !important;
}

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

.px-5 {
    padding-right: 5px !important;
}

.py-5 {
    padding-bottom: 5px !important;
}

.px-5 {
    padding-left: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

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

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

.py-10 {
    padding-bottom: 10px !important;
}

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

.p-20 {
    padding: 20px !important;
}

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

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

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

.px-20 {
    padding-left: 20px !important;
}

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

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

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

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

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

@media (min-width: 768px) {
    .p-md-0 {
        padding: 0 !important;
    }

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

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

    .py-md-0 {
        padding-bottom: 0 !important;
    }

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

    .p-md-5 {
        padding: 5px !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 5px !important;
    }

    .px-md-5 {
        padding-right: 5px !important;
    }

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

    .px-md-5 {
        padding-left: 5px !important;
    }

    .p-md-10 {
        padding: 10px !important;
    }

    .pt-md-10,
    .py-md-10 {
        padding-top: 10px !important;
    }

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

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

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

    .p-md-20 {
        padding: 20px !important;
    }

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .p-lg-0 {
        padding: 0 !important;
    }

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

    .px-lg-0 {
        padding-right: 0 !important;
    }

    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-5 {
        padding: 5px !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 5px !important;
    }

    .px-lg-5 {
        padding-right: 5px !important;
    }

    .py-lg-5 {
        padding-bottom: 5px !important;
    }

    .px-lg-5 {
        padding-left: 5px !important;
    }

    .p-lg-10 {
        padding: 10px !important;
    }

    .pt-lg-10,
    .py-lg-10 {
        padding-top: 10px !important;
    }

    .px-lg-10 {
        padding-right: 10px !important;
    }

    .py-lg-10 {
        padding-bottom: 10px !important;
    }

    .px-lg-10 {
        padding-left: 10px !important;
    }

    .p-lg-20 {
        padding: 20px !important;
    }

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

    .px-lg-20 {
        padding-right: 20px !important;
    }

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

    .px-lg-20 {
        padding-left: 20px !important;
    }

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

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

    .px-lg-30 {
        padding-right: 30px !important;
    }

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

    .px-lg-30 {
        padding-left: 30px !important;
    }
}

.d-none {
    display: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.up-btn {
    --btn-padding-vertical: 12px;
    --btn-padding-horizontal: 29px;
    --btn-padding-vertical-sm: 8px;
    --btn-padding-horizontal-sm: 11px;
    --btn-circle-size: 40px;
    --btn-link-padding-horizontal: 20px;
    padding: var(--btn-padding-vertical) var(--btn-padding-horizontal);
    box-shadow: var(--drop-shadow);
    border: var(--btn-border);
    border-radius: var(--btn-radius);
    font-weight: var(--btn-weight);
    display: inline-block;
    margin: 0 20px 30px 0;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.15s;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
}

.up-btn:hover {
    text-decoration: none;
}

@media (hover: hover) {
    .up-btn:active,
    .up-btn:hover {
        transition: all 0.3s;
        box-shadow: var(--drop-shadow-active);
    }

    .up-btn.active {
        box-shadow: var(--drop-shadow);
    }

    .up-btn.active:active,
    .up-btn.active:hover {
        box-shadow: var(--drop-shadow-active);
    }
}

.up-btn > .up-icon {
    vertical-align: top;
}

.up-btn > .up-icon:not(:last-child) {
    margin-right: 10px;
}

.up-btn-primary {
    color: var(--text-inverse);
    background-color: var(--brand-primary);
    border-color: transparent;
}

@media (hover: hover) {
    .up-btn-primary.active,
    .up-btn-primary:active,
    .up-btn-primary:focus,
    .up-btn-primary:hover {
        color: var(--text-inverse);
        background-color: var(--brand-success);
    }
}

.up-btn-default {
    color: var(--brand-primary);
    background-color: var(--bg-inverse);
}

@media (hover: hover) {
    .up-btn-default.active,
    .up-btn-default:active,
    .up-btn-default:hover {
        color: var(--brand-success);
        background-color: var(--btn-bg-hover);
    }
}

.up-btn-circle.disabled,
.up-btn-circle[disabled],
.up-btn-default.disabled,
.up-btn-default[disabled],
.up-btn-primary.disabled,
.up-btn-primary[disabled],
.up-btn.active.disabled,
.up-btn.active[disabled] {
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    cursor: not-allowed;
    outline: 0;
    border-color: var(--border-4);
    --disabled-color: var(--text-3);
    color: var(--disabled-color);
    --disabled-bg: var(--bg-4);
    background-color: var(--disabled-bg);
}

.up-btn-circle.disabled:active,
.up-btn-circle[disabled]:active,
.up-btn-default.disabled:active,
.up-btn-default[disabled]:active,
.up-btn-primary.disabled:active,
.up-btn-primary[disabled]:active,
.up-btn.active.disabled:active,
.up-btn.active[disabled]:active {
    pointer-events: none;
}

.up-btn-link {
    padding-left: var(--btn-link-padding-horizontal);
    padding-right: var(--btn-link-padding-horizontal);
    background-color: transparent;
    color: var(--link-color);
    text-transform: none;
    font-weight: var(--btn-weight);
    line-height: 13px;
    box-shadow: none !important;
    border-color: transparent;
}

.up-btn-link img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 5px;
}

@media (hover: hover) {
    .up-btn-link.active,
    .up-btn-link:active,
    .up-btn-link:focus,
    .up-btn-link:hover {
        color: var(--link-hover-color);
        text-decoration: underline;
    }
}

.up-btn-link[disabled] {
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    cursor: not-allowed;
    outline: 0;
    --disabled-color: var(--text-3);
    color: var(--disabled-color);
    background-color: transparent;
    opacity: 0.65;
}

.up-btn-link[disabled]:active {
    pointer-events: none;
}

.up-btn-link:not(.up-btn) {
    display: inline-flex;
    align-items: center;
    padding: 0;
    margin: 0;
    border: 0;
    background: 0 0;
    cursor: pointer;
}

.up-btn-link:not(.up-btn) .up-icon {
    margin-right: 10px;
}

.up-btn-block {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

.up-btn-block + .up-btn-block {
    margin-top: 5px;
}

.up-btn-circle {
    width: var(--btn-circle-size);
    height: var(--btn-circle-size);
    margin: 0;
    padding: 0;
    border-radius: 50%;
}

.up-btn-circle:not(.up-btn-primary):not([disabled]) .up-icon {
    color: var(--primary-color-icon);
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: none;
}

:root,
html[theme="default"] {
    --font-family-base: "Gotham SSm", Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
    --font-family-rebrand: "Canela Deck Bold";
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-bold: 500;
    --font-weight-black: 700;
    --heading-weight: var(--font-weight-normal);
    --heading-weight-alt: var(--font-weight-bold);
    --heading-weight-visitor: var(--font-weight-black);
    --btn-weight: var(--font-weight-bold);
    --brand-primary: #ffcc0d;
    --brand-primary-light: #ffcc0d;
    --brand-primary-lightest: #ebf7ec;
    --brand-success: #ffcc0d;
    --brand-info: #ffcc0d;
    --brand-complimentary: #14bff4;
    --brand-complimentary-dark: #008eaf;
    --brand-complimentary-darkest: #1d4354;
    --brand-domestic: #2579e7;
    --brand-warning: #e6a01e;
    --brand-danger: #d50000;
    --brand-accent: #cdc52d;
    --brand-marketing: #ffcc0d;
    --brand-marketing-up: #ffcc0d;
    --brand-twilight: #2b5468;
    --brand-dusk: #336278;
    --brand-highlight: #0073d2;
    --brand-coral: #f3756c;
    --opacity-black: #000f12;
    --white: #fff;
    --black: #000;
    --gray-1: #222;
    --gray-2: #656565;
    --gray-3: #a0a0a0;
    --gray-4: #e0e0e0;
    --gray-5: #f2f2f2;
    --gray-6: #f9f9f9;
    --gray-7: #d1d1d1;
    --text-inverse: var(--white);
    --text-1: var(--gray-1);
    --text-2: var(--gray-2);
    --text-3: var(--gray-3);
    --text-4: var(--gray-4);
    --text-5: var(--gray-5);
    --text-7: var(--gray-7);
    --bg-1: var(--gray-1);
    --bg-2: var(--gray-2);
    --bg-3: var(--gray-3);
    --bg-4: var(--gray-4);
    --bg-5: var(--gray-5);
    --bg-6: var(--gray-6);
    --bg-7: var(--gray-7);
    --bg-inverse: var(--white);
    --body-bg: var(--bg-5);
    --link-color: var(--brand-primary);
    --link-hover-color: var(--brand-info);
    --shadow-color: 57, 73, 76;
    --shadow-color-active: rgba(var(--shadow-color), 0.25);
    --drop-shadow: 0 1px 6px rgba(var(--shadow-color), 0.35);
    --drop-shadow-active: 0 2px 10px 1px rgba(var(--shadow-color), 0.4), 0 1px 2px rgba(var(--shadow-color), 0.25);
    --pop-shadow: 0 1px 6px rgba(var(--shadow-color), 0.35);
    --form-shadow: inset 0 0 5px rgba(var(--shadow-color), 0.4);
    --dialog-shadow: 0 2px 7px rgba(var(--shadow-color), 0.45);
    --transparent: transparent;
    --transparent-inverse: hsla(0, 0%, 100%, 0);
    --semi-transparent-inverse: hsla(0, 0%, 97.6%, 0.9);
    --backdrop-opacity: 0.9;
    --backdrop: var(--gray-3);
    --border-4: var(--gray-4);
    --border-7: var(--gray-7);
    --border-base: 1px solid var(--border-4);
    --border-base-alt: 1px solid var(--border-7);
    --btn-border: 1px solid transparent;
    --card-border: 0;
    --radius: 2px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --form-radius: var(--radius);
    --btn-radius: var(--radius);
    --dialog-radius: 0;
    --card-radius: 0;
    --alert-radius: 0;
    --width-sm: 218px;
    --btn-bg-hover: var(--bg-inverse);
    --primary-color-icon: var(--brand-primary);
    --primary-bg-hover: var(--bg-6);
    --primary-color-hover: var(--brand-success);
    --primary-bg-active: var(--bg-6);
    --primary-color-active: var(--brand-primary);
    --primary-weight-active: var(--font-weight-normal);
    --primary-border-mobile: var(--border-base);
    --primary-bg-highlight: var(--bg-6);
    --card-section-padding: 30px;
    --checkbox-color-active: var(--brand-info);
    --checkbox-helper-size: 15px;
}

html[theme="air-2-5"],
html[theme="dark"] {
    --body-bg: #fff;
    --heading-weight: var(--font-weight-black);
    --heading-weight-alt: var(--font-weight-black);
    --heading-weight-visitor: var(--font-weight-black);
    --btn-weight: var(--font-weight-black);
    --drop-shadow: none;
    --drop-shadow-active: none;
    --form-shadow: none;
    --backdrop-opacity: 0.5;
    --backdrop: var(--opacity-black);
    --form-radius: var(--radius-sm);
    --alert-radius: var(--radius-sm);
    --btn-radius: var(--radius-md);
    --dialog-radius: var(--radius-md);
    --card-radius: var(--radius-md);
    --card-border: var(--border-base);
    --btn-border: 1px solid var(--border-7);
    --btn-bg-hover: var(--bg-6);
    --primary-color-icon: var(--text-2);
    --primary-bg-hover: var(--bg-5);
    --primary-color-hover: var(--text-1);
    --primary-bg-active: transparent;
    --primary-color-active: var(--text-1);
    --primary-weight-active: var(--font-weight-bold);
    --primary-border-mobile: 0;
    --primary-bg-highlight: var(--bg-inverse);
    --card-section-padding: 25px;
    --checkbox-color-active: var(--text-3);
    --checkbox-helper-size: 16px;
}

html[theme="dark"] {
    --body-bg: #1a2733;
    --text-inverse: var(--white);
    --text-1: var(--white);
    --text-2: #a5adb5;
    --text-3: var(--gray-3);
    --text-4: var(--gray-4);
    --text-5: var(--gray-5);
    --text-7: var(--gray-7);
    --bg-1: var(--gray-1);
    --bg-2: #e0e0e0;
    --bg-3: var(--gray-3);
    --bg-4: #677584;
    --bg-5: #1a2733;
    --bg-6: #1c2b3a;
    --bg-7: #677584;
    --bg-inverse: #203449;
    --brand-complimentary-darkest: #1a2733;
    --primary-bg-highlight: #1a2733;
    --border-4: #324457;
    --border-7: #324457;
    --input-bg-focus: var(--brand-complimentary-darkest);
}

:root {
    --nav-bg: var(--white);
    --nav-primary: var(--brand-primary);
    --nav-text: var(--text-2);
    --nav-text-alt: var(--text-2);
    --nav-hover-bg: var(--primary-bg-hover);
    --nav-dot: var(--brand-warning);
    --nav-border-base: 1px solid var(--border-4);
    --nav-dropdown-bg: var(--white);
    --nav-dropdown-border-color: var(--border-4);
    --nav-dropdown-border: 1px solid var(--nav-dropdown-border-color);
    --nav-input-border: 1px solid var(--border-4);
    --nav-input-border-active: 1px solid var(--brand-success);
    --nav-input-radius: var(--radius);
    --nav-input-bg: var(--white);
    --nav-input-placeholder-color: var(--text-2);
    --nav-text-case: uppercase;
    --nav-font-size: 12px;
    --nav-weight: var(--font-weight-bold);
    --nav-icon-color: var(--text-2);
    --nav-hamburger-color: var(--text-2);
    --nav-hamburger-color-active: var(--nav-primary);
    --nav-search-expand-color: var(--text-2);
    --nav-color-active: var(--primary-color-active);
    --nav-color-hover: var(--primary-color-hover);
}

@media (max-width: 991px) {
    :root {
        --nav-text: var(--text-1);
        --nav-icon-color: var(--nav-primary);
    }
}

html[theme="air-2-5"],
html[theme="dark"] {
    --nav-bg: var(--brand-complimentary-darkest);
    --nav-dot: var(--brand-coral);
    --nav-primary: var(--brand-marketing-up);
    --nav-text: var(--white);
    --nav-font-size: 14px;
    --nav-text-case: initial;
    --nav-weight: var(--font-weight-normal);
    --nav-icon-color: var(--white);
    --nav-hamburger-color: var(--white);
    --nav-hamburger-color-active: var(--white);
    --nav-search-expand-color: var(--white);
    --nav-input-radius: 20px;
    --nav-input-border: 1px solid transparent;
    --nav-input-border-active: 1px solid transparent;
    --nav-input-placeholder-color: var(--white);
}

@media (max-width: 991px) {
    html[theme="air-2-5"],
    html[theme="dark"] {
        --nav-dropdown-border-color: var(--brand-dusk);
        --nav-color-active: var(--nav-primary);
        --nav-color-hover: var(--nav-primary);
        --nav-text-alt: var(--white);
        --nav-hover-bg: transparent;
    }
}

html[theme="air-2-5"] {
    --nav-input-bg: var(--brand-twilight);
    --nav-border-base: 1px solid var(--brand-dusk);
}

html[theme="dark"] {
    --nav-border-base: 1px solid var(--border-4);
    --nav-dropdown-bg: var(--brand-complimentary-darkest);
    --nav-shadow: var(--pop-shadow);
    --nav-hover-bg: var(--bg-inverse);
    --nav-input-bg: var(--bg-inverse);
}

@media (max-width: 991px) {
    .footer-visitor,
    .nav-header-wrapper,
    .nav-visitor .nav-collapse,
    .visitor-page-container {
        transition: transform 0.3s;
    }

    .nav-visitor .nav-collapse {
        transform: translateX(-105%);
    }

    .footer-visitor,
    .nav-header-wrapper,
    .visitor-page-container {
        transform: none;
    }
}

.nav-collapsed-header {
    min-height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.nav-collapsed-close-btn {
    color: var(--nav-hamburger-color-active);
    line-height: 0;
}

@media (max-width: 991px) {
    body:not(.nav-is-open) .nav-collapse {
        display: none;
    }
}

body:not(.kb-nav) .nav-v2 :focus {
    outline: 0;
}

@-webkit-keyframes nav-fullwidth {
    0% {
        width: 90%;
    }
    to {
        width: 100%;
    }
}

@keyframes nav-fullwidth {
    0% {
        width: 90%;
    }
    to {
        width: 100%;
    }
}

.up-s-nav-icon,
.up-s-nav-icon[size="default"] {
    --size: var(--default-size);
}

.up-s-nav-icon[size="xs"] {
    --size: var(--xs-size);
}

.up-s-nav-icon[size="sm"] {
    --size: var(--sm-size);
}

.up-s-nav-icon[size="md"] {
    --size: var(--md-size);
}

.up-s-nav-icon[size="lg"] {
    --size: var(--lg-size);
}

.up-s-nav-icon {
    display: inline-block;
    --default-size: 14px;
    --xs-size: 10px;
    --sm-size: 12px;
    --md-size: 20px;
    --lg-size: 40px;
    width: var(--size);
    height: var(--size);
}

.up-s-nav-icon svg {
    fill: currentColor;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.up-card {
    position: relative;
    background-color: var(--bg-inverse);
    margin: 10px -15px;
    padding: 15px;
    box-shadow: var(--drop-shadow);
    border-radius: var(--card-radius);
    border: var(--card-border);
}

@media (min-width: 768px) {
    .up-card {
        margin: 30px -30px;
        padding: 30px;
    }
}

.up-card-footer,
.up-card-header {
    margin: 0 -15px;
    padding: 15px;
    background-color: var(--primary-bg-highlight);
}

@media (min-width: 768px) {
    .up-card-footer,
    .up-card-header {
        margin: 0 -30px;
        padding: var(--card-section-padding) 30px;
    }
}

.up-card-header {
    border-bottom: var(--border-base);
    border-radius: var(--card-radius) var(--card-radius) 0 0;
}

.up-card-footer {
    border-radius: 0 0 var(--card-radius) var(--card-radius);
}

.up-card-footer {
    border-top: var(--border-base);
}

.up-card-section {
    margin: 0 -15px;
    padding: 15px;
    border-bottom: var(--border-base);
    cursor: auto;
}

@media (min-width: 768px) {
    .up-card-section {
        margin: 0 -30px;
        padding: 20px 30px;
    }
}

.up-card-section.p-0,
.up-card-section:last-child {
    border-bottom: none;
}

.up-card-section + .up-card-footer {
    border-top: none !important;
}

.up-card-section:not(:last-child):not(:first-child) {
    border-radius: 0;
}

.up-card-section.up-card-hover:not(:hover):not([focus-within]) a {
    color: inherit;
}

.up-card-section.up-card-hover:not(:hover):not(:focus-within) a {
    color: inherit;
}

@media (hover: hover) {
    .up-card-section.up-card-hover:hover,
    .up-card-section.up-card-hover[focus-within] {
        box-shadow: none;
        background-color: var(--bg-6);
        cursor: pointer;
    }

    .up-card-section.up-card-hover:focus-within,
    .up-card-section.up-card-hover:hover {
        box-shadow: none;
        background-color: var(--bg-6);
        cursor: pointer;
    }
}

.flex-1 {
    flex: 1;
}

.border-top {
    border-top: var(--border-base);
}

.cfe-facet-card-list .up-typeahead .up-input,
.cfe-facet-card-list .up-typeahead-fake .up-input {
    --input-group-clear-padding: 48px;
}

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

.cursor-pointer {
    cursor: pointer;
}

.up-icon {
    --size: 14px;
    display: inline-block;
    width: var(--size);
    height: var(--size);
}

.up-icon > svg {
    fill: currentColor;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.up-icon.md {
    --size: 20px;
}

.up-icon.lg {
    --size: 40px;
}

.flex-direction-column {
    flex-direction: column;
}

.up-input {
    --input-height: 40px;
    --input-padding-vertical: 10px;
    --input-padding-horizontal: 19px;
    --input-height-sm: 30px;
    --input-padding-vertical-sm: 6px;
    --input-padding-horizontal-sm: 7px;
    display: block;
    width: 100%;
    border: var(--border-base);
    border-radius: var(--form-radius);
    color: currentColor;
    background-color: var(--bg-inverse);
    background-image: none;
    background-clip: padding-box;
    font-family: inherit;
    font-size: 13px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    overflow: visible;
    margin: 0;
    min-height: var(--input-height);
    height: var(--input-height);
    padding: var(--input-padding-vertical) var(--input-padding-horizontal);
}

.up-input::-moz-placeholder {
    color: var(--text-2);
    opacity: 1;
}

.up-input:-ms-input-placeholder {
    color: var(--text-2);
}

.up-input::-webkit-input-placeholder {
    color: var(--text-2);
}

.up-input:focus,
.up-input:hover {
    box-shadow: var(--form-shadow);
    border-color: var(--brand-success);
}

.up-input[disabled],
.up-input[readonly] {
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    cursor: not-allowed;
    outline: 0;
    border-color: var(--border-4);
    --disabled-color: var(--text-2);
    color: var(--disabled-color);
    --disabled-bg: var(--bg-5);
    background-color: var(--disabled-bg);
    opacity: 1;
}

.up-input[disabled]:active,
.up-input[readonly]:active {
    pointer-events: none;
}

.up-input::-ms-clear {
    display: none;
}

.up-input:focus {
    background-color: var(--bg-inverse);
    background-color: var(--input-bg-focus, var(--bg-inverse));
}

.up-input[type="search"] {
    box-sizing: border-box;
    -webkit-appearance: none;
}

.up-input[type="file"] {
    display: block;
}

.up-input[type^="date"] {
    -webkit-appearance: textfield;
    appearance: textfield;
    line-height: var(--input-height);
}

.up-input[type="number"],
.up-input[type^="date"] {
    -moz-appearance: textfield;
}

.up-input[type="number"]::-webkit-inner-spin-button,
.up-input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.up-input[type="number"]:-moz-ui-invalid {
    box-shadow: none;
}

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

.facet-query {
    display: flex;
}

.facet-query .facet-query-input {
    flex-grow: 1;
}

.facet-query .facet-query-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.up-input-group {
    --input-group-input-padding: 48px;
    --input-group-icon-padding: 15px;
    position: relative;
}

.up-input-group .up-input {
    padding-right: var(--input-group-input-padding);
}

.up-input-group .up-input:last-child {
    padding-right: var(--input-padding-horizontal);
}

.up-input-group.up-has-success {
    --input-color-icon: var(--brand-success);
}

.up-input-group-append,
.up-input-group-between {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.up-input-group-append > .up-icon,
.up-input-group-between > .up-icon {
    color: var(--primary-color-icon);
    color: var(--input-color-icon, var(--primary-color-icon));
}

.up-input-group-append button,
.up-input-group-between button {
    height: 100%;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    pointer-events: auto;
}

.up-input-group-append {
    right: 0;
    padding-right: var(--input-group-icon-padding);
}

.up-input-group-append button:last-child {
    margin-right: calc(var(--input-group-icon-padding) * -1);
    border-radius: 0 var(--form-radius) var(--form-radius) 0;
}

.up-btn-reset {
    background: 0 0;
    padding: 0;
    margin: 0;
    line-height: 0;
    border: 0;
    font-size: 0;
    -webkit-appearance: none;
}

.up-btn-reset:not([disabled]):not(.disabled) {
    cursor: pointer;
}

.up-typeahead {
    display: block;
    position: relative;
}

.up-typeahead-input-fake {
    caret-color: transparent;
}

.up-typeahead .up-btn-reset,
.up-typeahead-fake .up-btn-reset {
    color: var(--text-3);
}

.up-btn-reset {
    background: 0 0;
    padding: 0;
    margin: 0;
    line-height: 0;
    border: 0;
    font-size: 0;
    -webkit-appearance: none;
}

.up-btn-reset:not([disabled]):not(.disabled) {
    cursor: pointer;
}

.up-input-group-clear {
    --input-group-clear-padding: 70px;
}

.up-input-group-clear .up-input {
    padding-right: var(--input-group-clear-padding);
}

.up-btn-clear {
    color: var(--text-3);
}

.up-btn-row {
    --btn-row-size: 40px;
}

@media (max-width: 767px) {
    .up-btn-row {
        display: flex;
        flex-wrap: nowrap;
    }

    .up-btn-row .up-btn {
        --btn-padding-horizontal: var(--btn-padding-horizontal-sm);
        flex: 1;
    }

    .up-btn-row .up-btn:not(:last-child) {
        margin-right: 15px;
    }

    .up-btn-row .up-btn:last-child {
        margin-right: 0;
    }
}

.up-skill-badge {
    --skill-height: 25px;
    --skill-color: var(--brand-complimentary-darkest);
    --skill-bg: var(--bg-5);
    display: inline-flex;
    align-items: center;
    height: var(--skill-height);
    margin: 0 5px 10px 0;
    padding: 0 10px;
    color: var(--skill-color);
    background-color: var(--skill-bg);
    border-radius: 12px;
    font-size: 12px;
    line-height: 1;
    cursor: default;
}

.up-skill-badge:hover {
    --skill-bg: var(--bg-4);
}

.up-skill-badge[aria-checked="true"] {
    --skill-color: var(--text-inverse);
    --skill-bg: var(--brand-dusk);
}

.up-skill-badge[aria-checked="true"]:hover {
    --skill-bg: var(--brand-complimentary-darkest);
}

.up-skill-badge .up-icon {
    margin-left: 5px;
}

.cursor-pointer {
    cursor: pointer;
}

.position-relative {
    position: relative;
}

.up-placeholder-bar {
    --placeholder-height: 18px;
    --placeholder-height-sm: 13px;
    --placeholder-margin: 13px;
    --placeholder-width: 37%;
    --placeholder-secondary-width: 74%;
    --placeholder-tertiary-width: 100%;
    width: var(--placeholder-width);
    height: var(--placeholder-height);
    background-color: var(--bg-4);
    transform: scaleX(0);
    transform-origin: left;
    -webkit-animation: scale-x 2s ease-in-out 0.3s infinite alternate;
    animation: scale-x 2s ease-in-out 0.3s infinite alternate;
}

.up-placeholder-bar + .up-placeholder-bar {
    margin-top: var(--placeholder-margin);
}

.up-placeholder-bar:nth-child(2) {
    width: var(--placeholder-secondary-width);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.up-placeholder-bar:nth-child(3) {
    width: var(--placeholder-tertiary-width);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

@-webkit-keyframes scale-x {
    0%,
    10% {
        transform: scaleX(0);
    }
    20%,
    80% {
        transform: scaleX(1);
    }
    90%,
    to {
        transform: scaleX(0);
    }
}

@keyframes scale-x {
    0%,
    10% {
        transform: scaleX(0);
    }
    20%,
    80% {
        transform: scaleX(1);
    }
    90%,
    to {
        transform: scaleX(0);
    }
}

.up-avatar {
    --avatar-color: var(--bg-3);
    display: inline-flex;
    width: var(--size);
    height: var(--size);
    max-width: var(--size);
    max-height: var(--size);
    overflow: hidden;
    border: var(--border-base);
    -o-object-fit: cover;
    object-fit: cover;
    color: var(--avatar-color);
    vertical-align: middle;
}

.up-avatar-company {
    border: 0;
    border-radius: 0;
    background-color: var(--avatar-color);
    color: var(--text-inverse);
}

.up-avatar-company.up-icon {
    padding: calc(var(--size) / 5);
}

.up-avatar-30 {
    --size: 30px !important;
}

.up-avatar-40 {
    --size: 40px !important;
}

.up-avatar-60 {
    --size: 60px !important;
}

.up-avatar-80 {
    --size: 80px !important;
}

.up-avatar-100 {
    --size: 100px !important;
}

.up-avatar-170 {
    --size: 170px !important;
}

.cfe-ui-freelancer-tile-placeholder {
    min-width: 250px;
    height: 150px;
    display: flex;
}

.cfe-ui-freelancer-tile-placeholder .identity-content {
    flex: 1 1 0;
    align-items: stretch;
    min-width: 0;
}

.up-icon {
    --size: 14px;
    display: inline-block;
    width: var(--size);
    height: var(--size);
}

.up-icon > svg {
    fill: currentColor;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.up-icon.md {
    --size: 20px;
}

.up-icon.lg {
    --size: 40px;
}

.profile-slider-header {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    max-width: 970px;
}

.up-checkbox,
.up-radio {
    display: flex;
    min-height: 18px;
    padding-left: 5px;
}

@media (max-width: 767px) {
    .up-checkbox,
    .up-radio {
        border-top: var(--primary-border-mobile);
    }

    .up-checkbox:last-of-type,
    .up-radio:last-of-type {
        border-bottom: var(--primary-border-mobile);
    }
}

@media (min-width: 768px) {
    .up-checkbox,
    .up-radio {
        margin-left: -5px;
    }
}

.up-checkbox:hover,
.up-checkbox[focus-within],
.up-radio:hover,
.up-radio[focus-within] {
    background-color: var(--primary-bg-hover);
    color: var(--primary-color-hover);
}

.up-checkbox:focus-within,
.up-checkbox:hover,
.up-radio:focus-within,
.up-radio:hover {
    background-color: var(--primary-bg-hover);
    color: var(--primary-color-hover);
}

.up-checkbox .up-checkbox-label,
.up-radio .up-checkbox-label {
    position: relative;
    padding: 15px 3px 15px 0;
    display: flex;
    width: 100%;
    line-height: var(--checkbox-helper-size);
    cursor: pointer;
    margin: 0 !important;
    font-weight: var(--font-weight-normal) !important;
}

@media (min-width: 768px) {
    .up-checkbox .up-checkbox-label,
    .up-radio .up-checkbox-label {
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

.up-checkbox .up-checkbox-label:hover [type="checkbox"] + .up-checkbox-replacement-helper,
.up-checkbox .up-checkbox-label:hover [type="radio"] + .up-checkbox-replacement-helper,
.up-radio .up-checkbox-label:hover [type="checkbox"] + .up-checkbox-replacement-helper,
.up-radio .up-checkbox-label:hover [type="radio"] + .up-checkbox-replacement-helper {
    color: transparent;
    border-color: var(--checkbox-color-active);
    transition: transform 0.3s, box-shadow 0.3s;
}

.up-checkbox .up-checkbox-label:hover [type="checkbox"]:checked + .up-checkbox-replacement-helper,
.up-checkbox .up-checkbox-label:hover [type="radio"]:checked + .up-checkbox-replacement-helper,
.up-radio .up-checkbox-label:hover [type="checkbox"]:checked + .up-checkbox-replacement-helper,
.up-radio .up-checkbox-label:hover [type="radio"]:checked + .up-checkbox-replacement-helper {
    border-color: var(--brand-info);
    background-color: var(--brand-info);
}

.up-checkbox .up-checkbox-label:hover [type="checkbox"]:checked + .up-checkbox-replacement-helper:before,
.up-checkbox .up-checkbox-label:hover [type="radio"]:checked + .up-checkbox-replacement-helper:before,
.up-radio .up-checkbox-label:hover [type="checkbox"]:checked + .up-checkbox-replacement-helper:before,
.up-radio .up-checkbox-label:hover [type="radio"]:checked + .up-checkbox-replacement-helper:before {
    background-color: var(--brand-info);
}

.up-checkbox .up-checkbox-label:hover [type="checkbox"]:not(:checked) + .up-checkbox-replacement-helper,
.up-radio .up-checkbox-label:hover [type="checkbox"]:not(:checked) + .up-checkbox-replacement-helper {
    box-shadow: 0 0 0 1px var(--checkbox-color-active);
}

.up-checkbox .up-checkbox-label:hover [type="radio"] + .up-checkbox-replacement-helper,
.up-radio .up-checkbox-label:hover [type="radio"] + .up-checkbox-replacement-helper {
    transform: scale(1.1);
}

.up-checkbox .up-checkbox-label:hover [type="radio"]:checked + .up-checkbox-replacement-helper,
.up-radio .up-checkbox-label:hover [type="radio"]:checked + .up-checkbox-replacement-helper {
    background-color: var(--bg-inverse);
}

.up-checkbox .up-checkbox-label.disabled,
.up-radio .up-checkbox-label.disabled {
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    cursor: not-allowed;
    outline: 0;
    --disabled-color: var(--text-3);
    color: var(--disabled-color);
    background-color: transparent;
}

.up-checkbox .up-checkbox-label.disabled:active,
.up-radio .up-checkbox-label.disabled:active {
    pointer-events: none;
}

.up-checkbox .up-checkbox-label.has-error input:not(:checked) + .up-checkbox-replacement-helper,
.up-radio .up-checkbox-label.has-error input:not(:checked) + .up-checkbox-replacement-helper {
    color: transparent !important;
    border-color: var(--brand-danger) !important;
    box-shadow: none !important;
}

.up-checkbox [type="checkbox"],
.up-checkbox [type="radio"],
.up-radio [type="checkbox"],
.up-radio [type="radio"] {
    position: absolute;
    width: var(--checkbox-helper-size);
    height: var(--checkbox-helper-size);
    opacity: 0;
    margin: 0;
}

.up-checkbox [type="checkbox"] + .up-checkbox-replacement-helper,
.up-checkbox [type="radio"] + .up-checkbox-replacement-helper,
.up-radio [type="checkbox"] + .up-checkbox-replacement-helper,
.up-radio [type="radio"] + .up-checkbox-replacement-helper {
    position: relative;
    flex: none;
    width: var(--checkbox-helper-size);
    height: var(--checkbox-helper-size);
    line-height: var(--checkbox-helper-size);
    font-size: var(--checkbox-helper-size);
    background-color: var(--bg-inverse);
    border: 1px solid var(--gray-3);
    margin-right: 10px;
}

.up-checkbox input[disabled] + .up-checkbox-replacement-helper,
.up-radio input[disabled] + .up-checkbox-replacement-helper {
    border-color: var(--disabled-color) !important;
    background-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.up-checkbox input[disabled]:checked + .up-checkbox-replacement-helper .up-icon,
.up-checkbox input[disabled]:checked + .up-checkbox-replacement-helper:before,
.up-radio input[disabled]:checked + .up-checkbox-replacement-helper .up-icon,
.up-radio input[disabled]:checked + .up-checkbox-replacement-helper:before {
    color: var(--text-inverse) !important;
    background-color: var(--disabled-color) !important;
}

.up-checkbox .up-icon,
.up-radio .up-icon {
    display: none;
}

.up-checkbox .up-checkbox-replacement-helper {
    border-radius: var(--form-radius);
}

.up-checkbox:hover .up-checkbox-replacement-helper {
    box-shadow: 0 0 0 1px var(--brand-primary);
}

.up-checkbox [type="checkbox"]:checked + .up-checkbox-replacement-helper {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.up-checkbox [type="checkbox"]:checked + .up-checkbox-replacement-helper .up-icon {
    color: var(--text-inverse);
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 2px;
}

.up-radio [type="radio"] + .up-checkbox-replacement-helper {
    border-radius: 50%;
}

.up-radio [type="radio"]:checked + .up-checkbox-replacement-helper {
    border-color: var(--brand-primary);
}

.up-radio [type="radio"]:checked + .up-checkbox-replacement-helper:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--brand-primary);
    border-radius: 50%;
    border: 2px solid var(--bg-inverse);
}

.keyboard-user .up-checkbox-label[focus-within] {
    outline: auto;
    outline-color: var(--brand-primary);
}

.keyboard-user .up-checkbox-label:focus-within {
    outline: auto;
    outline-color: var(--brand-primary);
}

.font-size-base {
    font-size: 13px;
}

.text-normal {
    color: var(--text-1) !important;
    font-weight: var(--font-weight-normal) !important;
}

.text-strong {
    font-weight: var(--font-weight-black) !important;
}

.green-hover:hover {
    color: var(--link-hover-color) !important;
}

.profile-stats {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .profile-stats > * {
        flex: 0 45%;
    }
}

.profile-stats-in-portfolio-tile > * {
    flex: 0 45%;
}

.job-success-width {
    min-width: 125px;
    max-width: 150px;
}

.overview {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.up-skill-container {
    display: grid;
    align-items: center;
}

.up-skill-container .up-btn,
.up-skill-container .up-skill-wrapper {
    grid-row: 1/-1;
}

.up-skill-container .up-skill-wrapper {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 2px 0 15px;
    scrollbar-width: none;
}

.up-skill-container .up-skill-wrapper::-webkit-scrollbar {
    display: none;
}

.up-skill-container .up-skill-badge {
    margin-bottom: 0;
    flex: none;
}

.up-skill-container .up-skill-badge:last-of-type {
    margin-right: 0;
}

.up-skill-container .up-btn {
    margin: 0 0 15px;
    padding: 0;
}

.up-skill-container .up-btn.up-btn-prev {
    margin-right: 15px;
}

.up-skill-container .up-btn.up-btn-next {
    margin-left: 15px;
}

.cfe-ui-freelancer-tile-identity {
    display: flex;
    align-items: center;
}

.cfe-ui-freelancer-tile-identity .identity-content {
    flex: 1 1 0;
    align-items: stretch;
    min-width: 0;
}

@media (min-width: 992px) {
    .cfe-ui-freelancer-tile-identity .identity-content {
        margin-top: auto;
        margin-bottom: auto;
    }
}

.cfe-ui-freelancer-tile-identity .identity-name {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 767px) {
    .cfe-ui-freelancer-tile-identity .identity-name {
        -webkit-line-clamp: 2;
    }
}

.cfe-ui-freelancer-tile-identity .up-presence-indicator {
    bottom: -4px;
    right: -4px;
}

.freelancer-title {
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.up-job-success {
    --job-success-height: 4px;
    position: relative;
    height: var(--job-success-height);
    margin-top: 20px;
    background-color: var(--bg-4);
    text-align: left !important;
}

.up-job-success-bar {
    height: 100%;
    background-color: var(--brand-complimentary);
}

.up-job-success-hidden {
    background: none;
}

.up-job-success-text {
    position: absolute;
    bottom: 10px;
    line-height: 1;
    font-size: 13px !important;
}

.up-badge {
    display: inline-flex;
    align-items: center;
    color: var(--brand-complimentary);
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.up-badge:not(.up-badge-tagline):not(.up-badge-flag) {
    border: 1px solid var(--brand-complimentary);
    background-color: var(--bg-inverse);
    text-transform: uppercase;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: var(--radius);
    font-family: inherit;
    font-weight: var(--font-weight-black);
    line-height: 1.42857;
}

.up-badge:not(.up-badge-tagline):not(.up-badge-flag).up-badge-premium {
    color: var(--text-inverse);
    border-color: var(--brand-complimentary-dark);
    background-color: var(--brand-complimentary-dark);
}

.up-badge .up-icon {
    margin-right: 5px;
}

.flex-1 {
    flex: 1;
}

.up-menu-list,
.up-nested-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.up-no-result {
    display: flex;
    align-items: center;
    margin-left: 10px;
    padding: 10px 0;
}

.up-no-result .up-icon {
    margin-left: 5px;
    margin-right: 10px;
}

.up-nested-menu-list .up-icon {
    margin: 0;
    color: var(--text-3);
}

@media (min-width: 768px) {
    .up-nested-menu-list .up-icon {
        width: 10px;
        height: 10px;
        font-size: 10px;
        line-height: 10px;
    }
}

@media (max-width: 767px) {
    .up-nested-menu-list.open > .up-nested-menu {
        transform: translateX(-100%);
    }
}

@media (min-width: 768px) {
    .up-nested-menu-list.hover > .up-nested-menu {
        display: block;
        transform: translateX(0);
    }
}

.up-menu-list {
    background-color: var(--bg-inverse);
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: var(--form-radius);
}

@media (min-width: 768px) {
    .up-dropdown-menu-nested .up-menu-list {
        max-height: none;
        overflow: visible;
    }
}

.up-menu-list .up-menu-item {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: var(--bg-inverse);
    font-weight: var(--font-weight-normal);
    line-height: 14px;
    text-align: left;
    cursor: pointer;
}

@media (min-width: 768px) {
    .up-menu-list .up-menu-item {
        position: relative;
        padding: 8px 20px;
    }
}

.up-menu-list .up-menu-item:hover {
    background-color: var(--primary-bg-hover);
    color: var(--primary-color-hover);
}

.up-menu-list .up-menu-item.active {
    color: var(--primary-color-active);
    text-decoration: none;
    font-weight: var(--primary-weight-active);
}

.up-menu-list .up-menu-item.active:after {
    content: none;
}

.up-menu-list .up-menu-item.focused-menu {
    z-index: 1;
    color: var(--primary-color-hover);
}

.up-menu-list .up-menu-item.disabled {
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    cursor: not-allowed;
    outline: 0;
    --disabled-color: var(--text-3);
    color: var(--disabled-color);
    background-color: transparent;
}

.up-menu-list .up-menu-item.disabled:active {
    pointer-events: none;
}

.up-menu-list .up-menu-item.disabled .up-icon {
    color: inherit;
}

.up-menu-list .up-menu-item:not(.up-multi-select) {
    padding-left: 45px;
}

.up-menu-list .up-menu-item.checkable-none {
    padding-left: 20px;
}

@media (max-width: 767px) {
    .up-menu-list .up-menu-item.checkable-none {
        padding-left: 15px;
    }
}

.up-menu-list .up-menu-item .up-menu-list .up-menu-item:not(:hover) {
    color: var(--text-1);
}

.up-menu-list a {
    font-weight: inherit;
    color: inherit;
}

.up-menu-list li {
    margin: 0;
}

@media (max-width: 767px) {
    .up-menu-list li {
        border-bottom: var(--primary-border-mobile);
    }
}

.up-menu-list li .up-active-parent-item,
.up-menu-list li .up-menu-item-active {
    color: var(--brand-primary);
}

.up-menu-list li .up-menu-item-active {
    position: absolute;
    left: 15px;
}

.up-menu-list li .up-nested-menu-item-icon {
    visibility: inherit;
    margin-left: 15px;
}

.up-menu-list li.up-dropdown-menu-header {
    display: block;
    padding: 15px 20px 16px;
    font-size: 11px;
    line-height: 14px;
    background-color: var(--bg-6);
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
}

@media (min-width: 768px) {
    .up-menu-list li.up-dropdown-menu-header {
        padding: 8px 20px;
    }
}

.up-multi-select .up-checkbox {
    min-height: var(--checkbox-helper-size);
    flex: 1;
}

.up-multi-select .up-checkbox,
.up-multi-select .up-checkbox:last-of-type {
    border: 0;
}

.up-multi-select .up-checkbox .up-checkbox-label {
    height: var(--checkbox-helper-size);
    padding: 0;
    align-items: center;
}

@media (max-width: 767px) {
    .up-multi-select .up-checkbox {
        order: 2;
        height: 20px;
        padding-left: 0;
    }

    .up-multi-select .up-checkbox .up-menu-checkbox-label {
        order: -1;
    }

    .up-multi-select .up-checkbox .up-checkbox-label {
        height: 20px;
        border: 0;
    }

    .up-multi-select .up-checkbox [type="checkbox"] {
        --checkbox-helper-size: 20px;
        right: 0;
    }

    .up-multi-select .up-checkbox [type="checkbox"] + .up-checkbox-replacement-helper {
        --checkbox-helper-size: 20px;
        margin: 0;
        border-radius: var(--form-radius);
    }

    .up-multi-select .up-checkbox [type="checkbox"]:checked + .up-checkbox-replacement-helper .up-icon {
        padding: 3px;
    }
}

.up-menu-item-icon,
.up-no-result {
    color: var(--text-2);
}

.up-menu-item-icon {
    margin-right: 10px;
    vertical-align: middle;
}

.up-menu-checkbox-label,
.up-menu-item-text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.up-menu-item-subtext {
    display: block;
    font-size: 10px;
    line-height: 10px;
    color: var(--text-3);
}

.up-nested-menu {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 100%;
    min-width: var(--width-sm);
    min-height: 100%;
    max-height: none;
    z-index: 1;
    margin-top: 0;
    border-radius: 0 var(--form-radius) var(--form-radius) 0;
    background: var(--bg-inverse);
    transition: transform 0.3s ease-in-out;
}

@media (min-width: 768px) {
    .up-nested-menu {
        min-height: auto;
        display: none;
        padding: 7px 0;
        box-shadow: 0 6px 12px var(--shadow-color-active);
    }
}

.up-btn-reset {
    background: transparent;
    padding: 0;
    margin: 0;
    line-height: 0;
    border: 0;
    font-size: 0;
    -webkit-appearance: none;
}

.up-btn-reset:not([disabled]):not(.disabled) {
    cursor: pointer;
}

.up-typeahead {
    display: block;
    position: relative;
}

.up-typeahead .up-loading-icon {
    -webkit-animation: spinner 2s linear 0s infinite;
    animation: spinner 2s linear 0s infinite;
}

.up-typeahead .up-dropdown-menu-container:before {
    display: none !important;
}

.up-typeahead-dropdown-menu {
    width: 100%;
    overflow-y: hidden;
    padding: 0;
    min-width: var(--width-sm);
    position: absolute;
    z-index: 1000;
    margin-top: 1px;
    border-radius: var(--radius);
    box-shadow: 0 6px 12px var(--shadow-color-active);
    display: none;
}

@media (min-width: 768px) {
    .up-typeahead-dropdown-menu {
        max-height: 300px;
        overflow-y: auto;
    }
}

.up-typeahead-slot-dropdown-menu .up-menu-list .up-menu-item {
    padding-left: 15px !important;
}

.up-typeahead-input-fake {
    caret-color: transparent;
}

.up-typeahead-fake .up-btn-reset,
.up-typeahead .up-btn-reset {
    color: var(--text-3);
}

.resize-observer {
    display: none
}

.resize-observer.active {
    display: block
}

.up-pagination {
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 767px) {
    .up-pagination {
        display: flex;
        align-items: center;
    }
}

.up-pagination .up-icon {
    vertical-align: top;
}

.up-pagination .up-pagination-item,
.up-pagination button,
.up-pagination li {
    display: inline-block;
    margin: 0;
}

.up-pagination .up-pagination-item {
    min-width: 30px;
    padding: 7px 10px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    line-height: 1;
}

.up-pagination .up-pagination-item[tabindex] {
    cursor: pointer;
}

.up-pagination .up-pagination-item.disabled {
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    cursor: not-allowed;
    outline: 0;
    --disabled-color: var(--text-3);
    color: var(--disabled-color);
    background-color: transparent;
}

.up-pagination .up-pagination-item.disabled:active {
    pointer-events: none;
}

.up-pagination .prev-icon {
    margin-right: 10px;
}

.up-pagination .next-icon {
    margin-left: 10px;
}

.up-pagination .active .up-pagination-item,
.up-pagination .active .up-pagination-item:hover {
    border-bottom: 4px solid;
    cursor: default;
}

.up-pagination .page-num:not(.active) .up-pagination-item:not(.disabled) {
    color: inherit;
}

.up-pagination .up-pagination-summary {
    display: inline-block;
    width: 100%;
}

.up-pagination .mobile-pagination {
    flex: 1;
}

@media (min-width: 768px) {
    .up-pagination .mobile-pagination,
    .up-pagination .skip-to .up-icon {
        display: none;
    }
}

@media (max-width: 767px) {
    .up-pagination li:not(.mobile-pagination):not(.pagination-link) {
        display: none;
    }

    .up-pagination .label,
    .up-pagination .skip-to span {
        font-size: 0;
        display: block;
    }
}

.pull-right {
    float: none;
    position: absolute;
    right: 0;
    top: 0;
}

.identity-content {
    position: relative;
}

.pull-right button {
    font-size: 13px;
    padding: 8px;
    border-radius: 8px;
}

.loads-country-list-arr h5 {
    float: left;
    font-size: 13px;
}

.loads-country-list-arr span {
    float: left;
}

.loads-country-list-arr p {
    font-size: 10px;
}

.loads-country-list-arr .iti-flag {
    float: left;
}

.loads-country-list-middle {
    float: left;
    padding: 0 10px;
    margin-top: 10px;
    color: var(--brand-primary);
}

.loads-country-list-dept h5 {
    float: right;
    font-size: 13px;
}

.loads-country-list-dept span {
    float: left;
}

.loads-country-list-dept p {
    font-size: 10px;
}

.loads-country-list-dept .iti-flag {
    float: right;
}

.loads-country-list-dept, .loads-country-list-arr {
    float: left;
}

.loads-item-review{display: none!important;}

.loads-vehicle-type, .loads-vehicle-type span, .loads-vehicle-type strong {
    font-size: 13px !important;
    text-transform: capitalize;
}

.loads-vehicle-type img{width: 150px;}

.loads-item-price{color: #1f57c3; font-size: 52px!important; line-height: 15px;}

.loads-p-t-vt {
    padding-top: 13px;
}

.loads-p-t-re {
    padding-top: 7px;
}

.loads-p-t-pr {
    padding-top: 7px;
}

.loads-load-area {
    display: flex;
    height: 634px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.lds-ripple div {
    position: absolute;
    border: 4px solid #37a000;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

.loads-error-area {
    display: none;
}

.loads-body {
    display: none;
}

.sc-up-c-illustration-h {
    display: inline-block;
    min-height: var(--illustration-min-height, 130px);
    min-width: var(--illustration-min-width, 145px);
    height: var(--illustration-height, 130px);
    width: var(--illustration-width, 145px)
}

.load-empty-data {
    padding: 50px 0;
    margin: 100px 0;
}

.load-empty-data h2 {
    margin-top: 30px;
    font-size: 16px;
    margin-bottom: 5px;
}

.loads-search-clear-btn {
    display: none;
}

.filter-dept-city, .filter-arrival-city {
    display: none
}

.o-tag-filter {
    background-color: #e0e0e0;
    border-radius: 2px;
    color: #494949;
    font-size: 12px;
    display: inline-flex;
    cursor: default;
    padding: 10px;
    line-height: 1
}

.o-tag-filter:hover {
    cursor: pointer;
    background-color: #b2b2b2
}

.btn-link {
    color: #ffcc0d !important;
    text-transform: none;
    font-weight: 500;
    padding-left: 18px;
    padding-right: 18px;
    background-color: transparent;
}

.filter-tag-list .o-tag-filter {
    margin: 15px 0;
}

.filter-list {
    max-height: 205px;
    overflow-y: auto;
}

.filter-dep-date:read-only, .filter-arr-date:read-only {
    background: #fff;
    cursor: pointer;
}

.btn .checkbox-replacement-helper .glyphicon, .radio [type="checkbox"] + .checkbox-replacement-helper .glyphicon, .radio [type="radio"] + .checkbox-replacement-helper .glyphicon, .radio-inline [type="checkbox"] + .checkbox-replacement-helper .glyphicon, .radio-inline [type="radio"] + .checkbox-replacement-helper .glyphicon, .checkbox [type="checkbox"] + .checkbox-replacement-helper .glyphicon, .checkbox [type="radio"] + .checkbox-replacement-helper .glyphicon, .checkbox-inline [type="checkbox"] + .checkbox-replacement-helper .glyphicon, .checkbox-inline [type="radio"] + .checkbox-replacement-helper .glyphicon {
    width: 10px !important;
    height: 10px !important;
    line-height: 10px !important;
    font-size: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: absolute;
    top: 1px;
    left: 1px;
    color: #fff;
    opacity: 0;
}

.gwf-static-message.gwf-is-displayed {
    max-height: 100px;
    overflow: visible;
    opacity: 1;
    margin: 0 -30px;
    padding: 15px 30px !important;
}

.m-sm-right {
    margin-right: 10px !important;
}

.gwf-icon {
    height: 30px;
    width: 30px;
}

.gwf-section {
    background-color: #f9f9f9f9;
}

.cursor-pointer svg {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

.filter-active-nav svg {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);

}

.up-checkbox-label .air-icon-check {
    display: none;
    text-align: center;
    font-size: 10px;
    margin-left: 0;
    color: #fff;
}

.up-checkbox-label input:checked + .up-checkbox-replacement-helper .air-icon-check {
    display: block
}

.up-checkbox-label:hover .air-icon-check {
    display: block !important
}

.loads-body .up-card-header .flex-1, .loads-body .up-card-header .flex-1 .row {
    width: 100%;
    margin: 0;
}

.loads-body .up-card-header .flex-1, .loads-body .up-card-header .flex-1 .col-md-12 {
    padding: 0;
}


.loads-body .up-card-header .flex-1 .o-tag-filter {
    max-width: 100%;
    position: relative;
    padding-right: 30px;
}

.loads-body .up-card-header .flex-1 .o-tag-filter .air-icon-close {
    position: absolute;
    right: 0;
    top: 10.5px;
}

.loads-body .up-card-header .flex-1 .o-tag-filter .filter-tag-item {
    width: 100%;
    overflow-wrap: break-word;
}

.loads-filter-nav-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: var(--border-base);
    background: var(--primary-bg-highlight);
    margin-top: auto;
    padding: 15px;
}

.loads-filter-nav-bottom button {
    margin: 0;
}

.vs-shadow-light {
    background: #fff;
}

.wrapper {
    margin-top: 0;
}

html, body, .home {
    min-height: -webkit-fill-available !important;
}

.loads-filter-nav-modal .up-modal-close {
    display: none;
    padding: 10px;
    color: var(--primary-color-icon);
    text-align: center;
    height: 36px;
    margin: 0 0 0 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.loads-filter-nav-bottom {
    display: none;
}

.btn-circle {
    min-width: var(--btn-circle-size);
    min-height: var(--btn-circle-size);
    margin: 0;
    padding: 0;
    border-radius: 50% !important;
    color: var(--brand-primary);
}

.btn-circle.active {
    background-color: var(--brand-primary);
    color: #fff;
}


@media only screen and (max-width: 991px) {
    .gwf-static-message.gwf-is-displayed {
        margin: 0 -15px;
        padding: 15px !important;
    }

    .up-input-group-clear .up-input {
        padding-right: 20px;
    }

    .row {
        margin: 0;
    }

    .loads-filter-nav-modal .up-modal-close {
        display: block;
    }

    .loads-filter-nav-bottom {
        display: block;
    }


    .loads-filter-nav-modal {
        position: relative;
        height: 100%;
        min-height: -webkit-fill-available;
        margin-top: 400%;
    }

    .navbar-header .navbar-toggle {
        display: block;
    }

    .loads-filter-nav {
        display: none;
        position: fixed;
        z-index: 999;
        background: rgba(0, 0, 0, 0.5);
        max-width: 100%;
        left: 0;
        top: 0;
        padding: 150px;
        height: 100%;
        padding-top: 30px;
        padding-bottom: 100px;
    }

    .loads-filter-nav-title {
        display: flex;
        align-items: center;
        min-height: 60px;
        justify-content: space-between;
        padding: 15px;
        border-bottom: var(--border-base);
        background: var(--primary-bg-highlight);
        margin-bottom: 0;
    }

    .loads-filter-nav-body {
        background: #fff;
        height: calc(100% - 130px);
        overflow-y: auto;
    }

    .loads-filter-nav-body .border-top {
        margin-top: 0 !important;
        padding: 20px 50px !important;
    }
}

@media only screen and (max-width: 768px) {


    .loads-filter-nav {
        padding: 0 50px;
        padding-top: 30px;
        padding-bottom: 100px;
    }

    .loads-item-review {
        order: 1;
    }

    .loads-item-price {
        order: 1;
        text-align: right;
    }

    .loads-item-price span {
        margin-top: 3px;
        float: right;
    }

    .loads-item-country {
        order: 2;
        text-align: left;
        margin-top: 20px;
    }

    .loads-vehicle-type {
        order: 3;
        text-align: right;
        margin-top: 35px;
    }

    .profile-stats {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 500px) {
    .pull-right button {
        margin-bottom: 10px !important;
        float: right;
        margin-right: 10px !important;
    }

    .cfe-ui-freelancer-tile-identity {
        display: block;
        text-align: center;
    }

    .cfe-ui-profile-photo {
        margin-right: 0 !important;
    }

    .pull-right {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: -10px;
    }

    .profile-stats > * {
        flex: 0 40%;
    }

    .loads-filter-nav {
        padding: 0;
    }

    .loads-item-country {
        width: 100%;
        flex: 0 100%;
        padding: 10px 0;
        margin-top: 10px;
        text-align: center;
    }

    .loads-vehicle-type {
        width: 100%;
        flex: 0 100%;
        padding: 10px 0;
        text-align: center;
        margin-top: 0;
    }

}