input::-ms-clear,
input::-ms-reveal {
    display: none
}

input[type=“button”],
[type="button"],
input[type=“submit”],
input[type=“reset”],
input[type=“file”]::-webkit-file-upload-button,
button {
    border-radius: 0
}

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

    *,
    *::before,
    *::after {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

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

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

    pre {
        white-space: pre-wrap !important
    }

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

    thead {
        display: table-header-group
    }

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

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

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

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important
    }
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

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

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

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #212529;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: none !important
}

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

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

p {
    margin-top: 0;
    margin-bottom: 1rem
}

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

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

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

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

dt {
    font-weight: bold
}

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

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

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

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

a:not([href]):not([tabindex]):focus {
    outline: 0
}

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

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

figure {
    margin: 0 0 1rem
}

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

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

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

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

th {
    text-align: left
}

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

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

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

textarea {
    overflow: auto;
    resize: vertical
}

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

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

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

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

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

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

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

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

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

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

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.1
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.1
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.1
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1
}

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

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

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

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

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

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: 5px
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

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

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #868e96
}

.blockquote-footer::before {
    content: "\2014 \00A0"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #868e96
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f8f9fa;
    border-radius: .25rem
}

a>code {
    padding: 0;
    color: inherit;
    background-color: inherit
}

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

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

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #212529
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

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

@media (min-width: 390px) {
    .container {
        max-width: 360px
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

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

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

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

@media (min-width: 1500px) {
    .container {
        max-width: 1425px
    }
}

@media (min-width: 2000px) {
    .container {
        max-width: 1900px
    }
}

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

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

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

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

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

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

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

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

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

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

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

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

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

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

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

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

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

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

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

@media (min-width: 390px) {
    .col-xs {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xs-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xs-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xs-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-xs-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xs-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

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

    .col-xs-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

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

    .order-xs-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xs-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xs-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xs-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xs-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xs-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xs-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xs-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xs-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xs-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xs-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xs-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

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

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

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

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

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

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

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

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

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

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

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

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

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

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 1500px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xxl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xxl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xxl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xxl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xxl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xxl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xxl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xxl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xxl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xxl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xxl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xxl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 2000px) {
    .col-xxxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxxl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xxxl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxxl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxxl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxxl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxxl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxxl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xxxl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xxxl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xxxl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xxxl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xxxl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xxxl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xxxl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xxxl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xxxl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xxxl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xxxl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: rgba(0, 0, 0, 0)
}

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

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

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

.table .table {
    background-color: #fff
}

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

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

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

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

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075)
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #dddfe2
}

.table-hover .table-secondary:hover {
    background-color: #cfd2d6
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #cfd2d6
}

.table-success,
.table-success>th,
.table-success>td {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>th,
.table-light>td {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>th,
.table-dark>td {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: rgba(0, 0, 0, 0.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, 0.075)
}

.thead-inverse th {
    color: #fff;
    background-color: #212529
}

.thead-default th {
    color: #495057;
    background-color: #e9ecef
}

.table-inverse {
    color: #fff;
    background-color: #212529
}

.table-inverse th,
.table-inverse td,
.table-inverse thead th {
    border-color: #32383e
}

.table-inverse.table-bordered {
    border: 0
}

.table-inverse.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05)
}

.table-inverse.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075)
}

@media (max-width: 991px) {
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

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

.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: none
}

.form-control::-webkit-input-placeholder {
    color: #868e96;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #868e96;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #868e96;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.form-control::placeholder {
    color: #868e96;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

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

.form-control-file,
.form-control-range {
    display: block
}

.col-form-label {
    padding-top: calc(.5rem - 1px * 2);
    padding-bottom: calc(.5rem - 1px * 2);
    margin-bottom: 0
}

.col-form-label-lg {
    padding-top: calc(.5rem - 1px * 2);
    padding-bottom: calc(.5rem - 1px * 2);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem - 1px * 2);
    padding-bottom: calc(.25rem - 1px * 2);
    font-size: .875rem
}

.col-form-legend {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    font-size: 1rem
}

.form-control-plaintext {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-sm,
.input-group-sm>.form-control-plaintext.form-control,
.input-group-sm>.form-control-plaintext.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-plaintext.btn,
.form-control-plaintext.form-control-lg,
.input-group-lg>.form-control-plaintext.form-control,
.input-group-lg>.form-control-plaintext.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

select.form-control-sm:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
.input-group-sm>select.input-group-addon:not([size]):not([multiple]),
.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control-lg:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
.input-group-lg>select.input-group-addon:not([size]):not([multiple]),
.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]) {
    height: calc(2.3125rem + 2px)
}

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

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

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

.form-check {
    position: relative;
    display: block;
    margin-bottom: .5rem
}

.form-check.disabled .form-check-label {
    color: #868e96
}

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0
}

.form-check-input {
    position: absolute;
    margin-top: .25rem;
    margin-left: -1.25rem
}

.form-check-input:only-child {
    position: static
}

.form-check-inline {
    display: inline-block
}

.form-check-inline .form-check-label {
    vertical-align: middle
}

.form-check-inline+.form-check-inline {
    margin-left: .75rem
}

.invalid-feedback {
    display: none;
    margin-top: .25rem;
    font-size: .875rem;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    width: 250px;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.8);
    border-radius: .2rem
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25)
}

.was-validated .form-control:valid~.invalid-feedback,
.was-validated .form-control:valid~.invalid-tooltip,
.form-control.is-valid~.invalid-feedback,
.form-control.is-valid~.invalid-tooltip,
.was-validated .custom-select:valid~.invalid-feedback,
.was-validated .custom-select:valid~.invalid-tooltip,
.custom-select.is-valid~.invalid-feedback,
.custom-select.is-valid~.invalid-tooltip {
    display: block
}

.was-validated .form-check-input:valid+.form-check-label,
.form-check-input.is-valid+.form-check-label {
    color: #28a745
}

.was-validated .custom-control-input:valid~.custom-control-indicator,
.custom-control-input.is-valid~.custom-control-indicator {
    background-color: rgba(40, 167, 69, 0.25)
}

.was-validated .custom-control-input:valid~.custom-control-description,
.custom-control-input.is-valid~.custom-control-description {
    color: #28a745
}

.was-validated .custom-file-input:valid~.custom-file-control,
.custom-file-input.is-valid~.custom-file-control {
    border-color: #28a745
}

.was-validated .custom-file-input:valid~.custom-file-control::before,
.custom-file-input.is-valid~.custom-file-control::before {
    border-color: inherit
}

.was-validated .custom-file-input:valid:focus,
.custom-file-input.is-valid:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25)
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25)
}

.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-check-input:invalid+.form-check-label,
.form-check-input.is-invalid+.form-check-label {
    color: #dc3545
}

.was-validated .custom-control-input:invalid~.custom-control-indicator,
.custom-control-input.is-invalid~.custom-control-indicator {
    background-color: rgba(220, 53, 69, 0.25)
}

.was-validated .custom-control-input:invalid~.custom-control-description,
.custom-control-input.is-invalid~.custom-control-description {
    color: #dc3545
}

.was-validated .custom-file-input:invalid~.custom-file-control,
.custom-file-input.is-invalid~.custom-file-control {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid~.custom-file-control::before,
.custom-file-input.is-invalid~.custom-file-control::before {
    border-color: inherit
}

.was-validated .custom-file-input:invalid:focus,
.custom-file-input.is-invalid:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25)
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

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

    .form-inline .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

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

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .form-inline .form-check-label {
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0
    }

    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: .25rem;
        vertical-align: text-bottom
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: .25rem;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

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

.btn:focus,
.btn.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25)
}

.btn.disabled,
.btn:disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    opacity: .65
}

.btn:active,
.btn.active {
    background-image: none
}

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

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary:focus,
.btn-primary.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
    background-color: #0069d9;
    background-image: none;
    border-color: #0062cc
}

.btn-secondary {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96
}

.btn-secondary:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d
}

.btn-secondary:focus,
.btn-secondary.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
    box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #868e96;
    border-color: #868e96
}

.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #727b84;
    background-image: none;
    border-color: #6c757d
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success:focus,
.btn-success.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5)
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
    background-color: #218838;
    background-image: none;
    border-color: #1e7e34
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info:focus,
.btn-info.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
    box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5)
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
    background-color: #138496;
    background-image: none;
    border-color: #117a8b
}

.btn-warning {
    color: #111;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #111;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning:focus,
.btn-warning.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
    background-color: #e0a800;
    background-image: none;
    border-color: #d39e00
}

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

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger:focus,
.btn-danger.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5)
}

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

.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
    background-color: #c82333;
    background-image: none;
    border-color: #bd2130
}

.btn-light {
    color: #111;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #111;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light:focus,
.btn-light.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5)
}

.btn-light.disabled,
.btn-light:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:active,
.btn-light.active,
.show>.btn-light.dropdown-toggle {
    background-color: #e2e6ea;
    background-image: none;
    border-color: #dae0e5
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark:focus,
.btn-dark.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:active,
.btn-dark.active,
.show>.btn-dark.dropdown-toggle {
    background-color: #23272b;
    background-image: none;
    border-color: #1d2124
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-secondary {
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
    box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #868e96;
    background-color: transparent
}

.btn-outline-secondary:active,
.btn-outline-secondary.active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:active,
.btn-outline-success.active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
    box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:active,
.btn-outline-info.active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:active,
.btn-outline-warning.active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:active,
.btn-outline-danger.active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:active,
.btn-outline-light.active,
.show>.btn-outline-light.dropdown-toggle {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:active,
.btn-outline-dark.active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-link {
    font-weight: normal;
    color: #007bff;
    border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link:disabled {
    background-color: transparent
}

.btn-link,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent
}

.btn-link:disabled {
    color: #868e96
}

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

.btn-lg,
.btn-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm,
.btn-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%
}

.fade {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.show {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease
}

.dropup,
.dropdown {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

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

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

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid
}

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

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: normal;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

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

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #868e96;
    background-color: transparent
}

.show>a {
    outline: 0
}

.dropdown-menu.show {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex
}

.dropdown-menu.dropdown-share.show {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #868e96;
    white-space: nowrap
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-bottom: 0
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover {
    z-index: 2
}

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

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

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

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

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

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

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

.btn+.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.btn+.dropdown-toggle-split::after {
    margin-left: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

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

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    width: 100%
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group .form-control:focus,
.input-group .form-control:active,
.input-group .form-control:hover {
    z-index: 3
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.25;
    color: #495057;
    text-align: center;
    background-color: #e9ecef;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem
}

.input-group-addon.form-control-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-addon.form-control-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0
}

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

.input-group-addon:not(:last-child) {
    border-right: 0
}

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn:not(:first-child),
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-control+.input-group-addon:not(:first-child) {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:focus,
.input-group-btn>.btn:active,
.input-group-btn>.btn:hover {
    z-index: 3
}

.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group {
    margin-right: -1px
}

.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.input-group-btn:not(:first-child)>.btn:focus,
.input-group-btn:not(:first-child)>.btn:active,
.input-group-btn:not(:first-child)>.btn:hover,
.input-group-btn:not(:first-child)>.btn-group:focus,
.input-group-btn:not(:first-child)>.btn-group:active,
.input-group-btn:not(:first-child)>.btn-group:hover {
    z-index: 3
}

.custom-control {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.custom-control-input:checked~.custom-control-indicator {
    color: #fff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-indicator {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007bff;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007bff
}

.custom-control-input:active~.custom-control-indicator {
    color: #fff;
    background-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-indicator {
    background-color: #e9ecef
}

.custom-control-input:disabled~.custom-control-description {
    color: #868e96
}

.custom-control-indicator {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-indicator {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {
    background-color: #007bff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-indicator {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-controls-stacked {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.custom-controls-stacked .custom-control {
    margin-bottom: .25rem
}

.custom-controls-stacked .custom-control+.custom-control {
    margin-left: 0
}

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: none
}

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

.custom-select:disabled {
    color: #868e96;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #495057;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem
}

.custom-file-control:lang(en):empty::after {
    content: "Choose file..."
}

.custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #e9ecef;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0 .25rem .25rem 0
}

.custom-file-control:lang(en)::before {
    content: "Browse"
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

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

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

.nav-link.disabled {
    color: #868e96
}

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

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

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

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

.nav-tabs .nav-link.disabled {
    color: #868e96;
    background-color: transparent;
    border-color: transparent
}

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

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

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.show>.nav-pills .nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

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

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

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar>.container,
.navbar>.container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

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

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

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

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

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

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

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width: 389px) {

    .navbar-expand-xs>.container,
    .navbar-expand-xs>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 390px) {
    .navbar-expand-xs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xs .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .navbar-expand-xs .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }

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

    .navbar-expand-xs>.container,
    .navbar-expand-xs>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xs .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

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

@media (max-width: 575px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .navbar-expand-sm .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }

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

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

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

@media (max-width: 767px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .navbar-expand-md .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }

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

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

    .navbar-expand-md .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

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

@media (max-width: 991px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }

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

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

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

@media (max-width: 1199px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .navbar-expand-xl .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }

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

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

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

@media (max-width: 1499px) {

    .navbar-expand-xxl>.container,
    .navbar-expand-xxl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1500px) {
    .navbar-expand-xxl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .navbar-expand-xxl .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }

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

    .navbar-expand-xxl>.container,
    .navbar-expand-xxl>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xxl .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

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

@media (max-width: 1999px) {

    .navbar-expand-xxxl>.container,
    .navbar-expand-xxxl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 2000px) {
    .navbar-expand-xxxl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xxxl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .navbar-expand-xxxl .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }

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

    .navbar-expand-xxxl>.container,
    .navbar-expand-xxxl>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xxxl .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

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

.navbar-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

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

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

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

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

.navbar-expand .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    -js-display: flex !important;
    display: flex !important
}

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

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

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

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

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

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

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

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

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25)
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5)
}

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

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

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

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

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

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

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

@media (min-width: 576px) {
    .card-deck {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width: 576px) {
    .card-group {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-group .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0
    }

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

    .card-group .card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group .card:first-child .card-img-top {
        border-top-right-radius: 0
    }

    .card-group .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group .card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group .card:last-child .card-img-top {
        border-top-left-radius: 0
    }

    .card-group .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group .card:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .card-group .card:not(:first-child):not(:last-child) .card-img-top,
    .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
        border-radius: 0
    }
}

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

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

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

.breadcrumb::after {
    display: block;
    clear: both;
    content: ""
}

.breadcrumb-item {
    float: left
}

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

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

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

.breadcrumb-item.active {
    color: #868e96
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #868e96;
    pointer-events: none;
    background-color: #fff;
    border-color: #ddd
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #ddd
}

.page-link:focus,
.page-link:hover {
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #ddd
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

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

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #868e96
}

.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #6c757d
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-success[href]:focus,
.badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-info[href]:focus,
.badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-warning {
    color: #111;
    background-color: #ffc107
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

.badge-danger[href]:focus,
.badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130
}

.badge-light {
    color: #111;
    background-color: #f8f9fa
}

.badge-light[href]:focus,
.badge-light[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:focus,
.badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

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

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

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: bold
}

.alert-dismissible .close {
    position: relative;
    top: -.75rem;
    right: -1.25rem;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #464a4e;
    background-color: #e7e8ea;
    border-color: #dddfe2
}

.alert-secondary hr {
    border-top-color: #cfd2d6
}

.alert-secondary .alert-link {
    color: #2e3133
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

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

    to {
        background-position: 0 0
    }
}

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

    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    overflow: hidden;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    height: 1rem;
    line-height: 1rem;
    color: #fff;
    background-color: #007bff;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

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

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

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

.list-group-item:focus,
.list-group-item:hover {
    text-decoration: none
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #868e96;
    background-color: #fff
}

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

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

a.list-group-item-primary,
button.list-group-item-primary {
    color: #004085
}

a.list-group-item-primary:focus,
a.list-group-item-primary:hover,
button.list-group-item-primary:focus,
button.list-group-item-primary:hover {
    color: #004085;
    background-color: #9fcdff
}

a.list-group-item-primary.active,
button.list-group-item-primary.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #464a4e;
    background-color: #dddfe2
}

a.list-group-item-secondary,
button.list-group-item-secondary {
    color: #464a4e
}

a.list-group-item-secondary:focus,
a.list-group-item-secondary:hover,
button.list-group-item-secondary:focus,
button.list-group-item-secondary:hover {
    color: #464a4e;
    background-color: #cfd2d6
}

a.list-group-item-secondary.active,
button.list-group-item-secondary.active {
    color: #fff;
    background-color: #464a4e;
    border-color: #464a4e
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

a.list-group-item-success,
button.list-group-item-success {
    color: #155724
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: #155724;
    background-color: #b1dfbb
}

a.list-group-item-success.active,
button.list-group-item-success.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

a.list-group-item-info,
button.list-group-item-info {
    color: #0c5460
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: #0c5460;
    background-color: #abdde5
}

a.list-group-item-info.active,
button.list-group-item-info.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #856404
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: #856404;
    background-color: #ffe8a1
}

a.list-group-item-warning.active,
button.list-group-item-warning.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #721c24
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: #721c24;
    background-color: #f1b0b7
}

a.list-group-item-danger.active,
button.list-group-item-danger.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

a.list-group-item-light,
button.list-group-item-light {
    color: #818182
}

a.list-group-item-light:focus,
a.list-group-item-light:hover,
button.list-group-item-light:focus,
button.list-group-item-light:hover {
    color: #818182;
    background-color: #ececf6
}

a.list-group-item-light.active,
button.list-group-item-light.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

a.list-group-item-dark,
button.list-group-item-dark {
    color: #1b1e21
}

a.list-group-item-dark:focus,
a.list-group-item-dark:hover,
button.list-group-item-dark:focus,
button.list-group-item-dark:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

a.list-group-item-dark.active,
button.list-group-item-dark.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    opacity: .75
}

button.close {
    padding: 0;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

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

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.modal-backdrop.show {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #e9ecef
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

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

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto
    }

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

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.tooltip.show {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 5px;
    height: 5px
}

.tooltip.bs-tooltip-top,
.tooltip.bs-tooltip-auto[x-placement^="top"] {
    padding: 5px 0
}

.tooltip.bs-tooltip-top .arrow,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0
}

.tooltip.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.bs-tooltip-right,
.tooltip.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 5px
}

.tooltip.bs-tooltip-right .arrow,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0
}

.tooltip.bs-tooltip-right .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.bs-tooltip-bottom,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] {
    padding: 5px 0
}

.tooltip.bs-tooltip-bottom .arrow,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0
}

.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bs-tooltip-left,
.tooltip.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 5px
}

.tooltip.bs-tooltip-left .arrow,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0
}

.tooltip.bs-tooltip-left .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip .arrow::before {
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px
}

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

.popover .arrow {
    position: absolute;
    display: block;
    width: 10px;
    height: 5px
}

.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid
}

.popover .arrow::before {
    content: "";
    border-width: 11px
}

.popover .arrow::after {
    content: "";
    border-width: 11px
}

.popover.bs-popover-top,
.popover.bs-popover-auto[x-placement^="top"] {
    margin-bottom: 10px
}

.popover.bs-popover-top .arrow,
.popover.bs-popover-auto[x-placement^="top"] .arrow {
    bottom: 0
}

.popover.bs-popover-top .arrow::before,
.popover.bs-popover-auto[x-placement^="top"] .arrow::before,
.popover.bs-popover-top .arrow::after,
.popover.bs-popover-auto[x-placement^="top"] .arrow::after {
    border-bottom-width: 0
}

.popover.bs-popover-top .arrow::before,
.popover.bs-popover-auto[x-placement^="top"] .arrow::before {
    bottom: -11px;
    margin-left: -6px;
    border-top-color: rgba(0, 0, 0, 0.25)
}

.popover.bs-popover-top .arrow::after,
.popover.bs-popover-auto[x-placement^="top"] .arrow::after {
    bottom: -10px;
    margin-left: -6px;
    border-top-color: #fff
}

.popover.bs-popover-right,
.popover.bs-popover-auto[x-placement^="right"] {
    margin-left: 10px
}

.popover.bs-popover-right .arrow,
.popover.bs-popover-auto[x-placement^="right"] .arrow {
    left: 0
}

.popover.bs-popover-right .arrow::before,
.popover.bs-popover-auto[x-placement^="right"] .arrow::before,
.popover.bs-popover-right .arrow::after,
.popover.bs-popover-auto[x-placement^="right"] .arrow::after {
    margin-top: -8px;
    border-left-width: 0
}

.popover.bs-popover-right .arrow::before,
.popover.bs-popover-auto[x-placement^="right"] .arrow::before {
    left: -11px;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.bs-popover-right .arrow::after,
.popover.bs-popover-auto[x-placement^="right"] .arrow::after {
    left: -10px;
    border-right-color: #fff
}

.popover.bs-popover-bottom,
.popover.bs-popover-auto[x-placement^="bottom"] {
    margin-top: 10px
}

.popover.bs-popover-bottom .arrow,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow {
    top: 0
}

.popover.bs-popover-bottom .arrow::before,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.popover.bs-popover-bottom .arrow::after,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    margin-left: -7px;
    border-top-width: 0
}

.popover.bs-popover-bottom .arrow::before,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
    top: -11px;
    border-bottom-color: rgba(0, 0, 0, 0.25)
}

.popover.bs-popover-bottom .arrow::after,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    top: -10px;
    border-bottom-color: #fff
}

.popover.bs-popover-bottom .popover-header::before,
.popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 20px;
    margin-left: -10px;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.popover.bs-popover-left,
.popover.bs-popover-auto[x-placement^="left"] {
    margin-right: 10px
}

.popover.bs-popover-left .arrow,
.popover.bs-popover-auto[x-placement^="left"] .arrow {
    right: 0
}

.popover.bs-popover-left .arrow::before,
.popover.bs-popover-auto[x-placement^="left"] .arrow::before,
.popover.bs-popover-left .arrow::after,
.popover.bs-popover-auto[x-placement^="left"] .arrow::after {
    margin-top: -8px;
    border-right-width: 0
}

.popover.bs-popover-left .arrow::before,
.popover.bs-popover-auto[x-placement^="left"] .arrow::before {
    right: -11px;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.bs-popover-left .arrow::after,
.popover.bs-popover-auto[x-placement^="left"] .arrow::after {
    right: -10px;
    border-left-color: #fff
}

.popover-header {
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 9px 14px;
    color: #212529
}

.carousel {
    position: relative
}

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

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

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

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

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

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5
}

.carousel-control-prev:focus,
.carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-next:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

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

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

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

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

.align-text-bottom {
    vertical-align: text-bottom !important
}

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

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #868e96 !important
}

a.bg-secondary:focus,
a.bg-secondary:hover {
    background-color: #6c757d !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #bd2130 !important
}

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

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

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

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

.border-0 {
    border: 0 !important
}

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

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

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

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

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #868e96 !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

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

.border-dark {
    border-color: #343a40 !important
}

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

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

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-circle {
    border-radius: 50%
}

.rounded-0 {
    border-radius: 0
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    -js-display: flex !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    -js-display: inline-flex !important;
    display: inline-flex !important
}

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

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

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

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

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

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

    .d-xs-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

    .d-xs-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        -js-display: inline-flex !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        -js-display: inline-flex !important;
        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-table {
        display: table !important
    }

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

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        -js-display: inline-flex !important;
        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-table {
        display: table !important
    }

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

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        -js-display: inline-flex !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        -js-display: inline-flex !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

    .d-xxl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        -js-display: inline-flex !important;
        display: inline-flex !important
    }
}

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

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

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

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

    .d-xxxl-table {
        display: table !important
    }

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

    .d-xxxl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

    .d-xxxl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        -js-display: inline-flex !important;
        display: inline-flex !important
    }
}

.d-print-block {
    display: none !important
}

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

.d-print-inline {
    display: none !important
}

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

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

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

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

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

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

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

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

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

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 390px) {
    .flex-xs-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1500px) {
    .flex-xxl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 2000px) {
    .flex-xxxl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

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

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

    .float-xs-none {
        float: none !important
    }
}

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

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

    .float-sm-none {
        float: none !important
    }
}

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

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

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

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

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

    .float-lg-none {
        float: none !important
    }
}

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

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

    .float-xl-none {
        float: none !important
    }
}

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

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

    .float-xxl-none {
        float: none !important
    }
}

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

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

    .float-xxxl-none {
        float: none !important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-0 {
    margin: 0 !important
}

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

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

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

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

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

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

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

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

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

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

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

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

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

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

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

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

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

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

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

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

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

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

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

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

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

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

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

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

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

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

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

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

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

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

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

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

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

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

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

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

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

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

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

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

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

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

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

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

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

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

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

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

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

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

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

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

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

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

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

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

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

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

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

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

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

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

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

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

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

@media (min-width: 390px) {
    .m-xs-0 {
        margin: 0 !important
    }

    .mt-xs-0 {
        margin-top: 0 !important
    }

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

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

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

    .mx-xs-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

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

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

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

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

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

    .mx-xs-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-xs-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xs-2 {
        margin: .5rem !important
    }

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

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

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

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

    .mx-xs-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-xs-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

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

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

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

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

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

    .mx-xs-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-xs-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

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

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

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

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

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

    .mx-xs-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-xs-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

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

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

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

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

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

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

    .my-xs-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

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

    .pt-xs-0 {
        padding-top: 0 !important
    }

    .pr-xs-0 {
        padding-right: 0 !important
    }

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

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

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

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

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

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

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

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

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

    .px-xs-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-xs-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

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

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

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

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

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

    .px-xs-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-xs-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

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

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

    .px-xs-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-xs-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

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

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

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

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

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

    .px-xs-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-xs-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

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

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

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

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

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

    .px-xs-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xs-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

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

    .mt-xs-auto {
        margin-top: auto !important
    }

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

    .mb-xs-auto {
        margin-bottom: auto !important
    }

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

    .mx-xs-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xs-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

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

    .mt-sm-0 {
        margin-top: 0 !important
    }

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

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

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

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

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

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

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

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

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

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

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

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

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

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

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

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

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

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

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

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

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

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

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

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

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

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

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

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

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

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

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

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

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

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

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

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

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0 {
        padding-right: 0 !important
    }

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

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

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

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

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

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

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

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

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

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

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

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

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

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

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

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

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

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

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

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

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

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

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

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

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

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

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

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

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

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

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

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

    .mt-sm-auto {
        margin-top: auto !important
    }

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

    .mb-sm-auto {
        margin-bottom: auto !important
    }

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

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

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

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

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

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

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

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

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

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

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

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

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

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

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

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

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

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

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

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

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

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

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

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

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

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

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

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

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

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

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

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

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

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

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

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

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

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

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

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

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

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

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

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

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

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

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

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

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

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0 {
        margin-left: 0 !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1 {
        margin-left: .25rem !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2 {
        margin-left: .5rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3 {
        margin-left: 1rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4 {
        margin-left: 1.5rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5 {
        margin-left: 3rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0 {
        padding-left: 0 !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1 {
        padding-left: .25rem !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2 {
        padding-left: .5rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3 {
        padding-left: 1rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4 {
        padding-left: 1.5rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5 {
        padding-left: 3rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto {
        margin-left: auto !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0 {
        margin-left: 0 !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1 {
        margin-left: .25rem !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2 {
        margin-left: .5rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3 {
        margin-left: 1rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4 {
        margin-left: 1.5rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5 {
        margin-left: 3rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0 {
        padding-left: 0 !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1 {
        padding-left: .25rem !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2 {
        padding-left: .5rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3 {
        padding-left: 1rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4 {
        padding-left: 1.5rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5 {
        padding-left: 3rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto {
        margin-left: auto !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 1500px) {
    .m-xxl-0 {
        margin: 0 !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mr-xxl-0 {
        margin-right: 0 !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxl-0 {
        margin-left: 0 !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mr-xxl-1 {
        margin-right: .25rem !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xxl-1 {
        margin-left: .25rem !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mr-xxl-2 {
        margin-right: .5rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xxl-2 {
        margin-left: .5rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mr-xxl-3 {
        margin-right: 1rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xxl-3 {
        margin-left: 1rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xxl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xxl-4 {
        margin-left: 1.5rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mr-xxl-5 {
        margin-right: 3rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xxl-5 {
        margin-left: 3rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0 {
        padding-right: 0 !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxl-0 {
        padding-left: 0 !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pr-xxl-1 {
        padding-right: .25rem !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xxl-1 {
        padding-left: .25rem !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pr-xxl-2 {
        padding-right: .5rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xxl-2 {
        padding-left: .5rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pr-xxl-3 {
        padding-right: 1rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xxl-3 {
        padding-left: 1rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xxl-4 {
        padding-left: 1.5rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pr-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xxl-5 {
        padding-left: 3rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-auto {
        margin-left: auto !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 2000px) {
    .m-xxxl-0 {
        margin: 0 !important
    }

    .mt-xxxl-0 {
        margin-top: 0 !important
    }

    .mr-xxxl-0 {
        margin-right: 0 !important
    }

    .mb-xxxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxxl-0 {
        margin-left: 0 !important
    }

    .mx-xxxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xxxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xxxl-1 {
        margin: .25rem !important
    }

    .mt-xxxl-1 {
        margin-top: .25rem !important
    }

    .mr-xxxl-1 {
        margin-right: .25rem !important
    }

    .mb-xxxl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xxxl-1 {
        margin-left: .25rem !important
    }

    .mx-xxxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-xxxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xxxl-2 {
        margin: .5rem !important
    }

    .mt-xxxl-2 {
        margin-top: .5rem !important
    }

    .mr-xxxl-2 {
        margin-right: .5rem !important
    }

    .mb-xxxl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xxxl-2 {
        margin-left: .5rem !important
    }

    .mx-xxxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-xxxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xxxl-3 {
        margin: 1rem !important
    }

    .mt-xxxl-3 {
        margin-top: 1rem !important
    }

    .mr-xxxl-3 {
        margin-right: 1rem !important
    }

    .mb-xxxl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xxxl-3 {
        margin-left: 1rem !important
    }

    .mx-xxxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-xxxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xxxl-4 {
        margin: 1.5rem !important
    }

    .mt-xxxl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xxxl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xxxl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xxxl-4 {
        margin-left: 1.5rem !important
    }

    .mx-xxxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-xxxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xxxl-5 {
        margin: 3rem !important
    }

    .mt-xxxl-5 {
        margin-top: 3rem !important
    }

    .mr-xxxl-5 {
        margin-right: 3rem !important
    }

    .mb-xxxl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xxxl-5 {
        margin-left: 3rem !important
    }

    .mx-xxxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-xxxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xxxl-0 {
        padding: 0 !important
    }

    .pt-xxxl-0 {
        padding-top: 0 !important
    }

    .pr-xxxl-0 {
        padding-right: 0 !important
    }

    .pb-xxxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxxl-0 {
        padding-left: 0 !important
    }

    .px-xxxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xxxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xxxl-1 {
        padding: .25rem !important
    }

    .pt-xxxl-1 {
        padding-top: .25rem !important
    }

    .pr-xxxl-1 {
        padding-right: .25rem !important
    }

    .pb-xxxl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xxxl-1 {
        padding-left: .25rem !important
    }

    .px-xxxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-xxxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xxxl-2 {
        padding: .5rem !important
    }

    .pt-xxxl-2 {
        padding-top: .5rem !important
    }

    .pr-xxxl-2 {
        padding-right: .5rem !important
    }

    .pb-xxxl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xxxl-2 {
        padding-left: .5rem !important
    }

    .px-xxxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-xxxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xxxl-3 {
        padding: 1rem !important
    }

    .pt-xxxl-3 {
        padding-top: 1rem !important
    }

    .pr-xxxl-3 {
        padding-right: 1rem !important
    }

    .pb-xxxl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xxxl-3 {
        padding-left: 1rem !important
    }

    .px-xxxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-xxxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xxxl-4 {
        padding: 1.5rem !important
    }

    .pt-xxxl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xxxl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xxxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xxxl-4 {
        padding-left: 1.5rem !important
    }

    .px-xxxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-xxxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xxxl-5 {
        padding: 3rem !important
    }

    .pt-xxxl-5 {
        padding-top: 3rem !important
    }

    .pr-xxxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxxl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xxxl-5 {
        padding-left: 3rem !important
    }

    .px-xxxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xxxl-auto {
        margin: auto !important
    }

    .mt-xxxl-auto {
        margin-top: auto !important
    }

    .mr-xxxl-auto {
        margin-right: auto !important
    }

    .mb-xxxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxxl-auto {
        margin-left: auto !important
    }

    .mx-xxxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 390px) {
    .text-xs-left {
        text-align: left !important
    }

    .text-xs-right {
        text-align: right !important
    }

    .text-xs-center {
        text-align: center !important
    }
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width: 1500px) {
    .text-xxl-left {
        text-align: left !important
    }

    .text-xxl-right {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width: 2000px) {
    .text-xxxl-left {
        text-align: left !important
    }

    .text-xxxl-right {
        text-align: right !important
    }

    .text-xxxl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-normal {
    font-weight: normal
}

.font-weight-bold {
    font-weight: bold
}

.font-italic {
    font-style: italic
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0062cc !important
}

.text-secondary {
    color: #868e96 !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #6c757d !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #117a8b !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #d39e00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #bd2130 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #dae0e5 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #1d2124 !important
}

.text-muted {
    color: #868e96 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.uppercase {
    text-transform: uppercase !important
}

.lowercase {
    text-transform: lowercase !important
}

.capitalize {
    text-transform: capitalize !important
}

.nott {
    text-transform: none !important
}

.tright {
    text-align: right !important
}

.tleft {
    text-align: left !important
}

.fright {
    float: right !important
}

.fleft {
    float: left !important
}

.fnone {
    float: none !important
}

.ohidden {
    position: relative;
    overflow: hidden !important
}

.line,
.double-line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 60px 0;
    border-top: 1px solid #EEE
}

.line.line-sm,
.double-line.line-sm {
    margin: 30px 0
}

span.middot {
    display: inline-block;
    margin: 0 5px
}

.double-line {
    border-top: 3px double #E5E5E5
}

.emptydiv {
    display: block !important;
    position: relative !important
}

.allmargin {
    margin: 50px !important
}

.leftmargin {
    margin-left: 50px !important
}

.rightmargin {
    margin-right: 50px !important
}

.topmargin {
    margin-top: 50px !important
}

.bottommargin {
    margin-bottom: 50px !important
}

.clear-bottommargin {
    margin-bottom: -50px !important
}

.allmargin-sm {
    margin: 30px !important
}

.leftmargin-sm {
    margin-left: 30px !important
}

.rightmargin-sm {
    margin-right: 30px !important
}

.topmargin-sm {
    margin-top: 30px !important
}

.bottommargin-sm {
    margin-bottom: 30px !important
}

.clear-bottommargin-sm {
    margin-bottom: -30px !important
}

.allmargin-lg {
    margin: 80px !important
}

.leftmargin-lg {
    margin-left: 80px !important
}

.rightmargin-lg {
    margin-right: 80px !important
}

.topmargin-lg {
    margin-top: 80px !important
}

.bottommargin-lg {
    margin-bottom: 80px !important
}

.clear-bottommargin-lg {
    margin-bottom: -80px !important
}

.nomargin {
    margin: 0 !important
}

.noleftmargin {
    margin-left: 0 !important
}

.norightmargin {
    margin-right: 0 !important
}

.notopmargin {
    margin-top: 0 !important
}

.nobottommargin {
    margin-bottom: 0 !important
}

.header-stick {
    margin-top: -50px !important
}

.content-wrap .header-stick {
    margin-top: -80px !important
}

.footer-stick {
    margin-bottom: -50px !important
}

.content-wrap .footer-stick {
    margin-bottom: -80px !important
}

.noborder {
    border: none !important
}

.noleftborder {
    border-left: none !important
}

.norightborder {
    border-right: none !important
}

.notopborder {
    border-top: none !important
}

.nobottomborder {
    border-bottom: none !important
}

.noradius {
    border-radius: 0 0 0 0
}

.col-padding {
    padding: 60px
}

.nopadding {
    padding: 0 !important
}

.noleftpadding {
    padding-left: 0 !important
}

.norightpadding {
    padding-right: 0 !important
}

.notoppadding {
    padding-top: 0 !important
}

.nobottompadding {
    padding-bottom: 0 !important
}

.noabsolute {
    position: relative !important
}

.noshadow {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important
}

.hidden {
    display: none !important
}

.nothidden {
    display: block !important
}

.inline-block {
    float: none !important;
    display: inline-block !important
}

.center {
    text-align: center !important
}

.divcenter {
    position: relative !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important
}

.bgcolor,
.bgcolor #header-wrap {
    background-color: #1ABC9C !important
}

.color {
    color: #1ABC9C !important
}

.border-color {
    border-color: #1ABC9C !important
}

.nobg {
    background: none !important
}

.nobgcolor {
    background-color: transparent !important
}

.t300 {
    font-weight: 300 !important
}

.t400 {
    font-weight: 400 !important
}

.t500 {
    font-weight: 500 !important
}

.t600 {
    font-weight: 600 !important
}

.t700 {
    font-weight: 700 !important
}

.ls0 {
    letter-spacing: 0px !important
}

.ls1 {
    letter-spacing: 1px !important
}

.ls2 {
    letter-spacing: 2px !important
}

.ls3 {
    letter-spacing: 3px !important
}

.ls4 {
    letter-spacing: 4px !important
}

.ls5 {
    letter-spacing: 5px !important
}

.noheight {
    height: 0 !important
}

.nolineheight {
    line-height: 0 !important
}

.font-body {
    font-family: 'Lato', sans-serif
}

.font-primary {
    font-family: 'Raleway', sans-serif
}

.font-secondary {
    font-family: 'Crete Round', serif
}

.bgicon {
    display: block;
    position: absolute;
    bottom: -60px;
    right: -50px;
    font-size: 210px;
    color: rgba(0, 0, 0, 0.1)
}

.bganimate {
    -webkit-animation: BgAnimated 30s infinite linear;
    animation: BgAnimated 30s infinite linear
}

@-webkit-keyframes BgAnimated {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 400px
    }
}

@keyframes BgAnimated {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 400px
    }
}

.input-block-level {
    display: block;
    width: 100% !important;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vertical-middle {
    height: auto !important;
    left: 0
}

.magnific-max-width .mfp-content {
    max-width: 800px
}

img {
    max-width: 100%
}

.section {
    position: relative;
    margin: 60px 0;
    padding: 60px 0;
    background-color: #F9F9F9;
    overflow: hidden
}

.section .container {
    z-index: 2
}

.section .container+.video-wrap {
    z-index: 1
}

.parallax {
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    overflow: hidden
}

.mobile-parallax,
.video-placeholder {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center center
}

.revealer-image {
    position: relative;
    bottom: -120px;
    -webkit-transition: bottom 0.3s ease-in-out;
    transition: bottom 0.3s ease-in-out
}

.section:hover .revealer-image {
    bottom: -60px
}

.postcontent {
    width: 860px
}

.postcontent.bothsidebar {
    width: 580px
}

.sidebar {
    width: 240px
}

.col_full {
    width: 100%
}

.col_half {
    width: 48%
}

.col_one_third {
    width: 30.63%
}

.col_two_third {
    width: 65.33%
}

.col_one_fourth {
    width: 22%
}

.col_three_fourth {
    width: 74%
}

.col_one_fifth {
    width: 16.8%
}

.col_two_fifth {
    width: 37.6%
}

.col_three_fifth {
    width: 58.4%
}

.col_four_fifth {
    width: 79.2%
}

.col_one_sixth {
    width: 13.33%
}

.col_five_sixth {
    width: 82.67%
}

body.stretched .container-fullwidth {
    position: relative;
    padding: 0 60px;
    width: 100%
}

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
    display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 50px;
    float: left
}

.postcontent,
.sidebar {
    margin-right: 40px
}

.col_full {
    clear: both;
    float: none;
    margin-right: 0
}

.postcontent.col_last,
.sidebar.col_last {
    float: right
}

.col_last {
    margin-right: 0 !important;
    clear: right
}

@font-face {
    font-family: 'Agency FB Bold';
    src: url("fonts/AgencyFB-Bold.eot");
    src: local("Agency FB Bold"), local("AgencyFB-Bold"), url("fonts/AgencyFB-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/AgencyFB-Bold.woff2") format("woff2"), url("fonts/AgencyFB-Bold.woff") format("woff"), url("fonts/AgencyFB-Bold.ttf") format("truetype"), url("fonts/AgencyFB-Bold.svg#AgencyFB-Bold") format("svg");
    font-display: swap;
    font-weight: normal;
    font-style: normal
}

.easy-autocomplete {
    position: relative
}

.easy-autocomplete input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: #555;
    float: none;
    padding: 6px 12px
}

.easy-autocomplete input:hover,
.easy-autocomplete input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.easy-autocomplete a {
    display: block
}

.easy-autocomplete.eac-blue-light input:hover,
.easy-autocomplete.eac-blue-light input:focus {
    border-color: #66afe9;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul {
    border-color: #66afe9;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul li,
.easy-autocomplete.eac-blue-light ul .eac-category {
    border-color: #66afe9
}

.easy-autocomplete.eac-blue-light ul li.selected,
.easy-autocomplete.eac-blue-light ul .eac-category.selected {
    background-color: #ecf5fc
}

.easy-autocomplete.eac-green-light input:hover,
.easy-autocomplete.eac-green-light input:focus {
    border-color: #41DB00;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul {
    border-color: #41DB00;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul li,
.easy-autocomplete.eac-green-light ul .eac-category {
    border-color: #41DB00
}

.easy-autocomplete.eac-green-light ul li.selected,
.easy-autocomplete.eac-green-light ul .eac-category.selected {
    background-color: #9eff75
}

.easy-autocomplete.eac-red-light input:hover,
.easy-autocomplete.eac-red-light input:focus {
    border-color: #ff5b5b;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul {
    border-color: #ff5b5b;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul li,
.easy-autocomplete.eac-red-light ul .eac-category {
    border-color: #ff5b5b
}

.easy-autocomplete.eac-red-light ul li.selected,
.easy-autocomplete.eac-red-light ul .eac-category.selected {
    background-color: #ff8e8e
}

.easy-autocomplete.eac-yellow-light input:hover,
.easy-autocomplete.eac-yellow-light input:focus {
    border-color: #ffdb00;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul {
    border-color: #ffdb00;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul li,
.easy-autocomplete.eac-yellow-light ul .eac-category {
    border-color: #ffdb00
}

.easy-autocomplete.eac-yellow-light ul li.selected,
.easy-autocomplete.eac-yellow-light ul .eac-category.selected {
    background-color: #ffe233
}

.easy-autocomplete.eac-dark-light input:hover,
.easy-autocomplete.eac-dark-light input:focus {
    border-color: #333;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul {
    border-color: #333;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul li,
.easy-autocomplete.eac-dark-light ul .eac-category {
    border-color: #333
}

.easy-autocomplete.eac-dark-light ul li.selected,
.easy-autocomplete.eac-dark-light ul .eac-category.selected {
    background-color: #4d4d4d;
    color: #fff
}

.easy-autocomplete.eac-dark {
    color: #fff
}

.easy-autocomplete.eac-dark input {
    background-color: #404040;
    border-radius: 4px;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark input:hover,
.easy-autocomplete.eac-dark input:focus {
    border-color: #333;
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.easy-autocomplete.eac-dark ul {
    border-color: #333
}

.easy-autocomplete.eac-dark ul li,
.easy-autocomplete.eac-dark ul .eac-category {
    background-color: #404040;
    border-color: #333
}

.easy-autocomplete.eac-dark ul li.selected,
.easy-autocomplete.eac-dark ul .eac-category.selected {
    background-color: #737373;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass {
    color: #fff
}

.easy-autocomplete.eac-dark-glass input {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass input:hover,
.easy-autocomplete.eac-dark-glass input:focus {
    border-color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.easy-autocomplete.eac-dark-glass ul {
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li,
.easy-autocomplete.eac-dark-glass ul .eac-category {
    background-color: rgba(0, 0, 0, 0.8);
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li.selected,
.easy-autocomplete.eac-dark-glass ul .eac-category.selected {
    background-color: rgba(64, 64, 64, 0.8);
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass ul li:last-child,
.easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
    border-radius: 0 0 4px 4px
}

.easy-autocomplete.eac-blue {
    color: #fff
}

.easy-autocomplete.eac-blue input {
    background-color: #6d9ed1;
    border-radius: 4px;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:hover,
.easy-autocomplete.eac-blue input:focus {
    border-color: #5A91CB;
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.easy-autocomplete.eac-blue ul {
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li,
.easy-autocomplete.eac-blue ul .eac-category {
    background-color: #6d9ed1;
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li.selected,
.easy-autocomplete.eac-blue ul .eac-category.selected {
    background-color: #94b8dd;
    color: #f6f6f6
}

.easy-autocomplete.eac-yellow {
    color: #333
}

.easy-autocomplete.eac-yellow input {
    background-color: #ffdb7e;
    border-color: #333;
    border-radius: 4px;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-yellow input:hover,
.easy-autocomplete.eac-yellow input:focus {
    border-color: #333;
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.easy-autocomplete.eac-yellow ul {
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li,
.easy-autocomplete.eac-yellow ul .eac-category {
    background-color: #ffdb7e;
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li.selected,
.easy-autocomplete.eac-yellow ul .eac-category.selected {
    background-color: #ffe9b1;
    color: #333
}

.easy-autocomplete.eac-purple {
    color: #333
}

.easy-autocomplete.eac-purple input {
    background-color: #d6d1e7;
    border-color: #b8afd5;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-purple input:hover,
.easy-autocomplete.eac-purple input:focus {
    border-color: #333;
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.easy-autocomplete.eac-purple ul {
    border-color: #333
}

.easy-autocomplete.eac-purple ul li,
.easy-autocomplete.eac-purple ul .eac-category {
    background-color: #d6d1e7;
    border-color: #333
}

.easy-autocomplete.eac-purple ul li.selected,
.easy-autocomplete.eac-purple ul .eac-category.selected {
    background-color: #ebe8f3;
    color: #333
}

.easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    overflow-y: auto;
    padding: 0;
    margin: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2000;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-right: 5px solid #fff
}

@media (min-width: 1200px) {
    .easy-autocomplete-container {
        max-height: 210px
    }
}

.easy-autocomplete-container h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-top: 25px
}

.easy-autocomplete-container p {
    color: #95979D;
    font-family: Roboto;
    font-size: 16px;
    line-height: 22px
}

.easy-autocomplete-container .galeriaWhiteLine {
    height: 5px !important;
    width: 24px !important;
    background-color: #000 !important;
    margin-bottom: 20px !important;
    margin-left: 0px !important
}

.easy-autocomplete-container::-webkit-scrollbar {
    background-color: #fff;
    width: 6px
}

.easy-autocomplete-container::-webkit-scrollbar-track {
    background-color: #fff;
    margin-bottom: 5px;
    margin-top: 5px
}

.easy-autocomplete-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: lightgray;
    width: 3px
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dotted #ccc;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
    background: inherit;
    border-color: #ccc;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 12px
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected div {
    font-weight: normal
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: normal;
    word-break: break-all
}

.easy-autocomplete-container ul li b {
    font-weight: bold
}

.easy-autocomplete-container ul .eac-category {
    font-color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: 0.9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    left: 0;
    width: 11%
}

.irs-line-mid {
    left: 9%;
    width: 82%
}

.irs-line-right {
    right: 0;
    width: 11%
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 1
}

.irs-slider.type_last {
    z-index: 2
}

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs-disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: 0.4
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs-bar-edge,
.irs-line-mid,
.irs-line-left,
.irs-line-right {
    background-color: #EEE;
    border-radius: 100px
}

.irs {
    height: 40px
}

.irs-with-grid {
    height: 60px
}

.irs-line {
    height: 8px;
    top: 25px
}

.irs-line-left {
    height: 8px;
    background-position: 0 -30px
}

.irs-line-mid {
    height: 8px;
    background-position: 0 0
}

.irs-line-right {
    height: 8px;
    background-position: 100% -30px
}

.irs-bar {
    height: 8px;
    top: 25px;
    background-color: #1ABC9C;
    border-radius: 100px
}

.irs-bar-edge {
    top: 25px;
    height: 8px;
    width: 11px;
    background-position: 0 -90px
}

.irs-shadow {
    height: 8px;
    top: 25px;
    background: rgba(0, 0, 0, 0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    opacity: 0.15
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=15)
}

.irs-slider {
    width: 22px;
    height: 22px;
    top: 17px;
    background-position: 0 -120px
}

.irs-min,
.irs-max {
    color: #999;
    font-size: 11px;
    line-height: 1.333;
    text-shadow: none;
    top: -8px;
    padding: 3px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 2px
}

.irs-from,
.irs-to,
.irs-single {
    color: #FFF;
    top: -8px;
    font-size: 11px;
    line-height: 1.333;
    text-shadow: none;
    padding: 3px;
    background: #1ABC9C;
    border-radius: 2px
}

.irs-from:after,
.irs-single:after,
.irs-to:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #1ABC9C
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
    background: #DDD
}

.irs-grid-pol {
    background: #AAA
}

.irs-grid-text {
    color: #AAA
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide:focus {
    outline: none
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: black;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.slick-lightbox .slick-loading .slick-list {
    background-color: transparent
}

.slick-lightbox .slick-prev {
    left: 15px
}

.slick-lightbox .slick-next {
    right: 15px
}

.slick-lightbox-hide {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.slick-lightbox-hide.slick-lightbox-ie {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.slick-lightbox-hide-init {
    position: absolute;
    top: -9999px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.slick-lightbox-hide-init.slick-lightbox-ie {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.slick-lightbox-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slick-lightbox-slick-item {
    text-align: center;
    overflow: hidden
}

.slick-lightbox-slick-item:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 20px
}

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
    display: block;
    text-align: center
}

.slick-lightbox-slick-item-inner {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%
}

.slick-lightbox-slick-img {
    margin: 0 auto;
    display: block;
    max-width: 90%;
    max-height: 90%
}

.slick-lightbox-slick-caption {
    margin: 10px 0 0;
    color: white
}

.slick-lightbox-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none
}

.slick-lightbox-close:focus {
    outline: none
}

.slick-lightbox-close:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    opacity: 0.85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '×'
}

.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
    box-shadow: inset 0 0 12px 4px #ffffff
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    border-radius: 3px 3px 0 0
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: 0.4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important
}

.selectize-dropdown-header-close:hover {
    color: #000000
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0 0;
    border-left: 1px solid #d0d0d0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, 0.05)
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #cacaca
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #ffffff
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 28px;
    top: 6px;
    font-size: 23px
}

.selectize-control {
    position: relative
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: inherit
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
    background: #ffffff;
    cursor: text;
    display: inline-block
}

.selectize-input {
    border: 1px solid #d0d0d0;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px
}

.selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px
}

.selectize-input.full {
    background-color: #ffffff
}

.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default !important
}

.selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15)
}

.selectize-input.dropdown-active {
    border-radius: 3px 3px 0 0
}

.selectize-input>* {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.selectize-control.multi .selectize-input>div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #303030;
    border: 0 solid #d0d0d0
}

.selectize-control.multi .selectize-input>div.active {
    background: #e8e8e8;
    color: #303030;
    border: 0 solid #cacaca
}

.selectize-control.multi .selectize-input.disabled>div,
.selectize-control.multi .selectize-input.disabled>div.active {
    color: #7d7d7d;
    background: #ffffff;
    border: 0 solid #ffffff
}

.selectize-input>input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 2px 0 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.selectize-input>input::-ms-clear {
    display: none
}

.selectize-input>input:focus {
    outline: none !important
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 3px 3px
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, 0.2);
    border-radius: 1px
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
    padding: 5px 8px
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none
}

.selectize-dropdown .optgroup-header {
    color: #303030;
    background: #ffffff;
    cursor: default
}

.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68
}

.selectize-dropdown .active.create {
    color: #495c68
}

.selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5)
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text
}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #160F27 transparent transparent transparent
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #160F27 transparent
}

.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto
}

.selectize-control.rtl .selectize-input>input {
    margin: 0 4px 0 -2px !important
}

.selectize-control .selectize-input.disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
    background-color: #fafafa
}

@font-face {
    font-family: "sm-icons";
    src: url("fonts/iconmoon/sm-icons.eot?5xw08x");
    src: url("fonts/iconmoon/sm-icons.eot?5xw08x#iefix") format("embedded-opentype"), url("fonts/iconmoon/sm-icons.woff2?5xw08x") format("woff2"), url("fonts/iconmoon/sm-icons.woff?5xw08x") format("woff"), url("fonts/iconmoon/sm-icons.ttf?5xw08x") format("truetype"), url("fonts/iconmoon/sm-icons.svg?5xw08x#sm-icons") format("svg");
    font-display: block;
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:not(.icon-closeBlueBG):not(.icon-closeGreyBG),
[class*=" icon-"]:not(.icon-closeBlueBG):not(.icon-closeGreyBG) {
    font-family: "sm-icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"] :hover,
[class*=" icon-"] :hover {
    text-decoration: none
}

[class^="icon-"] :focus,
[class*=" icon-"] :focus {
    outline: none
}

.icon-cub:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-arrowright:before {
    content: ""
}

.icon-avatar .path1:before {
    content: "";
    color: #86898f
}

.icon-avatar .path2:before {
    content: "";
    margin-left: -1.01953125em;
    color: #fff
}

.icon-avatar .path3:before {
    content: "";
    margin-left: -1.01953125em;
    color: #fff
}

.icon-avatar .path4:before {
    content: "";
    margin-left: -1.01953125em;
    color: #86898f
}

.icon-back:before {
    content: ""
}

.icon-brakes:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-comercial:before {
    content: ""
}

.icon-compare:before {
    content: ""
}

.icon-cross:before {
    content: ""
}

.icon-cruise:before {
    content: ""
}

.icon-cuatrimoto:before {
    content: ""
}

.icon-deportiva:before {
    content: ""
}

.icon-dimensions:before {
    content: ""
}

.icon-dobleproposito:before {
    content: ""
}

.icon-doubleview:before {
    content: ""
}

.icon-down:before {
    content: ""
}

.icon-edit:before {
    content: ""
}

.icon-email:before {
    content: ""
}

.icon-engine:before {
    content: ""
}

.icon-eye:before {
    content: ""
}

.icon-favorite:before {
    content: ""
}

.icon-fb:before {
    content: ""
}

.icon-file:before {
    content: ""
}

.icon-filter:before {
    content: ""
}

.icon-frenos-abs:before {
    content: ""
}

.icon-frontmotorcycle:before {
    content: ""
}

.icon-fuel:before {
    content: ""
}

.icon-google:before {
    content: ""
}

.icon-hamburger:before {
    content: ""
}

.icon-hour:before {
    content: ""
}

.icon-inclined:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-largearrow:before {
    content: ""
}

.icon-lateralmotorcycle:before {
    content: ""
}

.icon-listview:before {
    content: ""
}

.icon-location .path1:before {
    content: "";
    color: #000
}

.icon-location .path2:before {
    content: "";
    margin-left: -0.75390625em;
    color: #160f27
}

.icon-logo-somos-moto:before {
    content: "";
    color: #fefefe
}

.icon-lying:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-menulist:before {
    content: ""
}

.icon-money:before {
    content: ""
}

.icon-nophoto:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-pistera:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-scooter:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-shortarrow:before {
    content: ""
}

.icon-speaker:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-straight:before {
    content: ""
}

.icon-suspension:before {
    content: ""
}

.icon-threeview:before {
    content: ""
}

.icon-touring:before {
    content: ""
}

.icon-transmision:before {
    content: ""
}

.icon-triangle:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-up:before {
    content: ""
}

.icon-warranty:before {
    content: ""
}

.icon-watch:before {
    content: ""
}

.icon-whatsapp:before {
    content: ""
}

.icon-wheels:before {
    content: ""
}

.icon-world:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    25%,
    75% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes flash {

    0%,
    100%,
    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    25%,
    75% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,
    55% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,
    55% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 2px;
    width: 278px;
    padding: 4px;
    margin-top: 1px;
    top: 100px;
    left: 20px
}

.daterangepicker:before,
.daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.daterangepicker.opensleft:before {
    right: 29px
}

.daterangepicker.opensleft:after {
    right: 30px
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.dropup {
    margin-top: -5px
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001
}

.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none
}

.daterangepicker.show-calendar .calendar {
    display: block
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px
}

.daterangepicker .calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    min-width: 32px
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 2px;
    background-color: #fff
}

.daterangepicker table {
    width: 100%;
    margin: 0
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0);
    white-space: nowrap;
    cursor: pointer
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0);
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: rgba(0, 0, 0, 0);
    color: #000;
    border-radius: 0
}

.daterangepicker td.start-date {
    border-radius: 2px 0 0 2px
}

.daterangepicker td.end-date {
    border-radius: 0 2px 2px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 2px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #160F27;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0
}

.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%
}

.daterangepicker .input-mini.active {
    border: 1px solid #08c;
    border-radius: 2px
}

.daterangepicker .daterangepicker_input {
    position: relative
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px
}

.daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px
}

.daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left
}

.ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 2px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer
}

.ranges li:hover {
    background-color: #08c;
    border: 1px solid #08c;
    color: #fff
}

.ranges li.active {
    background-color: #08c;
    border: 1px solid #08c;
    color: #fff
}

@media (min-width: 564px) {
    .daterangepicker {
        width: auto
    }

    .daterangepicker .ranges ul {
        width: 160px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .calendar.left {
        clear: none
    }

    .daterangepicker.single.ltr .ranges,
    .daterangepicker.single.ltr .calendar {
        float: left
    }

    .daterangepicker.single.rtl .ranges,
    .daterangepicker.single.rtl .calendar {
        float: right
    }

    .daterangepicker.ltr {
        direction: ltr;
        text-align: left
    }

    .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker.ltr .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .daterangepicker.ltr .calendar.right {
        margin-left: 0
    }

    .daterangepicker.ltr .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px
    }

    .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 8px
    }

    .daterangepicker.ltr .ranges,
    .daterangepicker.ltr .calendar {
        float: left
    }

    .daterangepicker.rtl {
        direction: rtl;
        text-align: right
    }

    .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0
    }

    .daterangepicker.rtl .calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker.rtl .calendar.right {
        margin-right: 0
    }

    .daterangepicker.rtl .calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px
    }

    .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px
    }

    .daterangepicker.rtl .ranges,
    .daterangepicker.rtl .calendar {
        text-align: right;
        float: right
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .calendar.left {
        clear: none !important
    }
}

@media (max-width: 1199px) {
    .container-fluid .container {
        max-width: 100%;
        padding: 0
    }
}

.col-sm-2-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .col-sm-2-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button {
    cursor: pointer
}

a:focus {
    outline: none
}

#mainSearchSection {
    background-color: #0f0a13;
    padding: 0;
    margin: 0;
    min-height: calc(100vh - 0px);
    height: auto;
    position: relative;
    overflow: hidden
}

@media (max-width: 991px) {
    #mainSearchSection {
        min-height: 0
    }
}

#mainSearchSection form {
    width: 100%
}

#mainSearchSection .hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

#mainSearchSection .dark-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: radial-gradient(ellipse at center, rgba(15, 10, 19, 0.5) 0%, rgba(15, 10, 19, 0.95) 80%, #0f0a13 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800f0a13', endColorstr='#0f0a13', GradientType=1)
}

.titles {
    margin-bottom: 62px
}

@media (max-width: 1199px) {
    .titles {
        margin-bottom: 8px
    }
}

@media (max-width: 991px) {
    .titles {
        margin-bottom: 28px
    }
}

@media (max-width: 480px) {
    .titles {
        margin-bottom: 0
    }
}

#motencioContainer {
    text-align: center
}

#motencioContainer>a {
    display: inline-block
}

#mainSearchContainer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    min-height: calc(100vh - 0px);
    height: auto;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 991px) {
    #mainSearchContainer {
        min-height: 0
    }
}

#mainSearchContainer .splash {
    margin: auto 0;
    padding-bottom: 180px
}

@media (max-width: 1399px) {
    #mainSearchContainer .splash {
        padding-bottom: 68px
    }
}

@media (max-width: 1199px) {
    #mainSearchContainer .splash {
        padding-top: 0px
    }
}

@media (max-width: 767px) {
    #mainSearchContainer .splash {
        max-width: 90%;
        margin: auto
    }
}

@media (max-width: 575px) {
    #mainSearchContainer .splash {
        padding-bottom: 99px
    }
}

#mainSearchContainer .splash form {
    margin: auto
}

.header-highlights {
    margin-top: 24px;
    text-align: center
}

@media (max-width: 1499px) {
    .header-highlights {
        display: none
    }
}

.header-highlights .header-highlight {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    text-transform: uppercase;
    margin-right: 54px
}

.header-highlights .header-highlight:last-child {
    margin-right: 0
}

.header-highlights .header-highlight .icon-check {
    margin-right: 12px;
    height: 19px;
    position: relative;
    top: -1px;
    background-color: white;
    border-radius: 100%;
    width: 19px;
    padding: 5px;
    -webkit-mask: none;
    mask: none;
    vertical-align: middle;
    font-size: 9px;
    font-weight: bold;
    color: #160F27
}

#menuNavBar {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 3;
    padding: 0 48px
}

#menuNavBar.no-focus {
    z-index: 0 !important
}

#menuNavBar>span.no-container {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 32px 48px 16px 48px
}

@media (max-width: 480px) {
    #menuNavBar>span.no-container {
        padding: 25px 20px 25px 20px
    }
}

@media (max-width: 1199px) {
    #menuNavBar>span.no-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

#menuNavBar>span.container {
    padding-top: 15px;
    padding-bottom: 14px;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 480px) {
    #menuNavBar>span.container {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media (max-width: 1199px) {
    #menuNavBar {
        position: relative;
        padding: 0
    }
}

#menuNavBar #mainLogo {
    font-size: 84px;
    padding: 0
}

@media (max-width: 480px) {
    #menuNavBar #mainLogo {
        font-size: 68px
    }
}

#menuNavBar .navbar-brand {
    margin-right: 8px;
    padding: 0
}

#menuNavBar .navbar-collapse .navbar-margin-fix {
    display: none
}

@media (max-width: 1199px) {
    #menuNavBar .navbar-collapse .navbar-margin-fix {
        display: block;
        width: 100%;
        height: 25px
    }
}

#menuNavBar #navbarNav .navbar-nav {
    text-transform: uppercase
}

@media (max-width: 1199px) {
    #menuNavBar #navbarNav .navbar-nav .nav-item {
        font-size: 16px;
        line-height: 21px;
        padding: 14px 0;
        -webkit-box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.5);
        box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.5);
        margin-left: 0
    }
}

#menuNavBar #navbarNav .navbar-nav .nav-link {
    padding: 0;
    margin-left: 24px;
    margin-top: 7px;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width: 1199px) {
    #menuNavBar #navbarNav .navbar-nav .nav-link {
        margin: 0
    }
}

#menuNavBar #navbarNav .navbar-nav .nav-link:hover {
    color: #F3D553
}

#menuNavBar #navbarNav .navbar-nav .nav-link:focus {
    outline: none
}

#menuNavBar #navbarNav .navbar-nav .navbarLessMarginLeft {
    margin-left: 24px
}

@media (max-width: 1199px) {
    #menuNavBar #navbarNav .navbar-nav .navbarLessMarginLeft {
        margin-left: 0
    }
}

#menuNavBar .navbar-toggler {
    border: none;
    padding: 0;
    height: 23px;
    cursor: pointer;
    margin-right: 0px !important
}

#menuNavBar .navbar-toggler:focus {
    outline: none
}

#menuNavBar .navbar-toggler .navbar-toggler-icon {
    background-image: none;
    height: 23px;
    width: 34px
}

#menuNavBar .navbar-toggler .navbar-toggler-icon:focus {
    outline: none
}

#menuNavBar .navbar-toggler .navbar-toggler-icon:before {
    font-family: "sm-icons" !important;
    font-size: 23px;
    line-height: 1;
    color: #160F27;
    text-decoration: none;
    content: "";
    top: 3px;
    position: relative;
    color: #fff
}

#menuNavBar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: none;
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    overflow: hidden;
    color: white
}

#menuNavBar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#menuNavBar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#menuNavBar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
#menuNavBar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #FFF;
    height: 4px;
    margin-top: -2px
}

.navbarSearchButton {
    border: none;
    background-color: transparent;
    padding: 0;
    position: relative;
    top: 8px
}

@media (max-width: 1199px) {
    .navbarSearchButton {
        top: 0px
    }
}

.navbarSearchButton:focus {
    outline: none
}

.navbarSearchHeaderForDevices {
    margin-left: auto;
    margin-right: 40px
}

.navbarSearchHeaderForDevices ul {
    height: 100%
}

.navbarSearchHeaderForDevices ul li {
    margin: auto 0
}

#mainSearchContainer .rightNavLinkExtraPaddingForMobile {
    padding: 30px 0
}

.navbarSearchButtonForDevices span {
    font-size: 18px;
    color: #fff
}

@media (max-width: 1199px) {
    .navbarSearchButtonForDevices span {
        display: inline-block;
        margin-top: 4px
    }
}

.navbarSearchButtonForDevices span:hover {
    color: #F3D553
}

@media (hover: none),
(hover: on-demand) {
    .navbarSearchButtonForDevices span:hover {
        color: #fff
    }
}

.navbarQuickModelSearchBoxDiv {
    position: absolute;
    top: 88px;
    width: 100%;
    margin-top: -100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 10;
    visibility: hidden;
    background-color: #352F43
}

.navbarQuickModelSearchBoxDiv.active {
    visibility: visible;
    margin-top: 0
}

@media (max-width: 767px) {
    .navbarQuickModelSearchBoxDiv {
        top: 83px
    }
}

@media (max-width: 480px) {
    .navbarQuickModelSearchBoxDiv {
        top: 70px
    }
}

#navbarQuickModelSearchBox {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    width: 100%;
    padding: 27px 0 27px 32px;
    border: none;
    border-radius: 0;
    background-color: transparent
}

@media (max-width: 1199px) {
    #navbarQuickModelSearchBox {
        background-color: #fff;
        color: #160F27
    }
}

#navbarQuickModelSearchBox:focus {
    outline: none
}

.quickSearchInputContainer {
    width: 408px;
    margin: auto;
    position: relative
}

@media (max-width: 1199px) {
    .quickSearchInputContainer {
        width: 100%
    }
}

.quickSearchInputContainer .modalDeleteButton {
    top: 26px;
    left: 374px;
    right: unset;
    background-color: #DCDFE5;
    display: none;
    text-align: center
}

.quickSearchInputContainer .modalDeleteButton span {
    color: rgba(22, 15, 39, 0.9);
    font-size: 9px
}

@media (max-width: 1199px) {
    .quickSearchInputContainer .modalDeleteButton {
        left: unset;
        right: 32px;
        background-color: #160F27
    }

    .quickSearchInputContainer .modalDeleteButton span {
        color: #fff
    }
}

.simulatedOverlay {
    width: 100%;
    height: calc(100vh - 88px);
    background-color: #160F27;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    opacity: .95;
    position: absolute;
    top: 72px
}

@media (max-width: 767px) {
    .simulatedOverlay {
        height: calc(100vh - 83px)
    }
}

@media (max-width: 480px) {
    .simulatedOverlay {
        height: calc(100vh - 70px)
    }
}

.iAmOnTop {
    z-index: 1
}

.noScroll {
    overflow-y: scroll;
    width: 100%
}

.navbarQuickModelSearchBoxDiv .easy-autocomplete-container {
    overflow-y: auto;
    max-height: 300px;
    pointer-events: none
}

@media (max-width: 1199px) {
    .navbarQuickModelSearchBoxDiv .easy-autocomplete-container {
        max-height: calc(100vh - 156px)
    }
}

.navbarQuickModelSearchBoxDiv .easy-autocomplete-container ul {
    padding-top: 8px
}

.navbarQuickModelSearchBoxDiv .easy-autocomplete-container ul li {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 32px;
    color: #160F27;
    padding: 0
}

@media (max-width: 1199px) {
    .navbarQuickModelSearchBoxDiv .easy-autocomplete-container ul li {
        line-height: 48px;
        -webkit-box-shadow: inset 0 -1px 0 0 #E3E6EA;
        box-shadow: inset 0 -1px 0 0 #E3E6EA
    }
}

.navbarQuickModelSearchBoxDiv .easy-autocomplete-container ul li a {
    padding: 4px 16px
}

.navbarQuickModelSearchBoxDiv .easy-autocomplete-container ul .eac-category {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    color: #160F27;
    font-weight: 700;
    margin: 8px 0;
    padding-left: 16px
}

.menuElement {
    display: inline-block !important;
    vertical-align: top
}

#nav-link-logo:hover {
    background-color: transparent !important
}

#userMenu {
    text-align: right
}

.linkBubble {
    display: inline-block;
    background-color: #F3D553;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    color: #160F27;
    position: relative;
    margin: 0 0 0 2px;
    padding: 0;
    top: -6px;
    font-size: 10px;
    line-height: 16px
}

@media (max-width: 1199px) {
    .linkBubble {
        top: -1px
    }
}

.mobile-nav-link:hover {
    background-color: transparent !important
}

.menuLogoElement {
    display: inline-block !important
}

.profilePhotoHolder {
    width: 53px;
    position: relative;
    cursor: pointer
}

.profilePhotoHolder .profilePhoto {
    width: 53px;
    height: 53px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    position: absolute;
    top: -17.5px;
    background-color: #F3D553;
    background-image: url("motencio.svg");
    background-repeat: no-repeat;
    background-size: 39px;
    background-position: center 3px
}

#menuNavBarMobile {
    display: none;
    margin: 0
}

@media (max-width: 1199px) {
    #menuNavBarMobile {
        display: block
    }
}

#mainMenuMobile {
    padding: 0
}

#mainLogoMobile {
    height: 67px;
    width: 68px;
    margin-top: 24px;
    margin-left: 33px
}

@media (max-width: 480px) {
    #mainLogoMobile {
        margin-top: 24px;
        margin-left: 5px
    }
}

#hamburgerMenu {
    height: 23px;
    width: 34px;
    margin-right: 33px
}

@media (max-width: 480px) {
    #hamburgerMenu {
        margin-right: 5px
    }
}

#hambugerLI {
    float: right;
    margin-top: 36px
}

#mainTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 72px;
    line-height: 86px;
    color: #fff;
    margin: 25px 0 0 0;
    text-align: center
}

@media (max-width: 1399px) {
    #mainTitle {
        font-size: 50px;
        line-height: 60px;
        margin-top: 16px
    }
}

@media (max-width: 1199px) {
    #mainTitle {
        font-size: 72px;
        line-height: 77px;
        margin: 78px auto 0px auto;
        max-width: 420px
    }
}

@media (max-width: 480px) {
    #mainTitle {
        font-size: 40px;
        line-height: 42px;
        margin: 38px auto 0px auto;
        width: 211px
    }
}

#mainSubTitle {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    #mainSubTitle {
        margin-top: 16px;
        font-size: 18px
    }
}

@media (max-width: 991px) {
    #mainSubTitle {
        margin: 16px auto 0 auto;
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-width: 480px) {
    #mainSubTitle {
        margin: 8px auto 0px auto;
        font-size: 16px;
        line-height: 22px
    }
}

#mainSearchBoxRow {
    min-width: 1100px;
    max-width: 1100px;
    margin: 0 auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 1
}

@media (max-width: 1199px) {
    #mainSearchBoxRow {
        display: none
    }
}

#leftRow {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#mainSearchLeftCol {
    min-width: 410px;
    max-width: 410px
}

#mainSearchRightCol {
    min-width: 410px;
    max-width: 410px
}

.colSeparators {
    min-width: 80px;
    max-width: 80px;
    height: 320px
}

#colSeparatorRight {
    border-right: 1px solid #BEBEBE
}

.filtersTitle {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    padding: 0;
    margin-bottom: 16px
}

.filtersSubTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    padding: 0;
    margin-bottom: 0px
}

.rangeSliderContainer {
    padding-left: 0;
    padding-right: 0px;
    margin-bottom: 40px;
    min-height: 40px
}

@media (max-width: 1199px) {
    .irs-line {
        height: 14px
    }
}

.irs-bar {
    height: 6px;
    background-color: #F3D553
}

@media (max-width: 1199px) {
    .irs-bar {
        height: 14px
    }
}

.irs-bar-edge,
.irs-line-mid,
.irs-line-left,
.irs-line-right {
    height: 6px;
    background-color: #DDDDDD
}

@media (max-width: 1199px) {

    .irs-bar-edge,
    .irs-line-mid,
    .irs-line-left,
    .irs-line-right {
        height: 14px;
        border-radius: 0px
    }
}

.irs-line-mid {
    border-radius: 0
}

.irs-slider {
    top: 18px;
    width: 16px;
    height: 18px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
    background-color: #F7F8FB;
    border-radius: 0;
    border: none;
    z-index: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.irs-slider:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #F7F8FB
}

@media (max-width: 991px) {
    .irs-slider:after {
        display: none
    }
}

@media (max-width: 1199px) {
    .irs-slider {
        height: 32px;
        width: 26px;
        border: 1px solid #D4D6DA;
        border-radius: 2px;
        background-color: #F7F8FB;
        -webkit-box-shadow: inset 0 1px 3px 0 #E3E6EA, 0 2px 4px 0 rgba(22, 15, 39, 0.34);
        box-shadow: inset 0 1px 3px 0 #E3E6EA, 0 2px 4px 0 rgba(22, 15, 39, 0.34);
        top: 15px;
        background-image: url("icon-range.svg");
        background-position: -5px -3px
    }
}

.irs-from,
.irs-to,
.irs-single {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.333;
    top: 48px;
    padding: 0px;
    background: none;
    color: white
}

@media (max-width: 1199px) {

    .irs-from,
    .irs-to,
    .irs-single {
        background: transparent;
        color: #fff;
        top: -12px
    }
}

.irs-from:after,
.irs-single:after,
.irs-to:after {
    border: none
}

#bikeTypeTitle {
    margin-top: 16px;
    margin-bottom: 16px
}

.bikeTypeLink {
    width: 100%;
    line-height: 60px;
    display: block;
    padding: 0 60px 0 24px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px
}

@media (max-width: 1399px) {
    .bikeTypeLink {
        line-height: 52px
    }
}

.bikeTypeLink .icon-triangle {
    position: absolute;
    top: 27px;
    right: 25px;
    font-size: 9px
}

@media (max-width: 1399px) {
    .bikeTypeLink .icon-triangle {
        top: 23px
    }
}

.bikeTypeLink:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 2px solid #F3D553
}

.bikeTypeLink:focus {
    outline: none
}

#letsRollLink {
    height: 64px;
    width: 100%;
    background-color: #F3D553;
    margin-top: 16px;
    border: none;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 64px;
    color: #160F27;
    text-align: center
}

@media (max-width: 1399px) {
    #letsRollLink {
        height: 56px;
        line-height: 56px
    }
}

#letsRollLink:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
    background-color: #FBE06E
}

#letsRollLink:focus {
    outline: none
}

#mainSearchBox {
    height: 64px;
    width: 100%;
    line-height: 64px;
    margin-top: 8px;
    margin-bottom: 0px;
    background-position: 26px 20px;
    background-size: 18px;
    padding: 0 0 0 56px;
    border-radius: 0;
    border: 2px solid transparent;
    z-index: 14
}

@media (max-width: 1399px) {
    #mainSearchBox {
        height: 56px;
        line-height: 56px;
        background-position: 26px 16px
    }
}

#mainSearchBox:focus {
    outline: none;
    border: 2px solid #F3D553
}

#horizontalSeparator {
    border-bottom: 1px solid #BEBEBE;
    margin-top: 56px;
    margin-bottom: 0
}

#completeCatalogueTitle {
    margin-top: 53px
}

#showAllModelsLink {
    height: 64px;
    width: 408px;
    line-height: 64px;
    font-family: Roboto;
    font-size: 15px
}

@media (max-width: 1399px) {
    #showAllModelsLink {
        height: 56px;
        line-height: 56px
    }
}

#showAllModelsLink:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #fff;
    color: #160F27
}

#mainSearchSection .icon-largearrow {
    position: absolute;
    font-size: 11px;
    font-weight: bold;
    top: 21px;
    right: 24px;
    background-color: #fff;
    padding: 5px;
    border-radius: 50%;
    margin-left: 396px;
    color: #160F27
}

@media (max-width: 1399px) {
    #mainSearchSection .icon-largearrow {
        top: 16px
    }
}

@media (max-width: 1199px) {
    #mainSearchSection .icon-largearrow {
        position: absolute;
        right: 4%;
        top: 19px;
        margin-left: 0
    }
}

@media (max-width: 991px) {
    #mainSearchSection .icon-largearrow {
        right: 7%
    }
}

@media (max-width: 480px) {
    #mainSearchSection .icon-largearrow {
        right: 6%;
        top: 14px
    }
}

#motencioShowMoreContainer {
    position: absolute;
    bottom: 0;
    width: auto;
    margin: auto;
    left: 0;
    right: 0
}

.motencioShowMore {
    display: block
}

@media (max-width: 1499px) {
    .motencioShowMore {
        display: none
    }
}

#guidedSearchMotencioLink {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin: 5px 0 24px 15px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center
}

#guidedSearchMotencioLink:hover {
    color: #F3D553;
    text-decoration: none
}

#guidedSearchMotencioImage {
    height: 73px;
    width: 73px;
    display: block;
    margin: 0 auto 10px auto;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.24)
}

#showMoreArrowImage {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    color: #F3D553;
    display: block;
    margin: 0 auto 4px auto;
    font-size: 6px;
    text-align: center
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }

    60% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

#showMoreLink {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 4px;
    margin-left: 15px;
    display: none;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    text-decoration: none
}

#showMoreLink span {
    font-size: 6px;
    color: #fff
}

#showMoreLink:hover span {
    color: #F3D553
}

@media (hover: none),
(hover: on-demand) {
    #showMoreLink:hover span {
        color: #fff
    }
}

@media (max-width: 1499px) {
    #showMoreLink {
        display: inline-block;
        position: absolute;
        bottom: 32px;
        margin-left: -5px;
        padding: 15px 19px
    }
}

@media (max-width: 1399px) {
    #showMoreLink {
        bottom: 0
    }
}

@media (max-width: 1199px) {
    #showMoreLink {
        margin-left: -20px
    }
}

.searchBoxes {
    margin: 14px auto 0 auto;
    display: none
}

@media (max-width: 1199px) {
    .searchBoxes {
        max-width: 667px;
        display: block;
        margin-top: 0;
        padding-left: 165px;
        padding-right: 165px
    }
}

@media (max-width: 991px) {
    .searchBoxes {
        width: 100%;
        margin-top: 0;
        padding: 0 15px 0 15px
    }
}

@media (max-width: 480px) {
    .searchBoxes {
        margin-top: 32px;
        padding: 0
    }
}

.mobileFiltersTitle {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    text-align: left;
    margin-top: 32px;
    margin-bottom: 16px
}

@media (max-width: 480px) {
    .mobileFiltersTitle {
        display: none
    }
}

.priceSearchBox {
    border: 2px solid #FFFFFF;
    position: relative
}

.priceSearchBox:hover {
    text-decoration: none
}

.priceSearchBox:focus {
    outline: none
}

@media (max-width: 1199px) {
    .priceSearchBox {
        display: table-cell;
        height: 64px;
        width: 667px;
        padding-left: 12px;
        margin-bottom: 32px
    }
}

@media (max-width: 480px) {
    .priceSearchBox {
        height: 52px;
        margin-bottom: 0
    }
}

.priceSearchBox h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 42px auto 0
}

.priceSearchBox,
.priceSearchBox:visited,
.priceSearchBox:hover,
.priceSearchBox:active {
    color: #fff
}

.modelSearchBox,
#mobileMainSearchBox {
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    position: relative
}

@media (max-width: 1199px) {

    .modelSearchBox,
    #mobileMainSearchBox {
        height: 64px;
        width: 100%;
        padding: 0 0 0 48px
    }
}

@media (max-width: 480px) {

    .modelSearchBox,
    #mobileMainSearchBox {
        height: 56px;
        margin-top: 32px
    }
}

.modelSearchBox:focus,
#mobileMainSearchBox:focus {
    outline: none
}

.mainSearchBoxWrapper,
#trigger-focus {
    position: relative
}

.mainSearchBoxWrapper:after,
#trigger-focus:after {
    font-family: "sm-icons" !important;
    font-size: 18px;
    line-height: 1;
    color: #160F27;
    text-decoration: none;
    position: absolute;
    top: 30px;
    left: 23px;
    z-index: 15;
    content: ""
}

@media (max-width: 1399px) {

    .mainSearchBoxWrapper:after,
    #trigger-focus:after {
        top: 23px
    }
}

#trigger-focus:after {
    top: 23px;
    left: 23px
}

@media (max-width: 480px) {
    #trigger-focus:after {
        top: 16px
    }
}

.modelSearchBoxAsDiv {
    line-height: 64px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #86898F
}

@media (max-width: 480px) {
    .modelSearchBoxAsDiv {
        line-height: 56px
    }
}

.catalogueLinkContainer {
    display: none;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1199px) {
    .catalogueLinkContainer {
        display: block;
        width: 1000px;
        padding-left: 165px;
        padding-right: 165px
    }
}

@media (max-width: 991px) {
    .catalogueLinkContainer {
        width: 100%;
        padding: 0;
        left: 0
    }
}

#mobileCatalogueLink {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #F3D553;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width: 1199px) {
    #mobileCatalogueLink {
        display: block;
        margin-top: 32px;
        text-align: center
    }
}

@media (max-width: 991px) {
    #mobileCatalogueLink {
        display: block;
        margin-top: 48px;
        margin-bottom: 88px;
        margin-left: 0
    }
}

@media (max-width: 480px) {
    #mobileCatalogueLink {
        margin-top: 28px;
        margin-bottom: 0
    }
}

#mobileCatalogueLink:hover {
    text-decoration: none;
    color: #FBE06E
}

.my-col-offset-1 {
    margin-left: 6.91%
}

.myDropdownMenu {
    border-radius: 0;
    width: 184px;
    height: auto;
    -webkit-box-shadow: 0 2px 4px 0 rgba(22, 15, 39, 0.5);
    box-shadow: 0 2px 4px 0 rgba(22, 15, 39, 0.5);
    top: 44px;
    left: -96px;
    padding: 0
}

.myDropdownMenu:after {
    border: 7px solid transparent;
    border-bottom-color: #fff;
    top: -14px;
    left: 140px;
    position: absolute;
    content: ""
}

#dropdownMenuName {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 19px;
    color: #160F27;
    font-weight: bold;
    padding: 16px 0 0 24px;
    margin: 0
}

#dropdownMenuEmail {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #BBBDC1;
    font-weight: bold;
    text-transform: none;
    margin: 0 0 14px 24px
}

#dropdownMenuManageAccount {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #160F27;
    font-weight: bold;
    padding: 12px 0 12px 24px;
    margin: 0;
    cursor: pointer
}

#dropdownMenuManageAccount:hover {
    background-color: #E3E6EA
}

#dropdownMenuSignOut {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #160F27;
    font-weight: bold;
    padding: 12px 0 12px 24px;
    display: block;
    width: 100%;
    border-top: 1px solid #E3E6EA
}

#dropdownMenuSignOut:hover {
    background-color: #E3E6EA
}

.myDropdownDivider {
    width: 182px;
    overflow: visible;
    top: 83px;
    left: -30px;
    height: 1px;
    position: absolute;
    margin: 0
}

.easy-autocomplete {
    width: 100%
}

.easy-autocomplete-container ul {
    padding: 20px 0;
    border: none
}

.easy-autocomplete-container ul li {
    border: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 32px;
    color: #160F27;
    padding-left: 20px
}

.easy-autocomplete-container ul li a {
    color: #160F27
}

.easy-autocomplete-container ul li a:hover {
    text-decoration: none
}

.easy-autocomplete-container ul li:last-child {
    border: none
}

.easy-autocomplete-container ul li.no-results {
    padding-left: 24px;
    padding-right: 24px;
    word-break: normal;
    padding-top: 16px
}

.easy-autocomplete-container ul li.no-results h3 {
    margin-top: 0
}

.easy-autocomplete-container ul .eac-category {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #160F27;
    text-transform: uppercase;
    border: none;
    padding-left: 20px
}

.currencySwitch .switch {
    position: relative;
    width: 36px;
    height: 26px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    margin: 0 0 0 auto;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.currencySwitch .switch input {
    display: none
}

.currencySwitch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    -webkit-transition: .4s;
    transition: .4s
}

.currencySwitch .slider:before {
    position: absolute;
    content: "";
    height: 2px;
    width: 18px;
    left: 0;
    bottom: 6px;
    background-color: #F3D553;
    -webkit-transition: .4s;
    transition: .4s
}

.currencySwitch input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    transform: translateX(18px)
}

.currencySwitch input:checked+.slider>.chatSliderPEN {
    color: #BBBDC1
}

.currencySwitch input:checked+.slider>.chatSliderUSD {
    color: #fff
}

.currencySwitch .chatSliderPEN {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    position: relative;
    top: 2px;
    left: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.currencySwitch .chatSliderUSD {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 13px;
    color: #BBBDC1;
    position: relative;
    top: 2px;
    left: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.currencySwitch .slider.round:before {
    border-radius: 0
}

.userAccountHref {
    cursor: default
}

.userAccountHref:hover {
    text-decoration: none
}

.autocompleteOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 150vh;
    background-color: rgba(22, 15, 39, 0.9);
    z-index: 12;
    display: block;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.autocompleteContainerForScrollbar {
    width: 100%
}

#rightRow .easy-autocomplete-container {
    z-index: 14;
    background-color: #fff;
    max-height: 240px;
    border-right: 5px solid #fff
}

#rightRow .easy-autocomplete-container ul {
    height: 240px;
    overflow-y: scroll;
    padding: 8px 0 0 0
}

#rightRow .easy-autocomplete-container ul::-webkit-scrollbar-track {
    background-color: #fff;
    margin-bottom: 5px;
    margin-top: 5px
}

#rightRow .easy-autocomplete-container ul::-webkit-scrollbar {
    background-color: #fff;
    width: 6px
}

#rightRow .easy-autocomplete-container ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: lightgray;
    width: 3px
}

#rightRow .easy-autocomplete-container .eac-category {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    color: #160F27;
    text-transform: uppercase;
    border: none;
    padding-left: 16px;
    margin: 8px 0
}

#rightRow .easy-autocomplete-container li {
    border: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 32px;
    color: #160F27;
    padding: 0
}

#rightRow .easy-autocomplete-container li a {
    padding: 4px 16px;
    color: #160F27
}

#rightRow .easy-autocomplete-container li a:hover {
    text-decoration: none
}

#rightRow .easy-autocomplete-container li:last-child {
    border: none
}

#rightRow .easy-autocomplete-container li.no-results {
    padding-left: 24px;
    padding-right: 24px;
    word-break: normal;
    padding-top: 16px
}

#rightRow .easy-autocomplete-container li.no-results h3 {
    margin-top: 0
}

.autocompleteCloseButton {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #160F27;
    position: absolute;
    top: 67px;
    left: 370px;
    padding: 0;
    border: none;
    z-index: 14;
    display: none
}

.autocompleteCloseButton span {
    font-size: 8px;
    top: -6px;
    position: relative;
    left: .5px;
    color: #fff
}

.autocompleteCloseButton:hover span {
    color: #86898F
}

.autocompleteCloseButton:focus {
    outline: none
}

.homeLandingVideo {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 0;
    right: 0;
    min-width: 100vw;
    min-height: 100%;
    height: calc(100vw / 1.5625);
    max-width: none;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:center";
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.pattern-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at center, rgba(15, 10, 19, 0.5) 0%, rgba(15, 10, 19, 0.95) 80%, #0f0a13 100%)
}

#guidedSearchMotencioImage .motencioEyes {
    -webkit-animation-name: blinkHome;
    animation-name: blinkHome;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

#guidedSearchMotencioImage .motencioEyebrows {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-animation-name: eyebrowsUpdown;
    animation-name: eyebrowsUpdown;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

#guidedSearchMotencioImage .motencioMouth {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform-origin: center;
    transform-origin: center
}

#guidedSearchMotencioImage:hover .motencioMouth {
    -webkit-transform: scaleX(1.3);
    transform: scaleX(1.3)
}

@-webkit-keyframes blinkHome {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    1% {
        -webkit-transform: scaleY(0.1) translateY(77%);
        transform: scaleY(0.1) translateY(77%)
    }

    2% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    60% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    61% {
        -webkit-transform: scaleY(0.1) translateY(77%);
        transform: scaleY(0.1) translateY(77%)
    }

    62% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes blinkHome {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    1% {
        -webkit-transform: scaleY(0.1) translateY(77%);
        transform: scaleY(0.1) translateY(77%)
    }

    2% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    60% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    61% {
        -webkit-transform: scaleY(0.1) translateY(77%);
        transform: scaleY(0.1) translateY(77%)
    }

    62% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes eyebrowsUpdown {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    2% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    4% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    6% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    8% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes eyebrowsUpdown {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    2% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    4% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    6% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    8% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

#mainSearchSection #homeLandingMainTitles {
    -webkit-animation-name: homeAnimationLeftToRight;
    animation-name: homeAnimationLeftToRight
}

@media (min-width: 768px) {
    #mainSearchSection #homeLandingMainTitles {
        margin-bottom: 45px
    }
}

@media (max-width: 480px) {
    #mainSearchSection #homeLandingMainTitles {
        margin-bottom: 0
    }
}

#mainSearchSection #menuNavBar {
    -webkit-animation-name: homeAnimationTopToBottom;
    animation-name: homeAnimationTopToBottom;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    z-index: 1
}

#mainSearchSection #motencioShowMoreContainer {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

#mainSearchSection .finance-button {
    text-align: center;
    display: block;
    padding: 16px;
    margin-top: 32px;
    background-color: #F3D553;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    color: #160F27;
    text-transform: uppercase
}

@-webkit-keyframes homeAnimationBottomToTop {
    0% {
        -webkit-transform: translate(0, 155px);
        transform: translate(0, 155px);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
        opacity: 0.25
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes homeAnimationBottomToTop {
    0% {
        -webkit-transform: translate(0, 155px);
        transform: translate(0, 155px);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
        opacity: 0.25
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@-webkit-keyframes homeAnimationTopToBottom {
    0% {
        -webkit-transform: translate(0, -155px);
        transform: translate(0, -155px);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
        opacity: 0.25
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes homeAnimationTopToBottom {
    0% {
        -webkit-transform: translate(0, -155px);
        transform: translate(0, -155px);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
        opacity: 0.25
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@-webkit-keyframes homeAnimationLeftToRight {
    0% {
        -webkit-transform: translate(-155px, 0);
        transform: translate(-155px, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
        opacity: 0.25
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes homeAnimationLeftToRight {
    0% {
        -webkit-transform: translate(-155px, 0);
        transform: translate(-155px, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
        opacity: 0.25
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

.optionsBoxModalContent {
    background-color: #160F27;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: 100%;
    padding: 15px
}

#navbar-toggler-id {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto 0;
    z-index: 1;
    padding-left: 14px
}

#navbar-toggler-id:hover {
    text-decoration: none
}

.simulatedTopOverlay {
    width: 100vw;
    height: 88px;
    background-color: #160F27;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    opacity: .85;
    z-index: 1
}

@media (max-width: 767px) {
    .simulatedTopOverlay {
        height: 65px
    }
}

@media (max-width: 480px) {
    .simulatedTopOverlay {
        height: 52px
    }
}

#guidedSearchTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 84px;
    color: #160F27;
    font-weight: bold;
    text-align: center;
    margin-top: 128px
}

@media (max-width: 991px) {
    #guidedSearchTitle {
        margin-top: 96px;
        margin-bottom: 18px
    }
}

@media (max-width: 480px) {
    #guidedSearchTitle {
        font-size: 34px;
        line-height: 45px;
        margin-top: 42px;
        margin-bottom: 15px
    }
}

h2>span.yellowTitle {
    color: #F3D553
}

#guidedSearchSubTitle {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 36px;
    color: #160F27;
    text-align: center;
    width: 506px;
    height: 72px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 991px) {
    #guidedSearchSubTitle {
        margin-bottom: 48px
    }
}

@media (max-width: 991px) {
    #guidedSearchSubTitle {
        width: 100%
    }
}

@media (max-width: 480px) {
    #guidedSearchSubTitle {
        font-size: 18px;
        line-height: 26px;
        width: 290px;
        height: 78px;
        margin-bottom: 29px
    }
}

#guidedSearchImagesBG {
    height: 298px;
    width: 561px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #F4F4F4;
    -webkit-box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.5);
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.5);
    margin-bottom: 40px
}

@media (max-width: 991px) {
    #guidedSearchImagesBG {
        margin-bottom: 48px
    }
}

@media (max-width: 767px) {
    #guidedSearchImagesBG {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 464px
    }
}

@media (max-width: 480px) {
    #guidedSearchImagesBG {
        height: 178px;
        width: 290px
    }
}

#motencioImage {
    position: absolute;
    top: 58px;
    left: 78px;
    width: 100px
}

@media (max-width: 767px) {
    #motencioImage {
        left: 91px
    }
}

@media (max-width: 480px) {
    #motencioImage {
        left: 7px;
        top: 28px
    }
}

#speechBubbleImage {
    position: absolute;
    top: 90px;
    left: 230px;
    width: 280px;
    height: 120px;
    background: url("../assets/images/home/home-burbujas.svg") no-repeat
}

@media (max-width: 767px) {
    #speechBubbleImage {
        background: url("../assets/images/home/home-burbujas-mobile.svg") no-repeat;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 140px;
        height: 120px;
        top: 82px;
        left: 234px
    }
}

@media (max-width: 480px) {
    #speechBubbleImage {
        top: 50px;
        left: 135px
    }
}

#speechBubbleText {
    width: 176px;
    height: 36px;
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    color: #160F27;
    text-align: left;
    position: absolute;
    top: 102px;
    left: 260px
}

@media (max-width: 767px) {
    #speechBubbleText {
        width: 95px;
        height: 40px;
        top: 90px;
        left: 263px
    }
}

@media (max-width: 480px) {
    #speechBubbleText {
        top: 58px;
        left: 155px
    }
}

#motencioBotTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 19px;
    color: #160F27;
    font-weight: 400;
    position: absolute;
    top: 216px;
    left: 85px
}

@media (max-width: 767px) {
    #motencioBotTitle {
        left: 100px
    }
}

@media (max-width: 480px) {
    #motencioBotTitle {
        position: absolute;
        bottom: -50px;
        top: unset
    }
}

#startNowLink {
    height: 64px;
    width: 280px;
    background-color: #F3D553;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 64px;
    color: #160F27;
    text-align: center;
    display: block;
    margin-bottom: 64px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#startNowLink:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
    background-color: #FBE06E
}

@media (max-width: 991px) {
    #startNowLink {
        margin-bottom: 48px
    }
}

@media (max-width: 480px) {
    #startNowLink {
        margin-bottom: 30px
    }
}

#styleSearchContainer {
    padding: 0;
    overflow: hidden
}

#styleSearchTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 84px;
    color: #160F27;
    text-align: center;
    margin-top: 64px
}

@media (max-width: 991px) {
    #styleSearchTitle {
        margin-top: 48px;
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    #styleSearchTitle {
        max-width: 590px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 480px) {
    #styleSearchTitle {
        font-size: 34px;
        line-height: 45px;
        margin-top: 22px;
        margin-bottom: 16px;
        font-size: 30px;
        line-height: 1.2
    }
}

.styleSearchRow {
    margin: 0
}

.styleSearchCol {
    padding: 0
}

.styleSearchCol img {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: all .5s;
    transition: all .5s
}

.styleSearchCol:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s;
    transition: all .5s
}

.styleSearchCol:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(50, 49, 42, 0.58)
}

.img-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.imageRatio {
    position: relative;
    padding-top: 58.3%;
    overflow: hidden
}

.styleSearchPostContent {
    position: absolute;
    z-index: 2;
    bottom: 32px;
    width: 100%;
    padding: 0 32px
}

.styleSearchPostContent h3 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    font-weight: 700;
    color: #fff !important;
    margin: 0 0 8px 0;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .styleSearchPostContent h3 {
        margin: 0
    }
}

.styleSearchPostContent p {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    margin: 0
}

@media (max-width: 480px) {
    .styleSearchPostContent p {
        margin: 0
    }
}

@media (max-width: 480px) {
    .styleSearchPostContent {
        bottom: 22px;
        padding-left: 20px
    }
}

.contenedor-de-marcas {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-animation: none;
    animation: none;
    margin: 0
}

.contenedor-de-marcas .filtros {
    border-bottom: 1px solid #160F27;
    margin: 25px 0 54px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contenedor-de-marcas .filtros .filtro {
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    color: #160F27;
    text-transform: uppercase;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

@media (min-width: 576px) {
    .contenedor-de-marcas .filtros .filtro {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1 1
    }
}

.contenedor-de-marcas .filtros .filtro span.texto {
    display: inline-block;
    padding-bottom: 8px;
    margin-bottom: -3px;
    white-space: nowrap
}

.contenedor-de-marcas .filtros .filtro.active span.texto {
    border-bottom: 3px solid #160F27
}

.contenedor-de-marcas .filtros .filtro.letras {
    margin-right: 5px;
    margin-left: 5px;
    text-align: center
}

.contenedor-de-marcas .filtros .grupo-letras {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

@media (min-width: 576px) {
    .contenedor-de-marcas .filtros .grupo-letras {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2 1
    }
}

.contenedor-de-marcas .filtros .buscar-marca {
    text-align: right
}

@media (max-width: 767px) {
    .contenedor-de-marcas .filtros .buscar-marca .descripcion {
        display: none
    }
}

.contenedor-de-marcas .filtros .buscar-marca .loupe-icon {
    height: 12px;
    position: relative;
    top: -1px;
    margin-right: 8px
}

@media (max-width: 767px) {
    .contenedor-de-marcas .filtros .buscar-marca .loupe-icon {
        margin-right: 0
    }
}

.contenedor-de-marcas .marca {
    text-align: center;
    padding: 0 10px;
    margin-bottom: 24px
}

@media (min-width: 992px) {
    .contenedor-de-marcas .marca {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media (min-width: 1200px) {
    .contenedor-de-marcas .marca {
        margin-bottom: 40px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .contenedor-de-marcas .marca {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (max-width: 767px) {
    .contenedor-de-marcas .marca {
        padding: 0 5px
    }
}

.contenedor-de-marcas .marca .imagen {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 2px 4px 0 rgba(210, 210, 210, 0.5);
    box-shadow: 0 2px 4px 0 rgba(210, 210, 210, 0.5);
    max-width: 132px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: auto
}

.contenedor-de-marcas .marca .imagen:hover {
    -webkit-box-shadow: 0 2px 11px 0 rgba(189, 189, 189, 0.5);
    box-shadow: 0 2px 11px 0 rgba(189, 189, 189, 0.5)
}

@media (max-width: 767px) {
    .contenedor-de-marcas .marca .imagen {
        max-width: 90px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contenedor-de-marcas .marca .imagen {
        max-width: 120px
    }
}

.contenedor-de-marcas .marca .imagen:before {
    content: "";
    display: block;
    padding-top: 100%
}

.contenedor-de-marcas .marca .imagen .make-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.contenedor-de-marcas .marca .imagen img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 20%;
    width: 100%;
    margin: auto
}

.contenedor-de-marcas .marca .make-name-link:hover {
    text-decoration: none
}

.contenedor-de-marcas .marca .make-name {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 15px;
    color: #160F27;
    padding-top: 16px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0px
}

@media (max-width: 991px) {
    .contenedor-de-marcas .marca .make-name {
        font-size: 13px;
        line-height: 13px
    }
}

@media (max-width: 767px) {
    .contenedor-de-marcas .marca .make-name {
        font-size: 12px;
        line-height: 12px
    }
}

@media (max-width: 575px) {
    .contenedor-de-marcas .marca .make-name {
        font-size: 10px;
        line-height: 10px
    }
}

#brandSearchContainer {
    width: 100%;
    height: auto;
    background-color: #F9F9F9;
    padding-top: 128px;
    padding-bottom: 97px
}

@media (max-width: 480px) {
    #brandSearchContainer {
        padding-bottom: 0
    }
}

@media (max-width: 991px) {
    #brandSearchContainer {
        padding-top: 57px
    }
}

#brandSearchTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 84px;
    color: #160F27;
    text-align: center
}

@media (max-width: 480px) {
    #brandSearchTitle {
        font-size: 34px;
        line-height: 38px;
        margin-bottom: 15px;
        text-align: center
    }
}

.moreBrandsButton #moreBrandsLink {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 64px;
    color: #160F27;
    font-weight: 700;
    background-color: #F3D553;
    text-align: center;
    margin: 30px 0 54px;
    display: none
}

@media (max-width: 480px) {
    #creditContainer {
        padding: 15px
    }
}

#creditContainer .creditRow {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

#creditTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 56px;
    color: #160F27;
    font-weight: 700;
    max-width: 550px;
    margin: 128px 0 52px 0;
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

@media (max-width: 991px) {
    #creditTitle {
        text-align: center;
        margin: 96px auto 52px auto
    }
}

@media (max-width: 480px) {
    #creditTitle {
        font-size: 34px;
        line-height: 38px;
        margin: 42px 0 32px 0
    }
}

#creditRowContainer {
    padding-right: 155px
}

@media (max-width: 1199px) {
    #creditRowContainer {
        padding-right: 48px
    }
}

@media (max-width: 991px) {
    #creditRowContainer {
        padding: 0 52px 0 52px
    }
}

@media (max-width: 480px) {
    #creditRowContainer {
        padding: 0
    }
}

.creditTitles {
    padding: 0 26px 0 26px
}

@media (max-width: 991px) {
    .creditTitles {
        width: 50%
    }
}

@media (max-width: 767px) {
    .creditTitles {
        width: 100%
    }
}

@media (max-width: 480px) {
    .creditTitles {
        padding: 0 15px 0 15px
    }
}

#creditAndresImage {
    max-height: 736px;
    max-width: 490px;
    min-width: 490px;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain;
    margin-left: -100%;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.creditSubTitle {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 36px;
    color: #160F27;
    text-align: left;
    margin-bottom: 24px
}

@media (max-width: 991px) {
    .creditSubTitle {
        line-height: 29px
    }
}

@media (max-width: 767px) {
    .creditSubTitle {
        margin-bottom: 8px
    }
}

.creditText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 29px;
    color: #160F27;
    text-align: left
}

.bottomCreditText {
    margin-bottom: 48px
}

@media (max-width: 767px) {
    .bottomCreditText {
        margin-bottom: 32px
    }
}

#simulateNowLink {
    height: 64px;
    max-width: 280px;
    background-color: #F3D553;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 64px;
    color: #160F27;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 115px
}

#simulateNowLink:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
    background-color: #FBE06E
}

@media (max-width: 991px) {
    #simulateNowLink {
        margin: 0 auto 96px auto
    }
}

@media (max-width: 480px) {
    #simulateNowLink {
        margin-bottom: 41px
    }
}

#anchor-1,
#anchor-2,
#anchor-3,
#anchor-4,
#anchor-5,
#anchor-6 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes showMe {
    0% {
        -webkit-transform: translate(0, 155px);
        transform: translate(0, 155px);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
        opacity: 0.25
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes showMe {
    0% {
        -webkit-transform: translate(0, 155px);
        transform: translate(0, 155px);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
        opacity: 0.25
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

section.insurance {
    background-color: #F9F9F9
}

section.insurance .intro {
    margin-bottom: 100px
}

@media (max-width: 991px) {
    section.insurance .intro {
        margin-left: 0px;
        margin-right: 0px
    }
}

section.insurance .intro h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 64px;
    color: #160F27;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 18px
}

@media (max-width: 991px) {
    section.insurance .intro h2 {
        text-align: center
    }
}

@media (max-width: 480px) {
    section.insurance .intro h2 {
        font-size: 34px;
        line-height: 34px
    }
}

section.insurance .intro p {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 31px;
    color: #160F27;
    text-align: left;
    margin-bottom: 0;
    max-width: 620px
}

@media (max-width: 991px) {
    section.insurance .intro p {
        text-align: center;
        max-width: 100%
    }
}

section.insurance .intro .logos {
    max-width: 620px
}

@media (max-width: 991px) {
    section.insurance .intro .logos {
        margin: 50px auto 0 auto
    }
}

@media (max-width: 1199px) {
    section.insurance .intro .logos .row {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

section.insurance .intro .logos .logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 1199px) {
    section.insurance .intro .logos .logo {
        padding-right: 15px
    }
}

@media (max-width: 991px) {
    section.insurance .intro .logos .logo {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0
    }
}

@media (max-width: 480px) {
    section.insurance .intro .logos .logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: auto;
        margin-bottom: 36px
    }

    section.insurance .intro .logos .logo:last-child {
        margin-bottom: 0
    }
}

section.insurance .intro .logos .logo img {
    width: 50%;
    height: 100%;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain;
    max-width: 50%;
    max-height: 85px;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width: 480px) {
    section.insurance .intro .logos .logo img {
        max-width: 30%;
        max-height: 73px
    }
}

section.insurance .offer {
    position: relative;
    background-color: black;
    overflow: hidden;
    padding: 100px 0
}

@media (min-width: 1200px) {
    section.insurance .offer {
        padding: 10% 0
    }
}

section.insurance .offer img.backgroundPhoto {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:center top";
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    width: 100%;
    height: 100%
}

section.insurance .offer .dark-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQYV2NkYGD4zwABW0AEI5IAWBAksJmBgcEHqgqsAiQAAmBBANbABWl94et0AAAAAElFTkSuQmCC);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8
}

section.insurance .offer .message {
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    padding: 0 30px
}

section.insurance .offer .message h3 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 64px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width: 767px) {
    section.insurance .offer .message h3 {
        font-size: 44px;
        line-height: 44px
    }
}

section.insurance .offer .message p {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-shadow: 2px 2px 1px black
}

@media (max-width: 1399px) {
    section.insurance .offer .message p {
        font-size: 24px;
        line-height: 32px
    }
}

@media (max-width: 767px) {
    section.insurance .offer .message p {
        font-size: 16px;
        line-height: 26px
    }
}

section.insurance .offer .message .call-to-action {
    background-color: #F3D553;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 15px;
    color: #160F27;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    padding: 24px 54px;
    display: inline-block
}

section.insurance .offer .message .call-to-action:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
    background-color: #FBE06E
}

@media (max-width: 767px) {
    section.insurance .offer .message .call-to-action {
        padding: 24px
    }
}

.img-grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: 0.4
}

#homeFooter {
    background-color: #160F27
}

#footerContainer {
    padding-left: 39px;
    padding-right: 39px
}

@media (max-width: 480px) {
    #footerContainer {
        padding-left: 15px;
        padding-right: 15px
    }
}

.footer-highlights {
    text-align: center;
    margin-bottom: 32px
}

@media (max-width: 1199px) {
    .footer-highlights {
        display: none
    }
}

.footer-highlights .footer-highlight {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-right: 54px
}

.footer-highlights .footer-highlight:last-child {
    margin-right: 0
}

.footer-highlights .footer-highlight .icon-check {
    margin-right: 12px;
    height: 14px;
    position: relative;
    top: 0;
    font-size: 14px;
    color: #F3D553
}

.marcas-footer {
    width: 100%;
    text-align: center;
    margin-bottom: 48px
}

@media (max-width: 575px) {
    .marcas-footer {
        margin-bottom: 0;
        margin-top: 32px
    }
}

.marcas-footer .link-marca {
    color: #A6A8AD;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin: 0 12px
}

.marcas-footer .link-marca:hover {
    color: #FFF
}

.footer-logo {
    color: #fff;
    margin-top: 72px;
    margin-bottom: 50px;
    width: 85px;
    height: 85px
}

@media (max-width: 767px) {
    .footer-logo {
        margin-top: 50px;
        margin-bottom: 25px;
        width: 75px;
        height: 75px
    }
}

.contactTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    opacity: .65;
    margin-bottom: 16px
}

@media (max-width: 1199px) {
    .contactTitle {
        margin-top: 0
    }
}

@media (max-width: 480px) {
    .contactTitle {
        margin-top: 40px
    }
}

.contactText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 8px;
    display: block
}

.contactText:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
    color: #F3D553
}

.contactTextLong {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 8px;
    display: block
}

.contactLongText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 8px;
    display: block
}

.contactLink {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #F3D553
}

.contactLink:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
    color: #fff
}

#copyrightText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
    margin-top: 25px;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    #copyrightText {
        display: none
    }
}

#privacyLink {
    margin-bottom: 8px
}

#privacyLink:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
    color: #F3D553
}

#facebookLink,
#youtubeLink,
#instagramLink {
    margin-right: 11px;
    font-size: 15px;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

#facebookLink span:before,
#youtubeLink span:before,
#instagramLink span:before {
    vertical-align: top
}

#facebookLink:hover,
#youtubeLink:hover,
#instagramLink:hover {
    text-decoration: none;
    color: #F3D553
}

@media (hover: none),
(hover: on-demand) {

    #facebookLink:hover,
    #youtubeLink:hover,
    #instagramLink:hover {
        text-decoration: none;
        color: #fff
    }
}

#inputEmailBox {
    height: 48px;
    width: 74%;
    max-width: 220px;
    background-color: #fff;
    border: 2px solid transparent;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #7D7D7D;
    padding-left: 15px
}

#inputEmailBox:focus {
    outline: none;
    border-color: #F3D553;
    border-right: none
}

#sendEmailButton {
    height: 48px;
    width: 48px;
    background-color: #F3D553;
    border: none;
    padding: 0;
    cursor: pointer
}

#sendEmailButton:focus {
    outline: none
}

.sendEmailButtonWrapper {
    position: relative;
    margin-bottom: 0
}

.sendEmailButtonWrapper:after {
    font-family: "sm-icons" !important;
    font-size: 18px;
    line-height: 1;
    color: #160F27;
    text-decoration: none;
    position: absolute;
    top: 15px;
    left: 16px;
    content: "";
    cursor: pointer
}

#aboutUsCol {
    width: 28%
}

@media (max-width: 1199px) {
    #aboutUsCol {
        width: 43%;
        margin-bottom: 28px
    }
}

@media (max-width: 767px) {
    #aboutUsCol {
        margin-bottom: 70px
    }
}

@media (max-width: 480px) {
    #aboutUsCol {
        width: 100%;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    #supportCol {
        width: 35%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 67px
    }
}

@media (max-width: 480px) {
    #supportCol {
        width: 100%;
        padding-bottom: 0
    }
}

#socialButtonsCol {
    width: 10.66%
}

@media (max-width: 1199px) {
    #socialButtonsCol {
        width: 17%;
        padding-bottom: 70px
    }
}

@media (max-width: 767px) {
    #socialButtonsCol {
        width: 22%
    }
}

@media (max-width: 480px) {
    #socialButtonsCol {
        width: 100%;
        padding-bottom: 0
    }
}

#inputEmailCol {
    width: 27%
}

@media (max-width: 1199px) {
    #inputEmailCol {
        width: 45%;
        margin-bottom: 70px
    }
}

@media (max-width: 767px) {
    #inputEmailCol {
        width: 59%
    }
}

@media (max-width: 480px) {
    #inputEmailCol {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0
    }
}

#inputEmailCol #error-email-footer {
    color: #d22d2d;
    background: none;
    font-size: 15px
}

#autofintechCol {
    width: 17.66%
}

@media (max-width: 1199px) {
    #autofintechCol {
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    #autofintechCol {
        width: 41%;
        margin-bottom: 64px
    }
}

@media (max-width: 480px) {
    #autofintechCol {
        width: 100%;
        padding-left: 15px;
        margin-top: 0;
        margin-bottom: 0
    }
}

#autofintechLogo {
    display: block;
    margin-bottom: 50px;
    max-width: 210px
}

#announceHereLink {
    text-align: left;
    display: block
}

@media (max-width: 767px) {
    #announceHereLink {
        position: static;
        top: auto;
        left: auto
    }
}

@media (max-width: 480px) {
    #announceHereLink {
        margin-bottom: 0
    }
}

#goToTopContainer {
    border-top: 1px solid rgba(247, 248, 251, 0.2);
    margin-top: 64px
}

@media (max-width: 1199px) {
    #goToTopContainer {
        margin-top: 0
    }
}

@media (max-width: 480px) {
    #goToTopContainer {
        margin-top: 64px
    }
}

#goToTopLink {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 32px;
    margin-bottom: 34px;
    display: inline-block
}

#goToTopLink:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7
}

#arrowToRotate {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 9px;
    margin-left: 11px;
    display: inline-block;
    top: -2px;
    position: relative
}

#success-email-footer {
    background: #259B24;
    color: white;
    padding: 12px;
    width: 82%;
    border-radius: 3px;
    font-size: 14px
}

.modal-open {
    overflow: hidden
}

.modal-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(22, 15, 39, 0.5);
    width: 100%;
    height: 100%;
    display: none;
    z-index: 2
}

body.modal-open .modal-overlay {
    display: block
}

.myButtonBase {
    background-color: #F3D553;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 64px;
    color: #160F27;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    color: #160F27;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.myButtonBase:hover {
    background-color: #FBE06E;
    color: #160F27;
    text-decoration: none
}

@media (hover: none),
(hover: on-demand) {
    .myButtonBase:hover {
        background-color: #F3D553;
        color: #160F27;
        text-decoration: none
    }
}

.myButtonBase:focus {
    outline: none
}

#letsRollModalButton,
#savePriceModalButton,
#saveDisplacementModalButton {
    height: 56px;
    line-height: 56px;
    width: 88.87%;
    margin: 0 5.56% 0 5.56%
}

.base-modal-dialog {
    width: 688px;
    height: 677px;
    margin: auto
}

@media (max-width: 1199px) {
    .base-modal-dialog {
        height: auto;
        max-width: 100vw;
        width: 100%;
        margin: 0;
        overflow-y: auto
    }
}

@media (max-width: 767px) {
    .base-modal-dialog {
        -webkit-transform: none !important;
        transform: none !important
    }
}

#mainMenuModalBaseDialog {
    height: auto;
    max-width: 100vw;
    width: 100%;
    margin: 0;
    overflow-y: auto
}

#mainMenuModalBaseDialog .modal-content {
    background-color: #160F27
}

#modelSearchBoxModalBaseDialog,
#modelSearchBoxModalBaseDialogComparer {
    height: auto;
    max-width: 100vw;
    width: 100%;
    margin: 0;
    overflow-y: auto
}

#modelSearchBoxModalBaseDialog .modelSearchBox,
#modelSearchBoxModalBaseDialogComparer .modelSearchBox {
    height: 64px;
    width: 100%;
    padding: 0 0 0 48px
}

#modelSearchBoxModalBaseDialog #eac-container-modalSearchBox,
#modelSearchBoxModalBaseDialogComparer #eac-container-modalSearchBox {
    max-height: unset
}

.blue-modal-content {
    width: 100%;
    min-height: calc(100vh - 0px);
    height: auto
}

@media (max-width: 1199px) {
    .blue-modal-content {
        border: none;
        border-radius: 0;
        background-color: #160F27
    }
}

.myModalButtonBase {
    height: 48px;
    width: 88.89%;
    margin: 0 5.56% 0 5.56%;
    border: 2px solid #fff;
    background: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: left;
    padding-left: 16px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.myModalButtonBase:hover {
    border: 2px solid #F3D553
}

.myModalButtonBase:focus {
    outline: none
}

#typeRowModal {
    padding: 24px 40px 0 40px
}

@media (max-width: 1199px) {
    #typeRowModal {
        max-width: 592px;
        margin: 0 auto 32px auto;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 767px) {
    #typeRowModal {
        max-width: 442px
    }
}

@media (max-width: 480px) {
    #typeRowModal {
        max-width: 300px
    }
}

.myCloseButton {
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    text-shadow: none
}

.myCloseButton:hover {
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
    opacity: 0.88
}

.modalRangeSliderContainer {
    width: 88.89%;
    margin: 24px 5.56% 48px 5.56%
}

.modalRangeSliderContainer .irs-slider:after {
    border: none
}

.modalTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    color: #F3D553;
    font-weight: 700;
    margin: 0 5.56% 16px 5.56%
}

.white-modal-content {
    background-color: #fff;
    position: relative
}

.modalBlackTitle {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 32px;
    line-height: 38px;
    color: #160F27;
    margin: 58px auto 0 auto
}

@media (max-width: 1199px) {
    .modalBlackTitle {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-size: 15px;
        line-height: 18px;
        color: #160F27;
        margin-top: 10px
    }
}

#backButtonTypeModal {
    display: none
}

#backButtonTypeModal:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5
}

#backButtonTypeModal:focus {
    outline: none
}

@media (max-width: 1199px) {
    #backButtonTypeModal {
        display: block
    }
}

@media (max-width: 767px) {
    #backButtonTypeModal {
        display: block
    }
}

#closeButtonTypeModal {
    color: #160F27;
    font-size: 20px;
    display: block;
    position: absolute;
    top: 17px;
    right: 26px
}

@media (max-width: 1199px) {
    #closeButtonTypeModal {
        display: none
    }
}

#closeButtonTypeModal:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5
}

#closeButtonTypeModal:focus {
    outline: none
}

.typeBoxModalSpacer {
    display: none
}

@media (max-width: 767px) {
    .typeBoxModalSpacer {
        display: block;
        width: 100%;
        height: 32px
    }
}

#saveTypeModalButton,
#saveTypeModalButtonMobile {
    color: #160F27;
    height: 64px;
    width: 280px;
    margin: 12px auto 56px auto;
    text-transform: uppercase
}

@media (max-width: 1199px) {

    #saveTypeModalButton,
    #saveTypeModalButtonMobile {
        height: 56px;
        width: 100%;
        max-width: 592px;
        line-height: 56px;
        margin: 0 auto
    }
}

@media (max-width: 767px) {

    #saveTypeModalButton,
    #saveTypeModalButtonMobile {
        max-width: 442px;
        position: fixed;
        top: calc(100% - 56px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 10000
    }
}

@media (max-width: 480px) {

    #saveTypeModalButton,
    #saveTypeModalButtonMobile {
        max-width: unset;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

#saveTypeModalButton:hover,
#saveTypeModalButtonMobile:hover {
    color: #160F27
}

#saveTypeModalButtonMobile {
    display: none
}

.fixedMe {
    height: 56px;
    width: 100%
}

.typeBoxModalText {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 15px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 32px;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .typeBoxModalText {
        margin-bottom: 30px
    }
}

.blackCircleBorder {
    height: 104px;
    width: 104px;
    border: 1.5px solid #160F27;
    border-radius: 50%;
    margin: 0 auto 16px auto
}

.typeBoxModalImage {
    display: block;
    cursor: pointer;
    font-size: 39px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #160F27
}

@media (max-width: 480px) {
    .typeBoxModalImage {
        font-size: 32px
    }
}

#typeBoxModal {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1199px) {
    #typeBoxModal {
        height: auto;
        top: 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

#typeBoxModal .icon-scooter,
#typeBoxModal .icon-deportiva,
#typeBoxModal .icon-pistera {
    font-size: 41px
}

@media (max-width: 480px) {

    #typeBoxModal .icon-scooter,
    #typeBoxModal .icon-deportiva,
    #typeBoxModal .icon-pistera {
        font-size: 34px
    }
}

#typeBoxModal .checkIconImage {
    position: absolute;
    top: 8px;
    right: -4px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #259B24;
    padding: 5px;
    display: none;
    color: #fff;
    font-size: 15px
}

@media (max-width: 480px) {
    #typeBoxModal .checkIconImage {
        right: -8px
    }
}

#typeBoxModal input[type=checkbox] {
    display: none
}

#typeBoxModal input[type=checkbox]+label {
    display: block;
    padding: 0;
    height: 104px;
    width: 104px;
    margin: 0 auto 16px auto;
    border: 2px solid #160F27;
    border-radius: 50%;
    cursor: pointer;
    position: relative
}

@media (max-width: 480px) {
    #typeBoxModal input[type=checkbox]+label {
        height: 88px;
        width: 88px
    }
}

#typeBoxModal input[type=checkbox]+label:hover {
    border-color: #86898F
}

#typeBoxModal input[type=checkbox]+label:hover .typeBoxModalImage {
    color: #86898F
}

@media (hover: none),
(hover: on-demand) {
    #typeBoxModal input[type=checkbox]+label:hover {
        border-color: #160F27
    }

    #typeBoxModal input[type=checkbox]+label:hover .typeBoxModalImage {
        color: #160F27
    }
}

#typeBoxModal input[type=checkbox]+label .type-checkbox-icon {
    width: 70%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#typeBoxModal input[type=checkbox]:checked+label {
    color: #259B24;
    border-color: #259B24
}

#typeBoxModal input[type=checkbox]:checked+label .typeBoxModalImage {
    color: #259B24
}

#typeBoxModal input[type=checkbox]:checked+label .checkIconImage {
    display: block
}

#typeBoxModal input[type=checkbox]:checked+label:hover {
    border-color: #86898F
}

#typeBoxModal input[type=checkbox]:checked+label:hover .typeBoxModalImage {
    color: #86898F
}

@media (hover: none),
(hover: on-demand) {
    #typeBoxModal input[type=checkbox]:checked+label:hover {
        border-color: #259B24
    }

    #typeBoxModal input[type=checkbox]:checked+label:hover .typeBoxModalImage {
        color: #259B24
    }
}

#typeBoxModal .blue-modal-content {
    min-height: unset
}

@media (max-width: 1199px) {
    #typeBoxModal .blue-modal-content {
        min-height: calc(100vh - 0px)
    }
}

#typeBoxModal .icon-back {
    font-size: 15px;
    color: #160F27;
    position: relative;
    top: 2px
}

.modal.left.fade .modal-dialog {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.modal.left.fade.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal.top.fade .modal-dialog {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.modal.top.fade.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.mainMenuModalBody {
    padding: 24px 48px 0 48px
}

.logo-sm-mobile-navbar {
    height: 65px;
    width: 65px;
    color: #fff;
    margin-left: 4px
}

.mainMenuModalCloseButton,
.optionsBoxModalCloseButton {
    border: none;
    padding: 0;
    margin-top: 7px;
    margin-right: 4px;
    cursor: pointer;
    background-color: transparent
}

.mainMenuModalCloseButton span,
.optionsBoxModalCloseButton span {
    position: relative;
    display: inline-block;
    font-size: 17px;
    overflow: hidden;
    color: #fff
}

.mainMenuModalCloseButton:hover,
.optionsBoxModalCloseButton:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5
}

.mainMenuModalCloseButton:focus,
.optionsBoxModalCloseButton:focus {
    outline: none
}

.optionsBoxModalCloseButton {
    margin-left: auto;
    margin-top: 2px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.mainMenuModalItem {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.5);
    margin-left: 0
}

.mainMenuModalItem a {
    color: #fff;
    padding: 16px 0 16px 0
}

.mainMenuModalItem a:hover {
    color: #F3D553
}

#modalSearchBox {
    -webkit-box-shadow: 0 2px 4px 0 #D4D6DA;
    box-shadow: 0 2px 4px 0 #D4D6DA;
    background-color: #F7F8FB;
    background-image: none;
    padding-left: 58px;
    border-radius: 0;
    font-size: 16px !important;
    line-height: 24px !important
}

@media (max-width: 480px) {
    #modalSearchBox {
        margin-top: 0;
        height: 64px
    }
}

.modalBackButton {
    background-color: transparent;
    position: absolute;
    top: 20px;
    left: 20px;
    border: none;
    z-index: 1
}

.modalBackButton span {
    font-size: 16px
}

.modalBackButton:hover span {
    color: #86898F
}

.modalBackButton:focus {
    outline: none
}

.modalDeleteButton {
    background-color: #160F27;
    border-radius: 50%;
    position: absolute;
    top: 24px;
    right: 20px;
    border: none;
    z-index: 1;
    width: 16px;
    height: 16px;
    display: none;
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modalDeleteButton .modalDeleteButtonIcon {
    font-size: 8px;
    position: relative;
    top: -6px;
    color: #fff
}

.modalDeleteButton:hover .modalDeleteButtonIcon {
    color: #86898F
}

.modalDeleteButton:focus {
    outline: none
}

.modalSearchBox::-webkit-input-placeholder {
    color: #160F27
}

.modalSearchBox:-moz-placeholder {
    color: #160F27
}

.modalSearchBox::-moz-placeholder {
    color: #160F27
}

.modalSearchBox:-ms-input-placeholder {
    color: #160F27
}

.typeBoxModalHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    padding: 15px
}

@media (max-width: 1199px) {
    .typeBoxModalHeader {
        width: 100%;
        max-width: 592px;
        margin: 0 auto
    }
}

@media (max-width: 575px) {
    .typeBoxModalHeader {
        max-width: unset
    }
}

#optionsBoxModalCurrency {
    display: none
}

#optionsBoxModalCurrency+label {
    background: #E3E6EA;
    height: 32px;
    width: 60px;
    border-radius: 3px;
    position: relative;
    top: 8px;
    margin: 0 5.56% 0 0;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 3px 0 #86898F;
    box-shadow: inset 0 1px 3px 0 #86898F
}

#optionsBoxModalCurrency+label .optionsBoxModalToggleButton {
    height: 28px;
    width: 29px;
    margin: 2px;
    background-color: #F3D553;
    border-radius: 3px;
    position: absolute;
    left: 0;
    text-align: center;
    -webkit-box-shadow: inset 0 1px 3px 0 #FBE06E, 0 2px 4px 0 rgba(22, 15, 39, 0.35);
    box-shadow: inset 0 1px 3px 0 #FBE06E, 0 2px 4px 0 rgba(22, 15, 39, 0.35)
}

#optionsBoxModalCurrency+label .moneda {
    height: 28px;
    width: 29px;
    margin: 2px;
    position: absolute;
    font-family: Roboto;
    font-size: 11px;
    line-height: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#optionsBoxModalCurrency+label .moneda-PEN {
    left: 0;
    color: #160F27;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#optionsBoxModalCurrency+label .moneda-USD {
    right: 0;
    color: #160F27;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#optionsBoxModalCurrency:checked+label .optionsBoxModalToggleButton {
    right: 0;
    left: auto
}

#optionsBoxModalCurrency:checked+label .moneda-PEN {
    font-weight: normal
}

#optionsBoxModalCurrency:checked+label .moneda-USD {
    font-weight: bold
}

.optionsBoxModalText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin: 16px 0 48px 5.56%
}

.loginSuccessfulNotification {
    height: 72px;
    width: 100%;
    background-color: #F3D553;
    -webkit-box-shadow: 0 1px 4px 0 rgba(22, 15, 39, 0.6);
    box-shadow: 0 1px 4px 0 rgba(22, 15, 39, 0.6);
    position: fixed;
    right: 0;
    bottom: -96px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 7000;
    padding-left: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none
}

@media (max-width: 1199px) {
    .loginSuccessfulNotification {
        display: block
    }
}

.loginSuccessfulNotification.active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    bottom: 0
}

.loginSuccessfulCloseButton {
    font-size: 10px;
    margin: 7px 12px 0 auto;
    display: block;
    cursor: pointer
}

.loginSuccessfulCloseButton:hover {
    color: #86898F
}

.loginSuccessfulNotificationText {
    font-family: Roboto Condensed Light, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 19px;
    color: #160F27;
    margin-bottom: 4px
}

.loginSuccessfulNotificationGoTo {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    color: #160F27;
    font-weight: 400;
    margin-right: 12px;
    display: block;
    text-align: left
}

.loginSuccessfulNotificationGoTo:hover {
    text-decoration: none;
    color: #86898F
}

.loginSuccessfulNotificationGoTo:hover span {
    color: #86898F
}

.loginSuccessfulNotificationArrowButton {
    font-size: 9px;
    margin-left: 8px
}

.typeBoxModalContent {
    max-width: 888px;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1199px) {
    .typeBoxModalContent {
        max-width: unset;
        max-height: unset;
        min-height: 100%;
        border: none;
        border-radius: unset;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.optionsBoxModalCurrencyContainer {
    margin-top: 43px
}

#mainMenuModal,
#loginBoxModal {
    display: none
}

.login-modal-dialog {
    width: 1048px;
    max-width: 1048px;
    height: 640px;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1199px) {
    .login-modal-dialog {
        min-height: 100vh;
        height: auto;
        max-width: 100vw;
        width: 100%;
        margin: 0;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.login-modal-content {
    width: 100%;
    height: 100%
}

@media (max-width: 1199px) {
    .login-modal-content {
        min-height: 100vh;
        height: auto;
        border: none;
        border-radius: 0;
        background-color: #160F27
    }
}

#leftColumnLoginModal {
    background-color: #F7F8FB;
    width: 468px;
    height: 640px
}

@media (max-width: 1199px) {
    #leftColumnLoginModal {
        display: none
    }
}

#rightColumnLoginModal {
    background-color: #fff;
    width: 580px;
    height: 640px
}

@media (max-width: 1199px) {
    #rightColumnLoginModal {
        min-height: 100vh;
        height: auto
    }
}

#loginTitleModal {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 38px;
    line-height: 42px;
    color: #160F27;
    margin-left: 62px;
    margin-top: 53px;
    margin-bottom: 10px
}

#loginSubtitleModal {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 28px;
    line-height: 30px;
    color: #160F27;
    margin-left: 62px;
    margin-bottom: 32px
}

#loginTitleModalMobile {
    display: none;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 26px;
    color: #160F27;
    text-align: center;
    margin-bottom: 16px
}

@media (max-width: 1199px) {
    #loginTitleModalMobile {
        display: block;
        width: 200px;
        margin: 48px auto 0 auto
    }
}

#loginAndresImage {
    max-width: 417px;
    max-height: 426px
}

#closeButtonLogin {
    margin-top: 18px;
    margin-right: 20px;
    position: absolute;
    right: 15px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

#closeButtonLogin:hover span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    opacity: 0.25
}

#closeButtonLogin:focus {
    outline: none
}

#closeButtonLoginImage {
    font-size: 19px
}

.autoLoginButton {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 56px;
    color: #fff;
    width: 100%;
    height: 56px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    border: none;
    margin: 0 auto 24px auto;
    display: block;
    background-repeat: no-repeat;
    text-align: center
}

.autoLoginButton:hover {
    text-decoration: none
}

#facebookButtonLogin {
    background-color: #3C66C4;
    margin-top: 64px;
    position: relative
}

#facebookButtonLogin span {
    font-size: 15px;
    position: absolute;
    top: 20px;
    left: 24px
}

#facebookButtonLogin:hover {
    color: #fff;
    background-color: #3154A2
}

#facebookButtonLogin:focus {
    outline: none
}

@media (max-width: 1199px) {
    #facebookButtonLogin {
        margin-top: 44px
    }
}

#googleButtonLogin {
    background-color: #DF4A32;
    position: relative
}

#googleButtonLogin span {
    font-size: 15px;
    position: absolute;
    top: 20px;
    left: 21px
}

#googleButtonLogin:hover {
    color: #fff;
    background-color: #CC432D
}

#googleButtonLogin:focus {
    outline: none
}

#separatorDivModal {
    width: 100%;
    display: block;
    margin: 0 auto 0 auto;
    position: relative
}

.lineSeparatorModal {
    width: 100%;
    max-width: 150px;
    display: inline-block;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    color: #86898F
}

@media (max-width: 480px) {
    .lineSeparatorModal {
        max-width: 127px
    }
}

#oBetweenTheLines {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #86898F;
    display: inline-block;
    top: -14px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    padding: 0 5px
}

.inputLoginModal {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    height: 56px;
    width: 100%;
    border: 2px solid #160F27;
    display: block;
    margin: 0 auto 16px auto;
    padding-left: 20px;
    border-radius: 0
}

.inputLoginModal:focus {
    outline: none;
    border-color: #F3D553
}

.textLoginModal,
.textLoginNoAccountModal {
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 15px;
    color: #160F27;
    display: block;
    margin: 16px auto 16px auto;
    padding: 0
}

.textLoginModal {
    text-transform: uppercase;
    margin-top: 24px
}

.textLoginModal span {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 15px;
    color: #160F27
}

.textLoginModal:hover {
    color: #86898F;
    text-decoration: none
}

.textLoginModal:hover span {
    color: #86898F
}

#buttonLogInModal {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    height: 56px;
    width: 100%;
    display: block;
    margin: 0 auto 16px auto;
    line-height: 56px;
    color: #160F27
}

.textLoginModalBold {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #160F27
}

.textLoginModalBold:hover {
    color: #86898F;
    text-decoration: none
}

.smallTextModal {
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #BBBDC1;
    display: block;
    margin: 0 auto 16px auto;
    padding: 0
}

.smallTextBoldModal {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #BBBDC1
}

.smallTextBoldModal:hover {
    color: #160F27;
    text-decoration: none
}

.loginBoxModalCenteringContainer {
    width: 328px;
    margin-left: -8px
}

@media (max-width: 1199px) {
    .loginBoxModalCenteringContainer {
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .loginBoxModalCenteringContainer {
        width: 280px
    }
}

.loginUnderTitlesBlueLine {
    width: 30px;
    height: 6px;
    background-color: #160F27;
    margin-bottom: 62px;
    margin-left: 62px
}

.loginSecondTitleModal {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 19px;
    line-height: 30px;
    color: #160F27;
    margin-bottom: 24px;
    margin-left: 62px
}

.loginModalHighlights {
    font-family: Roboto Condensed Light, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27;
    margin-bottom: 16px;
    margin-left: 62px
}

.loginModalHighlights span {
    position: relative;
    top: -1px;
    font-size: 13px;
    margin-right: 12px;
    color: #F3D553
}

.inputLoginModalEyeContainer {
    position: absolute;
    border-radius: 0;
    background-color: #fff;
    padding: 20px 8px;
    cursor: pointer;
    border: none;
    right: 2px;
    top: 2px
}

.inputLoginModalEyeContainer span {
    font-size: 12px;
    color: #160F27;
    z-index: 3
}

.inputLoginModalEyeContainer.eyeCantSee:after {
    content: "";
    position: absolute;
    border-top: 2px solid #160F27;
    width: 16px;
    top: 19px;
    right: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    z-index: 3
}

.inputPasswordEye {
    border-radius: 0
}

.inputPasswordEye:focus {
    outline: none;
    border-color: #F3D553
}

.login-message {
    display: none;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #DC2229;
    font-weight: 400;
    margin: 0 47px 0 62px
}

.login-message.active {
    display: block
}

.login-message-separator {
    border-bottom: 1px solid #86898F;
    margin-top: 16px;
    margin-bottom: 48px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5
}

#rememberPasswordBox,
#rememberPasswordBoxModal {
    display: none
}

#rememberPasswordBox+label,
#rememberPasswordBoxModal+label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    padding: 0;
    height: 16px;
    width: 16px;
    border: 2px solid #160F27;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    cursor: pointer;
    margin-top: 16px;
    margin-bottom: 16px
}

#rememberPasswordBox+label .checkIconRememberPasswordBox,
#rememberPasswordBoxModal+label .checkIconRememberPasswordBox {
    position: absolute;
    top: -2px;
    left: -1px;
    font-size: 11px;
    padding: 2px;
    display: none;
    color: #160F27
}

#rememberPasswordBox+label h4,
#rememberPasswordBoxModal+label h4 {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 14px;
    color: #160F27;
    text-transform: uppercase;
    padding-left: 20px
}

#rememberPasswordBox:checked+label .checkIconRememberPasswordBox,
#rememberPasswordBoxModal:checked+label .checkIconRememberPasswordBox {
    display: block
}

#rememberPasswordBox+label {
    position: relative;
    top: -24px;
    left: -14px
}

#bgFichaContainer {
    height: auto;
    padding: 0;
    background-color: black;
    margin-left: -15px;
    margin-right: -15px;
    background-size: cover;
    position: relative
}

#bgFichaContainer .ficha-hero-bg-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#bgFichaContainer .ficha-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:bottom";
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

#bgFichaContainer .dark-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQYV2NkYGD4zwABW0AEI5IAWBAksJmBgcEHqgqsAiQAAmBBANbABWl94et0AAAAAElFTkSuQmCC);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5
}

#bgFichaContainer .navbarQuickModelSearchBoxDiv {
    top: 104px;
    left: 0
}

#bgFichaContainer .simulatedTopOverlay {
    height: 104px
}

@media (max-width: 1199px) {
    #bgFichaContainer .simulatedTopOverlay {
        right: -15px
    }
}

#mainDetailsSection {
    padding: 0;
    margin: 0;
    height: auto
}

@media (max-width: 1199px) {
    #mainDetailsSection #menuNavBar {
        padding: 0 16px
    }
}

@media (max-width: 767px) {
    #mainDetailsSection #menuNavBar {
        padding: 0
    }
}

#mainDetailsContainer {
    position: relative;
    display: block;
    height: 100%;
    width: 100%
}

.fichaGeneralBikeSpecsContainer {
    position: relative
}

@media (max-width: 1199px) {
    .fichaGeneralBikeSpecsContainer {
        padding: 0 33px
    }
}

@media (max-width: 767px) {
    .fichaGeneralBikeSpecsContainer {
        padding: 0
    }
}

.fichaGeneralBikeSpecsRow {
    margin-top: 40px;
    padding: 0
}

@media (min-width: 2000px) {
    .fichaGeneralBikeSpecsRow {
        margin-top: 64px
    }
}

@media (max-width: 1199px) {
    .fichaGeneralBikeSpecsRow {
        margin-top: 16px;
        padding: 0 33px
    }
}

@media (max-width: 767px) {
    .fichaGeneralBikeSpecsRow {
        margin-top: 16px;
        padding: 0
    }
}

.specs-highlights {
    margin-top: 40px
}

@media (min-width: 576px) and (max-width: 1199px) {
    .specs-highlights {
        margin-top: 80px
    }
}

@media (max-width: 1199px) {
    .specs-highlights {
        margin-bottom: 22px
    }
}

@media (max-width: 767px) {
    .specs-highlights {
        margin-bottom: 6px
    }
}

.additional-info {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1200px) {
    .additional-info {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.additional-info>div {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1199px) {
    .mainLogoFicha {
        width: 70px !important;
        height: 68px !important
    }
}

@media (max-width: 767px) {
    .mainLogoFicha {
        width: 37px !important;
        height: 36px !important
    }
}

@media (max-width: 767px) {
    .menuNavBarFicha {
        padding-top: 8px !important
    }
}

#topSelectBoxMobile {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(156, 156, 156, 0.5);
    box-shadow: inset 0 -1px 0 0 rgba(156, 156, 156, 0.5);
    margin-top: 8px;
    padding: 0 20px 0 20px;
    height: 44px;
    display: none
}

@media (max-width: 767px) {
    #topSelectBoxMobile {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        margin-top: 12px
    }
}

#leftColBikeSpecs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#rightColBikeSpecs {
    text-align: right
}

@media (max-width: 767px) {
    #rightColBikeSpecs {
        display: none
    }
}

.action-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 16px;
    position: relative;
    z-index: 2
}

@media (min-width: 2000px) {
    .action-buttons {
        margin-bottom: 48px
    }
}

.laQuieroVerButttonMobile {
    width: 104px;
    height: 24px;
    margin-top: 10px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 11px;
    color: #160F27
}

.breadcrumbOL,
.breadcrumbOL a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #D4D6DA
}

@media (max-width: 767px) {

    .breadcrumbOL,
    .breadcrumbOL a {
        font-size: 13px;
        line-height: 13px
    }
}

.breadcrumbOL a {
    text-decoration: none
}

.breadcrumbOL a:hover {
    color: #F3D553
}

.breadcrumbOL {
    background-color: transparent;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2
}

.breadcrumb-item,
.breadcrumb-item:before {
    color: #D4D6DA !important
}

@media (max-width: 767px) {

    .breadcrumb-item,
    .breadcrumb-item:before {
        padding-left: 1px !important;
        padding-right: 1px !important
    }
}

#fichaBrandTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
    color: #fff;
    text-transform: uppercase;
    margin: 16px 0 0 0
}

@media (max-width: 767px) {
    #fichaBrandTitle {
        font-size: 24px;
        line-height: 29px
    }
}

@media (min-width: 2000px) {
    #fichaBrandTitle {
        font-size: 48px;
        line-height: 44px;
        margin-top: 40px;
        margin-bottom: 8px
    }
}

#fichaModelTitle {
    font-family: Agency FB Bold, Arial Narrow, sans-serif;
    font-style: normal;
    font-size: 189px;
    line-height: 161px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 2px 2px rgba(56, 56, 56, 0.5);
    margin-left: -0.037em;
    line-height: 0.8em;
    white-space: nowrap
}

@media (max-width: 1199px) {
    #fichaModelTitle {
        font-size: 155px
    }
}

@media (max-width: 767px) {
    #fichaModelTitle {
        font-size: 64px
    }
}

@media (min-width: 2000px) {
    #fichaModelTitle {
        font-size: 244px
    }
}

@media (min-width: 1200px) {
    .aspect-fix-mobile {
        display: none
    }
}

.aspect-fix-mobile .aspec-ratio {
    padding-top: 80%
}

@media (max-width: 767px) {
    .aspect-fix-mobile .aspec-ratio {
        padding-top: 60%
    }
}

@media (max-width: 575px) {
    .aspect-fix-mobile .aspec-ratio {
        padding-top: 40%
    }
}

.whiteBorderButton {
    width: 48px;
    height: 48px;
    border: 3px solid #fff;
    background-color: transparent;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    margin: 0 0 0 8px;
    padding: 0
}

.whiteBorderButton .action-icon {
    margin: auto;
    font-size: 21px;
    color: #fff
}

.whiteBorderButton:hover {
    border: 3px solid #F3D553;
    text-decoration: none
}

.whiteBorderButton:hover span {
    color: #F3D553
}

@media (hover: none),
(hover: on-demand) {
    .whiteBorderButton:hover {
        border-color: #fff
    }

    .whiteBorderButton:hover span {
        color: #fff
    }
}

.whiteBorderButton:focus {
    outline: none
}

.blueBorderButton {
    width: 48px;
    height: 48px;
    border: 3px solid #160F27;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    margin: 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    padding: 0
}

.blueBorderButton span {
    font-size: 21px;
    margin: auto;
    color: #160F27
}

.blueBorderButton:hover {
    border: 3px solid #F3D553;
    text-decoration: none
}

.blueBorderButton:hover span {
    color: #F3D553
}

@media (hover: none),
(hover: on-demand) {
    .blueBorderButton:hover {
        border-color: #160F27
    }

    .blueBorderButton:hover span {
        color: #160F27
    }
}

.blueBorderButton:focus {
    outline: none
}

.shareDropdownMenu,
.mobileShareDropdownMenu {
    border-radius: 0;
    width: auto;
    height: 61px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(22, 15, 39, 0.5);
    box-shadow: 0 2px 4px 0 rgba(22, 15, 39, 0.5);
    top: 53px !important;
    left: -107px !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
    padding: 0 18px 0 22px
}

.mobileShareDropdownMenu {
    top: 54px !important;
    left: -85px !important
}

.shareDropdownMenu:after,
.mobileShareDropdownMenu:after {
    border: 7px solid transparent;
    border-bottom-color: #fff;
    top: -14px;
    left: 132px;
    position: absolute;
    content: ""
}

.shareDropdownMenu:before,
.mobileShareDropdownMenu:before {
    border: 9px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.15);
    top: -18px;
    left: 103px;
    position: absolute;
    content: ""
}

.mobileShareDropdownMenu:after {
    left: 105px
}

.shareDropdownMenuLI {
    margin: 20px 12px 0 12px !important
}

.shareDropdownMenuLI:hover a {
    text-decoration: none
}

.shareDropdownMenuLI:hover span {
    color: #F3D553
}

.fichaHeroAlignToRight {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: right
}

@media (min-width: 1500px) {
    .fichaHeroAlignToRight {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 8px
    }
}

#fichaYearTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    margin: 0
}

@media (max-width: 1499px) {
    #fichaYearTitle {
        margin-right: 8px;
        line-height: 1
    }
}

@media (max-width: 1199px) {
    #fichaYearTitle {
        display: none
    }
}

@media (min-width: 2000px) {
    #fichaYearTitle {
        margin-bottom: 40px
    }
}

#fichaModelTitleSmall {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 57px;
    line-height: 57px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    text-shadow: 0 2px 2px rgba(56, 56, 56, 0.5);
    line-height: 0.9
}

@media (max-width: 1199px) {
    #fichaModelTitleSmall {
        display: none
    }
}

@media (min-width: 2000px) {
    #fichaModelTitleSmall {
        font-size: 64px
    }
}

#fichaModelTitleSmall .make-name {
    font-size: 32px
}

#bikeDescriptionDiv {
    text-align: right;
    padding-left: 9% !important
}

@media (max-width: 1199px) {
    #bikeDescriptionDiv {
        display: none
    }
}

@media (max-width: 1199px) {
    .soatBadge {
        display: none
    }
}

.soat-badge-mobile {
    width: 90%
}

#bikeDescription {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 17px;
    line-height: 28px;
    color: #fff;
    text-shadow: 0 2px 2px rgba(56, 56, 56, 0.5);
    line-height: 1.5;
    margin-bottom: 30px
}

@media (max-width: 1199px) {
    #bikeDescription {
        display: none
    }
}

@media (min-width: 2000px) {
    #bikeDescription {
        font-size: 20px;
        margin-bottom: 40px
    }
}

#fichaPriceMain {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 52px;
    line-height: 61px;
    color: #fff;
    text-shadow: 0 2px 2px rgba(56, 56, 56, 0.5);
    margin-bottom: 5px
}

@media (max-width: 1399px) {
    #fichaPriceMain {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 8px
    }
}

@media (max-width: 1199px) {
    #fichaPriceMain {
        display: none
    }
}

#fichaPriceSecondary {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 23px;
    line-height: 27px;
    color: #fff;
    margin-bottom: 0
}

@media (max-width: 1399px) {
    #fichaPriceSecondary {
        font-size: 21px;
        line-height: 21px;
        margin-bottom: 4px
    }
}

@media (max-width: 1199px) {
    #fichaPriceSecondary {
        display: none
    }
}

#fichaExchangeRate {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 26px
}

@media (max-width: 1399px) {
    #fichaExchangeRate {
        margin-bottom: 16px
    }
}

@media (max-width: 1199px) {
    #fichaExchangeRate {
        display: none
    }
}

@media (min-width: 2000px) {
    #fichaExchangeRate {
        margin-bottom: 48px
    }
}

#laQuieroVerButtton,
#laQuieroVerButttonLogin {
    line-height: 16px;
    padding: 24px;
    margin-bottom: 100px
}

@media (max-width: 1399px) {

    #laQuieroVerButtton,
    #laQuieroVerButttonLogin {
        margin-bottom: 88px
    }
}

@media (max-width: 1199px) {

    #laQuieroVerButtton,
    #laQuieroVerButttonLogin {
        display: none
    }
}

@media (min-width: 2000px) {

    #laQuieroVerButtton,
    #laQuieroVerButttonLogin {
        margin-bottom: 140px
    }
}

.ficha-main-image-animation {
    -webkit-animation-name: vroomVroom;
    animation-name: vroomVroom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0.9, 0.45, 0.46, 1.2);
    animation-timing-function: cubic-bezier(0.9, 0.45, 0.46, 1.2)
}

.ficha-main-colors {
    position: absolute;
    left: -5%;
    width: 75%;
    bottom: -10%;
    margin-left: auto;
    z-index: 2
}

.ficha-main-colors .ficha-main-color {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.ficha-main-colors .ficha-main-color.active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

@media (max-width: 1199px) {
    .ficha-main-colors {
        width: calc(100% + 30px);
        max-width: calc(100% + 30px);
        left: -15px
    }
}

@media (max-width: 767px) {
    .ficha-main-colors {
        left: -15px;
        width: calc(100% + 30px);
        max-width: calc(100% + 30px)
    }
}

@media (min-width: 2000px) {
    .ficha-main-colors {
        width: 70%
    }
}

.ficha-main-image,
.ficha-main-mask {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: pixelated
}

.ficha-main-image {
    width: 100%;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain
}

.ficha-main-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-mask-image: url(sm-watermark-recover.svg);
    -webkit-mask-size: 50%;
    -webkit-mask-position: 50%;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(sm-watermark-recover.svg);
    mask-size: 50%;
    mask-position: 50%;
    mask-repeat: no-repeat
}

@-webkit-keyframes vroomVroom {
    0% {
        -webkit-transform: translate(-40%, 0);
        transform: translate(-40%, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    30% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@keyframes vroomVroom {
    0% {
        -webkit-transform: translate(-40%, 0);
        transform: translate(-40%, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    30% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@media (min-width: 1200px) {
    .engine-audio-div {
        margin-right: 32px
    }
}

#anchorPlaySound {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 50px;
    color: #160F27;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2
}

#anchorPlaySound span {
    font-size: 22px;
    position: relative;
    top: 4px;
    margin-right: 8px
}

#anchorPlaySound.playing {
    color: #F3D553
}

#imagePlaySound {
    cursor: pointer
}

#colorsTitle {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 28px;
    color: #160F27;
    margin-right: 8px
}

@media (max-width: 767px) {
    #colorsTitle {
        margin-right: 0
    }
}

.myColorBox {
    width: 44px;
    height: 44px;
    margin: 0 8px;
    padding: 3px;
    border: 1px solid #D5D8DE;
    -webkit-box-shadow: 0 0 0 2px transparent;
    box-shadow: 0 0 0 2px transparent;
    cursor: default
}

.myColorBox.has-photo {
    cursor: pointer
}

@media (max-width: 767px) {
    .myColorBox {
        width: 26px;
        height: 26px
    }
}

.myColorBox:focus {
    outline: 0
}

.activeColor {
    background-color: #40444A;
    -webkit-box-shadow: 0 0 0 2px #40444A;
    box-shadow: 0 0 0 2px #40444A
}

.passiveColor {
    background-color: #D03147
}

@media (max-width: 767px) {
    .passiveColor {
        display: none
    }
}

.arrowDownForColorsDiv,
.arrowDownForColorsDivMobile {
    height: 22px;
    margin-left: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

#colorsContainer {
    margin-right: 12px
}

.arrowDownForColorsDivMobile {
    height: 26px;
    margin-right: 12px;
    position: absolute;
    width: 50px;
    right: 0;
    text-align: right
}

.arrowDownForColorsText,
.arrowDownForColorsTextMobile {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    color: #160F27;
    margin-bottom: 4px
}

#arrowDownForColors,
#arrowDownForColorsMobile {
    font-size: 8px;
    position: relative;
    top: -13px;
    font-weight: bold
}

.colorsDropdown {
    height: 22px
}

.colorsDropdown:hover .dropdown-menu {
    display: block;
    background: transparent;
    padding-top: 0px;
    width: 220px;
    position: absolute;
    top: 10px !important;
    left: -191px !important;
    height: 198px;
    border: none
}

.colorsDropdown:hover .colorsDropdownMenu {
    display: block
}

.colorsDropdown.inactive {
    display: none
}

@media (max-width: 767px) {
    .colorsDropdown {
        display: none
    }
}

.colorsDropdownMenu {
    border-radius: 0;
    width: auto;
    height: auto;
    -webkit-box-shadow: 0 2px 4px 0 rgba(22, 15, 39, 0.5);
    box-shadow: 0 2px 4px 0 rgba(22, 15, 39, 0.5);
    top: 26px !important;
    right: 0 !important;
    position: absolute;
    z-index: 1000;
    background: white;
    left: unset;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
    padding: 0 24px 16px 24px
}

.colorsDropdownMenu h4 {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    margin: 40px 0 32px 8px
}

.colorsDropdownMenu:after {
    border: 7px solid transparent;
    border-bottom-color: #fff;
    top: -14px;
    right: 7px;
    position: absolute;
    content: ""
}

.colorsDropdownMenu:before {
    border: 9px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.15);
    top: -18px;
    right: 5px;
    position: absolute;
    content: ""
}

.colorsDropdownMenuLI {
    margin: 0 !important
}

.colorsDropdownMenuLI .myColorBox {
    width: 38px;
    height: 38px;
    margin: 0
}

.colorBoxModal {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    display: none
}

.colorBoxModal.active {
    display: block
}

.arrowDownForColorsMobileOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #160F27;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    opacity: .95
}

.colorsBoxMobile {
    margin: 32px 20px 0 20px;
    padding-bottom: 24px;
    width: calc(100% - 40px);
    height: auto;
    background-color: #fff;
    position: absolute;
    max-height: calc(100vh - 64px);
    overflow-y: auto
}

.colorsBoxMobile ul {
    padding: 0;
    margin-bottom: 0
}

.colorsBoxMobile ul li {
    display: block
}

.colorsBoxMobile .myColorBox {
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin: auto 0
}

.closeButtonArrowDownForColorsMobile {
    width: 16px;
    height: 16px;
    margin: 18px 18px 8px auto;
    display: block;
    cursor: pointer
}

.closeButtonArrowDownForColorsMobile:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5
}

.closeButtonArrowDownForColorsMobile:focus {
    outline: none
}

.checkButtonArrowDownForColorsMobile {
    font-size: 13px;
    margin: auto 0;
    position: relative;
    right: 0;
    color: #160F27
}

.colorsBoxTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    text-transform: uppercase;
    margin-bottom: 18px;
    margin-left: 24px
}

.colorBoxOptionsRadioButtons {
    display: none
}

.colorBoxOptionsRadioButtons+label {
    width: calc(100% - 48px);
    height: 48px;
    margin: 0 24px;
    -webkit-box-shadow: inset 0 -1px 0 0 #E3E6EA;
    box-shadow: inset 0 -1px 0 0 #E3E6EA;
    cursor: pointer
}

.colorBoxOptionsRadioButtons+label .checkButtonArrowDownForColorsMobile {
    display: none
}

.colorBoxOptionsRadioButtons+label h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 17px;
    color: #160F27;
    margin: auto 8px auto 12px;
    width: calc(100% - 58px)
}

.mobile-select-color.active .checkButtonArrowDownForColorsMobile {
    display: block
}

.colorsDropdownMenuGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, 38px);
    grid-gap: 16px;
    margin: 0 8px;
    width: 100%;
    min-width: 154px;
    max-width: 320px
}

#fichaHeroBikeSpecsContainer {
    margin-top: 48px;
    margin-bottom: 48px
}

@media (max-width: 1199px) {
    #fichaHeroBikeSpecsContainer {
        margin-top: 38px;
        margin-bottom: 18px
    }
}

@media (max-width: 767px) {
    #fichaHeroBikeSpecsContainer {
        margin-top: 18px;
        border-top: 1px solid #E5E6EC
    }
}

.fichaGeneralBikeSpecsContainer .tooltip-inner {
    background-color: red
}

#mobileBikeDescriptionContainer {
    display: none;
    margin-top: 16px
}

@media (max-width: 1199px) {
    #mobileBikeDescriptionContainer {
        display: block
    }
}

#mobileBikeDescriptionContainer .model,
#mobileBikeDescriptionContainer .make-name,
#mobileBikeDescriptionContainer .year {
    font-family: Agency FB Bold, Arial Narrow, sans-serif;
    color: #160F27;
    text-transform: uppercase
}

@media (max-width: 767px) {

    #mobileBikeDescriptionContainer .model,
    #mobileBikeDescriptionContainer .make-name,
    #mobileBikeDescriptionContainer .year {
        text-align: center
    }
}

#mobileBikeDescriptionContainer .model {
    font-size: 40px;
    line-height: 1
}

@media (max-width: 767px) {
    #mobileBikeDescriptionContainer .model {
        text-align: center
    }
}

#mobileBikeDescriptionContainer .year {
    font-size: 16px;
    line-height: 1
}

@media (max-width: 767px) {
    #mobileBikeDescriptionContainer .year {
        font-size: 19px
    }
}

.price-info {
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .price-info {
        margin-bottom: 24px
    }
}

#mobileBikeDescription {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 17px;
    line-height: 17px;
    color: #160F27;
    line-height: 1.5;
    margin-top: 16px;
    margin-bottom: 16px
}

@media (max-width: 1199px) {
    #mobileBikeDescription {
        margin-top: 24px;
        margin-bottom: 48px
    }
}

@media (max-width: 767px) {
    #mobileBikeDescription {
        font-size: 15px;
        margin-bottom: 24px
    }
}

#mobileBlueBorderButtons {
    display: none
}

@media (max-width: 767px) {
    #mobileBlueBorderButtons {
        display: block;
        margin: 24px 0 6px 0;
        padding: 20px 0
    }
}

#mobileLaQuieroVerButtton,
#mobileLaQuieroVerButttonLogin {
    width: 100%;
    max-width: 256px;
    margin-left: auto;
    display: block;
    line-height: 16px;
    padding: 24px
}

@media (max-width: 767px) {

    #mobileLaQuieroVerButtton,
    #mobileLaQuieroVerButttonLogin {
        margin-right: auto;
        max-width: 280px
    }
}

#mobileFichaPriceMain {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 32px;
    line-height: 32px;
    color: #160F27;
    margin-bottom: 8px
}

@media (max-width: 767px) {
    #mobileFichaPriceMain {
        margin-bottom: 2px;
        margin-top: 4px;
        text-align: center;
        font-size: 24px;
        line-height: 28px
    }
}

#mobileFichaPriceSecondary {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #160F27;
    font-weight: bold;
    margin-top: 8px
}

@media (max-width: 767px) {
    #mobileFichaPriceSecondary {
        margin-top: 4px;
        margin-bottom: 0;
        text-align: center
    }
}

#mobileFichaExchangeRate,
#mobileValidUntilText {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 11px;
    color: #bfbfbf;
    margin-top: 4px;
    margin-bottom: 0
}

@media (max-width: 767px) {

    #mobileFichaExchangeRate,
    #mobileValidUntilText {
        text-align: center
    }
}

.highlight {
    border-right: 1px solid #E3E6EA
}

@media (max-width: 1199px) {
    .highlight {
        border-right: none
    }
}

.highlight:last-child {
    border-right: none
}

@media (min-width: 992px) {
    .highlight-conteiner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.fichaHeroTitlesBikeSpecs {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    margin-bottom: 15px
}

@media (max-width: 1199px) {
    .fichaHeroTitlesBikeSpecs {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 8px
    }
}

@media (max-width: 767px) {
    .fichaHeroTitlesBikeSpecs {
        margin-top: 24px
    }
}

#drivingPositionTitle {
    padding-left: 7px;
    padding-right: 0
}

@media (max-width: 767px) {
    #drivingPositionTitle {
        padding-left: 0
    }
}

.drivingPositionImage {
    font-size: 48px;
    max-width: none;
    margin: 4px auto 8px auto;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    opacity: 0.2;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 1199px) {
    .drivingPositionImage {
        font-size: 33px;
        margin-top: 7px
    }
}

.drivingPositionImage.active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

#colStraightDrivingPosition span {
    padding: 0 7px
}

#colInclinedDrivingPosition span {
    padding: 0 6px
}

@media (max-width: 1199px) {

    #colReclinedDrivingPosition img,
    #colStraightDrivingPosition img,
    #colInclinedDrivingPosition img {
        padding: 0
    }
}

.drivingPositionText {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 11px;
    color: #160F27;
    margin-bottom: 0;
    margin-top: 5px;
    text-align: center
}

@media (max-width: 1199px) {
    .drivingPositionText {
        margin-top: 15px
    }
}

@media (max-width: 767px) {
    .drivingPositionText {
        margin-bottom: 24px
    }
}

.fichaHeroNumberBikeSpecs {
    font-family: Roboto Condensed Light, sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 75px;
    color: #160F27;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .fichaHeroNumberBikeSpecs {
        font-size: 40px;
        line-height: 47px
    }
}

.fichaHeroSmallTextBikeSpecs {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    position: relative;
    top: -16px;
    margin: 0 0 0 8px
}

@media (max-width: 1199px) {
    .fichaHeroSmallTextBikeSpecs {
        font-size: 12px;
        line-height: 14px;
        top: -9px
    }
}

.destacadosDivInicial {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.destacadosBlock {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 274px
}

.destacadosDiv {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.fichaHeroImageBikeSpecs img {
    vertical-align: baseline
}

@media (max-width: 1199px) {
    .fichaHeroImageBikeSpecs {
        display: none
    }
}

#monthsMoveRight,
#monthsBikeSpecs {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #160F27;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 16px;
    position: relative;
    top: 6px
}

@media (max-width: 1199px) {

    #monthsMoveRight,
    #monthsBikeSpecs {
        margin-left: 0;
        top: 0
    }
}

#monthsBikeSpecs {
    border-top: solid 2px #160F27
}

#videoBGPlayButton {
    width: 100%;
    padding-top: 20%;
    padding-bottom: 20%;
    display: table
}

@media (min-width: 576px) {
    #videoBGPlayButton {
        padding-top: 15%;
        padding-bottom: 15%
    }
}

@media (min-width: 992px) {
    #videoBGPlayButton {
        padding-top: 10%;
        padding-bottom: 10%
    }
}

.yt-modal {
    z-index: 0;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 67px;
    height: 67px
}

@media (max-width: 767px) {
    .yt-modal {
        width: 52px;
        height: 52px
    }
}

#fichaPlayButton {
    width: 67px;
    height: 67px;
    border: none;
    background-color: transparent;
    margin: auto;
    padding: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
    opacity: 0.66;
    position: relative
}

#fichaPlayButton span {
    font-size: 17px;
    color: #F3D553;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

#fichaPlayButton:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    border-color: #fff
}

#fichaPlayButton:hover .playButtonInnerBorder {
    border-color: #fff
}

#fichaPlayButton:hover span {
    color: #fff
}

#fichaPlayButton:focus {
    outline: none
}

@media (max-width: 767px) {
    #fichaPlayButton {
        width: 52px;
        height: 52px;
        margin-left: 0
    }
}

.playButtonInnerBorder {
    width: 67px;
    height: 67px;
    border: 3px solid #F3D553;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767px) {
    .playButtonInnerBorder {
        width: 52px;
        height: 52px
    }
}

.video-modal-dialog {
    width: 100vw;
    max-width: none;
    height: 100vh;
    margin: auto
}

.video-modal-content {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    background-color: #160F27
}

#videoBGPlayButton .backgroundPhoto {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:center center";
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%;
    height: 100%;
    background-color: #0d0d19
}

#videoBGPlayButton .dark-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(transparent, rgba(0, 0, 0, 0.55));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    opacity: 0.9
}

#videoBGPlayButton .bike-info {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-family: Agency FB Bold, Arial Narrow, sans-serif;
    font-size: 140px;
    line-height: 0.75
}

#videoBGPlayButton .bike-info .bike-make-name {
    font-size: 57px;
    margin-bottom: 16px
}

@media (max-width: 991px) {
    #videoBGPlayButton .bike-info .bike-make-name {
        font-size: 45px;
        margin-bottom: 8px
    }
}

@media (max-width: 767px) {
    #videoBGPlayButton .bike-info .bike-make-name {
        font-size: 30px
    }
}

#videoBGPlayButton .bike-info .bike-model-name {
    line-height: 1
}

@media (max-width: 1499px) {
    #videoBGPlayButton .bike-info .bike-model-name {
        font-size: 120px
    }
}

@media (max-width: 1199px) {
    #videoBGPlayButton .bike-info .bike-model-name {
        font-size: 100px
    }
}

@media (max-width: 991px) {
    #videoBGPlayButton .bike-info .bike-model-name {
        font-size: 70px
    }
}

@media (max-width: 767px) {
    #videoBGPlayButton .bike-info .bike-model-name {
        font-size: 37px
    }
}

#videoBGPlayButton .sm-logo-container {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 4%;
    margin-top: 3%;
    width: 96%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: 0.4
}

@media (max-width: 1199px) {
    #videoBGPlayButton .sm-logo-container {
        margin-right: 6%;
        margin-top: 4%;
        width: 94%
    }
}

@media (max-width: 991px) {
    #videoBGPlayButton .sm-logo-container {
        margin-right: 8%;
        margin-top: 6%;
        width: 92%
    }
}

#videoBGPlayButton .sm-logo-scaleDown {
    position: absolute;
    top: 0;
    right: calc(4% + 17px);
    -webkit-transform: scale(0.05);
    transform: scale(0.05)
}

@media (max-width: 1199px) {
    #videoBGPlayButton .sm-logo-scaleDown {
        right: calc(6% + 17px);
        -webkit-transform: scale(0.07);
        transform: scale(0.07)
    }
}

@media (max-width: 991px) {
    #videoBGPlayButton .sm-logo-scaleDown {
        right: calc(8% + 17px);
        -webkit-transform: scale(0.1);
        transform: scale(0.1)
    }
}

#videoBGPlayButton .sm-logo {
    position: absolute;
    font-size: calc(100vw - 17px);
    color: #fff;
    width: 100%;
    height: 100%
}

#videoBGPlayButton .play-button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
    cursor: pointer;
    margin: auto;
    max-height: 25%;
    max-width: 100%
}

#videoBGPlayButton .play-button:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

#fichaVideoBoxModal {
    display: none
}

#fichaVideoBoxModal button.close {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: 72px;
    height: 72px;
    background-color: #160F27;
    color: white;
    z-index: 2
}

#fichaVideoBoxModal button.close:focus {
    outline: none
}

#fichaVideoBoxModal iframe#iframeYoutube {
    width: 100%;
    height: 100%;
    position: absolute;
    border: none
}

#fichaEngineIcon {
    font-size: 46px;
    position: relative;
    top: -4px
}

#fichaFuelIcon {
    font-size: 54px;
    position: relative;
    top: -4px
}

#fichaWarrantyIcon {
    width: 42px;
    height: 53px;
    position: relative;
    top: 3px
}

.whiteBorderButtonSelectedState.active,
.blueBorderButtonSelectedState.active {
    background-color: #F3D553;
    border-color: #F3D553
}

.whiteBorderButtonSelectedState.active span,
.blueBorderButtonSelectedState.active span {
    color: #160F27
}

.shareButtonsMessageDiv,
.shareBlueButtonsMessageDiv {
    position: absolute;
    top: -28px;
    text-align: right
}

.shareBlueButtonsMessageDiv {
    right: 3px
}

.shareButtonsMessageImage,
.shareBlueButtonsMessageImage {
    font-size: 11px;
    color: #F3D553
}

.shareBlueButtonsMessageImage {
    color: #160F27;
    position: relative;
    top: 1px
}

.shareButtonsMessageText,
.shareBlueButtonsMessageText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #F3D553;
    margin-bottom: 14px;
    margin-left: 9px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.shareBlueButtonsMessageText {
    color: #160F27
}

#mobileBlueBorderButtons .shareBlueButtonsMessageDiv {
    position: relative;
    left: unset;
    top: unset;
    -webkit-transform: unset;
    transform: unset
}

.colorsTooltipArrow:before {
    border-bottom-color: #F3F3F3 !important;
    border-top-color: #F3F3F3 !important
}

.colorsTooltipInner {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 24px;
    color: #160F27;
    height: auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    border-radius: 2px;
    background-color: #F3F3F3;
    -webkit-box-shadow: 0 2px 4px 0 #BBBDC1;
    box-shadow: 0 2px 4px 0 #BBBDC1
}

.showResponsiveMD {
    display: none
}

@media (max-width: 767px) {
    .showResponsiveMD {
        display: block
    }
}

@media (max-width: 767px) {
    .destacadosBlockForWarranty {
        text-align: right
    }
}

.referencePriceText,
.validUntilText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    margin: 0
}

@media (max-width: 1199px) {

    .referencePriceText,
    .validUntilText {
        display: none
    }
}

.validUntilText {
    padding-top: 5px
}

.fichaWarrantyImage {
    font-size: 54px;
    position: relative;
    top: 6px
}

.warrantyAsterix {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 11px;
    color: #160F27;
    margin-top: 14px;
    margin-bottom: 0;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .warrantyAsterix {
        margin-top: 8px
    }
}

.shareDropdownMenuIcon {
    font-size: 18px;
    top: 1px;
    position: relative;
    color: #160F27
}

.shareDropdownMenuIcon.icon-fb,
.shareDropdownMenuIcon.icon-twitter,
.shareDropdownMenuIcon.icon-google,
.shareDropdownMenuIcon.icon-email,
.shareDropdownMenuIcon.icon-whatsapp {
    font-size: 15px;
    top: -1px
}

.shareDropdownMenuIcon.icon-fb:before,
.shareDropdownMenuIcon.icon-twitter:before,
.shareDropdownMenuIcon.icon-google:before,
.shareDropdownMenuIcon.icon-email:before,
.shareDropdownMenuIcon.icon-whatsapp:before {
    color: #000000
}

.shareDropdownMenuIcon.icon-fb:hover:before,
.shareDropdownMenuIcon.icon-twitter:hover:before,
.shareDropdownMenuIcon.icon-google:hover:before,
.shareDropdownMenuIcon.icon-email:hover:before,
.shareDropdownMenuIcon.icon-whatsapp:hover:before {
    color: #f3d553
}

.shareDropdownMenuIcon.icon-email {
    font-size: 14px;
    top: -1px
}

@media (max-width: 767px) {
    .destacadosDivInicialForSM {
        margin-left: auto
    }
}

#loginBoxModalIDFichaOne {
    margin-left: 8px
}

#loginBoxModalIDFichaOne .whiteBorderButton {
    margin-left: 0
}

#loginBoxModalIDFichaOne:hover {
    text-decoration: none
}

#loginBoxModalIDFichaTwo,
#loginBoxModalIDFichaThree {
    margin: 0 4px
}

#loginBoxModalIDFichaTwo .blueBorderButton,
#loginBoxModalIDFichaThree .blueBorderButton {
    margin: 0
}

#loginBoxModalIDFichaTwo:hover,
#loginBoxModalIDFichaThree:hover {
    text-decoration: none
}

.specs-tabs {
    overflow: hidden;
    position: relative;
    background-color: #f7f6f6
}

@media (min-width: 1200px) {
    .specs-tabs {
        overflow: hidden
    }
}

#topSelectBoxTablet {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(156, 156, 156, 0.5);
    box-shadow: inset 0 -1px 0 0 rgba(156, 156, 156, 0.5);
    padding: 0 20px 0 20px;
    height: 44px;
    display: none;
    z-index: 2
}

@media (max-width: 1199px) {
    #topSelectBoxTablet {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex
    }
}

@media (max-width: 767px) {
    #topSelectBoxTablet {
        display: none
    }
}

#dropdownMenuBikeTablet:hover {
    color: #F3D553
}

#dropdownMenuBikeTablet:hover svg g {
    fill: #F3D553
}

#dropdownMenuBikeTablet svg {
    right: -5px;
    position: absolute;
    top: 19px
}

#specificationsBigTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 165px;
    line-height: 198px;
    color: #E3E6EA;
    position: absolute;
    margin-left: -34px;
    margin-bottom: 0;
    height: 164px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=28)";
    opacity: 0.29;
    left: 0
}

@media (max-width: 1199px) {
    #specificationsBigTitle {
        z-index: -1;
        font-size: 120px;
        line-height: 146px;
        height: 120px;
        left: 8px
    }
}

@media (max-width: 767px) {
    #specificationsBigTitle {
        font-size: 64px;
        line-height: 77px;
        height: 64px;
        margin-left: 0;
        margin-top: 0;
        width: 438px;
        max-width: 438px;
        right: -24px;
        left: unset
    }
}

#specificationsTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 72px;
    line-height: 95px;
    color: #160F27;
    font-weight: 700;
    margin: 164px 0 48px 32px
}

@media (max-width: 1199px) {
    #specificationsTitle {
        margin: 120px 0 16px 32px
    }
}

@media (max-width: 767px) {
    #specificationsTitle {
        font-size: 20px;
        line-height: 26px;
        margin-top: 22px;
        margin-left: 5px
    }
}

.specsBigButtons {
    max-width: 272px;
    width: 100%;
    height: 64px;
    background-repeat: no-repeat;
    padding-left: 32px;
    margin-top: 176px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 64px;
    color: #160F27
}

@media (max-width: 1199px) {
    .specsBigButtons {
        margin-top: 12px
    }
}

@media (max-width: 767px) {
    .specsBigButtons {
        font-size: 11px;
        line-height: 36px;
        margin-left: 0px;
        max-width: 219px;
        height: 36px
    }
}

.specsBigButtons:hover {
    color: #160F27;
    text-decoration: none
}

.compareBigButtonWrapper,
.downloadBigButtonWrapper {
    position: relative;
    width: 100%
}

.compareBigButtonWrapper:after {
    font-family: "sm-icons" !important;
    font-size: 20px;
    line-height: 1;
    color: #160F27;
    text-decoration: none;
    pointer-events: none;
    position: absolute;
    top: 22px;
    left: 29px;
    content: "";
    margin-top: 176px
}

@media (max-width: 1499px) {
    .compareBigButtonWrapper:after {
        top: 22px;
        left: 17px
    }
}

@media (max-width: 1199px) {
    .compareBigButtonWrapper:after {
        margin-top: 12px;
        top: 22px;
        left: 78px
    }
}

@media (max-width: 767px) {
    .compareBigButtonWrapper:after {
        font-size: 16px;
        top: 10px;
        left: 11px
    }
}

@media (max-width: 1199px) {
    #compareBigButton {
        margin-left: 48px;
        margin-bottom: 56px
    }
}

@media (max-width: 767px) {
    #compareBigButton {
        margin-left: 0;
        margin-bottom: 0;
        max-width: 188px
    }
}

.downloadBigButtonWrapper:after {
    font-family: "sm-icons" !important;
    font-size: 20px;
    line-height: 1;
    color: #160F27;
    text-decoration: none;
    pointer-events: none;
    position: absolute;
    top: 21px;
    left: 37px;
    content: "";
    margin-top: 176px
}

@media (max-width: 1499px) {
    .downloadBigButtonWrapper:after {
        top: 21px;
        left: 17px
    }
}

@media (max-width: 1199px) {
    .downloadBigButtonWrapper:after {
        margin-top: 12px;
        top: 25px;
        left: 53px
    }
}

@media (max-width: 767px) {
    .downloadBigButtonWrapper:after {
        font-size: 16px;
        top: 10px;
        left: 30px
    }
}

@media (max-width: 1199px) {
    #downloadBigButton {
        margin-left: 16px
    }
}

@media (max-width: 767px) {
    #downloadBigButton {
        margin-bottom: 32px;
        padding-left: 28px;
        max-width: 188px
    }
}

.compareBigButtonCol,
.downloadBigButtonCol {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

@media (max-width: 1199px) {

    .compareBigButtonCol,
    .downloadBigButtonCol {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 310px;
        flex: 0 0 310px;
        max-width: 310px
    }
}

@media (max-width: 767px) {

    .compareBigButtonCol,
    .downloadBigButtonCol {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
}

.specs-nav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 151px;
    flex: 0 0 151px;
    max-width: 151px
}

@media (max-width: 1199px) {
    .specs-nav {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 2;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.specs-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1;
    max-width: 100%
}

@media (max-width: 1199px) {
    .specs-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0 48px
    }
}

@media (max-width: 767px) {
    .specs-content {
        padding: 0 16px
    }
}

.mySpecTab {
    width: 100%;
    height: 115px;
    background-color: #F3F3F3;
    text-align: center;
    padding: 0;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 11px;
    color: #160F27;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mySpecTab .spec-icon {
    margin: 0 auto 8px auto;
    display: block;
    font-size: 22px
}

@media (max-width: 1199px) {
    .mySpecTab .spec-icon {
        font-size: 19px;
        margin: 0 auto 4px auto
    }
}

@media (max-width: 767px) {
    .mySpecTab .spec-icon {
        font-size: 15px
    }
}

.mySpecTab:hover {
    background-color: #E3E6EA;
    color: #160F27
}

.mySpecTab.active,
.show>.mySpecTab {
    color: #fff;
    background-color: #160F27
}

@media (min-width: 1200px) {

    .mySpecTab.active,
    .show>.mySpecTab {
        border-right: 4px solid #E43434
    }
}

@media (max-width: 1499px) {

    .mySpecTab.active,
    .show>.mySpecTab {
        border-bottom: 4px solid #E43434
    }
}

@media (max-width: 1199px) {
    .mySpecTab {
        margin-left: 0;
        width: 12.5%;
        height: 72px
    }

    .mySpecTab svg {
        margin-top: 12px;
        margin-bottom: 4px
    }
}

@media (max-width: 767px) {
    .mySpecTab {
        width: 25%;
        border-top: 1px solid #fff
    }
}

#specsTabsContent {
    min-height: 920px;
    margin-bottom: 128px
}

@media (max-width: 1199px) {
    #specsTabsContent {
        margin-bottom: 96px
    }
}

@media (max-width: 767px) {
    #specsTabsContent {
        min-height: auto
    }
}

.fichaTabTitle {
    margin-top: 8px;
    margin-bottom: 0;
    font-family: Roboto Condensed Light, sans-serif;
    font-style: normal;
    font-size: 55px;
    line-height: 73px;
    color: #160F27;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .fichaTabTitle {
        margin-top: 48px
    }
}

@media (max-width: 767px) {
    .fichaTabTitle {
        font-size: 18px;
        line-height: 24px;
        margin-top: 24px
    }
}

.fichaTabSubTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 28px;
    line-height: 31px;
    color: #160F27;
    font-weight: 700;
    margin-top: 58px;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .fichaTabSubTitle {
        font-size: 16px;
        line-height: 21px;
        margin-top: 24px
    }
}

.fichaTabText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 29px;
    color: #333;
    margin-bottom: 0;
    margin-top: 24px
}

@media (max-width: 767px) {
    .fichaTabText {
        font-size: 15px;
        line-height: 25px
    }
}

.fichaTabTextSpecial {
    margin-bottom: 0;
    font-family: Roboto Condensed Light, sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 75px;
    color: #160F27
}

.fichaTabTextSpecial span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 13px;
    color: #160F27;
    color: #160F27 !important;
    margin-top: 32px;
    margin-left: 5px;
    position: absolute
}

@media (max-width: 767px) {
    .fichaTabTextSpecial {
        font-size: 38px;
        line-height: 42px;
        margin-top: 16px
    }

    .fichaTabTextSpecial span {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-size: 11px;
        line-height: 13px;
        color: #160F27;
        margin-top: 14px
    }
}

.fichaTabTextSpecial .logo-abs {
    font-size: 44px;
    top: -3px;
    left: -4px;
    position: relative
}

@media (max-width: 767px) {
    .fichaTabTextSpecial .logo-abs {
        font-size: 34px;
        top: 0px
    }
}

.ficha-tab-bike-image-container {
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 85%;
    max-width: none;
    margin-right: -100%
}

.ficha-tab-bike-image-container .ficha-tab-bike-image,
.ficha-tab-bike-image-container .ficha-main-mask {
    -webkit-transform: scaleX(-1) translateX(35%);
    transform: scaleX(-1) translateX(35%)
}

.noBulletUL {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
    color: #160F27
}

.noBulletUL li {
    margin-bottom: 16px;
    position: relative;
    padding-left: 30px;
    max-width: 80%
}

@media (max-width: 767px) {
    .noBulletUL li {
        font-size: 15px;
        margin-bottom: 8px
    }
}

.checkMarkBullet {
    background-color: #160F27;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 8px;
    color: #fff;
    padding: 5px
}

@media (max-width: 767px) {
    .checkMarkBullet {
        width: 15px;
        height: 15px
    }
}

@media (max-width: 767px) {
    #gasType {
        margin-top: -8px;
        margin-left: 0px
    }
}

#dimensionsRow {
    max-width: 812px;
    margin-top: 0
}

@media (max-width: 1199px) {
    #dimensionsRow {
        max-width: 685px;
        margin-top: 40px
    }
}

@media (max-width: 767px) {
    #dimensionsRow {
        margin-top: 0;
        max-width: 311px;
        margin-left: 0
    }
}

.dimensionVerticalLineEnds {
    width: 5px;
    border-top: 1px solid #160F27;
    border-bottom: 1px solid #160F27
}

.dimensionVerticalLine {
    height: 100%;
    width: 5px;
    border-left: 1px solid #160F27;
    margin-left: 2px
}

#dimensionVerticalLine1 {
    height: 148px
}

@media (max-width: 767px) {
    #dimensionVerticalLine1 {
        height: 80px
    }
}

#dimensionVerticalLine2 {
    height: 48px;
    margin-top: 100px
}

@media (max-width: 767px) {
    #dimensionVerticalLine2 {
        height: 30px
    }
}

#dimensionVerticalLine3 {
    height: 207px
}

@media (max-width: 1199px) {
    #dimensionVerticalLine3 {
        height: 162px
    }
}

@media (max-width: 767px) {
    #dimensionVerticalLine3 {
        height: 150px
    }
}

.fichaTabCmsTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 17px;
    line-height: 20px;
    color: #160F27;
    margin-bottom: 4px
}

@media (max-width: 767px) {
    .fichaTabCmsTitle {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 0
    }
}

.fichaTabCmsDescription {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 11px;
    color: #160F27;
    text-transform: uppercase;
    margin-bottom: 5px
}

@media (max-width: 767px) {
    .fichaTabCmsDescription {
        margin-bottom: 0
    }
}

.fichaDimensionSideImage {
    font-size: 166px;
    color: #86898F
}

@media (max-width: 1199px) {
    .fichaDimensionSideImage {
        font-size: 143px
    }
}

@media (max-width: 767px) {
    .fichaDimensionSideImage {
        font-size: 84px
    }
}

.fichaDimensionFrontImage {
    font-size: 205px;
    color: #86898F
}

@media (max-width: 1199px) {
    .fichaDimensionFrontImage {
        font-size: 160px
    }
}

@media (max-width: 767px) {
    .fichaDimensionFrontImage {
        font-size: 106px;
        margin-top: 120px;
        margin-left: 65px
    }
}

.horizontalLinesDiv {
    position: absolute;
    top: 188px
}

@media (max-width: 1199px) {
    .horizontalLinesDiv {
        top: 165px
    }
}

@media (max-width: 767px) {
    .horizontalLinesDiv {
        top: 88px;
        left: 4px
    }
}

.horizontalLinesDivFront {
    position: absolute;
    top: 224px
}

@media (max-width: 1199px) {
    .horizontalLinesDivFront {
        top: 180px
    }
}

@media (max-width: 767px) {
    .horizontalLinesDivFront {
        top: 60px;
        left: 4px
    }
}

.dimensionHorizontalLineEnds {
    height: 5px;
    border-right: 1px solid #160F27;
    border-left: 1px solid #160F27
}

.dimensionHorizontalLine {
    width: 100%;
    height: 2px;
    border-bottom: 1px solid #160F27;
    padding-bottom: 2px
}

#dimensionHorizontalLine1 {
    width: 191px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1199px) {
    #dimensionHorizontalLine1 {
        width: 170px
    }
}

@media (max-width: 767px) {
    #dimensionHorizontalLine1 {
        width: 91px
    }
}

#dimensionHorizontalLine2 {
    width: 298px
}

@media (max-width: 1199px) {
    #dimensionHorizontalLine2 {
        width: 254px
    }
}

@media (max-width: 767px) {
    #dimensionHorizontalLine2 {
        width: 145px
    }
}

#dimensionHorizontalLine3 {
    width: 172px
}

@media (max-width: 1199px) {
    #dimensionHorizontalLine3 {
        width: 152px
    }
}

@media (max-width: 767px) {
    #dimensionHorizontalLine3 {
        width: 127px;
        margin-top: 47px;
        margin-left: 58px
    }
}

.fichaTabCmsHorizontalTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 17px;
    line-height: 20px;
    color: #160F27;
    margin-bottom: 8px;
    text-align: center
}

@media (max-width: 767px) {
    .fichaTabCmsHorizontalTitle {
        margin-bottom: 2px
    }
}

.fichaTabCmsHorizontalDescription {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 11px;
    color: #160F27;
    margin-bottom: 28px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .fichaTabCmsHorizontalDescription {
        margin-bottom: 10px
    }
}

#fichaTabTotalHeight {
    margin-top: 0px
}

@media (max-width: 767px) {
    #fichaTabTotalHeight {
        margin-top: 131px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

@media (max-width: 767px) {
    .fichaTabCmsAddRightMargin {
        margin-left: 64px
    }
}

#dimensionsBottomCol {
    max-width: 182px
}

.destacadosExtraPadding:nth-child(even) {
    padding-left: 40px
}

@media (max-width: 767px) {
    .destacadosExtraPadding:nth-child(even) {
        padding-left: 15px
    }
}

.destacadosExtraPadding:nth-child(odd) {
    padding-right: 40px
}

@media (max-width: 767px) {
    .destacadosExtraPadding:nth-child(odd) {
        padding-right: 15px
    }
}

.specs-row .icon-star {
    font-size: 30px
}

@media (max-width: 1199px) {
    .specs-row .icon-star {
        font-size: 27px
    }
}

@media (max-width: 767px) {
    .specs-row .icon-star {
        font-size: 22px
    }
}

.specs-row .icon-brakes {
    font-size: 18px
}

@media (max-width: 1199px) {
    .specs-row .icon-brakes {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .specs-row .icon-brakes {
        font-size: 12px
    }
}

.specs-row .icon-wheels {
    font-size: 32px
}

@media (max-width: 1199px) {
    .specs-row .icon-wheels {
        font-size: 28px
    }
}

@media (max-width: 767px) {
    .specs-row .icon-wheels {
        font-size: 22px
    }
}

.specs-row .icon-suspension {
    font-size: 32px
}

@media (max-width: 1199px) {
    .specs-row .icon-suspension {
        font-size: 28px
    }
}

@media (max-width: 767px) {
    .specs-row .icon-suspension {
        font-size: 22px
    }
}

.specs-row .icon-fuel {
    font-size: 32px
}

@media (max-width: 1199px) {
    .specs-row .icon-fuel {
        font-size: 28px
    }
}

@media (max-width: 767px) {
    .specs-row .icon-fuel {
        font-size: 22px
    }
}

.specs-row .icon-transmision {
    font-size: 30px
}

@media (max-width: 1199px) {
    .specs-row .icon-transmision {
        font-size: 26px
    }
}

@media (max-width: 767px) {
    .specs-row .icon-transmision {
        font-size: 20px
    }
}

.specs-row .icon-dimensions {
    font-size: 12px
}

@media (max-width: 1199px) {
    .specs-row .icon-dimensions {
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .specs-row .icon-dimensions {
        font-size: 8px
    }
}

.fichaDimesionFrontContainer {
    margin: auto auto 0 auto
}

@media (max-width: 767px) {
    .fichaDimesionFrontContainer {
        margin-top: 162px
    }
}

#containerFeaturesTabs {
    background-color: #F3F3F3
}

#featuresTabsContent {
    height: auto
}

.fichaFeaturesTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 56px;
    line-height: 56px;
    color: #160F27;
    text-transform: uppercase;
    max-width: 370px;
    margin: 200px 0 0 88px
}

@media (max-width: 1199px) {
    .fichaFeaturesTitle {
        margin: 64px 0 0 48px;
        max-width: none
    }
}

@media (max-width: 767px) {
    .fichaFeaturesTitle {
        font-size: 20px;
        line-height: 26px
    }
}

#fichaFeaturesTitle1 {
    margin: 174px 0 0 188px
}

@media (max-width: 1199px) {
    #fichaFeaturesTitle1 {
        margin: 64px 0 0 48px
    }
}

@media (max-width: 767px) {
    #fichaFeaturesTitle1 {
        margin-top: 40px;
        margin-left: 20px
    }
}

#fichaFeaturesTitle2 {
    margin-left: 452px
}

@media (max-width: 1199px) {
    #fichaFeaturesTitle2 {
        margin-left: 48px
    }
}

@media (max-width: 767px) {
    #fichaFeaturesTitle2 {
        margin-top: 40px;
        margin-left: 20px
    }
}

#fichaFeaturesTitle3 {
    margin-top: 174px;
    margin-left: 60px;
    max-width: 530px
}

@media (max-width: 1199px) {
    #fichaFeaturesTitle3 {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    #fichaFeaturesTitle3 {
        margin-left: 20px;
        margin-top: 24px
    }
}

#fichaFeaturesTitle4 {
    margin-left: 452px;
    margin-top: 168px
}

@media (max-width: 1199px) {
    #fichaFeaturesTitle4 {
        margin-left: 48px
    }
}

@media (max-width: 767px) {
    #fichaFeaturesTitle4 {
        margin-top: 40px;
        margin-left: 20px
    }
}

.fichaFeaturestext {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 29px;
    color: #333;
    margin: 24px 0 0 188px
}

@media (max-width: 1199px) {
    .fichaFeaturestext {
        margin-left: 48px
    }
}

@media (max-width: 767px) {
    .fichaFeaturestext {
        font-size: 15px;
        line-height: 25px;
        margin-left: 20px
    }
}

#fichaFeaturesText2 {
    margin: 24px 0 0 452px
}

@media (max-width: 1199px) {
    #fichaFeaturesText2 {
        margin-left: 50px
    }
}

@media (max-width: 767px) {
    #fichaFeaturesText2 {
        margin-left: 20px
    }
}

#fichaFeaturesText3 {
    margin: 24px 0 158px 60px
}

@media (max-width: 1199px) {
    #fichaFeaturesText3 {
        margin-bottom: 24px
    }
}

@media (max-width: 767px) {
    #fichaFeaturesText3 {
        margin-left: 20px
    }
}

#fichaFeaturesText4 {
    margin: 24px 0 0 452px
}

@media (max-width: 1199px) {
    #fichaFeaturesText4 {
        margin-left: 48px
    }
}

@media (max-width: 767px) {
    #fichaFeaturesText4 {
        margin-left: 20px
    }
}

.fichaFeaturesImage {
    overflow: hidden;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

#fichaFeaturesImage1 {
    height: 300px;
    max-width: 600px;
    background-position: 0px -330px
}

@media (max-width: 767px) {
    #fichaFeaturesImage1 {
        height: 156px;
        max-width: 368px;
        background-position: -32px -189px;
        background-size: 1100px;
        margin-top: 16px
    }
}

#fichaFeaturesImage2 {
    height: 350px;
    max-width: 296px;
    margin-top: -188px;
    background-position: -1379px -39px;
    background-size: 2500px
}

@media (max-width: 1199px) {
    #fichaFeaturesImage2 {
        margin-top: -90px
    }
}

@media (max-width: 767px) {
    #fichaFeaturesImage2 {
        height: 210px;
        margin-top: 16px;
        background-position: -714px -42px;
        background-size: 1500px
    }
}

#fichaFeaturesImage3 {
    height: 324px;
    max-width: 410px;
    background-position: -504px -440px;
    background-size: 1388px
}

@media (max-width: 767px) {
    #fichaFeaturesImage3 {
        height: 200px;
        max-width: 410px;
        background-position: -383px -331px;
        background-size: 1050px;
        max-width: 310px
    }
}

#fichaFeaturesImage4 {
    height: 400px;
    max-width: 394px;
    margin-top: -188px;
    background-position: -1598px -114px;
    background-size: 2500px
}

@media (max-width: 1199px) {
    #fichaFeaturesImage4 {
        margin-top: 24px
    }
}

@media (max-width: 767px) {
    #fichaFeaturesImage4 {
        height: 200px;
        width: 220px;
        margin-top: 16px;
        background-position: -764px -47px;
        background-size: 1200px
    }
}

#featuresTabDivBG {
    background-color: #160F27
}

@media (max-width: 1199px) {
    #featuresTabDivBG {
        background-color: #fff
    }
}

.myFeaturesPills {
    margin: -90px auto 0 auto;
    width: 288px
}

@media (max-width: 1199px) {
    .myFeaturesPills {
        margin: 32px auto 40px auto
    }
}

.myFeaturesTab {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #A6A8AD;
    width: 56px;
    border-bottom: 3px solid #A6A8AD;
    padding-bottom: 6px;
    margin: 0 8px 0 8px;
    text-align: center
}

.myFeaturesTab:hover {
    color: #E3E6EA;
    border-bottom: 3px solid #E3E6EA
}

.myFeaturesTab.active,
.show>.myFeaturesTab {
    color: #160F27;
    border-bottom: 3px solid #160F27
}

section.galeria {
    background-color: #160F27;
    padding: 0 0 48px 0
}

section.galeria .galeriaWhiteLine {
    margin-left: 96px
}

@media (max-width: 1199px) {
    section.galeria .galeriaWhiteLine {
        margin-left: 48px
    }
}

.galeriaBigTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 165px;
    line-height: 198px;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    opacity: 0.08;
    text-align: right;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .galeriaBigTitle {
        font-size: 122px;
        line-height: 146px
    }
}

@media (max-width: 767px) {
    .galeriaBigTitle {
        font-size: 64px;
        line-height: 77px
    }
}

.galeriaTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 72px;
    line-height: 66px;
    color: #fff;
    font-weight: 700;
    margin: -73px 0 32px 96px
}

@media (max-width: 1199px) {
    .galeriaTitle {
        margin: -16px 0 32px 48px
    }
}

@media (max-width: 767px) {
    .galeriaTitle {
        font-size: 20px;
        line-height: 26px;
        margin: -48px 0 48px 16px
    }
}

.galeriaWhiteLine {
    height: 6px;
    width: 40px;
    background-color: #fff;
    margin-bottom: 52px
}

@media (max-width: 767px) {
    .galeriaWhiteLine {
        display: none
    }
}

.relatedBikesCarouselCol {
    margin-left: 24px
}

.slickCarousel .slick-list {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width: 1199px) {

    .slickCarousel .slick-slide,
    .slickCarousel .slick-cloned {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.slickCarousel .slick-slide img,
.slickCarousel .slick-cloned img {
    -webkit-transform: translateZ(0) scale(0.9);
    transform: translateZ(0) scale(0.9);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5
}

.slickCarousel .slick-active {
    background: none;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}

.slickCarousel .slick-active img {
    -webkit-box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.5);
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.slickCarousel .slick-slide {
    margin-right: -12px;
    margin-left: -12px;
    height: 60vh
}

@media (max-width: 1199px) {
    .slickCarousel .slick-slide {
        height: auto
    }
}

.slickCarousel .slick-slide:focus,
.slickCarousel .slick-slide a {
    outline: none
}

@media (max-width: 1199px) {
    .slickCarousel .slick-slide {
        margin-right: -5px;
        margin-left: -5px;
        max-width: 70vw
    }
}

@media (max-width: 767px) {
    .slickCarousel .slick-slide {
        margin-right: 2px;
        margin-left: 2px;
        max-width: 90vw
    }
}

.slickCarousel .slick-dots {
    margin: 24px auto 0 auto;
    display: table;
    width: auto;
    padding: 0
}

.slickCarousel .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slickCarousel .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slickCarousel .slick-dots li button:before {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 40px;
    line-height: 20px;
    color: #160F27;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=23)";
    opacity: 0.23;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slickCarousel .slick-dots li.slick-active button:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.myCarouselButton {
    width: 32px;
    height: 64px;
    border: none;
    background-color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.myCarouselButton:hover {
    background-color: #E3E6EA
}

@media (hover: none),
(hover: on-demand) {
    .myCarouselButton:hover {
        background-color: #fff
    }
}

.myCarouselButton:focus {
    outline: none
}

.myCarouselButton svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-bottom: 2px
}

.myCarouselButton svg g {
    fill: #160F27
}

.myNextCarouselButton {
    right: 0
}

.myNextCarouselButton svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.slick-lightbox .slick-list {
    padding-top: 0px
}

.slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
    max-width: 100% !important;
    -webkit-transform: none !important;
    transform: none !important;
    height: 90vh;
    max-height: 90vh;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain
}

.lightboxCloseButton {
    width: 72px;
    height: 72px;
    background-color: #fff !important;
    position: absolute;
    right: 0;
    top: 0;
    padding-bottom: 8px !important;
    text-shadow: none;
    font-size: 36px;
    line-height: 64px;
    color: #160F27;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.lightboxCloseButton:hover {
    background-color: #E3E6EA !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.lightboxCloseButton:focus {
    outline: none
}

.slick-lightbox-slick-item.slick-slide {
    max-width: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.slick-lightbox .slick-prev {
    left: 0
}

.slick-lightbox .slick-next {
    right: 0
}

.galeria .slickCarousel .slick-slide img {
    background-color: transparent;
    height: 60vh
}

@media (max-width: 767px) {
    .galeria .slickCarousel .slick-slide img {
        height: 48vh
    }
}

.slickCarouselSlidesDiv {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: none
}

.slickCarouselSlidesDiv h5 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .slickCarouselSlidesDiv {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex
    }
}

.slickCarouselCurrentSlide {
    margin-right: 4px
}

.slickCarouselTotalSlides {
    margin-left: 4px
}

.slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

.fichaStickyMenuDiv {
    height: 72px;
    background-color: #FFFFFF;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(156, 156, 156, 0.5);
    box-shadow: inset 0 -1px 0 0 rgba(156, 156, 156, 0.5);
    padding: 0 48px;
    position: fixed;
    top: 0;
    z-index: 1111;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    visibility: hidden;
    margin-top: -100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.fichaStickyMenuDiv.active {
    visibility: visible;
    margin-top: 0
}

@media (max-width: 1199px) {
    .fichaStickyMenuDiv {
        padding: 0 48px;
        height: 56px
    }
}

@media (max-width: 767px) {
    .fichaStickyMenuDiv {
        padding: 0 15px;
        height: 50px
    }
}

.fichaStickyMenuDropdown {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    top: 25px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 1199px) {
    .fichaStickyMenuDropdown {
        top: 17px
    }
}

@media (max-width: 767px) {
    .fichaStickyMenuDropdown {
        top: 14px
    }
}

.fichaStickyMenuDropdown .dropdown-toggle:after {
    content: none
}

.fichaStickyMenuDropdown .fichaStickyMenuArrow {
    display: inline-block;
    font-size: 7px;
    line-height: 14px;
    margin-top: 4px;
    margin-left: 8px
}

@media (max-width: 767px) {
    .fichaStickyMenuDropdown .fichaStickyMenuArrow {
        margin-top: 5px
    }
}

@media (max-width: 480px) {
    .fichaStickyMenuDropdown .fichaStickyMenuArrow {
        margin-left: 6px
    }
}

.fichaStickyMenuDropdown .fichaStickyMenuArrow .fichaStickyMenuArrowUp {
    display: none;
    font-weight: bold
}

.fichaStickyMenuDropdown .fichaStickyMenuArrow .fichaStickyMenuArrowDown {
    display: inline-block;
    font-weight: bold
}

.fichaStickyMenuDropdown.contentHidden .fichaStickyMenuArrow .fichaStickyMenuArrowUp {
    display: inline-block
}

.fichaStickyMenuDropdown.contentHidden .fichaStickyMenuArrow .fichaStickyMenuArrowDown {
    display: none
}

#fichaStickyMenuDropdownButton {
    border-radius: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 20px;
    background-color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
    color: #160F27;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    background-color: white;
    z-index: 100
}

#fichaStickyMenuDropdownButton:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 1199px) {
    #fichaStickyMenuDropdownButton {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    #fichaStickyMenuDropdownButton {
        font-size: 13px
    }
}

.fichaStickyMenuDropdownMenu {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 48px;
    color: #160F27;
    font-weight: 700;
    border-radius: 0;
    padding: 32px;
    width: calc(100vw - 0px);
    z-index: 2;
    margin: 26px 0 15px 0;
    border: none;
    -webkit-transform: translate3d(-48px, 20px, 0px) !important;
    transform: translate3d(-48px, 20px, 0px) !important;
    height: calc(100vh - 71px)
}

@media (max-width: 1199px) {
    .fichaStickyMenuDropdownMenu {
        height: calc(100vh - 54px);
        -webkit-transform: translate3d(-48px, 12px, 0px) !important;
        transform: translate3d(-48px, 12px, 0px) !important
    }
}

@media (max-width: 767px) {
    .fichaStickyMenuDropdownMenu {
        height: calc(100vh - 43px);
        padding: 16px;
        -webkit-transform: translate3d(-20px, 6px, 0px) !important;
        transform: translate3d(-20px, 6px, 0px) !important
    }
}

.fichaStickyMenuDropdownItem {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 48px;
    color: #160F27;
    font-weight: 700;
    -webkit-box-shadow: inset 0 -1px 0 0 #E3E6EA;
    box-shadow: inset 0 -1px 0 0 #E3E6EA;
    text-transform: uppercase;
    padding-left: 20px
}

.fichaStickyMenuDropdownItem:hover {
    background-color: #E3E6EA;
    color: #160F27
}

@media (max-width: 767px) {
    .fichaStickyMenuDropdownItem {
        padding-left: 8px
    }
}

.fichaStickyMenuDropdownItem:active {
    background-color: #E3E6EA;
    color: #160F27
}

.fichaStickyMenuGoToButton {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 30px 11px 30px;
    background-color: #F3D553;
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 40px;
    margin-right: 15px;
    z-index: 100
}

.fichaStickyMenuGoToButton:hover {
    text-decoration: none;
    color: #160F27;
    background-color: #FBE06E
}

@media (max-width: 1199px) {
    .fichaStickyMenuGoToButton {
        font-size: 10px;
        line-height: 11px;
        padding: 11px 14px 7px 14px;
        margin-right: 0;
        height: 32px
    }
}

@media (max-width: 480px) {
    .fichaStickyMenuGoToButton {
        width: 128px;
        padding-top: 6px
    }
}

.aboutBrandContainer {
    background-color: #F3F3F3;
    padding-bottom: 100px;
    position: relative
}

@media (max-width: 1199px) {
    .aboutBrandContainer {
        padding-left: 48px;
        padding-right: 48px;
        padding-bottom: 64px
    }
}

@media (max-width: 767px) {
    .aboutBrandContainer {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 56px
    }
}

.aboutBrandBigTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 122px;
    line-height: 124px;
    color: #160F27;
    position: absolute;
    top: 0;
    left: -16px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)";
    opacity: 0.04;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .aboutBrandBigTitle {
        font-size: 64px;
        line-height: 77px
    }
}

.brand-logo-parent {
    margin: 72px 0
}

@media (max-width: 1199px) {
    .brand-logo-parent {
        margin: 156px 0 48px 0
    }
}

@media (max-width: 767px) {
    .brand-logo-parent {
        margin: 24px 0
    }
}

.aboutBrandLogoImage {
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: 185px;
    max-height: 90px;
    image-rendering: unset
}

@media (max-width: 767px) {
    .aboutBrandLogoImage {
        max-width: 112px;
        max-height: 72px;
        position: absolute;
        top: 0;
        right: 0
    }
}

.aboutBrandTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 72px;
    line-height: 66px;
    color: #110C1D;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 10%
}

@media (max-width: 767px) {
    .aboutBrandTitle {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 32px
    }
}

@media (min-width: 768px) {
    .aboutBrandTitle:after {
        content: "";
        border-bottom: 6px solid #110C1D;
        width: 40px;
        display: block;
        margin-top: 32px;
        margin-left: 0.05em;
        margin-bottom: 48px
    }
}

.aboutBrandText {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 72px;
    column-gap: 72px;
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 29px;
    color: #73767C
}

@media (max-width: 1199px) {
    .aboutBrandText {
        -webkit-column-count: 1;
        column-count: 1
    }
}

@media (max-width: 767px) {
    .aboutBrandText {
        font-size: 15px;
        line-height: 25px;
        -webkit-column-count: 1;
        column-count: 1
    }
}

.aboutBrandSmallTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #86898F;
    margin-top: 153px;
    margin-bottom: 24px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .aboutBrandSmallTitle {
        margin-top: 40px;
        text-align: left
    }
}

@media (max-width: 767px) {
    .aboutBrandSmallTitle {
        margin-top: 24px
    }
}

.flagDiv,
.brandDiv {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

@media (max-width: 1199px) {

    .flagDiv,
    .brandDiv {
        margin: 0 auto 0 0
    }
}

@media (max-width: 1199px) {
    .flagDiv {
        width: 142px
    }
}

@media (max-width: 767px) {
    .flagDiv {
        width: auto
    }
}

@media (max-width: 767px) {
    .flagDiv .aboutBrandSmallestTitle {
        width: 97px
    }
}

@media (max-width: 1199px) {
    .brandDiv {
        width: 111px
    }
}

@media (max-width: 767px) {
    .brandDiv {
        width: auto
    }
}

@media (max-width: 767px) {
    .brandDiv .aboutBrandSmallestTitle {
        width: 73px
    }
}

@media (max-width: 1199px) {
    .aboutBrandYears {
        width: 212px
    }
}

@media (max-width: 767px) {
    .aboutBrandYears {
        width: auto
    }
}

@media (max-width: 1199px) {
    .aboutBrandYearsPeru {
        width: 97px
    }
}

@media (max-width: 767px) {
    .aboutBrandYearsPeru {
        width: auto
    }
}

@media (max-width: 1199px) {
    .aboutBrandDistributors {
        width: 107px
    }
}

@media (max-width: 767px) {
    .aboutBrandDistributors {
        width: auto
    }
}

@media (max-width: 1199px) {
    .aboutBrandShop {
        width: 135px
    }
}

@media (max-width: 767px) {
    .aboutBrandShop {
        width: auto
    }
}

.aboutBrandYearsCol {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21.2%;
    flex: 0 0 21.2%;
    max-width: 21.2%
}

@media (max-width: 1199px) {
    .aboutBrandYearsCol {
        min-width: 242px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33%
    }
}

@media (max-width: 767px) {
    .aboutBrandYearsCol {
        min-width: unset;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.aboutBrandYearsPeruCol {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    max-width: 12%
}

@media (max-width: 1199px) {
    .aboutBrandYearsPeruCol {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 214px
    }
}

@media (max-width: 767px) {
    .aboutBrandYearsPeruCol {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.aboutBrandFlagImage {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    max-height: 73px
}

@media (max-width: 1199px) {
    .aboutBrandFlagImage {
        margin: 0 auto;
        width: 97px;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex
    }
}

@media (max-width: 767px) {
    .aboutBrandFlagImage {
        margin-left: 0
    }
}

.aboutBrandSmallestTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 13px;
    color: #110C1D;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-top: 16px
}

.aboutBrandBigNumbersTitle {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 75px;
    color: #110C1D;
    text-align: center
}

@media (max-width: 767px) {
    .aboutBrandBigNumbersTitle {
        font-size: 40px;
        line-height: 47px;
        text-align: left
    }
}

.aboutBrandRepresentImage {
    width: 73px;
    height: 73px;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    margin: 0 auto;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain
}

@media (max-width: 767px) {
    .aboutBrandRepresentImage {
        margin-left: 0
    }
}

.creditSimulatorContainer {
    background-color: #2C243B
}

.creditSimulatorLeftColumn {
    border-right: 1px solid #160F27
}

@media (max-width: 1199px) {
    .creditSimulatorLeftColumn {
        border-bottom: 3px solid #160F27;
        padding-left: 48px;
        padding-right: 48px
    }
}

@media (max-width: 767px) {
    .creditSimulatorLeftColumn {
        padding-left: 0;
        padding-right: 0
    }
}

.creditSimulatorLeftColumnTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 46px;
    line-height: 50px;
    color: #fff;
    font-weight: 400;
    margin: 86px 56px 32px 0px;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .creditSimulatorLeftColumnTitle {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .creditSimulatorLeftColumnTitle {
        font-size: 18px;
        line-height: 28px;
        margin: 40px 15px 8px 15px
    }
}

.creditSimulatorLeftColumnText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 29px;
    color: #BBBDC1;
    margin: 0 56px 88px 0px
}

@media (max-width: 1199px) {
    .creditSimulatorLeftColumnText {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .creditSimulatorLeftColumnText {
        font-size: 15px;
        line-height: 25px;
        margin: 0 15px 40px 15px
    }
}

@media (max-width: 1199px) {
    .creditSimulatorRightColumnContainer {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media (max-width: 767px) {
    .creditSimulatorRightColumnContainer {
        padding-left: 15px;
        padding-right: 15px
    }
}

.creditSimulatorSmallTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 56px
}

@media (max-width: 1199px) {
    .creditSimulatorSmallTitle {
        max-width: 500px
    }
}

@media (max-width: 767px) {
    .creditSimulatorSmallTitle {
        max-width: unset;
        margin-top: 32px
    }
}

.creditSimulatorBoldNumbers {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 40px;
    line-height: 47px;
    color: #fff;
    font-weight: 700
}

@media (max-width: 1199px) {
    .creditSimulatorBoldNumbers {
        font-size: 28px;
        line-height: 33px
    }
}

@media (max-width: 389px) {
    .creditSimulatorBoldNumbers {
        font-size: 24px
    }
}

.creditSimulatorSliderContainer {
    width: 100%;
    max-width: 193px;
    margin-top: -20px;
    margin-bottom: 11px
}

.creditSimulatorSliderContainer .irs-bar-edge,
.creditSimulatorSliderContainer .irs-line-left {
    background-color: #F3D553
}

@media (max-width: 1199px) {
    .creditSimulatorSliderContainer {
        width: 226px;
        max-width: unset
    }

    .creditSimulatorSliderContainer .irs-slider:after {
        display: none
    }
}

@media (max-width: 767px) {
    .creditSimulatorSliderContainer {
        margin: 0 auto 11px auto;
        width: 100%;
        max-width: 226px
    }
}

.creditSimulatorNormalNumbers {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 32px;
    line-height: 38px;
    color: #fff
}

.monthsRadioButtons:focus {
    outline: none
}

@media (max-width: 767px) {
    .monthsRadioButtons {
        display: table;
        margin: 0 auto
    }
}

.creditSimulatorMonthButton {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    width: 46px;
    height: 36px;
    border: 2px solid #86898F;
    border-radius: 0;
    cursor: pointer
}

.creditSimulatorMonthButton:hover {
    border-color: #fff
}

.creditSimulatorMonthButton:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.creditSimulatorMonthButton.active {
    background-color: #F3D553;
    border-color: #F3D553;
    color: #160F27;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 700
}

.creditSimulatorBrandTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 56px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .creditSimulatorBrandTitle {
        margin-top: 32px
    }
}

.creditSimulatorModelTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    margin-top: -8px;
    margin-bottom: 0
}

.creditSimulatorMiniBikeImage {
    max-width: 240px;
    margin-top: 12px;
    width: 100%
}

@media (max-width: 767px) {
    .creditSimulatorMiniBikeImage {
        position: relative;
        left: 90%;
        width: 240px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.estimatedPaymentTopMargin {
    margin: 56px 0 8px 0;
    width: 100%
}

@media (max-width: 1199px) {
    .estimatedPaymentTopMargin {
        margin: 72px auto 8px auto
    }
}

@media (max-width: 767px) {
    .estimatedPaymentTopMargin {
        text-align: center;
        margin-top: 32px
    }
}

.monthlyPaymentTotal {
    height: 64px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.09);
    line-height: 64px;
    text-align: center;
    margin: 0 0 8px 0
}

@media (max-width: 1199px) {
    .monthlyPaymentTotal {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .monthlyPaymentTotal {
        max-width: unset
    }
}

.creditSimulatorButton {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    font-weight: 700;
    width: 100%;
    padding: 26px 0 24px 0;
    background-color: #F3D553;
    text-align: center;
    border: none;
    text-transform: uppercase;
    margin: 0;
    display: block
}

.creditSimulatorButton:hover {
    text-decoration: none;
    background-color: #FBE06E;
    color: #160F27
}

@media (max-width: 1199px) {
    .creditSimulatorButton {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .creditSimulatorButton {
        max-width: unset
    }
}

.monthlyPaymentSmallText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 16px;
    color: #A6A8AD;
    margin: 16px 0 56px 0;
    width: 100%
}

@media (max-width: 1199px) {
    .monthlyPaymentSmallText {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .monthlyPaymentSmallText {
        max-width: unset
    }
}

@media (max-width: 1199px) {
    .changePosToSecond {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width: 1199px) {
    .fichaMonthsCol {
        margin: -128px 0 0 auto
    }
}

@media (max-width: 767px) {
    .fichaMonthsCol {
        margin: 0;
        text-align: center
    }
}

.fichaMonthsColDiv {
    width: 226px;
    margin-left: auto
}

@media (max-width: 767px) {
    .fichaMonthsColDiv {
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    #downPaymentNumber {
        margin-top: 20px;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .fichaCenterWhenSmall {
        text-align: center
    }
}

@media (max-width: 767px) {
    .whenSmallMoveToRight {
        text-align: right
    }
}

@media (max-width: 767px) {
    .creditSimulatorPriceDiv {
        width: 111px;
        margin-left: auto
    }
}

@media (max-width: 991px) {
    .removeLeftPaddingMediumSize {
        padding-left: 0 !important
    }
}

@media (max-width: 767px) {
    .removeLeftPaddingMediumSize {
        padding-right: 0 !important
    }
}

@media (max-width: 1199px) {
    .creditSimulatorDownPaymentDiv {
        width: 226px;
        margin-left: auto
    }
}

@media (max-width: 767px) {
    .creditSimulatorDownPaymentDiv {
        margin-right: auto
    }
}

.fichaInsuranceContainer {
    background-color: #160F27
}

@media (max-width: 1199px) {
    .fichaInsuranceContainer {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media (max-width: 767px) {
    .fichaInsuranceContainer {
        padding-left: 15px;
        padding-right: 15px
    }
}

.fichaInsuranceLeftColumnTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 46px;
    line-height: 64px;
    color: #fff;
    font-weight: 400;
    margin: 128px 0 32px 0;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .fichaInsuranceLeftColumnTitle {
        margin-top: 96px
    }
}

@media (max-width: 767px) {
    .fichaInsuranceLeftColumnTitle {
        font-size: 18px;
        line-height: 28px;
        margin: 56px 0 8px 0
    }
}

.fichaInsuranceLeftColumnText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 32px;
    color: #BBBDC1;
    margin-left: 0;
    max-width: 400px
}

@media (max-width: 1199px) {
    .fichaInsuranceLeftColumnText {
        max-width: unset;
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .fichaInsuranceLeftColumnText {
        font-size: 15px;
        line-height: 25px
    }
}

.fichaInsuranceSmallTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: 700;
    margin-top: 142px;
    margin-bottom: 8px;
    margin: 142px 0 8px 16px
}

@media (max-width: 1199px) {
    .fichaInsuranceSmallTitle {
        margin: 32px 0 12px 0
    }
}

@media (max-width: 767px) {
    .fichaInsuranceSmallTitle {
        font-size: 14px;
        line-height: 16px;
        margin-top: 8px
    }
}

@media (max-width: 1199px) {
    .fichaInsuranceMarginLeft {
        margin-left: 0
    }
}

.fichaInsuranceYellowNumbers {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 32px;
    line-height: 38px;
    color: #F3D553;
    margin-bottom: 56px;
    margin-left: 16px
}

@media (max-width: 1199px) {
    .fichaInsuranceYellowNumbers {
        margin-bottom: 40px;
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .fichaInsuranceYellowNumbers {
        margin-left: 0
    }
}

@media (max-width: 1199px) {
    .fichaInsuranceYellowDollars {
        margin-left: 0
    }
}

.fichaInsuranceRightColumnContainer {
    overflow: hidden
}

@media (max-width: 1199px) {
    .fichaInsuranceRightColumnContainer {
        padding: 0
    }
}

.fichaInsuranceCompaniesImage {
    max-height: 73px;
    padding-right: 26%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: 0.4
}

@media (max-width: 767px) {
    .fichaInsuranceCompaniesImage {
        margin-top: 16px;
        margin-bottom: 16px;
        margin: 16px 0 16px 0
    }
}

.fichaInsuranceButton {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 64px;
    color: #160F27;
    font-weight: 700;
    height: 64px;
    width: 280px;
    background-color: #F3D553;
    text-align: center;
    border: none;
    text-transform: uppercase;
    margin: 72px auto 128px auto;
    display: block
}

.fichaInsuranceButton:hover {
    background-color: #FBE06E;
    text-decoration: none;
    color: #160F27
}

.fichaInsuranceButton:focus {
    outline: none
}

@media (max-width: 1199px) {
    .fichaInsuranceButton {
        margin-top: 88px;
        margin-bottom: 76px
    }
}

@media (max-width: 767px) {
    .fichaInsuranceButton {
        margin-top: 48px;
        margin-bottom: 56px;
        width: 100%
    }
}

.autoCol {
    max-width: 19%
}

@media (max-width: 1199px) {
    .autoCol {
        max-width: 25%
    }
}

@media (max-width: 767px) {
    .autoCol {
        max-width: 50%
    }
}

.pacificoInsurance {
    padding-right: 26%
}

@media (max-width: 1199px) {
    .pacificoInsurance {
        max-width: 182px;
        padding-right: 0;
        padding-left: 6%
    }
}

@media (max-width: 767px) {
    .pacificoInsurance {
        max-width: 180px;
        padding-right: 20%;
        padding-left: 0%
    }
}

.rimacInsurance {
    -webkit-filter: contrast(0%);
    filter: contrast(0%);
    padding-right: 22%
}

@media (max-width: 1199px) {
    .rimacInsurance {
        max-width: 240px;
        padding-right: 18%;
        padding-left: 8%
    }
}

@media (max-width: 767px) {
    .rimacInsurance {
        max-width: 200px;
        padding-right: 20%;
        padding-left: 0%
    }
}

.maphreInsurance {
    -webkit-filter: contrast(0%);
    filter: contrast(0%);
    padding-right: 18%
}

@media (max-width: 1199px) {
    .maphreInsurance {
        max-width: 258px;
        padding-right: 20%;
        padding-left: 0%
    }
}

@media (max-width: 767px) {
    .maphreInsurance {
        max-width: 250px
    }
}

.positivaInsurance {
    padding-right: 22%
}

@media (max-width: 1199px) {
    .positivaInsurance {
        max-width: 220px;
        padding-right: 22%;
        padding-left: 10%
    }
}

@media (max-width: 767px) {
    .positivaInsurance {
        max-width: 202px;
        padding-right: 20%;
        padding-left: 0%
    }
}

.fichaRelatedBikesContainer {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden
}

@media (max-width: 767px) {
    .fichaRelatedBikesContainer {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.relacionadas-row>div {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1199px) {
    .relacionadas-row>div.relacionadas-intro {
        margin-bottom: 32px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .relacionadas-row>div.relacionadas-intro {
        padding-left: 40px
    }
}

.fichaRelatedBikesBigTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 165px;
    line-height: 198px;
    color: #160F27;
    text-transform: uppercase;
    text-align: right;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
    opacity: 0.05;
    position: absolute;
    right: -0.30em;
    top: 0
}

@media (max-width: 1199px) {
    .fichaRelatedBikesBigTitle {
        font-size: 122px;
        line-height: 122px;
        color: #666666;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
        opacity: 0.05;
        text-align: left
    }
}

@media (max-width: 767px) {
    .fichaRelatedBikesBigTitle {
        font-size: 64px;
        line-height: 77px;
        text-align: right;
        margin-right: -26px
    }
}

.fichaRelatedBikesTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 46px;
    line-height: 46px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .fichaRelatedBikesTitle {
        font-size: 32px;
        line-height: 32px
    }
}

.fichaRelatedBikesText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 27px;
    color: #160F27;
    margin-top: 16px
}

@media (max-width: 767px) {
    .fichaRelatedBikesText {
        font-size: 15px;
        line-height: 25px;
        margin: 0
    }
}

.fichaRelatedBikesDropdown {
    margin: 36px 7% 32px auto;
    display: table
}

@media (max-width: 1199px) {
    .fichaRelatedBikesDropdown {
        display: none
    }
}

@media (max-width: 767px) {
    .fichaRelatedBikesDropdown {
        display: table;
        margin: 36px auto 32px auto
    }
}

.fichaRelatedBikesDropdown .dropdown-toggle:after {
    vertical-align: baseline;
    position: absolute;
    top: 19px;
    right: 19px;
    border-top: 0.7em solid;
    border-right: 0.5em solid transparent;
    border-left: 0.5em solid transparent
}

@media (max-width: 767px) {
    .fichaRelatedBikesDropdown .dropdown-toggle:after {
        margin-left: 190px
    }
}

#fichaRelatedBikesDropdownButton {
    border-radius: 0;
    border: 2px solid #160F27;
    width: 200px;
    height: 48px;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    padding-left: 24px;
    text-align: left
}

#fichaRelatedBikesDropdownButton:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 767px) {
    #fichaRelatedBikesDropdownButton {
        width: 272px
    }
}

.relatedBikesDropdownMenu {
    border-radius: 0;
    border: 2px solid #160F27;
    padding: 0;
    width: 200px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 48px;
    color: #160F27;
    z-index: 2;
    top: -4px !important
}

@media (max-width: 767px) {
    .relatedBikesDropdownMenu {
        width: 272px
    }
}

.relatedBikesDropdownItem:hover {
    background-color: #E3E6EA;
    color: #160F27
}

.relatedBikesDropdownItem:active {
    background-color: #E3E6EA;
    color: #160F27
}

.relatedBikesCarouselCol {
    margin-left: 0
}

@media (max-width: 1199px) {
    .relatedBikesCarouselCol {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media (max-width: 767px) {
    .relatedBikesCarouselCol {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0
    }
}

.relatedBikesCarousel .slick-slide {
    margin-left: 12px;
    margin-right: 12px
}

.relatedBikesCarousel .slick-slide:focus {
    outline: none
}

.relatedBikesCarousel .slick-slide img,
.relatedBikesCarousel .slick-cloned img {
    width: 92%;
    position: absolute;
    bottom: -13.5%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

@media (max-width: 672px) {

    .relatedBikesCarousel .slick-slide img,
    .relatedBikesCarousel .slick-cloned img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        opacity: 0.5
    }
}

.relatedBikesCarousel .slick-current img,
.relatedBikesCarousel .slick-active img {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.relatedBikesCarousel .slick-track {
    margin-bottom: 20px;
    margin-left: unset;
    margin-right: auto
}

.relatedBikesCarousel .slick-dots {
    margin: 24px auto 0 auto;
    display: table;
    width: auto;
    padding: 0
}

.relatedBikesCarousel .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.relatedBikesCarousel .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.relatedBikesCarousel .slick-dots li button:before {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 40px;
    line-height: 20px;
    color: #D4D6DA;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.relatedBikesCarousel .slick-dots li.slick-active button:before {
    color: #160F27
}

.relatedBikesCarouselButton {
    width: 24px;
    height: 38px;
    border: none;
    background-color: transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -30px;
    z-index: 1
}

.relatedBikesCarouselButton:hover svg g {
    fill: #E3E6EA
}

.relatedBikesCarouselButton:focus {
    outline: none
}

.relatedBikesCarouselButton svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-bottom: 2px
}

.relatedBikesCarouselButton svg g {
    fill: #160F27
}

@media (max-width: 767px) {
    .relatedBikesCarouselButton {
        margin-left: 7px
    }

    .relatedBikesCarouselButton:hover svg g {
        fill: #fff
    }
}

.relatedBikesNextButton {
    right: 0;
    margin-right: -19px
}

@media (max-width: 767px) {
    .relatedBikesNextButton {
        margin-right: 19px
    }
}

.relatedBikesNextButton svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.relatedBikesCard {
    -webkit-box-shadow: 0 2px 4px 0 #BBBDC1;
    box-shadow: 0 2px 4px 0 #BBBDC1;
    border: none;
    border-radius: 0;
    background-color: transparent
}

.relatedBikesCard:focus {
    outline: none
}

.relatedBikesCard .card-block {
    position: relative;
    padding-top: 90px
}

.relatedBikesCard .card-block .info {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px
}

.relatedBikesCardHeader {
    padding: 0;
    background-color: #fff;
    border: none
}

.relatedBikesGreyBG {
    background-color: #E3E6EA;
    padding-top: 61.1%;
    overflow: visible;
    position: relative
}

.svgCompare {
    cursor: pointer
}

.svgCompare path {
    fill: #A6A8AD
}

.svgFavorite {
    cursor: pointer
}

.svgFavorite path {
    fill: #A6A8AD
}

.fichaCardBrandTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 15px;
    color: #A6A8AD;
    margin-bottom: 0;
    text-transform: uppercase
}

.fichaCardModelTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 0
}

.fichaCardPrizeTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    color: #160F27;
    font-weight: 700;
    text-align: right;
    margin-bottom: 0px
}

@media (max-width: 767px) {
    .changePosToAfterOne {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.relatedBikesCompareTooltip,
.relatedBikesFavoriteTooltip {
    position: absolute;
    top: 16px;
    color: #B1B4B8
}

.relatedBikesCompareTooltip.active,
.relatedBikesFavoriteTooltip.active {
    color: #160F27
}

.relatedBikesCompareTooltip:hover,
.relatedBikesFavoriteTooltip:hover {
    color: #86898f
}

.relatedBikesCompareTooltip {
    left: 16px
}

.relatedBikesFavoriteTooltip {
    right: 16px
}

.relatedBikesTooltipArrow:before {
    border-bottom-color: white !important;
    border-top-color: white !important
}

.relatedBikesTooltipInner {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 26px;
    color: #160F27;
    background-color: #fff;
    height: 30px
}

.tooltip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1 !important
}

.shareButtonsTooltipInner {
    -webkit-box-shadow: 0 2px 4px 0 #BBBDC1;
    box-shadow: 0 2px 4px 0 #BBBDC1
}

.fichaCommentsBigTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 165px;
    line-height: 198px;
    color: #E3E6EA;
    position: relative;
    right: -32px;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: right;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=28)";
    opacity: 0.29
}

@media (max-width: 1199px) {
    .fichaCommentsBigTitle {
        color: #666666;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)";
        opacity: 0.04
    }
}

@media (max-width: 767px) {
    .fichaCommentsBigTitle {
        font-size: 64px;
        line-height: 77px;
        right: -24px
    }
}

.fichaCommentsTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 72px;
    line-height: 66px;
    color: #160F27;
    max-width: 500px;
    margin: -74px 0 48px 0;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .fichaCommentsTitle {
        margin-left: 33px
    }
}

@media (max-width: 767px) {
    .fichaCommentsTitle {
        margin: -52px 0 19px 0;
        font-size: 20px;
        line-height: 34px
    }
}

.fichaCommentsText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27;
    margin-left: 0
}

@media (max-width: 1199px) {
    .fichaCommentsText {
        margin: 0 33px 24px 33px
    }
}

@media (max-width: 767px) {
    .fichaCommentsText {
        margin-left: 0
    }
}

.fichaCommentsFBCol {
    margin-top: 8px;
    padding-left: 96px !important
}

@media (max-width: 1199px) {
    .fichaCommentsFBCol {
        margin-left: 48px;
        margin-bottom: 96px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 800px;
        padding: 0 !important;
        max-width: calc(100% - 96px)
    }
}

@media (max-width: 767px) {
    .fichaCommentsFBCol {
        margin: 8px 15px 16px 15px;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        max-width: calc(100% - 30px)
    }
}

.fichaCommentsButtonsCol {
    margin: 16px 0 120px 0;
    position: relative
}

@media (max-width: 1199px) {
    .fichaCommentsButtonsCol {
        margin-bottom: 24px;
        margin-left: 33px
    }
}

@media (max-width: 767px) {
    .fichaCommentsButtonsCol {
        margin: 24px auto 80px auto
    }
}

.resultados-de-busqueda {
    padding-bottom: 112px;
    background-color: #F3F3F3
}

@media (max-width: 991px) {
    .resultados-de-busqueda {
        padding-top: 15px
    }
}

@media (max-width: 1199px) {
    .resultados-de-busqueda {
        padding-bottom: 80px
    }
}

@media (max-width: 767px) {
    .resultados-de-busqueda {
        padding-bottom: 40px
    }
}

.resultados-de-busqueda .resultados-main {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1;
    margin-bottom: 9px
}

@media (min-width: 992px) {
    .resultados-de-busqueda .resultados-main {
        margin-top: 24px
    }
}

.resultados-de-busqueda .resultados-main .contenedor {
    width: 100%
}

.resultados-de-busqueda .resultados-main .contenedor .publicidad-a {
    position: relative;
    background-color: #0f0a13;
    margin-bottom: 25px
}

.resultados-de-busqueda .resultados-main .contenedor .publicidad-a .adRatio {
    position: relative;
    padding-top: 14.065%
}

.resultados-de-busqueda .resultados-main .contenedor .publicidad-a .publicidad-small {
    display: none
}

@media (max-width: 575px) {
    .resultados-de-busqueda .resultados-main .contenedor .publicidad-a .adRatio {
        padding-top: 31.111%
    }

    .resultados-de-busqueda .resultados-main .contenedor .publicidad-a .publicidad-large {
        display: none
    }

    .resultados-de-busqueda .resultados-main .contenedor .publicidad-a .publicidad-small {
        display: block
    }
}

.resultados-de-busqueda .resultados-main .contenedor .publicidad-b {
    position: relative;
    background-color: #0f0a13
}

.resultados-de-busqueda .resultados-main .contenedor .publicidad-b .adRatio {
    position: relative;
    padding-top: 90.184%
}

.resultados-de-busqueda .resultados-main .contenedor .publicidad-b .solo-lista {
    display: none
}

.resultados-de-busqueda .resultados-main .contenedor .publicidad-b .publicidad-small {
    display: none
}

@media (max-width: 575px) {
    .resultados-de-busqueda .resultados-main .contenedor .publicidad-b .adRatio {
        padding-top: 31.0344%
    }

    .resultados-de-busqueda .resultados-main .contenedor .publicidad-b .publicidad-small {
        display: block
    }

    .resultados-de-busqueda .resultados-main .contenedor .publicidad-b .publicidad-large {
        display: none
    }
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 12px;
    color: #160F27;
    background-color: white;
    padding: 15px 0 15px 15px;
    margin: 0 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .resultados-de-busqueda .resultados-main .contenedor .info-resultados {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        padding: 9px 15px;
        width: calc(100% + 30px);
        margin-left: -15px;
        -webkit-box-shadow: 0 2px 4px 0 #BBBDC1;
        box-shadow: 0 2px 4px 0 #BBBDC1
    }
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .results-count {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .view-selector {
    padding: 0 25px
}

@media (max-width: 575px) {
    .resultados-de-busqueda .resultados-main .contenedor .info-resultados .view-selector {
        display: none
    }
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .view-selector a.icon-switchview {
    display: inline-block;
    padding: 0 2px;
    cursor: pointer
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .view-selector a.icon-switchview span {
    font-size: 16px;
    display: block;
    color: #D4D6DA
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .view-selector a.icon-switchview:hover span {
    color: #86898F
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .view-selector a.icon-switchview.active {
    cursor: default
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .view-selector a.icon-switchview.active span {
    color: #160F27
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .order-by {
    font-weight: bold;
    cursor: pointer
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .order-by .arrow {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 0.5em;
    top: -2px;
    margin-right: 0.5em
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .order-by .arrow-down {
    top: -2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    display: none
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .order-by .arrow-up {
    top: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 2px solid black;
    border-top: 2px solid black;
    display: none
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .order-by .no-order {
    border-bottom: 2px solid #090909;
    width: 8px;
    top: -4px;
    display: inline-block
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .order-by.dsc .arrow-down,
.resultados-de-busqueda .resultados-main .contenedor .info-resultados .order-by.dsc .no-order {
    display: none
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .order-by.dsc .arrow-up {
    display: inline-block
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .order-by.asc .arrow-up,
.resultados-de-busqueda .resultados-main .contenedor .info-resultados .order-by.asc .no-order {
    display: none
}

.resultados-de-busqueda .resultados-main .contenedor .info-resultados .order-by.asc .arrow-down {
    display: inline-block
}

.filters-main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 350px;
    flex: 0 0 350px;
    max-width: 350px
}

@media (max-width: 767px) {
    .filters-main {
        max-width: 280px
    }
}

#resultsContainer .resultado-container,
.results-container-loading .resultado-container {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 576px) {

    #resultsContainer .resultado-container,
    .results-container-loading .resultado-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 1500px) {

    #resultsContainer .resultado-container,
    .results-container-loading .resultado-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media (min-width: 2000px) {

    #resultsContainer .resultado-container,
    .results-container-loading .resultado-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

#resultsContainer .resultado-container .resultado,
.results-container-loading .resultado-container .resultado {
    background-color: white;
    border-bottom: 2px solid #D2D4DD;
    position: relative
}

#resultsContainer .resultado-container .resultado .dark-tag,
.results-container-loading .resultado-container .resultado .dark-tag {
    display: none
}

#resultsContainer .resultado-container .resultado.promocionado .dark-tag,
.results-container-loading .resultado-container .resultado.promocionado .dark-tag {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 9px;
    line-height: 22px;
    color: #86898f;
    text-transform: uppercase;
    display: block;
    position: absolute;
    top: -4px;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    font-weight: bold
}

#resultsContainer .resultado-container .resultado.promocionado .dark-tag span,
.results-container-loading .resultado-container .resultado.promocionado .dark-tag span {
    background-color: #D7DBDE;
    position: relative;
    display: block;
    width: 96px;
    height: 22px;
    margin: 0 auto 0 auto
}

#resultsContainer .resultado-container .resultado.promocionado .dark-tag span:before,
.results-container-loading .resultado-container .resultado.promocionado .dark-tag span:before {
    height: 0;
    width: 0;
    border-bottom: 4px solid #bbc2c7;
    border-right: 4px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    right: -4px
}

#resultsContainer .resultado-container .resultado.promocionado .dark-tag span:after,
.results-container-loading .resultado-container .resultado.promocionado .dark-tag span:after {
    height: 0;
    width: 0;
    border-bottom: 4px solid #bbc2c7;
    border-left: 4px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    left: -4px
}

#resultsContainer .resultado-container .resultado .icon-closeBlueBG,
.results-container-loading .resultado-container .resultado .icon-closeBlueBG {
    display: none
}

#resultsContainer .resultado-container .resultado .imageRatio,
.results-container-loading .resultado-container .resultado .imageRatio {
    background-color: #E3E6EA;
    overflow: visible;
    padding-top: 61.1%
}

#resultsContainer .resultado-container .resultado .imageRatio .imagen,
.results-container-loading .resultado-container .resultado .imageRatio .imagen {
    width: 92%;
    position: absolute;
    bottom: -13.5%;
    left: 0;
    right: 0;
    margin: auto
}

#resultsContainer .resultado-container .resultado .RatioBottom,
.results-container-loading .resultado-container .resultado .RatioBottom {
    position: relative;
    padding-top: 29.17%
}

#resultsContainer .resultado-container .resultado .info,
.results-container-loading .resultado-container .resultado .info {
    position: absolute;
    top: 75%;
    bottom: 10px;
    width: 100%;
    padding: 0 16px
}

@media (max-width: 575px) {

    #resultsContainer .resultado-container .resultado .info,
    .results-container-loading .resultado-container .resultado .info {
        top: 79%
    }
}

@media (max-width: 389px) {

    #resultsContainer .resultado-container .resultado .info,
    .results-container-loading .resultado-container .resultado .info {
        top: 75%
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #resultsContainer .resultado-container .resultado .info,
    .results-container-loading .resultado-container .resultado .info {
        bottom: 20px
    }
}

#resultsContainer .resultado-container .resultado .info a.modelo,
.results-container-loading .resultado-container .resultado .info a.modelo {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    color: #160F27;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 4px
}

@media (max-width: 575px) {

    #resultsContainer .resultado-container .resultado .info a.modelo,
    .results-container-loading .resultado-container .resultado .info a.modelo {
        font-size: 22px;
        line-height: 22px
    }
}

@media (max-width: 389px) {

    #resultsContainer .resultado-container .resultado .info a.modelo,
    .results-container-loading .resultado-container .resultado .info a.modelo {
        font-size: 15px;
        line-height: 15px
    }
}

#resultsContainer .resultado-container .resultado .info a.modelo:hover,
.results-container-loading .resultado-container .resultado .info a.modelo:hover {
    color: #86898F;
    text-decoration: none
}

#resultsContainer .resultado-container .resultado .info .data,
.results-container-loading .resultado-container .resultado .info .data {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#resultsContainer .resultado-container .resultado .info .data h6,
.results-container-loading .resultado-container .resultado .info .data h6 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 14px;
    color: #AFB1B5
}

@media (max-width: 575px) {

    #resultsContainer .resultado-container .resultado .info .data h6,
    .results-container-loading .resultado-container .resultado .info .data h6 {
        font-size: 16px;
        line-height: 16px
    }
}

@media (max-width: 389px) {

    #resultsContainer .resultado-container .resultado .info .data h6,
    .results-container-loading .resultado-container .resultado .info .data h6 {
        font-size: 13px;
        line-height: 13px
    }
}

#resultsContainer .resultado-container .resultado .info .data .descripcion-parent,
.results-container-loading .resultado-container .resultado .info .data .descripcion-parent {
    display: none
}

#resultsContainer .resultado-container .resultado .info .data .icono-tipo,
.results-container-loading .resultado-container .resultado .info .data .icono-tipo {
    display: none
}

#resultsContainer .resultado-container .resultado .info .data .iconos-data,
.results-container-loading .resultado-container .resultado .info .data .iconos-data {
    display: none
}

#resultsContainer .resultado-container .resultado .info .colors,
.results-container-loading .resultado-container .resultado .info .colors {
    position: absolute;
    bottom: 0;
    line-height: 0
}

#resultsContainer .resultado-container .resultado .info .colors .color,
.results-container-loading .resultado-container .resultado .info .colors .color {
    height: 7px;
    width: 7px;
    display: inline-block;
    border-radius: 20%;
    margin-left: 5px;
    -webkit-box-shadow: #d5d8de 0px 1px 0px;
    box-shadow: #d5d8de 0px 1px 0px
}

#resultsContainer .resultado-container .resultado .info .colors .color:first-of-type,
.results-container-loading .resultado-container .resultado .info .colors .color:first-of-type {
    margin-left: 0
}

#resultsContainer .resultado-container .resultado .info .colors .color.white,
.results-container-loading .resultado-container .resultado .info .colors .color.white {
    height: 8px;
    width: 8px;
    top: 1px;
    position: relative;
    border: 1px solid #d5d8de;
    -webkit-box-shadow: none;
    box-shadow: none
}

#resultsContainer .resultado-container .resultado .info .prices,
.results-container-loading .resultado-container .resultado .info .prices {
    position: absolute;
    right: 16px;
    bottom: 0
}

#resultsContainer .resultado-container .resultado .info .prices .price,
.results-container-loading .resultado-container .resultado .info .prices .price {
    font-family: "Roboto Black", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    color: #160F27;
    margin-bottom: 0
}

@media (max-width: 575px) {

    #resultsContainer .resultado-container .resultado .info .prices .price,
    .results-container-loading .resultado-container .resultado .info .prices .price {
        font-size: 24px;
        line-height: 24px
    }
}

@media (max-width: 389px) {

    #resultsContainer .resultado-container .resultado .info .prices .price,
    .results-container-loading .resultado-container .resultado .info .prices .price {
        font-size: 15px;
        line-height: 15px
    }
}

#resultsContainer .resultado-container .resultado .info .prices .view-model,
.results-container-loading .resultado-container .resultado .info .prices .view-model {
    display: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 14px;
    color: #160F27;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #F3D553;
    border-radius: 0;
    padding: 16px 0;
    cursor: pointer
}

#resultsContainer .resultado-container .resultado .cilindrada-sign,
.results-container-loading .resultado-container .resultado .cilindrada-sign {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    margin-top: 10px;
    margin-left: 16px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 20px;
    color: #b4bcc7
}

#resultsContainer .resultado-container .resultado .iconos-imagen,
.results-container-loading .resultado-container .resultado .iconos-imagen {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    padding: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#resultsContainer .resultado-container .resultado .user-actions a,
.results-container-loading .resultado-container .resultado .user-actions a {
    margin-left: 5px
}

#resultsContainer .resultado-container .resultado .user-actions a img,
#resultsContainer .resultado-container .resultado .user-actions a svg,
.results-container-loading .resultado-container .resultado .user-actions a img,
.results-container-loading .resultado-container .resultado .user-actions a svg {
    height: 20px;
    vertical-align: top
}

#resultsContainer .resultado-container .resultado .user-actions a path,
.results-container-loading .resultado-container .resultado .user-actions a path {
    fill: #B1B4B8
}

#resultsContainer .resultado-container .resultado .user-actions a:hover path,
.results-container-loading .resultado-container .resultado .user-actions a:hover path {
    fill: #86898F
}

#resultsContainer .resultado-container .resultado .user-actions a.active,
.results-container-loading .resultado-container .resultado .user-actions a.active {
    color: #160F27
}

#resultsContainer .publicidad-c,
.results-container-loading .publicidad-c {
    position: relative;
    background-color: #0f0a13
}

#resultsContainer .publicidad-c .adRatio,
.results-container-loading .publicidad-c .adRatio {
    position: relative;
    padding-top: 14.065%
}

#resultsContainer .publicidad-c .publicidad-small,
.results-container-loading .publicidad-c .publicidad-small {
    display: none
}

@media (max-width: 575px) {

    #resultsContainer .publicidad-c .adRatio,
    .results-container-loading .publicidad-c .adRatio {
        padding-top: 31.111%
    }

    #resultsContainer .publicidad-c .publicidad-large,
    .results-container-loading .publicidad-c .publicidad-large {
        display: none
    }

    #resultsContainer .publicidad-c .publicidad-small,
    .results-container-loading .publicidad-c .publicidad-small {
        display: block
    }
}

@media (min-width: 992px) {

    #resultsContainer.big-view .resultado-container,
    .results-container-loading.big-view .resultado-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 992px) and (min-width: 2000px) {

    #resultsContainer.big-view .resultado-container,
    .results-container-loading.big-view .resultado-container {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.33333% !important;
        flex: 0 0 33.33333% !important;
        max-width: 33.33333% !important
    }
}

@media (min-width: 992px) {

    #resultsContainer.big-view .resultado-container .resultado .info,
    .results-container-loading.big-view .resultado-container .resultado .info {
        top: 80%;
        bottom: 20px;
        padding: 0 32px
    }

    #resultsContainer.big-view .resultado-container .resultado .info a.modelo,
    .results-container-loading.big-view .resultado-container .resultado .info a.modelo {
        font-size: 20px
    }

    #resultsContainer.big-view .resultado-container .resultado .info .colors .color,
    .results-container-loading.big-view .resultado-container .resultado .info .colors .color {
        height: 12px;
        width: 12px
    }

    #resultsContainer.big-view .resultado-container .resultado .info .colors .color.white,
    .results-container-loading.big-view .resultado-container .resultado .info .colors .color.white {
        height: 13px;
        width: 13px;
        top: 1px;
        position: relative;
        border: 1px solid #d5d8de;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #resultsContainer.big-view .resultado-container .resultado .info .prices,
    .results-container-loading.big-view .resultado-container .resultado .info .prices {
        font-size: 20px;
        right: 32px
    }

    #resultsContainer.big-view .resultado-container .resultado .imageRatio,
    .results-container-loading.big-view .resultado-container .resultado .imageRatio {
        padding-top: 58.10%
    }

    #resultsContainer.big-view .resultado-container .resultado .RatioBottom,
    .results-container-loading.big-view .resultado-container .resultado .RatioBottom {
        padding-top: 23.42%
    }

    #resultsContainer.big-view .publicidad-b .adRatio,
    .results-container-loading.big-view .publicidad-b .adRatio {
        padding-top: 81.53%
    }
}

@media (min-width: 576px) {

    #resultsContainer.list-view .resultado-container,
    .results-container-loading.list-view .resultado-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    #resultsContainer.list-view .resultado-container .resultado,
    .results-container-loading.list-view .resultado-container .resultado {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex
    }

    #resultsContainer.list-view .resultado-container .resultado .grafica,
    .results-container-loading.list-view .resultado-container .resultado .grafica {
        width: 40%
    }

    #resultsContainer.list-view .resultado-container .resultado .grafica .imageRatio,
    .results-container-loading.list-view .resultado-container .resultado .grafica .imageRatio {
        padding: 18% 25px;
        position: static;
        margin-bottom: 0
    }
}

@media (min-width: 576px) and (max-width: 991px) {

    #resultsContainer.list-view .resultado-container .resultado .grafica .imageRatio,
    .results-container-loading.list-view .resultado-container .resultado .grafica .imageRatio {
        padding: 25px
    }
}

@media (min-width: 576px) {

    #resultsContainer.list-view .resultado-container .resultado .grafica .imageRatio .icon-compare,
    .results-container-loading.list-view .resultado-container .resultado .grafica .imageRatio .icon-compare {
        top: 25px;
        right: 27%;
        left: auto
    }

    #resultsContainer.list-view .resultado-container .resultado .grafica .imageRatio .icon-favorite,
    .results-container-loading.list-view .resultado-container .resultado .grafica .imageRatio .icon-favorite {
        top: 25px;
        right: 24%;
        left: auto
    }

    #resultsContainer.list-view .resultado-container .resultado .grafica .imageRatio .iconos-imagen,
    .results-container-loading.list-view .resultado-container .resultado .grafica .imageRatio .iconos-imagen {
        display: none
    }

    #resultsContainer.list-view .resultado-container .resultado .grafica .imagen,
    .results-container-loading.list-view .resultado-container .resultado .grafica .imagen {
        position: static;
        display: block;
        max-width: 100%;
        max-height: 150px;
        -o-object-fit: contain;
        font-family: "object-fit:contain";
        object-fit: contain
    }

    #resultsContainer.list-view .resultado-container .resultado .RatioBottom,
    .results-container-loading.list-view .resultado-container .resultado .RatioBottom {
        display: none
    }

    #resultsContainer.list-view .resultado-container .resultado .info,
    .results-container-loading.list-view .resultado-container .resultado .info {
        position: static;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex
    }

    #resultsContainer.list-view .resultado-container .resultado .info a.modelo,
    .results-container-loading.list-view .resultado-container .resultado .info a.modelo {
        font-size: 20px;
        margin-bottom: 5px
    }

    #resultsContainer.list-view .resultado-container .resultado .info .colors,
    .results-container-loading.list-view .resultado-container .resultado .info .colors {
        top: 40%;
        padding-left: 25px
    }
}

@media (min-width: 576px) and (max-width: 1499px) {

    #resultsContainer.list-view .resultado-container .resultado .info .colors,
    .results-container-loading.list-view .resultado-container .resultado .info .colors {
        left: 0;
        bottom: 6%;
        top: unset;
        padding-left: 0;
        width: 28.5%;
        text-align: center
    }
}

@media (min-width: 576px) and (max-width: 1199px) {

    #resultsContainer.list-view .resultado-container .resultado .info .colors,
    .results-container-loading.list-view .resultado-container .resultado .info .colors {
        width: 37.5%
    }
}

@media (min-width: 576px) {

    #resultsContainer.list-view .resultado-container .resultado .info .prices,
    .results-container-loading.list-view .resultado-container .resultado .info .prices {
        position: static
    }

    #resultsContainer.list-view .resultado-container .resultado .info .data,
    .results-container-loading.list-view .resultado-container .resultado .info .data {
        padding: 25px;
        width: 70%;
        position: relative
    }

    #resultsContainer.list-view .resultado-container .resultado .info .data .descripcion-parent,
    .results-container-loading.list-view .resultado-container .resultado .info .data .descripcion-parent {
        display: inline-block;
        position: absolute;
        bottom: 22px;
        width: 65%;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-size: 15px;
        line-height: 17px;
        color: #A6A8AD
    }
}

@media (min-width: 576px) and (max-width: 767px) {

    #resultsContainer.list-view .resultado-container .resultado .info .data .descripcion-parent,
    .results-container-loading.list-view .resultado-container .resultado .info .data .descripcion-parent {
        font-size: 12px;
        line-height: 14px
    }
}

@media (min-width: 576px) {

    #resultsContainer.list-view .resultado-container .resultado .info .data .descripcion-parent .descripcion,
    .results-container-loading.list-view .resultado-container .resultado .info .data .descripcion-parent .descripcion {
        display: block;
        margin-bottom: 0;
        overflow: hidden;
        position: relative;
        text-align: justify;
        margin-right: -1em;
        padding-right: 1em;
        max-height: 68px
    }
}

@media (min-width: 576px) and (max-width: 767px) {

    #resultsContainer.list-view .resultado-container .resultado .info .data .descripcion-parent .descripcion,
    .results-container-loading.list-view .resultado-container .resultado .info .data .descripcion-parent .descripcion {
        max-height: 42px
    }
}

@media (min-width: 576px) {

    #resultsContainer.list-view .resultado-container .resultado .info .data .descripcion-parent .descripcion:before,
    .results-container-loading.list-view .resultado-container .resultado .info .data .descripcion-parent .descripcion:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0
    }

    #resultsContainer.list-view .resultado-container .resultado .info .data .descripcion-parent .descripcion:after,
    .results-container-loading.list-view .resultado-container .resultado .info .data .descripcion-parent .descripcion:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white
    }

    #resultsContainer.list-view .resultado-container .resultado .info .data .icono-tipo,
    .results-container-loading.list-view .resultado-container .resultado .info .data .icono-tipo {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        right: 25px;
        bottom: 25px;
        width: 32px;
        border: 1px solid #160F27;
        width: 50px;
        border-radius: 50%;
        height: 50px
    }

    #resultsContainer.list-view .resultado-container .resultado .info .data .icono-tipo img,
    #resultsContainer.list-view .resultado-container .resultado .info .data .icono-tipo svg,
    .results-container-loading.list-view .resultado-container .resultado .info .data .icono-tipo img,
    .results-container-loading.list-view .resultado-container .resultado .info .data .icono-tipo svg {
        display: block;
        padding: 0;
        margin: auto;
        width: 32px
    }

    #resultsContainer.list-view .resultado-container .resultado .info .data .iconos-data,
    .results-container-loading.list-view .resultado-container .resultado .info .data .iconos-data {
        display: block;
        position: absolute;
        top: 25px;
        right: 0
    }
}

@media (min-width: 576px) and (min-width: 1200px) {

    #resultsContainer.list-view .resultado-container .resultado .info .data .iconos-data,
    .results-container-loading.list-view .resultado-container .resultado .info .data .iconos-data {
        right: 25px
    }
}

@media (min-width: 576px) {

    #resultsContainer.list-view .resultado-container .resultado .info .data .iconos-data img,
    #resultsContainer.list-view .resultado-container .resultado .info .data .iconos-data svg,
    .results-container-loading.list-view .resultado-container .resultado .info .data .iconos-data img,
    .results-container-loading.list-view .resultado-container .resultado .info .data .iconos-data svg {
        display: inline-block;
        padding: 0;
        margin: auto;
        width: 32px
    }

    #resultsContainer.list-view .resultado-container .resultado .info .prices,
    .results-container-loading.list-view .resultado-container .resultado .info .prices {
        padding: 0 25px;
        width: 30%;
        text-align: center;
        border-left: 1px solid #E3E6EA;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    #resultsContainer.list-view .resultado-container .resultado .info .prices .price,
    .results-container-loading.list-view .resultado-container .resultado .info .prices .price {
        margin-bottom: 0px;
        font-size: 22px;
        font-weight: bold
    }

    #resultsContainer.list-view .resultado-container .resultado .info .prices .view-model,
    .results-container-loading.list-view .resultado-container .resultado .info .prices .view-model {
        display: block
    }

    #resultsContainer.list-view .resultado-container .resultado.promocionado .imageRatio,
    .results-container-loading.list-view .resultado-container .resultado.promocionado .imageRatio {
        position: relative
    }

    #resultsContainer.list-view .publicidad-b .adRatio,
    .results-container-loading.list-view .publicidad-b .adRatio {
        padding-top: 15.789%
    }

    #resultsContainer.list-view .publicidad-b .solo-grid,
    .results-container-loading.list-view .publicidad-b .solo-grid {
        display: none
    }

    #resultsContainer.list-view .publicidad-b .solo-lista,
    .results-container-loading.list-view .publicidad-b .solo-lista {
        display: block
    }
}

@media (min-width: 576px) and (max-width: 1199px) {

    #resultsContainer.list-view .resultado-container .resultado .grafica,
    .results-container-loading.list-view .resultado-container .resultado .grafica {
        width: 60%
    }

    #resultsContainer.list-view .resultado-container .resultado .grafica .imageRatio .icon-favorite,
    .results-container-loading.list-view .resultado-container .resultado .grafica .imageRatio .icon-favorite {
        right: 25px
    }

    #resultsContainer.list-view .resultado-container .resultado .grafica .imageRatio .icon-compare,
    .results-container-loading.list-view .resultado-container .resultado .grafica .imageRatio .icon-compare {
        right: 50px
    }

    #resultsContainer.list-view .resultado-container .resultado .info .data,
    .results-container-loading.list-view .resultado-container .resultado .info .data {
        width: auto
    }

    #resultsContainer.list-view .resultado-container .resultado .info .data .icono-tipo,
    .results-container-loading.list-view .resultado-container .resultado .info .data .icono-tipo {
        display: none
    }

    #resultsContainer.list-view .resultado-container .resultado .info .data .descripcion-parent,
    .results-container-loading.list-view .resultado-container .resultado .info .data .descripcion-parent {
        width: 90%
    }

    #resultsContainer.list-view .resultado-container .resultado .info .prices,
    .results-container-loading.list-view .resultado-container .resultado .info .prices {
        border: none;
        width: auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 25px
    }

    #resultsContainer.list-view .resultado-container .resultado .info .prices .price,
    .results-container-loading.list-view .resultado-container .resultado .info .prices .price {
        font-size: 16px
    }

    #resultsContainer.list-view .resultado-container .resultado .info .prices .view-model,
    .results-container-loading.list-view .resultado-container .resultado .info .prices .view-model {
        display: none
    }
}

.empty-results {
    margin: auto;
    max-width: 60%;
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
    margin-top: 36px;
    margin-bottom: 50px
}

@media (max-width: 575px) {
    .empty-results {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 25px
    }
}

.empty-results .helper-image {
    display: block;
    margin: 0 auto 50px auto;
    max-width: 80%;
    max-height: 310px
}

.empty-results h2 {
    color: #160F27;
    font-family: "Roboto Condensed";
    font-size: 54px;
    line-height: 1.1;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 18px
}

@media (max-width: 575px) {
    .empty-results h2 {
        font-size: 34px
    }
}

.empty-results p {
    color: #BBBDC1;
    font-family: Roboto;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    max-width: 90%;
    margin: auto auto 48px auto;
    text-align: center
}

@media (max-width: 575px) {
    .empty-results p {
        font-size: 15px;
        line-height: 1.5
    }
}

.empty-results .emptyResultsCatalogueButton {
    padding: 0;
    width: 280px;
    margin: 48px auto 0 auto;
    display: block
}

.empty-results .emptyResultsButton {
    display: block;
    margin: 0 auto;
    width: 320px
}

@media (max-width: 767px) {
    .empty-results .emptyResultsButton {
        width: 280px
    }
}

.publicidad-imagen {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:center";
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.resultsOrderByDropdown {
    display: table
}

.resultsOrderByDropdown .dropdown-toggle:after {
    content: none
}

#resultsOrderByDropdownButton {
    border-radius: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 20px;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    font-weight: bold;
    text-align: left;
    padding: 0;
    margin: 0 40px 0 0;
    position: relative;
    right: -1px
}

#resultsOrderByDropdownButton:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

#resultsOrderByDropdownButton:hover {
    color: #86898f
}

@media (hover: none),
(hover: on-demand) {
    #resultsOrderByDropdownButton:hover {
        color: #160F27
    }
}

#resultsOrderByDropdownButton .orderBySelectorTitle {
    display: inline;
    cursor: pointer
}

.resultsOrderByDropdownMenu {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 48px;
    color: #160F27;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(215, 218, 220, 0.5);
    box-shadow: 0 2px 4px 0 rgba(215, 218, 220, 0.5);
    padding: 0;
    width: 210px;
    z-index: 2;
    margin: 15px 0 15px 2px;
    border: none
}

@media (max-width: 767px) {
    .resultsOrderByDropdownMenu {
        width: 190px
    }
}

@media (max-width: 575px) {
    .resultsOrderByDropdownMenu {
        width: 176px
    }
}

.resultsOrderByDropdownItem:hover {
    background-color: #E3E6EA;
    color: #160F27
}

.resultsOrderByDropdownItem:active {
    background-color: #E3E6EA;
    color: #160F27
}

.orderBySelectorTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    margin: 2px 4px 0 0;
    cursor: pointer
}

.priceArrowDown {
    font-size: 7px;
    margin-left: 4px;
    font-weight: bold
}

.navbarSearchHeaderForDevices .navbar-nav {
    text-transform: uppercase;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.navbarSearchHeaderForDevices .navbar-nav .nav-item {
    font-size: 15px;
    line-height: 20px;
    padding: 14px 0;
    margin-left: 0
}

@media (max-width: 480px) {
    .navbarSearchHeaderForDevices .navbar-nav .nav-item {
        margin-top: 3px;
        margin-bottom: 2px
    }
}

.navbarSearchHeaderForDevices .navbar-nav .nav-link {
    padding: 0;
    margin-left: 24px;
    margin-top: 3px;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.navbarSearchHeaderForDevices .navbar-nav .nav-link:hover {
    color: #F3D553
}

.navbarSearchHeaderForDevices .navbar-nav .nav-link .linkBubble {
    top: -6px
}

.resultsOrderOptionsModal {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    display: none
}

.resultsOrderOptionsModal.active {
    display: block
}

.resultsContainerOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #160F27;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    opacity: .95
}

.orderByBox {
    margin: 32px 20px 0 20px;
    padding-bottom: 24px;
    width: calc(100% - 40px);
    height: auto;
    background-color: #fff;
    position: absolute;
    max-height: calc(100vh - 64px);
    overflow-y: auto
}

.orderByBox ul {
    padding: 0;
    margin-bottom: 0
}

.orderByBox ul li {
    display: block
}

.orderSelectorSmallDevices {
    padding: 24px 0 9px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer
}

.orderSelectorSmallDevices h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    margin-bottom: 0
}

.orderSelectorSmallDevices span {
    font-weight: bold
}

.orderSelectorSmallDevices .icon-down {
    font-size: 7px;
    margin-top: 5px;
    margin-left: 4px;
    display: inline-block
}

.orderSelectorSmallDevices:hover span {
    color: #86898f
}

@media (hover: none),
(hover: on-demand) {
    .orderSelectorSmallDevices:hover {
        color: #160F27
    }
}

.closeButtonOrderByBox {
    width: 16px;
    height: 16px;
    margin: 18px 18px 8px auto;
    display: block;
    cursor: pointer
}

.closeButtonOrderByBox:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5
}

.closeButtonOrderByBox:focus {
    outline: none
}

.orderOptionsTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 18px;
    margin-left: 24px
}

.orderOptionsRadioButtons {
    display: none
}

.orderOptionsRadioButtons+label {
    width: calc(100% - 48px);
    height: 48px;
    margin: 0 24px;
    -webkit-box-shadow: inset 0 -1px 0 0 #E3E6EA;
    box-shadow: inset 0 -1px 0 0 #E3E6EA;
    cursor: pointer
}

.orderOptionsRadioButtons+label .orderOptionsDoubleCircle {
    -webkit-box-shadow: 0 0 0 2px #160F27;
    box-shadow: 0 0 0 2px #160F27;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    width: 17px;
    height: 17px;
    position: relative;
    margin: auto 0
}

.orderOptionsRadioButtons+label h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 17px;
    color: #160F27;
    margin: auto 0 auto 12px
}

.orderOptionsRadioButtons:checked+label .orderOptionsDoubleCircle {
    background-color: #160F27
}

@media (max-width: 1199px) {
    .icon-favorite-empty {
        right: 25px;
        width: 24px;
        height: 21px;
        background-color: #D5D8DE
    }

    .icon-compare-empty {
        right: 50px;
        width: 24px;
        height: 21px;
        background-color: #D5D8DE
    }
}

@media (min-width: 576px) {
    .icon-compare-empty {
        top: 25px;
        right: 27%;
        left: auto;
        width: 24px;
        height: 21px;
        background-color: #D5D8DE
    }

    .icon-favorite-empty {
        top: 25px;
        right: 24%;
        left: auto;
        width: 24px;
        height: 21px;
        background-color: #D5D8DE
    }
}

.modeloEmpty {
    margin-bottom: 5px;
    width: 64px;
    height: 16px;
    background-color: #D5D8DE
}

.priceEmpty {
    width: 112px;
    height: 16px;
    background-color: #D5D8DE
}

.multiselect__option--highlight {
    background: #160F27 !important
}

.multiselect__option--selected {
    color: #160F27 !important
}

.multiselect__option--selected.multiselect__option--highlight {
    background: #F3D553 !important;
    color: #160F27 !important
}

.addToFavoritesNotifications {
    height: auto;
    width: 304px;
    background-color: #F3D553;
    -webkit-box-shadow: 0 1px 4px 0 rgba(22, 15, 39, 0.6);
    box-shadow: 0 1px 4px 0 rgba(22, 15, 39, 0.6);
    position: fixed;
    top: 32px;
    right: -311px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 7000;
    padding-left: 16px;
    padding-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 991px) {
    .addToFavoritesNotifications {
        height: 72px;
        width: 100%;
        top: unset;
        right: 0;
        bottom: -96px
    }
}

.addToFavoritesNotifications.active {
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

@media (max-width: 991px) {
    .addToFavoritesNotifications.active {
        bottom: 0
    }
}

.addToFavoritesNotificationsCloseButton {
    font-size: 10px;
    margin: 8px 12px 0 auto;
    display: block;
    cursor: pointer;
    text-align: right
}

.addToFavoritesNotificationsCloseButton:hover {
    color: #86898F
}

.addToFavoritesNotificationsTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    color: #160F27;
    font-weight: 400;
    margin-bottom: 0
}

@media (max-width: 991px) {
    .addToFavoritesNotificationsTitle {
        display: none
    }
}

.addToFavoritesNotificationsText {
    font-family: Roboto Condensed Light, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 19px;
    color: #160F27;
    margin-bottom: 8px
}

.addToFavoritesNotificationsFavorites {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    color: #160F27;
    font-weight: 400;
    margin-right: 12px;
    display: block;
    text-align: right
}

@media (max-width: 991px) {
    .addToFavoritesNotificationsFavorites {
        text-align: left
    }
}

.addToFavoritesNotificationsFavorites:hover {
    text-decoration: none;
    color: #86898F
}

.addToFavoritesNotificationsFavorites:hover svg polygon {
    fill: #86898F
}

.addToFavoritesNotificationsArrowButton {
    font-size: 9px;
    margin-left: 8px
}

.addToComparerNotifications {
    height: auto;
    width: 138px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 1px 4px 0 rgba(22, 15, 39, 0.6);
    box-shadow: 0 1px 4px 0 rgba(22, 15, 39, 0.6);
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -150px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 6999;
    padding: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.addToComparerNotifications.active {
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.addToComparerNotificationsGoTo {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 16px;
    color: #160F27;
    font-weight: 400;
    margin-bottom: 16px;
    text-transform: uppercase
}

.addToComparerNotificationsGoTo svg {
    width: 11px;
    height: 16px;
    margin-left: 8px;
    position: relative;
    top: 3px
}

.addToComparerNotificationsGoTo:hover {
    text-decoration: none;
    color: #86898F
}

.addToComparerNotificationsGoTo:hover svg polygon {
    fill: #86898F
}

.ratioForComparerNotifications {
    width: 100%;
    padding-top: 70%;
    position: relative
}

.ratioForComparerNotifications img {
    position: absolute;
    bottom: 0;
    width: 100%
}

.addToComparerNotificationsBikesContainer {
    position: relative;
    margin-top: 8px
}

.addToComparerNotificationsCloseX {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    right: -4px;
    background-color: #160F27;
    border-radius: 50%;
    padding: 4px
}

.addToComparerNotificationsCloseX span {
    position: relative;
    top: -12px;
    left: 0;
    font-size: 7px;
    color: #fff
}

.addToComparerNotificationsCloseX:hover {
    text-decoration: none
}

.addToComparerNotificationsGoToButton {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 16px;
    color: #160F27;
    font-weight: 700;
    width: 106px;
    margin-top: 16px;
    padding: 16px 0;
    text-align: center;
    text-transform: uppercase;
    background-color: #F3D553;
    display: block
}

.addToComparerNotificationsGoToButton:hover {
    text-decoration: none;
    background-color: #FBE06E;
    color: #160F27
}

.addToComparerNotificationsMessage {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #E53935;
    margin-top: 16px
}

.addToComparerNotificationsMessage.inactive {
    display: none
}

.resultados-de-busqueda .login-box-modal {
    text-decoration: none;
    color: transparent
}

.resultados-de-busqueda .icon-compare,
.resultados-de-busqueda .icon-favorite {
    font-size: 20px;
    color: #B1B4B8;
    text-decoration: none
}

.resultados-de-busqueda .icon-compare:hover,
.resultados-de-busqueda .icon-favorite:hover {
    color: #86898f
}

@media (hover: none),
(hover: on-demand) {

    .resultados-de-busqueda .icon-compare:hover:hover,
    .resultados-de-busqueda .icon-favorite:hover:hover {
        color: #B1B4B8
    }
}

.resultados-de-busqueda .container .row .icon-down {
    font-weight: bold
}

.addToComparerNotifications .addToComparerNotificationsGoTo .addToComparerNotificationsGoToArrow {
    margin-left: 5px;
    font-weight: bold;
    font-size: 12px
}

.icono-tipo-list {
    font-size: 18px;
    margin: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.undercoverDiv {
    width: 1px;
    height: 50px
}

.resultados-loading {
    padding: 15px;
    display: none
}

.resultados-loading div {
    background: white;
    padding: 16px;
    text-align: center;
    border-bottom: 2px solid #D2D4DD;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #AFB1B5;
    font-weight: bold;
    text-transform: uppercase
}

.resultados-loading div .icon {
    margin-right: 15px;
    -webkit-animation: anim-rotate 1s infinite linear;
    animation: anim-rotate 1s infinite linear;
    display: inline-block
}

@-webkit-keyframes anim-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes anim-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#loginBoxModalIDResultadosOne,
#loginBoxModalIDResultadosTwo,
#loginBoxModalIDResultadosThree,
#loginBoxModalIDResultadosFour {
    height: 20px
}

#loginBoxModalIDResultadosOne:hover,
#loginBoxModalIDResultadosTwo:hover,
#loginBoxModalIDResultadosThree:hover,
#loginBoxModalIDResultadosFour:hover {
    text-decoration: none
}

#loginBoxModalIDResultadosOne:hover span,
#loginBoxModalIDResultadosTwo:hover span,
#loginBoxModalIDResultadosThree:hover span,
#loginBoxModalIDResultadosFour:hover span {
    color: #86898f
}

.registrationScreensContainer #menuNavBar {
    background-color: #160F27
}

.registrationScreensContainer #menuNavBar #mainLogo {
    margin-top: 0px;
    font-size: 59px
}

@media (max-width: 767px) {
    .registrationScreensContainer #menuNavBar #mainLogo {
        font-size: 35px
    }
}

.registrationScreensContainer .galeriaWhiteLine {
    background-color: #160F27;
    margin-bottom: 88px
}

@media (max-width: 767px) {
    .registrationScreensContainer .galeriaWhiteLine {
        display: block;
        margin-bottom: 48px
    }
}

.registrationScreensContainer .splash {
    margin: auto;
    padding-top: 60px
}

@media (max-width: 1199px) {
    .registrationScreensContainer .splash {
        padding-top: 80px
    }
}

@media (max-width: 767px) {
    .registrationScreensContainer .splash {
        padding-top: 56px
    }
}

.registerScreenTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 84px;
    color: #160F27;
    margin-bottom: 32px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .registerScreenTitle {
        font-size: 34px;
        line-height: 35px;
        margin-bottom: 16px
    }
}

.registerScreenText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #160F27;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .registerScreenText {
        font-size: 22px;
        line-height: 30px
    }
}

.registerScreenCenterDiv {
    margin: 0 auto;
    max-width: 900px
}

@media (max-width: 1199px) {
    .registerScreenCenterDiv {
        margin: 0 48px;
        max-width: none
    }
}

@media (max-width: 767px) {
    .registerScreenCenterDiv {
        margin: 0 20px
    }
}

.registerScreenInput {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #86898F;
    height: 56px;
    width: 401px;
    border: 2px solid #160F27;
    margin-bottom: 24px;
    padding-left: 24px
}

.registerScreenInput:focus {
    outline: none;
    border-color: #F3D553
}

@media (max-width: 1199px) {
    .registerScreenInput {
        width: 100%
    }
}

.registerPasswordGroup .registerScreenInput {
    margin-bottom: 24px
}

.registerScreenCenterDiv .alert-danger {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 14px;
    color: #E53935;
    margin: -16px 0 8px 0;
    width: 100%;
    border: none;
    background-color: unset;
    padding: 0
}

.registerScreenAlignRight {
    text-align: right
}

@media (max-width: 1199px) {
    .registerScreenAlignRight {
        text-align: left
    }
}

.registerScreenAlignRight .alert-danger {
    padding-left: 49px;
    text-align: left
}

@media (max-width: 1199px) {
    .registerScreenAlignRight .alert-danger {
        padding-left: 0
    }
}

.registerScreenTermsText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #86898F;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    left: 27px
}

@media (max-width: 767px) {
    .registerScreenTermsText {
        margin-top: -1px;
        max-width: 92%
    }
}

.registerScreenTermsText span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    font-weight: 700
}

.registerScreenTermsText span:hover {
    color: #F3D553
}

.registerScreenTermsText a:hover {
    text-decoration: none
}

.registerScreenHaveAccountText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #160F27;
    text-align: center;
    text-transform: uppercase
}

.registerScreenHaveAccountText a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #160F27;
    font-weight: 700
}

.registerScreenHaveAccountText a:hover {
    text-decoration: none;
    color: #F3D553
}

.registerScreenButton {
    display: block;
    margin: 32px auto 129px auto;
    width: 320px
}

@media (max-width: 1199px) {
    .registerScreenButton {
        width: 280px
    }
}

.termsCheckboxCol .checkIconImageRegisterScreen {
    position: absolute;
    top: 0;
    left: 0.3px;
    font-size: 12px;
    padding: 2px;
    display: none;
    color: #160F27
}

@media (max-width: 1199px) {
    .termsCheckboxCol .checkIconImageRegisterScreen {
        top: 40px
    }
}

@media (max-width: 767px) {
    .termsCheckboxCol .checkIconImageRegisterScreen {
        top: 32px
    }
}

.termsCheckboxCol input[type=checkbox] {
    display: none
}

.termsCheckboxCol input[type=checkbox]+label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    padding: 0;
    height: 16px;
    width: 16px;
    margin-bottom: 64px;
    border: 2px solid #160F27;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

@media (max-width: 1199px) {
    .termsCheckboxCol input[type=checkbox]+label {
        margin-top: 40px
    }
}

@media (max-width: 767px) {
    .termsCheckboxCol input[type=checkbox]+label {
        margin-top: 32px
    }
}

.termsCheckboxCol input[type=checkbox]:checked+label .checkIconImageRegisterScreen {
    display: block
}

.termsCheckboxCol #termsCheckboxMsg {
    position: absolute;
    top: 50px
}

@media (max-width: 1199px) {
    .termsCheckboxCol #termsCheckboxMsg {
        top: 90px
    }
}

@media (max-width: 767px) {
    .termsCheckboxCol #termsCheckboxMsg {
        top: 100px
    }
}

.registerPasswordGroup {
    width: 401px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex
}

@media (max-width: 1199px) {
    .registerPasswordGroup {
        width: 100%
    }
}

@media (max-width: 1199px) {
    .registerScreenInputForOrder {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width: 1199px) {

    .registerScreenTitleCol .registerScreenTitle,
    .registerScreenTitleCol .galeriaWhiteLine {
        margin-left: 48px
    }
}

@media (max-width: 767px) {

    .registerScreenTitleCol .registerScreenTitle,
    .registerScreenTitleCol .galeriaWhiteLine {
        margin-left: 20px
    }
}

.registerFacebookAutoLoginButton,
.registerGoogleAutoLoginButton {
    width: 401px;
    margin-left: 0
}

@media (max-width: 1199px) {

    .registerFacebookAutoLoginButton,
    .registerGoogleAutoLoginButton {
        width: 100%
    }
}

.registerGoogleAutoLoginButton {
    margin-left: auto;
    margin-right: 0
}

.forgotPasswordScreenTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 84px;
    color: #160F27;
    margin-bottom: 32px;
    text-transform: uppercase;
    max-width: 500px
}

@media (max-width: 1199px) {
    .forgotPasswordScreenTitle {
        margin-left: 15px
    }
}

@media (max-width: 767px) {
    .forgotPasswordScreenTitle {
        margin-bottom: 16px;
        font-size: 34px;
        line-height: 35px
    }
}

.forgotPasswordScreenText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #160F27;
    width: 520px;
    text-align: left;
    margin: 0 auto
}

@media (max-width: 1199px) {
    .forgotPasswordScreenText {
        margin: 0;
        padding: 0 15px;
        width: 100%
    }
}

@media (max-width: 767px) {
    .forgotPasswordScreenText {
        font-size: 22px;
        line-height: 30px;
        margin-left: 15px;
        margin-right: 15px;
        padding: 0;
        max-width: calc(100% - 30px)
    }
}

.forgotPasswordScreenInput {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #86898F;
    height: 56px;
    width: 520px;
    border: 2px solid #160F27;
    margin: 48px auto 24px auto;
    padding-left: 24px
}

.forgotPasswordScreenInput:focus {
    outline: none
}

@media (max-width: 1199px) {
    .forgotPasswordScreenInput {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px)
    }
}

.forgotPasswordScreenButton {
    display: block;
    margin: 0 auto 129px auto !important;
    width: 520px
}

@media (max-width: 1199px) {
    .forgotPasswordScreenButton {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px)
    }
}

.forgotPasswordCenterCol {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.forgotPasswordScreenRow .galeriaWhiteLine {
    margin-left: 15px
}

.changePasswordScreenTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 84px;
    color: #160F27;
    font-weight: 700;
    margin-left: 96px;
    margin-bottom: 32px;
    text-transform: uppercase;
    max-width: 500px
}

@media (max-width: 1199px) {
    .changePasswordScreenTitle {
        margin-left: 48px
    }
}

@media (max-width: 767px) {
    .changePasswordScreenTitle {
        margin-left: 20px;
        margin-bottom: 16px;
        font-size: 34px;
        line-height: 35px
    }
}

.changePasswordScreenText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #160F27;
    width: 520px;
    text-align: left;
    margin: 0 auto 48px auto
}

@media (max-width: 1199px) {
    .changePasswordScreenText {
        padding: 0 48px;
        width: 100%;
        text-align: left
    }
}

@media (max-width: 767px) {
    .changePasswordScreenText {
        font-size: 22px;
        line-height: 30px;
        margin-left: 20px;
        margin-right: 20px;
        padding: 0;
        max-width: 92%
    }
}

.changePasswordScreenInput {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #86898F;
    height: 56px;
    width: 520px;
    border: 2px solid #160F27;
    margin: 0 auto 24px auto;
    padding-left: 24px
}

.changePasswordScreenInput:focus {
    outline: none
}

@media (max-width: 1199px) {
    .changePasswordScreenInput {
        margin-left: 46px;
        margin-right: 46px;
        width: calc(100% - 92px)
    }
}

@media (max-width: 767px) {
    .changePasswordScreenInput {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px)
    }
}

.changePasswordScreenButton {
    display: block;
    margin: 0 auto 129px auto;
    width: 520px
}

@media (max-width: 1199px) {
    .changePasswordScreenButton {
        width: 280px
    }
}

.changePasswordCenterCol {
    text-align: center
}

.passwordChangedScreenTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 84px;
    color: #160F27;
    margin-left: 96px;
    margin-bottom: 32px;
    text-transform: uppercase;
    max-width: 500px
}

@media (max-width: 1199px) {
    .passwordChangedScreenTitle {
        margin-left: 48px
    }
}

@media (max-width: 767px) {
    .passwordChangedScreenTitle {
        margin-left: 20px;
        margin-bottom: 16px;
        font-size: 34px;
        line-height: 35px
    }
}

.passwordChangedScreenText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #160F27;
    text-align: center;
    margin: 0 auto
}

@media (max-width: 1199px) {
    .passwordChangedScreenText {
        margin: 0;
        padding: 0 48px;
        width: 100%;
        text-align: left
    }
}

@media (max-width: 767px) {
    .passwordChangedScreenText {
        font-size: 22px;
        line-height: 30px;
        margin-left: 20px;
        margin-right: 20px;
        padding: 0;
        max-width: 92%
    }
}

.passwordChangeSuccessBox {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 80px;
    color: #fff;
    line-height: 1.5;
    background-color: #259B24;
    border-radius: 4px;
    margin: 25px auto 129px auto;
    position: relative;
    padding: 8px 40px 16px 40px;
    display: inline-block
}

@media (max-width: 1199px) {
    .passwordChangeSuccessBox {
        width: calc(100% - 96px);
        margin-left: 48px;
        margin-right: 48px;
        padding-top: 16px
    }
}

@media (max-width: 767px) {
    .passwordChangeSuccessBox {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px
    }
}

.checkPasswordChanged {
    background-color: white;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    padding: 6px;
    position: relative;
    top: 7px;
    margin-right: 10px
}

.checkPasswordChanged path {
    fill: #259B24
}

@media (max-width: 1199px) {
    .checkPasswordChanged {
        width: 16px;
        height: 16px;
        top: 3px;
        padding: 3px
    }
}

.passwordChangedCenterCol {
    text-align: center
}

.accountActivatedScreenTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 84px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 32px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .accountActivatedScreenTitle {
        font-size: 34px;
        line-height: 35px;
        margin-bottom: 16px
    }
}

.motencioAccountActivatedImage {
    width: 265px;
    margin-bottom: 129px
}

@media (max-width: 1199px) {
    .motencioAccountActivatedImage {
        margin-left: -36px
    }
}

@media (max-width: 767px) {
    .motencioAccountActivatedImage {
        margin-left: -6px;
        margin-bottom: 16px
    }
}

.accountActivatedScreenSmallTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 32px;
    line-height: 30px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin-top: 24px;
    margin-bottom: 32px
}

.accountActivatedScreenText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #160F27;
    text-align: left;
    margin-bottom: 32px
}

.accountActivatedScreenSmallText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #160F27;
    text-align: left;
    text-transform: uppercase
}

.accountActivatedScreenSmallText a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #160F27;
    font-weight: 700
}

.accountActivatedScreenSmallText a:hover {
    text-decoration: none;
    color: #F3D553
}

@media (max-width: 767px) {
    .accountActivatedScreenSmallText {
        margin-bottom: 129px
    }
}

.accountActivatedScreenCenterDiv {
    text-align: center;
    margin: 0 auto
}

#chosenOnesSection,
#favoriteOnesSection,
.chosenOnesRelatedBikesSection {
    background-color: #F7F8FB
}

.chosenOnesMainDiv {
    padding: 0 48px
}

@media (max-width: 1199px) {
    .chosenOnesMainDiv {
        padding: 0 15px
    }
}

.chosenOnesMainDiv .galeriaWhiteLine {
    margin-left: 0
}

@media (max-width: 1199px) {
    .chosenOnesMainDiv .galeriaWhiteLine {
        margin-bottom: 56px
    }
}

.chosenOnesTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 70px;
    color: #160F27;
    font-weight: 700;
    margin: 154px 0 32px 0;
    text-transform: uppercase;
    position: relative
}

.chosenOnesTitle span {
    font-size: 46px;
    color: #160F27;
    margin-left: 30px;
    position: relative;
    top: -3px
}

.chosenOnesTitle span:hover {
    color: #160F27
}

@media (max-width: 1199px) {
    .chosenOnesTitle {
        margin-top: 56px
    }

    .chosenOnesTitle span {
        margin-left: 8px
    }
}

@media (max-width: 767px) {
    .chosenOnesTitle {
        font-size: 34px;
        line-height: 35px;
        max-width: 219px
    }

    .chosenOnesTitle span {
        font-size: 28px;
        position: absolute;
        top: 5px;
        left: 172px
    }
}

#favoriteOnesSection {
    padding: 0 48px
}

@media (max-width: 1199px) {
    #favoriteOnesSection {
        padding: 0
    }
}

@media (max-width: 1199px) {
    #favoriteOnesContainer {
        max-width: unset
    }
}

#favoriteOnesContainer .chosenOnesTitle {
    margin-left: 15px
}

#favoriteOnesContainer .galeriaWhiteLine {
    margin-left: 15px
}

@media (max-width: 1199px) {
    #favoriteOnesContainer .galeriaWhiteLine {
        margin-bottom: 56px
    }
}

#favoriteOnesContainer .resultado-container .resultado .imageRatio {
    padding-top: 58.1%
}

#favoriteOnesContainer .resultado-container .resultado .RatioBottom {
    padding-top: 32.17%
}

#favoriteOnesContainer .resultado-container .resultado .info {
    top: 70%
}

@media (min-width: 992px) and (max-width: 1199px) {
    #favoriteOnesContainer .resultado-container .resultado .info {
        bottom: 8px
    }
}

@media (max-width: 575px) {
    #favoriteOnesContainer .resultado-container .resultado .info {
        top: 77%
    }
}

@media (max-width: 389px) {
    #favoriteOnesContainer .resultado-container .resultado .info {
        top: 75%
    }
}

.chosenOnesResults .info-resultados {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 12px;
    color: #160F27;
    background-color: white;
    padding: 15px 0 15px 15px;
    margin: 0 15px 24px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1
}

.chosenOnesResults .info-resultados .results-count {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.chosenOnesResults .info-resultados .view-selector {
    padding: 0 25px
}

@media (max-width: 575px) {
    .chosenOnesResults .info-resultados .view-selector {
        display: none
    }
}

.chosenOnesResults .info-resultados .view-selector a.icon-switchview {
    display: inline-block;
    padding: 0 2px;
    cursor: pointer
}

.chosenOnesResults .info-resultados .view-selector a.icon-switchview span {
    font-size: 16px;
    display: block;
    color: #D4D6DA
}

.chosenOnesResults .info-resultados .view-selector a.icon-switchview.active {
    cursor: default
}

.chosenOnesResults .info-resultados .view-selector a.icon-switchview.active span {
    color: #160F27
}

.chosenOnesResults .info-resultados .view-selector a.icon-switchview:hover {
    text-decoration: none
}

.chosenOnesResults .info-resultados .order-by {
    font-weight: bold;
    cursor: pointer
}

.chosenOnesResults .info-resultados .order-by .arrow {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 0.5em;
    top: -2px;
    margin-right: 0.5em
}

.chosenOnesResults .info-resultados .order-by .arrow-down {
    top: -2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    display: none
}

.chosenOnesResults .info-resultados .order-by .arrow-up {
    top: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 2px solid black;
    border-top: 2px solid black;
    display: none
}

.chosenOnesResults .info-resultados .order-by .no-order {
    border-bottom: 2px solid #090909;
    width: 8px;
    top: -4px;
    display: inline-block
}

.chosenOnesResults .info-resultados .order-by.dsc .arrow-down,
.chosenOnesResults .info-resultados .order-by.dsc .no-order {
    display: none
}

.chosenOnesResults .info-resultados .order-by.dsc .arrow-up {
    display: inline-block
}

.chosenOnesResults .info-resultados .order-by.asc .arrow-up,
.chosenOnesResults .info-resultados .order-by.asc .no-order {
    display: none
}

.chosenOnesResults .info-resultados .order-by.asc .arrow-down {
    display: inline-block
}

.chosenOnesResults #resultsContainer {
    margin: 0 15px 128px 30px
}

.chosenOnesResults #resultsContainer .orderSelectorSmallDevices {
    margin-left: 0
}

.chosenOnesResults #resultsContainer .orderSelectorSmallDevices h4 {
    margin-bottom: 8px
}

@media (min-width: 992px) {
    .chosenOnesResults #resultsContainer .resultado-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.chosenOnesResults .icon-closeBlueBG {
    display: block !important;
    position: absolute;
    top: -12px;
    left: -12px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #160F27;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 21px;
    line-height: 18px;
    color: #fff;
    padding-left: 4px
}

.chosenOnesResults .icon-closeBlueBG:hover {
    text-decoration: none
}

.chosenOnesResults .icon-favorite {
    display: none
}

@media (min-width: 576px) {

    .chosenOnesResults #resultsContainer.list-view .iconos-imagen,
    .chosenOnesResults .results-container-loading.list-view .iconos-imagen {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

    .chosenOnesResults #resultsContainer.list-view .iconos-imagen .icon-compare,
    .chosenOnesResults .results-container-loading.list-view .iconos-imagen .icon-compare {
        display: none
    }
}

@media (min-width: 992px) {

    #resultsContainer.big-view .resultado-container,
    .results-container-loading.big-view .resultado-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 576px) {

    #resultsContainer.list-view .resultado-container,
    .results-container-loading.list-view .resultado-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.chosenOnesListContainer {
    padding: 0
}

.chosenOnesListContainer .row {
    -webkit-box-shadow: 0 2px 4px 0 rgba(162, 162, 162, 0.5);
    box-shadow: 0 2px 4px 0 rgba(162, 162, 162, 0.5);
    background-color: #fff
}

.chosenOnesEraseText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #BBBDC1;
    font-weight: 700;
    margin-left: 16px
}

@media (max-width: 767px) {
    .chosenOnesEraseText {
        margin-left: 10px
    }
}

.chosenOnesEraseText:hover {
    color: #160F27;
    text-decoration: none
}

.chosenOnesEraseText:hover .icon-closeGreyBG {
    background-color: #160F27
}

.chosenOnesEraseText .icon-closeGreyBG {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #BBBDC1;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 14px;
    color: #fff;
    padding-left: 3px;
    display: inline-block;
    margin: 12px 8px 0 0
}

.chosenOnesListTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #86898F;
    text-transform: uppercase;
    margin-top: 24px;
    margin-bottom: 12px
}

.chosenOnesBikeMiniImage {
    max-width: 122px;
    margin-top: -8px;
    margin-left: -8px
}

@media (max-width: 767px) {
    .chosenOnesListCol {
        padding-left: 10px !important
    }
}

.chosenOnesListBoldText {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 2px;
    text-transform: uppercase
}

.chosenOnesListTitleLowercase {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #86898F;
    margin: 0
}

.chosenOnesListTitleLight {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #A6A8AD;
    text-transform: capitalize;
    margin-top: 2px
}

.chosenOnesVisitButton {
    width: 280px;
    height: 64px;
    margin: 42px auto;
    display: block
}

@media (max-width: 1199px) {
    .chosenOnesVisitButton {
        margin: 24px auto
    }
}

@media (max-width: 767px) {
    .chosenOnesVisitButton {
        margin: 24px auto;
        max-width: 280px;
        width: calc(100% - 20px)
    }
}

.chosenOnesEmptyListContainer {
    margin-bottom: 78px
}

.watchBG {
    width: 138px;
    height: 138px;
    border-radius: 50%;
    background-color: #E3E6EA;
    margin: auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

@media (max-width: 1199px) {
    .watchBG {
        margin: 0 auto 32px auto
    }
}

.watchImage {
    margin: auto;
    font-size: 50px;
    color: #A6A8AD
}

.chosenOnesEmptyListText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 29px;
    color: #A6A8AD;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .chosenOnesEmptyListText {
        margin: 0 0 56px 0
    }
}

.completeCatalogueButton {
    width: 280px;
    height: 64px;
    margin: auto 0 auto auto
}

@media (max-width: 1199px) {
    .completeCatalogueButton {
        margin: auto
    }
}

.chosenOnesEmptyResultsContainer {
    margin: 0 96px
}

@media (max-width: 1199px) {
    .chosenOnesEmptyResultsContainer {
        margin: 0 48px
    }
}

@media (max-width: 767px) {
    .chosenOnesEmptyResultsContainer {
        margin: 0 20px
    }
}

.chosenOnesSadMotencio {
    margin-bottom: 128px;
    max-width: 390px
}

@media (max-width: 1199px) {
    .chosenOnesSadMotencio {
        margin: 0 auto 32px auto;
        max-width: 300px;
        display: block
    }
}

.chosenOnesEmptyFavoriteTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 54px;
    line-height: 55px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-left: 112px
}

@media (max-width: 1199px) {
    .chosenOnesEmptyFavoriteTitle {
        margin-left: 0;
        text-align: center
    }
}

@media (max-width: 767px) {
    .chosenOnesEmptyFavoriteTitle {
        font-size: 34px;
        line-height: 35px
    }
}

.chosenOnesEmptyFavoriteText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 29px;
    color: #A6A8AD;
    margin: 32px 0 48px 112px
}

@media (max-width: 1199px) {
    .chosenOnesEmptyFavoriteText {
        margin-left: 0;
        margin-bottom: 32px
    }
}

.completeCatalogueButtonML {
    margin-left: 112px;
    margin-bottom: 128px
}

@media (max-width: 1199px) {
    .completeCatalogueButtonML {
        margin-left: auto;
        margin-right: auto;
        display: block
    }
}

.chosenOnesRelatedBikesSection .fichaRelatedBikesBigTitle {
    display: none
}

.chosenOnesRelatedBikesSection .fichaRelatedBikesTitle {
    margin-top: 128px
}

@media (max-width: 767px) {
    .chosenOnesRelatedBikesSection .fichaRelatedBikesTitle {
        margin-top: 73px
    }
}

.chosenOnesRelatedBikesSection .relatedBikesCarouselCol {
    margin-bottom: 128px
}

@media (max-width: 767px) {
    .chosenOnesRelatedBikesSection .relatedBikesCarouselCol {
        margin-bottom: 88px
    }
}

.chosenOnesListImage {
    max-height: 75px;
    max-width: 150px;
    width: auto;
    height: 75px;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain
}

.registrationScreensContainer .chosenOnesResults .icon-down,
.registrationScreensContainer .chosenOnesResults .icon-up {
    font-weight: bold
}

#favoriteOnesSection .icon-compare {
    text-decoration: none;
    font-size: 20px;
    color: #B1B4B8
}

.comparerTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 70px;
    color: #160F27;
    margin: 0 0 32px 0;
    text-transform: uppercase
}

.comparerTitle .bigComparerIcon {
    font-weight: 700;
    font-size: 46px;
    margin-left: 30px;
    color: #160F27
}

@media (max-width: 1199px) {
    .comparerTitle {
        font-size: 62px;
        line-height: 70px;
        margin-left: 15px
    }

    .comparerTitle .bigComparerIcon {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .comparerTitle {
        margin-top: 0;
        max-width: 222px;
        font-size: 34px;
        line-height: 35px
    }

    .comparerTitle .bigComparerIcon {
        font-size: 28px;
        margin-left: 0;
        position: absolute;
        top: 4px;
        left: 235px
    }
}

.comparerStickyModelTitle {
    text-align: center
}

#comparerContainer .galeriaWhiteLine {
    margin-bottom: 40px;
    margin-left: 0
}

@media (max-width: 1199px) {
    #comparerContainer .galeriaWhiteLine {
        margin-left: 15px
    }
}

.comparerEmpty {
    display: none
}

.comparerInstructionsText,
.comparerEmptyInstructionsText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27;
    margin-left: 0;
    margin-bottom: 88px
}

.comparerInstructionsText span,
.comparerEmptyInstructionsText span {
    font-weight: bold
}

@media (max-width: 1199px) {

    .comparerInstructionsText,
    .comparerEmptyInstructionsText {
        margin-left: 15px;
        margin-top: 120px
    }
}

@media (max-width: 767px) {

    .comparerInstructionsText,
    .comparerEmptyInstructionsText {
        margin: 4px 0 18px 0;
        text-align: center
    }
}

@media (max-width: 767px) {
    .comparerInstructionsText {
        display: none
    }
}

.comparerAddBikeText,
.comparerEmptyAddBikeText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #160F27;
    text-align: center;
    margin-bottom: 40px
}

@media (max-width: 1199px) {

    .comparerAddBikeText,
    .comparerEmptyAddBikeText {
        font-size: 20px;
        line-height: 30px
    }
}

.comparerSearchBoxWrapper,
.comparerSearchBoxXLWrapper {
    text-align: left;
    position: relative
}

@media (max-width: 767px) {

    .comparerSearchBoxWrapper,
    .comparerSearchBoxXLWrapper {
        width: 100%
    }
}

.comparerSearchBoxWrapper:after,
.comparerSearchBoxXLWrapper:after {
    font-family: "sm-icons" !important;
    font-size: 18px;
    line-height: 1;
    color: #160F27;
    text-decoration: none;
    position: absolute;
    top: 23px;
    left: 28px;
    content: ""
}

@media (max-width: 767px) {

    .comparerSearchBoxWrapper:after,
    .comparerSearchBoxXLWrapper:after {
        top: 13px
    }
}

.comparerEmptySearchBoxWrapper,
.comparerEmptySearchBoxXLWrapper {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

@media (max-width: 767px) {

    .comparerEmptySearchBoxWrapper,
    .comparerEmptySearchBoxXLWrapper {
        width: calc(100% - 40px);
        max-width: 520px
    }
}

.comparerEmptySearchBoxXLWrapper {
    display: inline-block !important
}

@media (max-width: 1199px) {
    .comparerEmptySearchBoxXLWrapper {
        display: none !important
    }
}

.comparerEmptySearchBoxWrapper:after,
.comparerEmptySearchBoxXLWrapper:after {
    font-family: "sm-icons" !important;
    font-size: 18px;
    line-height: 1;
    color: #160F27;
    text-decoration: none;
    position: absolute;
    top: 23px;
    left: 28px;
    content: ""
}

@media (max-width: 767px) {

    .comparerEmptySearchBoxWrapper:after,
    .comparerEmptySearchBoxXLWrapper:after {
        left: 28px
    }
}

#comparerSearchBoxXL,
#comparerEmptySearchBoxXL,
.comparerSearchBox,
.comparerEmptySearchBox {
    height: 64px;
    width: 520px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 64px;
    color: #160F27;
    margin: 0 auto;
    background-color: #fff;
    border: 2px solid #160F27;
    border-radius: 0;
    padding: 0 0 0 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

#comparerSearchBoxXL:focus,
#comparerEmptySearchBoxXL:focus,
.comparerSearchBox:focus,
.comparerEmptySearchBox:focus {
    outline: none
}

@media (max-width: 767px) {

    #comparerSearchBoxXL,
    #comparerEmptySearchBoxXL,
    .comparerSearchBox,
    .comparerEmptySearchBox {
        width: 100%;
        max-width: 520px
    }
}

.comparerSearchBox,
.comparerEmptySearchBox {
    color: #86898F
}

.comparerSearchBox:hover,
.comparerEmptySearchBox:hover {
    color: #86898F;
    text-decoration: none
}

.comparerBikeSilhouette {
    font-size: 139px;
    color: #E3E6EA;
    margin: 56px auto 0 auto;
    display: block;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: 0.4;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.comparerSearchBGDiv {
    background-color: #F7F8FB;
    height: 128px;
    width: 100%;
    margin-bottom: 72px
}

@media (max-width: 767px) {
    .comparerSearchBGDiv {
        height: 104px;
        margin-bottom: 24px
    }
}

.comparerSearchForCentering {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding-top: 32px;
    text-align: center
}

@media (max-width: 767px) {
    .comparerSearchForCentering {
        padding-top: 12px
    }
}

.comparerSearchForCentering .easy-autocomplete {
    display: inline
}

.comparerSearchForCentering .easy-autocomplete ul li {
    padding: 0
}

.comparerSearchForCentering .easy-autocomplete ul li .eac-item {
    padding: 4px 12px 4px 20px
}

.comparerSearchForCenteringForEmpty {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    text-align: center
}

#modelSearchBoxModal {
    overflow-y: hidden
}

#modelSearchBoxModal .easy-autocomplete-container {
    overflow-y: auto;
    height: calc(100vh - 64px)
}

#modelSearchBoxModal .easy-autocomplete-container ul {
    padding-top: 0px;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 32px
}

#modelSearchBoxModal .easy-autocomplete-container ul li {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    line-height: 48px;
    padding-left: 0;
    -webkit-box-shadow: inset 0 -1px 0 0 #E3E6EA;
    box-shadow: inset 0 -1px 0 0 #E3E6EA;
    padding: 0
}

#modelSearchBoxModal .easy-autocomplete-container ul li .eac-item {
    padding: 4px 12px 4px 20px
}

#modelSearchBoxModal .easy-autocomplete-container ul .eac-category {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    margin-top: 32px;
    margin-bottom: 8px;
    padding-left: 0;
    margin-left: -12px
}

.comparerAddBikeText {
    display: inline-block;
    margin-right: 56px;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .comparerAddBikeText {
        margin-right: 32px
    }
}

@media (max-width: 767px) {
    .comparerAddBikeText {
        display: block;
        margin-right: 0;
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 19px;
        min-width: 280px
    }
}

.comparerSearchBox {
    display: inline-block
}

@media (max-width: 1199px) {
    .comparerSearchBox {
        width: 380px
    }
}

@media (max-width: 767px) {
    .comparerSearchBox {
        height: 48px;
        background-position-y: 12px;
        width: 100%;
        font-size: 14px;
        line-height: 48px
    }
}

.comparerResultsTitlesCol {
    margin-top: auto;
    z-index: 1
}

@media (max-width: 767px) {
    .comparerResultsTitlesCol {
        bottom: 112px
    }
}

.comparerResultsTitlesContainer {
    padding-left: 15px;
    padding-right: 0
}

@media (max-width: 1199px) {
    .comparerResultsTitlesContainer {
        padding-left: 48px
    }
}

@media (max-width: 767px) {
    .comparerResultsTitlesContainer {
        padding-left: 0
    }
}

.comparerResultsTitlesContainer .filter .filterTitleDiv {
    width: 100%;
    -webkit-box-shadow: inset 0 -1px 0 0 #E3E6EA;
    box-shadow: inset 0 -1px 0 0 #E3E6EA;
    padding-bottom: 16px;
    margin-bottom: 24px
}

@media (max-width: 1199px) {
    .comparerResultsTitlesContainer .filter .filterTitleDiv {
        width: calc(100vw - 88px)
    }
}

@media (max-width: 767px) {
    .comparerResultsTitlesContainer .filter .filterTitleDiv {
        width: calc(100vw - 52px);
        padding-bottom: 14px;
        margin-bottom: 16px
    }
}

.comparerResultsTitlesContainer .filter .filter-title {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
    color: #160F27;
    margin-top: 0;
    margin-bottom: 0px;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 767px) {
    .comparerResultsTitlesContainer .filter .filter-title {
        font-size: 16px;
        line-height: 19px
    }
}

.comparerResultsTitlesContainer .filter .filter-title .arrow {
    display: inline-block;
    line-height: 14px
}

.comparerResultsTitlesContainer .filter .filter-title .arrow .arrow-up {
    font-size: 9px;
    display: inline-block;
    padding-left: 8px
}

.comparerResultsTitlesContainer .filter .filter-title .arrow .arrow-down {
    font-size: 9px;
    display: none
}

.comparerResultsTitlesContainer .filter .filter-title.content-hidden .arrow .arrow-up {
    display: none
}

.comparerResultsTitlesContainer .filter .filter-title.content-hidden .arrow .arrow-down {
    display: inline-block;
    padding-left: 8px
}

.comparerSpecsTitles {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    margin-bottom: 48px
}

@media (max-width: 767px) {
    .comparerSpecsTitles {
        font-size: 14px;
        line-height: 16px;
        visibility: hidden;
        color: red;
        margin-bottom: 60px
    }
}

.comparerResultsInfoContainer {
    padding-left: 15px;
    padding-right: 0
}

@media (max-width: 1199px) {
    .comparerResultsInfoContainer {
        padding-left: 48px
    }
}

@media (max-width: 767px) {
    .comparerResultsInfoContainer {
        padding: 44px 0 10px 0
    }
}

.comparerResultsInfoContainer .grid__row {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

.comparerResultsInfoContainer .grid__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1;
    padding: 0 12px;
    max-width: 428px
}

@media (max-width: 767px) {
    .comparerResultsInfoContainer .grid__item {
        min-width: 94px;
        padding: 0 6px
    }
}

.comparerResultsInfoContainer .comparerGridTitleCol {
    width: 25%;
    padding-left: 0
}

@media (max-width: 767px) {
    .comparerResultsInfoContainer .comparerGridTitleCol {
        display: none
    }
}

.comparerCard {
    max-width: 404px;
    max-height: 424px;
    margin-bottom: 104px;
    border: none;
    border-radius: 0
}

@media (max-width: 767px) {
    .comparerCard {
        margin-bottom: 43px
    }
}

.comparerCardHeader {
    padding: 0 0 32px 0;
    background-color: #fff;
    border: none
}

@media (max-width: 767px) {
    .comparerCardHeader {
        padding-bottom: 8px
    }
}

.comparerCloseX {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #160F27;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 23px;
    line-height: 19px;
    color: #fff;
    padding-left: 4px
}

.comparerCloseX:hover {
    text-decoration: none;
    color: #fff
}

@media (max-width: 767px) {
    .comparerCloseX {
        width: 16px;
        height: 16px;
        font-size: 19px;
        line-height: 15px;
        padding-left: 3px;
        margin-left: 0
    }
}

.comparerCardModelTitle {
    font-family: Roboto Condensed, sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 26px;
    color: #160F27;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    text-align: center
}

@media (max-width: 767px) {
    .comparerCardModelTitle {
        font-weight: 700;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-size: 12px;
        line-height: 14px;
        color: #160F27;
        padding-left: 0
    }
}

.comparerCardBrandTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #A6A8AD;
    margin: 2px 0 8px 0;
    text-align: center
}

@media (max-width: 767px) {
    .comparerCardBrandTitle {
        font-size: 11px;
        line-height: 13px;
        padding-left: 0;
        margin-bottom: 8px
    }
}

.comparerCardPrizeTitle {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #160F27;
    text-align: right;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 24px;
    border-bottom: 1px solid #E3E6EA
}

@media (max-width: 767px) {
    .comparerCardPrizeTitle {
        font-size: 11px;
        line-height: 13px;
        padding-right: 4px;
        padding-bottom: 16px
    }
}

.comparerSpecsInfo {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    color: #160F27;
    margin-bottom: 48px;
    text-align: center
}

@media (max-width: 767px) {
    .comparerSpecsInfo {
        font-size: 12px;
        line-height: 14px;
        text-align: left;
        margin-bottom: 24px
    }
}

.comparerDownloadComparisonButtonWrapper {
    position: relative
}

@media (max-width: 767px) {
    .comparerDownloadComparisonButtonWrapper {
        display: none
    }
}

.comparerDownloadComparisonButton {
    position: absolute;
    top: -148px;
    right: 0;
    width: 280px;
    padding-left: 32px;
    z-index: 1
}

@media (max-width: 1199px) {
    .comparerDownloadComparisonButton {
        top: -20px;
        right: 15px
    }
}

@media (max-width: 767px) {
    .comparerDownloadComparisonButton {
        display: none
    }
}

.comparerDownloadComparisonButton:before {
    font-family: "sm-icons" !important;
    font-size: 20px;
    line-height: 1;
    color: #160F27;
    text-decoration: none;
    position: absolute;
    top: 20px;
    left: 30px;
    content: "";
    z-index: 1
}

@media (max-width: 1199px) {
    .comparerDownloadComparisonButton:before {
        top: 21px;
        right: 248px
    }
}

.comparerDownloadComparisonButton.disabled {
    background-color: #fff1b2;
    color: #737373;
    pointer-events: none
}

.comparerDownloadComparisonButton.disabled:before {
    color: #737373
}

.comparerButtonUnderInstructionsWrapper {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: none
}

@media (max-width: 767px) {
    .comparerButtonUnderInstructionsWrapper {
        display: block
    }
}

.comparerButtonUnderInstructions {
    display: none
}

@media (max-width: 767px) {
    .comparerButtonUnderInstructions {
        position: relative;
        width: 220px;
        height: 40px;
        padding-left: 22px;
        font-size: 12px;
        line-height: 40px;
        top: 0;
        right: 0;
        margin: 0 auto 24px auto;
        display: block
    }
}

.comparerButtonUnderInstructions:before {
    font-family: "sm-icons" !important;
    font-size: 16px;
    line-height: 1;
    color: #160F27;
    text-decoration: none;
    position: absolute;
    top: 11px;
    left: 17px;
    content: ""
}

.comparerButtonUnderInstructions.disabled {
    background-color: #fff1b2;
    color: #737373;
    pointer-events: none
}

.comparerButtonUnderInstructions.disabled:before {
    color: #737373
}

.comparerAddToButton {
    display: none
}

@media (max-width: 767px) {
    .comparerAddToButton {
        width: 206px;
        height: 32px;
        font-weight: 700;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-size: 12px;
        line-height: 14px;
        color: #160F27;
        margin: 8px 20px 12px auto;
        display: block
    }
}

.comparerSetVisitButton {
    max-width: 280px;
    width: calc(100% - 10px);
    margin: 0 auto 16px auto;
    display: block
}

@media (max-width: 1199px) {
    .comparerSetVisitButton {
        line-height: 16px;
        padding-top: 3px;
        height: 64px
    }
}

@media (max-width: 767px) {
    .comparerSetVisitButton {
        min-width: 70px;
        width: calc(100% - 24px);
        height: 40px;
        padding: 0 4px 0 4px;
        font-size: 10px;
        line-height: 11px
    }
}

.comparerDownloadSpecsDiv {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comparerDownloadSpecsButton {
    max-width: 260px;
    width: calc(100% - 0px);
    margin: 0 auto;
    display: block;
    padding: 11px 16px 13px 16px
}

.comparerDownloadSpecsButton span {
    font-size: 21px;
    position: relative;
    top: 3px;
    margin-right: 8px
}

@media (max-width: 1199px) {
    .comparerDownloadSpecsButton span {
        display: none
    }
}

.comparerDownloadSpecsButton h3 {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    color: #160F27;
    margin: 0
}

@media (max-width: 1199px) {
    .comparerDownloadSpecsButton h3 {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .comparerDownloadSpecsButton h3 {
        font-size: 10px;
        line-height: 11px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 991px) {
    .comparerDownloadSpecsButton {
        padding: 11px 11px 13px 12px
    }
}

@media (max-width: 767px) {
    .comparerDownloadSpecsButton {
        min-width: 70px;
        height: 40px;
        padding: 0 4px 0 4px;
        margin-bottom: 32px;
        margin-left: 0
    }
}

.gridItemPadding {
    padding: 0 6px !important
}

.comparerSpecsInfoForSM {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    display: none
}

@media (max-width: 767px) {
    .comparerSpecsInfoForSM {
        display: block;
        max-width: 100px
    }
}

.comparerTitlesSpacer {
    height: 36px
}

@media (max-width: 767px) {
    .comparerTitlesSpacer {
        height: 12px
    }
}

.comparerInfoSpacer {
    height: 112px
}

@media (max-width: 767px) {
    .comparerInfoSpacer {
        height: 62px
    }
}

.comparerCardBlock {
    position: relative;
    overflow: hidden
}

.comparerStickyMenuBG {
    -webkit-box-shadow: inset 0 -1px 0 0 #D4D6DA;
    box-shadow: inset 0 -1px 0 0 #D4D6DA;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    height: 72px;
    background-color: #fff;
    visibility: hidden;
    -webkit-transition: none;
    transition: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.comparerStickyMenuBG.stickyBG {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s;
    transition: all .5s
}

.compararStickyWrapper {
    overflow: hidden
}

.sticky,
.sticky-phantom {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #160F27;
    font-weight: 700;
    height: 72px;
    background-color: transparent;
    margin: 0;
    text-transform: uppercase;
    z-index: 3;
    display: inline-block;
    visibility: hidden;
    -webkit-transition: none;
    transition: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    position: absolute
}

@media (max-width: 767px) {

    .sticky,
    .sticky-phantom {
        font-size: 14px;
        line-height: 16px
    }
}

.sticky span,
.sticky-phantom span {
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    text-align: center
}

@media (max-width: 767px) {

    .sticky span,
    .sticky-phantom span {
        text-align: left
    }
}

.sticky.stick {
    position: fixed;
    top: 0;
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s
}

.comparerCardTitleDiv {
    margin: auto 0;
    max-width: 162px
}

@media (max-width: 1199px) {
    .comparerCardTitleDiv {
        max-width: 115px
    }
}

@media (max-width: 767px) {
    .comparerCardTitleDiv {
        max-width: 82px
    }
}

.comparerRelatedBikesSection .fichaRelatedBikesBigTitle {
    display: none
}

.comparerRelatedBikesSection .fichaRelatedBikesTitle {
    margin-top: 88px
}

@media (max-width: 767px) {
    .comparerRelatedBikesSection .fichaRelatedBikesTitle {
        margin-top: 56px
    }
}

.comparerRelatedBikesSection .relatedBikesCarousel {
    margin-bottom: 128px
}

@media (max-width: 767px) {
    .comparerRelatedBikesSection .relatedBikesCarousel .slick-slide {
        margin-left: 8px;
        margin-right: 8px
    }
}

.ratioForComparer {
    width: 100%;
    padding-top: 69%;
    position: relative
}

.ratioForComparer img {
    position: absolute;
    bottom: 0
}

.IamRelative {
    position: relative
}

.comparerStickyCentering {
    position: relative;
    top: 35%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#comparerSection {
    margin-bottom: 80px
}

.precioReferencial {
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .precioReferencial {
        font-size: 14px
    }
}

#error-full-compare {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    padding-top: 0
}

.comparerCardModelTitleAnchor {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.comparerCardModelTitleAnchor:hover {
    text-decoration: none;
    color: #86898f
}

.dashboardContainer #menuNavBar {
    background-color: #160F27
}

.dashboardContainer #menuNavBar .container {
    padding-top: 15px;
    padding-bottom: 14px;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    max-width: none
}

@media (max-width: 1199px) {
    .dashboardContainer #menuNavBar .container {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media (max-width: 767px) {
    .dashboardContainer #menuNavBar .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 480px) {
    .dashboardContainer #menuNavBar .container {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.dashboardContainer #menuNavBar #mainLogo {
    font-size: 59px
}

@media (max-width: 767px) {
    .dashboardContainer #menuNavBar #mainLogo {
        font-size: 35px
    }
}

.dashboardContainer .splash {
    margin: auto;
    padding-top: 88px
}

@media (max-width: 1199px) {
    .dashboardContainer .splash {
        padding-top: 0
    }
}

.dashboardLeftCol {
    -webkit-box-shadow: 9px 0 31px 0 rgba(221, 221, 221, 0.5);
    box-shadow: 9px 0 31px 0 rgba(221, 221, 221, 0.5);
    z-index: 1;
    max-width: 19.44%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 19.44%;
    flex: 0 0 19.44%
}

@media (max-width: 1199px) {
    .dashboardLeftCol {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.dashboardRightCol {
    max-width: 80.66%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80.56%;
    flex: 0 0 80.56%
}

@media (max-width: 1199px) {
    .dashboardRightCol {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

#dashboardNavBar {
    padding: 0
}

@media (max-width: 1199px) {
    #dashboardNavBar {
        -webkit-box-shadow: 0 2px 4px 0 #D4D6DA;
        box-shadow: 0 2px 4px 0 #D4D6DA
    }
}

#dashboardNavBar .navbar-toggler {
    margin-left: auto
}

#dashboardNavBar .navbar-toggler:focus {
    outline: none
}

@media (max-width: 1199px) {
    #dashboardNavBar .navbar-toggler {
        margin: 10px 34px 12px auto
    }
}

@media (max-width: 767px) {
    #dashboardNavBar .navbar-toggler {
        margin-right: 5px
    }
}

#dashboardNavBar .navbar-toggler-icon {
    height: 16px;
    width: 8px
}

#dashboardNavBar .navbar-toggler-icon:before {
    font-family: "sm-icons" !important;
    font-size: 16px;
    line-height: 1;
    color: #86898F;
    text-decoration: none;
    content: "";
    position: relative;
    top: -3px
}

.welcomeTextForSmall {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    color: #86898F;
    font-weight: 400;
    text-transform: uppercase;
    display: none;
    z-index: 1
}

@media (max-width: 1199px) {
    .welcomeTextForSmall {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin-left: 48px;
        margin-top: 18px
    }
}

@media (max-width: 767px) {
    .welcomeTextForSmall {
        margin-left: 20px
    }
}

.dashboardTabDiv {
    width: 100%;
    padding: 56px 0 0 48px
}

@media (max-width: 1199px) {
    .dashboardTabDiv {
        padding-top: 0;
        height: 56px
    }
}

@media (max-width: 767px) {
    .dashboardTabDiv {
        padding-left: 48px
    }
}

.dashboardTab {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #A6A8AD;
    font-weight: 400;
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.dashboardTab:hover {
    color: #86898F
}

.dashboardTab.active,
.show>.dashboardTab {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #160F27;
    font-weight: 700
}

@media (max-width: 1199px) {

    .dashboardTab.active,
    .show>.dashboardTab {
        line-height: 56px
    }
}

@media (max-width: 1199px) {
    .dashboardTab {
        width: calc(100% - 48px);
        line-height: 56px
    }
}

.dashboardHeader {
    -webkit-box-shadow: inset 0 -1px 0 0 #E3E6EA;
    box-shadow: inset 0 -1px 0 0 #E3E6EA;
    height: 180px
}

@media (max-width: 1199px) {
    .dashboardHeader {
        height: 141px;
        background-color: #F7F8FB;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width: 767px) {
    .dashboardHeader {
        height: 158px;
        background-color: #fff
    }
}

.dashboardHeaderProfilePic {
    width: 88px;
    height: 88px;
    min-width: 88px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    background-image: url("motencio.svg");
    background-repeat: no-repeat;
    background-size: 54px;
    background-position: center 3px;
    background-color: rgba(221, 221, 221, 0.5);
    margin-left: auto;
    margin-right: auto;
    line-height: 88px
}

@media (max-width: 1199px) {
    .dashboardHeaderProfilePic {
        margin-left: 48px;
        width: 69px;
        height: 69px;
        min-width: 69px;
        line-height: 69px
    }
}

@media (max-width: 767px) {
    .dashboardHeaderProfilePic {
        margin-left: auto;
        margin-right: auto;
        width: 80px;
        height: 80px;
        line-height: 80px
    }
}

.dashboardHeaderNameTitle {
    margin: 4px auto 8px auto;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 27px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden
}

@media (max-width: 1199px) {
    .dashboardHeaderNameTitle {
        margin: 0 0 8px 0;
        font-size: 18px
    }

    .dashboardHeaderNameTitle .welcomeDashboardHeaderNameTitle {
        display: none
    }
}

@media (max-width: 767px) {
    .dashboardHeaderNameTitle {
        margin-left: 8px;
        display: none
    }
}

#dashboardTabsContent {
    min-height: calc(100vh - 103px);
    height: auto;
    background-color: #F7F8FB
}

@media (max-width: 1199px) {
    #dashboardTabsContent {
        padding-left: 48px;
        padding-right: 28px
    }
}

@media (max-width: 767px) {
    #dashboardTabsContent {
        padding-left: 20px;
        padding-right: 20px
    }
}

.dashboardContentContainer {
    padding: 72px 80px 0 100px;
    margin-bottom: 56px
}

@media (max-width: 1199px) {
    .dashboardContentContainer {
        padding: 48px 28px 0 48px
    }
}

@media (max-width: 767px) {
    .dashboardContentContainer {
        padding: 24px 20px 0 20px
    }
}

.dashboardContentContainer .inputLoginModalEyeContainer {
    padding: 16px 8px
}

@media (max-width: 767px) {
    .dashboardContentContainer .inputLoginModalEyeContainer {
        padding: 12px 8px
    }
}

.dashboardContentContainer .inputLoginModalEyeContainer.eyeCantSee:after {
    top: 16px
}

@media (max-width: 767px) {
    .dashboardContentContainer .inputLoginModalEyeContainer.eyeCantSee:after {
        top: 11px
    }
}

.dashboardContentContainer .inputLoginModalEyeContainer .eyeCanSee:hover {
    z-index: 3
}

.dashboardContentContainer .alert-danger {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 14px;
    color: #E53935;
    margin: 14px 0 14px 0;
    width: calc(100% - 20px);
    border: none;
    background-color: transparent;
    padding: 0;
    text-align: left
}

.dashboardContentContainer .alert-success {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 14px;
    color: #23903c;
    margin: 14px 0 14px 0;
    width: calc(100% - 20px);
    border: none;
    background-color: transparent;
    padding: 0;
    text-align: left
}

.dashboardTabTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 32px;
    line-height: 43px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .dashboardTabTitle {
        margin-top: 40px
    }
}

@media (max-width: 767px) {
    .dashboardTabTitle {
        margin-top: 24px;
        font-size: 22px;
        line-height: 29px
    }
}

.dashboardTabText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #A6A8AD;
    margin-bottom: 0
}

.dashboardTabSubTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 19px;
    line-height: 25px;
    color: #160F27;
    font-weight: 700;
    margin-top: 48px;
    margin-bottom: 40px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .dashboardTabSubTitle {
        font-size: 16px;
        line-height: 21px;
        margin-top: 24px
    }
}

.dashboardTabSmallTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #160F27;
    font-weight: 700;
    margin-top: 4px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .dashboardTabSmallTitle {
        margin-top: 8px
    }
}

.biggerProfilePic {
    width: 112px;
    height: 112px;
    display: inline-block;
    margin-bottom: 28px;
    margin-left: 0;
    background-size: 71px
}

@media (max-width: 767px) {
    .biggerProfilePic {
        margin-bottom: 8px
    }
}

.dashboardChangeTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    margin-top: 0;
    cursor: pointer;
    text-transform: unset;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.dashboardChangeTitle:hover {
    color: #86898F
}

@media (hover: none),
(hover: on-demand) {
    .dashboardChangeTitle:hover {
        color: #160F27
    }
}

@media (max-width: 767px) {
    .dashboardChangeTitle {
        margin-top: 11px;
        text-align: center;
        margin-bottom: 0;
        width: unset
    }
}

@media (max-width: 767px) {
    .dashboardChangeTitle:last-child {
        margin-top: 8px
    }
}

.dashboardInput {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    border: 2px solid #160F27;
    height: 48px;
    width: calc(100% - 20px);
    padding-left: 8px
}

.dashboardInput:focus {
    outline: none
}

@media (max-width: 767px) {
    .dashboardInput {
        height: 40px;
        width: 100%
    }
}

.dashboardDeleteAccountLink {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 16px;
    color: #160F27;
    font-weight: 700;
    margin: auto 0 auto auto;
    text-transform: uppercase
}

.dashboardDeleteAccountLink:hover {
    color: #86898F;
    text-decoration: none
}

.dashboardDeleteAccountLink:focus {
    outline: none
}

@media (max-width: 1199px) {
    .dashboardDeleteAccountLink {
        position: relative;
        top: 8px
    }
}

@media (max-width: 767px) {
    .dashboardDeleteAccountLink {
        margin: 0 auto 56px auto;
        left: -10px
    }
}

.dashboardSaveChangesButton {
    width: 280px;
    margin: 72px auto 72px 0;
    display: block
}

@media (max-width: 767px) {
    .dashboardSaveChangesButton {
        margin: 56px auto 56px auto;
        position: relative;
        left: -10px
    }
}

.dashboardSaveChangesButton .icon-wheels {
    display: none;
    position: absolute;
    -webkit-animation: spin 777ms infinite linear;
    animation: spin 777ms infinite linear;
    font-size: 37px;
    top: 15px;
    left: 122px
}

@media (max-width: 767px) {
    .dashboardOrderDeleteLink {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.dashboardBigNumbers {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 53px;
    line-height: 62px;
    color: #160F27;
    margin-top: -12px;
    margin-bottom: 24px
}

.dashboardHistoryBiggerFont {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 19px
}

.dashboardHistoryDiv {
    -webkit-box-shadow: inset 0 -1px 0 0 #E3E6EA;
    box-shadow: inset 0 -1px 0 0 #E3E6EA;
    width: 100%;
    padding-top: 8px
}

.dashboardMiniBikeImage {
    display: inline-block;
    height: 48px;
    margin-bottom: 4px
}

.dashboardHistoryDescription {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    margin-left: 40px;
    display: inline-block
}

@media (max-width: 767px) {
    .dashboardHistoryDescription {
        margin-left: 0
    }
}

.dashboardTabHistoryLink {
    margin-top: 32px;
    display: block
}

.dashboardTabHistoryLink:hover {
    text-decoration: none;
    color: #86898F
}

.dashboardWatchIcon {
    font-size: 24px;
    position: absolute;
    color: #160F27
}

@media (max-width: 767px) {
    .dashboardWatchIcon {
        width: 14px;
        height: 17px;
        top: 74px
    }
}

.dashboardDesktopTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    font-weight: bold;
    margin-left: 35px
}

.dashboardDesktopTitle span {
    font-weight: 100
}

@media (max-width: 767px) {
    .dashboardDesktopTitle {
        font-size: 15px;
        line-height: 29px;
        margin-left: 26px
    }
}

.dashboardSeeAllLink {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 15px;
    color: #160F27;
    margin-top: 36px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.dashboardSeeAllLink span {
    margin-left: 8px;
    position: relative;
    top: 2px;
    color: #160F27
}

.dashboardSeeAllLink:hover {
    color: #86898F;
    text-decoration: none
}

.dashboardSeeAllLink:hover span {
    color: #86898F
}

.dashboardBikesGreyBG {
    background-color: #E3E6EA;
    height: 51%;
    position: absolute;
    right: 0;
    left: 0
}

.dashboardDealershipCard,
.dashboardBikesCard {
    -webkit-box-shadow: 0 2px 4px 0 #BBBDC1;
    box-shadow: 0 2px 4px 0 #BBBDC1;
    border: none;
    border-radius: 0;
    background-color: transparent;
    margin-bottom: 24px
}

.dashboardBikesCard {
    margin-bottom: 80px
}

@media (max-width: 767px) {
    .dashboardBikesCard {
        margin-bottom: 24px
    }
}

.dashboardDealershipCardHeader {
    padding: 0;
    background-color: #FFFFFF;
    border: none
}

.dashboardDealershipCardImage {
    height: 165px;
    width: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.dashboardDealershipName {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    margin: 18px 0 0 24px
}

@media (max-width: 767px) {
    .dashboardDealershipName {
        margin-left: 14px
    }
}

.dashboardDealershipTime {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #A6A8AD;
    margin: 0 0 18px 24px
}

@media (max-width: 767px) {
    .dashboardDealershipTime {
        margin-left: 14px
    }
}

.dashboardBikesCardHeader {
    padding: 0;
    background-color: transparent;
    border: none;
    z-index: 0
}

.dashboardBikesCardImage {
    width: 100%;
    height: 150px;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain
}

.dashboardCardModelTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 19px;
    color: #160F27;
    font-weight: 700;
    margin: 0 0 0 12px
}

.dashboardCardBrandTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #A6A8AD;
    margin: 0 0 0 12px
}

.dashboardCardPrizeTitle {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    margin: 0 12px 8px 0;
    text-align: right
}

.dashboarAppointmentContainer {
    -webkit-box-shadow: inset 0 -1px 0 0 #E3E6EA;
    box-shadow: inset 0 -1px 0 0 #E3E6EA
}

.dashboardAppointmentsDealershipName {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    margin-bottom: 4px
}

.dashboardAppointmentsDealershipTime,
.dashboardAppointmentsDealershipAddress {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #A6A8AD;
    margin-bottom: 2px
}

@media (max-width: 1199px) {
    .extraBike {
        display: none
    }
}

#verifyAccountDelete .modal-header {
    padding: 20px
}

#verifyAccountDelete .modal-body {
    padding: 15px 64px 0 64px
}

@media (max-width: 767px) {
    #verifyAccountDelete .modal-body {
        padding: 0 20px 0 20px
    }
}

#verifyAccountDelete .deletedAccountModalDialog {
    width: 690px;
    height: 448px;
    max-width: 690px;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    #verifyAccountDelete .deletedAccountModalDialog {
        width: 280px;
        height: 472px
    }
}

#verifyAccountDelete .deletedAccountModalContent {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 0
}

#verifyAccountDelete #closeButtonTypeModal {
    display: block;
    color: #160F27;
    font-size: 32px;
    top: 11px;
    right: 20px
}

@media (max-width: 767px) {
    #verifyAccountDelete #closeButtonTypeModal {
        font-size: 24px;
        top: 8px;
        right: 14px
    }
}

.modal-backdrop {
    background-color: #160f27
}

.dashboardModalTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 23px;
    line-height: 30px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 32px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .dashboardModalTitle {
        margin-bottom: 24px
    }
}

.dashboardModalText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 28px;
    color: #160F27;
    margin-bottom: 58px
}

@media (max-width: 767px) {
    .dashboardModalText {
        margin-bottom: 32px
    }
}

.dashboardModalSmallText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #A6A8AD;
    margin-bottom: 16px
}

.dashboardModalInput {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    border: 2px solid #160F27;
    height: 64px;
    width: 256px;
    padding-left: 8px
}

.dashboardModalInput:focus {
    outline: none
}

@media (max-width: 767px) {
    .dashboardModalInput {
        width: 240px
    }
}

.motencioAccountDeletedModalImage {
    width: 220px;
    position: relative;
    margin-left: auto;
    display: block
}

@media (max-width: 767px) {
    .motencioAccountDeletedModalImage {
        display: none
    }
}

.topTeardrop:after {
    border-top: 0;
    border-bottom: 0.5em solid;
    border-right: 0.2em solid transparent;
    border-left: 0.2em solid transparent;
    border-bottom-color: #726E7D;
    top: 119px;
    left: 199px;
    position: absolute;
    content: ""
}

.bottomTeardrop {
    height: 5px;
    width: 6px;
    border-radius: 50%;
    background-color: #726E7D;
    position: absolute;
    top: 124px;
    left: 199px
}

.dashboardDeleteAccountButton {
    width: 280px;
    margin-top: 44px
}

@media (max-width: 767px) {
    .dashboardDeleteAccountButton {
        width: 240px;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.dashboardCenteredText {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 75px
}

@media (max-width: 767px) {
    .dashboardCenteredText {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

.dashboardSaveChangedPassword {
    width: 280px;
    margin: 64px auto;
    display: block
}

.dashboardExtraPaddingLeft {
    padding-left: 20px !important
}

@media (max-width: 767px) {
    .dashboardExtraPaddingLeft {
        padding-left: 0px !important
    }
}

.dashboardMarginTop {
    margin-top: 40px
}

@media (max-width: 767px) {
    .dashboardMarginTop {
        margin-top: 8px
    }
}

.dashboardMarginBottomCurrentBike {
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .dashboardMarginBottomCurrentBike {
        margin-bottom: 8px
    }
}

.dashboardDocumentDropdownButton {
    border-radius: 0;
    border: 2px solid #160F27;
    height: 48px;
    width: calc(100% - 20px);
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    text-align: left
}

.dashboardDocumentDropdownButton:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 767px) {
    .dashboardDocumentDropdownButton {
        height: 40px;
        width: 100%
    }
}

.dashboardDocumentDropdown .dropdown-toggle:after {
    vertical-align: baseline;
    position: absolute;
    top: 22px;
    right: 38px;
    border-top: 0.7em solid;
    border-right: 0.5em solid transparent;
    border-left: 0.5em solid transparent
}

@media (max-width: 767px) {
    .dashboardDocumentDropdown .dropdown-toggle:after {
        top: 16px;
        right: 19px
    }
}

.dashboardDocumentDropdownMenu {
    border-radius: 0;
    border: 2px solid #160F27;
    padding: 0;
    width: calc(100% - 20px);
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 48px;
    color: #160F27;
    z-index: 2;
    top: -4px !important
}

@media (max-width: 767px) {
    .dashboardDocumentDropdownMenu {
        width: 100%
    }
}

.dashboardDocumentDropdownItem:hover {
    background-color: #E3E6EA;
    color: #160F27
}

.dashboardDocumentDropdownItem:active {
    background-color: #E3E6EA;
    color: #160F27
}

.dashboardSuccessCheck {
    font-size: 12px;
    color: #fff;
    width: 26px;
    height: 26px;
    background-color: #259B24;
    border-radius: 50%;
    padding: 7px
}

.dashboardSuccessMessage {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 30px;
    color: #160F27;
    margin-bottom: 88px;
    margin-left: 16px
}

.dashboardHorizontalDivider {
    width: calc(100vw - 96px);
    height: 1px;
    margin-top: 32px;
    margin-left: 48px;
    -webkit-box-shadow: inset 0 -1px 0 0 #E3E6EA;
    box-shadow: inset 0 -1px 0 0 #E3E6EA
}

@media (max-width: 767px) {
    .dashboardHorizontalDivider {
        width: calc(100vw - 56px);
        margin-left: 20px;
        margin-top: 16px
    }
}

.dashboardHeaderContainer {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

@media (max-width: 1199px) {
    .dashboardHeaderContainer {
        margin: 40px auto 0 auto;
        position: static;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width: 767px) {
    .dashboardHeaderContainer {
        margin-top: 16px;
        position: static;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width: 1199px) {
    .dashboardProfilePicCol {
        max-width: 140px
    }
}

@media (max-width: 767px) {
    .dashboardProfilePicCol {
        max-width: 100%
    }
}

.dashboardAppointmentsMobile {
    position: absolute;
    top: 64px;
    right: 32px
}

.ratioForActivity {
    width: 110px;
    padding-top: 0%;
    position: relative;
    display: inline-block
}

.ratioForActivity .img-model {
    width: 100%
}

.dashboardConfirmPasswordInput {
    width: 100%
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.dashboardInputRedBorder {
    border-color: #E53935
}

.loading {
    background-color: #E3E6EA;
    position: relative
}

.loading svg {
    display: block
}

.loading span {
    visibility: hidden
}

.loading:hover {
    background-color: #E3E6EA
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.dashboardChangeTitleLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

@media (max-width: 767px) {
    .dashboardChangeTitleLabel {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .dashboardChangeTitleLabel .delete-photo {
        margin-top: 0
    }
}

.accountDeletedMainContainer #menuNavBar {
    background-color: #160F27;
    padding-top: 32px;
    padding-bottom: 16px
}

.accountDeletedMainContainer #menuNavBar .container {
    padding-top: 0;
    padding-bottom: 0
}

.accountDeletedMainContainer #mainLogo {
    font-size: 59px !important;
    margin-top: -6px
}

.accountDeletedMainContainer .splash {
    margin: auto;
    padding-top: 216px
}

@media (max-width: 1199px) {
    .accountDeletedMainContainer .splash {
        padding-top: 80px
    }
}

@media (max-width: 767px) {
    .accountDeletedMainContainer .splash {
        padding-top: 56px
    }
}

.accountDeletedContainer {
    padding-left: 96px;
    padding-right: 96px;
    max-width: 1360px
}

@media (max-width: 1199px) {
    .accountDeletedContainer {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media (max-width: 767px) {
    .accountDeletedContainer {
        padding-left: 20px;
        padding-right: 20px
    }
}

.motencioAccountDeletedImage {
    width: 444px;
    margin-bottom: 129px
}

@media (max-width: 1199px) {
    .motencioAccountDeletedImage {
        margin-left: auto;
        margin-right: auto;
        width: 320px;
        display: block;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .motencioAccountDeletedImage {
        width: 260px
    }
}

.accountDeletedTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 54px;
    line-height: 55px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .accountDeletedTitle {
        font-size: 32px;
        line-height: 34px
    }
}

.accountDeletedText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 29px;
    color: #A6A8AD
}

.accountDeletedText a {
    font-weight: 700
}

.accountDeletedText a:hover {
    color: #86898F;
    text-decoration: none
}

.accountDeletedButton {
    width: 280px;
    margin-top: 48px
}

@media (max-width: 1199px) {
    .accountDeletedButton {
        margin: 32px auto 80px auto;
        display: block
    }
}

@media (max-width: 767px) {
    .accountDeletedButton {
        margin-bottom: 56px;
        width: 262px
    }
}

.accountDeletedScreenCenterDiv {
    text-align: center;
    margin: 0 auto
}

.guidedSearchMainContainer #menuNavBar {
    background-color: #160F27
}

.guidedSearchMainContainer #mainLogo {
    font-size: 59px !important;
    margin-top: 0
}

@media (max-width: 767px) {
    .guidedSearchMainContainer #mainLogo {
        font-size: 35px !important
    }
}

.guidedSearchMainContainer .splash {
    margin: auto
}

@media (max-width: 1199px) {
    .guidedSearchMainContainer .splash {
        padding-top: 0
    }
}

.guidedSearchMainDiv {
    padding: 0 48px;
    position: relative
}

@media (max-width: 1199px) {
    .guidedSearchMainDiv {
        padding: 0
    }
}

.darkGreyBG {
    width: 50%;
    height: 65%;
    background-color: #E3E6EA;
    position: absolute;
    top: 0px;
    right: 0
}

@media (max-width: 1199px) {
    .darkGreyBG {
        display: none
    }
}

.lightGreyBG {
    width: 50%;
    height: 35%;
    background-color: #F7F8FB;
    position: absolute;
    top: 65%;
    right: 0
}

@media (max-width: 1199px) {
    .lightGreyBG {
        display: none
    }
}

.guidedSearchLeftCol {
    min-height: calc(100vh - 88px);
    -webkit-box-shadow: 9px 0 31px 0 rgba(221, 221, 221, 0.5);
    box-shadow: 9px 0 31px 0 rgba(221, 221, 221, 0.5)
}

@media (max-width: 1199px) {
    .guidedSearchLeftCol {
        position: fixed;
        background-color: white;
        -webkit-box-shadow: none;
        box-shadow: none;
        top: 128px;
        right: -100%;
        -webkit-transition: all .5s;
        transition: all .5s
    }
}

.guidedSearchLeftCol.active {
    right: 0
}

.guidedSearchRightCol {
    height: calc(100vh - 88px);
    min-height: 783px;
    width: 100%;
    overflow-x: hidden;
    position: relative
}

@media (max-width: 1199px) {
    .guidedSearchRightCol {
        min-height: unset
    }
}

@media (max-width: 767px) {
    .guidedSearchRightCol {
        height: calc(100vh - 83px)
    }
}

@media (max-width: 480px) {
    .guidedSearchRightCol {
        height: calc(100vh - 70px)
    }
}

.guidedSearchMainDiv .guidedSearchLeftColHeader .guidedSearchGoHomeLink {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    margin-top: 40px;
    display: block
}

.guidedSearchMainDiv .guidedSearchLeftColHeader .guidedSearchGoHomeLink span {
    margin-right: 8px;
    font-size: 12px;
    font-weight: bold
}

.guidedSearchMainDiv .guidedSearchLeftColHeader .guidedSearchGoHomeLink:hover {
    text-decoration: none;
    color: #86898F
}

.guidedSearchMainDiv .guidedSearchLeftColHeader .guidedSearchGoHomeLink:hover span {
    color: #86898F
}

.guidedSearchMotencioHeadBig {
    width: 79px;
    margin: 64px auto 0 auto;
    display: block
}

.guidedSearchHeaderTitle {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
    color: #160F27;
    margin-top: 24px;
    text-align: center
}

.guidedSearchHeaderText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    color: #160F27;
    max-width: 263px;
    margin: 8px auto 0 auto;
    text-align: center
}

.guidedSearchAnswersTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    margin-top: 46px;
    text-transform: uppercase
}

.guidedSearchAnswerDiv {
    width: 100%;
    min-height: 60px;
    height: auto;
    margin: 0;
    border-bottom: 1px solid #E3E6EA;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    cursor: pointer;
    padding: 10px 0
}

.guidedSearchAnswerDiv:hover h4,
.guidedSearchAnswerDiv:hover .guidedSearchEditIcon,
.guidedSearchAnswerDiv:hover .guidedSearchEditIconMobile,
.guidedSearchAnswerDiv:hover .guidedSearchMoneyIcon {
    color: #86898F
}

.guidedSearchMoneyIcon {
    font-size: 20px;
    color: #160F27;
    margin: auto 12px auto 0
}

.guidedSearchAnswerText {
    width: calc(100% - 34px);
    height: auto;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    margin: auto 0
}

.guidedSearchAnswerTextAltWidth {
    width: calc(100% - 76px)
}

.guidedSearchEditIcon {
    font-size: 18px;
    color: #160F27;
    margin: auto 8px
}

@media (max-width: 1199px) {
    .guidedSearchEditIcon {
        display: none
    }
}

.guidedSearchEditIconMobile {
    font-size: 18px;
    color: #160F27;
    margin: auto 8px;
    display: none
}

@media (max-width: 1199px) {
    .guidedSearchEditIconMobile {
        display: block
    }
}

.guidedSearchStartAgainTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    margin-top: 22px;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: none
}

.guidedSearchStartAgainTitle:hover {
    color: #86898F
}

.guidedSearchQuestionsRow {
    height: 100%;
    position: relative
}

.guidedSearchChatWindow {
    height: 65%;
    background-color: #E3E6EA;
    padding-top: 56px;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -17px
}

@media (max-width: 1199px) {
    .guidedSearchChatWindow {
        height: 70%;
        padding-top: 72px
    }
}

.questionsWindow {
    height: 35%;
    background-color: #F7F8FB;
    position: relative;
    top: 65%
}

@media (max-width: 1199px) {
    .questionsWindow {
        height: 30%;
        top: 70%;
        z-index: 1
    }
}

@media (max-width: 767px) {
    .questionsWindow {
        min-height: 30%;
        height: auto
    }
}

.guidedSearchMotencioQuestionImage {
    width: 137px;
    margin-top: auto;
    margin-left: 48px
}

@media (max-width: 1499px) {
    .guidedSearchMotencioQuestionImage {
        margin-left: 24px
    }
}

.guidedSearchMotencioQuestionImage .motencioEyes {
    -webkit-animation-name: blinkGuided;
    animation-name: blinkGuided;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.guidedSearchMotencioQuestionImage .motencioEyesExecutive {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-animation-name: blinkExecutive;
    animation-name: blinkExecutive;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.guidedSearchMotencioQuestionImage .motencioEyebrows {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-animation-name: eyebrowsUpdown;
    animation-name: eyebrowsUpdown;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.guidedSearchMotencioQuestionImage .motencioMouth {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: smileAnimation;
    animation-name: smileAnimation;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes blinkGuided {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    1% {
        -webkit-transform: scaleY(0.1) translateY(-120%);
        transform: scaleY(0.1) translateY(-120%)
    }

    2% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    60% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    61% {
        -webkit-transform: scaleY(0.1) translateY(-120%);
        transform: scaleY(0.1) translateY(-120%)
    }

    62% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes blinkGuided {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    1% {
        -webkit-transform: scaleY(0.1) translateY(-120%);
        transform: scaleY(0.1) translateY(-120%)
    }

    2% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    60% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    61% {
        -webkit-transform: scaleY(0.1) translateY(-120%);
        transform: scaleY(0.1) translateY(-120%)
    }

    62% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes blinkExecutive {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    1% {
        -webkit-transform: scaleY(0.1) translateY(-99.9%);
        transform: scaleY(0.1) translateY(-99.9%)
    }

    2% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    60% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    61% {
        -webkit-transform: scaleY(0.1) translateY(-99.9%);
        transform: scaleY(0.1) translateY(-99.9%)
    }

    62% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes blinkExecutive {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    1% {
        -webkit-transform: scaleY(0.1) translateY(-99.9%);
        transform: scaleY(0.1) translateY(-99.9%)
    }

    2% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    60% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    61% {
        -webkit-transform: scaleY(0.1) translateY(-99.9%);
        transform: scaleY(0.1) translateY(-99.9%)
    }

    62% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes smileAnimation {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    2% {
        -webkit-transform: scaleX(1.3);
        transform: scaleX(1.3)
    }

    4% {
        -webkit-transform: scaleX(1.3);
        transform: scaleX(1.3)
    }

    6% {
        -webkit-transform: scaleX(1.3);
        transform: scaleX(1.3)
    }

    8% {
        -webkit-transform: scaleX(1.3);
        transform: scaleX(1.3)
    }

    14% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes smileAnimation {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    2% {
        -webkit-transform: scaleX(1.3);
        transform: scaleX(1.3)
    }

    4% {
        -webkit-transform: scaleX(1.3);
        transform: scaleX(1.3)
    }

    6% {
        -webkit-transform: scaleX(1.3);
        transform: scaleX(1.3)
    }

    8% {
        -webkit-transform: scaleX(1.3);
        transform: scaleX(1.3)
    }

    14% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes fromGreenToBlueText {
    0% {
        color: #259B24
    }

    80% {
        color: #259B24
    }

    100% {
        color: #160F27
    }
}

@keyframes fromGreenToBlueText {
    0% {
        color: #259B24
    }

    80% {
        color: #259B24
    }

    100% {
        color: #160F27
    }
}

@-webkit-keyframes fromGreenToBlueIcon {
    0% {
        color: #259B24
    }

    80% {
        color: #259B24
    }

    100% {
        color: #160F27
    }
}

@keyframes fromGreenToBlueIcon {
    0% {
        color: #259B24
    }

    80% {
        color: #259B24
    }

    100% {
        color: #160F27
    }
}

.motencioExecutive,
.motencioAdventurous,
.motencioSports,
.motencioHard,
.motencioAll {
    display: none
}

.guidedSearchQuestionTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 25px;
    color: #160F27;
    margin: 0 0 16px 0;
    max-width: 705px
}

@media (max-width: 1199px) {
    .guidedSearchQuestionTitle {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (max-width: 767px) {
    .guidedSearchQuestionTitle {
        margin-bottom: 22px;
        font-size: 14px;
        line-height: 20px
    }
}

.guidedSearchQuestionBoldText {
    font-weight: bold
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .switch {
    position: relative;
    width: 50px;
    height: 28px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 13px;
    color: #160F27;
    margin: 16px 15px 0 auto;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 1199px) {
    .guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .switch {
        margin: 0 48px
    }
}

@media (max-width: 767px) {
    .guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .switch {
        margin: 4px 15px 0 auto
    }
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .switch input {
    display: none
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #160F27;
    -webkit-transition: .4s;
    transition: .4s
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 4px;
    bottom: 4px;
    background-color: #F3D553;
    -webkit-transition: .4s;
    transition: .4s;
    padding-top: 5px;
    padding-left: 5px
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol input:checked+.slider:before {
    -webkit-transform: translateX(21px);
    transform: translateX(21px)
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol input:checked+.slider>.guidedSearchSliderSoles {
    color: #fff
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol input:checked+.slider>.guidedSearchSliderDollars {
    color: #160F27
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchSliderSoles {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 13px;
    color: #160F27;
    position: relative;
    top: 7px;
    left: 9px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchSliderDollars {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    position: relative;
    top: 7px;
    left: 21px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .slider.round {
    border-radius: 34px
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .slider.round:before {
    border-radius: 50%
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchSliderCurrency {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 13px;
    color: red;
    display: none
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsRadioButton {
    display: none
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsRadioButton+label {
    background-color: #FFFFFF;
    border: 1px solid #E3E6EA;
    width: 224px;
    height: 72px;
    position: relative;
    cursor: pointer
}

@media (max-width: 1499px) {
    .guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsRadioButton+label {
        width: 208px
    }
}

@media (max-width: 767px) {
    .guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsRadioButton+label {
        width: 160px;
        height: 48px;
        margin-left: auto;
        margin-right: auto
    }
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsRadioButton+label:hover {
    border-color: #160F27
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsRadioButton+label .guidedSearchCheckIconImage {
    display: none;
    position: absolute;
    top: 4px;
    right: -8px;
    background-color: #259B24;
    border-radius: 100%;
    font-size: 12px;
    color: #fff;
    padding: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsRadioButton:checked+label {
    border-color: #259B24;
    border-width: 2px
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsRadioButton:checked+label .guidedSearchCheckIconImage {
    display: block
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchRadioButtonMoneyIcon {
    position: relative;
    top: 2px;
    display: inline-block;
    font-size: 20px;
    color: #160F27;
    margin: auto 16px auto 0;
    padding: 0
}

@media (max-width: 767px) {
    .guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchRadioButtonMoneyIcon {
        width: 30px;
        height: 20px;
        margin-left: 0;
        margin-right: 4px
    }
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchRadioButtonText {
    position: relative;
    top: -2px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    display: inline-block;
    margin: auto 0;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 1499px) {
    .guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchRadioButtonText {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchRadioButtonText {
        font-size: 12px;
        line-height: 14px
    }
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsCheckButton {
    display: none
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsCheckButton+label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    cursor: pointer
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsCheckButton+label .guidedSearchRadioButtonArrowIcon {
    display: inline-block;
    font-size: 12px;
    margin: 6px 8px 0 0;
    padding: 0;
    font-weight: bold
}

@media (max-width: 767px) {
    .guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsCheckButton+label .guidedSearchRadioButtonArrowIcon {
        margin-top: 0;
        min-width: 11px
    }
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsCheckButton+label:hover .guidedSearchRadioButtonOptionText,
.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsCheckButton+label:hover .guidedSearchRadioButtonArrowIcon {
    color: #86898F
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsCheckButton:checked+label .guidedSearchRadioButtonOptionText {
    color: #259B24
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchQuestionsCheckButton:checked+label .guidedSearchRadioButtonArrowIcon {
    color: #259B24
}

.guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchRadioButtonOptionText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 25px;
    color: #160F27;
    display: inline-block;
    margin-bottom: 7px;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 767px) {
    .guidedSearchRightCol .questionsWindow .guidedSearchQuestionsCol .guidedSearchRadioButtonOptionText {
        font-size: 13px;
        line-height: 15px
    }
}

.questionZero,
.questionOne,
.questionTwo,
.questionThree,
.questionFour,
.questionFinal {
    margin: 40px 0 40px 32px;
    height: calc(100% - 80px);
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (max-width: 767px) {

    .questionZero,
    .questionOne,
    .questionTwo,
    .questionThree,
    .questionFour,
    .questionFinal {
        margin: 24px 0
    }
}

.questionZero .row,
.questionOne .row,
.questionTwo .row,
.questionThree .row,
.questionFour .row,
.questionFinal .row {
    height: 100%
}

.questionOne,
.questionTwo,
.questionThree,
.questionFour,
.questionFinal {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.questionOne,
.questionFour {
    margin-left: 6px
}

.questionThree {
    margin: 29px 0 40px 32px
}

@media (max-width: 767px) {
    .questionThree {
        margin: 24px 15px
    }
}

@media (max-width: 767px) {
    .questionFour .guidedSearchQuestionTitle {
        margin-right: 15px
    }
}

.guidedSearchNotSureTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 32px 15px 0 auto;
    cursor: pointer
}

.guidedSearchNotSureTitle:hover {
    color: #86898F
}

@media (max-width: 767px) {
    .guidedSearchNotSureTitle {
        font-size: 13px;
        line-height: 15px;
        margin-top: 15px
    }
}

.questionTwo .guidedSearchNotSureTitle,
.guidedSearchFinalAnswerTwoModal .guidedSearchNotSureTitle,
.guidedSearchEditAnswerTwoDesktop .guidedSearchNotSureTitle {
    margin-top: 72px
}

@media (max-width: 1199px) {

    .questionTwo .guidedSearchNotSureTitle,
    .guidedSearchFinalAnswerTwoModal .guidedSearchNotSureTitle,
    .guidedSearchEditAnswerTwoDesktop .guidedSearchNotSureTitle {
        margin-top: 32px
    }
}

.questionTwo .selectize-input,
.guidedSearchFinalAnswerTwoModal .selectize-input,
.guidedSearchEditAnswerTwoDesktop .selectize-input {
    border-radius: 0;
    border: 2px solid #160F27;
    height: 56px;
    width: 228px;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27
}

.questionTwo .selectize-input:after,
.guidedSearchFinalAnswerTwoModal .selectize-input:after,
.guidedSearchEditAnswerTwoDesktop .selectize-input:after {
    border-color: #160F27 transparent transparent transparent
}

.questionTwo .selectize-input:focus,
.guidedSearchFinalAnswerTwoModal .selectize-input:focus,
.guidedSearchEditAnswerTwoDesktop .selectize-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.questionTwo .selectize-input input,
.questionTwo .selectize-input .item,
.guidedSearchFinalAnswerTwoModal .selectize-input input,
.guidedSearchFinalAnswerTwoModal .selectize-input .item,
.guidedSearchEditAnswerTwoDesktop .selectize-input input,
.guidedSearchEditAnswerTwoDesktop .selectize-input .item {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    margin-top: 9px !important
}

.questionTwo .selectize-dropdown .active,
.guidedSearchFinalAnswerTwoModal .selectize-dropdown .active,
.guidedSearchEditAnswerTwoDesktop .selectize-dropdown .active {
    background-color: transparent;
    color: #160F27
}

.questionTwo .selectize-dropdown,
.guidedSearchFinalAnswerTwoModal .selectize-dropdown,
.guidedSearchEditAnswerTwoDesktop .selectize-dropdown {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27
}

.questionTwo .selectize-dropdown .option,
.guidedSearchFinalAnswerTwoModal .selectize-dropdown .option,
.guidedSearchEditAnswerTwoDesktop .selectize-dropdown .option {
    padding: 12px 8px
}

.questionTwo .selectize-dropdown .option:hover,
.guidedSearchFinalAnswerTwoModal .selectize-dropdown .option:hover,
.guidedSearchEditAnswerTwoDesktop .selectize-dropdown .option:hover {
    background-color: #E3E6EA;
    color: #160F27
}

.guidedSearchFinalAnswerTwoModal .selectize-control {
    margin-top: 14px;
    margin-left: 24px
}

.guidedSearchFinalAnswerTwoModal .guidedSearchNotSureTitle {
    margin-left: 32px;
    margin-top: 200px
}

.guidedSearchFinalAnswerTwoModal .guidedSearchModalBox {
    height: 420px
}

@media (max-width: 1199px) {
    .questionTwo .selectize-control {
        margin-left: 15px
    }
}

.questionThree .guidedSearchQuestionTitle {
    margin-bottom: 16px
}

.questionThree .guidedSearchNotSureTitle {
    margin-top: 4px
}

@media (max-width: 1199px) {
    .questionThree .guidedSearchNotSureTitle {
        margin-top: -8px
    }
}

@media (max-width: 767px) {
    .questionThree .guidedSearchNotSureTitle {
        margin-top: 12px
    }
}

.guidedSearchChatQuestionRow {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 56px;
    margin-left: auto
}

@media (max-width: 767px) {
    .guidedSearchChatQuestionRow {
        margin-left: 32px;
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .guidedSearchChatQuestionRow {
        margin-bottom: 16px
    }
}

.chatQuestionBox {
    width: 465px;
    height: auto;
    background-color: #FDFDFD;
    padding: 24px;
    display: inline-block;
    position: relative
}

@media (max-width: 767px) {
    .chatQuestionBox {
        width: 288px
    }
}

@media (max-width: 389px) {
    .chatQuestionBox {
        width: 254px
    }
}

.chatQuestionBox:after {
    border: 7px solid transparent;
    border-left-width: 12px;
    border-left-color: #fff;
    top: calc(50% - 6px);
    right: -19px;
    position: absolute;
    content: ""
}

@media (max-width: 767px) {
    .chatQuestionBox:after {
        display: none
    }
}

.chatQuestionBox:before {
    display: none
}

@media (max-width: 767px) {
    .chatQuestionBox:before {
        display: block;
        border: 7px solid transparent;
        border-right-width: 12px;
        border-right-color: #fff;
        top: calc(50% - 6px);
        left: -19px;
        position: absolute;
        content: ""
    }
}

.chatQuestionText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    color: #160F27;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chatQuestionAvatarDiv {
    margin: auto 18px auto 24px;
    display: inline-block;
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 1199px) {
    .chatQuestionAvatarDiv {
        margin-right: 32px
    }
}

@media (max-width: 767px) {
    .chatQuestionAvatarDiv {
        display: none
    }
}

.chatMotencioAvatar {
    width: 43px;
    margin: 0 auto 4px auto;
    display: block
}

.chatQuestionAvatarText {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 11px;
    color: #160F27;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chatQuestionTimeStamp {
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #160F27;
    margin-top: 8px;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 767px) {
    .chatQuestionTimeStamp {
        text-align: right
    }
}

.guidedSearchChatAnswerRow {
    width: 100%;
    margin-bottom: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

@media (max-width: 767px) {
    .guidedSearchChatAnswerRow {
        margin-bottom: 16px
    }
}

.chatAnswerTypeOneBox {
    width: 100%
}

@media (max-width: 767px) {
    .chatAnswerTypeOneBox {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-right: 32px;
        margin-left: auto
    }
}

.chatAnswerAvatarDiv {
    margin-left: 80px;
    margin-right: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 1199px) {
    .chatAnswerAvatarDiv {
        margin-left: 32px
    }
}

@media (max-width: 767px) {
    .chatAnswerAvatarDiv {
        display: none
    }
}

.chatAnswerAvatar {
    font-size: 52px;
    border-radius: 50%;
    background-color: rgba(221, 221, 221, 0.5);
    position: relative;
    display: block;
    height: 53px
}

.chatAnswerAvatar .path1,
.chatAnswerAvatar .path2,
.chatAnswerAvatar .path3 {
    position: absolute;
    top: 0;
    left: 0
}

.chatAnswerAvatar .path2,
.chatAnswerAvatar .path3 {
    left: 53px
}

.chatAnswerTimeStamp,
.chatAnswerMobileTimeStamp {
    width: 53px;
    margin-top: 8px;
    margin-bottom: 0;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #160F27;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chatAnswerMobileTimeStamp {
    display: none;
    text-align: right
}

@media (max-width: 767px) {
    .chatAnswerMobileTimeStamp {
        display: block;
        width: calc(100% - 16px)
    }
}

@media (max-width: 767px) {
    .chatAnswerTypeOneBox .chatAnswerMobileTimeStamp {
        width: 100%
    }
}

.chatAnswersRadioButton {
    display: none
}

.chatAnswersRadioButtonFirstChild+label:after {
    border-top: 6px solid transparent;
    border-right: 12px solid #fff;
    border-bottom: 6px solid transparent;
    top: 29px;
    left: -12px;
    position: absolute;
    content: ""
}

@media (max-width: 767px) {
    .chatAnswersRadioButtonFirstChild+label:after {
        border-left: 12px solid #160F27;
        border-right: unset;
        left: unset;
        right: -12px
    }
}

.chatAnswersRadioButton+label {
    background-color: #FFFFFF;
    border: 1px solid #D4D6DA;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=54)";
    opacity: 0.54;
    width: 224px;
    height: 72px;
    position: relative
}

@media (max-width: 1499px) {
    .chatAnswersRadioButton+label {
        width: 208px
    }
}

.chatAnswersRadioButton:checked+label {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    background-color: #160F27;
    border-color: #160F27
}

.chatAnswersRadioButton:checked+label .chatAnswerText {
    color: #fff
}

.chatAnswersRadioButton:checked+label .chatAnswerMoneyIcon {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    color: #fff
}

.chatAnswersRadioButton:checked+label:after {
    border-right-color: #160F27
}

.chatAnswerMoneyIcon {
    position: relative;
    top: 2px;
    display: inline-block;
    font-size: 20px;
    margin: auto 16px auto 0;
    padding: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=54)";
    opacity: 0.54
}

.chatAnswerText {
    position: relative;
    top: -2px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    display: inline-block;
    margin: auto 0;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 1499px) {
    .chatAnswerText {
        font-size: 14px
    }
}

.chatAnswerBox {
    width: 250px;
    height: auto;
    background-color: #160F27;
    padding: 24px;
    position: relative;
    margin-right: 16px
}

.chatAnswerBox:after {
    display: none
}

@media (max-width: 767px) {
    .chatAnswerBox:after {
        display: block;
        border: 7px solid transparent;
        border-left-width: 12px;
        border-left-color: #160F27;
        top: calc(50% - 6px);
        right: -19px;
        position: absolute;
        content: ""
    }
}

.chatAnswerBox:before {
    border: 7px solid transparent;
    border-right-width: 12px;
    border-right-color: #160F27;
    top: calc(50% - 6px);
    left: -19px;
    position: absolute;
    content: ""
}

@media (max-width: 767px) {
    .chatAnswerBox:before {
        display: none
    }
}

.chatAnswerText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    color: #160F27;
    margin-bottom: 0
}

.chatAnswerTypeTwoBox {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    width: 100%
}

@media (max-width: 767px) {
    .chatAnswerTypeTwoBox {
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: 20px
    }
}

.chatAnswerTypeTwoBox .chatAnswerBox {
    max-width: calc(100% - 244px);
    width: auto
}

@media (max-width: 1199px) {
    .chatAnswerTypeTwoBox .chatAnswerBox {
        max-width: calc(100% - 260px)
    }
}

@media (max-width: 767px) {
    .chatAnswerTypeTwoBox .chatAnswerBox {
        max-width: 254px
    }
}

.chatAnswerTypeTwoBox .chatAnswerText {
    color: #fff
}

.answersDropdownButton {
    border-radius: 0;
    border: 1px solid #D4D6DA;
    height: 72px;
    width: 228px;
    background-color: #fff;
    padding-left: 24px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=54)";
    opacity: 0.54;
    cursor: default;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    text-align: left
}

.answersDropdownButton:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.answersDropdown {
    width: 228px
}

@media (max-width: 767px) {
    .answersDropdown {
        display: none
    }
}

.answersDropdown .dropdown-toggle:after {
    vertical-align: baseline;
    position: absolute;
    top: 32px;
    right: 20px;
    border-top: 0.7em solid;
    border-right: 0.5em solid transparent;
    border-left: 0.5em solid transparent
}

.answersDropdownMenu {
    border-radius: 0;
    border: 2px solid #160F27;
    padding: 0;
    width: 228px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 48px;
    color: #160F27;
    z-index: 2;
    top: -4px !important
}

.answersDropdownItem:hover {
    background-color: #E3E6EA;
    color: #160F27
}

.answersDropdownItem:active {
    background-color: #E3E6EA;
    color: #160F27
}

.setColMaxWidth {
    max-width: 240px
}

@media (max-width: 1499px) {
    .setColMaxWidth {
        max-width: 224px
    }
}

.guidedSearchMotencioQuestionCol {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    background-color: #F7F8FB
}

@media (max-width: 1199px) {
    .guidedSearchMotencioQuestionCol {
        display: none
    }
}

.chatMobileTopMenu {
    display: none;
    height: 56px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 #BBBDC1;
    box-shadow: 0 2px 4px 0 #BBBDC1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1199px) {
    .chatMobileTopMenu {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex
    }
}

.guidedSearchMainContainer .guidedSearchMainDiv .guidedSearchRightCol .chatMobileTopMenuAnchorArrow {
    padding: 19px 20px
}

.guidedSearchMainContainer .guidedSearchMainDiv .guidedSearchRightCol .chatMobileTopMenuAnchorArrow:hover {
    text-decoration: none
}

.guidedSearchMainContainer .guidedSearchMainDiv .guidedSearchRightCol .chatMobileTopMenuAnchorArrow:hover .chatMobileTopMenuArrowIcon {
    color: #86898F
}

.guidedSearchMainContainer .guidedSearchMainDiv .guidedSearchRightCol .chatMobileTopMenuArrowIcon {
    font-size: 12px;
    font-weight: bold;
    color: #160F27;
    position: relative;
    top: -3px
}

.chatMobileTopMenuMotencioAvatar {
    width: 33px
}

.chatMobileTopMenuMotencioText {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #160F27;
    margin: auto 0 auto 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chatMobileTopMenuLeftDiv,
.chatMobileTopMenuRightDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

.chatMobileTopMenuRightDiv {
    position: relative;
    right: 0;
    cursor: pointer
}

.chatMobileTopMenuRightDiv:hover .chatMobileTopMenuAnswersText {
    color: #86898F
}

.chatMobileTopMenuRightDiv:hover .chatMobileTopMenuEditIcon {
    color: #86898F
}

.chatMobileTopMenuRightDiv:hover .chatMobileTopMenuCloseIcon {
    color: #86898F
}

.chatMobileTopMenuAnswersText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 19px;
    color: #160F27;
    margin: auto 0;
    padding-top: 2px
}

.chatMobileTopMenuEditIconDiv {
    padding: 18px 20px
}

.chatMobileTopMenuEditIcon {
    font-size: 14px;
    color: #160F27;
    top: -1px;
    position: relative
}

.chatMobileTopMenuCloseIcon {
    font-size: 14px;
    top: -1px;
    position: relative;
    display: none
}

.questionOneOptionCenterDiv,
.questionFourOptionCenterDiv {
    margin: auto
}

@media (max-width: 767px) {

    .questionOneOptionCenterDiv,
    .questionFourOptionCenterDiv {
        margin: auto 0
    }
}

@media (max-width: 767px) {

    .questionOneNormal,
    .questionFourNormal {
        display: none
    }
}

.guidedSearchSlickCarouselQuestionOne,
.guidedSearchSlickCarouselQuestionFour {
    display: none
}

@media (max-width: 767px) {

    .guidedSearchSlickCarouselQuestionOne,
    .guidedSearchSlickCarouselQuestionFour {
        display: block
    }
}

.guidedSearchSlickCarouselQuestionOne .slick-dots,
.guidedSearchSlickCarouselQuestionFour .slick-dots {
    margin: 8px auto 0 auto;
    display: table;
    width: auto;
    padding: 0
}

.guidedSearchSlickCarouselQuestionOne .slick-dots li,
.guidedSearchSlickCarouselQuestionFour .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.guidedSearchSlickCarouselQuestionOne .slick-dots li button,
.guidedSearchSlickCarouselQuestionFour .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.guidedSearchSlickCarouselQuestionOne .slick-dots li button:before,
.guidedSearchSlickCarouselQuestionFour .slick-dots li button:before {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 40px;
    line-height: 20px;
    color: #D4D6DA;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.guidedSearchSlickCarouselQuestionOne .slick-dots li.slick-active button:before,
.guidedSearchSlickCarouselQuestionFour .slick-dots li.slick-active button:before {
    color: #160F27
}

.questionFinal .guidedSearchQuestionTitle {
    margin-left: 60px
}

@media (max-width: 1199px) {
    .questionFinal .guidedSearchQuestionTitle {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .questionFinal .guidedSearchQuestionTitle {
        margin-left: 15px
    }
}

.questionFinal .guidedSearchTakeMeToResults {
    margin-left: 60px;
    width: 280px
}

@media (max-width: 1199px) {
    .questionFinal .guidedSearchTakeMeToResults {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .questionFinal .guidedSearchTakeMeToResults {
        margin-left: 15px
    }
}

.guidedSearchFinalAnswerOne,
.guidedSearchFinalAnswerTwo,
.guidedSearchFinalAnswerThree,
.guidedSearchFinalAnswerFour {
    display: none
}

.chatAnswerZero,
.chatQuestionOne,
.chatAnswerOne,
.chatQuestionTwo,
.chatAnswerTwo,
.chatQuestionThree,
.chatAnswerThree,
.chatQuestionFour,
.chatAnswerFour,
.chatQuestionFinal {
    display: none;
    margin-top: 70%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.questionFinal,
.questionThree,
.questionTwo {
    display: none
}

@media (max-width: 1199px) {
    .guidedSearchLeftColHeader {
        display: none
    }
}

.guidedSearchLeftColAnswers {
    position: relative
}

@media (max-width: 1199px) {
    .guidedSearchLeftColAnswers {
        margin-top: 32px
    }

    .guidedSearchLeftColAnswers .guidedSearchAnswersTitle {
        display: none
    }
}

.chatWindowDisablingOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    margin-left: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.guidedSearchFinalAnswerOneModal,
.guidedSearchFinalAnswerTwoModal,
.guidedSearchFinalAnswerThreeModal,
.guidedSearchFinalAnswerFourModal {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    display: none
}

.guidedSearchFinalAnswerOneModal.active,
.guidedSearchFinalAnswerTwoModal.active,
.guidedSearchFinalAnswerThreeModal.active,
.guidedSearchFinalAnswerFourModal.active {
    display: block
}

.guidedSearchModalOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #160F27;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    opacity: .9
}

.guidedSearchModalBox {
    margin: 32px 20px 0 20px;
    padding-bottom: 40px;
    width: calc(100% - 40px);
    height: auto;
    background-color: #fff;
    position: absolute;
    max-height: calc(100vh - 64px);
    overflow-y: auto
}

.guidedSearchModalBox ul {
    padding: 0;
    margin-bottom: 0
}

.guidedSearchModalBox ul li {
    display: block
}

.guidedSearchModalCloseButton {
    width: 16px;
    height: 16px;
    margin: 18px 18px 8px auto;
    display: block;
    cursor: pointer
}

.guidedSearchModalCloseButton:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5
}

.guidedSearchModalCloseButton:focus {
    outline: none
}

.guidedSearchModalTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 18px;
    margin-left: 24px
}

.guidedSearchModalRadioButtons {
    display: none
}

.guidedSearchModalRadioButtons+label {
    width: calc(100% - 48px);
    height: 48px;
    margin: 0 24px;
    -webkit-box-shadow: inset 0 -1px 0 0 #E3E6EA;
    box-shadow: inset 0 -1px 0 0 #E3E6EA;
    cursor: pointer
}

.guidedSearchModalRadioButtons+label .guidedSearchModalDoubleCircle {
    -webkit-box-shadow: 0 0 0 2px #160F27;
    box-shadow: 0 0 0 2px #160F27;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    width: 17px;
    height: 17px;
    position: relative;
    margin: auto 0
}

.guidedSearchModalRadioButtons+label h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 17px;
    color: #160F27;
    margin: auto 0 auto 12px
}

.guidedSearchModalRadioButtons:checked+label .guidedSearchModalDoubleCircle {
    background-color: #160F27
}

.guidedSearchEditAnswersDesktop {
    width: 100%;
    height: 100%;
    margin-left: -200%;
    position: absolute;
    top: 48px;
    background-color: white;
    -webkit-transition: all .5s;
    transition: all .5s
}

.guidedSearchEditAnswersDesktop ul {
    padding: 0;
    margin-bottom: 0;
    list-style: none
}

.guidedSearchEditAnswersDesktop.active {
    margin-left: 0
}

@media (max-width: 1199px) {
    .guidedSearchEditAnswersDesktop {
        display: none
    }
}

.guidedSearchEditAnswerOneDesktop,
.guidedSearchEditAnswerTwoDesktop,
.guidedSearchEditAnswerThreeDesktop,
.guidedSearchEditAnswerFourDesktop {
    display: none
}

.guidedSearchEditAnswerOneDesktopArrowDiv,
.guidedSearchEditAnswerTwoDesktopArrowDiv,
.guidedSearchEditAnswerThreeDesktopArrowDiv,
.guidedSearchEditAnswerFourDesktopArrowDiv {
    padding-right: 12px;
    display: inline-block
}

.guidedSearchMainDiv .guidedSearchLeftColAnswers .guidedSearchEditAnswerOneDesktopArrow,
.guidedSearchMainDiv .guidedSearchLeftColAnswers .guidedSearchEditAnswerTwoDesktopArrow,
.guidedSearchMainDiv .guidedSearchLeftColAnswers .guidedSearchEditAnswerThreeDesktopArrow,
.guidedSearchMainDiv .guidedSearchLeftColAnswers .guidedSearchEditAnswerFourDesktopArrow {
    font-size: 12px;
    font-weight: bold;
    top: 1px;
    position: relative;
    cursor: pointer
}

.guidedSearchMainDiv .guidedSearchLeftColAnswers .guidedSearchEditAnswerOneDesktopArrow:hover,
.guidedSearchMainDiv .guidedSearchLeftColAnswers .guidedSearchEditAnswerTwoDesktopArrow:hover,
.guidedSearchMainDiv .guidedSearchLeftColAnswers .guidedSearchEditAnswerThreeDesktopArrow:hover,
.guidedSearchMainDiv .guidedSearchLeftColAnswers .guidedSearchEditAnswerFourDesktopArrow:hover {
    color: #86898F
}

.guidedSearchEditAnswerThreeDesktop .guidedSearchDesktopRadioButtons+label {
    min-height: 48px;
    height: auto
}

.guidedSearchEditAnswerThreeDesktop .guidedSearchDesktopRadioButtons+label h4 {
    width: calc(100% - 32px);
    padding: 8px 0
}

.guidedSearchEditAnswersDesktopTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    color: #160F27;
    font-weight: 700;
    display: inline-block
}

.guidedSearchDesktopRadioButtons {
    display: none
}

.guidedSearchDesktopRadioButtons+label {
    height: 48px;
    margin: 0;
    cursor: pointer
}

.guidedSearchDesktopRadioButtons+label .guidedSearchDesktopDoubleCircle {
    -webkit-box-shadow: 0 0 0 2px #160F27;
    box-shadow: 0 0 0 2px #160F27;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    width: 17px;
    height: 17px;
    position: relative;
    margin: auto 0
}

.guidedSearchDesktopRadioButtons+label h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    margin: auto 0 auto 12px
}

.guidedSearchDesktopRadioButtons:checked+label .guidedSearchDesktopDoubleCircle {
    -webkit-box-shadow: 0 0 0 2px #259B24;
    box-shadow: 0 0 0 2px #259B24;
    background-color: #259B24
}

.guidedSearchChatUsername {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    background-color: #F7F8FB;
    height: 56px;
    width: 252px;
    border: 2px solid #160F27;
    padding-left: 24px
}

.guidedSearchChatUsername:focus {
    outline: none
}

@media (max-width: 767px) {
    .guidedSearchChatUsername {
        width: 230px
    }
}

.guidedSearchChatUsername::-webkit-input-placeholder {
    color: #160F27
}

.guidedSearchChatUsername:-ms-input-placeholder {
    color: #160F27
}

.guidedSearchChatUsername::-ms-input-placeholder {
    color: #160F27
}

.guidedSearchChatUsername::placeholder {
    color: #160F27
}

.submitChatUsernameButton {
    height: 56px;
    width: 56px;
    background-color: #160F27;
    border: none;
    padding: 0;
    cursor: pointer
}

.submitChatUsernameButton:focus {
    outline: none
}

.submitChatUsernameIcon {
    font-size: 19px;
    position: absolute;
    top: 19px;
    right: 20px;
    pointer-events: none;
    color: #fff
}

.input-group-username {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

@media (max-width: 1199px) {
    .input-group-username {
        margin-left: 15px
    }
}

.disableScrolling {
    overflow-y: hidden;
    margin-right: 17px
}

.insuranceComingSoonTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 84px;
    color: #160F27;
    margin: 0 0 32px 0;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .insuranceComingSoonTitle {
        margin-left: 48px
    }
}

@media (max-width: 767px) {
    .insuranceComingSoonTitle {
        font-size: 34px;
        line-height: 35px;
        margin-left: 20px;
        margin-bottom: 16px
    }
}

.motencioInsuranceComingSoonImage {
    width: 265px;
    margin-bottom: 0;
    margin-right: auto;
    display: block
}

@media (max-width: 1199px) {
    .motencioInsuranceComingSoonImage {
        margin-left: 0px
    }
}

@media (max-width: 767px) {
    .motencioInsuranceComingSoonImage {
        margin: 0 auto 16px auto
    }
}

.insuranceComingSoonSmallTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 32px;
    line-height: 30px;
    color: #160F27;
    text-transform: uppercase;
    text-align: left;
    margin-top: 24px;
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .insuranceComingSoonSmallTitle {
        font-size: 28px;
        line-height: 30px
    }
}

.insuranceComingSoonText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27;
    text-align: left;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .insuranceComingSoonText {
        font-size: 17px;
        line-height: 28px
    }
}

.insuranceComingSoonHighlight {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 32px
}

.insuranceComingSoonHighlight .icon-check-insurance {
    font-size: 14px;
    position: absolute
}

.insuranceComingSoonHighlight .icon-check-insurance::before {
    color: #F3D553
}

@media (max-width: 767px) {
    .insuranceComingSoonHighlight {
        font-size: 13px;
        line-height: 16px
    }
}

.insuranceComingSoonInput {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #86898F;
    height: 64px;
    width: 100%;
    border: 2px solid #160F27;
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 24px
}

.insuranceComingSoonInput:focus {
    outline: none
}

@media (max-width: 767px) {
    .insuranceComingSoonInput {
        max-width: 520px
    }
}

.insuranceComingSoonButton {
    height: 64px;
    width: 100%;
    margin: 0 0 128px 0;
    line-height: 18px;
    padding-top: 4px
}

@media (max-width: 767px) {
    .insuranceComingSoonButton {
        max-width: 520px
    }
}

.insuranceComingSoonButton:disabled {
    background-color: #FFEEA8;
    cursor: default;
    height: 64px;
    width: 100%;
    margin: 0 0 128px 0;
    line-height: 18px;
    padding-top: 4px
}

@media (max-width: 767px) {
    .insuranceComingSoonButton:disabled {
        max-width: 520px
    }
}

.insuranceComingSoonCenterDiv {
    text-align: center;
    margin: 0 auto
}

#success-email {
    display: none;
    margin-bottom: 128px;
    text-align: center
}

@media (max-width: 1199px) {

    .comingSoonCol .insuranceComingSoonTitle,
    .comingSoonCol .galeriaWhiteLine {
        margin-left: 15px
    }
}

#sidebar {
    background-color: #F3F3F3;
    width: 50%;
    height: 100vh;
    margin-left: 100%;
    position: fixed;
    top: 0;
    left: 50.1%;
    -webkit-transition: margin-left .2s;
    transition: margin-left .2s;
    z-index: 9999;
    overflow: auto
}

@media (max-width: 767px) {
    #sidebar {
        width: 60%;
        left: 40.1%
    }
}

@media (max-width: 575px) {
    #sidebar {
        width: 74%;
        left: 26.1%
    }
}

@media (max-width: 480px) {
    #sidebar {
        width: 100%;
        left: 0%
    }
}

#sidebar .filter-subtitle {
    padding: 0 20px
}

#sidebar .filters-sidebar {
    margin-bottom: 0
}

#sidebar .explainer {
    padding-bottom: 16px
}

#filters-header-sidebar {
    padding: 16px 32px;
    border-bottom: 1px solid #E3E6EA;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #FFFFFF;
    margin: 0;
    -webkit-transition: margin-left .2s;
    transition: margin-left .2s;
    position: fixed;
    top: 0;
    z-index: 20000;
    margin-left: 100%;
    width: 50%;
    left: 50.1%
}

@media (max-width: 767px) {
    #filters-header-sidebar {
        width: 60%;
        left: 40.1%
    }
}

@media (max-width: 575px) {
    #filters-header-sidebar {
        width: 74%;
        left: 26.1%
    }
}

@media (max-width: 480px) {
    #filters-header-sidebar {
        width: 100%;
        left: 0%
    }
}

#filters-header-sidebar a {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 13px;
    color: #160F27;
    margin-top: 4px;
    margin-left: auto
}

#filters-header-sidebar a:hover {
    text-decoration: none;
    font-weight: bold
}

#filters-header-sidebar.active {
    margin-left: 0
}

#filters-footer-sidebar {
    position: fixed;
    bottom: 0;
    padding: 16px;
    -webkit-transition: margin-left .2s;
    transition: margin-left .2s;
    border-top: 1px solid #E3E6EA;
    background-color: #fff;
    z-index: 20000;
    margin-left: 100%;
    width: 50%;
    left: 50.1%
}

@media (max-width: 767px) {
    #filters-footer-sidebar {
        width: 60%;
        left: 40.1%
    }
}

@media (max-width: 575px) {
    #filters-footer-sidebar {
        width: 74%;
        left: 26.1%
    }
}

@media (max-width: 480px) {
    #filters-footer-sidebar {
        width: 100%;
        left: 0%
    }
}

#filters-footer-sidebar.active {
    margin-left: 0
}

#sidebar.active {
    margin-left: 0
}

.overlay {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 9998
}

#dismissResultsSidebar {
    width: 16px;
    height: 16px;
    padding: 0;
    border: none;
    background-color: transparent
}

#dismissResultsSidebar span {
    font-size: 15px;
    display: block
}

#dismissResultsSidebar:hover span {
    color: #86898F
}

#dismissResultsSidebar:focus {
    outline: none
}

#showResultsSidebar {
    width: 100%;
    line-height: 58px;
    height: 58px
}

#sidebarShowButton {
    width: 100%;
    background-color: #fff;
    text-align: right;
    padding: 0;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    border: 2px solid #160F27;
    margin-right: 8px
}

#sidebarShowButton h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 14px;
    color: #160F27;
    font-weight: 700;
    margin: auto 0;
    padding-top: 2px
}

#sidebarShowButton:hover {
    border-color: #86898F
}

#sidebarShowButton:hover h4,
#sidebarShowButton:hover span {
    color: #86898F
}

#sidebarShowButton:focus {
    outline: none
}

.showResultsSidebarIcon {
    font-size: 16px;
    margin: 6px 8px;
    display: inline-block
}

.sidebarHeaderSpacer {
    height: 66px
}

.sidebarFooterSpacer {
    height: 91px
}

#termsAndConditionsMainContainer #menuNavBar {
    background-color: #160F27
}

#termsAndConditionsMainContainer #mainLogo {
    font-size: 59px !important;
    margin-top: 0
}

@media (max-width: 767px) {
    #termsAndConditionsMainContainer #mainLogo {
        font-size: 35px !important
    }
}

#termsAndConditionsMainContainer .splash {
    margin: auto;
    max-width: 1400px
}

@media (max-width: 1199px) {
    #termsAndConditionsMainContainer .splash {
        padding-top: 0
    }
}

.termsAndConditionsTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 56px;
    line-height: 54px;
    color: #160F27;
    font-weight: 700;
    margin: 98px 0 32px 80px;
    max-width: 619px
}

@media (max-width: 1199px) {
    .termsAndConditionsTitle {
        margin-left: 48px
    }
}

@media (max-width: 767px) {
    .termsAndConditionsTitle {
        margin-top: 56px;
        margin-left: 20px;
        font-size: 34px;
        line-height: 36px
    }
}

.termsAndConditionsBlueLine {
    width: 30px;
    height: 6px;
    background-color: #160F27;
    margin-bottom: 72px;
    margin-left: 80px
}

@media (max-width: 1199px) {
    .termsAndConditionsBlueLine {
        margin-left: 48px
    }
}

@media (max-width: 767px) {
    .termsAndConditionsBlueLine {
        margin-left: 20px
    }
}

.termsAndConditionsLeftCol {
    padding-left: 80px !important
}

@media (max-width: 1199px) {
    .termsAndConditionsLeftCol {
        padding-left: 48px !important
    }
}

@media (max-width: 767px) {
    .termsAndConditionsLeftCol {
        padding-left: 20px !important
    }
}

@media (max-width: 575px) {
    .termsAndConditionsLeftCol {
        height: calc(100vh - 62px);
        overflow-y: scroll;
        background-color: #fff;
        padding-top: 12px
    }
}

.termsAndConditionsLeftCol::-webkit-scrollbar-track {
    background-color: #fff;
    margin-bottom: 5px;
    margin-top: 5px
}

.termsAndConditionsLeftCol::-webkit-scrollbar {
    background-color: #fff;
    width: 6px
}

.termsAndConditionsLeftCol::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: lightgray;
    width: 3px
}

.termsAndConditionsLeftColFirstBlock {
    padding-bottom: 16px
}

@media (max-width: 767px) {
    .termsAndConditionsLeftColFirstBlock {
        padding-bottom: 8px
    }
}

.termsAndConditionsLeftColFirstBlock h5 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 30px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media (max-width: 575px) {
    .termsAndConditionsLeftColFirstBlock h5 {
        padding-top: 16px
    }
}

.termsAndConditionsLeftColFirstBlock a {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 30px;
    color: #160F27;
    font-weight: 400;
    display: block;
    margin-left: 20px
}

.termsAndConditionsLeftColFirstBlock a:hover {
    text-decoration: none;
    color: #86898F
}

@media (max-width: 1199px) {
    .termsAndConditionsLeftColFirstBlock a {
        font-size: 14px;
        margin-left: 14px
    }
}

.termsAndConditionsLeftColBlock a {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 30px;
    color: #160F27;
    font-weight: 700;
    padding: 16px 0;
    border-top: solid 1px #160F27;
    display: block;
    text-transform: uppercase
}

.termsAndConditionsLeftColBlock a:hover {
    text-decoration: none;
    color: #86898F
}

@media (max-width: 575px) {
    .termsAndConditionsLeftColBlock a {
        width: calc(100% - 20px)
    }
}

.termsAndConditionsRightCol {
    padding: 0 80px 128px 120px !important
}

@media (max-width: 1199px) {
    .termsAndConditionsRightCol {
        padding-left: 48px !important;
        padding-right: 48px !important
    }
}

@media (max-width: 767px) {
    .termsAndConditionsRightCol {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

@media (max-width: 575px) {
    .termsAndConditionsRightCol {
        margin-top: 32px
    }
}

.termsAndConditionsRightColFirstBlock h3,
.termsAndConditionsRightColBlock h3 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 38px;
    line-height: 42px;
    color: #160F27;
    font-weight: 700
}

@media (max-width: 767px) {

    .termsAndConditionsRightColFirstBlock h3,
    .termsAndConditionsRightColBlock h3 {
        font-size: 34px;
        line-height: 36px
    }
}

.termsAndConditionsRightColFirstBlock h4,
.termsAndConditionsRightColBlock h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 28px;
    line-height: 32px;
    color: #160F27
}

.termsAndConditionsRightColFirstBlock p,
.termsAndConditionsRightColBlock p {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 28px;
    color: #160F27;
    margin: 24px 0 32px 0
}

.termsAndConditionsRightColFirstBlock li,
.termsAndConditionsRightColBlock li {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 28px;
    color: #160F27;
    margin-bottom: 24px;
    list-style: none;
    position: relative
}

.termsAndConditionsRightColFirstBlock li:before,
.termsAndConditionsRightColBlock li:before {
    font-family: "sm-icons" !important;
    font-size: 11px;
    line-height: 1;
    color: #160F27;
    display: inline-block;
    text-decoration: none;
    position: absolute;
    top: 13px;
    left: -24px;
    content: ""
}

.anchorWithPadding {
    display: block;
    height: 0px;
    margin-top: 0px;
    visibility: hidden
}

@media (max-width: 575px) {
    .anchorWithPadding {
        height: 76px;
        margin-top: -76px
    }
}

.termsAndConditionsMobileMenuButton {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 30px;
    color: #160F27;
    font-weight: 700;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: none;
    width: 100%;
    padding: 16px 0 16px 20px;
    background-color: #F7F8FB;
    cursor: pointer;
    -webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
    z-index: 1
}

.termsAndConditionsMobileMenuButton .termsAndConditionsArrow {
    display: inline-block;
    height: 10px;
    width: 12px;
    line-height: 14px;
    position: absolute;
    top: 22px;
    left: 77px
}

.termsAndConditionsMobileMenuButton .termsAndConditionsArrow .termsAndConditionsArrowUp {
    display: inline-block;
    font-size: 7px;
    font-weight: bold
}

.termsAndConditionsMobileMenuButton .termsAndConditionsArrow .termsAndConditionsArrowDown {
    display: none;
    font-size: 7px;
    font-weight: bold
}

.termsAndConditionsMobileMenuButton.contentHidden .termsAndConditionsArrow .termsAndConditionsArrowUp {
    display: none
}

.termsAndConditionsMobileMenuButton.contentHidden .termsAndConditionsArrow .termsAndConditionsArrowDown {
    display: inline-block
}

@media (max-width: 575px) {
    .termsAndConditionsMobileMenuButton {
        display: block
    }
}

@media (max-width: 575px) {
    .termsAndConditionsLeftColForMobileSticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1
    }
}

#claimsMainContainer #menuNavBar {
    background-color: #160F27
}

#claimsMainContainer #mainLogo {
    font-size: 59px !important;
    margin-top: 0
}

@media (max-width: 767px) {
    #claimsMainContainer #mainLogo {
        font-size: 35px !important
    }
}

#claimsMainContainer .splash {
    margin: auto;
    padding-top: 82px;
    max-width: 1400px
}

@media (max-width: 1199px) {
    #claimsMainContainer .splash {
        padding-top: 0
    }
}

.claimsMainDiv {
    padding: 0 48px
}

@media (max-width: 1199px) {
    .claimsMainDiv {
        padding: 0 15px
    }
}

.claimsMainDiv .dashboardDocumentDropdownButton {
    height: 56px;
    width: calc(100% - 28px);
    margin-bottom: 32px;
    padding-left: 24px
}

@media (max-width: 767px) {
    .claimsMainDiv .dashboardDocumentDropdownButton {
        height: 40px;
        width: 100%;
        margin-bottom: 24px;
        padding-left: 12px
    }
}

.claimsMainDiv .dashboardDocumentDropdownMenu {
    width: calc(100% - 28px)
}

@media (max-width: 767px) {
    .claimsMainDiv .dashboardDocumentDropdownMenu {
        width: 100%
    }
}

@media (max-width: 767px) {
    .claimsMainDiv .dashboardDocumentDropdownMenu li {
        height: 40px;
        line-height: 32px
    }
}

.claimsTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 56px;
    line-height: 54px;
    color: #160F27;
    margin: 80px 0 32px 0;
    max-width: 619px
}

@media (max-width: 767px) {
    .claimsTitle {
        margin-top: 56px;
        font-size: 34px;
        line-height: 36px
    }
}

.claimsBlueLine {
    width: 30px;
    height: 6px;
    background-color: #160F27;
    margin-bottom: 88px;
    margin-left: 0
}

@media (max-width: 767px) {
    .claimsBlueLine {
        margin-bottom: 56px
    }
}

.claimsHeaderText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 24px
}

.claimsHeaderText span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #73767C;
    padding-left: 16px
}

@media (max-width: 767px) {
    .claimsHeaderText {
        margin-bottom: 16px
    }
}

.claimsAlignRight {
    text-align: right
}

@media (max-width: 767px) {
    .claimsAlignRight {
        text-align: left
    }
}

.claimsUnderlinedTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    color: #160F27;
    margin: 56px 0;
    padding-bottom: 8px;
    border-bottom: solid 4px #160F27;
    text-transform: uppercase
}

.claimsInput {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    border: 2px solid #160F27;
    height: 56px;
    width: 100%;
    margin-bottom: 32px;
    padding-left: 24px;
    display: block
}

.claimsInput:focus {
    outline: none
}

@media (max-width: 767px) {
    .claimsInput {
        height: 40px;
        width: 100%;
        margin-bottom: 24px;
        padding-left: 12px
    }
}

.claimsSmallTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #160F27;
    margin-bottom: 12px;
    text-transform: uppercase
}

.claimsRadioButtons {
    display: none
}

.claimsRadioButtons+label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 20px;
    margin: 0 72px 48px 0;
    cursor: pointer
}

.claimsRadioButtons+label .claimsOptionsDoubleCircle {
    -webkit-box-shadow: 0 0 0 2px #160F27;
    box-shadow: 0 0 0 2px #160F27;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    width: 17px;
    height: 17px;
    position: relative;
    margin: auto 0
}

.claimsRadioButtons+label h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #160F27;
    margin: auto 0 auto 12px;
    position: relative
}

.claimsRadioButtons+label span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 17px;
    color: #160F27;
    position: absolute;
    top: -4px;
    right: -16px
}

.claimsRadioButtons:checked+label .claimsOptionsDoubleCircle {
    -webkit-box-shadow: 0 0 0 2px #259B24;
    box-shadow: 0 0 0 2px #259B24;
    background-color: #259B24
}

.claimsTextArea {
    height: 300px;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    border: 2px solid #160F27;
    margin-bottom: 64px;
    padding: 20px 24px;
    display: block;
    resize: none
}

.claimsTextArea:focus {
    outline: none
}

@media (max-width: 767px) {
    .claimsTextArea {
        height: 150px;
        width: 100%;
        margin-bottom: 32px
    }
}

.submitClaimButton {
    display: block;
    margin: 0 auto 104px auto;
    width: 100%
}

@media (max-width: 767px) {
    .submitClaimButton {
        margin-bottom: 56px
    }
}

.claimsBigDivider,
.claimsSmallDivider {
    height: 4px;
    width: 100%;
    background-color: #160F27;
    margin: 0
}

.claimsSmallDivider {
    height: 2px
}

.claimsBottomTextBold {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 19px;
    color: #160F27;
    font-weight: 700;
    margin-top: 48px;
    margin-right: 12px;
    min-width: 50px
}

@media (max-width: 767px) {
    .claimsBottomTextBold {
        margin-top: 24px
    }
}

.claimsBottomTextNormal {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #160F27;
    margin: 48px 0
}

@media (max-width: 767px) {
    .claimsBottomTextNormal {
        margin: 24px 0
    }
}

.claimsBottomSmallText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #160F27;
    margin-top: 26px;
    margin-bottom: 128px
}

.error404ScreenContainer #menuNavBar {
    background-color: #160F27
}

.error404ScreenContainer #mainLogo {
    font-size: 59px !important;
    margin-top: 0
}

@media (max-width: 767px) {
    .error404ScreenContainer #mainLogo {
        font-size: 35px !important
    }
}

.error404ScreenContainer .splash {
    margin: auto;
    padding-top: 88px
}

@media (max-width: 1199px) {
    .error404ScreenContainer .splash {
        padding-top: 0
    }
}

.error404Title {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 54px;
    line-height: 55px;
    color: #160F27;
    font-weight: 700;
    margin-top: 128px;
    margin-bottom: 24px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .error404Title {
        margin-top: 80px
    }
}

@media (max-width: 767px) {
    .error404Title {
        font-size: 50px;
        line-height: 51px;
        margin-top: 56px
    }
}

.error404Text {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 29px;
    color: #BBBDC1;
    margin: 0 auto 56px auto;
    text-align: center;
    max-width: 520px
}

.error404Text a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 29px;
    color: #BBBDC1;
    font-weight: 700
}

.error404Text a:hover {
    color: #86898F;
    text-decoration: none
}

.error404Message {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 312px;
    line-height: 364px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 177px;
    text-align: center
}

@media (max-width: 767px) {
    .error404Message {
        font-size: 132px;
        line-height: 133px;
        margin-bottom: 128px
    }
}

.error404MotencioImage {
    width: 241px;
    height: 241px;
    margin: 0 16px 56px 16px
}

@media (max-width: 767px) {
    .error404MotencioImage {
        width: 104px;
        height: 104px;
        margin: 0 8px 36px 8px
    }
}

.visitContainer #menuNavBar,
.noVisitContainer #menuNavBar {
    background-color: #160F27
}

.visitContainer #mainLogo,
.noVisitContainer #mainLogo {
    font-size: 59px !important;
    margin-top: 0
}

@media (max-width: 767px) {

    .visitContainer #mainLogo,
    .noVisitContainer #mainLogo {
        font-size: 35px !important
    }
}

.visitContainer .galeriaWhiteLine,
.noVisitContainer .galeriaWhiteLine {
    background-color: #160F27;
    margin-bottom: 88px;
    margin-left: 0
}

@media (max-width: 767px) {

    .visitContainer .galeriaWhiteLine,
    .noVisitContainer .galeriaWhiteLine {
        display: block;
        margin-bottom: 48px
    }
}

.visitContainer .visitLine,
.noVisitContainer .visitLine {
    margin-bottom: 40px
}

.visitContainer .splash,
.noVisitContainer .splash {
    margin: auto;
    padding-top: 88px
}

@media (max-width: 1199px) {

    .visitContainer .splash,
    .noVisitContainer .splash {
        padding-top: 80px
    }
}

@media (max-width: 767px) {

    .visitContainer .splash,
    .noVisitContainer .splash {
        padding-top: 56px
    }
}

.visitMainDiv,
.noVisitMainDiv {
    padding: 0 48px
}

@media (max-width: 1199px) {

    .visitMainDiv,
    .noVisitMainDiv {
        padding: 0 15px
    }
}

.visitTitle,
.noVisitTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 70px;
    color: #160F27;
    margin: 80px 0 32px 0;
    text-transform: uppercase
}

@media (max-width: 1199px) {

    .visitTitle,
    .noVisitTitle {
        margin-top: 0
    }
}

@media (max-width: 767px) {

    .visitTitle,
    .noVisitTitle {
        font-size: 34px;
        line-height: 35px;
        margin-bottom: 16px
    }
}

@media (max-width: 1199px) {
    .visitTitle {
        max-width: 440px
    }
}

@media (max-width: 767px) {
    .visitTitle {
        max-width: 230px
    }
}

.motencioNoVisitImage {
    max-width: 443px;
    margin: 0 auto 128px auto;
    display: block
}

@media (max-width: 1199px) {
    .motencioNoVisitImage {
        max-width: 370px
    }
}

@media (max-width: 767px) {
    .motencioNoVisitImage {
        max-width: 265px;
        margin-bottom: 40px
    }
}

.noVisitSubTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 54px;
    line-height: 55px;
    color: #160F27;
    margin: 40px 0 32px 48px;
    max-width: 438px;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .noVisitSubTitle {
        margin-top: 16px;
        font-size: 32px;
        line-height: 33px
    }
}

@media (max-width: 767px) {
    .noVisitSubTitle {
        margin-top: 0;
        margin-left: 0;
        max-width: unset
    }
}

.noVisitText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 29px;
    color: #AFB1B5;
    margin-bottom: 48px;
    margin-left: 48px
}

@media (max-width: 767px) {
    .noVisitText {
        margin-left: 0
    }
}

.noVisitButton {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 16px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    padding: 24px 0;
    background-color: #F3D553;
    text-align: center;
    max-width: 280px;
    display: block;
    margin-bottom: 128px;
    margin-left: 48px
}

@media (max-width: 767px) {
    .noVisitButton {
        margin-left: auto;
        margin-right: auto
    }
}

.noVisitButton:hover {
    text-decoration: none;
    color: #160F27
}

.visitParagraphText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27;
    max-width: 600px;
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .visitParagraphText {
        max-width: unset;
        text-align: center
    }
}

.stepsToVisit h4 {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 153px;
    line-height: 153px;
    color: #160F27;
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
    opacity: 0.05;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .stepsToVisit h4 {
        text-align: center
    }
}

.stepsToVisit h5 {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27;
    position: absolute;
    top: 46px;
    left: 6px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .stepsToVisit h5 {
        width: 100%;
        left: 0;
        text-align: center
    }
}

.stepsToVisit p {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27
}

@media (max-width: 767px) {
    .stepsToVisit p {
        text-align: center
    }
}

.stepsToVisit span {
    font-weight: bold
}

.dealershipMainTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    margin-top: 64px;
    margin-bottom: 24px;
    padding-bottom: 4px;
    text-transform: uppercase;
    border-bottom: solid 4px #160F27
}

@media (max-width: 767px) {
    .dealershipMainTitle {
        text-align: center
    }
}

.dealershipImage {
    width: 100%;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain
}

@media (max-width: 1199px) {
    .dealershipImage {
        height: 180px;
        max-width: 311px
    }
}

@media (max-width: 767px) {
    .dealershipImage {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}

.dealershipName {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    text-transform: uppercase;
    margin-top: 24px
}

@media (max-width: 1199px) {
    .dealershipName {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .dealershipName {
        margin-top: 24px;
        text-align: center
    }
}

.dealershipAddress {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 17px;
    line-height: 22px;
    color: #A6A8AD;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .dealershipAddress {
        text-align: center
    }
}

.dealershipInfo {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #160F27;
    margin-bottom: 4px
}

@media (max-width: 767px) {
    .dealershipInfo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.dealershipInfoExtraSpace {
    margin-bottom: 24px
}

.dealershipInfoExtraSpace h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #160F27;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .dealershipInfoExtraSpace h4 {
        width: 270px
    }
}

.dealershipDealerPhoto {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin-top: 24px;
    margin-bottom: 48px
}

@media (max-width: 1199px) {
    .dealershipDealerPhoto {
        margin-bottom: 24px
    }
}

.dealershipDealerName {
    margin: auto 0 auto 16px;
    padding-top: 24px;
    padding-bottom: 48px
}

@media (max-width: 1199px) {
    .dealershipDealerName {
        padding-bottom: 24px
    }
}

@media (max-width: 767px) {
    .dealershipDealerName {
        width: 270px
    }
}

.dealershipIcons {
    height: 16px;
    margin-top: 3px;
    margin-right: 16px
}

#map {
    min-height: 300px;
    height: 100%;
    width: 100%
}

@media (max-width: 1199px) {
    #map {
        margin-top: 24px;
        height: 600px
    }
}

.dealershipContactInfoText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #160F27;
    margin-bottom: 40px
}

.dealershipSmallTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 13px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .dealershipSmallTitle {
        text-align: center
    }
}

.dealershipBikePhoto {
    height: 104px;
    margin-top: 22px;
    margin-bottom: 18px;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain
}

@media (max-width: 767px) {
    .dealershipBikePhoto {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}

.dealershipBikeName {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #160F27
}

@media (max-width: 767px) {
    .dealershipBikeName {
        text-align: center
    }
}

.dealershipGreyText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #A6A8AD;
    margin-top: 4px;
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .dealershipGreyText {
        text-align: center
    }
}

.dealershipBikePriceDollars {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 25px;
    color: #160F27;
    font-weight: 700;
    margin: 4px 0
}

@media (max-width: 767px) {
    .dealershipBikePriceDollars {
        text-align: center
    }
}

.dealershipBikePriceSoles {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #86898F;
    font-weight: bold;
    margin-bottom: 4px
}

@media (max-width: 767px) {
    .dealershipBikePriceSoles {
        text-align: center
    }
}

.dealershipExchangeRate {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 11px;
    color: #86898F;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .dealershipExchangeRate {
        text-align: center
    }
}

.dealershipDownloadBikeSpecs a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    color: #160F27;
    text-transform: uppercase
}

.dealershipDownloadBikeSpecs a:hover {
    text-decoration: none;
    color: #86898F
}

.dealershipDownloadBikeSpecs a:hover svg path {
    fill: #86898F
}

@media (max-width: 1199px) {
    .dealershipDownloadBikeSpecs a {
        border: solid 2px #160F27;
        margin-top: 14px;
        margin-bottom: 96px;
        padding: 9px 16px 12px 16px
    }

    .dealershipDownloadBikeSpecs a:hover {
        border-color: #86898F
    }
}

@media (max-width: 767px) {
    .dealershipDownloadBikeSpecs a {
        margin: 0 auto 56px auto
    }
}

.dealershipIconDownload {
    font-size: 18px;
    position: relative;
    top: 4px;
    margin-right: 8px
}

#dealershipWeb,
#dealershipEmail {
    width: calc(100% - 35px)
}

@media (max-width: 767px) {

    #dealershipWeb,
    #dealershipEmail {
        width: 270px
    }
}

.dealershipIconWeb {
    font-size: 17px;
    margin-top: 2px
}

.dealershipIconPhone {
    font-size: 15px;
    margin-top: 4px
}

.dealershipIconMail {
    font-size: 13px;
    margin-top: 5px
}

.dealershipIconClock {
    font-size: 15px;
    margin-top: 2px
}

.dealershipIconWeb,
.dealershipIconPhone,
.dealershipIconMail,
.dealershipIconClock {
    margin-right: 16px
}

.dealershipDetails a:hover {
    text-decoration: none;
    color: #86898F
}

.dealershipDetails a:hover svg path {
    fill: #86898F
}

.dealershipDetailsMainCol {
    margin-bottom: 128px
}

@media (max-width: 1199px) {
    .dealershipDetailsMainCol {
        margin-bottom: 0
    }
}

.dealershipDividingTopLine {
    height: 1px;
    background-color: #E3E6EA
}

.dealershipDividingBottomLine {
    height: 1px;
    background-color: #E3E6EA;
    display: none
}

@media (max-width: 1199px) {
    .dealershipDividingBottomLine {
        display: block
    }
}

.dealershipDetailsTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    text-transform: uppercase;
    margin-top: 24px
}

@media (max-width: 1199px) {
    .dealershipDetailsTitle {
        text-align: center
    }
}

@media (max-width: 1199px) {
    .dealershipDealerDetails {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .dealershipDealerDetails {
        width: unset;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .dealerShipPhoneInnerDiv {
        width: 270px
    }
}

.dealershipDealerPhotoDefault {
    font-size: 15px;
    height: 15px;
    top: 26px;
    position: relative;
    color: #160F27
}

.advertisingMainContainer #menuNavBar {
    background-color: #160F27
}

.advertisingMainContainer #mainLogo {
    font-size: 59px !important;
    margin-top: 0
}

@media (max-width: 767px) {
    .advertisingMainContainer #mainLogo {
        font-size: 35px !important
    }
}

.advertisingMainContainer .splash {
    margin: auto
}

@media (max-width: 1199px) {
    .advertisingMainContainer .splash {
        padding-top: 0
    }
}

.advertisingYellowTopDiv,
.advertisingGreyTopDiv,
.advertisingMiddleDiv,
.advertisingGreyBottomDiv {
    background-color: #F3D553;
    padding: 0 48px
}

@media (max-width: 1199px) {

    .advertisingYellowTopDiv,
    .advertisingGreyTopDiv,
    .advertisingMiddleDiv,
    .advertisingGreyBottomDiv {
        padding: 0 15px
    }
}

.advertisingGreyTopDiv {
    background-color: #F7F8FB
}

.advertisingMiddleDiv {
    background-color: #fff
}

.advertisingGreyBottomDiv {
    background-color: #F7F8FB
}

.advertisingTopTitle h3 {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 50px;
    line-height: 60px;
    color: #160F27;
    margin-top: 152px;
    margin-bottom: 24px;
    text-transform: uppercase;
    text-align: center
}

@media (max-width: 1199px) {
    .advertisingTopTitle h3 {
        margin-top: 104px
    }
}

@media (max-width: 767px) {
    .advertisingTopTitle h3 {
        margin-top: 56px;
        font-size: 40px;
        line-height: 42px
    }
}

.advertisingTopTitle h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 33px;
    color: #160F27;
    margin-bottom: 152px;
    text-align: center
}

@media (max-width: 1199px) {
    .advertisingTopTitle h4 {
        margin-bottom: 104px
    }
}

@media (max-width: 767px) {
    .advertisingTopTitle h4 {
        margin-bottom: 56px;
        font-size: 22px;
        line-height: 28px
    }
}

.advertisingTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 48px;
    line-height: 56px;
    color: #160F27;
    font-weight: 700;
    margin-top: 128px;
    margin-bottom: 88px;
    text-transform: uppercase
}

.advertisingTitle:first-child {
    margin-bottom: 64px
}

@media (max-width: 767px) {
    .advertisingTitle:first-child {
        margin-bottom: 32px
    }
}

@media (max-width: 1199px) {
    .advertisingTitle {
        margin-top: 104px
    }
}

@media (max-width: 767px) {
    .advertisingTitle {
        margin-top: 56px;
        margin-bottom: 32px;
        font-size: 28px;
        line-height: 30px
    }
}

.advertisingText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 34px;
    color: #160F27;
    margin-bottom: 48px
}

@media (max-width: 1199px) {
    .advertisingText {
        margin-bottom: 24px
    }
}

@media (max-width: 767px) {
    .advertisingText {
        font-size: 18px;
        line-height: 28px
    }
}

.advertisingTextBottomMargin {
    margin-bottom: 26px
}

.advertisingBlueLine {
    height: 7px;
    width: 33px;
    background-color: #160F27
}

.advertisingBlueLogo {
    font-size: 137px;
    margin: 104px 0 64px auto;
    display: block;
    color: #160F27;
    text-align: right
}

@media (max-width: 1199px) {
    .advertisingBlueLogo {
        text-align: left;
        margin-top: 64px;
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .advertisingBlueLogo {
        font-size: 107px;
        margin: 32px 0
    }
}

.advertisingSmallTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: uppercase
}

.advertisingSmallText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27;
    margin-bottom: 0
}

.advertisingSubTitleBold {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    color: #160F27;
    font-weight: 700;
    padding-bottom: 8px;
    margin-bottom: 0;
    border-bottom: solid 4px #160F27;
    text-transform: uppercase
}

.advertisingSubTitle {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #160F27;
    margin-top: 56px;
    margin-bottom: 16px
}

.advertisingList {
    list-style-type: none;
    margin-bottom: 128px;
    padding-left: 0
}

@media (max-width: 1199px) {
    .advertisingList {
        margin-bottom: 104px
    }
}

@media (max-width: 767px) {
    .advertisingList {
        margin-bottom: 56px
    }
}

.advertisingList li {
    margin-bottom: 8px
}

.advertisingList li h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27
}

.advertisingList li span {
    font-size: 13px;
    margin: 7px 12px 0 12px;
    color: #F3D553
}

.advertisingAddMarginBottom {
    margin-bottom: 128px
}

@media (max-width: 1199px) {
    .advertisingAddMarginBottom {
        margin-bottom: 104px
    }
}

@media (max-width: 767px) {
    .advertisingAddMarginBottom {
        margin-bottom: 56px
    }
}

.advertisingAddTopMargin {
    margin-top: 304px
}

@media (max-width: 1199px) {
    .advertisingAddTopMargin {
        margin-top: 0
    }
}

.advertisingInput {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    border: 2px solid #160F27;
    height: 56px;
    width: 472px;
    padding-left: 16px;
    display: block;
    margin: 12px auto
}

.advertisingInput:focus {
    outline: none
}

@media (max-width: 767px) {
    .advertisingInput {
        height: 40px;
        width: 100%
    }
}

.advertisingInputsTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #160F27;
    text-align: center;
    margin-top: 104px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .advertisingInputsTitle {
        margin-top: 56px
    }
}

.advertisingButton {
    width: 472px;
    margin: 12px auto 104px auto;
    display: block
}

@media (max-width: 767px) {
    .advertisingButton {
        width: 100%
    }
}

.advertisingBenefitsLeveled {
    height: 90px
}

@media (max-width: 1199px) {
    .advertisingBenefitsLeveled {
        display: none
    }
}

.aboutUsMainContainer #menuNavBar {
    background-color: #160F27
}

.aboutUsMainContainer #mainLogo {
    font-size: 59px !important;
    margin-top: 0
}

@media (max-width: 767px) {
    .aboutUsMainContainer #mainLogo {
        font-size: 35px !important
    }
}

.aboutUsMainContainer .galeriaWhiteLine {
    background-color: #160F27;
    margin-bottom: 128px;
    margin-left: 0
}

@media (max-width: 767px) {
    .aboutUsMainContainer .galeriaWhiteLine {
        display: block;
        margin-bottom: 48px
    }
}

.aboutUsMainContainer .splash {
    margin: auto;
    padding-top: 160px
}

@media (max-width: 1199px) {
    .aboutUsMainContainer .splash {
        padding-top: 80px
    }
}

@media (max-width: 767px) {
    .aboutUsMainContainer .splash {
        padding-top: 56px
    }
}

.aboutUsTopDiv,
.advertisingGreyBottomDiv {
    padding: 0 48px
}

@media (max-width: 1199px) {

    .aboutUsTopDiv,
    .advertisingGreyBottomDiv {
        padding: 0 15px
    }
}

.aboutUsTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 84px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 32px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .aboutUsTitle {
        font-size: 34px;
        line-height: 35px;
        margin-bottom: 16px
    }
}

.aboutUsBigText {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 33px;
    color: #160F27;
    margin-bottom: 59px;
    max-width: 438px
}

@media (max-width: 1199px) {
    .aboutUsBigText {
        padding-right: 48px
    }
}

@media (max-width: 767px) {
    .aboutUsBigText {
        margin-bottom: 48px;
        padding-right: 0
    }
}

.aboutUsNormalText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27;
    margin-bottom: 128px
}

.aboutUsAutofintechLogo {
    width: 214px;
    height: 53px;
    margin-bottom: 107px
}

.aboutUsAutofintechLogo #letters path,
.aboutUsAutofintechLogo #letters polygon {
    fill: #160F27
}

.aboutUsAutofintechLogo #dot path {
    fill: #D93749
}

@media (max-width: 767px) {
    .aboutUsAutofintechLogo {
        margin-top: 12px;
        margin-bottom: 48px
    }
}

.aboutUsSubtitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 48px;
    line-height: 56px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 44px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .aboutUsSubtitle {
        margin-top: 24px;
        font-size: 34px;
        line-height: 35px
    }
}

.aboutUsList {
    list-style-type: none;
    margin-bottom: 128px;
    padding-left: 0
}

.aboutUsList li {
    margin-bottom: 8px
}

.aboutUsList li h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27
}

.aboutUsList li span {
    font-size: 13px;
    margin: 7px 12px 0 0;
    color: #F3D553
}

@media (max-width: 767px) {
    .aboutUsList {
        margin-bottom: 16px
    }
}

.aboutUsSteps {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    opacity: .2;
    -webkit-transition: all 1s;
    transition: all 1s;
    cursor: pointer
}

.aboutUsSteps h4 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 153px;
    line-height: 153px;
    color: #160F27;
    font-weight: 700;
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
    opacity: 0.05;
    margin-bottom: 8px
}

@media (max-width: 767px) {
    .aboutUsSteps h4 {
        text-align: center
    }
}

.aboutUsSteps h5 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27;
    font-weight: 700;
    position: absolute;
    top: 46px;
    left: 6px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .aboutUsSteps h5 {
        width: 100%;
        left: 0;
        text-align: center
    }
}

.aboutUsSteps p {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27;
    margin-bottom: 52px
}

@media (max-width: 767px) {
    .aboutUsSteps p {
        text-align: center;
        margin-bottom: 32px
    }
}

.aboutUsSteps:nth-child(even) h5 {
    left: 54px
}

@media (max-width: 767px) {
    .aboutUsSteps:nth-child(even) h5 {
        left: 0
    }
}

.aboutUsStepsImageContainer {
    margin-left: auto;
    display: block;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    max-height: 603px
}

@media (max-width: 1199px) {
    .aboutUsStepsImageContainer {
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width: 767px) {
    .aboutUsStepsImageContainer {
        max-width: 240px;
        margin-top: 16px;
        margin-right: auto
    }
}

.aboutUsStepsImage {
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain;
    -webkit-transition: all 1s;
    transition: all 1s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.aboutUsStepsImage:first-child {
    position: relative
}

.aboutUsEmailTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 33px;
    color: #160F27;
    font-weight: 700;
    text-align: center;
    margin-top: 132px;
    margin-bottom: 16px
}

@media (max-width: 1199px) {
    .aboutUsEmailTitle {
        margin-top: 96px
    }
}

@media (max-width: 767px) {
    .aboutUsEmailTitle {
        margin-top: 56px
    }
}

.aboutUsEmailLink {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 33px;
    color: #160F27;
    margin-bottom: 128px;
    display: block;
    text-align: center
}

.aboutUsEmailLink:hover {
    color: #86898F;
    text-decoration: none
}

@media (max-width: 767px) {
    .aboutUsEmailLink {
        margin-bottom: 72px
    }
}

.aboutUsGreyBottomTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 50px;
    line-height: 60px;
    color: #160F27;
    margin-top: 128px;
    margin-bottom: 24px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .aboutUsGreyBottomTitle {
        margin-top: 72px;
        font-size: 38px;
        line-height: 46px
    }
}

.aboutUsGreyBottomText {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 33px;
    color: #160F27;
    margin: 0 auto 48px auto;
    text-align: center;
    max-width: 657px
}

@media (max-width: 767px) {
    .aboutUsGreyBottomText {
        font-size: 22px;
        line-height: 30px
    }
}

.aboutUsAdvertiseButton {
    margin: 0 auto 128px auto;
    display: block;
    width: 280px
}

.programarEntregaButton {
    margin: 0 auto 128px auto;
    display: block;
    width: 280px
}

@media (max-width: 767px) {
    .programarEntregaButton {
        margin-bottom: 8px
    }
}

.soatHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 24px 20px 32px 20px
}

.somosMotoLogoSoat {
    font-size: 62px
}

.maphreLogoSoat {
    height: 16px
}

.soatFormContainer {
    padding: 0 20px
}

#soatForm {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative
}

#soatForm input[type=radio] {
    display: none
}

#soatForm input[type=radio]+label {
    display: block;
    padding: 0;
    height: 150px;
    width: 150px;
    margin: 0 auto 16px auto;
    border: 2px solid #160F27;
    border-radius: 50%;
    cursor: pointer;
    position: relative
}

#soatForm input[type=radio]+label:hover {
    border-color: #86898F
}

#soatForm input[type=radio]+label:hover .soatTipoMotoModalImage {
    color: #86898F
}

@media (max-width: 1199px) {
    #soatForm input[type=radio]+label {
        height: 97px;
        width: 97px
    }
}

@media (hover: none),
(hover: on-demand) {
    #soatForm input[type=radio]+label:hover {
        border-color: #160F27
    }

    #soatForm input[type=radio]+label:hover .soatTipoMotoModalImage {
        color: #160F27
    }
}

#soatForm #tipoMotoComercial+label {
    margin-right: 48px
}

#soatForm #tipoMotoParticular+label {
    margin-left: 48px
}

#soatForm .typeBoxModalTextComercial {
    width: 150px;
    margin-right: 48px;
    margin-left: auto
}

@media (max-width: 1199px) {
    #soatForm .typeBoxModalTextComercial {
        width: 97px
    }
}

#soatForm .typeBoxModalTextParticular {
    width: 150px;
    margin-left: 48px;
    margin-right: auto
}

@media (max-width: 1199px) {
    #soatForm .typeBoxModalTextParticular {
        width: 97px
    }
}

#soatForm input[type=radio]:checked+label {
    border-color: #259B24
}

#soatForm input[type=radio]:checked+label .soatTipoMotoModalImage {
    color: #259B24
}

#soatForm input[type=radio]:checked+label .soatCheckIconImage {
    display: block
}

#soatForm input[type=radio]:checked+label:hover {
    border-color: #86898F
}

#soatForm input[type=radio]:checked+label:hover .soatTipoMotoModalImage {
    color: #86898F
}

@media (hover: none),
(hover: on-demand) {
    #soatForm input[type=radio]:checked+label:hover {
        border-color: #259B24
    }

    #soatForm input[type=radio]:checked+label:hover .soatTipoMotoModalImage {
        color: #259B24
    }
}

#soatForm .soatTipoMotoModalImage {
    display: block;
    cursor: pointer;
    font-size: 60px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #160F27
}

@media (max-width: 1199px) {
    #soatForm .soatTipoMotoModalImage {
        font-size: 39px
    }
}

@media (max-width: 480px) {
    #soatForm .soatTipoMotoModalImage {
        font-size: 32px
    }
}

#soatForm .soatCheckIconImage {
    position: absolute;
    top: 4px;
    right: 16px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #259B24;
    padding: 5px;
    display: none;
    color: #fff;
    font-size: 15px
}

@media (max-width: 1199px) {
    #soatForm .soatCheckIconImage {
        right: 0
    }
}

#soatForm fieldset {
    background: white;
    border: none;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    position: relative
}

#soatForm fieldset:not(:first-of-type) {
    display: none
}

#soatProgressSteps {
    overflow: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 0 0;
    padding: 0
}

@media (max-width: 1199px) {
    #soatProgressSteps {
        margin-left: auto
    }
}

@media (max-width: 767px) {
    #soatProgressSteps {
        width: 520px;
        max-width: 100%
    }
}

#soatProgressSteps li {
    list-style-type: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 16px 16px 16px;
    float: left;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

@media (max-width: 767px) {
    #soatProgressSteps li {
        display: none;
        padding-left: 0
    }
}

#soatProgressSteps li.visited {
    cursor: pointer
}

#soatProgressSteps li.visited h4 {
    color: #160F27
}

#soatProgressSteps li.visited .soatProgressStepsArrow {
    color: #160F27
}

#soatProgressSteps li.visited .soatProgressStepsCheck {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

@media (max-width: 1199px) {
    #soatProgressSteps li.visited .soatProgressStepsCheck {
        display: none
    }
}

@media (max-width: 767px) {
    #soatProgressSteps li.active {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex
    }
}

#soatProgressSteps li.active h4 {
    color: #259B24;
    border-bottom: 4px solid #259B24
}

#soatProgressSteps li.active .soatProgressStepsArrow {
    color: #A6A8AD
}

#soatProgressSteps li:first-child {
    padding-left: 0
}

@media (max-width: 1199px) {
    #soatProgressSteps li:first-child {
        padding-left: 16px
    }
}

#soatProgressSteps h4 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 19px;
    color: #A6A8AD;
    font-weight: 700;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0;
    padding-bottom: 5px
}

#soatProgressSteps .soatProgressStepsArrow {
    font-size: 7px;
    position: absolute;
    right: -6px;
    top: 5px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media (max-width: 767px) {
    #soatProgressSteps .soatProgressStepsArrow {
        display: none
    }
}

#soatProgressSteps .soatProgressStepsCounter {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 19px;
    color: #259B24;
    font-weight: 400;
    display: none;
    padding-left: 16px
}

@media (max-width: 767px) {
    #soatProgressSteps .soatProgressStepsCounter {
        display: inline-block
    }
}

.soatFormTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 48px;
    line-height: 50px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    max-width: 655px;
    margin: 0 auto 32px auto
}

@media (max-width: 1199px) {
    .soatFormTitle {
        max-width: 520px;
        font-size: 34px;
        line-height: 35px
    }
}

.soatInfoLink,
.soatInfoLinkDesktop {
    display: none;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width: 1199px) {

    .soatInfoLink,
    .soatInfoLinkDesktop {
        margin-bottom: 32px;
        display: inline
    }
}

.soatInfoLink:hover,
.soatInfoLinkDesktop:hover {
    text-decoration: none;
    color: #A6A8AD
}

.soatInfoLink .soatInfoLinkArrowIcon,
.soatInfoLinkDesktop .soatInfoLinkArrowIcon {
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: -2px;
    margin-left: 8px
}

.soatInfoLink .soatInfoLinkArrowIcon:hover,
.soatInfoLinkDesktop .soatInfoLinkArrowIcon:hover {
    text-decoration: none;
    color: #A6A8AD
}

.soatInfoLinkDesktop {
    display: inline
}

@media (max-width: 1199px) {
    .soatInfoLinkDesktop {
        display: none
    }
}

.soatProgressStepsContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 128px
}

@media (max-width: 1199px) {
    .soatProgressStepsContainer {
        margin-bottom: 16px
    }
}

.soatFormSubtitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #160F27;
    margin-top: 32px;
    margin-bottom: 64px
}

.soatFormSubtitle span {
    font-weight: bold
}

@media (max-width: 1199px) {
    .soatFormSubtitle {
        margin-bottom: 32px
    }
}

@media (max-width: 767px) {
    .soatFormSubtitle {
        margin-bottom: 16px
    }
}

.soatFormNextButton {
    width: 100%;
    max-width: 280px;
    margin: 40px auto 64px auto;
    position: relative
}

@media (max-width: 1199px) {
    .soatFormNextButton {
        margin-bottom: 40px
    }
}

.progress {
    position: relative;
    overflow: visible;
    background-color: #E3E6EA;
    border-radius: unset;
    height: 5px;
    width: calc(100% - 40px);
    max-width: 360px;
    margin: 0 auto 128px auto
}

@media (max-width: 1199px) {
    .progress {
        max-width: 520px
    }
}

.progress h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    color: #86898F;
    position: absolute;
    right: 0;
    top: 20px
}

.progress-bar {
    width: 0%;
    height: 5px;
    background-color: #160F27;
    -webkit-transition: all 1.9s;
    transition: all 1.9s
}

.soatInputTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    color: #160F27;
    font-weight: 700;
    width: calc(100% - 56px);
    max-width: 360px;
    text-transform: uppercase;
    text-align: left;
    margin: 0 auto 8px 0
}

@media (max-width: 1199px) {
    .soatInputTitle {
        width: 100%;
        margin-left: auto;
        max-width: 520px
    }
}

.soatInputTitleCentered {
    margin-left: auto
}

.soatInputBox {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #160F27;
    height: 64px;
    width: calc(100% - 56px);
    max-width: 360px;
    border: 2px solid #160F27;
    margin: 0 auto 16px auto;
    padding-left: 24px;
    line-height: 64px
}

.soatInputBox:focus {
    outline: none
}

@media (max-width: 1199px) {
    .soatInputBox {
        width: 100%;
        max-width: 520px
    }
}

.soatInputBoxWrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 520px
}

.soatInputBoxWrapper:after {
    font-family: "sm-icons" !important;
    font-size: 18px;
    line-height: 1;
    color: #160F27;
    text-decoration: none;
    position: absolute;
    top: 32px;
    left: 64px;
    content: ""
}

@media (max-width: 1499px) {
    .soatInputBoxWrapper:after {
        left: 52px
    }
}

@media (max-width: 1199px) {
    .soatInputBoxWrapper:after {
        left: 26px
    }
}

.soatInputBoxWrapper .soatInputBox {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #160F27;
    height: 64px;
    width: 100%;
    max-width: 360px;
    border: 2px solid #160F27;
    border-radius: 0;
    margin: 0 auto 16px auto;
    padding-left: 58px;
    line-height: 64px
}

.soatInputBoxWrapper .soatInputBox:focus {
    outline: none
}

@media (max-width: 1199px) {
    .soatInputBoxWrapper .soatInputBox {
        max-width: 520px
    }
}

.soatInputBoxWrapper .easy-autocomplete {
    width: calc(100% - 56px);
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1199px) {
    .soatInputBoxWrapper .easy-autocomplete {
        width: 100%;
        max-width: 520px
    }
}

.soatInputBoxWrapper .easy-autocomplete-container {
    overflow-y: auto;
    max-height: 200px;
    text-align: left;
    top: 63px
}

.soatInputBoxWrapper .easy-autocomplete-container ul {
    padding-top: 8px
}

.soatInputBoxWrapper .easy-autocomplete-container ul li {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 32px;
    color: #160F27;
    padding: 0 0 0 16px
}

@media (max-width: 1199px) {
    .soatInputBoxWrapper .easy-autocomplete-container ul li {
        line-height: 48px;
        -webkit-box-shadow: inset 0 -1px 0 0 #E3E6EA;
        box-shadow: inset 0 -1px 0 0 #E3E6EA
    }
}

.soatInputBoxWrapper .easy-autocomplete-container ul li a {
    padding: 4px 16px
}

.soatInputBoxWrapper .easy-autocomplete-container ul .eac-category {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    color: #160F27;
    margin: 8px 0;
    padding-left: 16px
}

.soatBikeUseDropdown,
.soatDocumentTypeDropdown,
.soatDepartamentoDropdown,
.soatProvinciaDropdown,
.soatDistritoDropdown {
    width: 100%;
    max-width: 520px;
    margin: 0 auto 16px auto
}

.soatBikeUseDropdown .dropdown-toggle:after,
.soatDocumentTypeDropdown .dropdown-toggle:after,
.soatDepartamentoDropdown .dropdown-toggle:after,
.soatProvinciaDropdown .dropdown-toggle:after,
.soatDistritoDropdown .dropdown-toggle:after {
    vertical-align: baseline;
    position: absolute;
    top: 28px;
    right: 57px;
    border-top: 0.7em solid;
    border-right: 0.5em solid transparent;
    border-left: 0.5em solid transparent
}

@media (max-width: 1499px) {

    .soatBikeUseDropdown .dropdown-toggle:after,
    .soatDocumentTypeDropdown .dropdown-toggle:after,
    .soatDepartamentoDropdown .dropdown-toggle:after,
    .soatProvinciaDropdown .dropdown-toggle:after,
    .soatDistritoDropdown .dropdown-toggle:after {
        right: 38px
    }
}

.soatDocumentTypeDropdown .dropdown-toggle:after,
.soatDepartamentoDropdown .dropdown-toggle:after,
.soatProvinciaDropdown .dropdown-toggle:after,
.soatDistritoDropdown .dropdown-toggle:after {
    right: 111px
}

@media (max-width: 1499px) {

    .soatDocumentTypeDropdown .dropdown-toggle:after,
    .soatDepartamentoDropdown .dropdown-toggle:after,
    .soatProvinciaDropdown .dropdown-toggle:after,
    .soatDistritoDropdown .dropdown-toggle:after {
        right: 72px
    }
}

@media (max-width: 1199px) {

    .soatDocumentTypeDropdown .dropdown-toggle:after,
    .soatDepartamentoDropdown .dropdown-toggle:after,
    .soatProvinciaDropdown .dropdown-toggle:after,
    .soatDistritoDropdown .dropdown-toggle:after {
        right: 32px
    }
}

.soatBikeUseDropdownButton,
.soatDocumentTypeDropdownButton,
.soatDepartamentoDropdownButton,
.soatProvinciaDropdownButton,
.soatDistritoDropdownButton {
    border-radius: 0;
    border: 2px solid #160F27;
    height: 64px;
    width: calc(100% - 56px);
    max-width: 360px;
    background-color: #fff;
    padding-left: 24px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #160F27;
    text-align: left
}

.soatBikeUseDropdownButton:focus,
.soatDocumentTypeDropdownButton:focus,
.soatDepartamentoDropdownButton:focus,
.soatProvinciaDropdownButton:focus,
.soatDistritoDropdownButton:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 1199px) {

    .soatBikeUseDropdownButton,
    .soatDocumentTypeDropdownButton,
    .soatDepartamentoDropdownButton,
    .soatProvinciaDropdownButton,
    .soatDistritoDropdownButton {
        width: 100%;
        max-width: 520px
    }
}

.soatBikeUseDropdownMenu,
.soatDocumentTypeDropdownMenu,
.soatDepartamentoDropdownMenu,
.soatProvinciaDropdownMenu,
.soatDistritoDropdownMenu {
    border-radius: 0;
    border: 2px solid #160F27;
    padding: 0;
    width: 100%;
    max-width: calc(100% - 56px);
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 48px;
    color: #160F27;
    z-index: 2;
    top: -4px !important
}

@media (max-width: 1199px) {

    .soatBikeUseDropdownMenu,
    .soatDocumentTypeDropdownMenu,
    .soatDepartamentoDropdownMenu,
    .soatProvinciaDropdownMenu,
    .soatDistritoDropdownMenu {
        max-width: 520px
    }
}

.soatBikeUseDropdownItem:hover,
.soatDocumentTypeDropdownItem:hover,
.soatDepartamentoDropdownItem:hover,
.soatProvinciaDropdownItem:hover,
.soatDistritoDropdownItem:hover {
    background-color: #E3E6EA;
    color: #160F27
}

.soatBikeUseDropdownItem:active,
.soatDocumentTypeDropdownItem:active,
.soatDepartamentoDropdownItem:active,
.soatProvinciaDropdownItem:active,
.soatDistritoDropdownItem:active {
    background-color: #E3E6EA;
    color: #160F27
}

.sectionOneReviewCol {
    margin-top: 16px
}

.sectionOneExtraTitle,
.sectionFinalExtraTitle,
.soatPaymentSmallTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    color: #160F27;
    font-weight: 700;
    margin: 16px 0;
    text-align: center;
    text-transform: uppercase
}

.sectionFinalExtraTitle {
    margin-top: 56px;
    margin-bottom: 8px
}

@media (max-width: 1199px) {
    .sectionFinalExtraTitle {
        margin-bottom: 24px
    }
}

.sectioOneMaphreLogoSoat {
    margin-bottom: 62px
}

@media (max-width: 1199px) {
    .sectioOneMaphreLogoSoat {
        margin-bottom: 24px
    }
}

.sectionOneExtraText {
    font-family: Roboto Condensed Light, sans-serif;
    font-style: normal;
    font-size: 40px;
    line-height: 42px;
    color: #160F27;
    text-align: center;
    margin-bottom: 0
}

.plateInputCol {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px;
    max-width: calc(100% - 51px)
}

@media (max-width: 1199px) {
    .plateInputCol {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: unset
    }
}

.plateInput {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 23px;
    line-height: 27px;
    color: #160F27;
    width: 64px;
    height: 64px;
    margin-right: 8px;
    padding: 10px 0;
    border: 1.8px solid #160F27;
    text-align: center;
    text-transform: uppercase
}

.plateInput:last-of-type {
    margin-right: 0
}

.plateInput:focus {
    outline: none
}

@media (max-width: 1199px) {
    .plateInput {
        width: 47px;
        height: 47px
    }
}

@media (max-width: 359px) {
    .plateInput {
        width: 42px;
        height: 42px
    }
}

.plateInputTitle {
    max-width: 322px
}

.soatCalendar {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #160F27;
    height: 64px;
    width: 100%;
    border: 2px solid #160F27;
    padding-left: 24px;
    position: relative;
    background-color: transparent
}

.soatCalendar:focus {
    outline: none
}

@media (max-width: 1199px) {
    .soatCalendar {
        width: 320px;
        max-width: 100%
    }
}

.daterangepicker {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #160F27;
    font-weight: 400;
    -webkit-box-shadow: 0 2px 4px 0 rgba(22, 15, 39, 0.5);
    box-shadow: 0 2px 4px 0 rgba(22, 15, 39, 0.5)
}

.daterangepicker .calendar-table {
    background-color: transparent
}

.daterangepicker .month {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    color: #160F27;
    font-weight: 700;
    cursor: default;
    margin-bottom: 16px
}

.daterangepicker .prev,
.daterangepicker .next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: 14px;
    left: 3px
}

.daterangepicker .prev span,
.daterangepicker .next span {
    font-size: 7px;
    font-weight: bold
}

.daterangepicker .next {
    left: unset;
    right: 7px
}

.daterangepicker .calendarMonthGreyBG {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background-color: #F3F3F3;
    -webkit-box-shadow: 0 1px 2px 0 rgba(22, 15, 39, 0.5);
    box-shadow: 0 1px 2px 0 rgba(22, 15, 39, 0.5);
    z-index: -1
}

.daterangepicker .calendarMonthHeader {
    height: 48px;
    vertical-align: baseline;
    position: relative
}

.daterangepicker .calendarDaysHeader {
    height: 24px;
    vertical-align: baseline
}

.daterangepicker .calendarDaysHeader th {
    cursor: default
}

.daterangepicker:before {
    top: -7px;
    bottom: unset;
    border-top: unset;
    border-bottom: 7px solid #ccc
}

.daterangepicker:after {
    top: -6px;
    bottom: unset;
    border-top: unset;
    border-bottom: 6px solid #fff
}

.daterangepicker.active:before {
    top: unset;
    bottom: -7px;
    border-top: 7px solid #ccc;
    border-bottom: unset
}

.daterangepicker.active:after {
    top: unset;
    bottom: -6px;
    border-top: 6px solid #fff;
    border-bottom: unset
}

.calendarWrapper {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1199px) {
    .calendarWrapper {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 100%
    }
}

.calendarIcon {
    position: absolute;
    top: 26px;
    right: 24px
}

.calendarIcon:before {
    font-family: "sm-icons" !important;
    font-size: 27px;
    line-height: 1;
    color: #160F27;
    text-decoration: none;
    content: ""
}

.soatExtraInfo {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #A6A8AD;
    max-width: 322px;
    margin: 8px auto 0 auto;
    padding-bottom: 40px;
    text-align: left
}

@media (max-width: 1199px) {
    .soatExtraInfo {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-bottom: 1px solid #E3E6EA
    }
}

.soatResumenTitle {
    width: 100%;
    padding-bottom: 8px;
    border-bottom: 1px solid #160F27
}

@media (max-width: 1199px) {
    .soatResumenTitle {
        max-width: 322px;
        margin-top: 40px
    }
}

.soatResumenItemEditIcon {
    display: none;
    font-size: 14px;
    position: absolute;
    top: 2px;
    right: -24px
}

.soatResumenItemContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 322px;
    margin: 16px auto 0 auto;
    cursor: pointer;
    position: relative
}

@media (max-width: 1199px) {
    .soatResumenItemContainer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.soatResumenItemContainer:hover .soatResumenItemEditIcon {
    display: block
}

.soatResumenItemTitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #160F27;
    margin-bottom: 0;
    margin-right: 8px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.soatResumenItemInfo {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #160F27;
    margin-bottom: 0;
    text-align: right
}

.soatResumenItemSpecialContainer {
    padding-top: 24px;
    border-top: 1px solid #160F27;
    margin-bottom: 205px
}

@media (max-width: 1199px) {
    .soatResumenItemSpecialContainer {
        margin-bottom: 0
    }
}

.soatResumenItemInfoTotal {
    font-size: 18px;
    line-height: 21px
}

.soatResumenItemDireccionContainer {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    text-align: right
}

.soatResumenExtraPadding {
    margin-bottom: 128px
}

.soatBigCheckmark {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background-color: #259B24;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px auto
}

.soatBigCheckmark span {
    color: #fff;
    font-size: 37px;
    position: relative;
    top: -2px
}

.soatPaymentContainer {
    padding: 0 20px;
    text-align: center
}

.soatMainDetailsCol {
    border-bottom: 1px solid #160F27;
    margin-top: 48px
}

@media (max-width: 1199px) {
    .soatMainDetailsCol {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .soatMainDetailsCol {
        border-bottom: unset
    }
}

.soatPaymentSmallTitle {
    text-align: left
}

@media (max-width: 1199px) {
    .soatPaymentSmallTitle {
        text-align: center
    }
}

.soatPaymentCodeContainer {
    width: 197px;
    height: 72px;
    background-color: #F3F3F3;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .soatPaymentCodeContainer {
        margin: 0 auto 16px auto;
        max-width: 100%;
        width: 320px
    }
}

.soatPaymentCode {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 26px;
    line-height: 30px;
    color: #160F27;
    font-weight: 400;
    width: 100%;
    text-align: center;
    margin-bottom: 0
}

.soatProviderTitle {
    max-width: 191px;
    margin-left: auto;
    margin-right: auto
}

.soatPaymentMaphreLogo {
    height: 24px;
    margin-top: 16px
}

@media (max-width: 767px) {
    .soatPaymentMaphreLogo {
        margin-top: -24px
    }
}

.soatTotalTitle {
    text-align: right;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto
}

@media (max-width: 1199px) {
    .soatTotalTitle {
        width: 100%;
        text-align: center
    }
}

.soatPaymentTotal {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 40px;
    line-height: 72px;
    color: #160F27;
    font-weight: 400;
    text-align: left;
    width: 122px;
    margin-left: auto;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .soatPaymentTotal {
        width: 100%;
        text-align: center
    }
}

@media (max-width: 767px) {
    .soatPaymentTotal {
        line-height: 53px;
        margin-top: -8px
    }
}

.soatPaymentSteps {
    border-top: 1px solid #E3E6EA
}

@media (max-width: 767px) {
    .soatPaymentSteps {
        padding-bottom: 24px;
        border-bottom: 1px solid #E3E6EA
    }
}

.soatPaymentStepsTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 29px;
    line-height: 38px;
    color: #160F27;
    font-weight: 400;
    margin-top: 56px;
    margin-bottom: 56px;
    text-align: center
}

.soatPaymentStepsTitle span {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 29px;
    line-height: 38px;
    color: #160F27;
    font-weight: 700
}

@media (max-width: 767px) {
    .soatPaymentStepsTitle {
        margin-top: 24px;
        margin-bottom: 32px;
        font-size: 20px;
        line-height: 26px
    }

    .soatPaymentStepsTitle span {
        font-size: 20px;
        line-height: 26px
    }
}

.soatPaymentStepContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 5px solid #F3F3F3;
    position: relative;
    padding: 32px 0
}

@media (max-width: 767px) {
    .soatPaymentStepContainer {
        display: block;
        border-left: unset;
        padding: 16px 0
    }
}

.soatPaymentStepTopCircle,
.soatPaymentStepBottomCircle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #F3F3F3;
    position: absolute;
    top: -15px;
    left: -11px
}

@media (max-width: 767px) {

    .soatPaymentStepTopCircle,
    .soatPaymentStepBottomCircle {
        display: none
    }
}

.soatPaymentStepBottomCircle {
    top: unset;
    bottom: -15px
}

.soatPaymentStepHorizontalLine {
    width: 14px;
    height: 5px;
    background-color: #F3F3F3
}

@media (max-width: 767px) {
    .soatPaymentStepHorizontalLine {
        display: none
    }
}

.soatPaymentStepNumber {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 64px;
    color: #160F27;
    font-weight: 700;
    margin: 0 72px 0 24px
}

@media (max-width: 767px) {
    .soatPaymentStepNumber {
        margin: 0 auto 10px auto
    }
}

.soatPaymentStepInfoTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 8px
}

@media (max-width: 767px) {
    .soatPaymentStepInfoTitle {
        text-align: center
    }
}

.soatPaymentStepInfoText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    color: #160F27;
    text-align: left;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .soatPaymentStepInfoText {
        text-align: center
    }
}

@media (max-width: 1199px) {
    .soatPaymentResumenTitle {
        margin-top: 88px
    }
}

.soatPaymentTypesTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    font-weight: 700;
    margin: 32px 0;
    text-align: left;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .soatPaymentTypesTitle {
        text-align: center
    }
}

.soatPaymentMainLink {
    width: 33%;
    height: 64px;
    max-width: 258px;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #86898F;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    text-align: center;
    padding: 0
}

.soatPaymentMainLink h4 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .soatPaymentMainLink h4 {
        font-size: 14px
    }
}

.soatPaymentMainLink.active {
    background-color: #160F27
}

.soatPaymentMainLink:hover {
    color: #F3F3F3
}

.soatPaymentMainLink:first-child {
    border-left: unset
}

.soatPaymentOptionOneTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #160F27;
    font-weight: 700;
    margin: 32px 0;
    text-align: left;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .soatPaymentOptionOneTitle {
        margin-top: 21px;
        text-align: center
    }
}

.soatNavLinksBanks {
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767px) {
    .soatNavLinksBanks {
        margin: 0 auto 32px auto;
        width: 167px
    }
}

.soatNavLinksBanks.active .soatNavLinkCircle {
    -webkit-box-shadow: 0 0 0 2px #259B24;
    box-shadow: 0 0 0 2px #259B24;
    background-color: #259B24
}

.soatNavLinkCircle {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px #160F27;
    box-shadow: 0 0 0 2px #160F27;
    border: 3px solid #fff;
    background-color: #fff;
    margin-right: 16px
}

.soatNavLinkBankImage {
    height: 22px;
    max-width: calc(100% - 52px);
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain
}

@media (max-width: 767px) {
    .soatNavLinkBankImage {
        max-width: 100%
    }
}

.soatNavLinkBBVAImage {
    height: 34px
}

#soatPaymentTypesOptionOneTabs {
    margin-bottom: 28px
}

@media (max-width: 767px) {
    #soatPaymentTypesOptionOneTabs {
        margin-bottom: 8px
    }
}

#soatInfoModal {
    display: none
}

#soatInfoModalBaseDialog {
    overflow-x: hidden;
    width: 1048px;
    height: 640px;
    max-width: unset;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1199px) {
    #soatInfoModalBaseDialog {
        width: 100%;
        height: auto;
        top: 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

#soatInfoModalBaseDialog .modal-content {
    width: 100%;
    border-radius: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

@media (max-width: 1199px) {
    #soatInfoModalBaseDialog .modal-content {
        width: 100vw;
        height: 100vh;
        overflow-y: hidden;
        padding-top: 24px
    }
}

#soatInfoModalBaseDialog .modal-header {
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1199px) {
    #soatInfoModalBaseDialog .modal-header {
        margin-top: 8px
    }
}

#soatInfoModalBaseDialog .modal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    position: relative;
    padding: 0
}

@media (max-width: 1199px) {
    #soatInfoModalBaseDialog .modal-body {
        display: block;
        margin-top: 8px;
        padding: 0 20px
    }
}

#soatInfoModalBaseDialog #soatInfoModalTabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#soatInfoModalBaseDialog .tab-pane {
    width: 100%;
    height: calc(100vh - 35px);
    background-color: #fff
}

#soatInfoModalTabContent .tab-pane {
    padding: 0 20px;
    height: 100%;
    min-height: unset
}

@media (max-width: 1199px) {
    #soatInfoModalTabContent .tab-pane {
        min-height: calc(100vh - 35px);
        height: auto
    }
}

#soatInfoModalTabContent {
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 100%;
    overflow-y: auto;
    padding: 60px
}

@media (max-width: 1199px) {
    #soatInfoModalTabContent {
        margin-left: 100%;
        position: absolute;
        top: -30px;
        left: 0;
        height: unset;
        overflow-y: unset;
        padding: 0
    }
}

#soatInfoModalTabContent.active {
    margin-left: 0
}

.soatModalBackButton {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-left: 20px;
    margin-right: 16px
}

.soatModalBackButton:hover span {
    color: #A6A8AD
}

.soatModalBackButton:focus {
    outline: none
}

.soatInfoModalAboutTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 42px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .soatInfoModalAboutTitle {
        font-size: 16px;
        line-height: 16px
    }
}

.soatInfoModalBodyText {
    font-family: Roboto Light, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #160F27;
    margin-top: 10px;
    margin-bottom: 8px
}

@media (max-width: 1199px) {
    .soatInfoModalBodyText {
        margin-top: 44px
    }
}

.soatInfoModalLink {
    height: 57px;
    padding: 0;
    border-bottom: 1px solid #160F27;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

.soatInfoModalLink.active .soatInfoModalLinkText {
    color: #259B24
}

@media (max-width: 1199px) {
    .soatInfoModalLink.active .soatInfoModalLinkText {
        color: #160F27
    }
}

.soatInfoModalLink:hover .soatInfoModalLinkText,
.soatInfoModalLink:hover .soatInfoModalLinkIcon {
    color: #A6A8AD
}

.soatInfoModalLinkText {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}

.soatInfoModalLinkIcon {
    font-size: 7px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #160F27;
    padding-top: 16px
}

.soatInfoModalLinkContainer {
    margin: auto 0
}

.soatInfoModalTabContentHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.soatInfoModalTabContentHeader .soatModalHideContent {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-right: 16px
}

.soatInfoModalTabContentHeader .soatModalHideContent:last-child {
    margin-left: auto;
    margin-right: 0
}

.soatInfoModalTabContentHeader .soatModalHideContent:hover {
    color: #A6A8AD
}

.soatInfoModalTabContentHeader .soatModalHideContent:focus {
    outline: none
}

.soatInfoModalTabContentHeader .soatModalBackToTabsText {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}

.soatInfoModalTabContentHeader .soatModalHideContentContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.soatInfoModalTabContentHeader .soatModalHideContentContainer:hover .soatModalHideContent,
.soatInfoModalTabContentHeader .soatModalHideContentContainer:hover .soatModalBackToTabsText {
    color: #A6A8AD
}

.soatInfoModalTabContentMainTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 34px;
    line-height: 35px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 16px
}

@media (max-width: 1199px) {
    .soatInfoModalTabContentMainTitle {
        margin-top: 40px
    }
}

.soatInfoModalLine {
    width: 30px;
    height: 6px;
    background-color: #160F27
}

.soatInfoModalTabContentText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 28px;
    color: #160F27;
    margin-top: 32px;
    padding-bottom: 128px;
    margin-bottom: 0
}

.soatResumenCol {
    margin-left: 0;
    padding-left: 48px !important;
    border-left: 1px solid #E3E6EA
}

@media (max-width: 1199px) {
    .soatResumenCol {
        padding-left: 0 !important;
        max-width: unset;
        border-left: none
    }
}

.soatResumenColExtraMargin {
    margin-left: 48px
}

@media (max-width: 1199px) {
    .soatResumenColExtraMargin {
        margin-left: 0
    }
}

.soatResumenColExtraMargin .soatResumenTitle {
    width: calc(100% - 48px)
}

.soatResumenColExtraMargin .soatResumenItemContainer {
    margin-left: 0;
    width: calc(100% - 48px)
}

@media (max-width: 1199px) {
    .soatResumenColExtraMargin .soatResumenItemContainer {
        margin-left: auto
    }
}

.soatLeftAlignedTypeRow {
    text-align: left
}

@media (max-width: 1199px) {
    .soatLeftAlignedTypeRow {
        text-align: center
    }
}

.soatColsForDesktop {
    position: relative
}

.soatGoBackButtonContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 56px
}

@media (max-width: 1199px) {
    .soatGoBackButtonContainer {
        width: 520px;
        max-width: 100%;
        margin: 0 auto 24px auto
    }
}

.soatGoBackButtonContainer:hover .soatGoBackButtonIcon,
.soatGoBackButtonContainer:hover .soatGoBackButtonText {
    color: #A6A8AD
}

.soatGoBackButtonIcon {
    font-size: 11px;
    margin-right: 8px
}

.soatGoBackButtonText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 13px;
    color: #160F27;
    margin-bottom: 0
}

.soatProgressStepsCheck {
    display: none;
    width: 19px;
    height: 19px;
    margin-right: 12px;
    border-radius: 50%;
    background-color: #259B24;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.soatProgressStepsCheck span {
    font-size: 9px;
    color: #fff
}

.soatModalBodyLeftCol {
    width: 40%;
    background-color: #F7F8FB;
    padding: 60px
}

@media (max-width: 1199px) {
    .soatModalBodyLeftCol {
        width: unset;
        padding: 0;
        background-color: #fff
    }
}

.soatModalBodyRightCol {
    width: 60%
}

@media (max-width: 1199px) {
    .soatModalBodyRightCol {
        width: unset
    }
}

.soatModalCloseForDesktop {
    position: absolute;
    top: 16px;
    right: 32px;
    background-color: transparent;
    border: none;
    padding: 0
}

.soatModalCloseForDesktop:hover span {
    color: #A6A8AD
}

.soatModalCloseForDesktop:focus {
    outline: none
}

.soatMainDetailsRow {
    margin-bottom: 128px;
    padding-right: 60px;
    border-right: 1px solid #F3F3F3
}

@media (max-width: 1199px) {
    .soatMainDetailsRow {
        margin-bottom: 0;
        padding-right: 0;
        border-right: unset
    }
}

.soatPaymentResumenRow {
    padding-left: 60px
}

@media (max-width: 1199px) {
    .soatPaymentResumenRow {
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .soatPaymentResumenRow .soatPaymentResumenTitle {
        margin-top: 32px
    }
}

#fieldsetResumenFinal .sectionFinalExtraTitle {
    margin-top: 16px
}

.soat-promo-hero {
    background: -webkit-gradient(linear, right top, left top, from(#1d0030), color-stop(50%, #ff6510));
    background: linear-gradient(-90deg, #1d0030 0%, #ff6510 50%);
    position: relative
}

.soat-promo-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:center";
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.soat-promo-hero-content {
    position: relative
}

.soat-yellow-end {
    background-color: #F3D553;
    background-image: url("soat-yellow-section-end.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.soat-hero-text-container {
    color: white;
    font-size: 56px;
    font-family: Agency FB Bold;
    line-height: 1;
    padding-bottom: 250px
}

.soat-catalog-button {
    margin: 80px 0;
    background: #250737;
    color: #FFE424;
    text-transform: uppercase;
    font-size: 24px;
    padding: 15px 25px;
    border: none;
    border-radius: 35px;
    font-family: Agency FB Bold
}

.soat-logo-container {
    text-align: right;
    padding-top: 40px;
    padding-bottom: 40px
}

.soat-subtilte {
    font-size: 32px;
    font-family: Agency FB Bold;
    text-transform: uppercase;
    text-align: center;
    text-decoration: underline
}

.terms-container {
    padding: 40px 0px
}

.terms-container h5 {
    font-family: Roboto;
    font-size: 16px;
    margin-bottom: 24px
}

.terms-container ul {
    font-family: Roboto;
    font-size: 16px;
    padding-left: 0;
    list-style: square inside
}

.soat-cto-action {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 80px
}

.soat-step-text {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    position: absolute;
    right: -55px;
    left: -55px;
    bottom: -150px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Agency FB Bold, Arial Narrow, sans-serif
}

.soat-steps-container {
    margin-top: 120px;
    padding-bottom: 240px
}

@media (max-width: 767px) {
    .soat-sign {
        display: none
    }

    .soat-landing-title {
        font-size: 26px;
        text-align: center
    }

    .soat-hero-text-container {
        padding-bottom: 0;
        text-align: center
    }

    .soat-catalog-button {
        margin: 40px 0;
        font-size: 22px
    }

    .soat-logo-container {
        padding-top: 16px;
        padding-bottom: 32px
    }

    .soat-logo-container img {
        height: 40px
    }

    .soat-subtilte {
        font-size: 21px
    }

    .terms-container {
        padding: 0px
    }

    .terms-container h5 {
        margin-bottom: 24px
    }

    .terms-container h5,
    .terms-container ul {
        font-size: 12px
    }

    .soat-cto-action {
        padding-bottom: 40px
    }

    .soat-cto-action .soat-catalog-button {
        margin: 0
    }

    .soat-step-text {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        position: initial;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .soat-step-number {
        line-height: 73px;
        margin-left: 18px
    }

    .soat-step-container {
        margin-bottom: 24px
    }

    .soat-step-container:last-child {
        margin-bottom: 0
    }

    .soat-steps-container {
        margin-top: 48px;
        padding-bottom: 48px
    }
}

#marcasHeroSection {
    background-color: black;
    position: relative;
    margin-bottom: 150px
}

#marcasHeroSection .marcasBGImage {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:bottom";
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

#mainMarcasContainer .splash {
    padding-top: 119px;
    padding-bottom: 68px
}

#mainMarcasContainer .fichaGeneralBikeSpecsRow {
    margin-top: 70px
}

#mainMarcasContainer .marcasMotoTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 39px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 0.78
}

@media (max-width: 767px) {
    #mainMarcasContainer .marcasMotoTitle {
        font-size: 18px
    }
}

#mainMarcasContainer .marcasBrandTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 138px;
    line-height: 140px;
    color: #fff;
    text-transform: uppercase;
    margin-left: -0.037em;
    white-space: nowrap;
    display: inline;
    line-height: 0.78
}

@media (max-width: 767px) {
    #mainMarcasContainer .marcasBrandTitle {
        font-size: 48px
    }
}

#mainMarcasContainer .marcasBrandLogoImage {
    height: 100px;
    width: 200px;
    -o-object-fit: contain;
    font-family: "object-fit:contain;object-position:right";
    object-fit: contain;
    -o-object-position: right;
    object-position: right;
    margin-bottom: 24px
}

#mainMarcasContainer .marcasMostSeenTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 8px
}

@media (max-width: 991px) {
    #mainMarcasContainer .marcasMostSeenTitle {
        margin-top: 196px
    }
}

@media (max-width: 767px) {
    #mainMarcasContainer .marcasMostSeenTitle {
        margin-top: 40px
    }
}

#mainMarcasContainer .marcasWhiteLine {
    width: 22px;
    height: 4px;
    background-color: #fff;
    margin-left: auto;
    margin-bottom: 155px
}

@media (max-width: 1199px) {
    #mainMarcasContainer .marcasWhiteLine {
        margin-bottom: 116px
    }
}

@media (max-width: 991px) {
    #mainMarcasContainer .marcasWhiteLine {
        margin-bottom: 152px
    }
}

@media (max-width: 767px) {
    #mainMarcasContainer .marcasWhiteLine {
        margin-bottom: 88px
    }
}

#mainMarcasContainer #menuNavBar {
    padding: 0 16px
}

@media (max-width: 767px) {
    #mainMarcasContainer #menuNavBar {
        padding: 0
    }
}

.marcasBrandDescription {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 17px;
    line-height: 28px;
    color: #fff;
    max-width: 428px;
    margin-bottom: 62px;
    margin-left: auto
}

#bgMarcasContainer {
    height: auto;
    padding: 0;
    background-size: cover;
    position: relative
}

#bgMarcasContainer .ficha-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:bottom";
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7
}

#bgMarcasContainer .navbarQuickModelSearchBoxDiv {
    top: 104px;
    left: 0
}

#bgMarcasContainer .simulatedTopOverlay {
    height: 104px
}

@media (max-width: 1199px) {
    #bgMarcasContainer .simulatedTopOverlay {
        right: -15px
    }
}

#mainMarcasContainer {
    position: relative;
    display: block;
    height: 100%;
    width: 100%
}

.marcasBikeSpecsContainer {
    position: relative
}

@media (max-width: 1199px) {
    .marcasBikeSpecsContainer {
        padding: 0 33px
    }
}

@media (max-width: 767px) {
    .marcasBikeSpecsContainer {
        padding: 0
    }
}

.marcasGeneralBikeSpecsRow {
    margin-top: 40px;
    padding: 0
}

@media (min-width: 2000px) {
    .marcasGeneralBikeSpecsRow {
        margin-top: 64px
    }
}

@media (max-width: 1199px) {
    .marcasGeneralBikeSpecsRow {
        margin-top: 16px;
        padding: 0 33px
    }
}

@media (max-width: 767px) {
    .marcasGeneralBikeSpecsRow {
        margin-top: 16px;
        padding: 0
    }
}

#leftColMarcasSpecs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width: 767px) {
    #leftColMarcasSpecs {
        padding: 0 20px
    }
}

@media (max-width: 1199px) {
    #leftColMarcasSpecs .aspec-ratio {
        padding-top: 48%
    }
}

@media (max-width: 991px) {
    #leftColMarcasSpecs .aspec-ratio {
        padding-top: 33%
    }
}

@media (max-width: 767px) {
    #leftColMarcasSpecs .aspec-ratio {
        padding-top: 0
    }
}

#rightColMarcasSpecs {
    text-align: right
}

@media (max-width: 767px) {
    #rightColMarcasSpecs {
        padding: 0 20px
    }
}

@media (max-width: 991px) {

    #rightColMarcasSpecs .marcasBrandLogoImage,
    #rightColMarcasSpecs .marcasBrandDescription {
        display: none
    }
}

section.marca-cta {
    text-align: center;
    padding-bottom: 40px
}

.marcasBikesCarouselSection {
    margin: 0 96px
}

@media (max-width: 1199px) {
    .marcasBikesCarouselSection {
        margin: 0 48px
    }
}

@media (max-width: 767px) {
    .marcasBikesCarouselSection {
        margin: 0 20px
    }
}

#marcasPlayButton {
    width: 310px;
    height: 310px;
    border: none;
    background-color: transparent;
    margin: auto;
    padding: 0;
    position: relative
}

#marcasPlayButton:focus {
    outline: none
}

@media (max-width: 767px) {
    #marcasPlayButton {
        width: 190px;
        height: 190px
    }
}

.playButtonOuterCircle,
.playButtonCircle,
.playButtonInnerCircle {
    width: 310px;
    height: 310px;
    border: 1px solid rgba(255, 255, 255, 0.41);
    border-radius: 50%;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {

    .playButtonOuterCircle,
    .playButtonCircle,
    .playButtonInnerCircle {
        width: 190px;
        height: 190px
    }
}

.playButtonOuterCircle:hover,
.playButtonCircle:hover,
.playButtonInnerCircle:hover {
    border-color: rgba(255, 255, 255, 0.9)
}

.playButtonOuterCircle:hover .playButtonCircle,
.playButtonOuterCircle:hover .playButtonInnerCircle,
.playButtonCircle:hover .playButtonCircle,
.playButtonCircle:hover .playButtonInnerCircle,
.playButtonInnerCircle:hover .playButtonCircle,
.playButtonInnerCircle:hover .playButtonInnerCircle {
    border-color: rgba(255, 255, 255, 0.9)
}

.playButtonOuterCircle:hover .playButtonCirclesText,
.playButtonCircle:hover .playButtonCirclesText,
.playButtonInnerCircle:hover .playButtonCirclesText {
    color: #fff
}

.playButtonCircle {
    width: 265px;
    height: 265px
}

@media (max-width: 767px) {
    .playButtonCircle {
        width: 161px;
        height: 161px
    }
}

.playButtonInnerCircle {
    width: 216px;
    height: 216px
}

@media (max-width: 767px) {
    .playButtonInnerCircle {
        width: 132px;
        height: 132px
    }
}

.marcas-yt-modal {
    z-index: 0;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 310px;
    height: 310px
}

@media (max-width: 767px) {
    .marcas-yt-modal {
        width: 190px;
        height: 190px
    }
}

#marcasVideoBGPlayButton {
    width: 100%;
    height: 578px;
    display: table
}

@media (max-width: 767px) {
    #marcasVideoBGPlayButton {
        height: 360px
    }
}

.playButtonCirclesText {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 17px;
    line-height: 23px;
    color: #BBBDC1;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 12px
}

.playButtonCirclesText span {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 98px;
    line-height: 130px;
    color: #fff;
    padding-left: 8px
}

@media (max-width: 767px) {
    .playButtonCirclesText {
        font-size: 12px;
        line-height: 16px
    }

    .playButtonCirclesText span {
        font-size: 40px;
        line-height: 52px
    }
}

.marcasModelsButton {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 64px;
    color: #160F27;
    font-weight: 700;
    padding: 0 24px;
    max-width: 100%;
    background-color: #F3D553
}

.marcasModelsButton:hover {
    background-color: #FBE06E
}

@media (max-width: 767px) {
    .marcasModelsButton {
        font-size: 12px
    }
}

.marcasDestacadosTitleContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.marcasDestacadosTitleContainer .marcasDestacadosBrandLogoImage:first-child {
    display: none;
    margin-left: auto;
    margin-right: auto
}

.marcasDestacadosTitleContainer .marcasBrandDescription {
    display: none;
    color: #160F27;
    margin: 40px auto;
    max-width: unset
}

@media (max-width: 767px) {
    .marcasDestacadosTitleContainer .marcasBrandDescription {
        margin-top: 24px;
        margin-bottom: 56px
    }
}

@media (max-width: 991px) {
    .marcasDestacadosTitleContainer {
        display: block
    }

    .marcasDestacadosTitleContainer .marcasDestacadosBrandLogoImage:first-child {
        display: block
    }

    .marcasDestacadosTitleContainer .marcasBrandDescription {
        display: block
    }
}

.marcasSecondaryTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 70px;
    color: #160F27;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .marcasSecondaryTitle {
        font-size: 34px;
        line-height: 35px;
        margin-bottom: 16px
    }
}

.marcasBlueLine {
    width: 40px;
    height: 6px;
    margin-bottom: 48px;
    background-color: #160F27
}

.marcasModelsSection {
    background-color: #F3F3F3;
    padding-top: 128px;
    padding-bottom: 40px
}

@media (max-width: 767px) {
    .marcasModelsSection {
        padding-top: 56px
    }
}

.marcasModelsSection .marcasSecondaryTitle {
    text-align: right
}

.marcasModelsSection .marcasBlueLine {
    margin-left: auto
}

.marcasModelsSection .info-resultados {
    margin-left: 0;
    margin-right: 0
}

.marcasModelsSection #resultsContainer,
.marcasModelsSection .results-container-loading {
    margin: 0
}

@media (max-width: 1199px) {

    .marcasModelsSection #resultsContainer .resultado-container,
    .marcasModelsSection .results-container-loading .resultado-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }
}

@media (max-width: 991px) {

    .marcasModelsSection #resultsContainer .resultado-container,
    .marcasModelsSection .results-container-loading .resultado-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 575px) {

    .marcasModelsSection #resultsContainer .resultado-container,
    .marcasModelsSection .results-container-loading .resultado-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.marcasModelsSection #resultsContainer .resultado,
.marcasModelsSection .results-container-loading .resultado {
    min-height: 230px
}

.marcasModelsSection .login-modal-toggle,
.marcasModelsSection .icon-compare,
.marcasModelsSection .icon-favorite {
    font-size: 20px;
    color: #B1B4B8;
    display: block;
    text-decoration: none
}

.marcasModelsSection .login-modal-toggle:hover,
.marcasModelsSection .icon-compare:hover,
.marcasModelsSection .icon-favorite:hover {
    color: #86898f
}

@media (hover: none),
(hover: on-demand) {

    .marcasModelsSection .login-modal-toggle:hover:hover,
    .marcasModelsSection .icon-compare:hover:hover,
    .marcasModelsSection .icon-favorite:hover:hover {
        color: #B1B4B8
    }
}

@media (min-width: 576px) {

    .marcasModelsSection #resultsContainer.list-view .resultado-container,
    .marcasModelsSection .results-container-loading.list-view .resultado-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .marcasModelsSection #resultsContainer.list-view .resultado,
    .marcasModelsSection .results-container-loading.list-view .resultado {
        min-height: unset
    }
}

@media (min-width: 576px) {

    .marcasModelsSection .chosenOnesResults #resultsContainer.list-view .iconos-imagen,
    .marcasModelsSection .chosenOnesResults .results-container-loading.list-view .iconos-imagen {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important
    }

    .marcasModelsSection .chosenOnesResults #resultsContainer.list-view .iconos-imagen .icon-compare,
    .marcasModelsSection .chosenOnesResults #resultsContainer.list-view .iconos-imagen .icon-favorite,
    .marcasModelsSection .chosenOnesResults .results-container-loading.list-view .iconos-imagen .icon-compare,
    .marcasModelsSection .chosenOnesResults .results-container-loading.list-view .iconos-imagen .icon-favorite {
        display: none
    }
}

.marcasModelsSection .orderBySelectorTitle .order-text {
    font-weight: bold
}

.aboutBrandContainerDifferentBackground {
    background-color: #F7F8FB
}

@media (max-width: 767px) {
    .aboutBrandContainerDifferentBackground .brand-logo-parent {
        height: 28px
    }
}

.marcasDestacadosBrandLogoImage {
    height: 38px;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

@media (max-width: 991px) {
    .marcasDestacadosBrandLogoImage {
        display: none
    }
}

.marcasDestacadosCarousel .slick-list,
.marcasBikesCarousel .slick-list {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width: 767px) {

    .marcasDestacadosCarousel .slick-list,
    .marcasBikesCarousel .slick-list {
        padding-top: 0;
        padding-bottom: 0
    }
}

.marcasDestacadosCarousel .slick-slide,
.marcasDestacadosCarousel .slick-cloned,
.marcasBikesCarousel .slick-slide,
.marcasBikesCarousel .slick-cloned {
    -webkit-transform: translateZ(0) scale(0.9);
    transform: translateZ(0) scale(0.9);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=77)";
    opacity: 0.77;
    overflow: visible
}

.marcasDestacadosCarousel .slick-slide img,
.marcasDestacadosCarousel .slick-cloned img,
.marcasBikesCarousel .slick-slide img,
.marcasBikesCarousel .slick-cloned img {
    width: 73%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.marcasDestacadosCarousel .slick-active,
.marcasBikesCarousel .slick-active {
    background: none;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.marcasDestacadosCarousel .slick-slide,
.marcasBikesCarousel .slick-slide {
    margin-right: -12px;
    margin-left: -12px;
    width: 100%;
    height: 480px;
    overflow: visible
}

.marcasDestacadosCarousel .slick-slide:focus,
.marcasDestacadosCarousel .slick-slide a,
.marcasBikesCarousel .slick-slide:focus,
.marcasBikesCarousel .slick-slide a {
    outline: none
}

@media (max-width: 767px) {

    .marcasDestacadosCarousel .slick-slide,
    .marcasBikesCarousel .slick-slide {
        height: 240px;
        -webkit-box-shadow: unset;
        box-shadow: unset
    }
}

.marcasBikesCarousel .slick-list {
    margin: 0 32px;
    padding-top: 44px;
    top: -24px
}

@media (max-width: 767px) {
    .marcasBikesCarousel .slick-list {
        top: 28px
    }
}

.marcasBikesCarousel .slick-slide,
.marcasBikesCarousel .slick-cloned {
    padding: 0 22px;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-transition: unset;
    transition: unset;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.marcasBikesCarousel .slick-slide img,
.marcasBikesCarousel .slick-cloned img {
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain;
    position: absolute;
    bottom: 15%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 991px) {

    .marcasBikesCarousel .slick-slide img,
    .marcasBikesCarousel .slick-cloned img {
        max-width: 265px;
        bottom: 30%
    }
}

@media (max-width: 480px) {

    .marcasBikesCarousel .slick-slide img,
    .marcasBikesCarousel .slick-cloned img {
        max-width: 100%;
        bottom: 43%
    }
}

.marcasBikesCarousel .slick-slide a:hover,
.marcasBikesCarousel .slick-cloned a:hover {
    text-decoration: none
}

.marcasBikesCarousel .slick-slide h3.marcasBikesModelCarouselText,
.marcasBikesCarousel .slick-cloned h3.marcasBikesModelCarouselText {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media (max-width: 991px) {

    .marcasBikesCarousel .slick-slide h3.marcasBikesModelCarouselText,
    .marcasBikesCarousel .slick-cloned h3.marcasBikesModelCarouselText {
        bottom: 16%
    }
}

.marcasBikesCarousel .slick-active {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: unset;
    transition: unset
}

.marcasBikesCarousel .slick-slide {
    height: 260px;
    position: relative
}

.marcasDestacadosCarouselContainer .myCarouselButton,
.marcasBikesCarouselContainer .myCarouselButton {
    background-color: #160F27
}

.marcasDestacadosCarouselContainer .myCarouselButton svg g,
.marcasBikesCarouselContainer .myCarouselButton svg g {
    fill: #fff
}

.marcasDestacados {
    margin: 0 96px 96px 96px
}

@media (max-width: 1199px) {
    .marcasDestacados {
        margin: 0 48px 96px 48px
    }
}

@media (max-width: 767px) {
    .marcasDestacados {
        margin: -35px 0 0 0
    }

    .marcasDestacados .marcasBrandDescription,
    .marcasDestacados .marcasSecondaryTitle,
    .marcasDestacados .marcasBlueLine {
        margin-left: 20px;
        margin-right: 20px
    }

    .marcasDestacados .marcasBlueLine {
        margin-bottom: 48px
    }
}

.marcasVideoContainer {
    margin-top: 128px
}

@media (max-width: 767px) {
    .marcasVideoContainer {
        margin-top: 56px
    }
}

.marcasVideoContainer .marcasSecondaryTitle,
.marcasVideoContainer .marcasBlueLine {
    margin-left: 96px
}

@media (max-width: 1199px) {

    .marcasVideoContainer .marcasSecondaryTitle,
    .marcasVideoContainer .marcasBlueLine {
        margin-left: 33px
    }
}

@media (max-width: 767px) {

    .marcasVideoContainer .marcasSecondaryTitle,
    .marcasVideoContainer .marcasBlueLine {
        margin-left: 5px
    }
}

.marcasVideoContainer .backgroundPhoto {
    min-width: calc(100vw - 17px)
}

.marcasBikesCarouselContainer {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.marcasBikesModelCarouselText {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #160F27;
    font-weight: 400;
    text-align: center
}

.iframeCarousel {
    width: 100%;
    height: 100%
}

.video-wrap,
.video-item {
    height: 100%
}

.icon-play-ytb {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 67px;
    height: 67px;
    vertical-align: middle;
    cursor: pointer
}

.icon-play-ytb span {
    color: #F3D553
}

.icon-play-ytb:hover .playButtonInnerBorder {
    border-color: #fff
}

.icon-play-ytb:hover span {
    color: #fff
}

.marcasBikeTypeSearchFiltersUL {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.marcasBikeTypeSearchFiltersUL {
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.marcasBikeFilterRadioButtons {
    display: none
}

.marcasBikeFilterRadioButtons+label {
    margin-top: 16px;
    margin-bottom: 32px;
    margin-right: 40px;
    cursor: pointer
}

.marcasBikeFilterRadioButtons+label h4 {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 19px;
    color: #86898F;
    text-transform: uppercase;
    padding-bottom: 4px
}

.marcasBikeFilterRadioButtons+label:hover h4 {
    color: #A6A8AD
}

@media (max-width: 1399px) {
    .marcasBikeFilterRadioButtons+label {
        margin-right: 22px
    }
}

@media (max-width: 1199px) {
    .marcasBikeFilterRadioButtons+label {
        margin-right: 16px
    }

    .marcasBikeFilterRadioButtons+label h4 {
        font-size: 13px
    }
}

.marcasBikeFilterRadioButtons:checked+label h4 {
    border-bottom: 4px solid #DD4138;
    color: #160F27
}

.marcasModelsSection .marcasBikeFilterLI .marcasBikeLastFilterOption {
    margin-right: 0
}

.marcasBikeTypeSearchFiltersContainer {
    margin: 0
}

@media (max-width: 991px) {
    .marcasBikeTypeSearchFiltersContainer {
        display: none
    }
}

.marcasTypeSelector {
    display: none
}

@media (max-width: 991px) {
    .marcasTypeSelector {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex
    }
}

.marcasTypeDropdown {
    display: table
}

.marcasTypeDropdown .dropdown-toggle:after {
    content: none
}

#marcasTypeDropdownButton {
    border-radius: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 32px;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    color: #160F27;
    border: 2px solid #160F27;
    font-weight: bold;
    text-align: left;
    margin: 0 20px 0 0;
    padding: 8px 12px;
    position: relative;
    right: -1px
}

#marcasTypeDropdownButton:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

#marcasTypeDropdownButton:hover {
    color: #86898f
}

@media (hover: none),
(hover: on-demand) {
    #marcasTypeDropdownButton:hover {
        color: #160F27
    }
}

.marcasTypeDropdownMenu {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 32px;
    color: #160F27;
    text-transform: uppercase;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(215, 218, 220, 0.5);
    box-shadow: 0 2px 4px 0 rgba(215, 218, 220, 0.5);
    padding: 0;
    width: 256px;
    z-index: 2;
    margin: 15px 0 15px 2px;
    border: none
}

.marcasTypeDropdownItem {
    cursor: pointer
}

.marcasTypeDropdownItem:hover {
    background-color: #E3E6EA;
    color: #160F27
}

.marcasTypeDropdownItem:active {
    background-color: #E3E6EA;
    color: #160F27
}

#loginBoxModalIDResultados {
    height: 20px
}

#loginBoxModalIDResultados:hover {
    text-decoration: none
}

#loginBoxModalIDResultados:hover span {
    color: #86898f
}

.marcasBikeFilterLI:last-child .marcasBikeFilterLabel {
    margin-right: 0
}

.marcasBikesCarouselContainer {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

@media (min-width: 576px) {

    .marcasModelsSection #resultsContainer.list-view .resultado-container .resultado .info .data .iconos-data,
    .marcasModelsSection .results-container-loading.list-view .resultado-container .resultado .info .data .iconos-data {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex
    }

    .marcasModelsSection #resultsContainer.list-view .resultado-container .resultado .info .data .iconos-data .icon-compare,
    .marcasModelsSection .results-container-loading.list-view .resultado-container .resultado .info .data .iconos-data .icon-compare {
        margin-right: 10px
    }
}

.dropdown-item {
    cursor: pointer
}

.ad-section {
    background-color: #e1e1e1
}

.ad-section .ad-container {
    padding-top: 48px;
    padding-bottom: 48px
}

.ad-section .adsense {
    display: block;
    margin: auto
}

@media (max-width: 575px) {
    .ad-section .adsense {
        width: 300px;
        height: 250px
    }

    .ad-section .adsense:before {
        content: '390'
    }
}

@media (min-width: 390px) {
    .ad-section .adsense {
        width: 336px;
        height: 280px
    }

    .ad-section .adsense:before {
        content: '768'
    }
}

@media (min-width: 768px) {
    .ad-section .adsense {
        width: 728px;
        height: 90px
    }

    .ad-section .adsense:before {
        content: '992'
    }
}

@media (min-width: 992px) {
    .ad-section .adsense {
        width: 970px;
        height: 90px
    }

    .ad-section .adsense:before {
        content: ''
    }
}

.ad-section .adsense:before {
    display: none !important
}

.ad-section .adsense ins {
    width: 100%;
    height: 100%;
    display: block
}

.financiamientoTitleSection {
    background-color: #F7F8FB;
    padding-bottom: 60px
}

.financiamientoTitleSection .galeriaWhiteLine {
    margin-bottom: 0
}

.financiamientoPageTitle {
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 46px;
    line-height: 46px;
    color: #160F27;
    text-transform: uppercase;
    line-height: 1
}

@media (max-width: 767px) {
    .financiamientoPageTitle {
        font-size: 32px;
        line-height: 32px
    }
}

.financiamientoPageTitle .titleNewLine {
    display: block;
    color: #F3D553
}

.financiamientoPageText {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 27px;
    color: #160F27;
    margin-top: 16px
}

@media (max-width: 767px) {
    .financiamientoPageText {
        font-size: 15px;
        line-height: 25px;
        margin: 0
    }
}

.financiamientoFormSection {
    padding-top: 60px;
    padding-bottom: 60px
}

.financiamientoFormSection .form-check {
    padding-left: 1.25rem
}

.financiamientoFormSection .form-check-label {
    padding-left: 0
}

.financiamientoFormSection .form-check-input[type="radio"] {
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.financiamientoFormSection .form-check-input[type="radio"]+label {
    padding: 10px;
    border: 1px solid #212529;
    border-radius: 5px;
    display: block;
    cursor: pointer
}

.financiamientoFormSection .form-check-input[type="radio"]+label strong {
    display: block
}

.financiamientoFormSection .form-check-input[type="radio"]:checked+label {
    color: green;
    border-color: green;
    border-width: 2px
}

.financiamientoFormSection .formQuestion {
    font-family: Roboto Condensed, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    color: #160F27;
    margin-bottom: 16px;
    margin-top: 32px;
    text-transform: uppercase
}

.financiamientoFormSection .formInput+.form-error {
    display: none;
    margin-top: -16px;
    padding: 8px
}

.financiamientoFormSection .formInput.has-error {
    border-color: #e74c3c
}

.financiamientoFormSection .formInput.has-error+.form-error {
    display: block
}

.financiamientoFormSection .myButtonBase {
    margin-top: 25px;
    width: 100%
}

.financiamientoFormSection #laboralError,
.financiamientoFormSection #locationError,
.financiamientoFormSection #privacyPolicyError {
    display: none
}

.financiamientoFormSection #laboralError .form-error,
.financiamientoFormSection #locationError .form-error,
.financiamientoFormSection #privacyPolicyError .form-error {
    padding: 10px;
    margin-bottom: 16px
}

.financiamientoFormSection .form-message {
    display: none;
    margin-top: 25px;
    width: 100%;
    text-align: center;
    padding: 25px;
    font-weight: bold;
    text-transform: uppercase
}

.financiamientoFormSection .form-sending {
    background-color: #ecf0f1;
    color: #7f8c8d
}

.financiamientoFormSection .form-sucess {
    background-color: #2ecc71;
    color: white
}

.financiamientoFormSection .form-error {
    background-color: #e74c3c;
    color: white
}

.bookings-container {
    background-color: #F8F9FA;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

.bookings-container .container {
    margin: auto
}

.bookings-container .intro-text {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-top: 32px;
    margin-bottom: 0
}

.booking-header {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.booking-header .logo {
    padding-right: 16px;
    border-right: 2px solid #344750
}

.booking-header .logo img {
    width: 100px
}

.booking-header .header {
    padding-left: 16px
}

.booking-header .header h1 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #344750;
    margin: 0
}

.bike-image-conatiner {
    position: relative;
    margin-bottom: 31px
}

.bike-image-conatiner img {
    width: 100%;
    position: relative
}

.bike-image-conatiner .no-photo-message {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none
}

.bike-image-conatiner .no-photo-message span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    color: #344750;
    display: block;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.65);
    padding: 5px;
    border-radius: 3px
}

.bike-image-conatiner.no-photo .no-photo-message {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

.bike-image-conatiner.no-photo img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5
}

.bike-platform {
    position: absolute;
    bottom: -15px;
    width: 100%
}

.bike-platform #trapezoid {
    border-bottom: 50px solid #fff;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 0;
    width: 100%
}

.bike-platform #rectangle {
    width: 100%;
    height: 5px;
    background: #dcdada;
    background: -webkit-gradient(linear, left top, left bottom, from(#dcdada), to(#e8e8e8));
    background: linear-gradient(180deg, #dcdada 0%, #e8e8e8 100%)
}

.bike-platform #rectangle2 {
    width: 100%;
    height: 1px;
    background: #e1e1e1;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5)
}

.color-tag {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.color-box {
    display: inline-block;
    height: 24px;
    width: 24px;
    border-radius: 3px 0 0 3px
}

.color-name {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    height: 24px;
    background-color: #344750;
    font-size: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    color: white;
    padding: 0 14px;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    border-radius: 0 3px 3px 0
}

.bike-info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 16px 16px 21px 16px;
    margin-top: 16px;
    background-color: #FFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#F1F1F1)) left bottom #fff no-repeat;
    background: linear-gradient(180deg, #E9E9E9 0%, #F1F1F1 100%) left bottom #fff no-repeat;
    background-size: 100% 5px
}

.bike-info-container .make-name {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #344750;
    line-height: 1
}

.bike-info-container .bike-model-name {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #344750;
    line-height: 1;
    font-weight: 600
}

.bike-info-container .bike-year {
    color: #9AABB4;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1
}

.bike-info-container .bike-price-box .price-title {
    color: #9AABB4;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 600;
    text-align: right
}

.bike-info-container .bike-price-box .bike-price {
    color: #344750;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 600;
    text-align: right
}

.bike-colors-container {
    margin-top: 16px
}

.bike-colors-container h4 {
    color: #9AABB4;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1
}

.bike-colors-container .bike-colors {
    height: 40px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

.bike-colors-container .bike-colors .color-block {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1 1 0px;
    flex: 1 1
}

.bike-colors-container .bike-colors .color-block .active-star {
    line-height: 1;
    font-weight: 600;
    font-size: 10px;
    color: #344750;
    display: none;
    background-color: #EFEF52;
    border-radius: 100%;
    padding: 5px
}

.bike-colors-container .bike-colors .color-block.active .active-star {
    display: block
}

#methodQuestion {
    margin-top: 16px
}

@media (min-width: 768px) {
    #methodQuestion {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
}

#methodQuestion h3 {
    border-top: 1px solid #ccc;
    padding-top: 16px;
    margin-bottom: 16px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    color: #344750;
    font-size: 16px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    #methodQuestion h3 {
        border: none
    }
}

#methodQuestion .method-button {
    background-color: white;
    padding: 16px;
    width: 100%;
    display: block;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    color: #344750;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
    margin-bottom: 16px;
    cursor: pointer
}

@media (min-width: 768px) {
    #methodQuestion .method-button {
        width: auto;
        margin-left: auto;
        margin-right: auto
    }
}

#methodQuestion .method-button:hover {
    text-decoration: none
}

#methodQuestion .method-button .circle {
    width: 16px;
    height: 16px;
    display: inline-block;
    float: right;
    border-radius: 16px;
    padding: 3px;
    border: 1px solid #E4E4E4
}

@media (min-width: 768px) {
    #methodQuestion .method-button .circle {
        margin-left: 16px
    }
}

#methodQuestion .method-button .circle .inner-circle {
    display: block;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    background-color: #E4E4E4
}

.booking-form {
    margin-top: 16px
}

.booking-form h3 {
    border-top: 1px solid #ccc;
    padding-top: 16px;
    margin-bottom: 16px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    color: #344750;
    font-size: 16px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .booking-form h3 {
        border: none
    }
}

.booking-form label {
    color: #9AABB4;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    display: block
}

.booking-form input,
.booking-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    display: block;
    width: 100%;
    border: none;
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding: 10px;
    color: #344750;
    margin-bottom: 16px
}

.booking-form select {
    cursor: pointer
}

.booking-form input.has-error,
.booking-form select.has-error {
    border: 1px dashed #c0392b;
    margin-bottom: 0px
}

.booking-form input.has-error+.input-error,
.booking-form select.has-error+.input-error {
    display: block
}

.booking-form .input-error {
    display: none;
    background-color: #c0392b;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    padding: 10px;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    margin-bottom: 16px
}

.booking-form .send-button {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #344750;
    padding: 24px;
    text-transform: uppercase;
    width: 100%;
    background-color: #EFEF52;
    border: none;
    border-radius: 3px
}

.booking-form .send-button .loading-message {
    display: none
}

.booking-form .send-button.loading {
    background-color: #ccc
}

.booking-form .send-button.loading .ready-message {
    display: none
}

.booking-form .send-button.loading .loading-message {
    display: inline;
    visibility: visible
}

.booking-form .success-message {
    background: #22CC16;
    color: white;
    padding: 50px 10%;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400
}

.link-back {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    color: #9AABB4;
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 16px;
    padding: 13px 0
}

section.corporate-sales h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 38px;
    line-height: 38px;
    color: #160F27;
    font-weight: 700;
    margin-bottom: 44px;
    text-transform: uppercase
}

section.corporate-sales h3 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 22px;
    color: #160F27;
    font-weight: 700;
    text-transform: uppercase
}

section.corporate-sales h3:after {
    content: "";
    border-bottom: 4px solid #110C1D;
    width: 40px;
    display: block;
    margin-top: 8px;
    margin-bottom: 24px
}

section.corporate-sales p {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #160F27
}

section.corporate-sales .formInput+.form-error {
    display: none;
    margin-top: -16px;
    padding: 8px
}

section.corporate-sales .formInput.has-error {
    border-color: #e74c3c
}

section.corporate-sales .formInput.has-error+.form-error {
    display: block
}

section.corporate-sales .form-error {
    background-color: #e74c3c;
    color: white;
    margin-bottom: 8px;
    font-size: 14px
}

section.corporate-sales #privacyPolicyError {
    display: none;
    padding: 8px
}

section.corporate-sales .form-message {
    display: none;
    margin-top: 25px;
    width: 100%;
    text-align: center;
    padding: 25px;
    font-weight: bold;
    text-transform: uppercase
}

section.corporate-sales .form-sending {
    background-color: #ecf0f1;
    color: #7f8c8d
}

section.corporate-sales .form-sucess {
    background-color: #2ecc71;
    color: white
}

[x-cloak] {
    display: none !important
}

#cyber2023page {
    position: relative;
    background-color: #0C0527;
    width: 100%;
    height: 100%;
    min-height: 100vh
}

#cyber2023page img.backgroundPhoto {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:left bottom";
    object-fit: cover;
    -o-object-position: left bottom;
    object-position: left bottom;
    width: 100%;
    height: 100%
}

#cyber2023page .contentCol {
    width: 50%
}

@media (max-width: 1199px) {
    #cyber2023page .contentCol {
        width: 100%
    }
}

#cyber2023page #leftCol {
    padding: 50px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

@media (max-width: 991px) {
    #cyber2023page #leftCol {
        padding: 10px
    }
}

@media (max-width: 1199px) {
    #cyber2023page #rightCol {
        padding-top: 50px
    }
}

@media (min-width: 768px) {
    #cyber2023page #rightCol {
        padding-right: 50px
    }
}

#cyber2023page .formTitle {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 50px;
    line-height: 60px;
    color: #160F27;
    text-align: center
}

#cyber2023page .formQuestion {
    text-transform: uppercase
}

#cyber2023page .formInput+.form-error {
    display: none;
    margin-top: -16px;
    padding: 8px
}

#cyber2023page .formInput.has-error {
    border-color: #e74c3c
}

#cyber2023page .formInput.has-error+.form-error {
    display: block
}

#cyber2023page #send-button {
    width: 100%
}

#cyber2023page h3 {
    font-family: Agency FB Bold, sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 22px;
    color: #160F27;
    text-transform: uppercase
}

#cyber2023page .termsBox {
    color: white;
    text-align: center;
    line-height: 0.5;
    font-size: 16px;
    border: solid;
    border-color: #F1D452;
    border-radius: 25px;
    padding: 50px;
    background-color: #000000b8
}

@media (max-width: 767px) {
    #cyber2023page .termsBox {
        padding: 10px
    }
}

@media (max-width: 991px) {
    .filters-sidebar {
        margin-bottom: 25px
    }
}

.filters-sidebar .filters {
    display: block
}

.filters-sidebar .filters .filter-subtitle {
    margin-bottom: 16px
}

.filters-sidebar .filters .filter-subtitle .subtitle {
    display: table-cell;
    color: #86898F;
    font-family: "Roboto Condensed";
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 8px
}

.filters-sidebar .filters .filter-subtitle .subtitle+.line {
    display: table-cell
}

.filters-sidebar .filters .filter-subtitle .line {
    width: 100%;
    position: relative;
    display: inline-block;
    margin: 0
}

.filters-sidebar .filters .filter-subtitle .line div {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #D5D8DE;
    position: absolute;
    top: 50%
}

.filters-sidebar .filters>.filter {
    background-color: #FFFFFF;
    margin-bottom: 16px
}

.filters-sidebar .filters-header {
    padding: 16px 32px;
    border-bottom: 1px solid #E3E6EA;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #FFFFFF;
    margin-bottom: 16px;
    margin-top: 24px
}

@media (max-width: 991px) {
    .filters-sidebar .filters-header {
        margin-top: 0
    }
}

.filters-sidebar .filters-header a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 13px;
    color: #160F27
}

.filters-sidebar .filters-header a:hover {
    text-decoration: none;
    font-weight: bold
}

.filters-sidebar .filters-header .filters-menu-toggle {
    cursor: pointer;
    font-weight: bold
}

@media (min-width: 992px) {
    .filters-sidebar .filters-header .filters-menu-toggle {
        display: none
    }
}

.filters-sidebar .filters-header .filters-menu-toggle:hover {
    color: #86898F
}

.filters-sidebar .filters-header .filters-menu-toggle .show-filters .arrow,
.filters-sidebar .filters-header .filters-menu-toggle .hide-filters .arrow {
    display: inline;
    height: 8px;
    margin-left: 4px
}

.filters-sidebar .filters-header .filters-menu-toggle .show-filters {
    display: none
}

.filters-sidebar .filters-header .filters-menu-toggle .hide-filters {
    display: inline
}

.filters-sidebar .filters-header .filters-menu-toggle.filters-hidden .show-filters {
    display: inline
}

.filters-sidebar .filters-header .filters-menu-toggle.filters-hidden .hide-filters {
    display: none
}

.filters-sidebar .filter {
    border-bottom: 1px solid #E3E6EA
}

.filters-sidebar .filter:last-child {
    border-bottom: none
}

.filters-sidebar .filter .filter-title {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 14px;
    color: #160F27;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    position: relative;
    cursor: pointer;
    padding: 23px 32px
}

.filters-sidebar .filter .filter-title:hover {
    color: #86898F
}

.filters-sidebar .filter .filter-title:hover span {
    color: #86898F
}

.filters-sidebar .filter .filter-title .arrow {
    display: inline-block;
    font-size: 7px;
    position: absolute;
    right: 32px
}

.filters-sidebar .filter .filter-title .arrow .arrow-up {
    display: inline-block
}

.filters-sidebar .filter .filter-title .arrow .arrow-down {
    display: none
}

.filters-sidebar .filter .filter-title.content-hidden .arrow .arrow-up {
    display: none
}

.filters-sidebar .filter .filter-title.content-hidden .arrow .arrow-down {
    display: inline-block
}

.filters-sidebar .filter .filter-content {
    margin-top: 8px
}

.filters-sidebar .filter .filter-control {
    padding: 0 32px 0 32px
}

.filters-sidebar .filter .filter-control .slide-fix {
    display: block;
    height: 1px
}

.filters-sidebar .filter .filter-control .explainer {
    color: #999;
    font-family: "Roboto";
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 14px
}

.filters-sidebar .filter .filter-control .irs {
    height: 55px;
    margin: 16px 0;
    color: #160F27
}

.filters-sidebar .filter .filter-control .irs .irs-from,
.filters-sidebar .filter .filter-control .irs .irs-to,
.filters-sidebar .filter .filter-control .irs .irs-single {
    color: #160F27
}

.filters-sidebar .filter .filter-control .irs .irs-bar {
    border-radius: 0px
}

.filters-sidebar .filter .filter-control .irs .irs-line,
.filters-sidebar .filter .filter-control .irs .irs-bar,
.filters-sidebar .filter .filter-control .irs .irs-bar-edge,
.filters-sidebar .filter .filter-control .irs .irs-shadow {
    top: 10px
}

.filters-sidebar .filter .filter-control .irs .irs-bar-edge {
    width: 4px
}

.filters-sidebar .filter .filter-control .irs .irs-slider {
    top: 4px;
    width: 16px;
    height: 18px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
    background-color: #160F27;
    border-radius: 0;
    border: none;
    z-index: 0
}

.filters-sidebar .filter .filter-control .irs .irs-slider:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #160F27
}

@media (max-width: 991px) {
    .filters-sidebar .filter .filter-control .irs .irs-slider:after {
        display: none
    }
}

@media (max-width: 991px) {
    .filters-sidebar .filter .filter-control .irs .irs-slider {
        height: 32px;
        width: 26px;
        border: 1px solid #D4D6DA;
        border-radius: 2px;
        background-color: #F7F8FB;
        -webkit-box-shadow: inset 0 1px 3px 0 #E3E6EA, 0 2px 4px 0 rgba(22, 15, 39, 0.34);
        box-shadow: inset 0 1px 3px 0 #E3E6EA, 0 2px 4px 0 rgba(22, 15, 39, 0.34);
        top: 0;
        background-image: url("icon-range.svg");
        background-position: -5px -3px
    }
}

.filters-sidebar .filter .filter-control .irs .irs-bar-edge,
.filters-sidebar .filter .filter-control .irs .irs-line-mid,
.filters-sidebar .filter .filter-control .irs .irs-line-left,
.filters-sidebar .filter .filter-control .irs .irs-line-right {
    border-radius: 0
}

.filters-sidebar .filter .filter-control .irs .irs-min,
.filters-sidebar .filter .filter-control .irs .irs-max,
.filters-sidebar .filter .filter-control .irs .irs-from,
.filters-sidebar .filter .filter-control .irs .irs-to,
.filters-sidebar .filter .filter-control .irs .irs-single {
    bottom: 0;
    top: auto
}

@media (max-width: 991px) {

    .filters-sidebar .filter .filter-control .irs .irs-from,
    .filters-sidebar .filter .filter-control .irs .irs-to,
    .filters-sidebar .filter .filter-control .irs .irs-single {
        top: -21px
    }
}

.filters-sidebar .filter .filter-control .irs.slider-minimun .irs-bar {
    background-color: #DDDDDD
}

.filters-sidebar .filter .filter-control .irs.slider-minimun .irs-line-mid,
.filters-sidebar .filter .filter-control .irs.slider-minimun .irs-line-right {
    background-color: #F3D553
}

.filters-sidebar .filter .filter-control .irs.slider-minimun .irs-line-mid {
    left: 4%;
    width: 88%
}

.filters-sidebar .filter .filter-control .tipo-selectores {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.filters-sidebar .filter .filter-control .tipo-selector {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center;
    margin-bottom: 8px
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox {
    display: none
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label {
    border: 1px solid #160F27;
    border-radius: 100%;
    width: 69px;
    height: 69px;
    position: relative;
    cursor: pointer
}

@media (max-width: 991px) {
    .filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label {
        width: 80px;
        height: 80px
    }
}

@media (max-width: 767px) {
    .filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label {
        width: 70px;
        height: 70px
    }
}

@media (max-width: 575px) {
    .filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label {
        width: 73px;
        height: 73px
    }
}

@media (max-width: 480px) {
    .filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label {
        width: 64px;
        height: 64px
    }
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label:hover {
    border-color: #86898F
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label:hover .tipo-icon {
    color: #86898F
}

@media (hover: none),
(hover: on-demand) {
    .filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label:hover {
        border-color: #160F27
    }

    .filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label:hover .tipo-icon {
        color: #160F27
    }
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label .type-checkbox-icon {
    width: 70%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label .tipo-icon {
    display: block;
    width: 60%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 27px
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label .position-icon {
    height: 27px;
    color: #160F27
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label .checkIconImage {
    display: none;
    position: absolute;
    top: 0;
    right: -6%;
    background-color: #259B24;
    border-radius: 100%;
    padding: 6px;
    color: #fff;
    font-size: 11px
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label .checkIconImageMobile {
    font-size: 13px
}

@media (max-width: 767px) {
    .filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label .checkIconImageMobile {
        font-size: 12px
    }
}

@media (max-width: 575px) {
    .filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label .checkIconImageMobile {
        font-size: 11px
    }
}

@media (max-width: 480px) {
    .filters-sidebar .filter .filter-control .tipo-selector .type-checkbox+label .checkIconImageMobile {
        font-size: 10px
    }
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox:checked+label {
    border-color: #259B24;
    color: #259B24
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox:checked+label .checkIconImage {
    display: block
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox:checked+label:hover {
    border-color: #86898F
}

.filters-sidebar .filter .filter-control .tipo-selector .type-checkbox:checked+label:hover .tipo-icon {
    color: #86898F
}

@media (hover: none),
(hover: on-demand) {
    .filters-sidebar .filter .filter-control .tipo-selector .type-checkbox:checked+label:hover {
        border-color: #259B24
    }

    .filters-sidebar .filter .filter-control .tipo-selector .type-checkbox:checked+label:hover .tipo-icon {
        color: #259B24
    }
}

.filters-sidebar .filter .filter-control .tipo-selector .tipo-nombre {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 9px;
    line-height: 9px;
    color: #160F27;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    text-align: center
}

.filters-sidebar .filter .filter-control .color-selectores {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -5px;
    margin-top: -10px
}

.filters-sidebar .filter .filter-control .color-selector {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
    padding: 0 5px
}

.filters-sidebar .filter .filter-control .color-selector .color-checkbox {
    display: none
}

.filters-sidebar .filter .filter-control .color-selector .color-checkbox+label {
    border: 1px solid #efefef;
    border-radius: 3px;
    width: 100%;
    padding: calc(100% - 2px) 0 0 0;
    position: relative;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 0
}

.filters-sidebar .filter .filter-control .color-selector .color-checkbox+label .tipo-icon {
    display: block;
    width: 60%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.filters-sidebar .filter .filter-control .color-selector .color-checkbox+label .checkIconImage {
    color: #fff;
    font-size: 15px;
    background-color: #259B24;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    padding: 25%
}

.filters-sidebar .filter .filter-control .color-selector .color-checkbox:checked+label {
    border-color: #259B24
}

.filters-sidebar .filter .filter-control .color-selector .color-checkbox:checked+label .checkIconImageColorsMobile {
    display: block
}

.filters-sidebar .filter .filter-control .color-selector .tipo-nombre {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 9px;
    line-height: 9px;
    color: #160F27;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    text-align: center
}

.filters-sidebar .filter .filter-control .filter-checkbox {
    display: none
}

.filters-sidebar .filter .filter-control .filter-checkbox:checked+label .icono-checkbox {
    background-color: #160F27
}

.filters-sidebar .filter .filter-control .filter-checkbox:checked+label .icono-checkbox .check-icon {
    display: block
}

.filters-sidebar .filter .filter-control .filter-checkbox+label {
    display: block;
    color: #160F27;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer
}

.filters-sidebar .filter .filter-control .filter-checkbox+label .icono-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #160F27;
    border-radius: 2px;
    position: relative;
    top: 4px;
    margin-right: 8px
}

.filters-sidebar .filter .filter-control .filter-checkbox+label .icono-checkbox .check-icon {
    display: none;
    font-size: 7px;
    height: auto;
    margin: auto;
    position: absolute;
    top: 3px;
    left: 3px;
    color: #fff
}

.filters-sidebar .filter .filter-control .driving-position-checkbox {
    display: none
}

.filters-sidebar .filter .filter-last {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    margin-top: 24px;
    padding: 0 32px 23px 32px
}

.filters-sidebar .filter .filter-last>div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

.filters-sidebar .filter a.clean-filter {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 10px;
    color: #160F27;
    font-weight: bold;
    text-transform: uppercase
}

.filters-sidebar .filter a.clean-filter:hover {
    text-decoration: none;
    color: #86898F
}

.checkIconImageColorsMobile {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -48%;
    right: -48%;
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
}

#searchCurrency,
#searchCurrencySidebar {
    display: none
}

#searchCurrency+label,
#searchCurrencySidebar+label {
    background: #160F27;
    height: 28px;
    width: 50px;
    border-radius: 2px;
    position: relative;
    margin: 0;
    cursor: pointer
}

#searchCurrency+label .toggle-button,
#searchCurrencySidebar+label .toggle-button {
    height: 24px;
    width: 24px;
    margin: 2px;
    background-color: #F3D553;
    border-radius: 2px;
    position: absolute;
    left: 0;
    text-align: center
}

#searchCurrency+label .moneda,
#searchCurrencySidebar+label .moneda {
    height: 24px;
    width: 24px;
    margin: 2px;
    position: absolute;
    font-family: Roboto;
    font-size: 11px;
    line-height: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#searchCurrency+label .moneda-PEN,
#searchCurrencySidebar+label .moneda-PEN {
    left: 0;
    color: #160F27;
    font-weight: bold
}

#searchCurrency+label .moneda-USD,
#searchCurrencySidebar+label .moneda-USD {
    right: 0;
    color: #fff;
    font-weight: normal
}

#searchCurrency:checked+label .toggle-button,
#searchCurrencySidebar:checked+label .toggle-button {
    right: 0;
    left: auto
}

#searchCurrency:checked+label .moneda-PEN,
#searchCurrencySidebar:checked+label .moneda-PEN {
    color: #fff;
    font-weight: normal
}

#searchCurrency:checked+label .moneda-USD,
#searchCurrencySidebar:checked+label .moneda-USD {
    color: #160F27;
    font-weight: bold
}

ul.busquedas-populares {
    list-style: none;
    padding: 0
}

ul.busquedas-populares li {
    padding-left: 26px;
    margin-bottom: 24px;
    display: block;
    position: relative
}

ul.busquedas-populares li a {
    color: #160F27;
    font-family: Roboto;
    font-size: 14px;
    line-height: 16px;
    display: block
}

ul.busquedas-populares li a:hover {
    color: #86898F;
    text-decoration: none
}

ul.busquedas-populares li:before {
    font-family: "sm-icons" !important;
    font-size: 11px;
    line-height: 1;
    color: #160F27;
    display: inline-block;
    text-decoration: none;
    position: absolute;
    top: 8px;
    left: 0;
    content: ""
}

.filters-sidebar .multiselect__select {
    height: 100%
}

.filters-sidebar .multiselect__select:before {
    border-width: 10px 6px 0;
    border-color: #160F27 transparent transparent
}

.filters-sidebar .multiselect__tags {
    border-radius: 0;
    border: 2px solid #160F27;
    padding-top: 10px;
    padding-bottom: 5px
}

.filters-sidebar .multiselect__tag {
    background-color: #160F27;
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'Roboto';
    padding: 6px 26px 6px 10px;
    border-radius: 3px
}

.filters-sidebar .multiselect__tag-icon {
    line-height: 27px;
    border-radius: 0
}

.filters-sidebar .multiselect__tag-icon:after {
    color: #FFF
}

.filters-sidebar .multiselect__tag-icon:focus,
.filters-sidebar .multiselect__tag-icon:hover {
    background: #F3D553
}

.filters-sidebar .multiselect__content-wrapper {
    border: 2px solid #160F27;
    border-top: none;
    font-size: 14px;
    font-family: 'Roboto'
}

.filter .selectize-input {
    border-radius: 0;
    border: 2px solid #160F27;
    min-height: 48px;
    height: auto;
    width: 256px;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 13px;
    color: #160F27
}

.filter .selectize-input:after {
    border-color: #160F27 transparent transparent transparent
}

.filter .selectize-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.filter .selectize-input input,
.filter .selectize-input .item {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 13px;
    color: #160F27;
    margin-top: 5px !important
}

.filter .selectize-control.multi .selectize-input>div,
.filter .selectize-control.multi .selectize-input>div.active {
    background: #160F27;
    color: #fff;
    border: unset;
    padding: 4px 8px;
    border-radius: 3px
}

.filter .selectize-control.multi .selectize-input>div .remove,
.filter .selectize-control.multi .selectize-input>div.active .remove {
    border-left: unset;
    padding-top: 4px;
    padding-right: 1px;
    font-size: 13px;
    border-radius: 0 3px 3px 0
}

.filter .selectize-control.multi .selectize-input>div .remove:hover,
.filter .selectize-control.multi .selectize-input>div.active .remove:hover {
    background: red
}

.filter .selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 6px
}

.filter .selectize-dropdown .active {
    background-color: transparent;
    color: #160F27
}

.filter .selectize-dropdown {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #160F27;
    border: 2px solid #160F27;
    border-top: 1px solid #160F27
}

.filter .selectize-dropdown .option {
    padding: 16px 8px
}

.filter .selectize-dropdown .option:hover {
    background-color: #E3E6EA;
    color: #160F27
}

@media (-webkit-max-device-pixel-ratio: 1.1),
(-webkit-max-device-pixel-ratio: 1.0416666666666667),
(max-resolution: 100dpi),
(max-resolution: 1.1dppx) {
    img {
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: optimize-contrast;
        -ms-interpolation-mode: nearest-neighbor
    }

    .ficha-main-image,
    .ficha-tab-bike-image,
    .resultado .imageRatio .imagen,
    .comparerCardImage,
    .crisp-image {
        -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -o-pixelated;
        image-rendering: pixelated;
        image-rendering: -moz-crisp-edges
    }
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: -100% 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: -100% 0
    }
}

.animated-background {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #D5D8DE), color-stop(18%, #C3C3C3), color-stop(33%, #D5D8DE));
    background: linear-gradient(to right, #D5D8DE 8%, #C3C3C3 18%, #D5D8DE 33%);
    background-size: 400% 100%
}

#resultsContainer .resultado-container .resultado .user-actions a img,
#resultsContainer .resultado-container .resultado .user-actions a .svg-image:not(.replaced-svg) {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1
}

.svg-sprite {
    fill: currentColor
}

.logo-sm-navbar {
    max-height: 85px;
    max-width: 85px
}

@media (max-width: 767px) {
    .logo-sm-navbar {
        max-height: 69px;
        max-width: 69px
    }
}

#openInGoogleMapsButton {
    background-color: #4285F4;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease
}

#openInGoogleMapsButton:hover {
    background-color: #3367D6
}

.fade-enter-active {
    -webkit-transition: opacity .0s;
    transition: opacity .0s
}

.fade-leave-active {
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

.fade-enter,
.fade-leave-to {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

[v-cloak] {
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.error-messages {
    font-family: "Roboto Normal";
    font-size: 12px;
    line-height: 14px;
    color: #E53935;
    background: none;
    border: none;
    margin-top: 8px;
    text-align: left
}

.profilePhotoHolder .profilePhoto {
    font-family: "Roboto Condensed";
    background-color: #E3E6EA;
    background-image: none;
    line-height: 51px;
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    color: #A6A8AD;
    font-weight: bold
}

.dashboardHeaderProfilePic {
    font-family: "Roboto Condensed";
    background-image: none;
    background-color: #E3E6EA;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    color: #A6A8AD;
    font-weight: bold
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.inputfile+label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    padding: 0.625rem 1.25rem
}

.no-js .inputfile+label {
    display: none
}

.inputfile:focus+label,
.inputfile.has-focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px
}

.inputfile+label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em
}

.inputfile-4+label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    padding: 20px;
    margin: 0 auto 10px
}

.inputfile-4+label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6
}

/*# sourceMappingURL=style.css.map */