@charset "UTF-8";
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

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

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

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

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

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

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

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

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

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

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

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

dt {
    font-weight: 700;
}

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

blockquote {
    margin: 0 0 1rem;
}

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;
}

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

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

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

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

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

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

figure {
    margin: 0 0 1rem;
}

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

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

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

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

button {
    border-radius: 0;
}

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

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

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

select {
    word-wrap: normal;
}

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

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

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

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

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

textarea {
    overflow: auto;
    resize: vertical;
}

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

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

progress {
    vertical-align: baseline;
}

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

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

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

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

output {
    display: inline-block;
}

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

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    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.2;
}

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

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

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

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: 400;
}

mark,
.mark {
    padding: 0.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: 0.5rem;
}

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

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

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

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

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

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

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

.figure-caption {
    font-size: 90%;
    color: #6c757d;
}

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

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}

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

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

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

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

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

@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;
    }
}

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

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -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-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 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

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

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

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

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

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

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-xl-2 {
        margin-left: 16.66667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .offset-xl-5 {
        margin-left: 41.66667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .offset-xl-8 {
        margin-left: 66.66667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .offset-xl-11 {
        margin-left: 91.66667%;
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    background-color: transparent;
}

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

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

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

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

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

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

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

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

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

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

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

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
    border-color: #7abaff;
}

.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: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
    border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

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

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

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
    border-color: #8fd19e;
}

.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-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
    border-color: #86cfda;
}

.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-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
    border-color: #ffdf7e;
}

.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-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
    border-color: #ed969e;
}

.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-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
    border-color: #fbfcfc;
}

.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-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #95999c;
}

.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);
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

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

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

.table-dark.table-bordered {
    border: 0;
}

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

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
}

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

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

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

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

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

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

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

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

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

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

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

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

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

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

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

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

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm {
    height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-control-lg {
    height: calc(2.875rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

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

textarea.form-control {
    height: auto;
}

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

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

.form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -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;
    padding-left: 1.25rem;
}

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

.form-check-input:disabled ~ .form-check-label {
    color: #6c757d;
}

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

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

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #28a745;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

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

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

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

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

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
    display: block;
}

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

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
    display: block;
}

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

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

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
}

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

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745;
}

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

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

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

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #dc3545;
    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 {
    display: block;
}

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

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.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-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.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 .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

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

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

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

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}

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

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545;
}

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

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: 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: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -webkit-align-items: 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,
    .form-inline .custom-select {
        width: auto;
    }

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

    .form-inline .form-check-input {
        position: relative;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

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

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

.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

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 {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

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

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

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

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.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 {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

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

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.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 {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

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

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

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

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

.btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

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

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.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 {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

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

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

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

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

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

.btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

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

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.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 {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

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

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

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

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

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

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

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

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

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

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

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

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

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

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

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

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

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

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

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

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

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

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

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

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

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

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

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

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

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

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

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

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

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

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

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

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

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

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

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

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

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

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

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

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}

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

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

.btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
}

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

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

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

.btn-block + .btn-block {
    margin-top: 0.5rem;
}

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

.fade {
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

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

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

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

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

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

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

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

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

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.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: 0.25rem;
}

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

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

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }

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

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }

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

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }

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

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }

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

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

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

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

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

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

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

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

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

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

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

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

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

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

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

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

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

.dropdown-item:hover, .dropdown-item:focus {
    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: #6c757d;
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

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

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

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

.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: 1;
}

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

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

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

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

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

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropright .dropdown-toggle-split::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

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

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

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

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

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

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

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

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
  .btn-group-toggle > .btn input[type="checkbox"],
  .btn-group-toggle > .btn-group > .btn input[type="radio"],
  .btn-group-toggle > .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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group > .form-control,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

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

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

.input-group > .custom-file .custom-file-input:focus {
    z-index: 4;
}

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

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

.input-group > .custom-file {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2;
}

.input-group-prepend .btn:focus,
    .input-group-append .btn:focus {
    z-index: 3;
}

.input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-left: -1px;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

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

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
    height: calc(2.875rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
    height: calc(1.8125rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.75rem;
}

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

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

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 2.5rem;
}

.custom-control-inline {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

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

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, none;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -2.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #dee2e6;
    border: #adb5bd solid 1px;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -2.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    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-label::before {
    border-color: #007bff;
    background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    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-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    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-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
    padding-left: 3.25rem;
}

.custom-switch .custom-control-label::before {
    left: -3.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-3.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        -webkit-transition: none;
        transition: none;
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #dee2e6;
    -webkit-transform: translateX(0.75rem);
    -ms-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

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

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
}

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

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

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
}

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

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

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 125%;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: none;
}

.custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse);
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
    width: 100%;
    height: calc(1rem + 0.4rem);
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-range:focus {
    outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, none;
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, none;
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, none;
}

.custom-range::-moz-focus-outer {
    border: 0;
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
    cursor: default;
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        -webkit-transition: none;
        transition: none;
    }
}

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

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

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

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

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

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

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

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

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    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: #dee2e6 #dee2e6 #fff;
}

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

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

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

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

.nav-justified .nav-item {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

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

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

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

.navbar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -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: 0.5rem;
    padding-bottom: 0.5rem;
}

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

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

.navbar-toggler:hover, .navbar-toggler:focus {
    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: 575.98px) {
    .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;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

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

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

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

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

    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

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

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

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

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

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

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

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

    .navbar-expand-md .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

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

@media (max-width: 991.98px) {
    .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;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

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

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

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

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

    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

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

@media (max-width: 1199.98px) {
    .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;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

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

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

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

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

    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

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

.navbar-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-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;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

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

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

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

.navbar-expand .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

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

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

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    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:hover, .navbar-light .navbar-nav .nav-link:focus {
    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-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

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

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

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

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

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    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);
}

.navbar-dark .navbar-text a {
    color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
    color: #fff;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -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: 0.25rem;
}

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

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

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

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

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.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-header {
    padding: 0.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(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.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(0.25rem - 1px) calc(0.25rem - 1px);
}

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

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

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

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

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

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

.card-deck {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-deck .card {
    margin-bottom: 15px;
}

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

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

.card-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

.card-columns .card {
    margin-bottom: 0.75rem;
}

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

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

.accordion > .card {
    overflow: hidden;
}

.accordion > .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0;
}

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

.accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion > .card .card-header {
    margin-bottom: -1px;
}

.breadcrumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}

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

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

.breadcrumb-item.active {
    color: #6c757d;
}

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

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

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none;
}

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

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

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

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

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

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

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

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

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

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

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

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

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

.badge:empty {
    display: none;
}

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

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

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

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

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

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

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

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

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

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

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

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

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

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

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.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: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        -webkit-transition: none;
        transition: none;
    }
}

.progress-bar-striped {
    background-image: -webkit-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-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 (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}

.media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.list-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -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:hover, .list-group-item-action:focus {
    z-index: 1;
    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: 0.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: 0.25rem;
    border-top-right-radius: 0.25rem;
}

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

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

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

.list-group-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
}

.list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .list-group-horizontal-sm .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

    .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .list-group-horizontal-md .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

    .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .list-group-horizontal-lg .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

    .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .list-group-horizontal-xl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

    .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085;
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724;
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404;
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24;
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

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

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

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

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

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

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

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

.toast.showing {
    opacity: 1;
}

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

.toast.hide {
    display: none;
}

.toast-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
    padding: 0.75rem;
}

.modal-open {
    overflow: hidden;
}

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

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

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

.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, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

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

.modal.show .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.modal-dialog-scrollable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}

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

.modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

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

.modal-dialog-centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

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

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

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

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

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

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

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.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: 1.75rem auto;
    }

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

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

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

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

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
  .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

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

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

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

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

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

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

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

.carousel {
    position: relative;
}

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

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

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

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -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;
}

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

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

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

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

.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    -webkit-transition: 0s 0.6s opacity;
    transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        -webkit-transition: none;
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    -webkit-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        -webkit-transition: none;
        transition: none;
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.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: no-repeat 50% / 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='M5.25 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='M2.75 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: 0;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

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

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

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

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

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

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

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

    50% {
        opacity: 1;
    }
}

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

    50% {
        opacity: 1;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

.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:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

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

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

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

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

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

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

.border-left {
    border-left: 1px solid #dee2e6 !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: #6c757d !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-sm {
    border-radius: 0.2rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.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-row {
    display: table-row !important;
}

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

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !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-row {
        display: table-row !important;
    }

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

    .d-sm-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !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-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !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-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !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-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

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

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

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

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

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !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;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

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

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-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;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

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

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

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

.flex-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

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

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-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;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

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

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

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

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

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

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-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;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

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

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

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

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

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

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-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;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

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

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

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

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

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

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-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;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

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

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

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

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-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: 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;
    }
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

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

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !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;
    border: 0;
}

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

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

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

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

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

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

.w-auto {
    width: auto !important;
}

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

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

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

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

.h-auto {
    height: auto !important;
}

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

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

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

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

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

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

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

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

.m-1 {
    margin: 0.25rem !important;
}

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

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

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

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

.m-2 {
    margin: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-1 {
    padding: 0.25rem !important;
}

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

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

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

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

.p-2 {
    padding: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

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

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

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

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

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

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

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

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

.m-n4 {
    margin: -1.5rem !important;
}

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

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

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

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

.m-n5 {
    margin: -3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
  .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
  .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
  .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
  .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
  .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
  .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
  .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
  .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
  .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
  .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
  .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
  .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
  .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
  .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
  .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
  .px-sm-2 {
        padding-left: 0.5rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
  .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
  .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
  .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
  .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
  .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
  .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
  .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
  .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
  .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
  .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
  .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
  .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
  .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
  .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
  .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
  .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
  .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
  .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
  .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
  .mx-sm-n5 {
        margin-left: -3rem !important;
    }

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

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

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

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

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

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

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

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

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

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

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
  .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
  .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
  .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
  .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
  .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
  .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
  .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
  .mx-md-2 {
        margin-left: 0.5rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
  .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
  .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
  .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
  .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
  .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
  .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
  .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
  .px-md-2 {
        padding-left: 0.5rem !important;
    }

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

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

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

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

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

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

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

    .pr-md-4,
  .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
  .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
  .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
  .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
  .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
  .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
  .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
  .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
  .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
  .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
  .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
  .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
  .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
  .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
  .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
  .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
  .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
  .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
  .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
  .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
  .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
  .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
  .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
  .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
  .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
  .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
  .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
  .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
  .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
  .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
  .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
  .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
  .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
  .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
  .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
  .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
  .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
  .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
  .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
  .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
  .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
  .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
  .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
  .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
  .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
  .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
  .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
  .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
  .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
  .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
  .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
  .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
  .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
  .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
  .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
  .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
  .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
  .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
  .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
  .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
  .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
  .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
  .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
  .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
  .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
  .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
  .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
  .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
  .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
  .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
  .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
  .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
  .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
  .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
  .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
  .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
  .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
  .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
  .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
  .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
  .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
  .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
  .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
  .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
  .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
  .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
  .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
  .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
  .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
  .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
  .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
  .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
  .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
  .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
  .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
  .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
  .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
  .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
  .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
  .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
  .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
  .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
  .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
  .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
  .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
  .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
  .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
  .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
  .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
  .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
  .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
  .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
  .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
  .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
  .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
  .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
  .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
  .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
  .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
  .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
  .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
  .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
  .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
  .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
  .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
  .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
  .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
  .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
  .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
  .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
  .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
  .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
  .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
  .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
  .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
  .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
  .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
  .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
  .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
  .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
  .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
  .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
  .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
  .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
  .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
  .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
  .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
  .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
  .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
  .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
  .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
  .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
  .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
  .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
  .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
  .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
  .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
  .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
  .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
  .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
  .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
  .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
  .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
  .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
  .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
  .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
  .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
  .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
  .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
  .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
  .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
  .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
  .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
  .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
  .mx-xl-auto {
        margin-left: auto !important;
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !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: 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;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #494f54 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #0f6674 !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #121416 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *,
  *::before,
  *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
  blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
  img {
        page-break-inside: avoid;
    }

    p,
  h2,
  h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
  h3 {
        page-break-after: avoid;
    }
  @    page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .table-bordered th,
  .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }

    .table-dark {
        color: inherit;
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
        border-color: #dee2e6;
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}

@font-face {
    font-family: 'futurabold';
  src: url("../fonts/futura-bold-03-webfont.eot");
  src: url("../fonts/futura-bold-03-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futura-bold-03-webfont.woff2") format("woff2"), url("../fonts/futura-bold-03-webfont.woff") format("woff"), url("../fonts/futura-bold-03-webfont.ttf") format("truetype"), url("../fonts/futura-bold-03-webfont.svg#futurabold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/**
 * @license
 * MyFonts Webfont Build ID 3593187, 2018-06-06T23:37:34-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed ../fonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: ProximaNovaA-BoldIt by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-nova/a-bold-it/
 * 
 * Webfont: ProximaNovaA-Bold by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-nova/a-bold/
 * 
 * Webfont: ProximaNovaS-BoldIt by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-nova/s-bold-it/
 * 
 * Webfont: ProximaNovaS-Bold by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-nova/s-bold/
 * 
 * Webfont: ProximaNova-BoldIt by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-nova/bold-it/
 * 
 * Webfont: ProximaNova-Bold by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-nova/bold/
 * 
 * Webfont: ProximaNovaA-Regular by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-nova/a-regular/
 * 
 * Webfont: ProximaNovaS-Regular by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-nova/s-regular/
 * 
 * Webfont: ProximaNova-Regular by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/
 * 
 * Webfont: ProximaNovaA-RegularIt by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-nova/a-regular-it/
 * 
 * Webfont: ProximaNovaS-RegularIt by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-nova/s-regular-it/
 * 
 * Webfont: ProximaNova-RegularIt by Mark Simonson
 * URL: https://www.myfonts.com/fonts/marksimonson/proxima-nova/regular-it/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3593187
 * Licensed pageviews: 1,000,000
 * ../fonts copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * 
 * © 2018 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
    font-family: 'ProximaNovaA-BoldIt';
  src: url("../fonts/36D3E3_0_0.eot");
  src: url("../fonts/36D3E3_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/36D3E3_0_0.woff2") format("woff2"), url("../fonts/36D3E3_0_0.woff") format("woff"), url("../fonts/36D3E3_0_0.ttf") format("truetype");
}

@font-face {
    font-family: 'ProximaNovaA-Bold';
  src: url("../fonts/36D3E3_1_0.eot");
  src: url("../fonts/36D3E3_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/36D3E3_1_0.woff2") format("woff2"), url("../fonts/36D3E3_1_0.woff") format("woff"), url("../fonts/36D3E3_1_0.ttf") format("truetype");
}

@font-face {
    font-family: 'ProximaNovaS-BoldIt';
  src: url("../fonts/36D3E3_2_0.eot");
  src: url("../fonts/36D3E3_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/36D3E3_2_0.woff2") format("woff2"), url("../fonts/36D3E3_2_0.woff") format("woff"), url("../fonts/36D3E3_2_0.ttf") format("truetype");
}

@font-face {
    font-family: 'ProximaNovaS-Bold';
  src: url("../fonts/36D3E3_3_0.eot");
  src: url("../fonts/36D3E3_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/36D3E3_3_0.woff2") format("woff2"), url("../fonts/36D3E3_3_0.woff") format("woff"), url("../fonts/36D3E3_3_0.ttf") format("truetype");
}

@font-face {
    font-family: 'ProximaNova-BoldIt';
  src: url("../fonts/36D3E3_4_0.eot");
  src: url("../fonts/36D3E3_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/36D3E3_4_0.woff2") format("woff2"), url("../fonts/36D3E3_4_0.woff") format("woff"), url("../fonts/36D3E3_4_0.ttf") format("truetype");
}

@font-face {
    font-family: 'ProximaNova-Bold';
  src: url("../fonts/36D3E3_5_0.eot");
  src: url("../fonts/36D3E3_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/36D3E3_5_0.woff2") format("woff2"), url("../fonts/36D3E3_5_0.woff") format("woff"), url("../fonts/36D3E3_5_0.ttf") format("truetype");
}

@font-face {
    font-family: 'ProximaNovaA-Regular';
  src: url("../fonts/36D3E3_6_0.eot");
  src: url("../fonts/36D3E3_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/36D3E3_6_0.woff2") format("woff2"), url("../fonts/36D3E3_6_0.woff") format("woff"), url("../fonts/36D3E3_6_0.ttf") format("truetype");
}

@font-face {
    font-family: 'ProximaNovaS-Regular';
  src: url("../fonts/36D3E3_7_0.eot");
  src: url("../fonts/36D3E3_7_0.eot?#iefix") format("embedded-opentype"), url("../fonts/36D3E3_7_0.woff2") format("woff2"), url("../fonts/36D3E3_7_0.woff") format("woff"), url("../fonts/36D3E3_7_0.ttf") format("truetype");
}

@font-face {
    font-family: 'ProximaNova-Regular';
  src: url("../fonts/36D3E3_8_0.eot");
  src: url("../fonts/36D3E3_8_0.eot?#iefix") format("embedded-opentype"), url("../fonts/36D3E3_8_0.woff2") format("woff2"), url("../fonts/36D3E3_8_0.woff") format("woff"), url("../fonts/36D3E3_8_0.ttf") format("truetype");
}

@font-face {
    font-family: 'ProximaNovaA-RegularIt';
  src: url("../fonts/36D3E3_9_0.eot");
  src: url("../fonts/36D3E3_9_0.eot?#iefix") format("embedded-opentype"), url("../fonts/36D3E3_9_0.woff2") format("woff2"), url("../fonts/36D3E3_9_0.woff") format("woff"), url("../fonts/36D3E3_9_0.ttf") format("truetype");
}

@font-face {
    font-family: 'ProximaNovaS-RegularIt';
  src: url("../fonts/36D3E3_A_0.eot");
  src: url("../fonts/36D3E3_A_0.eot?#iefix") format("embedded-opentype"), url("../fonts/36D3E3_A_0.woff2") format("woff2"), url("../fonts/36D3E3_A_0.woff") format("woff"), url("../fonts/36D3E3_A_0.ttf") format("truetype");
}

@font-face {
    font-family: 'ProximaNova-RegularIt';
  src: url("../fonts/36D3E3_B_0.eot");
  src: url("../fonts/36D3E3_B_0.eot?#iefix") format("embedded-opentype"), url("../fonts/36D3E3_B_0.woff2") format("woff2"), url("../fonts/36D3E3_B_0.woff") format("woff"), url("../fonts/36D3E3_B_0.ttf") format("truetype");
}

/**
    MIXINS
 */
/**
    FUNCTIONS
 */
/**
Colors
 */
/**
Styles
 */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 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;
}

@-webkit-keyframes bounce {
    from,
  20%,
  53%,
  80%,
  to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-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-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-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-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-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 {
    from,
  20%,
  53%,
  80%,
  to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-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-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-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-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-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;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from,
  50%,
  to {
        opacity: 1;
    }

    25%,
  75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,
  50%,
  to {
        opacity: 1;
    }

    25%,
  75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    from {
        -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);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -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);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -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);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -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);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from,
  to {
        -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 {
    from,
  to {
        -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 headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-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);
    }

    to {
        -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);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -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);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -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);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    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);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    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);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,
  11.1%,
  to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@keyframes jello {
    from,
  11.1%,
  to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from,
  20%,
  40%,
  60%,
  80%,
  to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    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% {
        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);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
  20%,
  40%,
  60%,
  80%,
  to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    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% {
        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);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,
  60%,
  75%,
  90%,
  to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        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);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from,
  60%,
  75%,
  90%,
  to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        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);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,
  60%,
  75%,
  90%,
  to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        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);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from,
  60%,
  75%,
  90%,
  to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        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);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,
  60%,
  75%,
  90%,
  to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        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);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from,
  60%,
  75%,
  90%,
  to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        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);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,
  60%,
  75%,
  90%,
  to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        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);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
  60%,
  75%,
  90%,
  to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        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);
    }

    to {
        -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% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        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% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
  45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        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% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        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% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        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% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        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% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        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% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -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;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -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;
    }

    to {
        -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 {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -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 {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -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 {
    from {
        -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);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -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);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -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);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -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);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        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;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 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;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        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 {
    from {
        opacity: 1;
    }

    to {
        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 {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        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% {
        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 {
    from {
        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% {
        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 {
    from {
        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% {
        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 {
    from {
        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% {
        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 {
    from {
        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% {
        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 {
    from {
        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% {
        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 {
    from {
        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% {
        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 {
    from {
        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% {
        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 {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        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);
    }

    to {
        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% {
        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);
    }

    to {
        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% {
        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);
    }

    to {
        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% {
        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);
    }

    to {
        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% {
        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);
    }

    to {
        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% {
        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);
    }

    to {
        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% {
        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);
    }

    to {
        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% {
        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);
    }

    to {
        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 {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@font-face {
    font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?udsuoo");
  src: url("../fonts/icomoon.eot?udsuoo#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?udsuoo") format("truetype"), url("../fonts/icomoon.woff?udsuoo") format("woff"), url("../fonts/icomoon.svg?udsuoo#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-upload:before {
    content: "\e929";
}

.icon-login:before {
    content: "\e916";
}

.icon-delivery-thin:before {
    content: "\e900";
}

.icon-check:before {
    content: "\e901";
}

.icon-cross:before {
    content: "\e902";
}

.icon-glass:before {
    content: "\e903";
}

.icon-repair:before {
    content: "\e904";
}

.icon-delivery:before {
    content: "\e905";
}

.icon-close-fat:before {
    content: "\e906";
}

.icon-contact-lenses:before {
    content: "\e907";
}

.icon-cart:before {
    content: "\e908";
}

.icon-chevron-left:before {
    content: "\e909";
}

.icon-chevron-thin-right:before {
    content: "\e90a";
}

.icon-close:before {
    content: "\e90b";
}

.icon-facebook:before {
    content: "\e90c";
}

.icon-favourite:before {
    content: "\e927";
}

.icon-quantity:before {
    content: "\e90e";
}

.icon-schedule:before {
    content: "\e90f";
}

.icon-check-round:before {
    content: "\e910";
}

.icon-exchange:before {
    content: "\e911";
}

.icon-virtual-mirror:before {
    content: "\e912";
}

.icon-truck:before {
    content: "\e913";
}

.icon-return:before {
    content: "\e914";
}

.icon-instagram:before {
    content: "\e915";
}

.icon-repair-alt:before {
    content: "\e917";
}

.icon-location:before {
    content: "\e918";
}

.icon-booked-client:before {
    content: "\e919";
}

.icon-calendar:before {
    content: "\e91a";
}

.icon-glass-alt:before {
    content: "\e91b";
}

.icon-search:before {
    content: "\e91c";
}

.icon-history:before {
    content: "\e91d";
}

.icon-info-card:before {
    content: "\e91e";
}

.icon-star-outline:before {
    content: "\e91f";
}

.icon-star:before {
    content: "\e920";
}

.icon-virtual:before {
    content: "\e921";
}

.icon-lenses:before {
    content: "\e922";
}

.icon-rx:before {
    content: "\e923";
}

.icon-list-items:before {
    content: "\e924";
}

.icon-gift:before {
    content: "\e925";
}

.icon-heart:before {
    content: "\e926";
}

.icon-heart-outline:before {
    content: "\e927";
}

.icon-zoom:before {
    content: "\e928";
}

.warn-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.2754 17.0745L13.617 4.3737C13.4433 4.10707 13.2063 3.88746 12.927 3.73452C12.6428 3.57889 12.324 3.49731 12 3.49731C11.676 3.49731 11.3572 3.57889 11.073 3.73452C10.7937 3.88746 10.5567 4.10707 10.3829 4.3737L2.72628 17.0716C2.72603 17.072 2.72578 17.0724 2.72553 17.0728C2.59053 17.2984 2.51716 17.5554 2.51278 17.8182C2.50844 18.0788 2.57203 18.3359 2.69724 18.5643C2.86114 18.8484 3.09695 19.0845 3.38104 19.2488C3.66766 19.4145 3.99316 19.5012 4.32425 19.4999L4.32998 19.4999L19.678 19.4999L19.686 19.5C20.0149 19.5035 20.3389 19.4202 20.6254 19.2585C20.908 19.0989 21.1441 18.8686 21.3107 18.5902C21.4382 18.3603 21.5031 18.1008 21.4988 17.8378C21.4944 17.5706 21.4187 17.3094 21.2795 17.0812L21.2754 17.0745ZM22.61 19.3399C22.3092 19.8508 21.879 20.2732 21.3629 20.5647C20.8467 20.8561 20.2627 21.0063 19.67 20.9999H4.32998C3.7333 21.0022 3.14672 20.846 2.63018 20.5474C2.11364 20.2487 1.68566 19.8182 1.38998 19.2999C1.13423 18.8395 1.00421 18.3199 1.01299 17.7932C1.02177 17.2666 1.16903 16.7516 1.43998 16.2999L9.10998 3.57994C9.42012 3.09475 9.84743 2.69546 10.3525 2.41888C10.8576 2.14229 11.4241 1.99731 12 1.99731C12.5758 1.99731 13.1424 2.14229 13.6475 2.41888C14.1525 2.69546 14.5798 3.09475 14.89 3.57994L22.56 16.2999C22.8384 16.7563 22.9898 17.2787 22.9986 17.8131C23.0074 18.3476 22.8732 18.8747 22.61 19.3399Z' fill='%23E1523E'/%3E%3Cpath d='M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z' fill='%23E1523E'/%3E%3Cpath d='M12 8C11.7348 8 11.4804 8.10536 11.2929 8.29289C11.1054 8.48043 11 8.73478 11 9V13C11 13.2652 11.1054 13.5196 11.2929 13.7071C11.4804 13.8946 11.7348 14 12 14C12.2652 14 12.5196 13.8946 12.7071 13.7071C12.8946 13.5196 13 13.2652 13 13V9C13 8.73478 12.8946 8.48043 12.7071 8.29289C12.5196 8.10536 12.2652 8 12 8Z' fill='%23E1523E'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
}

.validation-check-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%233F8350'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6678 9.2318C16.0595 9.58537 16.1124 10.2159 15.786 10.6402L11.9399 15.6402C11.7739 15.856 11.5317 15.9862 11.2726 15.999C11.0135 16.0117 10.7614 15.9058 10.578 15.7071L8.27036 13.2071C7.90988 12.8166 7.90988 12.1834 8.27036 11.7929C8.63085 11.4024 9.2153 11.4024 9.57579 11.7929L11.1687 13.5186L14.3678 9.35984C14.6941 8.93556 15.2762 8.87824 15.6678 9.2318Z' fill='%233F8350'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
}

/**
 * Slick config
 */
/* Slider */
.slick-loading .slick-list {
    background: #fff url("../images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    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);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: 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;
}

html,
body {
    background: #FFFFFF;
    color: #2d2a26;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Barlow', sans-serif;
}

.colsxfixed.resetLeft {
    left: 0 !important;
}

.float-div.resetLeft {
    left: 0 !important;
}

/**
 * Video JS
 */
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
    text-align: center;
}

@font-face {
    font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: "\f101";
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-play-circle:before {
    content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109";
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-square:before {
    content: "\f10a";
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-spinner:before {
    content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10c";
}

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e";
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-share:before {
    content: "\f10f";
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-cog:before {
    content: "\f110";
}

.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "\f111";
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-circle-outline:before {
    content: "\f112";
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113";
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-hd:before {
    content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116";
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-facebook:before {
    content: "\f117";
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-gplus:before {
    content: "\f118";
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-linkedin:before {
    content: "\f119";
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-twitter:before {
    content: "\f11a";
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-tumblr:before {
    content: "\f11b";
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-pinterest:before {
    content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e";
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-next-item:before {
    content: "\f11f";
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-previous-item:before {
    content: "\f120";
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
}

.video-js:-moz-full-screen {
    position: absolute;
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
}

.video-js[tabindex="-1"] {
    outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit;
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0;
}

.video-js.vjs-16-9 {
    padding-top: 56.25%;
}

.video-js.vjs-4-3 {
    padding-top: 75%;
}

.video-js.vjs-fill {
    width: 100%;
    height: 100%;
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none;
}

.vjs-hidden {
    display: none !important;
}

.vjs-disabled {
    opacity: 0.5;
    cursor: default;
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px;
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible;
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66A8CC;
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: 0.3em;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    -webkit-transition: all 0s;
    transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block;
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%;
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2;
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto;
}

.video-js .vjs-modal-dialog > * {
    box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1;
}

.vjs-menu-button {
    cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
    cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none;
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
    box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none;
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F;
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em;
}

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block;
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.0em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0.1s, opacity 0.1s;
    transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table;
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white;
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
    display: none;
}

.video-js .vjs-progress-control {
    cursor: pointer;
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em;
    -ms-touch-action: none;
    touch-action: none;
}

.video-js .vjs-progress-control.disabled {
    cursor: default;
}

.vjs-live .vjs-progress-control {
    display: none;
}

.vjs-liveui .vjs-progress-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.vjs-no-flex .vjs-progress-control {
    width: auto;
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666666666666666666em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
}

.video-js .vjs-play-progress {
    background-color: #fff;
}

.video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.333333333333333em;
    z-index: 1;
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: 0.6em;
    visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
    -webkit-touch-callout: none;
  /* Safari */
    -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
    -moz-user-select: none;
  /* Internet Explorer/Edge */
    -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
    cursor: default;
}

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px;
}

.video-js .vjs-volume-panel {
    -webkit-transition: width 1s;
    transition: width 1s;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control,
  .video-js .vjs-volume-panel:active .vjs-volume-control,
  .video-js .vjs-volume-panel:focus .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control:hover,
  .video-js .vjs-volume-panel .vjs-volume-control:active,
  .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 9em;
    -webkit-transition: width 0.1s;
    transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: none;
    transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: 0.5em;
}

.video-js .vjs-volume-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto;
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em;
}

.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%;
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em;
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

.vjs-has-started .vjs-poster {
    display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block;
}

.vjs-using-native-controls .vjs-poster {
    display: none;
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
    display: none;
}

.video-js .vjs-seek-to-live-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: 0.5em;
    color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red;
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}

.vjs-live .vjs-time-control {
    display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none;
}

.vjs-time-divider {
    display: none;
    line-height: 3em;
}

.vjs-live .vjs-time-divider {
    display: none;
}

.video-js .vjs-play-control {
    cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em;
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
}

.vjs-subtitles {
    color: #fff;
}

.vjs-captions {
    color: #fc6;
}

.vjs-tt-cue {
    display: block;
}

video::-webkit-media-text-track-display {
    -ms-transform: translateY(-3em);
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -ms-transform: translateY(-1.5em);
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em);
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center;
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center;
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
    animation: 0s linear 0.3s forwards vjs-spinner-show;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}

@keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }

    20% {
        border-top-color: #73859f;
    }

    35% {
        border-top-color: white;
    }

    60% {
        border-top-color: #73859f;
    }

    100% {
        border-top-color: #73859f;
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }

    20% {
        border-top-color: #73859f;
    }

    35% {
        border-top-color: white;
    }

    60% {
        border-top-color: #73859f;
    }

    100% {
        border-top-color: #73859f;
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10d";
    font-size: 1.5em;
    line-height: inherit;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f11d";
    font-size: 1.5em;
    line-height: inherit;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: block;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
    display: none;
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
    display: none;
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
    display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom;
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0px 24px;
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px;
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1 / -1;
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none;
}

.vjs-text-track-settings fieldset span {
    display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
    max-width: 7.3em;
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: -webkit-linear-gradient(bottom, #fff 88%, #73859f 100%);
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #fff 88%, #73859f 100%);
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2B333F;
    cursor: pointer;
    border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em;
}

@media print {
    .video-js > *:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden;
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none;
    background: none;
}

.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
    outline: none;
    background: none;
}

h1,
h2,
h3,
h4 {
    font-family: 'termina', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-weight: bold;
}

h1, .h1 {
    font-size: 1.875rem;
    line-height: 2.0625rem;
    letter-spacing: 0px;
}

@media (min-width: 992px) {
    h1, .h1 {
        font-size: 2.8125rem;
        line-height: 3.125rem;
    }
}

h2, .h2 {
    font-size: 1.875rem;
    line-height: 2.0625rem;
}

@media (min-width: 992px) {
    h2, .h2 {
        font-size: 2.1875rem;
        line-height: 2.4375rem;
    }
}

h3, .h3 {
    font-size: 1.5625rem;
    line-height: 1.75rem;
}

h4, .h4 {
    font-size: 1.25rem;
    line-height: 1.375rem;
    font-weight: bold;
}

h5, .h5 {
    font-size: 1.125rem;
    line-height: 1.5625rem;
}

h6, .h6 {
    font-size: 1rem;
}

.price-title {
    font-size: 1.25rem;
    line-height: 1.5625rem;
}

@media (min-width: 992px) {
    .price-title {
        font-size: 1.375rem;
        line-height: 1.5625rem;
    }
}

.price-title--lg {
    font-weight: bold;
    font-size: 1.875rem;
    line-height: 2.1875rem;
    padding: 10px 0;
}

@media (min-width: 768px) {
    .price-title--lg {
        font-size: 1.5625rem;
        line-height: 2.1875rem;
    }
}

@media (min-width: 992px) {
    .price-title--lg {
        font-size: 1.875rem;
        line-height: 2.8125rem;
    }
}

.price-title--unit {
    font-size: 1rem;
}

a {
    color: #2D2A26;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: underline;
}

a:focus, a:hover, a:active {
    text-decoration: none;
}

a:hover {
    color: #AAAAAA;
}

.xsmall {
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/*
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover,
a:focus {
    outline: 0;
}

.xlarge {
    font-size: 22px !important;
}

.btn {
    color: #2d2a26;
}

hr {
    border-top: solid 1px #CCCCCC;
}

strong,
b {
    font-weight: bold;
}

i {
    font-weight: normal;
}

::-ms-clear {
    display: none;
}

/**
    Layout
*/
.container-lg {
    max-width: 1920px;
    margin: 0 auto;
}

.container-fluid {
    max-width: 1600px;
}

.compact-width {
    max-width: 1320px;
    margin: 0 auto;
}

.small-width {
    max-width: 910px;
    margin: 0 auto;
}

.border-red {
    border-color: #E1523E !important;
}

.border-green {
    border-color: #11b683 !important;
}

.border-green-dark {
    border-color: #3F8350 !important;
}

.border-gold {
    border-color: #b58b34 !important;
}

.border-mercury {
    border-color: #e5e5e5 !important;
}

@media screen and (min-width: 992px) {
    .border-lg-0 {
        border: 0 !important;
    }
}

.text-dark-gray {
    color: #666666;
}

.bg-concrete {
    background-color: #F6F6F6;
}

.bg-abbey {
    background-color: #AAAAAA;
}

.bg-dove {
    background-color: #666666;
}

.bg-dark {
    background-color: #2D2A26;
}

.bg-gold {
    background-color: #b58b34;
}

.font-termina {
    font-family: 'termina', sans-serif;
    font-weight: 700;
    font-style: normal;
}

.font-barlow {
    font-family: 'Barlow', sans-serif;
}

/*
 * AOS - Animate On Scroll Library (Extends)
 */
[data-aos^='slide-width-left'][data-aos^='slide-width'] {
    width: 0;
    -webkit-transition-property: width;
    transition-property: width;
}

[data-aos^='slide-width-left'][data-aos^='slide-width'].aos-animate {
    width: 100%;
}

[data-aos='slide-width-left'] {
    width: 100%;
}

.left-0 {
    left: 0;
}

.top-0 {
    top: 0;
}

.column-gap-32 {
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
}

.gap-48 {
    gap: 48px;
}

.gap-40 {
    gap: 40px !important;
}

.gap-30 {
    gap: 30px;
}

.gap-15 {
    gap: 15px;
}

.gap-16 {
    gap: 16px;
}

.gap-8 {
    gap: 8px;
}

.row-gap-0 {
    row-gap: 0;
}

.grid-1-col {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.grid-2-col {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.grid-3-col {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-4-col {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.blend-multiply {
    mix-blend-mode: multiply;
}

@media screen and (min-width: 992px) {
    .d-lg-grid {
        display: -ms-grid;
        display: grid;
    }

    .grid-1-col-lg {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .grid-2-col-lg {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .grid-3-col-lg {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .grid-4-col-lg {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

[class*=hover-underline-animation] {
    position: relative;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
}

[class*=hover-underline-animation]::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -2px !important;
    left: 0;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: -webkit-transform 0.25s ease-out;
    transition: -webkit-transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
    transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

[class*=hover-underline-animation]:hover::before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.hover-underline-animation-white {
    color: #ffffff !important;
}

.hover-underline-animation-white::before {
    background-color: #ffffff;
}

.hover-underline-animation-dark {
    color: #2d2926 !important;
}

.hover-underline-animation-dark::before {
    background-color: #2d2926;
}

.btn[class*=hover-underline-animation]::before {
    bottom: 0 !important;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

/**
    MIXINS
 */
/**
    FUNCTIONS
 */
/**
Colors
 */
/**
Styles
 */
.button {
    border-radius: 50rem;
    height: 48px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0px;
    position: relative;
    border: none;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    padding: 13px 0px;
    background: transparent;
    outline: none;
    max-width: 100%;
    cursor: pointer;
}

.button.button-short {
    padding: 10px 0;
}

.button span,
  .button span:before,
  .button span:after, .button:before, .button:after {
    pointer-events: none;
}

.button:not(:disabled):hover, .button:not(:disabled):active, .button:not(:disabled):focus {
    text-decoration: none;
    outline: none;
}

.button:not(:disabled):hover .button--label, .button:not(:disabled):active .button--label, .button:not(:disabled):focus .button--label {
    color: #AAAAAA;
}

.button:disabled {
    cursor: default;
}

.button:disabled .button--label {
    color: #e5e5e5;
}

.button .checkmark {
    vertical-align: sub;
}

.button--light .button--label {
    color: #FFFFFF;
}

.button--light:not(:disabled):hover, .button--light:not(:disabled):active, .button--light:not(:disabled):focus {
    text-decoration: none;
    outline: none;
}

.button--light:not(:disabled):hover .button--label, .button--light:not(:disabled):active .button--label, .button--light:not(:disabled):focus .button--label {
    color: #FFFFFF;
}

.button--light:disabled .button--label {
    color: #c2c2c2;
}

.button--label {
    position: relative;
    z-index: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 29px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.button--primary, .button--secondary, .button--simple, .button--secondary-simple {
    width: 200px;
    padding: 7px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 50rem;
}

.button--primary img, .button--secondary img, .button--simple img, .button--secondary-simple img {
    z-index: 1;
}

html.touchevents .button--primary:before, html.touchevents .button--primary:after {
    display: none;
}

.button--primary:not(:disabled):before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: visibility 0s 0.4s, 0.6s -webkit-transform cubic-bezier(0, 0.01, 0, 1);
    transition: visibility 0s 0.4s, 0.6s -webkit-transform cubic-bezier(0, 0.01, 0, 1);
    transition: 0.6s transform cubic-bezier(0, 0.01, 0, 1), visibility 0s 0.4s;
    transition: 0.6s transform cubic-bezier(0, 0.01, 0, 1), visibility 0s 0.4s, 0.6s -webkit-transform cubic-bezier(0, 0.01, 0, 1);
    border-radius: 50rem;
}

.button--primary:not(:disabled):hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: 0.4s -webkit-transform cubic-bezier(0, 0.01, 0, 1) 0.4s;
    transition: 0.4s -webkit-transform cubic-bezier(0, 0.01, 0, 1) 0.4s;
    transition: 0.4s transform cubic-bezier(0, 0.01, 0, 1) 0.4s;
    transition: 0.4s transform cubic-bezier(0, 0.01, 0, 1) 0.4s, 0.4s -webkit-transform cubic-bezier(0, 0.01, 0, 1) 0.4s;
}

.button--primary:disabled {
    opacity: 1;
}

.button--primary:disabled .button--label {
    color: #e5e5e5;
}

.button--primary--dark {
    background: #2D2A26;
    color: #FFFFFF;
}

.button--primary--dark:not(:disabled):before {
    background: #575452;
}

.button--primary--dark:not(:disabled):hover .button--label, .button--primary--dark:not(:disabled):focus .button--label, .button--primary--dark:not(:disabled):active .button--label {
    color: #FFFFFF;
}

.button--primary--dark:disabled {
    background: #2d2a26;
}

.button--primary--dark .button--label {
    color: #FFFFFF;
}

.button--primary--dark .checkmark:before, .button--primary--dark .checkmark:after {
    background: #FFFFFF;
}

.button--primary--light {
    color: #2d2a26;
    background: #FFFFFF;
}

.button--primary--light:not(:disabled):before {
    background: #e5e5e5;
}

.button--primary--light:not(:disabled):hover .button--label, .button--primary--light:not(:disabled):focus .button--label, .button--primary--light:not(:disabled):active .button--label {
    color: #2d2a26;
}

.button--primary--light .button--label {
    color: #2d2a26;
}

.button--primary--light .checkmark:before, .button--primary--light .checkmark:after {
    background: #2d2a26;
}

.button--primary--red {
    color: #FFFFFF;
    background: #2d2a26;
    border: 2px solid #2d2a26;
}

.button--primary--red:not(:disabled):before {
    background: #575452;
}

.button--primary--red:not(:disabled):hover .button--label, .button--primary--red:not(:disabled):active .button--label, .button--primary--red:not(:disabled):focus .button--label {
    color: #FFFFFF;
}

.button--primary--red:disabled {
    background: rgba(45, 41, 38, 0.6);
}

.button--primary--red .button--label {
    color: #FFFFFF;
}

.button--primary--red .checkmark:before, .button--primary--red .checkmark:after {
    background: #FFFFFF;
}

.button--primary--gold {
    background: rgba(172, 132, 0, 0.8);
    color: #FFFFFF;
}

.button--primary--gold:not(:disabled):before {
    background: #b58b34;
}

.button--primary--gold:not(:disabled):hover .button--label, .button--primary--gold:not(:disabled):active .button--label, .button--primary--gold:not(:disabled):focus .button--label {
    color: #FFFFFF;
}

.button--primary--gold:disabled {
    background: rgba(45, 41, 38, 0.6);
}

.button--primary--gold:disabled .button--label {
    color: rgba(45, 41, 38, 0.6);
}

.button--primary--gold .button--label {
    color: #FFFFFF;
}

.button--primary--gold .checkmark:before, .button--primary--gold .checkmark:after {
    background: #FFFFFF;
}

.button--simple--dark {
    border: 2px solid #2D2A26;
    background: #2D2A26;
    color: #FFFFFF;
}

.button--simple--dark:not(:disabled):hover {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: 2px solid #666666;
    background: #666666;
}

.button--simple--dark:not(:disabled):hover .button--label {
    color: #FFFFFF;
}

.button--simple--dark:not(:disabled):focus, .button--simple--dark:not(:disabled):active {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 2px solid #4c4c4c;
    background: #4c4c4c;
}

.button--simple--dark:not(:disabled):focus .button--label, .button--simple--dark:not(:disabled):active .button--label {
    color: #FFFFFF;
}

.button--simple--dark:disabled {
    border: none;
    background: rgba(45, 41, 38, 0.6);
}

.button--simple--dark .button--label {
    color: #FFFFFF;
}

.button--simple--light {
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    background: #FFFFFF;
}

.button--simple--light:not(:disabled):hover {
    border: 2px solid #e5e5e5;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: #e5e5e5;
}

.button--simple--light:not(:disabled):hover .button--label {
    color: #2d2a26;
}

.button--simple--light:not(:disabled):focus, .button--simple--light:not(:disabled):active {
    border: 2px solid #CCCCCC;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #CCCCCC;
}

.button--simple--light:not(:disabled):focus .button--label, .button--simple--light:not(:disabled):active .button--label {
    color: #2d2a26;
}

.button--simple--light .button--label {
    color: #2d2a26;
}

.button--simple--red {
    border: 2px solid #E1523E;
    background: #E1523E;
    color: #FFFFFF;
}

.button--simple--red:not(:disabled):hover {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: 2px solid #e77565;
    background: #e77565;
}

.button--simple--red:not(:disabled):hover .button--label {
    color: #FFFFFF;
}

.button--simple--red:not(:disabled):focus, .button--simple--red:not(:disabled):active {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 2px solid rgba(225, 82, 62, 0.6);
    background: rgba(225, 82, 62, 0.6);
}

.button--simple--red:not(:disabled):focus .button--label, .button--simple--red:not(:disabled):active .button--label {
    color: #FFFFFF;
}

.button--simple--red:disabled {
    border: none;
    background: rgba(45, 41, 38, 0.6);
}

.button--simple--red .button--label {
    color: #FFFFFF;
}

.button--simple--gold {
    border: 2px solid #b58b34;
    background: #b58b34;
    color: #FFFFFF;
}

.button--simple--gold:not(:disabled):hover {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: 2px solid rgba(172, 132, 0, 0.8);
    background: rgba(172, 132, 0, 0.8);
}

.button--simple--gold:not(:disabled):hover .button--label {
    color: #FFFFFF;
}

.button--simple--gold:not(:disabled):focus, .button--simple--gold:not(:disabled):active {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 2px solid rgba(172, 132, 0, 0.6);
    background: rgba(172, 132, 0, 0.6);
}

.button--simple--gold:not(:disabled):focus .button--label, .button--simple--gold:not(:disabled):active .button--label {
    color: #FFFFFF;
}

.button--simple--gold:disabled {
    border: none;
    background: rgba(45, 41, 38, 0.6);
}

.button--simple--gold .button--label {
    color: #FFFFFF;
}

.button--secondary-simple {
    border: solid 2px #2d2a26;
    color: #2d2a26;
}

.button--secondary-simple--dark:not(:disabled):hover {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: solid 2px #666666;
}

.button--secondary-simple--dark:not(:disabled):hover .button--label {
    color: #666666 !important;
}

.button--secondary-simple--dark:not(:disabled):active, .button--secondary-simple--dark:not(:disabled):focus {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: solid 2px #2d2a26;
}

.button--secondary-simple--dark:not(:disabled):active .button--label, .button--secondary-simple--dark:not(:disabled):focus .button--label {
    color: #2d2a26 !important;
}

.button--secondary-simple--dark:disabled {
    border: solid 2px rgba(45, 41, 38, 0.6);
}

.button--secondary-simple--light {
    border: solid 2px #FFFFFF;
}

.button--secondary-simple--light:not(:disabled):hover {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: solid 2px #e5e5e5;
}

.button--secondary-simple--light:not(:disabled):hover .button--label {
    color: #e5e5e5 !important;
}

.button--secondary-simple--light:not(:disabled):active, .button--secondary-simple--light:not(:disabled):focus {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: solid 2px #CCCCCC;
}

.button--secondary-simple--light:not(:disabled):active .button--label, .button--secondary-simple--light:not(:disabled):focus .button--label {
    color: #CCCCCC !important;
}

.button--secondary-simple--light .button--label {
    color: #FFFFFF;
}

.button--secondary-simple--red {
    border: solid 2px #E1523E;
}

.button--secondary-simple--red:not(:disabled):hover {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: solid 2px #e77565;
}

.button--secondary-simple--red:not(:disabled):hover .button--label {
    color: #e77565 !important;
}

.button--secondary-simple--red:not(:disabled):active, .button--secondary-simple--red:not(:disabled):focus {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: solid 2px rgba(225, 82, 62, 0.6);
}

.button--secondary-simple--red:not(:disabled):active .button--label, .button--secondary-simple--red:not(:disabled):focus .button--label {
    color: rgba(225, 82, 62, 0.6) !important;
}

.button--secondary-simple--red:disabled {
    border: solid 2px rgba(45, 41, 38, 0.6);
}

.button--secondary-simple--red .button--label {
    color: #E1523E;
}

.button--secondary-simple--gold {
    border: solid 2px #b58b34;
}

.button--secondary-simple--gold:not(:disabled):hover {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: solid 2px rgba(172, 132, 0, 0.8);
}

.button--secondary-simple--gold:not(:disabled):hover .button--label {
    color: rgba(172, 132, 0, 0.8) !important;
}

.button--secondary-simple--gold:not(:disabled):active, .button--secondary-simple--gold:not(:disabled):focus {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: solid 2px rgba(172, 132, 0, 0.6);
}

.button--secondary-simple--gold:not(:disabled):active .button--label, .button--secondary-simple--gold:not(:disabled):focus .button--label {
    color: rgba(172, 132, 0, 0.6) !important;
}

.button--secondary-simple--gold:disabled {
    border: solid 2px rgba(45, 41, 38, 0.6);
}

.button--secondary-simple--gold .button--label {
    color: #b58b34;
}

.button--secondary--dark {
    border: solid 2px #2d2a26;
    color: #2d2a26;
}

.button--secondary {
    background: transparent;
    position: relative;
}

.button--secondary:before, .button--secondary:after {
    position: absolute;
    -webkit-transition: .1s ease-in-out .1s;
    transition: .1s ease-in-out .1s;
}

.button--secondary:before {
    width: 100%;
    height: 2px;
    top: -1px;
    right: 0;
}

.button--secondary:after {
    width: 2px;
    height: 100%;
    bottom: 0;
    right: -1px;
}

@media (min-width: 992px) {
    .button--secondary:not(:disabled):hover:before, .button--secondary:not(:disabled):active:before {
        width: 0;
    }

    .button--secondary:not(:disabled):hover:after, .button--secondary:not(:disabled):active:after {
        height: 0;
    }

    .button--secondary:not(:disabled):hover .button--label:before, .button--secondary:not(:disabled):active .button--label:before {
        height: 2px;
    }

    .button--secondary:not(:disabled):hover .button--label:after, .button--secondary:not(:disabled):active .button--label:after {
        height: 0;
    }
}

.button--secondary:disabled {
    opacity: 1;
}

.button--secondary:disabled:before, .button--secondary:disabled:after {
    background: #c2c2c2;
}

.button--secondary:disabled .button--label {
    color: #c2c2c2;
}

.button--secondary:disabled .button--label:before, .button--secondary:disabled .button--label:after {
    background: #c2c2c2;
}

.button--secondary .button--label {
    position: static;
}

.button--secondary .button--label:before, .button--secondary .button--label:after {
    position: absolute;
    -webkit-transition: .1s ease-in-out .3s;
    transition: .1s ease-in-out .3s;
}

.button--secondary .button--label:before {
    width: 100%;
    height: 2px;
    bottom: -1px;
    left: 0;
}

.button--secondary .button--label:after {
    width: 2px;
    height: 100%;
    top: 0;
    left: -1px;
}

.button--secondary--dark:before, .button--secondary--dark:after {
    background: #2D2A26;
}

.button--secondary--dark:not(:disabled):hover:before, .button--secondary--dark:not(:disabled):hover:after, .button--secondary--dark:not(:disabled):focus:before, .button--secondary--dark:not(:disabled):focus:after {
    background: #2D2A26;
}

.button--secondary--dark:not(:disabled):hover .button--label, .button--secondary--dark:not(:disabled):focus .button--label {
    color: #2D2A26 !important;
}

.button--secondary--dark:not(:disabled):hover .button--label:before, .button--secondary--dark:not(:disabled):hover .button--label:after, .button--secondary--dark:not(:disabled):focus .button--label:before, .button--secondary--dark:not(:disabled):focus .button--label:after {
    background: #2D2A26;
}

.button--secondary--dark:not(:disabled):active:before, .button--secondary--dark:not(:disabled):active:after {
    background: #AAAAAA;
}

.button--secondary--dark:not(:disabled):active .button--label {
    color: #AAAAAA !important;
}

.button--secondary--dark:not(:disabled):active .button--label:before, .button--secondary--dark:not(:disabled):active .button--label:after {
    background: #AAAAAA;
}

.button--secondary--dark .button--label {
    color: #2D2A26;
}

.button--secondary--dark .button--label:before, .button--secondary--dark .button--label:after {
    background: #2D2A26;
}

.button--secondary--dark .checkmark:before, .button--secondary--dark .checkmark:after {
    background: #2D2A26;
}

.button--secondary--light {
    border: solid 2px #FFFFFF;
    color: #FFFFFF;
}

.button--secondary--light:before, .button--secondary--light:after {
    background: #FFFFFF;
}

.button--secondary--light:not(:disabled):hover:before, .button--secondary--light:not(:disabled):hover:after, .button--secondary--light:not(:disabled):focus:before, .button--secondary--light:not(:disabled):focus:after {
    background: #FFFFFF;
}

.button--secondary--light:not(:disabled):hover .button--label, .button--secondary--light:not(:disabled):focus .button--label {
    color: #FFFFFF !important;
}

.button--secondary--light:not(:disabled):hover .button--label:before, .button--secondary--light:not(:disabled):hover .button--label:after, .button--secondary--light:not(:disabled):focus .button--label:before, .button--secondary--light:not(:disabled):focus .button--label:after {
    background: #FFFFFF;
}

.button--secondary--light:not(:disabled):active:before, .button--secondary--light:not(:disabled):active:after {
    background: #e5e5e5;
}

.button--secondary--light:not(:disabled):active .button--label {
    color: #e5e5e5 !important;
}

.button--secondary--light:not(:disabled):active .button--label:before, .button--secondary--light:not(:disabled):active .button--label:after {
    background: #e5e5e5;
}

.button--secondary--light .button--label {
    color: #FFFFFF;
}

.button--secondary--light .button--label:before, .button--secondary--light .button--label:after {
    background: #FFFFFF;
}

.button--secondary--light .checkmark:before, .button--secondary--light .checkmark:after {
    background: #FFFFFF;
}

.button--secondary--red {
    border: solid 2px #E1523E;
    color: #E1523E;
}

.button--secondary--red:before, .button--secondary--red:after {
    background: #E1523E;
}

.button--secondary--red:not(:disabled):hover:before, .button--secondary--red:not(:disabled):hover:after, .button--secondary--red:not(:disabled):focus:before, .button--secondary--red:not(:disabled):focus:after {
    background: #E1523E;
}

.button--secondary--red:not(:disabled):hover .button--label, .button--secondary--red:not(:disabled):focus .button--label {
    color: #E1523E !important;
}

.button--secondary--red:not(:disabled):hover .button--label:before, .button--secondary--red:not(:disabled):hover .button--label:after, .button--secondary--red:not(:disabled):focus .button--label:before, .button--secondary--red:not(:disabled):focus .button--label:after {
    background: #E1523E;
}

.button--secondary--red:not(:disabled):active:before, .button--secondary--red:not(:disabled):active:after {
    background: #e5e5e5;
}

.button--secondary--red:not(:disabled):active .button--label {
    color: #e5e5e5 !important;
}

.button--secondary--red:not(:disabled):active .button--label:before, .button--secondary--red:not(:disabled):active .button--label:after {
    background: #e5e5e5;
}

.button--secondary--red .button--label {
    color: #E1523E;
}

.button--secondary--red .button--label:before, .button--secondary--red .button--label:after {
    background: #E1523E;
}

.button--secondary--red .checkmark:before, .button--secondary--red .checkmark:after {
    background: #E1523E;
}

.button--secondary--gold {
    border: solid 2px #b58b34;
    color: #b58b34;
}

.button--secondary--gold:before, .button--secondary--gold:after {
    background: #b58b34;
}

.button--secondary--gold:not(:disabled):hover:before, .button--secondary--gold:not(:disabled):hover:after, .button--secondary--gold:not(:disabled):focus:before, .button--secondary--gold:not(:disabled):focus:after {
    background: #b58b34;
}

.button--secondary--gold:not(:disabled):hover .button--label, .button--secondary--gold:not(:disabled):focus .button--label {
    color: #b58b34 !important;
}

.button--secondary--gold:not(:disabled):hover .button--label:before, .button--secondary--gold:not(:disabled):hover .button--label:after, .button--secondary--gold:not(:disabled):focus .button--label:before, .button--secondary--gold:not(:disabled):focus .button--label:after {
    background: #b58b34;
}

.button--secondary--gold:not(:disabled):active:before, .button--secondary--gold:not(:disabled):active:after {
    background: #e5e5e5;
}

.button--secondary--gold:not(:disabled):active .button--label {
    color: #e5e5e5 !important;
}

.button--secondary--gold:not(:disabled):active .button--label:before, .button--secondary--gold:not(:disabled):active .button--label:after {
    background: #e5e5e5;
}

.button--secondary--gold .button--label {
    color: #b58b34;
}

.button--secondary--gold .button--label:before, .button--secondary--gold .button--label:after {
    background: #b58b34;
}

.button--secondary--gold .checkmark:before, .button--secondary--gold .checkmark:after {
    background: #b58b34;
}

.rounded-buttons-group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(88px, 88px))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(88px, 88px));
    gap: 8px;
}

@media (max-width: 1199.98px) {
    .rounded-buttons-group {
        -ms-grid-columns: (minmax(73px, 73px))[auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(73px, 73px));
    }
}

.rounded-buttons-group button {
    height: 35px;
    border-color: #2D2A26 !important;
    color: #2D2A26;
}

.rounded-buttons-group button.active {
    background-color: #2D2A26;
    color: #fff;
    font-weight: bold !important;
}

button:focus {
    outline: none;
}

div > .show-hover {
    opacity: 0;
}

@media (max-width: 767.98px) {
    div > .show-hover {
        opacity: 1;
    }
}

div:hover > .show-hover,
div:focus > .show-hover {
    opacity: 1;
}

.button-pill {
    border-radius: 40px;
    border: 1px solid #E5E5E5;
    background-color: #F7F6F4;
    padding: 0 24px;
    height: 40px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    white-space: nowrap;
}

.button-pill:hover {
    color: #2D2A26;
    background-color: #E6E5E0;
}

.loading-btn {
    overflow: hidden;
}

.button.button--primary.loading-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    display: block;
    visibility: visible;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    z-index: 2;
}

.button.button--primary.loading-btn:after {
    content: '';
    position: absolute;
    top: -2px;
    left: calc(50% - 24px);
    height: 48px;
    width: 48px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    background: url("../images/icons/spinner-btn-wht.svg") no-repeat center center;
    z-index: 3;
}

.catalogue-color {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    border: solid 1px #FFFFFF;
    background-size: cover;
  /**
        Frames Colors
    */
  /**
        Lenses Colors
    */
}

.catalogue-color--lg {
    width: 20px;
    height: 20px;
}

.catalogue-color--frames--aqua {
    background-color: #20999d;
}

.catalogue-color--frames--beige {
    background-color: #f5f5dc;
}

.catalogue-color--frames--black {
    background-color: #2d2a26;
}

.catalogue-color--frames--blue {
    background-color: #0b6ad9;
}

.catalogue-color--frames--bordeaux {
    background-color: #7a005c;
}

.catalogue-color--frames--bronze-copper {
    background-image: -webkit-linear-gradient(35deg, #b47b67, #cda171);
    background-image: linear-gradient(55deg, #b47b67, #cda171);
}

.catalogue-color--frames--brown {
    background-color: #8b572a;
}

.catalogue-color--frames--clear-white {
    background-color: #FFFFFF;
    border: solid 0.5px #999999;
}

.catalogue-color--frames--copper {
    background-color: #b87333;
}

.catalogue-color--frames--copper-bronze {
    background-image: -webkit-linear-gradient(35deg, #b47b67, #cda171);
    background-image: linear-gradient(55deg, #b47b67, #cda171);
}

.catalogue-color--frames--gold {
    background-image: -webkit-linear-gradient(33deg, #d2aa71, #ffdfb1);
    background-image: linear-gradient(57deg, #d2aa71, #ffdfb1);
}

.catalogue-color--frames--green {
    background-color: #417505;
}

.catalogue-color--frames--grey {
    background-color: #a9aaa9;
}

.catalogue-color--frames--gunmetal {
    background-color: #2a3439;
}

.catalogue-color--frames--light-brown {
    background-color: #b5651d;
}

.catalogue-color--frames--matte-black {
    background-color: #383838;
}

.catalogue-color--frames--multi {
    background-image: url(../images/colors/multi.png);
}

@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
    .catalogue-color--frames--multi {
        background-image: url(../images/colors/multi@2x.png);
    }
}

@media (-webkit-min-device-pixel-ratio: 3), (-moz-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    .catalogue-color--frames--multi {
        background-image: url(../images/colors/multi@3x.png);
    }
}

.catalogue-color--frames--multi.detailed {
    background-image: url(../images/colors/multi@3x.png);
}

.catalogue-color--frames--multicolor {
    background: -webkit-linear-gradient(70deg, #fff810 30%, rgba(0, 0, 0, 0) 30%), -webkit-linear-gradient(30deg, #63e89e 60%, #ff7ee3 60%);
    background: -webkit-linear-gradient(20deg, #fff810 30%, rgba(0, 0, 0, 0) 30%), -webkit-linear-gradient(60deg, #63e89e 60%, #ff7ee3 60%);
    background: linear-gradient(70deg, #fff810 30%, rgba(0, 0, 0, 0) 30%), linear-gradient(30deg, #63e89e 60%, #ff7ee3 60%);
}

.catalogue-color--frames--nude-tan {
    background-color: #c2a17f;
}

.catalogue-color--frames--olive {
    background-color: #006a31;
}

.catalogue-color--frames--orange {
    background-color: #f07d3e;
}

.catalogue-color--frames--pink {
    background-color: #fd71b0;
}

.catalogue-color--frames--pink-purple {
    background-color: #fd71b0;
}

.catalogue-color--frames--purple {
    background-color: #800080;
}

.catalogue-color--frames--red {
    background-color: #c20a24;
}

.catalogue-color--frames--red-burgundy {
    background-color: #c20a24;
}

.catalogue-color--frames--red-havana {
    background-color: #3b2b2c;
}

.catalogue-color--frames--silver {
    background-image: -webkit-linear-gradient(47deg, #CCC 10.18%, rgba(222, 222, 222, 0) 103.37%);
    background-image: linear-gradient(43deg, #CCC 10.18%, rgba(222, 222, 222, 0) 103.37%);
}

.catalogue-color--frames--silver-grey-gunmetal {
    background-image: -webkit-linear-gradient(215deg, #FFFFFF, #2d2a26);
    background-image: linear-gradient(235deg, #FFFFFF, #2d2a26);
}

.catalogue-color--frames--tortoise {
    background-image: url(../images/colors/tortoise.png);
}

@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
    .catalogue-color--frames--tortoise {
        background-image: url(../images/colors/tortoise@2x.png);
    }
}

@media (-webkit-min-device-pixel-ratio: 3), (-moz-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    .catalogue-color--frames--tortoise {
        background-image: url(../images/colors/tortoise@3x.png);
    }
}

.catalogue-color--frames--tortoise.detailed {
    background-image: url(../images/colors/tortoise@3x.png);
}

.catalogue-color--frames--transparent {
    background-image: -webkit-linear-gradient(317deg, #E7F8FF 13.62%, rgba(255, 255, 255, 0) 47.44%, rgba(234, 249, 255, 0.88) 81.98%);
    background-image: linear-gradient(133deg, #E7F8FF 13.62%, rgba(255, 255, 255, 0) 47.44%, rgba(234, 249, 255, 0.88) 81.98%);
}

.catalogue-color--frames--violet {
    background-color: #7f00ff;
}

.catalogue-color--frames--white {
    background-color: #FFFFFF;
    border: solid 0.5px #999999;
}

.catalogue-color--frames--yellow {
    background-color: #fff343;
}

.catalogue-color--frames--yellow-havana {
    background-color: #ffff33;
}

.catalogue-color--frames--dual-brown-black {
    background-image: -webkit-linear-gradient(left, #604013 49.9%, #2d2a26 50%);
    background-image: linear-gradient(to right, #604013 49.9%, #2d2a26 50%);
}

.catalogue-color--frames--dual-darkgray-blue {
    background-image: -webkit-linear-gradient(left, #2D2A26 49.9%, #4a90e2 50%);
    background-image: linear-gradient(to right, #2D2A26 49.9%, #4a90e2 50%);
}

.catalogue-color--frames--dual-red-black {
    background-image: -webkit-linear-gradient(left, #d0021b 49.9%, #2d2a26 50%);
    background-image: linear-gradient(to right, #d0021b 49.9%, #2d2a26 50%);
}

.catalogue-color--lenses--black {
    background-color: #2d2a26;
}

.catalogue-color--lenses--blue {
    background-color: #0b6ad9;
}

.catalogue-color--lenses--blue-classic {
    background-color: #1d4e89;
}

.catalogue-color--lenses--blue-mirror {
    background-color: #c6e2e3;
}

.catalogue-color--lenses--bordeaux {
    background-color: #7a005c;
}

.catalogue-color--lenses--bronze {
    background-image: -webkit-linear-gradient(35deg, #b47b67, #cda171);
    background-image: linear-gradient(55deg, #b47b67, #cda171);
}

.catalogue-color--lenses--bronze-copper {
    background-image: -webkit-linear-gradient(35deg, #b47b67, #cda171);
    background-image: linear-gradient(55deg, #b47b67, #cda171);
}

.catalogue-color--lenses--brown {
    background-color: #8b572a;
}

.catalogue-color--lenses--brown-classic {
    background-color: #654321;
}

.catalogue-color--lenses--copper {
    background-color: #b87333;
}

.catalogue-color--lenses--gold {
    background-image: -webkit-linear-gradient(33deg, #d2aa71, #ffdfb1);
    background-image: linear-gradient(57deg, #d2aa71, #ffdfb1);
}

.catalogue-color--lenses--green {
    background-color: #417505;
}

.catalogue-color--lenses--grey {
    background-color: #a9aaa9;
}

.catalogue-color--lenses--gunmetal {
    background-color: #2a3439;
}

.catalogue-color--lenses--light-brown {
    background-color: #b5651d;
}

.catalogue-color--lenses--matte-black {
    background-color: #383838;
}

.catalogue-color--lenses--orange {
    background-color: #f07d3e;
}

.catalogue-color--lenses--pink {
    background-color: #fd71b0;
}

.catalogue-color--lenses--purple {
    background-color: #800080;
}

.catalogue-color--lenses--red {
    background-color: #c20a24;
}

.catalogue-color--lenses--red-havana {
    background-color: #3b2b2c;
}

.catalogue-color--lenses--silver {
    background-image: -webkit-linear-gradient(47deg, #CCC 10.18%, rgba(222, 222, 222, 0) 103.37%);
    background-image: linear-gradient(43deg, #CCC 10.18%, rgba(222, 222, 222, 0) 103.37%);
}

.catalogue-color--lenses--light-blue {
    background-color: #A5C5FA;
}

.catalogue-color--lenses--silver-grey-gunmetal {
    background-image: -webkit-linear-gradient(215deg, #FFFFFF, #2d2a26);
    background-image: linear-gradient(235deg, #FFFFFF, #2d2a26);
}

.catalogue-color--lenses--transparent {
    background-image: -webkit-linear-gradient(317deg, #E7F8FF 13.62%, rgba(255, 255, 255, 0) 47.44%, rgba(234, 249, 255, 0.88) 81.98%);
    background-image: linear-gradient(133deg, #E7F8FF 13.62%, rgba(255, 255, 255, 0) 47.44%, rgba(234, 249, 255, 0.88) 81.98%);
}

.catalogue-color--lenses--violet {
    background-color: #7f00ff;
}

.catalogue-color--lenses--yellow {
    background-color: #fff343;
}

.loading {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/icons/spinner.svg) no-repeat center center;
    background-size: cover;
}

.loading--lg {
    width: 60px;
    height: 60px;
}

.loading--sm {
    width: 20px;
    height: 20px;
}

@media (min-width: 992px) {
    .opsm-breadcrumb {
        margin-left: 60px;
        margin-right: 60px;
    }
}

@media screen and (max-width: 992px) {
    .opsm-breadcrumb {
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 10px;
    }
}

.breadcrumb {
    background: transparent;
}

.breadcrumb-item {
    color: #2D2A26;
    font-size: 0.875rem;
}

.breadcrumb-item.active {
    color: #2D2A26;
}

.breadcrumb-item .icon {
    margin-right: 8px;
    font-size: 0.625rem;
}

.breadcrumb-item a:hover {
    color: #2d2a26;
    text-decoration: underline;
    display: inline-block;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: none;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

.hybrid-select {
    max-width: 100%;
}

.hybrid-select.dropdown.show .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.hybrid-select--no-native select {
    -webkit-clip-path: rect(0 0 0 0);
    clip-path: rect(0 0 0 0);
}

.hybrid-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .hybrid-select select {
        display: none;
    }
}

.hybrid-select .btn {
    width: 100%;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    border: solid 1px #b2b2b2;
    font-size: 1rem;
    padding: 10px;
    border-radius: 0;
    outline: none;
    background: #FFFFFF;
}

.hybrid-select .btn .icon {
    font-size: 0.5rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.hybrid-select .btn:focus {
    outline: none;
    box-shadow: none;
}

.hybrid-select .selected-text {
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hybrid-select .dropdown-menu {
    border-radius: 0;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
    padding-top: 0;
    padding-bottom: 0;
}

.hybrid-select .dropdown-item {
    text-decoration: none;
}

.hybrid-select .dropdown-item.active {
    background: #e5e5e5;
    color: #2D2A26;
}

.checkmark {
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
}

.checkmark:after,
.checkmark:before {
    display: block;
    content: "";
    width: 1.66667px;
    background-color: red;
    position: absolute;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    bottom: 25%;
    left: calc(35% - 2px);
}

.checkmark:before {
    -webkit-animation: shortStroke .3s ease forwards;
    animation: shortStroke .3s ease forwards;
    height: 30%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkmark:after {
    -webkit-animation: longStroke .3s ease forwards;
    animation: longStroke .3s ease forwards;
    height: 80%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@-webkit-keyframes shortStroke {
    0% {
        height: 0%;
    }

    100% {
        height: 30%;
    }
}

@keyframes shortStroke {
    0% {
        height: 0%;
    }

    100% {
        height: 30%;
    }
}

@-webkit-keyframes longStroke {
    0% {
        height: 0%;
    }

    100% {
        height: 80%;
    }
}

@keyframes longStroke {
    0% {
        height: 0%;
    }

    100% {
        height: 80%;
    }
}

.tab-accordion .card {
    border: none;
}

.tab-accordion .card-header {
    background: none;
    border-bottom-color: #CCCCCC;
    padding: 10px 0;
}

.tab-accordion .card-header a {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: calc(100% - 20px);
}

.tab-accordion .card-header a.tab-accordion--sign {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.tab-accordion .card-header a:hover, .tab-accordion .card-header a:focus, .tab-accordion .card-header a:active {
    color: #2d2a26;
}

.tab-accordion .card-body {
    padding-left: 0;
    padding-right: 0;
}

.tab-accordion .collapse.show {
    display: block;
}

.tab-accordion--show.collapse {
    display: block;
}

.tab-accordion .collapsing {
    display: block;
    -webkit-transition: none;
    transition: none;
}

.tab-accordion--sign {
    width: 15px;
    height: 15px;
    position: relative;
}

.tab-accordion--sign:before, .tab-accordion--sign:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background: #2D2A26;
    top: 50%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.tab-accordion--sign.collapsed:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.tab-accordion--tab-part {
    display: none;
}

@media (min-width: 768px) {
    .tab-accordion--tab-part {
        display: block;
    }
}

.tab-accordion--tab-part ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}

.tab-accordion--tab-part a {
    display: block;
    padding: 10px 45px;
    color: #2D2A26;
}

.tab-accordion--tab-part a.collapsed {
    color: #AAAAAA;
}

.tab-accordion--tab-part a.collapsed:hover {
    color: #666666;
}

.tab-accordion--tab-part a.tab-accordion--bold {
    color: #2D2A26;
}

.tab-accordion--tab-part a.tab-accordion--bold:hover {
    color: #2D2A26;
}

.tab-accordion--nav {
    border-bottom: solid 1px #CCCCCC;
    position: relative;
}

.tab-accordion--underline {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: #2D2A26;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.modal-opsm.modal .close .icon {
    font-size: 1.25rem;
}

.modal-opsm.modal .modal-content {
    border: none;
}

.modal-opsm.modal .modal-content,
.modal-opsm.modal .modal-header,
.modal-opsm.modal .modal-body,
.modal-opsm.modal .modal-footer {
    border-radius: 0;
}

.modal-opsm.modal .modal-header,
.modal-opsm.modal .modal-body,
.modal-opsm.modal .modal-footer {
    border-radius: 0;
}

@media (min-width: 768px) {
    .modal-opsm.modal .modal-header,
    .modal-opsm.modal .modal-body,
    .modal-opsm.modal .modal-footer {
        padding: 30px;
    }
}

@media (min-width: 992px) {
    .modal-opsm.modal .modal-header,
    .modal-opsm.modal .modal-body,
    .modal-opsm.modal .modal-footer {
        padding: 40px;
    }
}

.modal-opsm.modal .modal-header {
    padding-bottom: 0;
}

.modal-opsm.modal .modal-footer {
    padding-top: 0;
}

.modal-opsm.modal .modal-header {
    border: none;
}

body.modal-open #main {
    overflow-y: scroll;
}

body.modal-open .header--sticky {
    overflow-y: scroll;
    position: fixed;
    z-index: 999;
}

.promo-banner {
    min-height: 300px;
    font-size: 1.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 0;
}

@media (min-width: 768px) {
    .promo-banner {
        min-height: 300px;
    }
}

@media (min-width: 992px) {
    .promo-banner {
        min-height: 400px;
    }
}

.promo-banner--img-wrapper {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .promo-banner--img-wrapper {
        display: block;
    }
}

.promo-banner--img {
    width: 100%;
    height: auto;
}

.promo-banner--content {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 1600px;
    padding: 20px;
}

@media (min-width: 768px) {
    .promo-banner--content {
        padding: 30px;
    }
}

@media (min-width: 992px) {
    .promo-banner--content {
        padding: 40px;
    }
}

@media (min-width: 1200px) {
    .promo-banner--content {
        padding: 60px;
    }
}

.promo-banner--title {
    margin-bottom: 15px;
}

.promo-banner--list-with-icons {
    margin: 0;
}

.promo-banner--list-with-icons li {
    margin: 10px 0;
}

.promo-banner--list-with-icons .icon {
    display: inline-block;
    width: 28px;
    margin-right: 10px;
    text-align: center;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
/**
 * Checkbox, radio
 */
.opsm-custom-control.custom-control.custom-checkbox .custom-control-label:before, .opsm-custom-control.custom-control.custom-checkbox .custom-control-label:after {
    width: 15px;
    height: 15px;
}

.opsm-custom-control.custom-control.custom-checkbox .custom-control-label:before {
    background: #FFFFFF;
    border: solid 1px #b2b2b2;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.opsm-custom-control.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    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='%23333333' 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");
    -webkit-transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
}

.opsm-custom-control.custom-control.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before {
    box-shadow: none;
}

.opsm-custom-control.custom-control.custom-radio .custom-control-label:before {
    background: #FFFFFF;
    border: solid 1px #b2b2b2;
}

.opsm-custom-control.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
    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='4' fill='%23333333'/%3E%3C/svg%3E");
}

.opsm-custom-control.custom-control.custom-radio .custom-control-input:focus ~ .custom-control-label:before {
    box-shadow: none;
}

/**
 * form-group
 */
.opsm-form-group.required .form-control-label:after {
    content: '*';
    color: #E1523E;
}

.opsm-form-group.error .invalid-feedback {
    display: block !important;
}

.opsm-form-group .form-control-plaintext {
    height: 45px;
}

.opsm-form-group .invalid-feedback {
    font-size: 0.875rem;
    color: #E1523E !important;
}

/**
 * form-control
 */
.opsm-form-control.form-control {
    height: 45px;
    border-radius: 0px;
    border: solid 1px #b2b2b2;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.opsm-form-group.blue .opsm-form-control.form-control {
    box-shadow: 0 0 0px 1px #007bff;
}

.opsm-form-group.error .opsm-form-control.form-control {
    border: solid 1px #E1523E;
    box-shadow: 0 0 0px 1px #E1523E;
}

.opsm-form-control.form-control:focus {
    border: solid 1px #2D2A26;
    box-shadow: 0 0 0px 1px #2D2A26;
}

.opsm-form-group.error .opsm-form-control.form-control:focus {
    border: solid 1px #E1523E;
    box-shadow: 0 0 0px 1px #E1523E;
}

.opsm-form-control.form-control.dropdown, .opsm-form-control.form-control.dropup {
    padding: 0;
    border: none;
}

.opsm-form-group.error .opsm-form-control.form-control.dropdown, .opsm-form-group.error .opsm-form-control.form-control.dropup {
    border: none;
}

.opsm-form-control.form-control.dropdown .btn, .opsm-form-control.form-control.dropup .btn {
    border: solid 1px #b2b2b2;
}

.opsm-form-group.blue .opsm-form-control.form-control.dropdown .btn, .opsm-form-group.blue .opsm-form-control.form-control.dropup .btn {
    box-shadow: 0 0 0px 1px #007bff;
}

.opsm-form-group.error .opsm-form-control.form-control.dropdown .btn, .opsm-form-group.error .opsm-form-control.form-control.dropup .btn {
    border: solid 1px #E1523E;
    box-shadow: 0 0 0px 1px #E1523E;
}

.opsm-form-group.error.b-err-2 .opsm-form-control.form-control.dropdown .btn, .opsm-form-group.error.b-err-2 .opsm-form-control.form-control.dropup .btn {
    border: 2px;
}

.opsm-form-control.form-control.dropdown .btn .icon, .opsm-form-control.form-control.dropup .btn .icon {
    font-size: 0.625rem;
}

.opsm-form-control.form-control.dropdown .btn:focus, .opsm-form-control.form-control.dropup .btn:focus {
    border: solid 1px #2D2A26;
    box-shadow: 0 0 0px 1px #2D2A26;
}

.opsm-form-group.error .opsm-form-control.form-control.dropdown .btn:focus, .opsm-form-group.error .opsm-form-control.form-control.dropup .btn:focus {
    border: solid 1px #E1523E;
    box-shadow: 0 0 0px 1px #E1523E;
}

.opsm-form-group.error.b-err-2 .opsm-form-control.form-control.dropdown .btn:focus, .opsm-form-group.error.b-err-2 .opsm-form-control.form-control.dropup .btn:focus {
    border: 2px;
}

.opsm-form-control.form-control.dropdown select:focus ~ .btn, .opsm-form-control.form-control.dropup select:focus ~ .btn {
    border: solid 1px #2D2A26;
    box-shadow: 0 0 0px 1px #2D2A26;
}

.opsm-form-group.error .opsm-form-control.form-control.dropdown select:focus ~ .btn, .opsm-form-group.error .opsm-form-control.form-control.dropup select:focus ~ .btn {
    border: solid 1px #E1523E;
    box-shadow: 0 0 0px 1px #E1523E;
}

.opsm-form-group.error.b-err-2 .opsm-form-control.form-control.dropdown select:focus ~ .btn, .opsm-form-group.error.b-err-2 .opsm-form-control.form-control.dropup select:focus ~ .btn {
    border: 2px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: rgba(229, 229, 229, 0.2);
}

/**
 * Date input
 */
.opsm-input-date {
    position: relative;
}

.opsm-input-date .icon {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    font-size: 0.625rem;
}

.opsm-input-date .form-control {
    padding-right: 30px;
}

/**
 * Disable resize
 */
.resize-none {
    resize: none;
}

.invalid-feedback {
    color: #E1523E;
}

.rounded-select {
    position: relative;
}

.rounded-select.error .opsm-form-control.form-control {
    box-shadow: none;
}

.rounded-select .dropdown-header {
    display: none;
}

.rounded-select .opsm-form-control.form-control {
    border: none;
    background: none;
}

.rounded-select .opsm-form-control.form-control .btn {
    border: 1px solid #CCCCCC;
    border-radius: 8px;
}

.rounded-select .hybrid-select.show .btn {
    border-radius: 8px;
    border: 2px solid #2D2A26;
}

.rounded-select .hybrid-select.show .btn:focus {
    box-shadow: none;
    border: 2px solid #2D2A26;
}

.rounded-select .hybrid-select .dropdown-item {
    padding: 4px 13px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.rounded-select .dropdown-menu {
    border: 2px solid #2D2A26;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    margin-top: -2px;
    max-height: 200px;
}

.rounded-select .dropdown-menu[x-placement="top-start"] {
    border-radius: 8px 8px 0 0;
    top: 4px !important;
    z-index: 2;
    overflow-y: auto !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.rounded-select .dropdown-menu[x-placement="bottom-start"] {
    border-radius: 0 0 8px 8px;
    top: -4px !important;
    z-index: 2;
    overflow-y: auto !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.rounded-select .dropdown-menu::-webkit-scrollbar {
    display: none;
}

.rounded-select .hybrid-select .dropdown-item[data-value=""] {
    display: none;
}

.rounded-select .form-control-label {
    position: absolute;
    left: 10px;
    top: -11px;
    font-weight: 400;
    font-size: 14px;
    background-color: #fff;
    padding: 0 4px;
    z-index: 1;
}

.form-group.rounded-select .hybrid-select .btn {
    padding: 10px 16px;
}

.form-group.rounded-select .hybrid-select .dropdown-item {
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    font-size: 16px;
}

.form-group.rounded-select .hybrid-select .dropdown-item[data-value=""] {
    display: none;
}

.form-group.rounded-select .hybrid-select .dropdown-item:hover {
    background-color: #F7F6F4;
    color: #2d2a26;
}

.form-group.rounded-select .hybrid-select .dropdown-item.active {
    background-color: #F7F6F4;
}

.rounded-input .opsm-form-control.form-control {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}

.rounded-input .opsm-form-control.form-control::-webkit-input-placeholder {
    color: #999;
}

.rounded-input .opsm-form-control.form-control::-moz-placeholder {
    color: #999;
}

.rounded-input .opsm-form-control.form-control:-ms-input-placeholder {
    color: #999;
}

.rounded-input .opsm-form-control.form-control::placeholder {
    color: #999;
}

.opsm-form-group.material-input {
    position: relative;
}

.opsm-form-group.material-input .form-control-label {
    font-size: 16px;
    position: absolute;
    pointer-events: none;
    left: 16px;
    top: 10px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    outline: 0 !important;
    margin-bottom: 0;
    font-weight: 400;
    color: #666;
}

.opsm-form-group.material-input .opsm-form-control.form-control {
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    padding-left: 16px;
}

.opsm-form-group.material-input input:disabled ~ label,
  .opsm-form-group.material-input input:focus ~ label,
  .opsm-form-group.material-input input[readonly] ~ label,
  .opsm-form-group.material-input div[readonly] ~ label,
  .opsm-form-group.material-input.not-empty label,
  .opsm-form-group.material-input.placeholder-input label,
  .opsm-form-group.material-input input.ui-state-valid ~ label,
  .opsm-form-group.material-input:not(.required) input:not([required]):focus ~ label,
  .opsm-form-group.material-input:not(.required) input:not([required]):not(.ignoreValidation):valid ~ label {
    top: -10px;
    font-size: 14px;
    color: #2D2A26;
    background-color: #fff;
    padding: 0 4px;
}

.opsm-form-group.material-input input:-internal-autofill-selected ~ label {
    top: -10px;
    font-size: 14px;
    color: #2D2A26;
    background-color: #fff;
    padding: 0 4px;
    background-image: -webkit-linear-gradient(bottom, #e8f0fe 50%, white 50%);
    background-image: linear-gradient(0deg, #e8f0fe 50%, white 50%);
}

.opsm-form-group.material-input.error label {
    color: #666;
}

.opsm-form-group.material-input.error:not(.empty) label {
    color: #e1523e;
}

/**
 * dark checkbox & radio
 */
.opsm-custom-control-dark.custom-control.custom-checkbox.error.b-err-2 .custom-control-label:before {
    border: 2px;
}

.opsm-custom-control-dark.custom-control.custom-checkbox.error .custom-control-label:before {
    border: 2px solid #e1523e !important;
}

.opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-label:before, .opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-label:after {
    width: 16px;
    height: 16px;
    border-radius: 2px;
}

.opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-label:before {
    background: #FFFFFF;
    border: solid 1px #2d2a26;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M4.45971 7.88412C4.50259 7.92866 4.56174 7.95384 4.62356 7.95387C4.68539 7.9539 4.74457 7.92879 4.78749 7.8843L10.6754 1.78243C10.7604 1.69435 10.7605 1.55483 10.6757 1.4666L10.396 1.17573C10.3532 1.13114 10.294 1.10592 10.2321 1.10586C10.1703 1.10581 10.1111 1.13093 10.0681 1.17544L4.62406 6.81771L1.57157 3.64718C1.52866 3.60261 1.46946 3.57743 1.40759 3.57743C1.34573 3.57742 1.28652 3.60261 1.24361 3.64717L0.963951 3.93763C0.87908 4.02578 0.87908 4.16525 0.963951 4.2534L4.45971 7.88412Z' fill='white' stroke='white' stroke-width='0.455264' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
    background-color: #2d2a26;
    background-size: 10px;
    background-position: center;
}

.opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before {
    box-shadow: none;
}

.opsm-custom-control-dark.custom-control.custom-radio.error.b-err-2 .custom-control-label:before {
    border: 2px;
}

.opsm-custom-control-dark.custom-control.custom-radio.error .custom-control-label:before {
    border: 2px solid #e1523e !important;
}

.opsm-custom-control-dark.custom-control.custom-radio .custom-control-label:before {
    background: #FFFFFF;
    border: solid 1px #2d2a26;
}

.opsm-custom-control-dark.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
    background-size: 9px;
    background-position: center;
    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='4' fill='%23333333'/%3E%3C/svg%3E");
}

.opsm-custom-control-dark.custom-control.custom-radio .custom-control-input:focus ~ .custom-control-label:before {
    box-shadow: none;
}

.datepicker-dropdown {
    padding: 24px 30px;
}

.datepicker-dropdown .datepicker-years .year,
  .datepicker-dropdown .datepicker-years .month,
  .datepicker-dropdown .datepicker-months .year,
  .datepicker-dropdown .datepicker-months .month {
    border: 1px solid #ccc;
    margin: -0.5px;
    border-radius: 0;
    float: none;
    width: 100%;
    height: 55px;
}

.datepicker-dropdown .datepicker-years tbody td,
  .datepicker-dropdown .datepicker-months tbody td {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 90px 90px 90px;
    grid-template-columns: 90px 90px 90px;
    width: 100%;
    height: auto;
}

.datepicker-dropdown .datepicker-years tbody td .year.active,
    .datepicker-dropdown .datepicker-years tbody td .month.active,
    .datepicker-dropdown .datepicker-months tbody td .year.active,
    .datepicker-dropdown .datepicker-months tbody td .month.active {
    background: #2D2A26;
}

.datepicker-dropdown .datepicker-years .table-condensed,
  .datepicker-dropdown .datepicker-months .table-condensed {
    display: block;
}

.datepicker-dropdown .datepicker-years thead,
  .datepicker-dropdown .datepicker-months thead {
    display: block;
}

.datepicker-dropdown .datepicker-years thead tr,
    .datepicker-dropdown .datepicker-months thead tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.datepicker-dropdown .datepicker-years thead th.datepicker-switch,
    .datepicker-dropdown .datepicker-months thead th.datepicker-switch {
    font-weight: 600;
    font-size: 20px;
    height: auto;
}

.datepicker-dropdown .datepicker-years thead th.next,
    .datepicker-dropdown .datepicker-months thead th.next {
    color: transparent;
    background-color: #F7F6F4;
    border-radius: 100%;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='12' fill='%23F7F6F4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.72781 17.7803C10.0315 18.0732 10.524 18.0732 10.8277 17.7803L16.2722 12.5303C16.5759 12.2374 16.5759 11.7626 16.2722 11.4697L10.8278 6.21967C10.524 5.92678 10.0315 5.92678 9.72781 6.21967C9.42407 6.51256 9.42407 6.98744 9.72781 7.28033L14.6223 12L9.72781 16.7197C9.42406 17.0126 9.42406 17.4874 9.72781 17.7803Z' fill='%232D2A26'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
}

.datepicker-dropdown .datepicker-years thead th.prev,
    .datepicker-dropdown .datepicker-months thead th.prev {
    color: transparent;
    background-color: #F7F6F4;
    border-radius: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='12' fill='%23F7F6F4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.72781 17.7803C10.0315 18.0732 10.524 18.0732 10.8277 17.7803L16.2722 12.5303C16.5759 12.2374 16.5759 11.7626 16.2722 11.4697L10.8278 6.21967C10.524 5.92678 10.0315 5.92678 9.72781 6.21967C9.42407 6.51256 9.42407 6.98744 9.72781 7.28033L14.6223 12L9.72781 16.7197C9.42406 17.0126 9.42406 17.4874 9.72781 17.7803Z' fill='%232D2A26'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.datepicker > div {
    display: initial;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 1000;
    min-width: 300px;
    padding: 24px 30px;
    color: #2d2a26;
    list-style: none;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}

.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle {
    display: none;
}

.bootstrap-datetimepicker-widget .list-unstyled li {
    padding-bottom: 0;
}

.bootstrap-datetimepicker-widget table tr:first-child th.next,
.bootstrap-datetimepicker-widget table tr:first-child th.next:hover {
    color: transparent;
    background-color: #f7f6f4;
    border-radius: 100%;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='12' fill='%23F7F6F4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.72781 17.7803C10.0315 18.0732 10.524 18.0732 10.8277 17.7803L16.2722 12.5303C16.5759 12.2374 16.5759 11.7626 16.2722 11.4697L10.8278 6.21967C10.524 5.92678 10.0315 5.92678 9.72781 6.21967C9.42407 6.51256 9.42407 6.98744 9.72781 7.28033L14.6223 12L9.72781 16.7197C9.42406 17.0126 9.42406 17.4874 9.72781 17.7803Z' fill='%232D2A26'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
}

.bootstrap-datetimepicker-widget table tr:first-child th.prev,
.bootstrap-datetimepicker-widget table tr:first-child th.prev:hover {
    color: transparent;
    background-color: #f7f6f4;
    border-radius: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='12' fill='%23F7F6F4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.72781 17.7803C10.0315 18.0732 10.524 18.0732 10.8277 17.7803L16.2722 12.5303C16.5759 12.2374 16.5759 11.7626 16.2722 11.4697L10.8278 6.21967C10.524 5.92678 10.0315 5.92678 9.72781 6.21967C9.42407 6.51256 9.42407 6.98744 9.72781 7.28033L14.6223 12L9.72781 16.7197C9.42406 17.0126 9.42406 17.4874 9.72781 17.7803Z' fill='%232D2A26'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bootstrap-datetimepicker-widget table tr:first-child th.picker-switch {
    font-weight: 600;
    font-size: 20px;
    height: auto;
}

.bootstrap-datetimepicker-widget table tr:first-child th.picker-switch:hover {
    background-color: transparent;
}

.bootstrap-datetimepicker-widget table tr td span {
    border: 1px solid #e5e5e5;
    margin: -.5px;
    border-radius: 0;
    height: 55px;
    width: 33.5%;
}

.bootstrap-datetimepicker-widget table thead tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.bootstrap-datetimepicker-widget table td.day {
    width: auto;
    height: 35px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    margin: -0.5px;
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: none;
}

.bootstrap-datetimepicker-widget .datepicker {
    padding: 0;
}

.bootstrap-datetimepicker-widget .datepicker table tr td span.active:hover, .bootstrap-datetimepicker-widget .datepicker table tr td span.active.disabled:hover, .bootstrap-datetimepicker-widget .datepicker table tr td span.active:active, .bootstrap-datetimepicker-widget .datepicker table tr td span.active:hover:active, .bootstrap-datetimepicker-widget .datepicker table tr td span.active.disabled:active, .bootstrap-datetimepicker-widget .datepicker table tr td span.active.disabled:hover:active, .bootstrap-datetimepicker-widget .datepicker table tr td span.active.active, .bootstrap-datetimepicker-widget .datepicker table tr td span.active:hover.active, .bootstrap-datetimepicker-widget .datepicker table tr td span.active.disabled.active, .bootstrap-datetimepicker-widget .datepicker table tr td span.active.disabled:hover.active, .bootstrap-datetimepicker-widget .datepicker table tr td span.active.disabled, .bootstrap-datetimepicker-widget .datepicker table tr td span.active:hover.disabled, .bootstrap-datetimepicker-widget .datepicker table tr td span.active[disabled], .bootstrap-datetimepicker-widget .datepicker table tr td span.active:hover[disabled], .bootstrap-datetimepicker-widget .datepicker table tr td span.active.disabled[disabled], .bootstrap-datetimepicker-widget .datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #2d2a26;
    background-image: unset;
}

.bootstrap-datetimepicker-widget .datepicker-days table thead tr:last-child,
.bootstrap-datetimepicker-widget .datepicker-days table tbody tr {
    display: -ms-grid;
    display: grid;
    margin-bottom: 0;
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
}

.bootstrap-datetimepicker-widget .datepicker-days table tr:last-child th {
    height: 35px;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    margin: -0.5px;
    background-color: #f7f6f4;
}

.bootstrap-datetimepicker-widget .datepicker-days table tr td.active {
    background-color: #2d2a26;
    background-image: none;
}

.bootstrap-datetimepicker-widget .datepicker-days table tr td.today {
    background-image: none;
    background-color: unset;
    border-color: #e5e5e5;
}

.datepicker-form-input .datepicker-icon {
    position: absolute;
    top: 11px;
    right: 16px;
}

.header a,
.footer a,
.baet-step--back-nav a,
.product-cats a,
.our-promise--list a,
.popular-products--slide a,
.home-love-eyes--list a,
.breadcrumb a,
.baet-step-2--appointment-content a,
.products-listing a,
#blogs-accordion a,
.opsm-tab-content a,
.tab-accordion--tab-part a,
.sidemenu a,
nav a,
form a,
.side-menu-wrapper a,
.ui-autocomplete a,
li[class^="colour-"] a,
.card-header a {
    text-decoration: none;
}

.product {
    text-decoration: none;
}

/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
    font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
    font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
    font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul > li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    -webkit-filter: none;
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-aws:before {
    content: "\f375";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-moon:before {
    content: "\f186";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nintendo-switch:before {
    content: "\f418";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-plane:before {
    content: "\f072";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-random:before {
    content: "\f074";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-rendact:before {
    content: "\f3e4";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-safari:before {
    content: "\f267";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-train:before {
    content: "\f238";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.find-store.search-store--form-group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 410px 180px;
    grid-template-columns: 410px 180px;
    gap: 24px;
}

@media screen and (max-width: 992px) {
    .find-store.search-store--form-group {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.find-store.search-store--form-group .form-group {
    margin-right: 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    position: relative;
    margin-bottom: 0;
}

.find-store.search-store--form-group .form-group label {
    position: absolute;
    margin: 0;
    top: 12px;
    left: 16px;
    background-color: #fff;
    -webkit-transition: 0.25s ease all;
    transition: 0.25s ease all;
}

.find-store.search-store--form-group .form-group #use-my-location,
    .find-store.search-store--form-group .form-group #use-my-location-baet,
    .find-store.search-store--form-group .form-group #use-my-location-baetbanner {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 40px;
    height: 40px;
    background-color: #F7F6F4;
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.find-store.search-store--form-group .form-group #use-my-location .loading,
      .find-store.search-store--form-group .form-group #use-my-location-baet .loading,
      .find-store.search-store--form-group .form-group #use-my-location-baetbanner .loading {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #f7f6f4;
}

.find-store.search-store--form-group .search-store--form-control {
    border: 0;
    border-radius: 11px;
    height: 48px;
    padding-right: 60px;
}

.find-store.search-store--form-group .search-store--form-control:focus + label,
    .find-store.search-store--form-group .search-store--form-control:not(:empty) + label,
    .find-store.search-store--form-group .search-store--form-control:valid + label {
    top: -12px;
    font-size: 14px;
    padding: 0px 4px;
    left: 12px;
}

.select-store--item--inner .grey-badge {
    background-color: #F7F6F4;
    padding: 6px 12px;
    border-radius: 24px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
    margin: 16px 0;
}

.pg-book-eye-test .opsm-breadcrumb {
    margin-left: 16px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .opsm-breadcrumb {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 16px;
    }
}

.pg-book-eye-test .opsm-breadcrumb li {
    padding-bottom: 0;
}

.pg-book-eye-test .opsm-breadcrumb .breadcrumb-item .icon {
    margin-left: 8px;
}

.pg-book-eye-test .baet-step--heading {
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .baet-step--heading {
        font-size: 25px;
        margin-top: 16px;
        margin-bottom: 32px;
    }
}

.pg-book-eye-test .baet-stepper-wrapper {
    background: #F7F6F4;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .baet-stepper-wrapper .login-text {
        border-top: 4px solid #fff;
        width: 100%;
        padding: 21px;
        font-size: 14px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.pg-book-eye-test .baet-stepper-inner {
    padding: 24px 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .baet-stepper-inner {
        padding: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.pg-book-eye-test .baet-stepper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .baet-stepper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 90px auto 90px auto 90px;
        grid-template-columns: 90px auto 90px auto 90px;
        gap: 0;
        width: 100%;
        padding: 13px 16px;
    }
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .baet-stepper .separator {
        position: relative;
        height: 100%;
    }
}

.pg-book-eye-test .baet-stepper .separator:before {
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background-color: #999;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .baet-stepper .separator:before {
        width: 64px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 10px;
        background-color: #CCC;
    }
}

.pg-book-eye-test .baet-stepper .separator.active:before {
    background-color: #2D2A26;
}

.pg-book-eye-test .stepper-item {
    color: #999;
    font-size: 14px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .stepper-item {
        color: #ccc;
    }
}

.pg-book-eye-test .stepper-item, .pg-book-eye-test .stepper-item > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .stepper-item, .pg-book-eye-test .stepper-item > a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4px;
        font-size: 12px;
    }
}

.pg-book-eye-test .stepper-item .stepper-number {
    width: 21px;
    height: 21px;
    font-size: 12px;
    color: #999;
    border: 1px solid #999;
    border-radius: 100%;
    text-align: center;
    font-weight: 600;
    line-height: 19px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .stepper-item .stepper-number {
        color: #ccc;
        border-color: #ccc;
    }
}

.pg-book-eye-test .stepper-item.active {
    color: #2D2A26;
}

.pg-book-eye-test .stepper-item.active .stepper-number {
    border-color: #B58B34;
    color: #2D2A26;
}

.pg-book-eye-test .stepper-item.done {
    color: #2D2A26;
}

.pg-book-eye-test .stepper-item.done .stepper-number {
    background-image: url("../images/icons/check-circle.svg");
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    color: transparent;
    -webkit-filter: invert(60%) sepia(23%) saturate(1149%) hue-rotate(2deg) brightness(89%) contrast(88%);
    filter: invert(60%) sepia(23%) saturate(1149%) hue-rotate(2deg) brightness(89%) contrast(88%);
}

.pg-book-eye-test .select-store--intro {
    padding: 40px 64px 36px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--intro {
        padding: 32px 0 36px;
        text-align: center;
    }
}

.pg-book-eye-test .location-search {
    padding: 0 64px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .location-search {
        padding: 0;
    }
}

.pg-book-eye-test .find-store.search-store--form-group {
    -ms-grid-columns: minmax(170px, auto) minmax(auto, 160px);
    grid-template-columns: minmax(170px, auto) minmax(auto, 160px);
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 24px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .find-store.search-store--form-group {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 24px;
    }
}

.pg-book-eye-test .find-store.search-store--form-group .search-store--form-control {
    height: 46px;
    color: #2D2A26;
}

.pg-book-eye-test .find-store.search-store--form-group .form-group label {
    color: #666;
    font-size: 16px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .find-store.search-store--form-group .form-group label {
        color: #999;
    }
}

.pg-book-eye-test .find-store.search-store--form-group .button--primary--dark {
    min-width: unset;
    font-size: 16px;
    height: 48px;
    line-height: 1;
}

.pg-book-eye-test .find-store.search-store--form-group .form-group #use-my-location,
  .pg-book-eye-test .find-store.search-store--form-group .form-group #use-my-location-baet {
    top: 3px;
    right: 3px;
}

.pg-book-eye-test .find-store.search-store--form-group .search-store--form-control:focus + label,
  .pg-book-eye-test .find-store.search-store--form-group .search-store--form-control:not(:empty) + label,
  .pg-book-eye-test .find-store.search-store--form-group .search-store--form-control:valid + label {
    font-size: 14px;
    color: #2D2A26;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .find-store.search-store--form-group #invalidPostCode {
        grid-row: 2/3;
        margin: -14px 0;
    }
}

.pg-book-eye-test .store-serv-accordion {
    background: none;
    border: none;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: #2D2A26;
}

.pg-book-eye-test .store-serv-accordion.collapsed .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.pg-book-eye-test .store-serv-accordion .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.pg-book-eye-test #store-serv-selection {
    grid-column: 1/3;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e5e5e5;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test #store-serv-selection {
        -ms-grid-column: 1;
        grid-column: 1;
    }
}

.pg-book-eye-test #store-serv-controls .store-serv-controls-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 16px;
}

.pg-book-eye-test #store-serv-controls .custom-control {
    padding-left: 32px;
}

.pg-book-eye-test #store-serv-controls .custom-control-label::before {
    left: -28px;
}

.pg-book-eye-test #store-serv-controls .custom-control-label::after {
    left: -28px;
}

.pg-book-eye-test .select-store {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 80px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        -ms-grid-rows: min-content;
        grid-template-rows: min-content;
        min-height: 410px;
        position: relative;
    }
}

.pg-book-eye-test .select-store--maps {
    grid-column: 2/3;
    grid-row: 1/5;
    min-height: 560px;
    position: relative;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--maps {
        grid-row: 3/4;
        grid-column: 1/2;
        min-height: 145px;
        margin-top: 40px;
        border-radius: 8px;
        overflow: hidden;
    }
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--maps:has(img):before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.1);
    }
}

.pg-book-eye-test .select-store--maps .select-store--maps--sticky {
    height: 560px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--maps .select-store--maps--sticky {
        height: 145px;
    }
}

.pg-book-eye-test .select-store--maps .select-store--maps--sticky.open {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100*var(--vh));
    z-index: 99;
}

.pg-book-eye-test .select-store--maps .select-store--maps--sticky.open .locations-map {
    width: 100%;
    height: 100%;
}

.pg-book-eye-test .select-store--maps .select-store--maps--sticky.open .select-store--maps--overlay {
    display: none;
}

.pg-book-eye-test .select-store--maps .select-store--maps--sticky.open #back-list-view {
    display: block;
    position: fixed;
    top: 24px;
    left: 16px;
    background-color: #fff;
    border: none;
    border-radius: 20px;
    padding: 8px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.05);
}

.pg-book-eye-test .select-store--maps .select-store--maps--sticky.open #back-list-view .icon {
    font-size: 13px;
}

.pg-book-eye-test .select-store--maps .locations-map {
    height: 560px;
    min-height: 560px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--maps .locations-map {
        height: 145px;
        min-height: 145px;
    }
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--maps--overlay {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 8px;
        background-color: rgba(0, 0, 0, 0.2);
        border: none;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--maps--overlay span {
        background-color: #fff;
        padding: 10px 24px;
        border-radius: 24px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        color: #2d2a26;
    }
}

.pg-book-eye-test .select-store--list {
    padding: 0px 64px 0px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--list {
        padding: 0;
        margin: 0 -15px;
        position: relative;
    }
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--list .select-store--showmore {
        padding: 0 14px;
    }
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--list .select-store--showmore .button {
        padding: 3px;
    }
}

.pg-book-eye-test .select-store--item {
    border-radius: 16px;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    padding: 24px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--item {
        border-radius: 0;
        border: 0;
        margin-top: 24px;
    }
}

.pg-book-eye-test .select-store--item:hover {
    background-color: #fff;
}

.pg-book-eye-test .select-store--item .grey-badge {
    margin: 0;
    position: absolute;
    right: 24px;
    top: 16px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--item .grey-badge {
        position: static;
        grid-row: 1/2;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 8px;
        text-transform: uppercase;
    }
}

.pg-book-eye-test .store-badges-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 4px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .store-badges-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.pg-book-eye-test .store-badges-list:not(:empty) {
    margin-top: 16px;
    margin-bottom: -8px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .store-badges-list:not(:empty) {
        margin-top: 8px;
        margin-bottom: 16px;
    }
}

.pg-book-eye-test .store-badges-list [class^="store-badge"] {
    font-size: 12px;
    font-weight: 600;
    position: relative;
}

.pg-book-eye-test .store-badges-list [class^="store-badge"]:nth-child(2) {
    padding: 0 12px;
    margin: 0 12px;
}

.pg-book-eye-test .store-badges-list [class^="store-badge"]:nth-child(2):before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #b58b34;
}

.pg-book-eye-test .store-badges-list [class^="store-badge"]:nth-child(2):has(+ div):after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #b58b34;
}

.pg-book-eye-test .store-badges-list [class^="store-badge"]:nth-of-type(n+4) {
    display: none;
}

.pg-book-eye-test .select-store--item--info {
    width: 100%;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--item--info {
        display: block;
    }
}

.pg-book-eye-test .select-store--item--info .button--primary.small-btn {
    font-size: 14px;
    min-width: unset;
    padding: 0px 32px;
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--item--info .button--primary.small-btn {
        height: 48px;
        font-size: 16px;
    }
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--item--info .btn-wrapper {
        margin-top: 24px;
    }
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--item--info .btn-wrapper .button {
        font-size: 16px;
        padding: 10px;
    }
}

.pg-book-eye-test .select-store--item--inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--item--inner {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

.pg-book-eye-test .select-store--item--inner .select-store--item--street {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--item--inner .select-store--item--street {
        margin-bottom: 8px;
    }
}

.pg-book-eye-test .select-store--item--inner .select-store--item--add {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    font-size: 14px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--item--inner .select-store--item--add {
        margin-bottom: 8px;
    }
}

.pg-book-eye-test .select-store--item--openhours {
    margin-top: 16px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-store--item--openhours {
        margin-top: 0px;
        margin-bottom: 24px;
    }
}

.pg-book-eye-test .select-store--item--openhours .opening-hours {
    font-size: 14px;
    padding-top: 8px;
    margin-bottom: 0;
}

.pg-book-eye-test .select-store--item--openhours .opening-hours li {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 35px auto;
    grid-template-columns: 35px auto;
}

.pg-book-eye-test .select-store--item--openhours .btn-link {
    border: 0;
    padding: 0;
    font-size: 14px;
    position: relative;
    padding-right: 24px;
}

.pg-book-eye-test .select-store--item--openhours .btn-link .icon-chevron-left {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 6px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.5s ease transform;
    transition: 0.5s ease transform;
}

.pg-book-eye-test .select-store--item--openhours .btn-link.collapsed .icon-chevron-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.pg-book-eye-test .select-store--item--openhours .btn-link:hover {
    color: #2d2a26;
    text-decoration: none;
}

.pg-book-eye-test #back-list-view {
    display: none;
}

.pg-book-eye-test .total-stores {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 24px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .total-stores {
        position: absolute;
        top: -190px;
        left: 16px;
        margin-bottom: 0;
    }
}

.pg-book-eye-test .see-more {
    padding: 3px 40px;
}

.pg-book-eye-test .no-apt-avail {
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 40px;
}

.pg-book-eye-test .select-appointment {
    width: 864px;
    max-width: 100%;
    margin: 40px auto 0;
}

.pg-book-eye-test .select-appointment .selected-store {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-appointment .selected-store {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        padding: 0 24px;
    }
}

.pg-book-eye-test .select-appointment .selected-store a {
    font-size: 14px;
    font-weight: 600;
    margin-left: 16px;
    padding-left: 16px;
    border-left: 2px solid #2d2926;
    line-height: 1;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-appointment .selected-store a {
        padding-left: 0;
        margin-left: 0;
        border-left: 0;
        margin-top: 8px;
    }
}

.pg-book-eye-test .select-appointment-type {
    border-radius: 16px;
    border-width: 1px;
    padding: 32px;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 0px 20px 0px #0000000D;
    margin: 24px 0;
    background-color: #fff;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-appointment-type {
        margin-bottom: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 0;
        border: none;
    }
}

.pg-book-eye-test .select-appointment-type p {
    margin-right: 24px;
    font-weight: 700;
    font-size: 16px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-appointment-type p {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}

.pg-book-eye-test .select-appointment-type .radio-custom-button input {
    display: none;
}

.pg-book-eye-test .select-appointment-type .radio-custom-button label {
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    gap: 8px;
}

.pg-book-eye-test .select-appointment-type .radio-custom-button label img {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.pg-book-eye-test .select-appointment-type .radio-custom-button input:checked + label {
    border-color: #2d2a26;
    font-weight: 700;
}

.pg-book-eye-test .select-optometrist-wrapper {
    border-radius: 16px;
    border-width: 1px;
    padding: 32px;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 0px 20px 0px #0000000D;
    margin: 24px 0;
    background-color: #fff;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-optometrist-wrapper {
        border-radius: 0;
        border: none;
    }
}

.pg-book-eye-test .select-appointment-optometrist {
    width: 400px;
    position: relative;
    margin-bottom: 12px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-appointment-optometrist {
        width: 100%;
    }
}

.pg-book-eye-test .select-appointment-optometrist .form-control-label {
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 12px;
    z-index: 1;
    background-color: #fff;
    padding: 0 4px;
}

.pg-book-eye-test .select-appointment-optometrist .opsm-form-control.form-control.dropdown .btn {
    height: 48px;
    border-radius: 8px;
    border-color: #ccc;
    margin-top: 12px;
    padding: 10px 16px;
}

.pg-book-eye-test .select-appointment-optometrist .hybrid-select .dropdown-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-auto-flow: column;
    padding: 12px 16px;
}

.pg-book-eye-test .select-appointment-optometrist .hybrid-select .dropdown-item:hover, .pg-book-eye-test .select-appointment-optometrist .hybrid-select .dropdown-item.active {
    background-color: #F7F6F4;
}

.pg-book-eye-test .select-appointment-optometrist .hybrid-select .dropdown-menu[x-placement="bottom-start"] {
    margin-top: -5px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-color: #E5E5E5;
}

.pg-book-eye-test .select-appointment-optometrist .hybrid-select .dropdown-menu[x-placement="top-start"] {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-color: #e5e5e5;
    box-shadow: 0 -3px 7px -1px rgba(0, 0, 0, 0.2);
    margin-top: 0px;
}

.pg-book-eye-test .select-appointment-optometrist .hybrid-select .selected-text {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-auto-flow: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.pg-book-eye-test .select-appointment-optometrist .opsm-form-control.form-control.dropdown.show .btn {
    border-color: #E5E5E5;
    padding: 10px 16px;
}

.pg-book-eye-test .select-appointment-optometrist .opsm-form-control.form-control.dropdown.show .btn:focus {
    border: 1px solid #e5e5e5;
    box-shadow: none;
}

.pg-book-eye-test .opt--badge {
    background-color: #E6E5E0;
    font-size: 12px;
    padding: 0 8px;
    border-radius: 24px;
    line-height: 24px;
    display: inline-block;
}

.pg-book-eye-test .opt--badge-kids {
    background-color: #AEC4E4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.pg-book-eye-test .opt--badge-kids:before {
    content: '';
    background-image: url(../images/icons/kids-icon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: block;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .date-switcher-ctn {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        top: -1px;
        padding-top: 1px;
        -webkit-transition: ease-out all 0.25s;
        transition: ease-out all 0.25s;
        background-color: #fff;
    }
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .date-switcher-ctn.isSticky {
        padding: 9px 0px 8px;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    }
}

.pg-book-eye-test .select-appointment-calendar #appt_list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-top: 40px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-appointment-calendar #appt_list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

.pg-book-eye-test .select-appointment-calendar #appt_list .day-tabs {
    grid-column: 1/5;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 32px;
    -webkit-transition: 1s ease all;
    transition: 1s ease all;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-appointment-calendar #appt_list .day-tabs {
        grid-column: 1/3;
    }
}

.pg-book-eye-test .select-appointment-calendar #appt_list .tab {
    padding-bottom: 12px;
    padding-top: 0;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #fff;
}

.pg-book-eye-test .select-appointment-calendar #appt_list .tab:hover {
    color: #2D2A26;
}

.pg-book-eye-test .select-appointment-calendar #appt_list .tab.active {
    font-weight: 600;
    border-color: #2D2A26;
}

.pg-book-eye-test .select-appointment-calendar #appt_list .hour {
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    height: 64px;
    padding: 9px 16px;
    font-weight: bold;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pg-book-eye-test .select-appointment-calendar #appt_list .hour:hover {
    border: 1px solid #2D2A26;
    color: #2D2A26;
}

.pg-book-eye-test .select-appointment-calendar #appt_list .hour.selected {
    border: 1px solid #2D2A26;
    font-weight: 700;
}

.pg-book-eye-test .select-appointment-calendar #appt_list .hour .btn-opt--badge {
    font-weight: 400;
    display: block;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.pg-book-eye-test .select-appointment-calendar {
    border-radius: 24px;
    border: 1px solid #E5E5E5;
    background-color: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    padding: 40px;
    padding-bottom: 64px;
    margin-bottom: 100px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-appointment-calendar {
        border: none;
        border-radius: 0;
        padding: 24px 0 64px;
        padding-top: 16px;
    }
}

@media screen and (min-width: 992px) {
    .pg-book-eye-test #calendar_list {
        padding: 0 80px;
    }
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test #calendar_list {
        padding: 0 40px;
    }
}

.pg-book-eye-test #calendar_list .slick-arrow {
    width: 56px;
    height: 32px;
    border-radius: 40px;
    border: 1px solid #E5E5E5;
    background-color: #FFF;
    z-index: 1;
    color: #2D2A26;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test #calendar_list .slick-arrow {
        border: none;
        width: 40px;
        height: 100%;
        border-radius: 0;
    }
}

.pg-book-eye-test #calendar_list .slick-arrow:before {
    content: '';
    color: #2D2A26;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/arrow-left.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test #calendar_list .slick-arrow:before {
        background-image: url("../images/icons/chevron-left.svg");
    }
}

.pg-book-eye-test #calendar_list .slick-prev {
    left: 0;
}

.pg-book-eye-test #calendar_list .slick-next {
    right: 0;
}

.pg-book-eye-test #calendar_list .slick-next:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pg-book-eye-test #calendar_list .day button {
    border-radius: 16px;
    width: 75px;
    height: 78px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    row-gap: 4px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test #calendar_list .day button {
        width: 53px;
        height: 75px;
        font-size: 14px;
    }
}

.pg-book-eye-test #calendar_list .day.selected button,
.pg-book-eye-test #calendar_list .day:hover button {
    background-color: #F7F6F4;
    color: #2D2A26;
}

.pg-book-eye-test #calendar_list .day.no-appt {
    color: #ccc;
}

.pg-book-eye-test #calendar_list .day .date {
    font-family: 'termina', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-appointment-hour {
        padding: 0 24px;
    }
}

.pg-book-eye-test .select-appointment-hour #selected-date {
    margin-top: 40px;
    text-align: center;
    font-size: 18px;
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-appointment-hour #selected-date {
        margin-top: 24px;
    }
}

.pg-book-eye-test .select-appointment-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-appointment-cta {
        padding: 0 24px;
        margin-top: 32px;
    }
}

.pg-book-eye-test .select-appointment-cta .button.button--primary {
    height: 48px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .select-appointment-cta .button.button--primary {
        width: 100%;
    }
}

.pg-book-eye-test .update-appointment {
    margin-top: 0;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .update-appointment {
        margin-top: 16px;
    }
}

.pg-book-eye-test .update-appointment .selected-store {
    position: absolute;
    left: 0;
    width: 100vw;
    padding: 24px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .update-appointment .baet-step-2--title {
        font-size: 25px;
        padding: 0 24px;
    }
}

.pg-book-eye-test .update-appointment .baet-step-2--subtitle {
    margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .update-appointment .baet-step-2--subtitle {
        padding: 0 24px;
    }
}

.pg-book-eye-test .update-appointment .select-appointment-options {
    margin-top: 152px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .update-appointment .select-appointment-options {
        margin-top: 189px;
    }
}

.pg-book-eye-test .booking-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 130px;
    -moz-column-gap: 130px;
    column-gap: 130px;
    margin-top: 40px;
    margin-bottom: 90px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .booking-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 64px;
        margin-bottom: 64px;
    }
}

.pg-book-eye-test .booking-wrapper .rounded-select .form-control-label {
    top: 10px;
    font-size: 16px;
    color: #666;
}

.pg-book-eye-test .booking-wrapper .rounded-select .selected-text {
    color: transparent;
}

.pg-book-eye-test .booking-wrapper .rounded-select.filled-select .form-control-label {
    top: -11px;
    font-size: 14px;
    color: #2D2A26;
}

.pg-book-eye-test .booking-wrapper .rounded-select.filled-select .selected-text {
    color: #2D2A26;
}

.pg-book-eye-test .booking-wrapper .form-group {
    margin-bottom: 32px;
}

.pg-book-eye-test .booking-wrapper #email-validation {
    color: #E1523E !important;
    font-style: normal;
}

.pg-book-eye-test .booking-wrapper #email-validation .btn {
    padding: 0;
    color: #E1523E;
    text-decoration: underline;
    line-height: 1;
    margin-top: -5px;
}

.pg-book-eye-test .booking-wrapper .opsm-form-group.required.error {
    position: relative;
}

.pg-book-eye-test .booking-wrapper .opsm-form-group.required.error:after {
    content: "";
    padding-left: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.2754 17.0745L13.617 4.3737C13.4433 4.10707 13.2063 3.88746 12.927 3.73452C12.6428 3.57889 12.324 3.49731 12 3.49731C11.676 3.49731 11.3572 3.57889 11.073 3.73452C10.7937 3.88746 10.5567 4.10707 10.3829 4.3737L2.72628 17.0716C2.72603 17.072 2.72578 17.0724 2.72553 17.0728C2.59053 17.2984 2.51716 17.5554 2.51278 17.8182C2.50844 18.0788 2.57203 18.3359 2.69724 18.5643C2.86114 18.8484 3.09695 19.0845 3.38104 19.2488C3.66766 19.4145 3.99316 19.5012 4.32425 19.4999L4.32998 19.4999L19.678 19.4999L19.686 19.5C20.0149 19.5035 20.3389 19.4202 20.6254 19.2585C20.908 19.0989 21.1441 18.8686 21.3107 18.5902C21.4382 18.3603 21.5031 18.1008 21.4988 17.8378C21.4944 17.5706 21.4187 17.3094 21.2795 17.0812L21.2754 17.0745ZM22.61 19.3399C22.3092 19.8508 21.879 20.2732 21.3629 20.5647C20.8467 20.8561 20.2627 21.0063 19.67 20.9999H4.32998C3.7333 21.0022 3.14672 20.846 2.63018 20.5474C2.11364 20.2487 1.68566 19.8182 1.38998 19.2999C1.13423 18.8395 1.00421 18.3199 1.01299 17.7932C1.02177 17.2666 1.16903 16.7516 1.43998 16.2999L9.10998 3.57994C9.42012 3.09475 9.84743 2.69546 10.3525 2.41888C10.8576 2.14229 11.4241 1.99731 12 1.99731C12.5758 1.99731 13.1424 2.14229 13.6475 2.41888C14.1525 2.69546 14.5798 3.09475 14.89 3.57994L22.56 16.2999C22.8384 16.7563 22.9898 17.2787 22.9986 17.8131C23.0074 18.3476 22.8732 18.8747 22.61 19.3399Z' fill='%23E1523E'/%3E%3Cpath d='M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z' fill='%23E1523E'/%3E%3Cpath d='M12 8C11.7348 8 11.4804 8.10536 11.2929 8.29289C11.1054 8.48043 11 8.73478 11 9V13C11 13.2652 11.1054 13.5196 11.2929 13.7071C11.4804 13.8946 11.7348 14 12 14C12.2652 14 12.5196 13.8946 12.7071 13.7071C12.8946 13.5196 13 13.2652 13 13V9C13 8.73478 12.8946 8.48043 12.7071 8.29289C12.5196 8.10536 12.2652 8 12 8Z' fill='%23E1523E'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 13px;
    top: 13px;
    display: block;
    width: 19px;
    height: 19px;
    color: #E1523E;
    background-position: center;
}

.pg-book-eye-test .booking-wrapper .opsm-form-group.required.error.rounded-select:after {
    right: 32px;
}

.pg-book-eye-test .booking-wrapper .datepicker-form-input.opsm-form-group.required.error:after {
    right: 40px;
}

.pg-book-eye-test .booking-summary {
    border-radius: 24px;
    border: 1px solid #E5E5E5;
    background-color: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    padding: 32px 40px;
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .booking-summary {
        border-radius: 0;
        margin: 0 -24px;
        padding: 24px;
        border: none;
    }
}

.pg-book-eye-test .booking-summary h3 img {
    width: 32px;
}

.pg-book-eye-test .eye-test-booking--create-account .custom-control {
    margin-bottom: 24px;
}

.pg-book-eye-test .book-an-eye-test-section {
    padding: 0 24px;
}

@media screen and (min-width: 992px) {
    .pg-book-eye-test .book-an-eye-test-section {
        padding: 0 64px;
    }
}

@media screen and (max-width: 992px) {
    .pg-book-eye-test .book-an-eye-test-section .booking-form .eye-test-booking--next-btn {
        width: 100%;
        height: 48px;
    }
}

#showStoreList {
    position: absolute;
    top: 140px;
    left: 0;
}

@media screen and (max-width: 992px) {
    #login-modal-baet .modal-dialog {
        margin: 0;
    }
}

#login-modal-baet .modal-body {
    padding: 32px;
}

@media screen and (max-width: 992px) {
    #login-modal-baet .modal-body {
        height: 100vh;
        padding-top: 50px;
    }
}

#login-modal-baet .modal-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 36px;
}

#login-modal-baet .material-input {
    margin-bottom: 40px;
}

.baet-modal.show {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 992px) {
    .baet-modal .modal-dialog {
        max-width: 630px;
        width: 630px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 992px) {
    .baet-modal .modal-dialog {
        margin: 0 20px;
    }
}

.baet-modal .modal-body {
    padding: 40px;
    text-align: center;
}

@media screen and (max-width: 992px) {
    .baet-modal .modal-body {
        padding: 56px 24px;
    }
}

.baet-modal .close-btn {
    margin: 24px;
}

@media screen and (max-width: 992px) {
    .baet-modal .close-btn {
        margin: 24px 16px;
    }
}

.baet-modal .button {
    height: 48px !important;
    min-width: 180px !important;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 992px) {
    .baet-modal .button {
        min-width: 220px !important;
    }
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.carousel {
    overflow: hidden;
}

.carousel.slick-slider {
    margin-bottom: 0;
}

.carousel--cover {
    width: 100%;
    height: auto;
}

.carousel--item {
    height: 100%;
    position: relative;
    vertical-align: top;
}

.carousel--gradient--dark {
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFFFFF);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFFFFF);
}

.carousel--gradient--light {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}

@media (min-width: 768px) {
    .carousel--gradient--dark, .carousel--gradient--light {
        background: transparent;
    }

    .carousel--gradient--dark--left {
        background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), #FFFFFF);
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #FFFFFF);
    }

    .carousel--gradient--dark--right {
        background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    }

    .carousel--gradient--light--left {
        background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), #000000);
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #000000);
    }

    .carousel--gradient--light--right {
        background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    }
}

.carousel--item-text {
    padding: 30px 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 2;
}

@media (min-width: 768px) {
    .carousel--item-text {
        padding-top: 40px;
        padding-bottom: 40px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .carousel--item-text--left {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .carousel--item-text--right {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media (min-width: 992px) {
    .carousel--item-text {
        padding: 50px;
    }
}

@media (min-width: 1200px) {
    .carousel--item-text {
        padding: 80px;
    }
}

.carousel--item-text--light {
    color: #FFFFFF;
}

.carousel--title {
    font-size: 1.875rem;
    line-height: 2.0625rem;
}

@media (min-width: 992px) {
    .carousel--title {
        font-size: 2.8125rem;
        line-height: 3.125rem;
    }
}

.carousel--subtitle {
    font-size: 1rem;
}

.carousel--button-group {
    text-align: center;
}

.carousel--button-group .button {
    padding: 7px 10px;
    width: auto;
    height: 48px;
    font-size: 16px;
}

@media (min-width: 768px) {
    .carousel--button-group .button {
        min-width: 200px;
        padding: 7px 20px;
    }
}

@media (max-width: 991.98px) {
    .carousel--button-group .button {
        margin: 0 10px 10px;
    }
}

@media (min-width: 768px) {
    .carousel--button-group .button--simple {
        margin-top: 20px;
        margin-right: 15px;
    }
}

.carousel .slick-dots {
    position: relative;
    bottom: 0;
    margin-bottom: 5px;
}

.carousel .slick-dots li,
    .carousel .slick-dots button,
    .carousel .slick-dots button:before {
    width: 15px;
    height: 15px;
}

.carousel .slick-dots li {
    vertical-align: middle;
    margin: 0;
}

.carousel .slick-dots li.slick-active button:before {
    color: #2D2A26;
    opacity: 1;
}

.carousel .slick-dots li button:before {
    font-size: 7px;
    color: #CCCCCC;
    opacity: 1;
}

[id*="Widget_ContentCasousel_OPSM"] .slick-dots {
    position: absolute;
    margin-bottom: 24px;
}

.carousel-nav {
    display: none;
}

@media (min-width: 768px) {
    .carousel-nav {
        display: block;
        background-color: #FFFFFF;
        position: relative;
        border-bottom: 1px solid #CCCCCC;
    }

    .carousel-nav .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .carousel-nav--item {
        color: #CCCCCC;
        text-align: center;
        position: relative;
        padding: 10px;
        cursor: pointer;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
        line-height: 1.75;
    }

    .carousel-nav--item.active {
        color: #2D2A26;
        font-weight: 700;
    }

    .carousel-nav--underline {
        background-color: #2D2A26;
        height: 3px;
        display: block;
        position: absolute;
        bottom: -1px;
        opacity: 0;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
}

.carousel-nav--inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/**
    MIXINS
 */
/**
    FUNCTIONS
 */
/**
Colors
 */
/**
Styles
 */
#cartpage #promoinput {
    position: relative;
}

#cartpage #promoinput.show {
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e5e5;
}

#cartpage #promoinput .form-group {
    position: relative;
    margin-bottom: 0;
}

#cartpage #promoinput .rounded-input .opsm-form-control.form-control {
    height: 48px;
}

#cartpage #promoinput .rounded-input .opsm-form-control.form-control::-webkit-input-placeholder {
    color: #666;
}

#cartpage #promoinput .rounded-input .opsm-form-control.form-control::-moz-placeholder {
    color: #666;
}

#cartpage #promoinput .rounded-input .opsm-form-control.form-control:-ms-input-placeholder {
    color: #666;
}

#cartpage #promoinput .rounded-input .opsm-form-control.form-control::placeholder {
    color: #666;
}

#cartpage #promoinput .clear-input-btn {
    width: 13px;
    height: 13px;
    position: absolute;
    top: 18px;
    right: 100px;
    padding: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M6.9987 0.332031C3.31203 0.332031 0.332031 3.31203 0.332031 6.9987C0.332031 10.6854 3.31203 13.6654 6.9987 13.6654C10.6854 13.6654 13.6654 10.6854 13.6654 6.9987C13.6654 3.31203 10.6854 0.332031 6.9987 0.332031ZM9.86536 9.86536C9.60536 10.1254 9.18536 10.1254 8.92537 9.86536L6.9987 7.9387L5.07203 9.86536C4.81203 10.1254 4.39203 10.1254 4.13203 9.86536C3.87203 9.60536 3.87203 9.18536 4.13203 8.92537L6.0587 6.9987L4.13203 5.07203C3.87203 4.81203 3.87203 4.39203 4.13203 4.13203C4.39203 3.87203 4.81203 3.87203 5.07203 4.13203L6.9987 6.0587L8.92537 4.13203C9.18536 3.87203 9.60536 3.87203 9.86536 4.13203C10.1254 4.39203 10.1254 4.81203 9.86536 5.07203L7.9387 6.9987L9.86536 8.92537C10.1187 9.1787 10.1187 9.60536 9.86536 9.86536Z' fill='%23767676'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
}

#cartpage #promoinput .promocode-validate-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    height: 36px;
    outline: 0;
    border: none;
    padding: 0px 24px;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    background-color: #2d2a26;
    color: #fff;
    border-radius: 24px;
}

#cartpage #promoinput #clear_promocode {
    position: absolute;
    top: 16px;
    right: 96px;
    font-size: 10px;
}

#cartpage .cart-lists-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 0px;
    padding: 0 35px 0 65px;
}

@media screen and (max-width: 992px) {
    #cartpage .cart-lists-item {
        padding: 20px;
    }
}

@media screen and (max-width: 992px) {
    #cartpage .cart-lists-item .mobile-grey-section {
        background-color: #F7F6F4;
        margin: -20px -20px 24px;
        padding: 24px 20px;
    }
}

#cartpage .cart-lists-item .opsm--newheading {
    font-family: 'termina', sans-serif;
    margin-left: 0;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.3;
    padding-top: 24px;
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    #cartpage .cart-lists-item .opsm--newheading {
        font-size: 20px;
        text-align: left;
        padding-top: 0;
        margin-left: 0 !important;
    }
}

#cartpage .cart-lists-item .subtitle-text {
    font-size: 16px;
    margin-bottom: 24px;
}

@media screen and (max-width: 992px) {
    #cartpage .cart-lists-item .subtitle-text {
        display: none;
    }
}

#cartpage .cart-lists-item .cartpage-item {
    margin: 0;
    margin-bottom: 24px;
    padding: 0;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
}

@media screen and (max-width: 992px) {
    #cartpage .cart-lists-item .cartpage-item > .grid-2-col {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

#cartpage .cart-lists-item .cartpage-item .desc-prod {
    position: relative;
    z-index: 1;
    padding-right: 10px;
    padding-bottom: 0;
    display: block;
}

@media screen and (max-width: 992px) {
    #cartpage .cart-lists-item .cartpage-item .desc-prod {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }
}

#cartpage .cart-lists-item .cartpage-item .desc-prod .promocode {
    color: #11b683;
    font-weight: 700;
    font-size: 1rem;
    white-space: nowrap;
    bottom: -10px;
    margin-bottom: 0;
}

#cartpage .cart-lists-item .cartpage-item .desc-prod .promocode i {
    font-size: .7rem;
}

@media screen and (max-width: 768px) {
    #cartpage .cart-lists-item .cartpage-item.cartpage-item-cl .desc-prod {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%;
    }
}

#cartpage .cart-lists-item .cartpage-item .price-wrapper .price-old {
    font-weight: 400;
    font-size: 14px;
}

#cartpage .cart-lists-item .cartpage-item .price-wrapper .price-new {
    font-weight: 400;
    font-size: 16px;
    color: #2d2a26;
    padding-right: 0;
}

#cartpage .cart-lists-item .cartpage-item .price-wrapper .price-new.disc-price-promo {
    color: #2d2a26;
}

#cartpage .cart-lists-item .cartpage-item .price-wrapper .price-new.disc-price-hf {
    color: #3F8350;
}

#cartpage .cart-lists-item .cartpage-item .price-title {
    text-align: right;
    font-weight: bold;
}

#cartpage .cart-lists-item .cartpage-item .price-message {
    display: none;
}

#cartpage .cart-lists-item .cartpage-item .qty-set {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#cartpage .cart-lists-item .cartpage-item .qty-set input {
    background: #FFFFFF;
    border: none;
    font-size: 1.5625rem;
    display: inline-block;
    font-family: "Barlow", sans-serif;
    font-weight: bold;
    width: 50px;
    text-align: center;
}

#cartpage .cart-lists-item .cartpage-item .qty-set a {
    display: inline-block;
    cursor: pointer;
}

#cartpage .cart-lists-item .cartpage-item .qty-set a.disabled {
    opacity: .3;
}

#cartpage .cart-lists-item .cartpage-item .qty-set a.less-qty {
    padding-top: 8px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background-image: url("../images/icons/minus@3x.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#cartpage .cart-lists-item .cartpage-item .qty-set a.more-qty {
    padding-top: 8px;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    background-image: url("../images/icons/plus@3x.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#cartpage .cart-lists-item .cartpage-item .img-prod {
    text-align: center;
    background-color: #F7F6F4;
    padding: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

@media screen and (max-width: 992px) {
    #cartpage .cart-lists-item .cartpage-item .img-prod {
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0px;
    }
}

#cartpage .cart-lists-item .cartpage-item p.title-prod {
    font-size: 18px;
    line-height: 1.5;
    color: #2D2A26;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

#cartpage .cart-lists-item .cartpage-item p.title-prod .discount-badge {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid #B58B34;
    border-radius: 100px;
    margin-left: 8px;
    padding: 0 5px;
}

#cartpage .cart-lists-item .cartpage-item p.subtitle-prod {
    color: #2D2A26;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 0;
    font-size: 14px;
}

#cartpage .cart-lists-item .cartpage-item .table {
    margin-left: 0;
}

#cartpage .cart-lists-item .cartpage-item .table th {
    font-weight: bold;
}

#cartpage .cart-lists-item .cartpage-item .custom-control-label {
    font-size: 1rem;
    color: #2d2a26;
    margin-bottom: 10px;
    cursor: pointer;
    padding-left: 25px;
}

#cartpage .cart-lists-item .cartpage-item .custom-control-label:after, #cartpage .cart-lists-item .cartpage-item .custom-control-label:before {
    top: 0.4rem;
    left: 0;
}

#cartpage .cart-lists-item .cartpage-item .custom-control-label img {
    max-width: 24px;
    display: inline-block;
    margin-top: -6px;
}

#cartpage .cart-lists-item .cartpage-item .form-gift {
    margin-bottom: 20px;
}

#cartpage .cart-lists-item .cartpage-item .form-gift input[readyonly],
      #cartpage .cart-lists-item .cartpage-item .form-gift textarea[readyonly] {
    background-color: #F7F6F4;
    border-color: #CCCCCC;
}

#cartpage .cart-lists-item .cartpage-item .form-gift p,
      #cartpage .cart-lists-item .cartpage-item .form-gift label {
    color: #2d2a26;
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
}

#cartpage .cart-lists-item .cartpage-item .form-gift .button {
    cursor: pointer;
}

#cartpage .cart-lists-item .cartpage-item .form-gift a.re-edit {
    text-decoration: underline;
    font-size: 1rem;
    cursor: pointer;
    font-weight: bold;
    color: #2d2a26;
    display: none;
}

#cartpage .cart-lists-item .cartpage-item .check-gift + .form-gift {
    display: none;
}

#cartpage .cart-lists-item .cartpage-item .check-gift.checked + .form-gift {
    display: block;
}

#cartpage .cart-lists-item .cartpage-item .counter-charapter {
    font-size: 13px;
}

#cartpage .cart-lists-item .cartpage-item .action-cart {
    text-align: center;
}

@media screen and (max-width: 992px) {
    #cartpage .cart-lists-item .cartpage-item .action-cart {
        margin: 0 -26px;
    }
}

#cartpage .cart-lists-item .cartpage-item .action-cart a {
    display: inline-block;
}

#cartpage .cart-lists-item .cartpage-item .action-cart .fav-indicator {
    text-decoration: none;
    border-left: 1px solid #E5E5E5;
    border-radius: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    font-size: 14px;
}

#cartpage .cart-lists-item .cartpage-item .action-cart .fav-indicator .icon {
    line-height: 21px;
    font-size: 11px;
}

#cartpage .cart-lists-item .cartpage-item .action-cart .remove {
    text-decoration: none;
    padding: 0;
    font-size: 14px;
}

#cartpage .cart-lists-item .cartpage-item .action-cart .remove .icon {
    line-height: 21px;
    font-size: 10px;
}

#cartpage .cart-lists-item .cartpage-item .prod-info-wrapper {
    padding: 24px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    #cartpage .cart-lists-item .cartpage-item .prod-info-wrapper {
        padding-bottom: 24px;
    }
}

@media screen and (min-width: 1440px) {
    #cartpage .cart-lists-item .cartpage-item .prod-info-wrapper {
        padding-bottom: 26px;
    }
}

#cartpage .cart-lists-item .cartpage-item .prod-info-wrapper .form-control.opsm-form-control {
    height: 35px;
}

#cartpage .cart-lists-item .cartpage-item .prod-info-wrapper .sub-freq-select {
    margin-bottom: 10px;
}

#cartpage .cart-lists-item .cartpage-item .subtotal-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: 100%;
    margin-top: auto;
}

@media screen and (max-width: 992px) {
    #cartpage .cart-lists-item .cartpage-item .subtotal-col {
        margin-top: 32px;
    }
}

#cartpage .cart-lists-item .cartpage-item .subtotal-col p {
    margin-bottom: 0;
}

#cartpage .cart-lists-item .cartpage-item .subtotal-col .subtotal-text {
    font-size: 16px;
}

#cartpage .cart-lists-item .cartpage-item .subtotal-col .price-wrapper .price-old {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}

#cartpage .cart-lists-item .cartpage-item .subtotal-col .price-wrapper .price-new {
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 1.5;
    color: #2D2A26 !important;
    padding-right: 0;
}

#cartpage .cart-lists-item .cartpage-item .subtotal-col .price-wrapper .price-new.disc-price-promo {
    color: #2D2A26 !important;
}

#cartpage .cart-lists-item .cartpage-item .subtotal-col .price-wrapper .price-new.disc-price-hf {
    color: #3F8350 !important;
}

#cartpage .cart-lists-item .cartpage-item .removed-content {
    display: none;
}

#cartpage .cart-lists-item .cartpage-item.removed .prod-info-wrapper {
    display: none;
}

#cartpage .cart-lists-item .cartpage-item.removed .action-cart {
    display: none;
}

#cartpage .cart-lists-item .cartpage-item.removed .grid-2-col {
    -ms-grid-columns: 90px 1fr;
    grid-template-columns: 90px 1fr;
}

#cartpage .cart-lists-item .cartpage-item.removed .img-prod {
    padding: 11px 8px;
}

@media screen and (max-width: 992px) {
    #cartpage .cart-lists-item .cartpage-item.removed .img-prod {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

#cartpage .cart-lists-item .cartpage-item.removed .removed-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 992px) {
    #cartpage .cart-lists-item .cartpage-item.removed .removed-content {
        display: block;
    }

    #cartpage .cart-lists-item .cartpage-item.removed .removed-content .removed-text span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: calc(100vw - 170px);
        display: block;
    }

    #cartpage .cart-lists-item .cartpage-item.removed .removed-content .btn {
        padding: 0 !important;
    }
}

#cartpage .cart-sidebar {
    max-width: 480px;
    position: relative;
    width: 480px;
    background-color: #F7F6F4;
    padding: 8px 24px;
}

@media screen and (max-width: 992px) {
    #cartpage .cart-sidebar {
        padding: 8px 20px;
    }
}

#cartpage .cart-sidebar .spent-div {
    color: #E1523E;
    margin-top: 1.375rem;
    margin-bottom: 2.1875rem;
    font-weight: bold;
}

#cartpage .cart-sidebar .collapse-with-ico .collapse-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    margin-bottom: 0;
    padding: 20px 0;
}

#cartpage .cart-sidebar .collapse-with-ico .collapse-header.collapsed {
    border-bottom: 1px solid #e5e5e5;
}

#cartpage .cart-sidebar .collapse-with-ico .collapse-header.collapsed .a-toggle:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

#cartpage .cart-sidebar .collapse-with-ico .collapse-header img {
    margin-right: 16px;
}

#cartpage .cart-sidebar .collapse-with-ico .collapse-header .a-toggle {
    background-image: unset;
    position: absolute;
    right: 0;
    top: 28px;
    width: 10px;
    height: 10px;
}

#cartpage .cart-sidebar .collapse-with-ico .collapse-header .a-toggle:before, #cartpage .cart-sidebar .collapse-with-ico .collapse-header .a-toggle:after {
    content: '';
    display: block;
    width: 10px;
    height: 1.5px;
    background-color: #2D2A26;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#cartpage .cart-sidebar .collapse-with-ico .collapse-header .a-toggle:after {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transition: 0.25s ease transform;
    transition: 0.25s ease transform;
}

#cartpage .cart-sidebar .promo-code-ok {
    display: none;
}

#cartpage .cart-sidebar .button.paypal,
  #cartpage .cart-sidebar .button.applePay {
    position: relative;
    background-color: #ffc520;
    background-position: center;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    color: #2d2a26;
    font-size: 13px;
    font-weight: 400;
    height: 43px;
    margin-top: 1px;
    text-transform: none;
    width: 203.7px;
    border-radius: 4px;
}

#cartpage .cart-sidebar .button.paypal img,
    #cartpage .cart-sidebar .button.applePay img {
    height: 25px !important;
}

#cartpage.spinner:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(45, 42, 38, 0.2);
    z-index: 99999;
}

#cartpage.spinner > .container-fluid:before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    display: block;
    border: 5px solid #fff;
    z-index: 999999;
    border-radius: 100%;
}

#cartpage.spinner > .container-fluid:after {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    display: inline-block;
    box-sizing: border-box;
    border: solid 5px transparent;
    border-radius: 50%;
    border-bottom-color: #B58B34;
    background: -webkit-radial-gradient(farthest-side, #B58B34 98%, transparent) left 15% bottom 14%, -webkit-radial-gradient(farthest-side, #B58B34 98%, transparent) right 15% bottom 14%;
    background: radial-gradient(farthest-side, #B58B34 98%, transparent) left 15% bottom 14%, radial-gradient(farthest-side, #B58B34 98%, transparent) right 15% bottom 14%;
    background-size: 5px 5px;
    background-origin: border-box;
    background-repeat: no-repeat;
    -webkit-animation: center-spin 2s infinite linear;
    animation: center-spin 2s infinite linear;
}

.error-box {
    border: 1px solid #E1523E;
    border-radius: 8px;
    padding: 9px 16px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}

.error-box p {
    font-weight: 600;
    font-size: 14px;
    color: #E1523E;
}

.error-box .error-ico {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid #e1523e;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 992px) {
    .error-box .error-ico {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 20px;
        -ms-flex: 1 0 20px;
        flex: 1 0 20px;
    }
}

.error-box .error-ico:before,
  .error-box .error-ico:after {
    content: '';
    display: block;
    width: 9px;
    height: 2px;
    border-radius: 2px;
    background-color: #e1523e;
    position: absolute;
    top: 50%;
    left: 50%;
}

.error-box .error-ico:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.error-box .error-ico:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.shipping-radio-wrapper {
    display: -ms-grid;
    display: grid;
    padding-bottom: 24px;
    gap: 16px;
}

.shipping-radio-wrapper .custom-control {
    padding-left: 28px;
}

.shipping-radio-wrapper .custom-control-label {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.shipping-radio-wrapper .custom-control-label:before {
    left: -28px;
}

.shipping-radio-wrapper .custom-control-label:after {
    left: -28px;
}

.store-search-wrapper {
    position: relative;
}

.store-search-wrapper .btn {
    position: absolute;
    text-transform: uppercase;
    top: 12px;
    padding: 0;
    padding-left: 16px;
    font-weight: 600;
    right: 16px;
    border-left: 1px solid #ccc;
    border-radius: 0;
    line-height: 1.2;
}

.empty-cart .opsm--newheading {
    text-align: center;
    font-size: 35px;
}

@media screen and (max-width: 992px) {
    .empty-cart .opsm--newheading {
        font-size: 30px;
        margin-top: 40px;
    }
}

.empty-cart .noresults-message {
    text-align: center;
    font-size: 14px;
}

.saved-item-cta {
    display: none;
}

.discount-applied {
    width: 100%;
    height: 72px;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.discount-applied.hide-box {
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    overflow: hidden;
}

.discount-applied .inner-text {
    border: 1px solid #3F8350;
    border-radius: 8px;
    width: 100%;
    margin: 24px 0 0;
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    padding-left: 40px;
    background-color: #fff;
    font-size: 14px;
    color: #3F8350;
    font-weight: 600;
    position: relative;
}

.discount-applied .inner-text:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%233F8350'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6678 9.2318C16.0595 9.58537 16.1124 10.2159 15.786 10.6402L11.9399 15.6402C11.7739 15.856 11.5317 15.9862 11.2726 15.999C11.0135 16.0117 10.7614 15.9058 10.578 15.7071L8.27036 13.2071C7.90988 12.8166 7.90988 12.1834 8.27036 11.7929C8.63085 11.4024 9.2153 11.4024 9.57579 11.7929L11.1687 13.5186L14.3678 9.35984C14.6941 8.93556 15.2762 8.87824 15.6678 9.2318Z' fill='%233F8350'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    position: absolute;
    left: 16px;
    top: 16px;
    background-size: contain;
    background-position: center;
}

#cartpage .cart-lists-item .saved-items-section p.title-prod .discount-badge,
#cartpage .cart-lists-item .saved-items-section .discount-badge {
    display: none;
}

#cartpage .cart-lists-item .saved-items-section .action-cart {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

#cartpage .cart-lists-item .saved-items-section .action-cart .fav-indicator {
    display: none;
}

#cartpage .cart-lists-item .saved-items-section .subtotal-col {
    padding: 16px 0;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    margin-top: -1px;
    margin-bottom: 24px;
}

#cartpage .cart-lists-item .saved-items-section .saved-item-cta {
    margin-top: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
}

#cartpage .cart-lists-item .saved-items-section .saved-item-cta .button {
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    height: 42px;
}

@media screen and (max-width: 992px) {
    #cartpage .cart-lists-item .saved-items-section .saved-item-cta .button {
        width: 100%;
    }
}

.saved-items-section {
    height: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 1s 0.15s ease max-height;
    transition: 1s 0.15s ease max-height;
}

.saved-items-section.show {
    height: auto;
    max-height: 100%;
    margin-top: 64px;
}

#shipping-tooltip:hover, #shipping-tooltip:focus {
    color: #2D2A26;
    text-decoration: underline;
}

.shipping-tooltip-wrapper.show {
    opacity: 1;
}

.shipping-tooltip-wrapper .tooltip-inner {
    background-color: #fff;
    color: #222;
    opacity: 1;
    max-width: 375px;
    padding: 16px;
    text-align: left;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

@media screen and (max-width: 992px) {
    .shipping-tooltip-wrapper .tooltip-inner {
        max-width: 355px;
    }
}

.shipping-tooltip-wrapper .tooltip-inner ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.shipping-tooltip-wrapper.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.shipping-tooltip-wrapper.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #fff;
}

.shipping-tooltip-wrapper.bs-tooltip-auto[x-placement^=top] .arrow::before,
.shipping-tooltip-wrapper.bs-tooltip-top .arrow::before {
    border-top-color: #fff;
}

.total-wrapper {
    font-size: 22px;
    font-weight: 700;
}

.total-wrapper .small {
    font-size: 14px;
    font-weight: 400;
}

.total-wrapper .product--after-pay {
    font-size: 14px;
    font-weight: 400;
    color: #222;
    gap: 2px;
}

.total-wrapper .product--after-pay button:hover {
    text-decoration: underline;
    color: #222;
}

.total-wrapper .price-title {
    line-height: 1.5;
}

.select-health-funds .custom-control {
    padding-left: 30px;
    margin-top: 18px;
    margin-bottom: 8px;
}

.select-health-funds .custom-control .custom-control-label {
    font-size: 14px;
}

.select-health-funds .custom-control .custom-control-label:before, .select-health-funds .custom-control .custom-control-label:after {
    left: -30px;
}

.select-health-funds .custom-control.opsm-custom-control-dark.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after,
  .select-health-funds .custom-control.opsm-custom-control-dark.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

body #main #cartpage #hfselect.show {
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e5e5;
}

body #main #cartpage #hfselect .hf-discount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 992px) {
    body #main #cartpage #hfselect .hf-discount {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0;
    }
}

body #main #cartpage .cart-lists-item .cartpage-item.hf-discount .price-wrapper .price-new {
    font-weight: 400;
    font-size: 16px;
    color: #3F8350;
}

body #main #cartpage .cart-lists-item .saved-items-list .cartpage-item.first {
    margin-top: 24px;
}

.delete-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.faq-wrapper {
    margin: 64px 0;
}

@media screen and (max-width: 992px) {
    .faq-wrapper {
        margin: 0;
        padding: 40px 20px;
    }
}

.faq-wrapper .title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
}

.faq-wrapper .tab-accordion .card-header {
    border-bottom: 1px solid #E5E5E5;
    border-radius: 0;
    padding: 15px 0;
}

.faq-wrapper .tab-accordion .card:first-child .card-header {
    border-top: 1px solid #E5E5E5;
}

.faq-wrapper .tab-accordion .card-header a {
    font-weight: 600;
    font-size: 16px;
    margin-left: 10px;
}

.faq-wrapper .tab-accordion .card-header a.tab-accordion--sign {
    width: 20px;
    height: 20px;
    border: 2px solid #B58B34;
    border-radius: 100%;
    margin-left: 0;
}

.faq-wrapper .tab-accordion--sign:after,
  .faq-wrapper .tab-accordion--sign:before {
    width: 8px;
    height: 2px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #B58B34;
}

.faq-wrapper .tab-accordion--sign.collapsed:before {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
}

.unit-price:before {
    content: '';
    position: absolute;
    top: 19px;
    right: 0;
    border: none;
    border-top: 1px dotted #e5e5e5;
    color: #FFFFFF;
    background-color: #FFFFFF;
    height: 1px;
    width: 100%;
    z-index: 0;
}

.unit-price p {
    z-index: 1;
    font-weight: bold;
    padding: 0 10px;
    margin: 0;
}

.prescription-accordion {
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    background: none;
    color: #2D2A26;
}

.prescription-accordion .discount-badge {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid #B58B34;
    border-radius: 100px;
    margin-left: 8px;
    padding: 0 5px;
    font-weight: bold;
}

.prescription-accordion .accordion-sign {
    width: 20px;
    height: 20px;
    border: 2px solid #b58b34;
    border-radius: 100%;
    margin-left: 0;
    margin-right: 10px;
    position: relative;
    display: block;
}

.prescription-accordion .accordion-sign::after, .prescription-accordion .accordion-sign::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 2px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #b58b34;
}

.prescription-accordion.collapsed .accordion-sign::before {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
}

.cart-item .left-image {
    mix-blend-mode: multiply;
}

.prescription-accordion-body {
    padding-bottom: 16px;
    margin-top: -1px;
    margin-bottom: 25px;
    border-bottom: 1px solid #E5E5E5;
    background-color: #fff;
    position: relative;
}

.prescription-accordion-body .grid-2-col {
    -ms-grid-columns: max-content auto;
    grid-template-columns: max-content auto;
    gap: 8px;
}

.prescription-accordion-body .editRxPanel {
    font-weight: 600;
    text-decoration: underline;
    padding: 0;
    position: absolute;
    top: auto;
    bottom: 16px;
    left: auto;
    right: 0;
    border: none;
    text-transform: capitalize;
}

@media screen and (max-width: 992px) {
    .prescription-accordion-body .editRxPanel {
        position: static;
    }
}

.rounded-select.cl-select .opsm-form-control.form-control .btn {
    height: 35px;
    padding: 8px 20px;
    border-color: #2D2A26;
}

.price-old {
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    padding-right: 4px;
}

.price-new {
    color: #2D2A26;
    font-weight: 700;
    padding-right: 4px;
}

.accordion-arrow {
    position: relative;
    padding-right: 25px;
    padding-top: 2px;
}

.accordion-arrow:after {
    content: "\e90a";
    font-family: icomoon;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    left: auto;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transition: 0.5s ease transform;
    transition: 0.5s ease transform;
    width: 10px;
    height: 20px;
}

.collapsed .accordion-arrow:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.disclaimer-btn:focus,
.disclaimer-btn:hover {
    color: #2d2a26;
}

.disclaimer-tooltip {
    position: absolute;
    left: 0%;
    bottom: 150%;
    width: 270px;
    padding: 20px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
    background-color: #FFFFFF;
    z-index: 9;
    display: none;
    font-weight: normal;
}

.disclaimer-tooltip:focus, .disclaimer-tooltip:hover {
    color: #2d2a26;
}

.disclaimer-tooltip.show {
    display: block;
}

.disclaimer-tooltip .tooltip-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: 100%;
    left: 3%;
    overflow: hidden;
}

.disclaimer-tooltip .tooltip-arrow:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.6);
}

@-webkit-keyframes center-spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes center-spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

#modal-cart .modal-dialog {
    width: 740px;
    max-width: 100%;
}

@media screen and (max-width: 992px) {
    #modal-cart .modal-dialog {
        margin: 0;
    }
}

#modal-cart .modal-body {
    padding: 0;
}

#modal-cart .modal-title {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    font-family: 'termina', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

#modal-cart .modal-title .icon-check-circle {
    display: inline-block;
    background-image: url("../images/icons/check-circle.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 28px;
}

#modal-cart .cart-wrap {
    background-color: #F7F6F4;
    padding: 36px;
    position: relative;
}

@media screen and (max-width: 992px) {
    #modal-cart .cart-wrap {
        padding: 28px 23px;
    }
}

#modal-cart #close-modal-cart {
    position: absolute;
    top: 35px;
    right: 35px;
}

@media screen and (max-width: 992px) {
    #modal-cart #close-modal-cart {
        top: 28px;
        right: 23px;
    }
}

#modal-cart .cart-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 992px) {
    #modal-cart .cart-item {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

#modal-cart .cart-item .left-image {
    mix-blend-mode: multiply;
}

#modal-cart .cart-item img {
    max-height: 100px;
}

@media screen and (max-width: 992px) {
    #modal-cart .cart-item img {
        grid-row: 1/3;
    }
}

@media screen and (min-width: 992px) {
    #modal-cart .cart-item .product-description-wrapper {
        border-right: 2px solid #fff;
    }
}

#modal-cart .cart-item .total-price-wrapper {
    text-align: right;
    font-weight: 700;
    font-size: 16px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

@media screen and (max-width: 992px) {
    #modal-cart .cart-item .total-price-wrapper {
        grid-column: 2/3;
        text-align: left;
        margin-top: 16px;
    }
}

@media screen and (max-width: 992px) {
    #modal-cart .product--badge--discount {
        height: 20px;
    }
}

#modal-cart .recommended-products {
    padding: 24px 34px 0;
}

@media screen and (max-width: 992px) {
    #modal-cart .recommended-products {
        padding: 24px 20px 0;
    }
}

#modal-cart .recommended-products .container-fluid {
    padding-left: 0;
}

#modal-cart .recommended-products .popular-products {
    margin-top: 0;
}

@media screen and (max-width: 992px) {
    #modal-cart .recommended-products .popular-products {
        margin: 0;
    }
}

#modal-cart .recommended-products .product.card {
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    #modal-cart .recommended-products .product.card {
        padding-bottom: 58px;
    }
}

#modal-cart .recommended-products .product--top {
    display: none !important;
}

#modal-cart .recommended-products .product--primary-img {
    height: auto;
}

#modal-cart .recommended-products .img-tile {
    padding: 0;
}

@media screen and (max-width: 992px) {
    #modal-cart .recommended-products .img-tile {
        position: static;
    }
}

#modal-cart .recommended-products .img-tile .img-tile-content-wrapper {
    padding: 0;
    position: relative;
}

@media screen and (max-width: 992px) {
    #modal-cart .recommended-products .img-tile .img-tile-content-wrapper {
        position: static;
    }
}

#modal-cart .recommended-products .img-tile .img-tile-content-wrapper:hover:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(247, 246, 244, 0.4);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

@media screen and (max-width: 992px) {
    #modal-cart .recommended-products .img-tile .img-tile-content-wrapper:hover:after {
        height: 140px;
    }
}

#modal-cart .recommended-products .img-tile img {
    width: 140px;
    height: 140px !important;
    -o-object-fit: cover;
    object-fit: cover;
    padding-top: 10px;
}

#modal-cart .recommended-products .img-tile .show-hover {
    min-width: 100%;
    max-width: 100%;
    font-size: 14px;
    height: 42px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: auto;
    bottom: 0;
    margin-bottom: 0 !important;
    background-color: transparent;
    color: #2D2A26;
    border: 2px solid #2D2A26;
}

@media screen and (min-width: 992px) {
    #modal-cart .recommended-products .img-tile .show-hover {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-width: calc(100% - 40px);
        background-color: #2D2A26;
        color: #fff;
        padding: 5px;
        font-size: 14px;
        z-index: 1;
    }
}

#modal-cart .recommended-products .popular-products--inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
}

@media screen and (max-width: 992px) {
    #modal-cart .recommended-products .popular-products--inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
}

@media screen and (min-width: 992px) {
    #modal-cart .recommended-products .popular-products--inner > div:nth-child(4) {
        display: none;
    }
}

#modal-cart .recommended-products .product--content {
    padding: 12px 0 0;
}

@media screen and (max-width: 992px) {
    #modal-cart .recommended-products .product--content {
        padding-top: 0;
    }
}

#modal-cart .recommended-products .product--brand {
    display: none;
}

#modal-cart .recommended-products .product--price {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
}

#modal-cart .cart-total {
    background: #FFFFFF;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.05);
    padding: 24px;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
}

@media screen and (max-width: 992px) {
    #modal-cart .cart-total {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
}

#modal-cart .cart-total .button {
    height: 48px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 210px;
}

@media screen and (max-width: 992px) {
    #modal-cart .cart-total .button {
        width: 100%;
    }
}

#modal-cart .popular-products .product--primary-img {
    text-align: center;
}

#modal-cart .price-new {
    margin-bottom: 1px;
}

#modal-cart .subscription-badge {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    gap: 8px;
}

#modal-cart .subscription-badge img {
    width: 12px;
}

@media screen and (max-width: 992px) {
    #modal-cart .subscription-badge {
        gap: 8px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 24px;
        margin: auto;
        padding: 0 8px;
    }

    #modal-cart .subscription-badge img {
        width: 12px;
    }

    #modal-cart .subscription-badge p {
        font-size: 12px;
    }
}

@media screen and (max-width: 400px) {
    #modal-cart .subscription-badge {
        gap: 6px;
        padding: 0 7px;
    }

    #modal-cart .subscription-badge img {
        width: 14px;
    }
}

@media screen and (max-width: 374px) {
    #modal-cart .subscription-badge img {
        display: none;
    }
}

.cartpage-item-cl .subscription-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 16px;
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
    .cartpage-item-cl .subscription-wrapper {
        margin-bottom: -8px;
    }
}

.cartpage-item-cl .subscription-wrapper.subscribe .subs-checkbox {
    margin-bottom: 0;
}

.cartpage-item-cl .subscription-wrapper.subscribe .subs-checkbox .checkbox {
    background-color: transparent;
    border: 1px solid #2D2A26;
}

.cartpage-item-cl .subscription-wrapper .subs-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
}

.cartpage-item-cl .subscription-wrapper .subs-checkbox .checkbox {
    width: 12px;
    height: 12px;
    background-color: #2D2A26;
    padding: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 7px;
    margin-right: 12px;
}

.store-search-selected-wrapper > div {
    background-color: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    padding: 12px 16px;
}

@media screen and (min-height: 620px) and (min-width: 992px) {
    #search-store-modal.show {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 992px) {
    #search-store-modal.show {
        display: block !important;
    }
}

#search-store-modal .modal-dialog {
    max-width: 930px;
}

@media screen and (max-width: 992px) {
    #search-store-modal .modal-dialog {
        margin: 16px;
    }
}

@media screen and (min-height: 620px) and (min-width: 992px) {
    #search-store-modal .modal-dialog {
        margin: 0;
    }
}

#search-store-modal .modal-content {
    border-radius: 16px;
}

#search-store-modal .modal-body {
    padding: 32px 40px;
}

@media screen and (max-width: 992px) {
    #search-store-modal .modal-body {
        padding: 16px;
    }
}

#search-store-modal .icon-close {
    position: absolute;
    top: 24px;
    right: 40px;
    width: 24px;
    height: 24px;
    font-size: 16px;
}

@media screen and (max-width: 992px) {
    #search-store-modal .icon-close {
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        top: 16px;
        right: 16px;
    }
}

#search-store-modal .search-store--title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
}

@media screen and (max-width: 992px) {
    #search-store-modal .search-store--title {
        font-size: 20px;
        margin: 32px 0;
        text-align: center;
    }
}

#search-store-modal #store-locator .select-store {
    padding-bottom: 0;
}

#search-store-modal #store-locator .select-store--list {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
}

#search-store-modal #store-locator .select-store--list .openMobile .select-store--item--selected {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 102;
    background-color: #FFFFFF;
    box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.3);
    padding-bottom: calc(15px + env(safe-area-inset-bottom));
}

@media (min-width: 768px) {
    #search-store-modal #store-locator .select-store--list {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    #search-store-modal #store-locator .select-store--list {
        margin-right: 20px;
    }
}

#search-store-modal #store-locator .select-store--maps {
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative;
    min-height: unset;
}

@media (min-width: 768px) {
    #search-store-modal #store-locator .select-store--maps {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    #search-store-modal #store-locator .select-store--maps {
        margin-top: 0;
        margin-bottom: 0;
    }
}

#search-store-modal #store-locator .select-store--maps--back {
    display: none;
    background-color: #FFFFFF;
    font-size: 0.875rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 40px;
    left: 40px;
    border-radius: 17px;
    border: 0;
    min-width: 155px;
    color: #2D2A26;
}

#search-store-modal #store-locator .select-store--maps--back .icon {
    margin-right: 10px;
}

#search-store-modal #store-locator .select-store--maps--back span {
    display: inline-block;
    vertical-align: middle;
}

#search-store-modal #store-locator .select-store--maps--sticky.open {
    position: fixed;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
}

#search-store-modal #store-locator .select-store--maps--sticky.open .select-store--maps--back {
    display: block;
}

#search-store-modal #store-locator .select-store--maps--sticky.open .select-store--maps--overlay {
    display: none;
}

#search-store-modal #store-locator .select-store--maps--sticky.open .select-store--maps--inner {
    height: 100%;
}

@media (min-width: 992px) {
    #search-store-modal #store-locator .select-store--maps--sticky {
        position: sticky;
        position: -webkit-sticky;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        top: 0;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    html.no-csspositionsticky #search-store-modal #store-locator .select-store--maps--sticky.affix {
        position: fixed !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        bottom: auto !important;
        top: 0;
    }

    html.no-csspositionsticky #search-store-modal #store-locator .select-store--maps--sticky.affix-top, html.no-csspositionsticky #search-store-modal #store-locator .select-store--maps--sticky.affix-bottom {
        left: 0;
        right: 0;
    }

    html.no-csspositionsticky #search-store-modal #store-locator .select-store--maps--sticky.affix-bottom {
        position: absolute !important;
        bottom: 0 !important;
        top: auto !important;
    }
}

#search-store-modal #store-locator .select-store--maps:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2;
    border-radius: 5px;
}

@media (min-width: 992px) {
    #search-store-modal #store-locator .select-store--maps:before {
        content: none;
    }
}

#search-store-modal #store-locator .select-store--maps--overlay {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: transparent;
    border: 0;
    font-size: 1.375rem;
    color: #FFFFFF;
    z-index: 3;
}

#search-store-modal #store-locator .select-store--maps--inner {
    width: 100%;
    height: 100px;
    border-radius: 5px;
}

@media (min-width: 768px) {
    #search-store-modal #store-locator .select-store--maps--inner {
        height: 150px;
    }
}

@media (min-width: 992px) {
    #search-store-modal #store-locator .select-store--maps--inner {
        height: 700px;
        border-radius: 0;
    }
}

#search-store-modal #store-locator .select-store--content {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    #search-store-modal #store-locator .select-store--content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 992px) {
    #search-store-modal #store-locator .select-store--maps, #search-store-modal #store-locator .select-store--list {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (min-width: 992px) {
    #search-store-modal #store-locator .select-store--maps {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (min-width: 992px) {
    #search-store-modal #store-locator .select-store--maps--inner {
        margin-bottom: 20px;
    }
}

#search-store-modal #store-locator .select-store--item {
    border: 0;
    box-shadow: none;
    padding: 0;
    margin-bottom: 24px;
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .select-store--item {
        background-color: #F7F6F4;
        border-radius: 8px;
        border: 1px solid #e5e5e5e5;
        padding: 16px;
        padding-bottom: 24px;
        position: relative;
        margin-bottom: 16px;
    }
}

#search-store-modal #store-locator .select-store--item:hover, #search-store-modal #store-locator .select-store--item--selected {
    background-color: transparent;
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .select-store--item:hover, #search-store-modal #store-locator .select-store--item--selected {
        background-color: #F7F6F4;
    }
}

#search-store-modal #store-locator .select-store--item--street {
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .select-store--item.show .custom-control-label::before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .select-store--item.show .custom-control-label .phone.select-store--item--add {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .select-store--item.show .custom-control-label .select-store--item--phone,
    #search-store-modal #store-locator .select-store--item.show .custom-control-label .select-store--item--openhours,
    #search-store-modal #store-locator .select-store--item.show .custom-control-label .store-map-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

#search-store-modal #store-locator .select-store--item.show .custom-control-label .store-map-img {
    margin-top: 24px;
    margin-bottom: 16px;
    border-radius: 16px;
    min-height: 155px;
}

@media screen and (min-height: 620px) and (min-width: 992px) {
    #search-store-modal #store-locator.show {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

#search-store-modal #store-locator .search-store {
    margin: 0;
}

#search-store-modal #store-locator .select-store--item--info {
    padding-left: 0;
}

#search-store-modal #store-locator .custom-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 32px;
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .custom-radio {
        position: static;
        padding-left: 0;
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .custom-radio .custom-control-label {
        position: static;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}

#search-store-modal #store-locator .custom-radio .custom-control-label:before,
  #search-store-modal #store-locator .custom-radio .custom-control-label:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -32px;
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .custom-radio .custom-control-label:after {
        content: none;
    }
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .custom-radio .custom-control-label:before {
        content: "\e909";
        font-family: icomoon !important;
        top: 19px;
        right: 16px;
        left: auto;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: absolute;
        width: 18px;
        height: 18px;
        background-color: transparent;
        border: none;
        color: #222;
        font-size: 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: 0.5s ease transform;
        transition: 0.5s ease transform;
    }
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .select-store--maps {
        display: none;
    }
}

#search-store-modal #store-locator .select-store--maps:before {
    content: none;
}

#search-store-modal #store-locator .select-store--maps--sticky {
    position: static;
    height: 160px;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 16px;
}

#search-store-modal #store-locator .select-store--maps--sticky .select-store--maps--inner {
    height: 160px;
    margin: 0;
}

#search-store-modal #store-locator #selected-store-map-img {
    border-radius: 16px;
    margin-bottom: 16px;
}

#search-store-modal #store-locator #selected-store-phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e5e5;
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .select-store--item--openhours,
  #search-store-modal #store-locator .select-store--item--phone,
  #search-store-modal #store-locator .store-map-img {
        display: none;
    }
}

#search-store-modal #store-locator .select-store--item--hour {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    -ms-grid-rows: (1fr)[4];
    grid-template-rows: repeat(4, 1fr);
    font-size: 14px;
    -webkit-column-gap: 54px;
    -moz-column-gap: 54px;
    column-gap: 54px;
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .select-store--item--hour {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-auto-flow: row;
    }
}

#search-store-modal #store-locator .select-store--item--hour div {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 32px auto;
    grid-template-columns: 32px auto;
    gap: 8px;
}

#search-store-modal #store-locator .btn-wrapper .button {
    height: 48px;
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .btn-wrapper .button {
        height: 42px;
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .btn-wrapper .button .button--label {
        line-height: 1;
    }
}

@media screen and (max-width: 992px) {
    #search-store-modal #store-locator .select-store--list {
        margin: 0;
    }
}

@media screen and (min-width: 992px) {
    #search-store-modal #store-locator .select-store--list-inner {
        max-height: 515px;
        overflow: hidden;
        position: relative;
    }
}

@media screen and (min-width: 992px) {
    #search-store-modal #store-locator .select-store--list-inner:after {
        content: '';
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        bottom: -14px;
        display: block;
        width: 100%;
        height: 40px;
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) -40%, #FFFFFF 60%);
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) -40%, #FFFFFF 60%);
    }
}

.hf-box {
    border-radius: 16px;
    border: 1px solid #F6F6F6;
    background: rgba(255, 255, 255, 0.8);
    padding: 8px;
    margin-top: 16px;
    min-height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 81px;
}

@media screen and (max-width: 992px) {
    .hf-box {
        margin-bottom: 24px;
        border: 1px solid #F6F6F6;
        box-shadow: 0px 0px 5px 0px #0000000D;
        border-radius: 16px;
        padding: 8px;
    }
}

.hf-box .toggle {
    width: 44px;
    height: 24px;
}

.hf-box .toggle label:before {
    content: '';
}

.hf-box .toggle label:after {
    content: '';
}

.hf-box .toggle label {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hf-box .toggle input:checked + label {
    background-color: #3F8350;
}

.hf-box .toggle input:checked + label .toggle__switch {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.hf-box .toggle__switch {
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
}

.medipass-alert {
    border-radius: 8px;
    background: #EDF3F8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 12px;
    font-size: 14px;
    margin: 0;
    margin-top: 8px;
    color: #2D2A26;
}

@media screen and (max-width: 992px) {
    .medipass-alert {
        margin: 0;
    }
}

.hf-box-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: 8px;
}

.tyro-claim {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #D6E7FD;
    border-radius: 8px;
    gap: 4px;
    height: 30px;
    margin-top: 8px;
    width: 100%;
}

.tyro-claim p {
    font-size: 14px;
}

.tyro-claim img {
    max-height: 16px;
}

#modal-addhealthfund {
    padding-right: 0 !important;
    overflow-y: hidden;
}

#modal-addhealthfund:not(.show) {
    opacity: 1;
}

#modal-addhealthfund.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#modal-addhealthfund .modal-dialog {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 620px;
    -webkit-transform: translate(100%, 0) scale(1);
    -ms-transform: translate(100%, 0) scale(1);
    transform: translate(100%, 0) scale(1);
}

@media screen and (max-width: 992px) {
    #modal-addhealthfund .modal-dialog {
        margin: 0;
    }
}

#modal-addhealthfund.overflow-hidden .modal-content {
    overflow: hidden;
}

#modal-addhealthfund .modal-content {
    scrollbar-gutter: stable;
    overflow-y: auto;
    height: 100vh;
    min-height: 100%;
}

#modal-addhealthfund .modal-body {
    padding: 40px 32px;
}

@media screen and (max-width: 992px) {
    #modal-addhealthfund .modal-body {
        padding: 24px 20px;
    }
}

#modal-addhealthfund .icon-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 24px;
    height: 24px;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#modal-addhealthfund h4 {
    font-family: "Barlow", sans-serif;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 36px;
}

@media screen and (max-width: 992px) {
    #modal-addhealthfund h4 {
        font-size: 20px;
        line-height: 30px;
    }
}

#modal-addhealthfund #hf-wrapper {
    margin-top: 36px;
}

@media screen and (max-width: 992px) {
    #modal-addhealthfund .hf-submit-btn {
        width: 100%;
        height: 48px;
    }
}

@media screen and (max-width: 992px) {
    #modal-addhealthfund .faq-wrapper {
        padding: 64px 0;
    }
}

#modal-addhealthfund .rounded-select.error:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.2754 17.0745L13.617 4.3737C13.4433 4.10707 13.2063 3.88746 12.927 3.73452C12.6428 3.57889 12.324 3.49731 12 3.49731C11.676 3.49731 11.3572 3.57889 11.073 3.73452C10.7937 3.88746 10.5567 4.10707 10.3829 4.3737L2.72628 17.0716C2.72603 17.072 2.72578 17.0724 2.72553 17.0728C2.59053 17.2984 2.51716 17.5554 2.51278 17.8182C2.50844 18.0788 2.57203 18.3359 2.69724 18.5643C2.86114 18.8484 3.09695 19.0845 3.38104 19.2488C3.66766 19.4145 3.99316 19.5012 4.32425 19.4999L4.32998 19.4999L19.678 19.4999L19.686 19.5C20.0149 19.5035 20.3389 19.4202 20.6254 19.2585C20.908 19.0989 21.1441 18.8686 21.3107 18.5902C21.4382 18.3603 21.5031 18.1008 21.4988 17.8378C21.4944 17.5706 21.4187 17.3094 21.2795 17.0812L21.2754 17.0745ZM22.61 19.3399C22.3092 19.8508 21.879 20.2732 21.3629 20.5647C20.8467 20.8561 20.2627 21.0063 19.67 20.9999H4.32998C3.7333 21.0022 3.14672 20.846 2.63018 20.5474C2.11364 20.2487 1.68566 19.8182 1.38998 19.2999C1.13423 18.8395 1.00421 18.3199 1.01299 17.7932C1.02177 17.2666 1.16903 16.7516 1.43998 16.2999L9.10998 3.57994C9.42012 3.09475 9.84743 2.69546 10.3525 2.41888C10.8576 2.14229 11.4241 1.99731 12 1.99731C12.5758 1.99731 13.1424 2.14229 13.6475 2.41888C14.1525 2.69546 14.5798 3.09475 14.89 3.57994L22.56 16.2999C22.8384 16.7563 22.9898 17.2787 22.9986 17.8131C23.0074 18.3476 22.8732 18.8747 22.61 19.3399Z' fill='%23E1523E'/%3E%3Cpath d='M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z' fill='%23E1523E'/%3E%3Cpath d='M12 8C11.7348 8 11.4804 8.10536 11.2929 8.29289C11.1054 8.48043 11 8.73478 11 9V13C11 13.2652 11.1054 13.5196 11.2929 13.7071C11.4804 13.8946 11.7348 14 12 14C12.2652 14 12.5196 13.8946 12.7071 13.7071C12.8946 13.5196 13 13.2652 13 13V9C13 8.73478 12.8946 8.48043 12.7071 8.29289C12.5196 8.10536 12.2652 8 12 8Z' fill='%23E1523E'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#modal-addhealthfund .rounded-select.valid:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%233F8350'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6678 9.2318C16.0595 9.58537 16.1124 10.2159 15.786 10.6402L11.9399 15.6402C11.7739 15.856 11.5317 15.9862 11.2726 15.999C11.0135 16.0117 10.7614 15.9058 10.578 15.7071L8.27036 13.2071C7.90988 12.8166 7.90988 12.1834 8.27036 11.7929C8.63085 11.4024 9.2153 11.4024 9.57579 11.7929L11.1687 13.5186L14.3678 9.35984C14.6941 8.93556 15.2762 8.87824 15.6678 9.2318Z' fill='%233F8350'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.tyro-logo {
    height: 16px;
}

@media screen and (max-width: 992px) {
    .tyro-logo {
        height: 20px;
    }
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
@media screen and (min-width: 1200px) and (max-width: 1440px) {
    html.checkout-page,
  body.checkout-page {
        font-size: 16px;
    }
}

@media screen and (min-width: 992px) {
    body.checkout-page {
        min-height: 100vh;
    }

    #checkout.contents .checkout-main-wrapper .side-col {
        min-height: calc(100vh - 200px);
    }
}

@media screen and (min-width: 992px) {
    #checkout .container-fluid {
        padding-left: 32px;
    }
}

.boss-checkout-subtitle {
    font-weight: 600;
    font-size: 20px;
}

@media screen and (max-width: 992px) {
    .boss-checkout-subtitle {
        font-size: 18px;
    }
}

.checkout-title {
    font-weight: 700;
    font-size: 25px;
    font-family: 'termina', sans-serif;
    color: #222;
    margin-top: 32px;
    margin-bottom: 16px;
}

.checkout-title .back-btn {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    margin-right: 6px;
}

#header-checkout {
    border-bottom: 1px solid #CCCCCC;
}

@media screen and (max-width: 992px) {
    #header-checkout {
        border-bottom: 0;
    }
}

@media screen and (max-width: 992px) {
    #header-checkout .container-fluid {
        padding: 0;
    }
}

#header-checkout .header-checkout-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    padding: 16px 0;
}

@media screen and (max-width: 992px) {
    #header-checkout .header-checkout-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 0;
    }
}

@media screen and (max-width: 992px) {
    #header-checkout .header-checkout-row .header-checkout-top {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        padding: 16px 20px;
        border-bottom: 1px solid #E5E5E5;
    }
}

@media screen and (max-width: 992px) {
    #header-checkout .header-checkout-row .header--logo {
        position: relative;
        grid-column: 2/3;
        text-align: center;
    }
}

#header-checkout .header-checkout-row .header--logo-img {
    width: 115px;
}

@media screen and (max-width: 992px) {
    #header-checkout .header-checkout-row .header--logo-img {
        width: 100px;
    }
}

#header-checkout .header-checkout-row p {
    margin: 0;
}

#header-checkout .header-checkout-row .next-page {
    color: #999999;
}

#header-checkout .header-checkout-row .header-title:before {
    content: '';
    background-image: url("../images/icons/lock.svg");
    width: 30px;
    height: 30px;
    background-size: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 16px;
}

#header-checkout .container-fluid .header-title {
    margin: 0;
}

#header-checkout .container-fluid .justify-content-lg-end {
    padding: 0;
    max-width: 400px;
}

#header-checkout .stepper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 0;
}

@media screen and (max-width: 992px) {
    #header-checkout .stepper-wrapper {
        gap: 10px;
        padding: 18px 22px 40px;
    }
}

#header-checkout .step-separator {
    width: 80px;
    height: 1px;
    background-color: #ccc;
    display: block;
}

@media screen and (max-width: 992px) {
    #header-checkout .step-separator {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto;
    }
}

#header-checkout .step {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-right: 0;
}

@media screen and (max-width: 992px) {
    #header-checkout .step {
        display: block;
        padding-right: 0;
    }
}

#header-checkout .step:first-of-type {
    margin-left: 20px;
}

#header-checkout .step:last-of-type {
    margin-right: 20px;
    padding-right: 0;
}

#header-checkout .step.active:after {
    background-color: #2D2A26;
}

#header-checkout .step.active .dot {
    background-color: transparent;
    border: 1px solid #B58B34;
    color: transparent;
    position: relative;
}

#header-checkout .step.active .dot:before {
    content: '\e901';
    font-family: 'icomoon';
    display: block;
    color: #B58B34;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 8px;
    line-height: 8px;
}

#header-checkout .step.active p {
    color: #2D2A26;
}

#header-checkout .step.current .dot {
    background-color: #FFFFFF;
    border: 1px solid #B58B34;
    color: #2D2A26;
    font-weight: 600;
}

#header-checkout .step.current p {
    color: #2D2A26;
    font-weight: 400;
}

#header-checkout .step .dot {
    border-radius: 100%;
    margin: auto;
    position: relative;
    z-index: 1;
    width: 21px;
    height: 21px;
    border: 1px solid #CCCCCC;
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 21px;
    font-weight: 600;
    color: #ccc;
}

#header-checkout .step p {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    padding-top: 0;
}

@media screen and (max-width: 992px) {
    #header-checkout .step p {
        font-size: 12px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap;
        padding-top: 4px;
    }
}

.secure-checkout-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-weight: 600;
}

@media screen and (max-width: 992px) {
    .secure-checkout-wrapper {
        display: none;
    }
}

.delivery-to-data .delivery-name {
    display: block;
}

#orderSummary .user-prescription-date {
    padding: 0;
    margin-bottom: 16px;
}

@media screen and (max-width: 992px) {
    #orderSummary .user-prescription-date {
        font-size: 14px;
    }
}

#orderSummary .user-prescription-date .user-prescription-date-btn {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    color: #2D2A26;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 16px;
    position: relative;
    width: 100%;
    text-align: left;
    z-index: 2;
}

@media screen and (max-width: 992px) {
    #orderSummary .user-prescription-date .user-prescription-date-btn {
        border-bottom: 0;
        box-shadow: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-bottom: 0;
    }
}

#orderSummary .user-prescription-date .user-prescription-date-btn .icon-chevron-left {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: 0.5s ease transform;
    transition: 0.5s ease transform;
}

@media screen and (max-width: 992px) {
    #orderSummary .user-prescription-date .user-prescription-date-btn .icon-chevron-left {
        display: none;
    }
}

#orderSummary .user-prescription-date .user-prescription-date-btn.collapsed .icon-chevron-left {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

#orderSummary .user-prescription-date #user-prescription-date-info {
    padding: 16px 18px 24px;
    background-color: #fff;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    border-radius: 0 0 8px 8px;
    border-top: 0;
    margin-top: -4px;
    z-index: 0;
}

@media screen and (max-width: 992px) {
    #orderSummary .user-prescription-date #user-prescription-date-info {
        display: block;
    }
}

.pd-button:hover {
    color: #000000;
}

#rx-confirm:disabled {
    opacity: 0.75;
}

.pd-tooltip {
    position: absolute;
    left: -30px;
    bottom: 24px;
    width: 550px;
    padding: 20px;
    background: #F7F6F4;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    z-index: 9;
    display: none;
}

@media screen and (max-width: 992px) {
    .pd-tooltip {
        left: auto;
        right: -90px;
        width: 355px;
    }
}

.pd-tooltip.show {
    display: block;
}

.pd-tooltip p {
    font-family: 'Barlow';
    font-size: 14px;
    margin-bottom: 0;
    text-align: left;
    font-weight: 400;
    line-height: 1.5;
}

.pd-tooltip p {
    -webkit-font-smoothing: auto;
}

@media screen and (min-width: 992px) {
    .pd-tooltip img {
        max-width: 150px;
        margin-right: 16px;
    }
}

.pd-tooltip .tooltip-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: 100%;
    left: 3%;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .pd-tooltip .tooltip-arrow {
        left: auto;
        right: 76px;
    }
}

.pd-tooltip .tooltip-arrow:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: #F7F6F4;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.6);
}

.info-text {
    font-size: 14px;
    font-family: 'Barlow', sans-serif;
    color: #666;
    padding-left: 4px;
    margin-bottom: 0;
    margin-top: 4px;
}

.red-bordered-btn {
    border-radius: 18px;
    border: solid 1px #E1523E;
    color: #E1523E;
    min-height: 75px;
    width: 220px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px;
    font-size: 18px;
    line-height: 1.2;
}

.red-bordered-btn:focus, .red-bordered-btn:active, .red-bordered-btn:visited, .red-bordered-btn:hover {
    border-width: 2px;
    color: #E1523E;
}

.red-bordered-btn:focus .account-ico, .red-bordered-btn:active .account-ico, .red-bordered-btn:visited .account-ico, .red-bordered-btn:hover .account-ico {
    background-image: url(../images/icons/prescription-account-selected.svg);
}

.red-bordered-btn:focus .upload-ico, .red-bordered-btn:active .upload-ico, .red-bordered-btn:visited .upload-ico, .red-bordered-btn:hover .upload-ico {
    background-image: url(../images/icons/prescription-camera-selected.svg);
}

.prescription-tooltip-wrapper {
    padding: 14px 0;
}

.prescription-tooltip-wrapper.show {
    opacity: 1;
}

.prescription-tooltip-wrapper .tooltip-inner {
    background: #F7F6F4;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    max-width: 375px;
    color: #000000;
    text-align: left;
    padding: 16px;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    border: 1px solid #e5e5e5;
}

.prescription-tooltip-wrapper .tooltip-inner p {
    margin-bottom: 8px;
}

.prescription-tooltip-wrapper .tooltip-inner ul {
    padding-left: 22px;
    margin-bottom: 0;
}

.prescription-tooltip-wrapper .tooltip-inner ul li {
    padding-bottom: 8px;
}

.prescription-tooltip-wrapper .tooltip-inner ul li:last-child {
    padding-bottom: 0;
}

.prescription-tooltip-wrapper .arrow {
    width: 30px;
    height: 18px;
}

.prescription-tooltip-wrapper.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
  .prescription-tooltip-wrapper.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #F7F6F4;
    border-width: 0 15px 15px;
}

.prescription-tooltip-wrapper.bs-tooltip-auto[x-placement^=bottom] .arrow::after,
  .prescription-tooltip-wrapper.bs-tooltip-bottom .arrow::after {
    content: '';
    position: absolute;
    bottom: -15px;
    width: 26px;
    height: 26px;
    display: block;
    background-color: #e5e5e5;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    margin-left: 2px;
    border-radius: 2px;
}

.prescription-tooltip-wrapper.bs-tooltip-auto[x-placement^=top] .arrow::after,
  .prescription-tooltip-wrapper.bs-tooltip-top .arrow::after {
    content: '';
    position: absolute;
    top: -15px;
    width: 26px;
    height: 26px;
    display: block;
    background-color: #e5e5e5;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    margin-left: 2px;
    border-radius: 2px;
}

.prescription-tooltip-wrapper.bs-tooltip-auto[x-placement^=top] .arrow::before,
  .prescription-tooltip-wrapper.bs-tooltip-top .arrow::before {
    border-top-color: #F7F6F4;
    border-width: 15px 15px 0;
}

.new-prescription-box .btn {
    border: 1px solid #F7F6F4;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #222;
    gap: 16px;
}

.new-prescription-box .icon {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.new-prescription-box .account-ico {
    background-image: url(../images/icons/prescription-account.svg);
}

.new-prescription-box .upload-ico {
    background-image: url(../images/icons/prescription-camera.svg);
}

.img-preview {
    width: 68px;
    max-height: 68px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 68px;
    -ms-flex: 0 0 68px;
    flex: 0 0 68px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.17);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.img-preview #imgViewer {
    width: 68px;
    height: 68px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.generic-ico {
    height: 68px;
}

.single-prod .done-text {
    display: none;
}

.single-prod.current {
    position: relative;
}

.single-prod.current:before {
    content: '';
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 12px 15px 0;
    border-color: transparent #edf3f9 transparent transparent;
}

.single-prod.current:after {
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13.5px 10px 13.5px 0;
    border-color: transparent #FFFFFF transparent transparent;
}

.single-prod.done .done-text {
    display: block;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .form-checkout .address-wrapper > .opsm-form-group.material-input {
        margin-bottom: 0;
    }
}

#account-prescription .prescription-data,
#typ-prescr-data .prescription-data,
.existing-prescriptions .prescription-data {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: max-content max-content;
    grid-template-columns: max-content max-content;
    -webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
    row-gap: 8px;
    margin-top: 16px;
}

#account-prescription .prescription-data p,
  #typ-prescr-data .prescription-data p,
  .existing-prescriptions .prescription-data p {
    margin: 0;
}

.address-wrapper .locality-shipping,
.address-wrapper .locality-bill {
    margin-bottom: 40px !important;
}

.address-wrapper .opsm-form-group.material-input.valid:not(.empty) label,
.address-wrapper .opsm-form-group.material-input .col-lg-6 input[readonly] ~ label label {
    background-image: -webkit-linear-gradient(bottom, rgba(229, 229, 229, 0.2) 50%, #fff 50%);
    background-image: linear-gradient(0deg, rgba(229, 229, 229, 0.2) 50%, #fff 50%);
}

.address-wrapper .opsm-form-group.material-input.valid:not(.empty) .col-lg-6 label,
.address-wrapper .opsm-form-group.material-input .col-lg-6 input[readonly] ~ label .col-lg-6 label {
    left: 30px;
}

.extrainfo-wrapper .opsm-form-group .form-control-label:after {
    content: none;
}

#special-instructions .material-input textarea {
    padding: 12px 18px;
}

#special-instructions .material-input textarea + label {
    font-size: 14px;
    position: absolute;
    top: -10px;
    background-color: #fff;
    padding: 0 4px;
}

.accordion-chevron {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.5s ease transform;
    transition: 0.5s ease transform;
}

.collapsed .accordion-chevron {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.existing-prescriptions .single-prescription {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    border-top: 1px solid #E5E5E5;
    padding: 30px 16px;
}

@media screen and (max-width: 992px) {
    .existing-prescriptions .single-prescription {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding-left: 0;
        padding-right: 0;
    }

    .existing-prescriptions .single-prescription .button {
        width: 100%;
        margin-top: 24px !important;
    }
}

.prescription-data th {
    border-bottom-width: 1px !important;
    font-weight: bold;
    padding: 2px 11px;
}

.prescription-data td {
    padding: 2px 11px;
}

#previewDetailModal.show {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#previewDetailModal.show .modal-dialog {
    max-width: 100%;
    width: auto !important;
    display: inline-block;
}

.only-new-address-shipping {
    margin-top: 40px;
}

#checkout.contents #checkout-order-payment-back {
    min-width: auto;
}

#checkout.contents .opsm-form-control--options-padding {
    padding-left: 28px;
}

#checkout.contents .custom-radio .custom-control-label:before {
    border-radius: 100%;
}

#checkout.contents .custom-control-label:before {
    border: 1px solid #2D2A26;
    border-radius: 2px;
    width: 16px;
    height: 16px;
}

#checkout.contents .custom-control-label:after,
#checkout.contents .custom-control-label:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 992px) {
    #checkout.contents .custom-checkbox.only-contact-lenses .custom-control-label:after,
  #checkout.contents .custom-checkbox.only-contact-lenses .custom-control-label:before {
        top: 5px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

#checkout.contents .pup-dist-grp .custom-control-label:after,
#checkout.contents .pup-dist-grp .custom-control-label:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#checkout.contents #expiry-date-input::-webkit-input-placeholder {
    color: transparent;
}

#checkout.contents #expiry-date-input::-moz-placeholder {
    color: transparent;
}

#checkout.contents #expiry-date-input:-ms-input-placeholder {
    color: transparent;
}

#checkout.contents #expiry-date-input::placeholder {
    color: transparent;
}

#checkout.contents #expiry-date-input:focus::-webkit-input-placeholder {
    color: #999999;
}

#checkout.contents #expiry-date-input:focus::-moz-placeholder {
    color: #999999;
}

#checkout.contents #expiry-date-input:focus:-ms-input-placeholder {
    color: #999999;
}

#checkout.contents #expiry-date-input:focus::placeholder {
    color: #999999;
}

#checkout.contents .checkout-main-wrapper #login-modal .modal-dialog,
#checkout.contents .checkout-main-wrapper #login-modal-menu-checkout .modal-dialog {
    max-width: 480px;
    height: 100vh;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper #login-modal .modal-dialog,
    #checkout.contents .checkout-main-wrapper #login-modal-menu-checkout .modal-dialog {
        margin: 0;
    }
}

#checkout.contents .checkout-main-wrapper #login-modal .modal-body,
#checkout.contents .checkout-main-wrapper #login-modal-menu-checkout .modal-body {
    padding: 32px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper #login-modal .modal-body,
    #checkout.contents .checkout-main-wrapper #login-modal-menu-checkout .modal-body {
        height: 100vh;
        padding-top: 50px;
    }

    #checkout.contents .checkout-main-wrapper #login-modal .modal-body #login-modalBTN,
      #checkout.contents .checkout-main-wrapper #login-modal-menu-checkout .modal-body #login-modalBTN {
        width: 100%;
    }
}

#checkout.contents .checkout-main-wrapper #login-modal .modal-body .opsm-form-group.material-input,
  #checkout.contents .checkout-main-wrapper #login-modal-menu-checkout .modal-body .opsm-form-group.material-input {
    margin-bottom: 40px;
}

#checkout.contents .checkout-main-wrapper #login-modal .modal-title,
#checkout.contents .checkout-main-wrapper #login-modal-menu-checkout .modal-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 36px;
}

#checkout.contents .checkout-main-wrapper .side-col {
    background-color: #F7F6F4;
    padding: 32px 40px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col {
        position: static;
        padding: 24px 20px;
    }
}

#checkout.contents .checkout-main-wrapper .side-col .back-btn {
    display: none;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .back-btn {
        display: block;
        position: absolute;
        top: 22px;
        left: 27px;
        text-decoration: none;
    }
}

#checkout.contents .checkout-main-wrapper .side-col .single-prod {
    background-color: #fff;
    border-radius: 8px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
    }
}

#checkout.contents .checkout-main-wrapper .side-col .single-prod .button {
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    padding-right: 16px;
    padding-left: 10px;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 130px auto 20px;
    grid-template-columns: 130px auto 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    row-gap: 8px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .button {
        box-shadow: none;
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        color: #2D2A26;
    }
}

#checkout.contents .checkout-main-wrapper .side-col .single-prod .button .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.25s ease transform;
    transition: 0.25s ease transform;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .button .icon {
        display: none;
    }
}

#checkout.contents .checkout-main-wrapper .side-col .single-prod .button.collapsed .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#checkout.contents .checkout-main-wrapper .side-col .single-prod .button img {
    max-width: 150px;
    max-height: 62px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .subscription-box {
        padding: 0 8px;
        border-right: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
    }
}

#checkout.contents .checkout-main-wrapper .side-col .single-prod .subscription-wrapper {
    position: relative;
    width: calc(100% - 16px);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #EDF3F8;
    box-shadow: 0px 0px 0px 8px #fff;
    border: none;
    border-radius: 8px;
    padding: 7px 12px;
    margin-top: -8px;
    margin-left: 8px;
    margin-bottom: 0;
    z-index: 4;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .subscription-wrapper {
        box-shadow: none;
        margin: 0;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 8px 16px;
    }
}

@media screen and (min-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .subscription-wrapper:before {
        content: '';
        width: calc(100% + 16px);
        height: calc(100% + 16px);
        position: absolute;
        display: block;
        left: -8px;
        top: -8px;
        border: 1px solid #e5e5e5;
        border-top: 0;
        border-radius: 0 0 8px 8px;
        z-index: -1;
    }
}

@media screen and (min-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .subscription-wrapper .subs-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .subscription-wrapper .subs-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
    }
}

@media screen and (max-width: 1500px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .subscription-wrapper .subs-content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .subscription-wrapper .subs-content img {
        margin-right: 8px;
    }
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .subscription-wrapper .subs-content img {
        grid-row: 1/3;
    }
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .subscription-wrapper > p {
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
    }
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .subscription-wrapper > p img {
        grid-row: 1/3;
    }
}

#checkout.contents .checkout-main-wrapper .side-col .single-prod .single-item {
    padding: 16px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .single-item {
        display: block;
        border: 1px solid #E5E5E5;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top: 0;
        padding-top: 0;
    }
}

#checkout.contents .checkout-main-wrapper .side-col .single-prod .single-item .item-details {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: min-content auto;
    grid-template-columns: min-content auto;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 8px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod .single-item .item-details {
        border-top: 1px solid #E5E5E5;
        padding-top: 16px;
    }
}

#checkout.contents .checkout-main-wrapper .side-col .single-prod .single-item .subtotal-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #E5E5E5;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod.contact-lenses .single-item {
        display: block;
        border: 1px solid #e5e5e5;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top: 0;
        padding-top: 0;
    }
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod.contact-lenses .single-item > p {
        border-top: 1px solid #e5e5e5;
        padding-top: 16px;
        margin-top: 16px;
    }
}

#checkout.contents .checkout-main-wrapper .side-col .single-prod.contact-lenses .item-details {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    font-size: 14px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .side-col .single-prod.contact-lenses .item-details {
        border-top: 0;
        padding-top: 0;
    }
}

#checkout.contents .checkout-main-wrapper .side-col .single-prod.contact-lenses .item-details .pwr-value-od {
    text-transform: capitalize;
}

#checkout.contents .checkout-main-wrapper .side-col .order-summary-price {
    background-color: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 16px;
}

#checkout.contents .checkout-main-wrapper .side-col .order-summary-price .total-wrapper {
    border-top: 1px solid #E5E5E5;
    padding-top: 16px;
}

#checkout.contents .checkout-main-wrapper .side-col .chk-step-recap {
    background-color: #fff;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;
}

#checkout.contents .checkout-main-wrapper .subtitle-row {
    padding-bottom: 36px;
}

#checkout.contents .checkout-main-wrapper .subtitle-row .order-cookies-delete {
    font-weight: 600;
}

#checkout.contents .checkout-main-wrapper .subtitle-row hr {
    width: 100%;
}

#checkout.contents .checkout-main-wrapper .subtitle-row #login-dropdown-menu-checkout {
    border-radius: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    border: none;
    min-width: 368px;
    position: relative;
    background: #FFFFFF;
    margin-top: 0.4rem;
}

@media (min-width: 768px) {
    #checkout.contents .checkout-main-wrapper .subtitle-row #login-dropdown-menu-checkout {
        -ms-transform: translate(0px, 0px) !important;
        transform: translate(0px, 0px) !important;
        -webkit-transform: translate(0px, 0px) !important;
        left: auto !important;
        top: 30px !important;
        right: 0;
    }
}

#checkout.contents .checkout-main-wrapper .subtitle-row #login-dropdown-menu-checkout:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    right: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -24px;
    border: 12px solid transparent;
    border-bottom-color: #FFFFFF;
}

#checkout.contents .checkout-main-wrapper .form-checkout .logged-subtitle {
    font-weight: 600;
    margin-bottom: 24px;
}

#checkout.contents .checkout-main-wrapper .form-checkout .only-new-address {
    display: none;
}

#checkout.contents .checkout-main-wrapper .form-checkout .delivery-address-wrapper hr {
    margin: 1rem 0 2rem;
    width: 100%;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .form-checkout .delivery-address-wrapper hr {
        margin: 1rem 0 1.5rem;
    }
}

#checkout.contents .checkout-main-wrapper .form-checkout .opsm-form-group.material-input {
    margin-bottom: 32px;
}

#checkout.contents .checkout-main-wrapper #prescription-recap-accordion {
    border: 1px solid #CCCCCC;
    margin-top: 2.5rem;
}

#checkout.contents .checkout-main-wrapper #prescription-recap-accordion .prescription-recap-header .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s linear;
    position: relative;
    top: 2px;
}

#checkout.contents .checkout-main-wrapper #prescription-recap-accordion .prescription-recap-header .icon.collapsed {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-left: 7px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
}

#checkout.contents .checkout-main-wrapper #prescription-recap-accordion #pres-recap-body.show {
    border-top: 1px solid #CCCCCC;
    margin-top: 1.25rem;
}

#checkout.contents .checkout-main-wrapper #prescription-recap-accordion #pres-recap-body.show .border-box {
    outline: 1px solid #CCCCCC;
    outline-offset: -4px;
}

#checkout.contents .checkout-main-wrapper #prescription-recap-accordion #pres-recap-body.show .border-box:first-of-type .icon {
    font-size: 24px;
}

#checkout.contents .checkout-main-wrapper #prescription-recap-accordion #pres-recap-body.show .border-box .icon {
    font-size: 30px;
    top: 5px;
    position: absolute;
}

#checkout.contents .checkout-main-wrapper #prescription-recap-accordion #pres-recap-body.show .your-prescription {
    margin-top: 3.5rem;
    border-top: 1px solid #CCCCCC;
    padding-top: 1.5rem;
}

#checkout.contents .checkout-main-wrapper #prescription-recap-accordion #pres-recap-body.show .your-prescription:first-child {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
}

#checkout.contents .checkout-main-wrapper #prescription-recap-accordion #pres-recap-body.show .your-prescription .user-prescription-date {
    margin-top: 2.5rem;
}

#checkout.contents .checkout-main-wrapper .different-color {
    color: #E1523E;
}

#checkout.contents .checkout-main-wrapper .payment-logo {
    max-height: 20px;
    margin-left: 8px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .payment-logo:first-child {
        margin-left: 0;
    }
}

#checkout.contents .checkout-main-wrapper .payment-logo.squared {
    width: 33px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    border: 1px solid #C0C1C6;
    border-radius: 4px;
    padding: 1px;
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .checkout-confirmation--legend {
    font-size: 20px;
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    margin-bottom: 16px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .nopadding {
        padding: 0;
    }
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .opsm-custom-control {
    padding: 0;
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .opsm-custom-control.bordered .custom-control-input:checked + .custom-control-label {
    border-bottom: 1px solid #e5e5e5;
    border-radius: 8px;
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .custom-control-label {
    padding: 16px;
    padding-left: 40px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .custom-control-label:before {
    left: 16px;
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .custom-control-label:after {
    left: 16px;
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .custom-checkbox .custom-control-label {
    display: inline-block;
    padding: 0;
    padding-left: 32px;
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .custom-checkbox .custom-control-label:before, #checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .custom-checkbox .custom-control-label:after {
    left: 0;
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .custom-checkbox .custom-control-label a {
    text-decoration: underline;
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .card-body {
    padding: 16px;
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .card-body.saved-credit-card-body {
    padding: 0 16px 16px;
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .card-body .confirmation-btn {
    width: 300px;
    padding: 8px;
    margin-top: 8px;
}

#checkout.contents .checkout-main-wrapper .credit-card-body .security-code-accordion .btn-link {
    color: #2d2a26;
}

#checkout.contents .checkout-main-wrapper .credit-card-body .security-code-accordion .btn-link:hover {
    text-decoration: none;
}

#checkout.contents .checkout-main-wrapper .credit-card-body .security-code-accordion .btn-link:focus {
    text-decoration: none;
}

#checkout.contents .checkout-main-wrapper .credit-card-body .security-code-accordion .icon {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-left: 7px;
    position: relative;
    top: 2px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
}

#checkout.contents .checkout-main-wrapper .credit-card-body .security-code-accordion .collapsed .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s linear;
}

#checkout.contents .checkout-main-wrapper .btn-row hr {
    width: 100%;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
}

#checkout.contents .checkout-main-wrapper .btn-row .button--label .icon {
    margin-left: 0;
    position: relative;
    top: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

#checkout.contents .checkout-main-wrapper .btn-row .confirmation-btn {
    padding: 1rem 2rem;
}

@media (max-width: 991.98px) {
    #checkout.contents .checkout-main-wrapper .btn-row .confirmation-btn {
        width: 100%;
    }
}

#checkout.contents .checkout-main-wrapper .btn-row .confirmation-btn .btn-img {
    max-width: 24px;
    position: relative;
    top: -3px;
    left: -5px;
}

#checkout.contents .checkout-main-wrapper .btn-row .continue-checkout {
    width: 100%;
}

#checkout.contents .checkout-main-wrapper .btn-row .continue-checkout .lock-wht {
    max-width: 30px;
    height: auto;
}

#checkout.contents .checkout-main-wrapper .bottom-page-infos {
    margin-top: 8.5rem;
    margin-bottom: 5rem;
}

#checkout.contents .checkout-main-wrapper .bottom-page-infos .col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

#checkout.contents .checkout-main-wrapper .bottom-page-infos .col img {
    height: 24px;
    margin-right: 8px;
}

#checkout.contents .checkout-main-wrapper #checkout-order-billing-shipping,
#checkout.contents .checkout-main-wrapper #checkout-order-payment {
    padding-top: 32px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper #checkout-order-billing-shipping #back-to-pres,
    #checkout.contents .checkout-main-wrapper #checkout-order-billing-shipping #checkout-order-payment-back,
    #checkout.contents .checkout-main-wrapper #checkout-order-billing-shipping .back-btn,
    #checkout.contents .checkout-main-wrapper #checkout-order-payment #back-to-pres,
    #checkout.contents .checkout-main-wrapper #checkout-order-payment #checkout-order-payment-back,
    #checkout.contents .checkout-main-wrapper #checkout-order-payment .back-btn {
        position: absolute;
        top: -210px;
        font-size: 16px;
    }

    #checkout.contents .checkout-main-wrapper #checkout-order-billing-shipping h3,
    #checkout.contents .checkout-main-wrapper #checkout-order-payment h3 {
        font-size: 20px;
    }
}

#checkout.contents .checkout-sidebar .edit-btn {
    display: none;
}

#checkout.contents .checkout-sidebar .spent-div {
    color: #E1523E;
}

#checkout.contents .checkout-sidebar .promo-code-ok {
    display: none;
}

#checkout.contents .checkout-sidebar .delivery-price {
    font-size: 22px;
}

#checkout.contents .checkout-sidebar #promoinput .opsm-form-group {
    position: relative;
}

#checkout.contents .checkout-sidebar #promoinput .opsm-form-group .abs-button {
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    position: absolute;
    right: 10px;
    border: none;
    background: none;
    top: 8px;
    outline: none;
}

#checkout.contents .checkout-sidebar .whitebox {
    background-color: #FFFFFF;
    padding-bottom: 0;
}

#checkout.contents .checkout-sidebar .whitebox .summary-title {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 1rem;
}

#checkout.contents .checkout-sidebar .whitebox .title-prod {
    font-size: 1.125rem;
}

#checkout.contents .checkout-sidebar .whitebox .edit-btn {
    display: inline-block;
    padding-left: 0.5rem;
}

#checkout.contents .checkout-sidebar .whitebox #order-summary-accordion .row {
    border-top: 1px solid #CCCCCC;
}

#checkout.contents .checkout-sidebar .whitebox #order-summary-accordion .row:first-of-type {
    border: none;
}

#checkout.contents .checkout-sidebar .whitebox #order-summary-accordion .subtitle-prod {
    color: #999999;
}

#checkout.contents .checkout-sidebar .whitebox #order-summary-accordion .red-price {
    color: #E1523E;
}

#checkout.contents .checkout-sidebar .whitebox #order-summary-accordion .single-prod {
    border-top: 1px solid #CCCCCC;
}

#checkout.contents .checkout-sidebar .whitebox #order-summary-accordion .single-prod:first-of-type {
    border: none;
}

#checkout.contents.thankyou .left-column {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 0;
}

#checkout.contents.thankyou .left-column .single-item {
    border-bottom: 1px solid #CCCCCC;
    padding: 1.5rem 2rem 1.5rem 0;
}

#checkout.contents.thankyou .left-column .single-item .img-prod {
    max-width: 210px;
    width: 210px;
    text-align: center;
}

#checkout.contents.thankyou .left-column .single-item .img-prod img {
    width: 100%;
}

#checkout.contents.thankyou .left-column .single-item .product-model {
    text-transform: uppercase;
    color: #999999;
}

#checkout.contents.thankyou .left-column .single-item .product-infos {
    margin-bottom: 2rem;
}

#checkout.contents.thankyou .left-column .single-item .product-infos td {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#checkout.contents.thankyou .left-column .single-item .subtotal-row {
    padding: 0;
    width: 200px;
    max-width: 200px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 200px;
    -ms-flex: 1 0 200px;
    flex: 1 0 200px;
}

#checkout.contents.thankyou .left-column .single-item .subtotal-row hr {
    margin: 0 0 1rem;
}

#checkout.contents.thankyou .left-column .single-item .subtotal-row .saving-price {
    color: #E1523E;
}

#checkout.contents.thankyou .checkout-sidebar {
    margin: 0;
}

#checkout.contents.thankyou .checkout-sidebar .greybox {
    border-top: 0;
    border-left: 0;
}

#checkout.contents.thankyou .main-columnrow .greybox {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

#checkout.contents.thankyou .bottom-page-infos {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

#checkout.contents.thankyou .bottom-page-infos .greybox {
    border: 1px solid #CCCCCC;
}

#checkout.contents .btn-row {
    margin-top: 5rem;
    border-top: 1px solid #CCCCCC;
}

#checkout.contents .opsm-form-group.required.error {
    position: relative;
}

#checkout.contents .opsm-form-group.required.error:after {
    content: "";
    padding-left: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.2754 17.0745L13.617 4.3737C13.4433 4.10707 13.2063 3.88746 12.927 3.73452C12.6428 3.57889 12.324 3.49731 12 3.49731C11.676 3.49731 11.3572 3.57889 11.073 3.73452C10.7937 3.88746 10.5567 4.10707 10.3829 4.3737L2.72628 17.0716C2.72603 17.072 2.72578 17.0724 2.72553 17.0728C2.59053 17.2984 2.51716 17.5554 2.51278 17.8182C2.50844 18.0788 2.57203 18.3359 2.69724 18.5643C2.86114 18.8484 3.09695 19.0845 3.38104 19.2488C3.66766 19.4145 3.99316 19.5012 4.32425 19.4999L4.32998 19.4999L19.678 19.4999L19.686 19.5C20.0149 19.5035 20.3389 19.4202 20.6254 19.2585C20.908 19.0989 21.1441 18.8686 21.3107 18.5902C21.4382 18.3603 21.5031 18.1008 21.4988 17.8378C21.4944 17.5706 21.4187 17.3094 21.2795 17.0812L21.2754 17.0745ZM22.61 19.3399C22.3092 19.8508 21.879 20.2732 21.3629 20.5647C20.8467 20.8561 20.2627 21.0063 19.67 20.9999H4.32998C3.7333 21.0022 3.14672 20.846 2.63018 20.5474C2.11364 20.2487 1.68566 19.8182 1.38998 19.2999C1.13423 18.8395 1.00421 18.3199 1.01299 17.7932C1.02177 17.2666 1.16903 16.7516 1.43998 16.2999L9.10998 3.57994C9.42012 3.09475 9.84743 2.69546 10.3525 2.41888C10.8576 2.14229 11.4241 1.99731 12 1.99731C12.5758 1.99731 13.1424 2.14229 13.6475 2.41888C14.1525 2.69546 14.5798 3.09475 14.89 3.57994L22.56 16.2999C22.8384 16.7563 22.9898 17.2787 22.9986 17.8131C23.0074 18.3476 22.8732 18.8747 22.61 19.3399Z' fill='%23E1523E'/%3E%3Cpath d='M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z' fill='%23E1523E'/%3E%3Cpath d='M12 8C11.7348 8 11.4804 8.10536 11.2929 8.29289C11.1054 8.48043 11 8.73478 11 9V13C11 13.2652 11.1054 13.5196 11.2929 13.7071C11.4804 13.8946 11.7348 14 12 14C12.2652 14 12.5196 13.8946 12.7071 13.7071C12.8946 13.5196 13 13.2652 13 13V9C13 8.73478 12.8946 8.48043 12.7071 8.29289C12.5196 8.10536 12.2652 8 12 8Z' fill='%23E1523E'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 13px;
    top: 13px;
    display: block;
    width: 19px;
    height: 19px;
    color: #E1523E;
    background-position: center;
}

#checkout.contents .opsm-form-group.required.valid {
    position: relative;
}

#checkout.contents .opsm-form-group.required.valid:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%233F8350'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6678 9.2318C16.0595 9.58537 16.1124 10.2159 15.786 10.6402L11.9399 15.6402C11.7739 15.856 11.5317 15.9862 11.2726 15.999C11.0135 16.0117 10.7614 15.9058 10.578 15.7071L8.27036 13.2071C7.90988 12.8166 7.90988 12.1834 8.27036 11.7929C8.63085 11.4024 9.2153 11.4024 9.57579 11.7929L11.1687 13.5186L14.3678 9.35984C14.6941 8.93556 15.2762 8.87824 15.6678 9.2318Z' fill='%233F8350'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 11px;
    right: 14px;
    background-position: center;
}

#checkout.contents #starterPanel.opsm-form-group.error .upload-pres-feedback {
    border: 2px solid #E1523E;
}

#checkout.contents .form-checkout .row > .col-lg-6 {
    padding: 0;
}

#checkout.contents .form-checkout #hiddenStatePostcode .col-lg-6 {
    padding: 0 15px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .form-checkout #hiddenStatePostcode .col-lg-6 {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 992px) {
    #checkout.contents .form-checkout #hiddenStatePostcode-billing .col-lg-6 {
        margin-bottom: 16px;
    }
}

#checkout.contents .delivery-address-wrapper.only-guest {
    padding-top: 2.5rem !important;
    border-top: 1px solid #CCCCCC;
}

#checkout.contents .checkout-sidebar {
    position: relative;
    max-width: 400px;
    margin-bottom: 50px;
    padding: 0;
}

@media (max-width: 767.98px) {
    #checkout.contents .checkout-sidebar {
        max-width: 100%;
        width: 100%;
    }
}

#checkout.contents .only-guest h4 {
    margin-bottom: 1.5625rem;
}

#checkout.contents #billing-address-accordion .card .d-flex {
    margin-bottom: 0.8rem;
}

#checkout.contents.notlogged {
    margin: 2.5rem 0;
}

.thankyou-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 400px;
    grid-template-columns: 1fr 400px;
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
}

@media screen and (max-width: 992px) {
    .thankyou-header {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.thankyou-body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 400px;
    grid-template-columns: 1fr 400px;
    gap: 48px;
    margin-top: 0;
    margin-bottom: 64px;
}

@media screen and (max-width: 992px) {
    .thankyou-body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 0;
    }
}

.thankyou-body .single-item {
    margin-top: 16px;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    border: 1px solid #E5E5E5;
}

.thankyou-body .single-item .contact-lenses {
    min-height: 300px;
}

@media screen and (max-width: 992px) {
    .thankyou-body .single-item .contact-lenses .subscription-box {
        padding: 0 8px;
        border-right: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
    }
}

.thankyou-body .single-item .contact-lenses .subscription-wrapper {
    grid-column: 1/3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    margin-bottom: 16px;
    border: none;
    padding: 16px 12px;
    padding-right: 8px;
    width: 100%;
}

@media screen and (max-width: 992px) {
    .thankyou-body .single-item .contact-lenses .subscription-wrapper {
        padding-left: 52px;
        position: relative;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media screen and (max-width: 992px) {
    .thankyou-body .single-item .contact-lenses .subscription-wrapper img {
        position: absolute;
        left: 16px;
    }
}

.thankyou-body .img-wrapper {
    text-align: center;
    background-color: #F7F6F4;
    padding: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

@media screen and (max-width: 992px) {
    .thankyou-body .img-wrapper {
        border-bottom-left-radius: 0px;
        border-top-right-radius: 8px;
    }
}

.thankyou-body .img-wrapper.radius-bottom {
    border-top-left-radius: 0px;
}

.thankyou-body .info-wrapper {
    padding: 24px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 992px) {
    .thankyou-body .info-wrapper .price-wrapper {
        margin-bottom: 0;
    }
}

.thankyou-body .title-prod {
    font-size: 18px;
    line-height: 1.5;
    color: #2D2A26;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

.thankyou-body .title-prod .discount-badge {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid #B58B34;
    border-radius: 100px;
    margin-left: 8px;
    padding: 0 5px;
}

.thankyou-body .subtitle-prod {
    color: #2D2A26;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 0;
    font-size: 14px;
}

.thankyou-body .price-wrapper .price-old {
    font-weight: 400;
    font-size: 14px;
}

.thankyou-body .price-wrapper .price-new {
    font-weight: 400;
    font-size: 16px;
    color: #2d2a26;
}

@media screen and (max-width: 992px) {
    .thankyou-body .prescription-accordion-body {
        margin-bottom: 0;
    }
}

.thankyou-body .subtotal-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: 100%;
    margin-top: auto;
}

@media screen and (max-width: 992px) {
    .thankyou-body .subtotal-col {
        margin-top: 25px;
    }
}

.thankyou-body .subtotal-col p {
    margin-bottom: 0;
}

.thankyou-body .subtotal-col .subtotal-text {
    font-size: 16px;
}

.thankyou-body .subtotal-col .price-wrapper .price-old {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}

.thankyou-body .subtotal-col .price-wrapper .price-new {
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 1.5;
    color: #2D2A26 !important;
    padding-right: 0;
}

.thankyou-body .payment-logo {
    margin-top: 0;
}

.thankyou-body .subtotal-box {
    min-height: 80px;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
}

#presc-subm-status-ko {
    grid-column: 1/4;
    text-transform: initial;
    border: 0;
    border-radius: 8px;
    background-color: #FCEEEC;
    margin: 0 -8px -5px -2px;
}

#presc-subm-status-ko .warn-icon {
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#presc-subm-status-ok {
    grid-column: 1 / 4;
    text-transform: initial;
    border: 0;
    border-radius: 8px;
    background-color: #ECF3ED;
    margin: 0 -8px -5px -2px;
}

#presc-subm-status-ok .validation-check-icon {
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 992px) {
    #orderSummary {
        position: absolute;
        left: 0;
        padding: 16px 20px 40px;
        background-color: #F7F6F4;
        z-index: 999;
    }
}

@media screen and (min-width: 992px) {
    #orderSummary.collapse {
        display: block;
    }
}

.order-summary-trigger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.order-summary-trigger .accordion-sign {
    width: 20px;
    height: 20px;
    border: 2px solid #b58b34;
    border-radius: 100%;
    margin-left: 0;
    margin-right: 10px;
    position: relative;
    display: block;
}

.order-summary-trigger .accordion-sign::after, .order-summary-trigger .accordion-sign::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 2px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #b58b34;
}

.order-summary-trigger.open-btn .accordion-sign::before {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
}

.product--after-pay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.product--after-pay .product--sizing-info-link {
    padding: 0;
    font-size: 70%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.product--after-pay img {
    max-width: 95px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 6px;
}

.product--after-pay small {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

#modal-prescription .only-mobile {
    display: none;
}

#prescription-select-modal .modal-dialog {
    max-width: 100%;
    width: 705px;
}

@media screen and (max-width: 992px) {
    #prescription-select-modal .modal-dialog {
        margin: 0;
    }
}

#prescription-select-modal .modal-body {
    padding: 40px 32px;
    padding-bottom: 24px;
}

@media screen and (max-width: 992px) {
    #prescription-select-modal .modal-body {
        padding: 40px 20px;
    }
}

#prescription-select-modal .existing-prescriptions .no-prescriptions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px;
    padding: 46px 16px;
}

#presc-add-modal-checkout .date-wrapper {
    position: relative;
}

@media screen and (max-width: 992px) {
    #presc-add-modal-checkout .date-wrapper {
        border-top: 1px solid #e5e5e5;
        margin-top: 22px;
        gap: 15px;
    }

    #presc-add-modal-checkout .date-wrapper .material-input.error {
        margin-bottom: 0;
    }

    #presc-add-modal-checkout .date-wrapper .error.invalid-feedback {
        position: relative;
        bottom: auto;
        margin-top: 0;
    }
}

#presc-add-modal-checkout .date-wrapper .error.invalid-feedback {
    position: absolute;
    bottom: -16px;
}

@media screen and (max-width: 992px) {
    #presc-add-modal-checkout .prescr-submit-btn {
        width: 100%;
    }
}

#presc-add-modal-checkout .prescription-type-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

@media screen and (max-width: 992px) {
    #presc-add-modal-checkout .prescription-type-wrapper {
        gap: 16px;
    }
}

#presc-add-modal-checkout .prescription-type-wrapper .col-sm-6:nth-child(1) .prescription-stat-select.error + .error.invalid-feedback {
    max-width: 220px;
    margin-left: auto;
    margin-right: -16px;
    margin-bottom: 2px;
}

@media screen and (max-width: 992px) {
    #presc-add-modal-checkout .prescription-type-wrapper .col-sm-6:nth-child(1) .prescription-stat-select.error + .error.invalid-feedback {
        max-width: 136px;
        margin-left: auto;
        margin-right: -16px;
    }
}

#presc-add-modal-checkout .prescription-type-wrapper .col-sm-6:nth-child(1) .prescription-stat-select.multi.error + .error.invalid-feedback {
    max-width: 240px;
}

@media screen and (max-width: 992px) {
    #presc-add-modal-checkout .prescription-type-wrapper .col-sm-6:nth-child(1) .prescription-stat-select.multi.error + .error.invalid-feedback {
        max-width: 130px;
    }
}

#presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select.error .hybrid-select {
    box-shadow: none;
}

#presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select.error .hybrid-select .btn {
    border-color: #e1523e;
    color: #666;
}

#presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select.error + .error.invalid-feedback {
    display: block !important;
    margin-top: -21px;
}

#presc-add-modal-checkout .prescription-type-wrapper .col-sm-6 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 100%;
    padding: 0;
}

#presc-add-modal-checkout .prescription-type-wrapper .col-sm-6:nth-child(2) .prescription-stat-select label {
    display: none;
}

#presc-add-modal-checkout .prescription-type-wrapper .col-sm-6:first-child p {
    margin-left: auto;
}

#presc-add-modal-checkout .prescription-type-wrapper .col-sm-6 p {
    max-width: 200px;
    text-align: center;
}

@media screen and (max-width: 992px) {
    #presc-add-modal-checkout .prescription-type-wrapper .col-sm-6 p {
        max-width: 116px;
    }
}

#presc-add-modal-checkout .prescription-type-wrapper .col-sm-6:nth-child(2) .prescription-stat-select.mono {
    -ms-grid-columns: 200px auto;
    grid-template-columns: 200px auto;
}

@media screen and (max-width: 992px) {
    #presc-add-modal-checkout .prescription-type-wrapper .col-sm-6:nth-child(2) .prescription-stat-select.mono {
        -ms-grid-columns: 116px auto;
        grid-template-columns: 116px auto;
    }
}

#presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select.mono {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 200px;
    grid-template-columns: auto 200px;
}

@media screen and (max-width: 992px) {
    #presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select.mono {
        -ms-grid-columns: auto 116px;
        grid-template-columns: auto 116px;
        gap: 20px;
    }
}

#presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select.mono > .dropdown {
    max-width: unset;
}

#presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select.multi {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 96px 110px 110px;
    grid-template-columns: 96px 110px 110px;
    gap: 8px;
}

@media screen and (max-width: 992px) {
    #presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select.multi {
        -ms-grid-columns: auto 116px;
        grid-template-columns: auto 116px;
        -webkit-column-gap: 14px;
        -moz-column-gap: 14px;
        column-gap: 14px;
    }
}

#presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select.multi .form-control:first-of-type {
    padding: 0;
}

#presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select.multi .form-control {
    padding: 0;
    max-width: 100%;
    margin: 0;
}

@media screen and (max-width: 992px) {
    #presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select.multi .form-control:last-child {
        grid-column: 2/3;
    }
}

#presc-add-modal-checkout .prescription-type-wrapper .col-sm-6:nth-child(2) .prescription-stat-select.multi {
    -ms-grid-columns: 110px 110px auto;
    grid-template-columns: 110px 110px auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (max-width: 992px) {
    #presc-add-modal-checkout .prescription-type-wrapper .col-sm-6:nth-child(2) .prescription-stat-select.multi {
        -ms-grid-columns: 116px;
        grid-template-columns: 116px;
    }

    #presc-add-modal-checkout .prescription-type-wrapper .col-sm-6:nth-child(2) .prescription-stat-select.multi .form-control:last-child {
        -ms-grid-column: auto;
        grid-column: auto;
    }
}

#presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select .hybrid-select .btn {
    border: 1px solid #2D2A26;
    border-radius: 8px;
    padding: 7px 24px;
    padding-right: 16px;
    font-size: 14px;
}

#presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select label {
    font-size: 14px;
}

@media screen and (max-width: 992px) {
    #presc-add-modal-checkout .prescription-type-wrapper .prescription-stat-select label {
        white-space: nowrap;
    }
}

#presc-add-modal-checkout .prescription-type-wrapper.collapse:not(.show) {
    display: none;
}

#starterPanel h4 {
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
}

#security-code-body {
    padding: 24px;
    background-color: #FFFFFF;
    position: absolute;
    z-index: 2;
    box-shadow: 3px 10px 20px rgba(0, 0, 0, 0.25);
    top: calc(100% + 4px);
    left: -3px;
}

#security-code-body:before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    width: 15px;
    height: 15px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

#security-code-body:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 25px;
    background-color: #FFFFFF;
}

#checkout.contents .checkout-main-wrapper .credit-card-body .security-code-accordion .btn-link {
    position: relative;
    padding-left: 24px;
}

#checkout.contents .checkout-main-wrapper .credit-card-body .security-code-accordion .btn-link:before {
    background-image: url("../images/icons/warning-black.svg");
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 992px) and (max-width: 1340px) {
    .prescription-type-wrapper .prescription-stat-select.multi .form-control:first-of-type {
        margin-left: 0;
    }

    .prescription-type-wrapper .prescription-stat-select.multi > .dropdown:last-child {
        margin-left: 0;
    }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    body #main #checkout.contents .header-title {
        margin-top: 36px;
    }

    body #main #checkout.contents .header-title:before {
        content: '';
        background-image: url("../images/icons/lock.svg");
        width: 30px;
        height: 30px;
        background-size: 26px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 16px;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column .subtitle-row {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column .subtitle-row .guest-sign-in {
        line-height: 1rem;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column .subtitle-row #login-dropdown-menu-checkout {
        margin-top: 0.75rem;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column .subtitle-row .logged-user {
        line-height: 1rem;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column .security-code-wrapper {
        margin-bottom: 0;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column #checkout-form .form-checkout .delivery-address-wrapper hr {
        margin-left: 0;
        margin-right: 0;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column #checkout-form #prescription-recap-accordion .prescription-recap-header a:hover {
        color: #2d2a26;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column #checkout-form #prescription-recap-accordion .prescription-recap-header .icon {
        font-size: 0.675rem;
        top: 0;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column #checkout-form #prescription-recap-accordion #pres-recap-body.collapse {
        border: none;
        margin-top: 0;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column #checkout-form #prescription-recap-accordion #pres-recap-body.collapse .your-prescription {
        border: none;
        padding-top: 0;
        margin-top: 2rem;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column #checkout-form #prescription-recap-accordion #pres-recap-body.collapse .your-prescription hr {
        width: 100%;
        margin: 0 0 1.5rem;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column #checkout-form .btn-row {
        border: none;
        margin-top: 0;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column #checkout-form .btn-row hr {
        margin: 2.5rem 0 2rem;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column #checkout-form .btn-row .confirmation-btn {
        width: 100%;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column #checkout-confirmation .btn-row {
        border: none;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column #checkout-confirmation .btn-row hr {
        margin: 0;
    }

    body #main #checkout.contents .checkout-main-wrapper .checkout-left-column #checkout-confirmation .btn-row .confirmation-btn {
        width: 100%;
    }

    body #main #checkout.contents .bottom-page-infos {
        margin-top: 2rem;
        margin-bottom: 0;
    }

    body #main #checkout.contents .bottom-page-infos .greybox {
        border: none;
    }

    body #main #checkout.contents .bottom-page-infos .greybox.visible-mobile .col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    body #main #checkout.contents .bottom-page-infos .greybox.visible-mobile .col img {
        height: 24px;
        margin-right: 8px;
    }

    body #main #checkout.contents .bottom-page-infos .greybox.visible-mobile .col p img {
        margin: 0;
    }

    body #main #checkout.contents.thankyou .bigger {
        font-size: 20px;
    }

    body #main #checkout.contents.thankyou .left-column .single-item {
        padding: 0 1.25rem 1.5rem;
    }

    body #main #checkout.contents.thankyou .left-column .single-item .img-prod {
        min-height: 140px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    body #main #checkout.contents.thankyou .left-column .single-item .img-prod img {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    body #main #checkout.contents.thankyou .left-column .single-item .contact-lenses-description {
        margin-top: 1.5rem;
    }

    body #main #checkout.contents.thankyou .left-column .single-item .contact-lenses-description:nth-of-type(2) {
        margin-bottom: 1.5rem;
    }

    body #main #checkout.contents.thankyou .left-column .single-item .contact-lenses-description .product-infos {
        margin-bottom: 0;
    }

    body #main #checkout.contents.thankyou .left-column .single-item .subtotal-row hr {
        margin-top: 2rem;
    }

    body #main #checkout.contents.thankyou .bottom-page-infos {
        margin-bottom: 0;
    }

    body #main #checkout.contents.thankyou .bottom-page-infos .greybox {
        border: none;
    }

    #checkout.contents .checkout-sidebar {
        max-width: 100%;
        padding: 0 15px;
    }
}

.installment-afterpay {
    clear: both;
    margin: 0 21px;
    padding: 1px 20px 20px;
}

.afterpay-step-container {
    text-transform: none;
    clear: both;
}

.afterpay-steps-mobile {
    width: 200px;
    margin: 0 auto;
}

.afterpay-steps-mobile ul {
    text-align: left;
}

.afterpay-steps-mobile li {
    list-style: circle;
}

.afterpay-steps-mobile li .badge {
    float: right;
}

.afterpay-steps {
    max-width: 350px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin: 20px 0;
}

.afterpay-steps::before {
    content: '';
    position: absolute;
    left: 0;
    top: 30px;
    height: 18px;
    width: 100%;
    background-repeat: no-repeat;
    background-color: #777;
    border-radius: 20px;
}

.afterpay-steps .single-step {
    font-size: 14px;
    text-align: center;
    position: relative;
}

.afterpay-steps .single-step:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 33px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.afterpay-steps .single-step:first-child {
    text-align: left;
}

.afterpay-steps .single-step:first-child:before {
    left: 4px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.afterpay-steps .single-step:last-child {
    text-align: right;
}

.afterpay-steps .single-step:last-child:before {
    left: auto;
    right: 4px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.afterpay-steps .single-step .price {
    font-weight: 700;
    padding-bottom: 40px;
}

.afterpay-steps-desktop {
    margin: 22px auto 22px 0;
    position: relative;
    text-align: center;
    width: 390px;
}

.afterpay-steps-desktop ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.afterpay-steps-desktop .redesignCheckout-afterpay-steps {
    position: absolute;
    top: 25px;
    left: 0;
    height: 18px;
    width: 100%;
    background-repeat: no-repeat;
    background-color: #777;
    border-radius: 20px;
}

.afterpay-desc {
    font-size: 14px;
}

.afterpay-desc:first-of-type {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

@media screen and (max-width: 992px) {
    .payment-address-wrapper-mob {
        background-color: #F7F6F4;
        margin: 0 -15px;
        padding: 24px 20px;
        row-gap: 16px;
        display: -ms-grid;
        display: grid;
    }

    .payment-address-wrapper-mob .chk-step-recap {
        background: #FFFFFF;
        padding: 16px;
        border: 1px solid #E5E5E5;
        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
    }

    .payment-address-wrapper-mob .chk-step-recap .edit-button {
        color: #2D2A26;
        font-weight: 400 !important;
        font-size: 14px;
    }
}

.file-loader {
    height: 130px;
}

@media all and (min-width: 950px) {
    .afterpay-steps-mobile {
        display: none;
    }

    .afterpay-steps-desktop {
        display: block;
    }
}

@media all and (max-width: 951px) {
    .afterpay-steps-mobile {
        display: block;
    }

    .afterpay-steps-mobile ul {
        padding: 0 20px;
        max-width: 300px;
    }

    .afterpay-steps-mobile li {
        padding-bottom: 0;
    }

    .afterpay-steps-mobile li .badge {
        font-size: 16px;
        padding: 0;
        font-weight: bold;
    }

    .afterpay-steps-desktop {
        display: none;
    }

    .installment-afterpay {
        padding: 0;
        margin: 0;
    }

    .afterpay-step-container {
        text-align: left;
        font-size: 16px;
    }
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .credit-card-selection .medipass-head .custom-control-label p {
        white-space: nowrap;
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .credit-card-selection .medipass-head .custom-control-label span {
        font-size: 16px;
        display: block;
    }
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .credit-card-selection .medipass-head .custom-control-label .payment-logo {
        margin-left: 0;
    }
}

#checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .medipass-body .confirmation-btn {
    max-width: 260px;
}

@media screen and (max-width: 992px) {
    #checkout.contents .checkout-main-wrapper .credit-card-selection .card-wrapper .medipass-body .confirmation-btn {
        max-width: 100%;
        width: 100%;
    }
}

.medipass-body .button--label {
    text-transform: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    font-weight: 600;
}

.medipass-body .button--label img {
    margin-top: 2px;
}

.payment-tooltip-wrapper.show {
    opacity: 1;
}

.payment-tooltip-wrapper.bs-tooltip-auto[x-placement^=top] .arrow::before,
.payment-tooltip-wrapper.bs-tooltip-top .arrow::before {
    border-top-color: #F7F6F4;
    border-width: 11px 16px 0;
    z-index: 1;
}

.payment-tooltip-wrapper.bs-tooltip-auto[x-placement^=top] .arrow::after,
.payment-tooltip-wrapper.bs-tooltip-top .arrow::after {
    position: absolute;
    content: "";
    border-color: transparent;
    top: -16px;
    left: 8px;
    border-style: solid;
    z-index: -1;
    box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    border-width: 11px 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.payment-tooltip-wrapper .tooltip-inner {
    border-radius: 8px;
    color: #2D2A26;
    opacity: 1;
    max-width: 375px;
    padding: 16px;
    width: 375px;
    text-align: left;
    background-color: #F7F6F4;
    border-width: 1px;
    border-color: #E5E5E5;
    box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.09);
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    font-family: 'Barlow', sans-serif;
}

@media screen and (min-width: 1651px) and (max-width: 1750px) {
    .payment-tooltip-wrapper .tooltip-inner {
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
    }
}

@media screen and (min-width: 993px) and (max-width: 1650px) {
    .payment-tooltip-wrapper .tooltip-inner {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }
}

@media screen and (max-width: 992px) {
    .payment-tooltip-wrapper .tooltip-inner {
        width: 335px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.payment-tooltip-wrapper .tooltip-inner .payment-logo {
    max-width: 33px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

img[src*="tyro"] {
    margin-top: 1px;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
/**
 * HEADER ONE & TWO VERSIONS
 */
@media (min-width: 768px) {
    .header-two--title .header-pix--top .header-pix--text .header-pix--text-inner {
        margin-bottom: -20%;
    }
}

@media (min-width: 992px) {
    .header-two--title .header-pix--top .header-pix--text .header-pix--text-inner {
        margin-bottom: 0%;
    }
}

.header-two--title .header-pix--top .header-pix--text .header-pix--text-inner .header-pix--title {
    font-size: 1.875rem;
    width: 100%;
}

@media (min-width: 768px) {
    .header-two--title .header-pix--top .header-pix--text .header-pix--text-inner .header-pix--title {
        font-size: 1.875rem;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .header-two--title .header-pix--top .header-pix--text .header-pix--text-inner .header-pix--title {
        font-size: 2.8125rem;
    }
}

@media (min-width: 992px) {
    .header-dark .header-pix--top .header-pix--cover--dt {
        left: 35%;
    }
}

@media (min-width: 1200px) {
    .header-dark .header-pix--top .header-pix--cover--dt {
        left: 50%;
    }
}

@media (min-width: 992px) {
    .header-light .header-pix--top .header-pix--cover--dt {
        left: 25%;
    }
}

@media (min-width: 1200px) {
    .header-light .header-pix--top .header-pix--cover--dt {
        left: 50%;
    }
}

.header-pix--top {
    position: relative;
}

.header-pix--cover {
    width: 100%;
    max-width: none;
    height: auto;
}

@media (min-width: 768px) {
    .header-pix--cover--mb {
        display: none;
    }
}

.header-pix--cover--tb {
    display: none;
}

@media (min-width: 768px) {
    .header-pix--cover--tb {
        display: block;
    }
}

@media (min-width: 992px) {
    .header-pix--cover--tb {
        display: none;
    }
}

.header-pix--cover--dt {
    display: none;
}

@media (min-width: 992px) {
    .header-pix--cover--dt {
        display: block;
    }
}

@media (min-width: 768px) {
    .header-pix--gradient--dark {
        background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    }
}

@media (min-width: 768px) {
    .header-pix--gradient--light {
        background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7));
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7));
    }
}

.header-pix--text {
    padding: 20px;
}

@media (min-width: 768px) {
    .header-pix--text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        z-index: 2;
    }
}

@media (min-width: 992px) {
    .header-pix--text {
        padding: 50px;
        padding-right: 0;
        width: 70%;
    }
}

.header-pix--text--dark {
    color: #FFFFFF;
    background-color: #2D2A26;
}

@media (min-width: 768px) {
    .header-pix--text--dark {
        background-color: transparent;
    }
}

.header-pix--text--light {
    background-color: #FFFFFF;
}

@media (min-width: 768px) {
    .header-pix--text--light {
        background-color: transparent;
    }
}

@media (min-width: 768px) {
    .header-pix--text-inner {
        width: 75%;
    }
}

@media (min-width: 992px) {
    .header-pix--text-inner {
        width: 100%;
    }
}

.header-pix--bottom {
    font-size: 0.875rem;
    margin-bottom: 30px;
    padding: 0 15px;
}

@media (min-width: 992px) {
    .header-pix--bottom {
        padding: 0 50px;
    }
}

.header-pix--title {
    font-size: 1.25rem;
    line-height: 1.10;
    width: 200px;
}

@media (min-width: 768px) {
    .header-pix--title {
        width: 60%;
        font-size: 2.375rem;
    }
}

@media (min-width: 992px) {
    .header-pix--title {
        width: 70%;
        font-size: 3.75rem;
    }
}

@media (min-width: 1200px) {
    .header-pix--title {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .header-pix--sm .header-pix--title {
        font-size: 1.875rem;
    }
}

@media (min-width: 992px) {
    .header-pix--sm .header-pix--title {
        font-size: 2.8125rem;
    }
}

.header-pix--subtitle {
    font-size: 1.375rem;
}

@media (min-width: 992px) {
    .header-pix--subtitle {
        font-size: 1.5rem;
        line-height: 25px;
        letter-spacing: 0;
    }
}

.header-pix .button-group--layout {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .header-pix .button-group--layout {
        margin-top: 40px;
    }
}

@media (min-width: 992px) {
    .header-pix .button-group--layout {
        margin-top: 50px;
    }
}

.article .button-group--layout {
    text-align: center;
}

@media (max-width: 767.98px) {
    .article .button-group--layout {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 768px) {
    .article .button-group--layout {
        text-align: left;
    }
}

.header-pix .button-group--layout .button {
    margin: 10px 30px 10px 0;
}

.header-three .button-group--layout .button {
    margin: 0 10px 10px;
}

.article .button-group--layout .button {
    margin: 0 10px 10px 0;
}

@media (min-width: 768px) {
    .article .button-group--layout .button {
        margin: 10px 20px 20px 0;
    }
}

@media (max-width: 991.98px) {
    .article--column .button-group--layout .button {
        margin: 10px 0;
    }
}

.button-group--layout--vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.button-group--layout--vertical .button {
    margin-right: 0 !important;
}

/**
 * HEADER THREE VERSION
 */
.header-three {
    padding: 30px 20px;
    text-align: center;
    margin: 0 -15px;
}

@media (min-width: 992px) {
    .header-three {
        padding: 35px 60px 70px 60px;
    }
}

.header-three .breadcrumb {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .header-three .breadcrumb {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.header-three--title {
    margin: 30px 0 30px 0;
}

@media (min-width: 768px) {
    .header-three--title {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .header-three--title {
        margin-bottom: 60px;
    }
}

.header-three--anchor-links {
    background: #e5e5e5;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 -15px;
}

.header-three--links {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    list-style-type: none;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
}

@media (min-width: 768px) {
    .header-three--links {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.header-three--links-li {
    margin: 0 30px;
    padding: 0;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
}

.header-three--links-li a {
    display: block;
    padding: 10px 0;
}

.header-three--images {
    margin: 0 -15px;
}

.header-three--images--big {
    margin-bottom: 40px;
    background-color: #e5e5e5;
}

.header-three--images--medium {
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 15px 40px;
}

@media (min-width: 992px) {
    .header-three--images--medium {
        margin-left: auto;
        margin-right: auto;
    }
}

.header-three--images--small {
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 15px 40px;
}

@media (min-width: 992px) {
    .header-three--images--small {
        margin-left: auto;
        margin-right: auto;
    }
}

/**
 * Article
 */
.article--top-img {
    margin-bottom: 30px;
}

.article--list ul li {
    padding: 5px 0px;
}

.article--list ol {
    font-weight: bold;
}

.article--list ol li {
    padding-top: 5px;
}

.article--list ol li span {
    font-weight: normal;
}

.article--list ul ul ul {
    list-style-type: none;
}

.article--list ul ul ul li {
    position: relative;
}

.article--list ul ul ul li:before {
    content: "-";
    font-size: 16px;
    font-family: 'LucidaGrande';
    position: absolute;
    left: -15px;
}

.article--two-cols {
    max-width: 1440px;
}

.article-quick-view {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 75%;
}

.article-quick-view:hover .article-quick-view--img-wrapper {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.article-quick-view--img {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.article-quick-view--img-wrapper {
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.article-quick-view--content {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
}

.article-quick-view--content .button {
    margin-top: 30px;
}

.article-terms-conditions {
    font-size: 0.875rem;
}

.article-terms-conditions--title {
    font-size: 0.875rem;
}

.article-terms-conditions--des {
    line-height: 1.0625rem;
}

.opsm-form-control--textarea--fixed {
    resize: none;
}

.opsm-form-control--header-padding {
    padding-top: 40px;
    padding-bottom: 15px;
}

.opsm-form-control--options-padding {
    padding-bottom: 10px;
    padding-left: 45px;
}

.opsm-form-control--options-padding--break {
    padding-bottom: 20px;
}

/**
 * Table
 */
.opsm-table.table {
    margin: 0;
}

.opsm-table.table thead th {
    background-color: #e5e5e5;
    font-weight: normal;
}

.opsm-table.table th, .opsm-table.table td {
    border: 1px solid #e5e5e5;
    white-space: nowrap;
    padding: 0.75rem;
}

.opsm-table--wrapper {
    position: relative;
}

@media (max-width: 767.98px) {
    .opsm-table--wrapper {
        margin-right: -15px;
    }
}

.opsm-table--fixed {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: auto !important;
    margin: 0;
    background: #FFFFFF;
}

@media (min-width: 992px) {
    .opsm-table--fixed {
        display: none;
    }
}

.opsm-table--fixed th, .opsm-table--fixed td {
    width: inherit;
}

.opsm-table--fixed-column {
    width: inherit;
}

/*
  one column layout
*/
/**
 * QUOTES
 */
.opsm-quote.blockquote {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    background-size: cover;
    background-position: center center;
}

@media (min-width: 768px) {
    .opsm-quote.blockquote {
        padding: 30px;
    }
}

@media (min-width: 992px) {
    .opsm-quote.blockquote {
        padding: 40px 60px;
    }
}

.opsm-quote--title {
    font-size: 1.875rem;
    line-height: 1.17;
}

@media (min-width: 992px) {
    .opsm-quote--title {
        line-height: 1.29;
        font-size: 2.1875rem;
    }
}

/**
 * CTA
 */
.opsm-cta--small-width {
    max-width: 938px;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .opsm-cta .col-sm-6:first-child {
        padding-right: 10px;
    }

    .opsm-cta .col-sm-6:last-child {
        padding-left: 10px;
    }
}

@media (min-width: 992px) {
    .opsm-cta .col-sm-6:first-child {
        padding-right: 15px;
    }

    .opsm-cta .col-sm-6:last-child {
        padding-left: 15px;
    }
}

/**
 * LOGO LAYOUT
 */
.logo-layout--title {
    font-size: 1.875rem;
}

@media (min-width: 992px) {
    .logo-layout--title {
        font-size: 2.1875rem;
    }
}

.logo-layout--item {
    background: #F6F6F6;
    min-height: 150px;
}

.logo-layout--item:hover {
    opacity: 0.7;
}

@media (min-width: 768px) {
    .logo-layout--item {
        min-height: 160px;
    }
}

@media (min-width: 992px) {
    .logo-layout--item {
        min-height: 200px;
    }
}

.logo-layout--two .logo-layout--item {
    min-height: 205px;
    margin: 10px 0;
}

@media (min-width: 576px) {
    .logo-layout--two .logo-layout--item {
        min-height: 145px;
    }
}

@media (min-width: 992px) {
    .logo-layout--two .logo-layout--item {
        margin: 20px 5px;
        min-height: 250px;
    }
}

@media (min-width: 576px) {
    .logo-layout--two .col-sm-6 {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 992px) {
    .logo-layout--two .col-sm-6 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/**
 * COPY RIGHT
 */
.opsm-copy-right--item {
    margin-bottom: 30px;
}

.opsm-copy-right--item:last-child {
    margin-bottom: 0;
}

.opsm-copy-right--img {
    width: 110px;
    height: auto;
}

@media (min-width: 768px) {
    .opsm-copy-right--img {
        width: 166px;
        height: auto;
    }
}

@media (min-width: 992px) {
    .opsm-copy-right--img {
        width: 204px;
        height: auto;
        margin-right: 30px !important;
    }
}

@media (min-width: 992px) {
    .opsm-copy-right--wproduct .opsm-copy-right--img {
        margin-right: 0 !important;
        margin-bottom: 60px !important;
    }
}

.opsm-copy-right--title {
    font-size: 1.375rem;
}

@media (min-width: 992px) {
    .opsm-copy-right--title {
        font-size: 1.5rem;
    }
}

.opsm-copy-right--wproduct .opsm-copy-right--title {
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    .opsm-copy-lr--no-product .opsm-copy-right--title {
        margin-top: 50px !important;
    }
}

@media (min-width: 992px) {
    .opsm-copy-right--title-small-img {
        font-size: 1.5rem;
        margin-top: 20px !important;
    }
}

.opsm-copy-right--wproduct {
    margin-right: -15px;
    margin-left: -15px;
}

.opsm-copy-right--wproduct::after {
    display: block;
    clear: both;
    content: "";
}

.opsm-copy-right--wproduct--col {
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .opsm-copy-right--wproduct--col {
        float: left;
        width: 50%;
    }
}

@media (min-width: 768px) {
    .opsm-copy-right--wproduct--list {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .opsm-copy-right--wproduct--list {
        float: left;
        width: 50%;
    }
}

.opsm-copy-lr--no-product--item {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .opsm-copy-lr--no-product--wrapper {
        margin-top: 20px;
        margin-bottom: 5px;
    }
}

@media (min-width: 992px) {
    .opsm-copy-lr--no-product--wrapper {
        margin-top: 35px;
        margin-bottom: 20px;
    }
}

/**
 * Slideshow
 */
.opsm-slideshow .slick-arrow {
    width: 14px;
    height: 40px;
    background-size: contain;
    background-position: center;
    z-index: 10;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .opsm-slideshow .slick-arrow {
        width: 20px;
        height: 47px;
    }
}

.opsm-slideshow .slick-arrow:before {
    content: none;
}

.opsm-slideshow .slick-arrow.slick-prev {
    background-image: url("../images/icons/carousel-left.svg");
    left: -30px;
}

@media (min-width: 1200px) {
    .opsm-slideshow .slick-arrow.slick-prev {
        left: -40px;
    }
}

.opsm-slideshow .slick-arrow.slick-next {
    background-image: url("../images/icons/carousel-right.svg");
    right: -30px;
}

@media (min-width: 1200px) {
    .opsm-slideshow .slick-arrow.slick-next {
        right: -40px;
    }
}

.opsm-slideshow .slick-arrow.slick-arrow.slick-disabled {
    display: none !important;
}

.opsm-slideshow--full-width .slick-arrow.slick-prev {
    left: 20px;
}

@media (min-width: 992px) {
    .opsm-slideshow--full-width .slick-arrow.slick-prev {
        left: 30px;
    }
}

.opsm-slideshow--full-width .slick-arrow.slick-next {
    right: 20px;
}

@media (min-width: 992px) {
    .opsm-slideshow--full-width .slick-arrow.slick-next {
        right: 30px;
    }
}

@media (min-width: 768px) {
    .opsm-slideshow--medium .slick-arrow.slick-prev {
        left: 20px;
    }
}

@media (min-width: 992px) {
    .opsm-slideshow--medium .slick-arrow.slick-prev {
        left: 30px;
    }
}

@media (min-width: 768px) {
    .opsm-slideshow--medium .slick-arrow.slick-next {
        right: 20px;
    }
}

@media (min-width: 992px) {
    .opsm-slideshow--medium .slick-arrow.slick-next {
        right: 30px;
    }
}

.opsm-slideshow--slide {
    margin-left: 20px;
    margin-right: 20px;
}

.opsm-slideshow--full-width .opsm-slideshow--slide {
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .opsm-slideshow--medium .opsm-slideshow--slide {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.opsm-slideshow--slide img {
    width: 100%;
    height: auto;
}

.opsm-slideshow--slide-item {
    padding: 0;
}

.opsm-slideshow--grid .opsm-slideshow--slide-item {
    padding-left: 15px;
    padding-right: 15px;
}

/**
 * Tab Content
 */
.opsm-tab-content .nav {
    border-bottom: none;
}

.opsm-tab-content .nav.justify-content-center .nav-item {
    margin-left: 25px;
    margin-right: 25px;
}

.opsm-tab-content .nav.justify-content-center .nav-item:last-child {
    margin-right: 25px;
}

.opsm-tab-content .nav .nav-item {
    margin-right: 50px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .opsm-tab-content .nav .nav-item {
        margin-bottom: 0;
    }
}

.opsm-tab-content .nav .nav-item:last-child {
    margin-right: 0;
}

.opsm-tab-content .nav .nav-item .nav-link {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #2D2A26;
    font-size: 1.125rem;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .opsm-tab-content .nav .nav-item .nav-link {
        border-bottom: solid 3px transparent;
    }

    .opsm-tab-content .nav .nav-item .nav-link.active {
        border-bottom-color: #2D2A26;
    }
}

@media (min-width: 768px) {
    .opsm-tab-content .nav .nav-item .nav-link {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.opsm-tab-content--nav {
    position: relative;
}

@media (min-width: 768px) {
    .opsm-tab-content--nav {
        margin-bottom: 20px;
    }
}

.opsm-tab-content--underline {
    position: absolute;
    bottom: 0;
    height: 3px;
    background: #2D2A26;
    display: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media (min-width: 768px) {
    .opsm-tab-content--underline {
        display: block;
    }
}

/**
 * OPSM Videos
 */
.opsm-video--full-width {
    margin-left: -15px;
    margin-right: -15px;
}

.opsm-video .vjs-big-play-button {
    border: none !important;
    background: transparent !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

.opsm-video .vjs-big-play-button .vjs-icon-placeholder {
    font-size: 100px;
}

.opsm-video--heading {
    position: absolute;
    color: #FFFFFF;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 60px;
}

.vjs-has-started .opsm-video--heading {
    display: none;
}

@media (max-width: 767.98px) {
    .opsm-video--heading-below > .opsm-video--heading {
        color: #2D2A26;
        position: static;
    }

    .opsm-video--heading-below .video-js .opsm-video--heading {
        display: none;
    }
}

.column-layout h4 {
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1.08;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
body .error-content .error-img {
    text-align: center;
}

body .error-content p {
    margin-bottom: 0;
}

body .error-content ul {
    padding-left: 1rem;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.eye-test-booking--form {
    margin-bottom: 50px;
}

@media (min-width: 768px) {
    .eye-test-booking--form {
        margin-bottom: 70px;
    }
}

.eye-test-booking--summary {
    background-color: #edf3f9;
    padding: 20px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .eye-test-booking--summary {
        padding: 30px;
      /*
             * Since the main menu is sticky add header height to top position.
             */
        top: 153px;
        position: sticky;
        position: -webkit-sticky;
    }
}

@media (min-width: 992px) {
    .eye-test-booking--summary.affix {
        position: fixed !important;
        bottom: auto !important;
      /*
                * Since the main menu is sticky add header height to top position.
                */
        top: 153px;
    }

    .eye-test-booking--summary.affix-top, .eye-test-booking--summary.affix-bottom {
        left: 0;
        right: 0;
    }

    .eye-test-booking--summary.affix-bottom {
        position: absolute !important;
        left: 0;
        right: 0;
    }
}

.eye-test-booking--summary .eye-test-confirm--summary-list {
    display: block;
    padding: 0;
}

.eye-test-booking--summary .eye-test-confirm--summary-list > div:first-child::before {
    content: none;
}

.eye-test-booking--summary-title {
    font-size: 1.25rem;
    line-height: 1.5625rem;
}

.eye-test-booking--next-btn {
    width: 100%;
    cursor: pointer;
}

@media (min-width: 768px) {
    .eye-test-booking--next-btn {
        width: 254px;
    }
}

@media (min-width: 992px) {
    .eye-test-booking--title {
        font-size: 2.1875rem;
        line-height: 2.8125rem;
    }
}

.my-account-eye-tests .eye-test-confirm--summary-head h2 {
    font-size: 20px;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
@media (max-width: 991.98px) {
    .eye-test-confirm--brcr .breadcrumb {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.eye-test-confirm--page-subtitle {
    margin-bottom: 40px;
}

.eye-test-confirm--summary-list {
    padding: 28px 20px;
}

@media (min-width: 992px) {
    .eye-test-confirm--summary-list {
        padding: 32px 30px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 3fr 4fr;
        grid-template-columns: 3fr 4fr;
        gap: 86px;
    }

    .eye-test-confirm--summary-list > div:first-child {
        position: relative;
    }

    .eye-test-confirm--summary-list > div:first-child::before {
        content: '';
        position: absolute;
        top: 0;
        right: -23px;
        width: 1px;
        height: 100%;
        background-color: #e5e5e5;
        display: block;
    }
}

.eye-test-confirm--summary {
    border: 1px solid #E5E5E5;
}

@media screen and (max-width: 992px) {
    .eye-test-confirm--summary {
        position: relative;
        padding-bottom: 220px;
    }
}

.eye-test-confirm--summary-title {
    font-weight: 700;
    text-transform: uppercase;
}

.eye-test-confirm--summary-link {
    font-size: 0.875rem;
}

.eye-test-confirm--summary-head {
    font-size: 20px;
    line-height: 26px;
    padding: 15px 30px;
    border-bottom: 1px solid #E5E5E5;
}

@media screen and (max-width: 992px) {
    .eye-test-confirm--summary-head {
        padding: 20px;
    }
}

.eye-test-confirm--summary-head h2 {
    font-size: 20px;
    line-height: 26px;
}

@media screen and (max-width: 992px) {
    .eye-test-confirm--summary-head .eye-test-confirm--buttons {
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        width: 100%;
        padding: 40px 20px;
        row-gap: 16px;
    }

    .eye-test-confirm--summary-head .eye-test-confirm--buttons .booking-form {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        width: 100%;
    }

    .eye-test-confirm--summary-head .eye-test-confirm--buttons .booking-form .btn {
        text-decoration: none;
        text-transform: uppercase;
        border: 2px solid #2D2A26;
        border-radius: 24px;
        height: 48px;
        width: 100%;
    }

    .eye-test-confirm--summary-head .eye-test-confirm--buttons .booking-form .btn .button--label {
        font-weight: 700;
    }

    .eye-test-confirm--summary-head .eye-test-confirm--buttons .button {
        width: 100%;
        height: 48px;
        padding: 8px;
    }

    .eye-test-confirm--summary-head .eye-test-confirm--buttons .g-recaptcha {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}

.eye-test-confirm--calendar-cta {
    display: block;
    width: 100%;
}

@media (min-width: 768px) {
    .eye-test-confirm--calendar-cta {
        display: block;
        width: 224px;
    }
}

@media (min-width: 992px) {
    .eye-test-confirm--calendar-cta {
        display: block;
        width: 100%;
        margin-top: 20px;
    }
}

.eye-test-confirm--calendar-cta .addeventatc_icon {
    display: none !important;
}

.eye-test-confirm--calendar-cta.addeventatc {
    background: transparent;
    padding: 13px 20px;
    border: none;
}

.eye-test-confirm--calendar-cta.addeventatc:hover {
    border: none;
}

.eye-test-confirm--calendar-cta.addeventatc .button--label {
    font-weight: bold;
    font-size: 1rem;
}

.eye-test-confirm--calendar-cta.addeventatc .addeventatc_dropdown {
    width: 100%;
    border: solid 1px #999999;
    margin-top: 2px;
    border-radius: 0;
    box-shadow: none;
}

.eye-test-confirm--calendar-cta.addeventatc.addeventatc-selected {
    border: none;
}

.eye-test-confirm--calendar-cta.addeventatc.addeventatc-selected:before {
    width: 0;
}

.eye-test-confirm--calendar-cta.addeventatc.addeventatc-selected:after {
    height: 0;
}

.eye-test-confirm--calendar-cta.addeventatc.addeventatc-selected .button--label:after {
    height: 0;
}

.eye-test-confirm--remind {
    background-color: #F6F6F6;
    padding: 20px;
}

@media (min-width: 768px) {
    .eye-test-confirm--remind {
        padding: 30px;
    }
}

@media (min-width: 992px) {
    .eye-test-confirm--remind {
        height: 100%;
    }
}

.eye-test-confirm--remind-title {
    font-size: 1.25rem;
    line-height: 1.5625rem;
    letter-spacing: 1px;
}

@media (min-width: 768px) {
    .eye-test-confirm--remind-item {
        margin-top: 30px;
    }
}

.eye-test-confirm--remind-icon {
    width: 50px;
    margin-right: 15px;
    text-align: center;
}

@media (min-width: 768px) {
    .eye-test-confirm--remind-icon {
        width: 60px;
        margin-right: 30px;
    }
}

.eye-test-confirm--remind-icon img {
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.eye-test-confirm--remind-icon--small img {
    width: 40px;
}

@media (min-width: 768px) {
    .eye-test-confirm--remind-icon--small img {
        width: 48px;
    }
}

.eye-test-confirm--buttons {
    margin-top: 20px;
    margin-bottom: 50px;
}

.eye-test-confirm--buttons .button {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .eye-test-confirm--buttons .button {
        display: inline-block;
        width: auto;
        margin-right: 15px;
        vertical-align: middle;
    }
}

.eye-test-confirm--page-title {
    font-size: 25px;
    line-height: 32px;
}

@media (min-width: 992px) {
    .eye-test-confirm--page-title {
        font-size: 30px;
        line-height: 39px;
    }
}

@media (min-width: 992px) {
    .eye-test-confirm--page-subtitle {
        max-width: 900px;
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 992px) {
    .baet-confirm-page .container-fluid {
        padding-right: 64px;
        padding-left: 64px;
    }
}

@media screen and (max-width: 992px) {
    .baet-confirm-page .breadcrumb {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.baet-confirm-page .opsm-breadcrumb {
    margin-left: 0;
    margin-right: 0;
}

@media screen and (max-width: 992px) {
    .baet-confirm-page .eye-test-confirm--summary {
        padding-bottom: 32px;
    }
}

@media screen and (max-width: 992px) {
    .baet-confirm-page .eye-test-confirm--buttons {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 24px;
    }

    .baet-confirm-page .eye-test-confirm--buttons .btn, .baet-confirm-page .eye-test-confirm--buttons .button {
        width: 100%;
    }
}

.baet-confirm-page .eye-test-confirm--summary-list {
    padding-bottom: 0;
}

@media screen and (max-width: 992px) {
    .baet-confirm-page .eye-test-confirm--summary-list {
        padding-bottom: 160px;
    }
}

.baet-confirm-page .guest-confirm-cta {
    padding-bottom: 0;
}

.questionnaire-box {
    background-color: #EDF3F8;
    padding: 32px 20px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    row-gap: 24px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    .questionnaire-box {
        padding: 24px 30px;
        margin-bottom: 32px;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.baet-manage-booking .opsm-breadcrumb {
    margin-left: 0;
    margin-right: 0;
}

.eye-test-confirm--buttons.cancel-page-btn-wrapper {
    margin-bottom: 220px;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.filter--sticky-section {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9;
    -webkit-transition: .45s ease-in-out top;
    transition: .45s ease-in-out top;
    background-color: #fff;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.filter--sticky-section.sticky {
    box-shadow: 0 10px 10px 0 #00000005;
    z-index: 999;
}

.filter--sticky-section.sticky .filter--sorting-section {
    border-bottom: 0;
}

.filter--sticky-section.sticky.header-visible {
    top: 94px;
    box-shadow: 0 10px 10px 0 #00000005;
    top: 90px;
    z-index: 999;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    border-top: 1px solid #e5e5e5;
}

.filter--sticky-section.sticky.header-visible .filter--sorting-section {
    border-bottom: 0;
}

.filter--sorting-section {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto max-content;
    grid-template-columns: auto max-content;
    padding-bottom: 24px;
    padding-top: 24px;
    border-bottom: 1px solid #e5e5e5;
    position: -webkit-sticky;
    position: sticky;
    z-index: 999;
    background-color: #fff;
    top: 0;
}

@media screen and (max-width: 992px) {
    .filter--sorting-section {
        border-top: 1px solid #e5e5e5;
        padding: 0;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 992px) {
    .filter--sorting-section .vto-toggle {
        display: none;
    }
}

.filter--toggle {
    padding: 8px 32px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    height: 40px;
    border-radius: 40px;
    background-color: #2D2A26;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}

@media screen and (max-width: 992px) {
    .filter--toggle {
        background-color: transparent;
        color: #2d2a26;
        font-size: 14px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .filter--toggle:hover {
        color: #2D2A26;
    }
}

.filter--toggle:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/filter-ico.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 992px) {
    .filter--toggle:after {
        -webkit-filter: invert(1);
        filter: invert(1);
    }
}

.filter--toggle:hover, .filter--toggle:focus {
    color: #fff;
}

.filter-description {
    text-transform: none;
    font-size: 14px;
}

.filters .modal-dialog {
    margin: 0;
    margin-right: auto;
    max-width: 100%;
    width: 625px;
}

.filters--inner {
    background-color: #fff;
    padding: 40px;
    padding-bottom: 0;
    position: relative;
    max-height: calc(100 * var(--vh));
    height: calc(100 * var(--vh));
    overflow-y: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 992px) {
    .filters--inner {
        padding: 24px;
        padding-bottom: 110px;
    }
}

.filters--inner .badge-pill {
    padding: 8px 12px;
    border-radius: 40px;
    border: 1px solid #2d2a26;
    background-color: #f7f6f4;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    height: 40px;
    text-transform: capitalize;
}

.filters--close-btn {
    top: 24px;
    right: 24px;
    position: absolute;
    padding: 0;
    width: 24px;
    height: 24px;
}

.filters--header h4 {
    font-family: 'Barlow';
    font-size: 28px;
    font-weight: 700;
    color: #2d2a26;
    line-height: 36px;
    margin-bottom: 16px;
}

.filters .card-title {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #2d2a26;
}

.filters--content .card-header {
    background-color: transparent;
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 0;
    position: relative;
    cursor: pointer;
}

.filters--content .card-header .icon-chevron-thin-right {
    -webkit-transform: rotate(-90deg) translateX(50%);
    -ms-transform: rotate(-90deg) translateX(50%);
    transform: rotate(-90deg) translateX(50%);
    position: absolute;
    right: 0;
    top: 50%;
    padding: 0;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.filters--content .card-header .icon-chevron-thin-right.collapsed {
    -webkit-transform: rotate(90deg) translateX(-50%);
    -ms-transform: rotate(90deg) translateX(-50%);
    transform: rotate(90deg) translateX(-50%);
}

.filters--content .card-body {
    padding: 0;
    margin-bottom: 24px;
}

.filters--content .opsm-custom-control-dark {
    padding-left: 32px;
    margin-bottom: 16px;
    text-transform: capitalize;
}

.filters--content .opsm-custom-control-dark.custom-control .custom-control-label {
    position: static;
}

.filters--content .opsm-custom-control-dark.custom-control .custom-control-label:before,
  .filters--content .opsm-custom-control-dark.custom-control .custom-control-label:after,
  .filters--content .opsm-custom-control-dark.custom-control .custom-control-input:checked ~ .custom-control-label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    left: 0;
}

.filters--content .opsm-custom-control-dark .filter-qty {
    color: #999;
    margin-left: 8px;
}

.filters--search-wrapper {
    background-color: #f6f6f6;
    height: 40px;
    border-radius: 36px;
    padding: 5px 12px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 15px 1fr;
    grid-template-columns: 15px 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.filters--search-wrapper .icon-search {
    color: #B58B34;
    font-size: 15px;
}

.filters--search-wrapper .filters--search-input {
    border: 0;
    background-color: transparent;
    color: #2D2A26;
}

.filters--search-wrapper .filters--search-input::-webkit-input-placeholder {
    color: #999;
}

.filters--search-wrapper .filters--search-input::-moz-placeholder {
    color: #999;
}

.filters--search-wrapper .filters--search-input:-ms-input-placeholder {
    color: #999;
}

.filters--search-wrapper .filters--search-input::placeholder {
    color: #999;
}

.filters--search-wrapper .filters--search-input:focus {
    outline: none;
}

.filters--apply-btn {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    margin: 20px -40px 0;
    padding: 24px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(270px, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 16px;
}

@media screen and (max-width: 992px) {
    .filters--apply-btn {
        margin: 0;
        -ms-grid-columns: (minmax(155px, 1fr))[auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
        position: fixed;
        left: 0;
        width: 100%;
    }
}

.filters--apply-btn .button {
    max-width: 278px !important;
    margin: 0 auto;
}

@media screen and (max-width: 992px) {
    .filters--apply-btn .button {
        min-width: 155px !important;
        padding-left: 0;
        padding-right: 0;
    }
}

.filters--selected-filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.filters--selected-filters.show {
    margin-bottom: 32px;
}

.filters--result-item-remove {
    background-color: #2d2a26;
    color: #fff;
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    padding-top: 1px;
}

.filters--result-item-remove .icon-close-fat {
    line-height: 0;
    font-size: 8px;
}

.filters--box {
    border: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.filters--box .custom-control-label {
    font-size: 14px;
}

.filters .filters--box--top {
    border-top: 0;
}

.filters .card-title {
    margin-bottom: 0;
}

.filters--slider-range {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.filters--slider-range.ui-widget.ui-widget-content {
    border: none;
    background-color: #999;
    height: 4px;
    border-radius: 2px;
}

.filters--slider-range .ui-widget-header {
    background-color: #B58B34;
}

.filters--slider-range .ui-slider-handle {
    border: none;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-image: url("../images/icons/drag-slider.svg");
    background-color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    margin-left: -11.5px;
    top: -10px;
    cursor: -webkit-grab;
    cursor: grab;
}

.filters--slider-range .ui-slider-handle:focus {
    outline: none;
}

.filters--slider-range .ui-slider-handle.ui-state-active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.filters--slider-handle--01 {
    margin-left: -13px;
}

.filters--slider-handle--02 {
    margin-right: -13px;
}

.filters--slider {
    padding: 16px 13px;
}

.filters--slider-handle-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 33px;
    width: 80px;
    height: 48px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.filters--slider-handle-wrapper:before {
    content: '$';
    display: inline-block;
    font-size: 16px;
    color: #2d2a26;
    font-weight: 600;
    font-family: Barlow;
}

.filters--slider-handle-wrapper .filters--slider-handle-text {
    white-space: nowrap;
    position: static;
    padding: 0;
    font-size: 16px;
    color: #2d2a26;
    font-weight: 600;
    font-family: 'Barlow';
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
    border: none;
    background-color: transparent;
    text-align: center;
}

.filters--slider-handle-wrapper .filters--slider-handle-text:focus {
    outline: none;
    box-shadow: none;
}

.filters--slider-handle-wrapper .filters--slider-handle-text::-webkit-outer-spin-button, .filters--slider-handle-wrapper .filters--slider-handle-text::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.filters--slider-handle-wrapper.filters--slider-handle--01 .filters--slider-handle-text {
    width: 2ch;
}

.filters--slider-handle-wrapper.filters--slider-handle--02 .filters--slider-handle-text {
    width: 3ch;
}

.filters--discount-wrapper .filters--checkbox-text {
    text-transform: lowercase;
}

.filters--pill .custom-control-input:checked + .custom-control-label {
    border-color: #2D2A26;
    position: relative;
    background-color: #F7F6F4;
}

.filters--pill .custom-control-input:checked + .custom-control-label:after {
    content: "\e906";
    font-family: 'icomoon';
    position: relative;
    left: auto;
    top: auto;
    background-color: #2d2a26;
    color: #fff;
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    line-height: 0;
    font-size: 8px;
    margin-left: 4px;
}

.filters--pill .custom-control-input:checked + .custom-control-label .filter-qty {
    color: #2d2a26;
}

.filters--pill .custom-control-label {
    border: 1px solid #e5e5e5;
    border-radius: 40px;
    padding: 7px 12px;
    gap: 4px;
    font-size: 14px;
    text-transform: capitalize;
    height: 40px;
}

.filters--pill .custom-control-label .filters--checkbox-icon {
    width: 24px;
    margin-right: 4px;
}

.filters--pill .custom-control-label .catalogue-color {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.filters--pill .custom-control-label .filter-qty {
    color: #999;
}

.filters--pill .custom-control-label:before,
.filters--pill .custom-control-label:after {
    content: none;
}

.filters #filter-box-frameshape .card-body,
.filters #filter-box-framecolor .card-body,
.filters #filter-box-lenscolor .card-body,
.filters #filter-box-faceshape .card-body,
.filters #filter-box-rim .card-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
}

.filters--selected-filters-grid {
    border-radius: 40px;
    background-color: #F7F6F4;
    display: none;
    padding: 8px 24px;
    padding-right: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .filters--selected-filters-grid {
        display: none !important;
    }
}

.filters--selected-filters-grid.show {
    display: -ms-grid;
    display: grid;
    margin-top: 24px;
    -ms-grid-columns: max-content auto max-content;
    grid-template-columns: max-content auto max-content;
}

.filters--selected-filters-grid .filters--selected-filters {
    margin-bottom: 0;
    gap: 0;
    overflow-x: auto;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.filters--selected-filters-grid .filters--selected-filters::-webkit-scrollbar {
    display: none;
}

.filters--selected-filters-grid .filters--result-item {
    padding: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    text-transform: capitalize;
    border-right: 1px solid #e5e5e5;
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
}

.filters--selected-filters-grid .filters--result-item:last-child {
    margin-right: 45px;
}

.filters--selected-filters-grid .filters--result-item .filters--checkbox-icon {
    max-width: 30px;
}

.filters--selected-filters-grid .filters--selected-filters-arrow {
    position: absolute;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    width: 24px;
    height: 24px;
    padding: 1px 0 0 2px;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    right: 145px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.filters--selected-filters-grid .filters--btn-reset {
    border-radius: 0px 60px 60px 0px;
    background: #f7f6f4;
    padding: 8px 24px;
    height: calc(100% + 16px);
}

.filters--selected-filters-grid .filters--btn-reset.overflow-btn {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

#filters {
    opacity: 1;
}

#filters .modal-dialog {
    left: 0px;
    opacity: 1;
    -webkit-transform: translate(-100%, 0) scale(1);
    -ms-transform: translate(-100%, 0) scale(1);
    transform: translate(-100%, 0) scale(1);
}

@media screen and (max-width: 992px) {
    #filters .modal-dialog {
        left: -100vw;
        -webkit-transform: translateX(-100vw);
        -ms-transform: translateX(-100vw);
        transform: translateX(-100vw);
    }
}

#filters.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    left: 0;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.vto-toggle {
    border-right: 1px solid #e5e5e5;
    padding-left: 0;
    padding-right: 16px;
    white-space: nowrap;
}

@media screen and (max-width: 992px) {
    .vto-toggle {
        border-right: 0;
    }
}

.vto-toggle .custom-control-label {
    padding-right: 52px;
    font-weight: 600;
}

@media screen and (max-width: 992px) {
    .vto-toggle .custom-control-label {
        padding-right: 0;
        padding-left: 52px;
        font-size: 14px;
    }
}

.vto-toggle .custom-control-label::before {
    right: 0;
    position: absolute;
    left: auto;
    width: 44px;
    height: 24px;
    border-radius: 24px;
    border: none;
    background-color: #ccc;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.5s ease background-color;
    transition: 0.5s ease background-color;
}

@media screen and (max-width: 992px) {
    .vto-toggle .custom-control-label::before {
        right: auto;
        left: 0;
    }
}

.vto-toggle .custom-control-label::after {
    left: auto;
    right: 22px;
    top: 50%;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.5s ease right;
    transition: 0.5s ease right;
}

@media screen and (max-width: 992px) {
    .vto-toggle .custom-control-label::after {
        right: auto;
        left: 2px;
    }
}

.vto-toggle .custom-control-input:checked + .custom-control-label::after {
    right: 2px;
}

@media screen and (max-width: 992px) {
    .vto-toggle .custom-control-input:checked + .custom-control-label::after {
        left: 22px;
        right: auto;
    }
}

.vto-toggle .custom-control-input:checked + .custom-control-label::before {
    background-color: #2d2a26;
    border: none;
}

.vto-toggle .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
    border-color: transparent;
}

.filter-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}

.filter--grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}

@media screen and (max-width: 992px) {
    .filter--grid {
        display: none;
    }
}

.filter--grid .filters--box {
    border: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: transparent;
    position: relative;
}

.filter--grid .filters--box .card-header {
    background-color: transparent;
    border-radius: 40px;
    border: 1px solid #2D2A26;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    width: 150px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}

.filter--grid .filters--box .card-header .card-title {
    margin-bottom: 0;
    font-weight: 600;
}

.filter--grid .filters--box .card-header .icon {
    font-size: 16px;
    padding: 0;
    font-weight: bold;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.5s ease transform;
    transition: 0.5s ease transform;
}

.filter--grid .filters--box .card-header .icon.collapsed {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    padding-left: 2px;
}

.filter--grid .filters--box .card-body-wrapper {
    position: absolute;
    top: 100%;
    z-index: 1;
    background-color: #fff;
    width: 320px;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid #2d2a26;
    border-radius: 16px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.filter--grid .filters--box .card-body-wrapper::-webkit-scrollbar {
    display: none;
}

.filter--grid .filters--box .card-body {
    display: -ms-grid;
    display: grid;
    gap: 16px;
}

.filter--grid .filters--box .filters--search-wrapper {
    margin-bottom: 8px;
}

.filter--grid .filters--box .filters--checkbox-text {
    text-transform: capitalize;
}

.filter--grid .filters--box .filter-qty {
    color: #999;
}

.filter--grid .filters--box .custom-control-label {
    gap: 8px;
}

#filter-box-brand-dropdown::-webkit-scrollbar {
    display: initial;
    background-color: transparent;
    width: 14px;
}

#filter-box-brand-dropdown::-webkit-scrollbar-thumb {
    border: 5px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 8px;
    background-color: #CCCCCC;
}

#filter-box-brand-dropdown::-webkit-scrollbar-track {
    margin-top: 70px;
    margin-bottom: 10px;
}

#filter-box-brand-dropdown:after {
    content: '';
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    display: block;
    height: 40px;
    width: 100%;
    background: -webkit-linear-gradient(bottom, #FFF 20.91%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, #FFF 20.91%, rgba(255, 255, 255, 0) 100%);
}

#filter-box-brand-dropdown .card-body {
    margin-bottom: -30px;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
@media screen and (min-width: 980px) and (max-width: 1200px) {
    .button {
        height: auto;
    }

    .button .button--label {
        font-size: 0.75rem;
        text-overflow: clip;
        overflow: auto;
        white-space: normal;
    }

    .small-line-height {
        line-height: 1rem;
    }

    body #main #myaccount-area.contents #purchase-list {
        width: calc(100% - 250px);
        max-width: calc(100% - 250px);
    }

    body #main #myaccount-area.contents #purchase-list .main-account {
        width: 100%;
        max-width: 100%;
    }

    .details-btn {
        line-height: 1rem;
        width: 110px !important;
    }

    .custom-justify {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .seall {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 345px) {
    #btn-toggle-sidemenu {
        padding: 0;
    }
}

@media screen and (max-width: 600px) {
    .select-store--item--marker {
        min-width: 26px;
    }
}

@media screen and (max-width: 991px) {
    .reorder-button--dsk {
        display: none !important;
    }
}

@media screen and (min-width: 992px) {
    .reorder-button--dsk {
        display: block;
        padding-left: 8px;
        padding-right: 8px;
        min-width: 150px !important;
    }

    .reorder-button--dsk .button--label {
        font-size: .7rem !important;
        line-height: 16px;
    }
}

@media screen and (min-width: 1200px) {
    .reorder-button--dsk {
        padding-left: 8px;
        padding-right: 8px;
        line-height: 29px;
    }
}

.button--secondary--gold:after, .button--secondary--gold:before {
    background-color: #b58b34;
}

.button--secondary--gold .button--label:after, .button--secondary--gold .button--label:before {
    background-color: #b58b34;
}

ul.ui-autocomplete .ui-menu-item {
    cursor: default;
    padding: 0 4px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e5e5e5;
    font-size: 14px;
    color: #999999;
    position: relative;
    padding-left: 20px;
}

ul.ui-autocomplete .ui-menu-item:before {
    content: '';
    position: absolute;
    left: 2px;
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size: 34px;
    background-position: -1px -161px;
}

ul.ui-autocomplete .ui-menu-item:hover {
    background-color: #F6F6F6;
}

ul.ui-autocomplete .ui-menu-item-wrapper {
    padding: 8px;
}

ul.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    border: none;
    padding: 8px;
    margin: 0;
    background-color: transparent;
}

@media screen and (max-width: 768px) {
    #myaccount-area.contents .main-account {
        padding-right: 0;
    }

    .product--sliders #slide-main {
        margin-bottom: 0;
        min-height: 344px;
    }

    .product--modal-subscription-plan .modal-lg .modal-body {
        padding: 16px;
    }
}

@media screen and (max-width: 1200px) {
    body #main #myaccount-area.contents .prescription-details .prescription-details-body .table-col .prescription-data tr {
        -webkit-box-flex: 100%;
        -webkit-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    body #main #myaccount-area.contents .prescription-details .prescription-details-body .table-col .prescription-data td {
        -webkit-box-flex: 33%;
        -webkit-flex: 33%;
        -ms-flex: 33%;
        flex: 33%;
        width: 33%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        min-height: 42px;
    }

    body .product--primary-img, body .product--secondary-img {
        height: auto;
    }

    body .product--img img {
        height: auto;
    }
}

@media screen and (max-width: 480px) {
    body #main #myaccount-area.contents .prescription-details-row .prescription-details {
        width: calc(100vw - 30px);
        margin-left: -16px;
    }
}

@media only screen and (max-width: 559px) {
    .product--info-area .row > .col-md-6.col-lg-4.product--sidebar-col {
        margin-top: 30px;
    }
}

/**
    MIXINS
 */
/**
    FUNCTIONS
 */
/**
Colors
 */
/**
Styles
 */
.footer {
    background: #2D2A26;
    padding: 25px 15px 75px;
    color: #FFFFFF;
}

@media (min-width: 576px) {
    .footer {
        padding-top: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (min-width: 1200px) {
    .footer {
        padding-left: 45px;
        padding-right: 45px;
    }
}

.footer a {
    color: #FFFFFF;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.footer a:active, .footer a:focus, .footer a:hover {
    color: #AAAAAA;
}

.footer--top {
    margin-bottom: 10px;
}

@media (min-width: 576px) {
    .footer--top {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .footer--top {
        margin-bottom: 30px;
    }
}

.footer--logo {
    padding-top: 5px;
    padding-bottom: 10px;
}

.footer--logo img {
    width: 110px;
    height: auto;
}

@media (min-width: 576px) {
    .footer--logo img {
        width: 140px;
    }
}

@media (min-width: 1200px) {
    .footer--logo img {
        width: 152px;
    }
}

.footer--list-links {
    /**
        * Remove line heighting from anchor items (which was used for spacing
        * between the list items) and set line height and padding to li tag.
        */
}

.footer--list-links > li {
    line-height: 1rem;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 576px) {
    .footer--list-links > li {
        padding-top: 9px;
        padding-bottom: 9px;
    }
}

.footer--list-links a {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 0.875rem;
      /* line-height: px2rem(30px); */
      /*
            @include media-breakpoint-up(sm) {
                line-height: px2rem(35px);
            }
            */
}

.footer--list-links a:hover, .footer--list-links a:active, .footer--list-links a:focus {
    text-decoration: none;
    color: #AAAAAA;
}

@media (min-width: 768px) {
    .footer--list-links a {
        font-size: 1rem;
          /* line-height: px2rem(36px); */
    }
}

.footer--social-links .btn-link {
    color: #FFFFFF;
    font-size: 1.875rem;
    padding: 0;
    margin-left: 25px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.footer--social-links .btn-link:hover, .footer--social-links .btn-link:active, .footer--social-links .btn-link:focus {
    text-decoration: none;
}

.footer--subscribe-form {
    margin-top: 10px;
    max-width: 390px;
}

@media (min-width: 576px) {
    .footer--subscribe-form {
        margin-top: 20px;
        margin-bottom: 40px;
    }
}

.footer--subscribe-form .form-control {
    border-radius: 0;
    box-shadow: none;
    border: none;
    height: 40px;
}

.footer--subscribe-form .btn {
    border-radius: 0;
    height: 40px;
    border: none;
}

.footer--subscribe-form .btn:focus {
    box-shadow: none;
}

.footer--subscribe-form .btn.btn-default {
    background: #FFFFFF;
}

.footer--shopping-from-list .list-inline-item {
    margin-right: 30px;
}

.footer--shopping-from-list .list-inline-item.active a,
    .footer--shopping-from-list .list-inline-item.active span {
    pointer-events: none;
    border-bottom: solid 2px #FFFFFF;
}

.footer--module {
    margin-bottom: 30px;
}

.footer--module-title {
    font-size: 1rem;
}

@media (min-width: 768px) {
    .footer--module-title {
        font-size: 1.125rem;
    }
}

.footer--module-text {
    font-size: 0.875rem;
    line-height: 1.125rem;
}

@media (min-width: 576px) {
    .footer--module-text {
        font-size: 1rem;
        line-height: 1.375rem;
    }
}

.footer--payment {
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer--payment-logos {
    margin-bottom: 5px;
}

.footer--payment-logos .list-inline-item {
    margin-right: 5px;
    margin-bottom: 5px;
}

.footer--payment-logos img {
    height: 30px;
    width: auto;
}

.footer--payment-description {
    font-size: 0.75rem;
    line-height: 1rem;
}

@media (min-width: 1200px) {
    .footer--payment-description {
        margin-left: 20px;
    }
}

.footer--site-info {
    margin-top: 15px;
    padding: 25px 0;
    border-top: 2px solid #AAAAAA;
    font-size: 0.75rem;
    line-height: 1rem;
}

.footer--site-info-links {
    margin-bottom: 25px;
}

.footer--site-info-links .list-inline-item {
    margin-right: 20px;
}

.footer--sticky-banner {
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
    background: #2d2a26;
    padding: 11px 50px;
    padding-bottom: calc(11px + env(safe-area-inset-bottom));
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    display: none;
}

.footer--sticky-banner-close-btn {
    position: absolute;
    right: 5px;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #FFFFFF;
}

.footer--sticky-banner-close-btn:hover, .footer--sticky-banner-close-btn:active, .footer--sticky-banner-close-btn:focus {
    text-decoration: none;
}

.footer--sticky-banner-close-btn .icon-close {
    line-height: 27px;
}

.footer--sticky-banner-text {
    text-align: center;
}



/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
body #content .contact-us div[class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

body #content .container-fluid .row div[class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

body #content #full-image-body .product--slider-main.slick-dotted {
    margin-bottom: 0;
}

body #content #full-image-body .product--slider-main.slick-dotted .slick-dots {
    bottom: unset;
}

body .product--polarised img {
    width: 59px;
    height: 59px;
}

@media (max-width: 991.98px) {
    body .prescription-eye .form-control-plaintext {
        padding-left: 0;
        padding-right: 0;
    }
}

body .popular-products--inner .slick-slide {
    margin: 0 10px;
}

@media screen and (max-width: 992px) {
    body .popular-products--inner .slick-slide {
        margin: 0 4px;
    }
}

body .header-pix {
    margin-bottom: 2rem;
}

body .button,
body .button.button--primary,
body .button.button--secondary {
    width: auto;
    min-width: 200px;
    max-width: initial;
    height: auto;
}

body .button .button--label,
  body .button.button--primary .button--label,
  body .button.button--secondary .button--label {
    white-space: normal;
}

body .opsm-bordered-div {
    border: 1px solid #e5e5e5;
    padding: 0.8rem 1rem;
}

body .opsm-bordered-div p {
    margin: 0;
}

body .opsm-bordered-div a,
  body .opsm-bordered-div span {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
}

body .opsm-bordered-div a.button--label,
    body .opsm-bordered-div span.button--label {
    line-height: 29px;
}

body .opsm--newheading {
    text-align: left;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 20px;
    padding-top: 50px;
}

body .rowmargin {
    margin-left: 40px;
    margin-right: 40px;
}

body .sm-img {
    max-width: 24px;
}

body .md-img {
    max-height: 30px;
}

body .small {
    font-size: 14px;
}

body .medium {
    font-size: 16px;
}

@media screen and (max-width: 992px) {
    body .order-1-sm {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}

body .main-columnrow {
    position: relative;
}

body .main-columnrow .greybox.hidden-mobile .row {
    width: 100%;
}

body .main-columnrow .greybox.hidden-mobile .col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

body .main-columnrow .greybox.hidden-mobile .col img {
    height: 24px;
    margin-right: 8px;
}

body .main-columnrow .greybox.hidden-mobile .col p img {
    margin: 0;
}

body .strong {
    font-weight: bold;
}

body .opsm-bordered-fluid-div {
    border: 1px solid #CCCCCC;
}

body .opsm-bordered-fluid-div.opsm-bordered-active {
    border: 2px solid #000000;
}

body .opsm-bordered-fluid-div .button {
    width: 100%;
}

body .opsm-bordered-fluid-div .small-text {
    line-height: 1.29;
    font-size: 0.875rem;
}

body .opsm-bordered-fluid-div .div-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

body .opsm-bordered-fluid-div .div-flex.flex-items-baseline {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

body .opsm-bordered-fluid-div .div-flex.flex-items-top {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

body .opsm-bordered-fluid-div .div-flex.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

body .opsm-bordered-fluid-div .div-flex img.plus {
    max-width: 48px;
    opacity: 0.6;
}

body .opsm-bordered-fluid-div .div-flex p {
    margin: 0;
}

body .opsm-bordered-fluid-div .bordered-a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 200px;
    height: 100%;
    text-align: center;
    font-size: 1rem;
    align-items: center;
    line-height: 1.56rem;
    color: #999999;
    text-transform: uppercase;
}

body .opsm-bordered-fluid-div .opsm-bordered-header {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 1rem;
    padding: 1rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

body .opsm-bordered-fluid-div .opsm-bordered-header a {
    cursor: pointer;
}

body .opsm-bordered-fluid-div .opsm-bordered-header h4 {
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
}

body .main-wrapper-page .opsm--newheading {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 2.5rem;
    padding-bottom: 1.25rem;
    width: 100%;
    display: block;
}

body .float-div {
    float: left;
    width: 100%;
    position: relative;
}

body .btn-block {
    width: 100%;
    max-width: 100%;
}

body .pull-right {
    float: right;
}

body .nopaddingright {
    padding-right: 0;
}

body .nopaddingleft {
    padding-left: 0;
}

body .nopadding {
    padding: 0;
}

body .pull-left {
    float: left;
}

body .greybox {
    background-color: #F6F6F6;
    border: solid 1px #CCCCCC;
    padding: 1rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

body .greybox.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

body .greybox i.icon-check {
    font-size: 12px;
    margin-top: 6px;
    margin-right: 10px;
}

body .greybox p {
    margin-bottom: 0;
}

body .only-mobile {
    display: none;
}

body .no-mobile {
    display: block;
}

body .back-btn {
    margin-top: 1rem;
    margin-bottom: 0;
}

body .opsm-bordered-div {
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}

body .paddingdiv {
    padding: 0 2.5rem;
}

body .paddingdiv-left {
    padding-left: 2.5rem;
}

body .paddingdiv-right {
    padding-right: 2.5rem;
}

body .border-div-top {
    border-top: 1px solid #CCCCCC;
    padding-top: 1rem;
}

body img {
    max-width: 100%;
}

body a.opsm-modal-link.only-text-btn,
body button.opsm-modal-link.only-text-btn {
    cursor: pointer;
}

body .small-lineheight {
    line-height: 1.25rem;
}

body .greybox .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background: #FFFFFF;
}

body .greybox .custom-control-input:disabled ~ .custom-control-label {
    color: #000000;
}

body .a-toggle {
    width: 30px;
    height: 30px;
    background-image: url("../images/icons/minus@3x.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

body .collapsed .a-toggle {
    background-image: url("../images/icons/plus@3x.png");
}

body .button i.ico,
body .button img.ico {
    position: absolute;
    left: 20px;
    top: 15px;
}

body .button-fluid {
    width: auto !important;
    max-width: none !important;
    min-width: unset !important;
}

body .underline {
    text-decoration: underline;
}

body .line-through {
    text-decoration: line-through;
}

body .pointer {
    cursor: pointer;
}

body .grey {
    color: #999999;
}

body .red {
    color: #E1523E;
}

body .green {
    color: #11b683;
}

body .green-dark {
    color: #3F8350;
}

body .grey-dark {
    color: #666;
}

body .red-dark {
    color: #B63535;
}

body .gold {
    color: #b58b34;
}

body .red-border {
    border-color: #E1523E !important;
}

body .rounded-smooth {
    border-radius: 16px;
}

body .overflow-text {
    overflow-wrap: anywhere;
}

body .top-right {
    top: 0;
    right: 0;
}

body .top-50 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

body .mw-50 {
    max-width: 50%;
}

body .border-thick {
    border-width: 2px !important;
}

@media screen and (min-width: 992px) {
    body .border-bottom-lg {
        border-bottom: 1px solid #dee2e6;
    }

    body .border-top-lg {
        border-top: 1px solid #dee2e6;
    }

    body .border-left-lg {
        border-left: 1px solid #ccc;
    }
}

@media screen and (max-width: 992px) {
    body .border-top-sm {
        border-top: 1px solid #e5e5e5;
    }
}

@media screen and (min-width: 1440px) {
    body .d-xxl-inline-block {
        display: inline-block !important;
    }
}

body .d-grid {
    display: -ms-grid;
    display: grid;
}

body .col-2-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

body .error-span {
    padding-left: 25px;
    background-image: url("../images/icons/error_field.png");
    background-size: 19px;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 12px;
    color: #E1523E;
    background-position: left 4px;
}

body .disabled {
    opacity: 0.3;
}

body.modal-open {
    padding-right: 0 !important;
    -webkit-overflow-scrolling: auto !important;
}

body .progress-bar[aria-valuenow="0"],
body .progress-bar[aria-valuenow="20"],
body .progress-bar[aria-valuenow="25"],
body .progress-bar[aria-valuenow="30"],
body .progress-bar[aria-valuenow="35"],
body .progress-bar[aria-valuenow="40"],
body .progress-bar[aria-valuenow="45"] {
    background-color: #E1523E;
}

body .progress-bar[aria-valuenow="50"],
body .progress-bar[aria-valuenow="55"],
body .progress-bar[aria-valuenow="60"],
body .progress-bar[aria-valuenow="65"],
body .progress-bar[aria-valuenow="70"],
body .progress-bar[aria-valuenow="75"],
body .progress-bar[aria-valuenow="80"],
body .progress-bar[aria-valuenow="85"],
body .progress-bar[aria-valuenow="90"] {
    background-color: #ffc107;
}

body .progress-bar[aria-valuenow="100"] {
    background-color: #11b683;
}

body .futurabold {
    font-family: 'termina', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-weight: bold;
}

body .border-dark {
    border-color: #CCCCCC !important;
}

body .select-store--item:hover {
    background-color: #edf3f9;
}

body .select-store--item:hover .button--primary {
    cursor: pointer;
}

body .select-store--item .opsm-bordered-header {
    background-image: url("../images/icons/icon_marker.png");
    background-position: 95% 50%;
    background-size: 21px;
    background-repeat: no-repeat;
}

body .select-store--item.select-store--item--selected .opsm-bordered-header {
    background-image: url("../images/icons/icon_marker_selected.png");
}

body .smallLink {
    font-size: 14px;
    color: #999999;
    display: block;
}

body .div-flex.flex-items-top {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

body .div-flex.flex-items-bottom {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

body .small-span {
    color: #2d2a26;
}

body .width100 {
    max-width: 100%;
}

body .width100 .container-fluid {
    max-width: 100%;
}

body .width100px {
    width: 100px;
}

body .table {
    border: none;
}

body .table thead th {
    vertical-align: bottom;
    padding: 0 0.75rem;
    border: none;
}

body .table tbody td {
    border: none;
    padding: 0.35rem 0.75rem;
}

body .table tbody td .tableimg {
    max-width: 90px;
}

body .modal .greybox {
    background-color: #F6F6F6;
    border: solid 1px #CCCCCC;
    padding: 1rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

body #blogs-accordion .card:last-of-type {
    margin-bottom: 20px;
}

body #blogs-accordion .card:last-of-type .card-body {
    padding-bottom: 0;
}

body ol li,
body ul li {
    line-height: 1.2;
    padding-bottom: 10px;
}

.lineheight-minor {
    line-height: 1.2;
}

.lh-medium {
    line-height: 1.5;
}

.bg-grey {
    background-color: #F6F6F6;
}

.bg-light-grey {
    background-color: #F7F6F4;
}

.bg-black {
    background-color: #2d2a26;
}

.bg-red {
    background-color: #F7DEE0;
}

.bg-green {
    background-color: #D3E7D8;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.font-weight-semibold {
    font-weight: 500 !important;
}

.index-1 {
    z-index: 1;
}

.rounded-8 {
    border-radius: 8px !important;
}

.rounded-10 {
    border-radius: 10px !important;
}

.nowrap {
    white-space: nowrap;
}

.pos-rlt {
    position: relative;
}

.large {
    font-size: 1.125rem !important;
}

.bottom-0 {
    bottom: 0;
}

.right-0 {
    right: 0;
}

.flex-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}

.left-50 {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.opacity-1 {
    opacity: 1;
}

.icon-info {
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/info-thick.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.shadow-box {
    box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.05);
}

.signed-in .white-popup-block {
    border-radius: 0;
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bg-light-blue {
    background-color: #EDF3F8;
}

.btn.no-hover-effect:hover {
    color: #2d2a26;
}

.dotted-separator:after {
    content: '';
    position: absolute;
    top: 16px;
    right: 0;
    border: none;
    border-top: 1px dotted #e5e5e5;
    color: #FFFFFF;
    background-color: #FFFFFF;
    height: 1px;
    width: 100%;
    z-index: 0;
}

#afterpay-modal .modal-dialog {
    max-width: 600px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

@media (max-width: 991.98px) {
    #afterpay-modal .modal-dialog {
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

#afterpay-modal .modal-dialog .close {
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
}

#afterpay-modal .modal-dialog .modal-body {
    padding: 0;
}

#afterpay-modal .modal-dialog .modal-body .lightbox {
    max-width: unset;
}

#paypal-payin4-modal .modal-body {
    padding: 0;
}

@media screen and (max-width: 992px) {
    #paypal-payin4-modal #paypal-payin4-modal-frame {
        max-height: calc(100dvh - 16px);
    }
}

#cloudIqOverlayDiv .modal-dialog {
    max-width: 800px;
}

#cloudIqOverlayDiv .modal-dialog .modal-content {
    background: none;
}

#cloudIqOverlayDiv .modal-dialog .modal-content .modal-body {
    padding: 0;
    position: relative;
}

#cloudIqOverlayDiv .modal-dialog .modal-content .modal-body .cloudiqContainer {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 35px;
    padding: 0;
}

@media (max-width: 991.98px) {
    #cloudIqOverlayDiv .modal-dialog .modal-content .modal-body .cloudiqContainer {
        max-width: 80%;
    }
}

#cloudIqOverlayDiv .modal-dialog .modal-content .modal-body .icon-close {
    position: absolute;
    right: 50px;
    top: 40px;
    -webkit-appearance: none;
    background: none;
    border: none;
}

@media (max-width: 991.98px) {
    #cloudIqOverlayDiv .modal-dialog .modal-content .modal-body .icon-close {
        top: 15px;
        right: 15px;
    }
}

#cloudIqOverlayDiv .modal-dialog .modal-content .modal-body .cloudIqLargeText {
    margin-bottom: 1rem;
}

#cloudIqOverlayDiv .modal-dialog .modal-content .modal-body .cloudIqSubmitLink {
    display: block;
    margin: 1rem auto;
}

#cloudIqOverlayDiv .modal-dialog .modal-content .modal-body #cloudIqForm input {
    text-align: center;
}

#cloudIqOverlayDiv .modal-dialog .modal-content .modal-body #cloudIqFooter {
    -webkit-appearance: none;
    background: none;
    border: none;
    font-weight: bold;
    text-decoration: underline;
    display: block;
    margin: 45px auto 0;
    padding: 0;
    font-size: 14px;
}

#cloudIqOverlayDiv .modal-dialog .modal-content .modal-body .cloudIqOverlayMessage1 {
    line-height: 1.5;
}

.my_account.generic_error_container .info {
    margin: 6rem 0;
}

@media (max-width: 991.98px) {
    .my_account.generic_error_container .info {
        text-align: center;
    }
}

.my_account.generic_error_container .info .button {
    margin-top: 2rem;
}

#global-message.is-error {
    z-index: 0;
}

#global-message.is-error .inner {
    position: static;
}

.main-spinner:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #2D2A26;
    opacity: 0.2;
}

.main-spinner:before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    height: 80px;
    width: 80px;
    z-index: 99999;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath d='M60 40C60 51.0457 51.0457 60 40 60C28.9543 60 20 51.0457 20 40C20 28.9543 28.9543 20 40 20C51.0457 20 60 28.9543 60 40ZM24 40C24 48.8366 31.1634 56 40 56C48.8366 56 56 48.8366 56 40C56 31.1634 48.8366 24 40 24C31.1634 24 24 31.1634 24 40Z' fill='white'/%3E%3Cpath d='M43.6159 57.6331C43.8378 58.7151 43.1404 59.7828 42.0416 59.8955C38.5293 60.256 34.9711 59.6811 31.7343 58.212C28.4976 56.743 25.7221 54.4434 23.6809 51.5624C23.0424 50.6611 23.3868 49.4333 24.3473 48.8879C25.3079 48.3425 26.5192 48.6884 27.1801 49.5734C28.7883 51.727 30.9204 53.4499 33.3874 54.5696C35.8545 55.6893 38.5551 56.1597 41.2349 55.9523C42.3361 55.867 43.394 56.551 43.6159 57.6331Z' fill='%23B58B34'/%3E%3C/svg%3E");
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.main-spinner.boxed {
    position: relative;
}

.main-spinner.boxed:after {
    content: none;
}

.main-spinner.boxed:before {
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    html,
  body {
        font-size: 13px;
    }
}

@media screen and (max-width: 1200px) {
    .mw-lg-75 {
        max-width: 75% !important;
    }
}

@media screen and (max-width: 992px) {
    body .opsm-bordered-fluid-div .opsm-bordered-header h4 {
        text-overflow: clip;
        margin-right: 10px;
    }

    .fullwidth-margin-md {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }
}

@media screen and (max-width: 991px) {
    .w-xs-50 {
        width: 50% !important;
    }

    .w-xs-100 {
        width: 100% !important;
    }

    .mw-xs-100 {
        max-width: 100% !important;
    }

    .small-mobile {
        font-size: 14px !important;
    }
}

.nicescroll-rails.nicescroll-rails-vr {
    margin-left: 16px;
}

.nicescroll-rails.nicescroll-rails-vr .nicescroll-cursors {
    position: absolute !important;
}

.modal.right {
    padding-right: 0 !important;
}

.modal.right .modal-dialog {
    position: fixed;
    top: 133px;
    margin: auto;
    width: 330px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right .modal-dialog .modal-title {
    font-weight: bold;
    font-size: 1rem;
    color: #2d2a26;
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    padding: 0;
}

.modal.right.fade .modal-dialog {
    right: -330px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.modal-fullwidth {
    max-width: 100%;
    width: 100%;
    height: 100vh;
    margin: 0;
}

.modal-lg .modal-body {
    padding: 0;
}

.modal-lg .modal-body .col {
    padding-left: 20px;
    padding-right: 20px;
}

.modal-lg .modal-body .hmodal {
    padding: 20px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.modal-lg .modal-body .hmodal h3 {
    margin: 0;
}

.modal-lg .modal-body .hmodal .close {
    top: 10px;
    font-size: 16px;
    color: #2d2a26;
    opacity: 1;
    text-shadow: none;
}

.modal-normal .modal-body,
.modal-normal .modal-header {
    padding: 1rem 2rem;
}

.modal-normal .modal-title {
    font-size: 20px;
    color: #2d2a26;
    text-transform: uppercase;
}

.modal-content {
    border-radius: 0;
    border: none;
}

.modal-content .col a.close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.modal-content .sidebarmodal {
    background: #F6F6F6;
    padding: 40px 20px;
    max-width: 300px;
}

.modal-content .title-sidebarmodal {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.9rem;
}

.modal-footer {
    border: 0;
}

.modal-footer .linkbutton {
    margin: 0 20px;
    text-decoration: underline;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: #2d2a26;
    cursor: pointer;
}

.visible-mobile {
    display: none !important;
}

.visible-phone {
    display: none !important;
}

@media (max-width: 1250px) {
    body #main .contents .rowmargin {
        margin: 0;
    }
}

@media screen and (min-width: 980px) and (max-width: 1200px) {
    .button {
        height: auto;
    }

    .button .button--label {
        font-size: 0.75rem;
        text-overflow: clip;
        overflow: auto;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .small-line-height {
        line-height: 1rem;
    }

    body #main #myaccount-area.contents #purchase-list {
        width: calc(100% - 250px);
        max-width: calc(100% - 250px);
    }

    body #main #myaccount-area.contents #purchase-list .main-account {
        width: 100%;
        max-width: 100%;
    }

    .details-btn {
        line-height: 1rem;
        width: 110px !important;
    }

    .custom-justify {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .seall {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 991.98px) {
    body .visible-mobile {
        display: inline-block !important;
    }

    body .hidden-mobile {
        display: none !important;
    }

    body #main .contents .opsm-bordered-fluid-div .div-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    body #main .contents .opsm-bordered-fluid-div .bordered-a {
        margin-bottom: 1.25rem;
    }

    body #main .contents .opsm--newheading {
        margin-left: 20px;
        margin-right: 20px;
    }

    body #main .contents .rowmargin {
        margin: 0;
    }

    body .modal.right .modal-dialog {
        top: 80px;
    }

    .h5-lg {
        font-size: 1.25rem;
    }
}

@media (max-width: 600px) {
    .noborder-mob {
        border: none !important;
    }

    .left-on-mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: left !important;
        -webkit-align-items: left !important;
        -ms-flex-align: left !important;
        align-items: left !important;
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    body #main .contents#checkout .subtitle-row {
        border-bottom: none;
    }

    body #main .contents#myaccount-area .purchase-element {
        margin-bottom: 1rem;
    }

    body #main .contents#myaccount-area .purchase-element strong {
        display: block;
    }

    body #main .contents#myaccount-area .purchase-element .button {
        width: 100% !important;
        min-width: unset;
        padding: 8px 0;
        margin: 5px 0;
    }

    body #main .contents#myaccount-area .purchase-element .button span {
        font-size: 1rem;
    }

    body #main .contents .visible-desktop {
        display: none !important;
    }

    body #main .contents #opsm-modal-detailstore .modal-lg .slick-arrow.slick-prev {
        left: 30%;
    }

    body #main .contents #opsm-modal-detailstore .modal-lg .slick-arrow.slick-next {
        right: 30%;
    }

    body #main .contents #opsm-modal-detailstore #store-screenmap {
        margin-bottom: 20px;
    }

    body #main .contents #opsm-modal-detailstore .actionStoreDetail {
        display: none !important;
    }

    body #main .contents #opsm-modal-detailstore .actionStoreDetailMob {
        display: block;
    }

    body #main .contents #opsm-modal-detailstore .actionStoreDetailMob a {
        width: 100% !important;
        margin-bottom: 15px;
    }

    body #main .contents #opsm-modal-detailstore .hmodal {
        padding: 20px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    body #main .contents #opsm-modal-detailstore .hmodal h3 {
        font-size: 1.65rem;
    }

    body #main .contents #opsm-modal-detailstore .hmodal .col-sm-8 {
        text-align: center;
        margin-top: 25px;
    }

    body #main .contents #opsm-modal-detailstore .row.mt-3.mb-5 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media (max-width: 480px) {
    body #main .contents .paddingdiv {
        padding: 0;
    }

    body #main .contents .visible-phone {
        display: inline-block !important;
    }

    body #main .contents #checkout .checkout-sidebar {
        max-width: 100%;
        position: relative;
        padding: 0;
        width: 100%;
    }

    body #main .contents#cartpage .cart-lists-item .desc-prod .promocode {
        margin-bottom: 5px;
    }

    body #main .contents#cartpage .cart-lists-item .smallmobile {
        width: 100%;
    }

    body #main .contents#cartpage .cart-lists-item .smallmobile .greybox {
        width: 100%;
        text-align: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0.5rem 2.5rem;
    }

    body #main .contents#cartpage .cart-lists-item .smallmobile .greybox i.icon-check {
        margin-top: 8px;
        margin-right: 0;
    }

    body #main .contents .nopadding {
        padding: 0 15px;
    }

    body .modal-backdrop.show {
        opacity: 0.9;
    }

    body #modal-cart-mobile .modal-dialog {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    body #modal-cart-mobile .modal-dialog .modal-content {
        text-align: center !important;
        background: none !important;
        padding: 0 2.8125rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    body #modal-cart-mobile .modal-dialog .modal-content p {
        color: #FFFFFF;
        font-size: 1.25rem;
        line-height: 1.5625rem;
    }

    body #modal-cart-mobile .modal-dialog .modal-content .button {
        margin: 12px 0;
        width: 100%;
        max-width: 100%;
    }

    body #modal-cart,
  body #modal-cart-mobile {
        z-index: 1051;
    }
}

@media (min-width: 1024px) {
    .modal-lg {
        max-width: 1024px;
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .position-lg-relative {
        position: relative !important;
    }

    .position-lg-absolute {
        position: absolute !important;
    }

    .bg-lg-white {
        background-color: #FFFFFF !important;
    }

    .bg-lg-transparent {
        background-color: transparent !important;
    }

    .dotted-separator-lg:after {
        content: '';
        position: absolute;
        top: 16px;
        right: 0;
        border: none;
        border-top: 1px dotted #e5e5e5;
        color: #FFFFFF;
        background-color: #FFFFFF;
        height: 1px;
        width: 100%;
        z-index: 0;
    }

    .h2-lg {
        font-size: 2rem;
    }
}

#submitNewsletterButton {
    z-index: 0;
}

.opacity-0 {
    opacity: 0 !important;
}

.filter-white {
    -webkit-filter: brightness(100);
    filter: brightness(100);
}

html.no-scroll {
    overflow: hidden;
    height: 100%;
}

html.no-scroll body {
    overflow: hidden;
    height: 100%;
    position: relative;
}

.object-fit-img {
    -o-object-fit: cover;
    object-fit: cover;
}

.pointer-none {
    pointer-events: none;
}

@media (min-width: 768px) {
    .no-scroll-md {
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .px-lg-4-5 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }
}

.alert-container {
    position: absolute;
    width: 100%;
}

.preferences-section .toggle {
    width: unset;
    height: unset;
    border-radius: 0;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -ms-grid-columns: 44px auto;
    grid-template-columns: 44px auto;
}

.preferences-section .toggle .toggle__switch {
    width: 44px;
    height: 24px;
    border-radius: 12px;
    pointer-events: unset;
    cursor: pointer;
}

.preferences-section .toggle .toggle__switch:before, .preferences-section .toggle .toggle__switch:after {
    content: "";
}

.preferences-section .toggle .toggle__switch:before {
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    position: absolute;
    background-color: #fff;
    border-radius: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.35s ease transform;
    transition: 0.35s ease transform;
}

.preferences-section .toggle label {
    position: relative;
    left: 0;
}

.preferences-section .toggle .custom-control-label:before, .preferences-section .toggle .custom-control-label:after {
    content: none;
}

.preferences-section .toggle input {
    visibility: hidden;
    position: absolute;
}

.preferences-section .toggle input:checked + .toggle__switch:before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.preferences-section #preferences-collapse {
    padding-left: 60px;
    padding-top: 24px;
    position: relative;
}

@media screen and (max-width: 992px) {
    .preferences-section #preferences-collapse {
        padding-left: 0;
        padding-top: 16px;
    }
}

.preferences-section .opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-input:disabled ~ .custom-control-label {
    color: #666;
    cursor: default;
}

.preferences-section .opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-input:disabled ~ .custom-control-label:before {
    background-color: #E5E5E5;
    border-color: #ccc;
}

.preferences-section .opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-label:before,
.preferences-section .opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.sms-tooltip.tc-tooltip-wrapper {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    left: 43px !important;
    top: 21px !important;
}

@media screen and (max-width: 992px) {
    .sms-tooltip.tc-tooltip-wrapper {
        left: -17px !important;
        top: -11px !important;
    }
}

.sms-tooltip .tooltip-inner {
    max-width: 380px;
    box-shadow: 0px 3px 15px 3px #0000001A;
    padding: 16px;
}

@media screen and (max-width: 992px) {
    .sms-tooltip .tooltip-inner {
        max-width: 313px;
    }
}

.sms-tooltip.bs-tooltip-auto[x-placement^=top] .arrow,
.sms-tooltip.bs-tooltip-top .arrow {
    left: 28px !important;
}

@media screen and (max-width: 992px) {
    .sms-tooltip.bs-tooltip-auto[x-placement^=top] .arrow,
    .sms-tooltip.bs-tooltip-top .arrow {
        left: 16px !important;
    }
}

.tooltip-sms-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 24px;
}

.pac-container {
    z-index: 10000 !important;
}

/**
    MIXINS
 */
/**
    FUNCTIONS
 */
/**
Colors
 */
/**
Styles
 */
.header {
    height: 98px;
  /*&--mega-navbar-item-link.hover{
    border-bottom: 1px solid #000 !important
  }*/
}

@media screen and (min-width: 992px) {
    .header {
        border-bottom: 1px solid #E5E5E5;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .header {
        height: 94px;
    }
}

.header--cms-item .icon {
    font-size: 1.5rem;
}

.header.sticky-ing .header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.header.sticky-ing .header-wrapper.temp-hidden {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.header--sticky {
    top: 33px;
    left: 0;
    right: 0;
    z-index: 1050;
    width: 100% !important;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    /*
     * As per the new CR make main menu sticky.
     * Include styles for sticky menu.
     */
}

.sticky-ing .header--sticky {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 10px rgba(45, 42, 38, 0.2);
    z-index: 105 !important;
    border-bottom: 1px solid #E5E5E5;
}

.header--no-sticky .sticky-ing .header--sticky {
    position: relative;
}

.pg-product-listing .header--sticky {
    box-shadow: 0 0 10px rgba(45, 42, 38, 0.2);
}

.header--notibar {
    height: 33px;
    background: #2d2a26;
    color: #FFFFFF;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    padding: 6px 20px;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-size: 14px;
    top: 93px;
    /*
     * As per the new CR make main menu sticky.
     * Include styles for sticky menu.
     */
    width: 100%;
    z-index: 95;
}

.header--notibar-text {
    line-height: 1.65;
}

.header--notibar-close {
    padding-right: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header--notibar-close:hover {
    text-decoration: none;
}

.header--brand-container {
    background: #FFFFFF;
}

@media (min-width: 992px) {
    .header--brand-container > .container-fluid {
        padding: 0 32px;
    }
}

.header--brand {
    height: 60px;
    background: #FFFFFF;
    z-index: 13;
    position: relative;
}

.header--brand-account {
    -webkit-text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    -moz-text-decoration-style: solid;
    text-decoration-style: solid;
}

@media (max-width: 991.98px) {
    .header--brand .col-6:first-of-type {
        padding-right: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: unset;
    }

    .header--brand .col-6:last-of-type {
        padding-left: 0;
        width: auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

@media (max-width: 1199.98px) {
    .header--logo {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.header--logo-img {
    /*
     * OPSMD-2228 - increase the size of the logo by 25% for desktop devices.
     */
    width: 120px;
}

.header--logo-img--mb {
      /*
       * OPSMD-2228 Include responsive styles for logo.
       */
    width: 150px;
}

@media (max-width: 500px) {
    .header--logo-img--mb {
        width: 160px;
    }
}

@media (max-width: 420px) {
    .header--logo-img--mb {
        width: 110px;
    }
}

@media (max-width: 360px) {
    .header--logo-img--mb {
        width: 95px;
    }
}

.header--sidemenu-toggler {
    width: 35px;
    padding: 0;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-top: -5px;
}

.header--sidemenu-toggler:before {
    content: '\e90b';
    font-family: 'icomoon';
    position: absolute;
    opacity: 0;
    -webkit-transition: 0.75s opacity ease;
    transition: 0.75s opacity ease;
}

.header--sidemenu-toggler img {
    opacity: 1;
    -webkit-transition: 0.75s opacity ease;
    transition: 0.75s opacity ease;
}

.header--sidemenu-toggler.sidemenu--btn-close {
    height: 35px;
    color: #2D2A26;
    font-size: 20px;
    text-decoration: none;
}

.header--sidemenu-toggler.sidemenu--btn-close:before {
    opacity: 1;
}

.header--sidemenu-toggler.sidemenu--btn-close img {
    opacity: 0;
}

.header--sidemenu-toggler .stripe {
    display: block;
    width: 30px;
    height: 2px;
    background: #4a4a4a;
    margin-bottom: 6px;
}

.header--sidemenu-toggler .stripe:last-child {
    margin-bottom: 0;
}

.header--sidemenu-toggler.dropdown-toggle:after {
    display: none;
}

.header--mega-navbar {
    min-height: 100%;
}

.sticky-ing .header--mega-navbar {
    display: none;
}

@media (min-width: 992px) {
    .sticky-ing .header--mega-navbar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .header--mega-navbar {
        padding: 0 5px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.header--mega-navbar-left {
    position: relative;
}

.header--mega-navbar-right {
    position: relative;
}

.header--mega-navbar-underline {
    position: absolute;
    display: block;
    height: 3px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #2D2A26;
    opacity: 0;
    bottom: -7px;
}

.header--mega-navbar-underline.show {
    opacity: 1;
}

@media (max-width: 767.98px) {
    .header--mega-navbar-right .header--mega-navbar-item {
        width: auto;
    }
}

.header--mega-navbar-item-link, .header--mega-navbar-item-link:hover, .header--mega-navbar-item-link:not([href]):not([tabindex]), .header--mega-navbar-item-link:not([href]):not([tabindex]):hover {
    display: block;
    padding: 13px 16px 12px;
    font-size: 16px;
    letter-spacing: 0;
    cursor: pointer;
    text-align: center;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    color: #2d2a26;
}

.header--mega-navbar-book-test-eye {
    position: relative;
}

.header--mega-navbar-book-test-eye:after {
    content: '';
    display: block;
    height: 2px;
    background: #FFFFFF;
    position: relative;
    margin-bottom: -2px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.header--mega-navbar-book-test-eye:hover:after {
    background: #AAAAAA;
}

.header--mega-navbar-book-test-eye:after:before {
    display: none;
}

.header--mega-navbar-book-test-eye:after:active {
    display: block;
}

.header--mega-navbar-contents-container {
    display: none;
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: 170px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
}

.header--mega-navbar-contents-container.animating {
    overflow: hidden;
}

.header--mega-navbar-contents-container.show {
    display: block;
}

.header--mega-navbar-contents-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(45, 42, 38, 0.7);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 8;
    width: 100%;
    height: 100vh;
}

.header--mega-navbar-contents-container.show .header--mega-navbar-contents-overlay {
    opacity: 1;
}

.header--mega-navbar-contents-container.show.animating.out .header--mega-navbar-contents-overlay {
    opacity: 0;
}

.header--mega-navbar-contents--wrapper {
    position: absolute;
    display: none;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    z-index: 9;
    min-height: 450px;
}

.header--mega-navbar-contents-container.show .header--mega-navbar-contents--wrapper {
    display: block;
}

.header--mega-navbar-contents-container.animating .header--mega-navbar-contents--wrapper {
    background-color: transparent;
}

.header--mega-navbar-contents {
    padding: 0;
    -webkit-animation-duration: 450ms;
    animation-duration: 450ms;
    display: none;
    background: #FFFFFF;
}

.header--mega-navbar-contents.show, .header--mega-navbar-contents.animated {
    display: block;
}

.header--mega-navbar-contents.animated {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.header--mega-navbar-contents .container-fluid {
    padding-right: 0;
}

.header--mega-navbar-category {
    padding-right: 50px;
    text-transform: uppercase;
    color: #CCCCCC;
}

.header--mega-navbar-category.active {
    color: #2D2A26;
}

.header--mega-navbar-category.active:hover, .header--mega-navbar-category.active:active, .header--mega-navbar-category.active:focus {
    color: #2D2A26;
}

.header--mega-navbar-category:hover, .header--mega-navbar-category:active, .header--mega-navbar-category:focus {
    color: #AAAAAA;
}

.header--mega-navbar-category-content {
    padding-top: 35px;
}

.header--mega-navbar-list-title {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

.header--mega-navbar-list-link-item {
    padding-bottom: 10px;
    text-transform: capitalize;
}

.header--mega-navbar-list-link-item--last .text {
    padding-bottom: 1px;
    border-bottom: 1px solid;
}

.header--mega-navbar-list-link-item--last .icon-chevron-thin-right {
    padding-left: 5px;
    font-size: 0.875rem;
}

.header--mega-navbar-list-link-item--last a:hover, .header--mega-navbar-list-link-item--last a:active, .header--mega-navbar-list-link-item--last a:focus {
    color: #666666;
}

.header--mega-navbar-list-link-item img {
    width: 55px;
    height: auto;
}

.header--mega-navbar-list-link-item a:hover, .header--mega-navbar-list-link-item a:active, .header--mega-navbar-list-link-item a:focus {
    color: #2d2a26;
    text-decoration: underline;
}

.header--mega-navbar-promotion-image {
    width: 69%;
    margin: 0 auto;
    display: block;
}

@media (max-width: 1199.98px) {
    .header--mega-navbar-promotion-image {
        max-width: 290px;
        margin-top: 40px;
    }

    .tab-content .header--mega-navbar-promotion-image {
        margin-top: 100px;
    }
}

.header--cms-item {
    color: #2D2A26;
    position: relative;
    line-height: 1;
    border: none;
}

.header--cms-item:hover, .header--cms-item:active, .header--cms-item:focus, .header--cms-item:hover:not([href]):not([tabindex]) {
    text-decoration: none;
    color: #666666;
    cursor: pointer;
}

.header--cms-item .icon {
    font-size: 1.625rem;
    line-height: 1.625rem;
    margin-left: -5px;
}

@media (min-width: 576px) {
    .header--cms-item .icon {
        font-size: 1.875rem;
        line-height: 1.875rem;
    }
}

.header--cms-badge {
    font-size: 10px;
    line-height: 15px;
    padding: 0;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    text-align: center;
    background: #2d2a26;
    color: #FFFFFF;
    vertical-align: top;
    position: absolute !important;
    top: 20px !important;
    right: 8px;
    font-weight: normal !important;
}

.header--brand-account {
    text-decoration: underline;
}

.header--brand-account--rounded {
    width: 30px;
    height: 30px;
    border: solid 2px #2D2A26;
    border-radius: 50%;
    font-size: 0.875rem;
    line-height: 1.75rem;
    text-decoration: none;
}

.header--user-menu-dropdown {
    display: inline-block;
}

.header--user-menu-dropdown .dropdown-menu {
    border-radius: 0;
    box-shadow: 0 0 20px rgba(45, 42, 38, 0.2);
    border: none;
    min-width: 190px;
    position: relative;
    background: #FFFFFF;
    top: 100% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 0%) !important;
    -ms-transform: translate(-50%, 0%) !important;
    transform: translate(-50%, 0%) !important;
    margin-top: 10px;
}

.header--user-menu-dropdown .dropdown-menu:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -24px;
    border: solid 12px transparent;
    border-bottom-color: #FFFFFF;
}

.header--user-menu-dropdown .dropdown-item {
    font-size: 1.125rem;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.header--user-menu-dropdown .dropdown-item:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 0;
    border: solid 1px #e5e5e5;
}

.header--first-col {
    border-right: 1px solid #E5E5E5;
}

@media screen and (max-width: 992px) {
    :not(body.pg-product-detail) > .header {
        border-bottom: 1px solid #e5e5e5;
    }
}

.submenu-wrapper {
    height: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 525px auto;
    grid-template-columns: 525px auto;
    padding: 0;
}

@media screen and (max-width: 1400px) {
    .submenu-wrapper {
        -ms-grid-columns: 500px auto;
        grid-template-columns: 500px auto;
    }
}

@media screen and (max-width: 1280px) {
    .submenu-wrapper {
        -ms-grid-columns: 450px auto;
        grid-template-columns: 450px auto;
    }
}

.submenu-wrapper .right-col-submenu {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto fit-content(390px);
    grid-template-columns: auto fit-content(390px);
    -ms-grid-rows: 450px;
    grid-template-rows: 450px;
}

.ddm-fixed-height-spacer {
    height: 450px;
}

.ddm-banner-img img {
    height: 450px;
    max-width: unset;
    width: auto;
}

@media (max-width: 1199.98px) {
    .ddm-banner-img img {
        height: auto;
        max-width: 100%;
        width: 100%;
    }
}

.brand-swipable-section {
    padding: 50px 0 35px;
}

.brand-swipable-section .horizontal-swipe {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0 15px;
}

.brand-swipable-section .horizontal-swipe::-webkit-scrollbar {
    display: none;
}

.brand-swipable-section .horizontal-swipe div {
    padding: 0 15px;
}

.brand-swipable-section .horizontal-swipe div svg,
      .brand-swipable-section .horizontal-swipe div img {
    max-width: 99px;
    max-height: 45px;
}

.product-grid img {
    width: 170px;
}

@media screen and (min-width: 1440px) {
    .product-grid img {
        width: 220px;
    }
}

.product-grid p {
    max-width: 200px;
    margin: auto;
}

.link-section-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(50%, 1fr) minmax(50%, 1fr);
    grid-template-columns: minmax(50%, 1fr) minmax(50%, 1fr);
    -ms-grid-rows: auto min-content;
    grid-template-rows: auto min-content;
    height: 450px;
}

.link-section-wrapper > .button.button--primary, .link-section-wrapper > .button.button--secondary {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: unset;
    padding: 12px 24px;
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 32px;
}

.link-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    padding: 24px 32px 32px;
}

@media screen and (max-width: 1400px) {
    .link-section {
        padding-right: 0;
    }
}

.link-section .button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 42px;
    margin-top: auto;
}

@media screen and (max-width: 1280px) {
    .link-section .button.button--primary, .link-section .button.button--secondary {
        min-width: 180px;
        width: 180px;
    }
}

.link-section.left-separator {
    position: relative;
}

.link-section.left-separator:before {
    content: '';
    position: absolute;
    left: 0;
    top: 30px;
    height: calc(100% - 30px);
    width: 1px;
    display: block;
    background-color: #E5E5E5;
}

.link-grid {
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
}

.ddm-logo-section {
    padding: 32px 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ddm-logo-section .logo-wrapper {
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.ddm-logo-section .button.button--secondary {
    margin: auto;
    margin-top: 28px;
    font-size: 14px;
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: unset;
    padding: 0 24px;
}

.grid-2-col-separator-layout {
    -ms-grid-columns: 2fr 1px 3fr;
    grid-template-columns: 2fr 1px 3fr;
}

.grid-2-col-separator-layout .vertical-separator {
    height: 100%;
    width: 1px;
    background-color: #E5E5E5;
    margin: 0;
}

#pre-header-strip {
    min-height: 33px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    opacity: 1;
}

.header--r-user .icon-login:after {
    content: "\e901";
    width: 16px;
    height: 16px;
    background-color: #b58b34;
    display: block;
    position: absolute;
    bottom: 3px;
    right: 0;
    border-radius: 100%;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
}

@media (max-width: 1199.98px) {
    .header--r-user .icon-login:after {
        right: 7px;
        bottom: 2px;
        font-size: 9px;
    }
}

#btn-login-mobile {
    display: none;
}

@media (max-width: 1199.98px) {
    .header--r-user .icon-login:before {
        font-size: 24px;
    }

    #btn-login-mobile {
        display: block;
    }
}

.product-grid-wrapper {
    padding: 24px 28px 70px;
}

/**
    hero image
*/
.hero--image img {
    min-width: 100%;
}

/**
    MIXINS
 */
/**
    FUNCTIONS
 */
/**
Colors
 */
/**
Styles
 */
/*
 * Book Eye Test Search
 */
.booking-search {
    position: relative;
}

.booking-search--title {
    text-transform: uppercase;
    font-size: 25px;
}

@media screen and (max-width: 992px) {
    .booking-search--title {
        font-size: 20px;
    }
}

.booking-search--form {
    position: absolute;
    top: 50%;
    right: 32px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 16px;
    background-color: #fff;
    text-align: center;
    padding: 40px 24px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 992px) {
    .booking-search--form {
        position: relative;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        margin-top: -32px;
        z-index: 0;
        top: 0;
        left: 0;
        padding: 32px 16px;
    }
}

.booking-search--form .find-store.search-store--form-group {
    display: block;
    margin: 28px 0 24px;
    width: 368px;
}

@media screen and (max-width: 992px) {
    .booking-search--form .find-store.search-store--form-group {
        width: 100%;
    }
}

.booking-search--form .find-store.search-store--form-group .form-group label {
    color: #999;
    font-size: 16px;
}

.booking-search--form .find-store.search-store--form-group .search-store--form-control:focus + label,
      .booking-search--form .find-store.search-store--form-group .search-store--form-control:not(:empty) + label,
      .booking-search--form .find-store.search-store--form-group .search-store--form-control:valid + label {
    color: #2d2a26;
}

.booking-search .addeventatc {
    font-size: 1rem;
    text-decoration: underline;
    border: none;
    padding: 0;
}

.booking-search .addeventatc:hover, .booking-search .addeventatc.addeventatc-selected {
    font-size: 1rem;
    border: none;
}

.booking-search .addeventatc .addeventatc_icon {
    display: none;
}

.button.button--primary.booking-search--button {
    width: 100%;
    font-size: 14px;
    height: 48px;
}

.booking-result {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .booking-result {
        margin-bottom: 25px;
    }
}

@media (min-width: 992px) {
    .booking-result {
        margin-bottom: 50px;
    }
}

@media (min-width: 768px) {
    .booking-result--title {
        margin-bottom: 30px;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .booking-result--title {
        margin-bottom: 40px;
    }
}

.booking-result--content {
    max-width: 1136px;
    margin: 0 auto;
}

.booking-result--icon {
    padding: 3px 0 0;
}

.booking-result--icon--location {
    font-size: 1.25rem;
}

.booking-result--icon--calendar {
    font-size: 1.125rem;
}

.booking-result--icon--client {
    font-size: 1.5rem;
}

.booking-result--media-title {
    font-size: 1rem;
    margin-bottom: 5px;
}

.booking-result--media-link {
    text-decoration: underline;
}

.booking-result--media-des {
    margin-bottom: 0;
}

/*
 * 3 Product Categories
 */
.product-cats {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .product-cats {
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) {
    .product-cats {
        margin-bottom: 0px;
    }
}

.article-product-cats {
    position: relative;
    margin-bottom: 20px;
}

.article-product-cats--img {
    width: 100%;
}

.article-product-cats--title {
    bottom: 0;
    font-size: 1.125rem;
    left: 0;
    position: absolute;
    padding: 15px;
    width: 100%;
    line-height: 1.5625rem;
    letter-spacing: 0px;
}

@media (min-width: 768px) {
    .article-product-cats--title {
        bottom: auto;
        top: 0;
        padding: 20px;
    }
}

@media (min-width: 992px) {
    .article-product-cats--title {
        font-size: 1.25rem;
        padding: 30px 40px;
    }
}

/*
 * Our Promise to you
 */
.our-promise {
    padding: 0 0 0 20px;
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .our-promise {
        padding: 0 25px 0 40px;
        margin-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .our-promise {
        padding: 0 0 0 150px;
        margin: 0 auto;
        max-width: 1210px;
    }
}

.our-promise--title {
    font-size: 1.125rem;
    position: relative;
    bottom: -22px;
    left: -20px;
    z-index: 1;
    pointer-events: none;
}

@media (min-width: 768px) {
    .our-promise--title {
        font-size: 1.875rem;
        bottom: -20px;
        left: -40px;
    }
}

@media (min-width: 992px) {
    .our-promise--title {
        font-size: 2.1875rem;
        line-height: 2.4375rem;
        bottom: -37px;
        margin-bottom: -27px;
        left: -145px;
        max-width: 350px;
    }
}

.our-promise--content {
    padding: 40px 20px 0;
    position: relative;
}

@media (min-width: 768px) {
    .our-promise--content {
        padding: 35px 20px 5px;
    }
}

@media (min-width: 992px) {
    .our-promise--content {
        padding: 40px 5px 10px 65px;
    }
}

.our-promise--bg {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}

.our-promise--media {
    position: relative;
    margin-bottom: 30px;
}

.our-promise--media-body {
    padding: 0 0 0 55px;
    line-height: 1.56;
}

@media (min-width: 768px) {
    .our-promise--media-body {
        padding: 0 0 0 65px;
    }
}

.our-promise--icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.our-promise--icon--truck {
    font-size: 2.25rem;
}

@media (min-width: 768px) {
    .our-promise--icon--truck {
        left: 10px;
    }
}

.our-promise--icon--return {
    font-size: 1.5625rem;
}

@media (min-width: 768px) {
    .our-promise--icon--return {
        left: 20px;
    }
}

.our-promise--icon--repair-alt {
    font-size: 1.25rem;
    left: 2px;
}

@media (min-width: 768px) {
    .our-promise--icon--repair-alt {
        font-size: 1.6875rem;
        left: 25px;
    }
}

/*
 * Banner Promotions
 */
.promotion-area {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .promotion-area {
        padding: 10px 0 0;
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .promotion-area {
        margin: 73px 0 40px 0;
    }
}

@media (min-width: 768px) {
    .promotion-area--bottom {
        position: relative;
    }
}

.home-promotion-banner {
    margin: 0 -15px 20px;
}

@media (min-width: 768px) {
    .home-promotion-banner {
        margin: 0 0 30px;
        z-index: 1;
    }
}

@media (min-width: 992px) {
    .home-promotion-banner {
        margin-bottom: 70px;
    }

    .promotion-area--top .home-promotion-banner {
        margin-bottom: 60px;
    }
}

.promotion-oval {
    background: #e5e5e5;
    border-radius: 50%;
    left: 50%;
    position: absolute;
    margin-left: calc(-450px / 2);
    margin-top: calc(-450px / 2);
    z-index: 0;
    width: 61.81319%;
    max-width: 450px;
}

@media (min-width: 992px) {
    .promotion-oval {
        width: 58.63636%;
        max-width: 774px;
        margin-left: calc(-774px / 2);
        margin-top: calc(-774px / 2);
    }
}

@media (min-width: 768px) {
    .home-promotion-title {
        position: relative;
        padding: 0 5px;
        z-index: 1;
    }
}

.home-promotion-title .col-md-6 {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .home-promotion-title .col-md-6 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 992px) {
    .home-promotion-title .col-md-6 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.home-promotion-title--des {
    font-size: 0.875rem;
}

.home-promotion-title--right {
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .home-promotion-title--right {
        padding-top: 40px;
    }
}

@media (min-width: 992px) {
    .home-promotion-title--right {
        padding-top: 110px;
    }
}

/*
 * Brands We Love
 */
@media (min-width: 768px) {
    .brands-we-love {
        border: 10px solid #2D2A26;
        padding-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .brands-we-love {
        padding-bottom: 35px;
    }
}

.brands-we-love--wrapper {
    margin-bottom: 45px;
}

@media (min-width: 768px) {
    .brands-we-love--wrapper {
        padding: 0 15px;
        margin-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .brands-we-love--wrapper {
        max-width: 1100px;
        margin-bottom: 77px;
        padding-top: 12px;
    }
}

.brands-we-love--title {
    font-size: 1.875rem;
    line-height: 1.167;
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .brands-we-love--title {
        background: #FFFFFF;
        padding: 0 20px;
        position: relative;
        top: -20px;
        margin-bottom: -20px;
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .brands-we-love--title {
        font-size: 2.8125rem;
        line-height: 1.22;
        top: -32px;
        margin-bottom: 10px;
    }
}

.brands-we-love--slider-wrapper {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .brands-we-love--slider-wrapper {
        position: relative;
        padding: 0 5px;
        top: -5px;
        margin-bottom: 5px;
    }
}

@media (min-width: 992px) {
    .brands-we-love--slider-wrapper {
        padding: 0 70px;
        margin-bottom: 30px;
    }
}

.brands-we-love--slider-sm {
    margin: 0 -15px;
}

.brands-we-love--slider-sm .article-brands-we-love--item {
    display: block;
    text-align: center;
    width: 100%;
}

.brands-we-love--slider-sm .article-brands-we-love--img {
    margin: 0 auto;
}

.brands-we-love--slider-sm .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.brands-we-love--slider-sm .slick-slide {
    min-width: 157px;
    min-height: 140px;
}

.brands-we-love--slider-sm .slick-slide > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 157px;
    min-height: 140px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.brands-we-love--slider-sm.slick-initialized .brands-we-love--slider-sm .slick-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 768px) {
    .brands-we-love--slider-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.brands-we-love--slider-md .brands-we-love--slide-item {
    position: relative;
    padding: 5px 15px;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

@media (min-width: 992px) {
    .brands-we-love--slider-md .brands-we-love--slide-item {
        padding: 10px 15px;
    }
}

.brands-we-love--slider-sm .article-brands-we-love--item-inner {
    display: inline-block;
}

@media (min-width: 768px) {
    .brands-we-love--slider-md .article-brands-we-love--item-inner {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.article-brands-we-love--img {
    max-width: 80%;
    min-width: 117px;
}

@media (min-width: 768px) {
    .article-brands-we-love--img {
        max-width: 90%;
    }
}

@media (min-width: 992px) {
    .article-brands-we-love--img {
        max-width: 80%;
    }
}

.article-brands-we-love--item:hover {
    opacity: 0.7;
}

@media (min-width: 768px) {
    .brands-we-love--slider-md .article-brands-we-love--item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        min-height: 146px;
    }
}

@media (min-width: 992px) {
    .brands-we-love--slider-md .article-brands-we-love--item {
        min-height: 125px;
    }
}

/*
 * Love Eyes Articles
 */
.home-love-eyes {
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .home-love-eyes {
        margin-bottom: 37px;
    }
}

@media (min-width: 992px) {
    .home-love-eyes {
        margin-bottom: 35px;
        max-width: 1260px;
    }
}

.home-love-eyes--top {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .home-love-eyes--top {
        margin-bottom: 25px;
    }
}

@media (min-width: 992px) {
    .home-love-eyes--top {
        margin-bottom: 40px;
    }
}

.home-love-eyes--subtitle {
    font-size: 1rem;
    margin-bottom: 10px;
}

.home-love-eyes--title {
    font-size: 1.875rem;
    line-height: 1.17;
}

@media (min-width: 992px) {
    .home-love-eyes--title {
        font-size: 2.8125rem;
        margin-bottom: 20px;
        line-height: 1.22;
    }
}

.home-love-eyes--desc {
    line-height: 1.625;
    max-width: 90%;
}

@media (min-width: 768px) {
    .home-love-eyes--desc {
        max-width: 600px;
    }
}

.article-love-eyes {
    margin-bottom: 40px;
}

.article-love-eyes--img-wrapper {
    margin-bottom: 20px;
}

.article-love-eyes--img-inner {
    position: relative;
    overflow: hidden;
}

.article-love-eyes--img {
    width: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.article-love-eyes--img-inner:hover .article-love-eyes--img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.article-love-eyes--title {
    font-size: 1.125rem;
}

@media (min-width: 992px) {
    .article-love-eyes--title {
        font-size: 1.25rem;
    }
}

.article-love-eyes--desc {
    line-height: 1.625;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .article-love-eyes--desc {
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) {
    .article-love-eyes--desc {
        margin-bottom: 10px;
    }
}

.article-love-eyes--link {
    line-height: 1.5625;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.custom-login-container {
    max-width: 592px;
    margin: 64px auto 80px;
}

@media screen and (max-width: 992px) {
    .custom-login-container {
        max-width: 100%;
        padding: 0 20px;
        margin: 40px auto;
    }
}

.custom-login-container #create-account {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.rounded-box {
    border: 1px solid #e5e5e5;
    border-radius: 24px;
    padding: 32px;
}

@media screen and (max-width: 992px) {
    .rounded-box {
        padding: 32px 16px;
    }
}

@media screen and (max-width: 992px) {
    .rounded-box h3 {
        font-size: 20px;
        text-align: center;
    }
}

.show-pwd-btn {
    position: absolute;
    background-image: url("https://media.opsm.com/icons/show.svg");
    right: 10px;
    top: 10px;
    height: 24px;
    width: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.show-pwd-btn.active {
    background-image: url("https://media.opsm.com/icons/hide.svg");
}

.password-validation-item {
    padding-left: 21px;
    position: relative;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 9px;
}

.password-validation-item:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: solid 1px #ccc;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.password-validation-item.checked:before {
    border: solid 1px #3f8350;
}

.password-validation-item.checked:after {
    content: "\e901";
    font-family: "icomoon";
    font-size: 8px;
    color: #3f8350;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
}

.pw-reset-confirmation .h-100 {
    height: auto !important;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
#sidemenuaccount .nav-sidebarmenu ul {
    padding: 0;
    list-style-type: none;
}

#sidemenuaccount .nav-sidebarmenu ul li {
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    line-height: 50px;
    padding-bottom: 0;
}

#sidemenuaccount .nav-sidebarmenu ul li i {
    position: absolute;
    right: 1rem;
    top: 1rem;
    color: #2d2a26;
}

#sidemenuaccount .nav-sidebarmenu ul li a {
    font-size: 16px;
    display: block;
}

#sidemenuaccount .nav-sidebarmenu ul li.active {
    border-bottom: 2px solid #2d2a26;
}

#sidemenuaccount .nav-sidebarmenu ul li.active a {
    font-weight: bold;
    color: #2d2a26;
}

.opsm-back-side {
    display: none;
}

.opsm-back-side div[class*="col"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
}

.opsm-back-side div[class*="col"]:first-child {
    padding-left: 0;
}

.opsm-back-side div[class*="col"]:nth-child(2) {
    padding-right: 0;
}

.opsm-back-side a.button,
  .opsm-back-side button.button {
    min-width: 100%;
    padding: 13px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.opsm-back-side a.button span,
    .opsm-back-side button.button span {
    font-size: 14px;
    line-height: 22px;
    text-overflow: clip;
}

.my-account-eye-tests h2 {
    font-size: 30px;
    margin-bottom: 24px;
}

@media screen and (max-width: 992px) {
    .my-account-eye-tests h2 {
        text-align: center;
    }
}

.my-account-eye-tests h4 {
    font-size: 20px;
    margin-bottom: 24px;
}

@media screen and (max-width: 992px) {
    .my-account-eye-tests h4 {
        text-align: center;
    }
}

.my-account-eye-tests .myarea-box .button--primary--dark {
    height: 48px;
    width: 210px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.dif-box {
    background: #EDF3F8;
    margin: -24px;
    margin-bottom: -36px;
    margin-top: 32px;
    padding: 16px 14px;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 24px auto;
    grid-template-columns: 24px auto;
    gap: 16px;
}

@media screen and (min-width: 992px) {
    .dif-box {
        grid-column: 1/3;
        margin: -24px;
        margin-bottom: -36px;
        margin-top: 36px;
        gap: 10px;
        padding: 26px 24px;
    }
}

#myaccount-area .main-wrapper-page {
    margin-top: 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 192px auto;
    grid-template-columns: 192px auto;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

@media screen and (max-width: 992px) {
    #myaccount-area .main-wrapper-page {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 0;
    }
}

.dashboard-grid-layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 325px;
    grid-template-columns: auto 325px;
    -webkit-column-gap: 22px;
    -moz-column-gap: 22px;
    column-gap: 22px;
}

@media screen and (max-width: 992px) {
    .dashboard-grid-layout {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

@media screen and (max-width: 992px) {
    #myaccount-area.contents .main-account {
        max-width: 100vw;
    }
}

.myaccount-columnrow {
    margin-right: 32px;
    padding: 0;
    max-width: 192px;
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .myaccount-columnrow {
        max-width: 220px;
    }
}

.myaccount-columnrow ul {
    list-style-type: none;
    border: 1px solid #e5e5e5;
    padding: 0;
}

.myaccount-columnrow ul li {
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 1rem;
}

.myaccount-columnrow ul li.active {
    background: #f7f6f4;
}

.myaccount-columnrow ul li.active a {
    font-weight: 600;
    color: #2D2A26;
}

.myaccount-columnrow ul li:last-child {
    border-bottom: none;
}

.myaccount-columnrow ul li a {
    color: #666;
    font-size: 16px;
    text-decoration: none;
}

.myaccount-columnrow ul li a.signout-icon {
    position: relative;
    color: #2D2A26;
}

.myaccount-columnrow ul li a.signout-icon:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    margin-left: 6px;
    background-image: url("../images/icons/sign-out.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .75;
}

.purchase-item {
    border: 1px solid #e5e5e5;
    padding: 16px 24px;
}

.purchase-item-info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 225px 1fr 1fr;
    grid-template-columns: 225px 1fr 1fr;
    gap: 24px 40px;
}

.purchase-item-info .img-wrapper {
    height: 100%;
    position: relative;
}

.purchase-item-info .img-wrapper .counter-extra-items {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
}

.purchase-subscription-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column: 1/4;
    background-color: #EDF3F8;
    padding: 12px 16px;
    border-radius: 8px;
}

@media screen and (max-width: 992px) {
    .purchase-wrapper .purchase-subscription-box {
        margin-top: 16px;
        font-size: 14px;
        padding: 10px 12px;
    }
}

@media screen and (max-width: 992px) {
    .purchase-wrapper .purchase-subscription-box img {
        width: 20px;
        height: 20px;
    }
}

.order-summary-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
    gap: 16px;
    padding: 24px;
}

@media screen and (max-width: 992px) {
    .order-summary-wrapper {
        display: block;
        padding: 16px;
        padding-top: 32px;
    }
}

.order-summary-wrapper .subtotal-wrapper {
    padding: 32px 24px;
}

@media screen and (max-width: 992px) {
    .order-summary-wrapper .subtotal-wrapper {
        padding: 24px;
        margin-top: 0;
    }
}

@media screen and (max-width: 992px) {
    .order-summary-wrapper .subtotal-wrapper .xlarge {
        font-size: 20px !important;
    }
}

#purchase-list .sort-filter-mb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

@media screen and (max-width: 992px) {
    #purchase-list .sort-filter-mb {
        position: static;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (max-width: 992px) {
    #purchase-list .sort-by {
        width: auto;
    }
}

@media screen and (max-width: 992px) {
    #purchase-list .purchase-item {
        padding: 16px;
    }
}

@media screen and (max-width: 992px) {
    #purchase-list .purchase-item-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
    }
}

@media screen and (max-width: 992px) {
    #purchase-list .purchase-item-info .img-wrapper {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 992px) {
    #purchase-list .purchase-item-info .btn-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 24px;
    }
}

@media screen and (max-width: 992px) {
    #purchase-list .purchase-item-info .btn-wrapper .button {
        width: 100%;
    }
}

#purchase-list .status {
    padding-left: 0;
}

#purchase-list .status:before {
    content: none;
}

.main-account .product-details-wrapper.glasses {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.main-account .product-details-wrapper.rx {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 992px) {
    .main-account .product-details-wrapper.rx {
        margin-top: -6px;
    }
}

.main-account .latest-purchase-dashboard {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 220px 1fr;
    grid-template-columns: 220px 1fr;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    padding: 24px;
}

@media screen and (max-width: 767px) {
    .main-account .latest-purchase-dashboard {
        display: block;
    }
}

.main-account .latest-purchase-dashboard .img-wrapper {
    height: 140px;
    position: relative;
}

@media screen and (max-width: 992px) {
    .main-account .latest-purchase-dashboard .img-wrapper {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 767px) {
    .main-account .latest-purchase-dashboard .img-wrapper img {
        max-height: 110px;
    }
}

.main-account .latest-purchase-dashboard .img-wrapper .counter-extra-items {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
}

.main-account .latest-purchase-dashboard .status {
    padding-left: 0;
}

.main-account .latest-purchase-dashboard .status:before {
    content: none;
}

.main-account .latest-purchase-dashboard .purchase-subscription-box {
    grid-column: 1/3;
}

.main-account .latest-purchase-dashboard .button {
    position: absolute;
    width: auto !important;
    right: 0;
    bottom: 0;
    font-size: 14px;
    min-width: 160px;
    padding: 8px 0;
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
    .main-account .latest-purchase-dashboard .button {
        position: static;
        margin-top: 16px;
        width: 100% !important;
        padding: 11px 0;
    }
}

@media screen and (max-width: 767px) {
    .main-account .latest-purchase-dashboard .button {
        position: static;
        margin-top: 16px;
        width: 100% !important;
        padding: 11px 0;
    }
}

.main-account .latest-purchase-dashboard .button.re-order-btn {
    bottom: 50px;
    min-width: 160px;
    padding: 6px;
}

@media screen and (max-width: 767px) {
    .main-account .latest-purchase-dashboard .button.re-order-btn {
        padding: 9px 0;
    }
}

@media screen and (max-width: 767px) {
    .main-account .latest-purchase-dashboard .purchase-subscription-box {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .main-account .latest-purchase-dashboard .purchase-subscription-box img {
        width: 20px;
    }
}

.main-account.purchase-details-display {
    margin-bottom: 85px;
}

@media screen and (max-width: 992px) {
    .main-account.purchase-details-display .img-wrapper {
        height: 140px;
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .main-account.purchase-details-display .img-wrapper img {
        height: 110px;
    }
}

@media screen and (max-width: 992px) {
    .main-account.purchase-details-display .purchase-subscription-box {
        padding: 7px 16px;
    }
}

.main-account.purchase-details-display .purchase-subscription-box img {
    margin-right: 12px;
}

@media screen and (max-width: 992px) {
    .main-account.purchase-details-display .purchase-subscription-box img {
        width: 20px;
        height: 20px;
        margin-right: 12px;
    }
}

@media screen and (max-width: 992px) {
    .main-account.purchase-details-display .purchase-subscription-box p {
        font-size: 14px;
    }
}

.main-account.purchase-details-display .item-separator {
    position: relative;
    margin-top: 24px;
}

@media screen and (min-width: 992px) {
    .main-account.purchase-details-display .item-separator {
        padding-top: 24px !important;
    }
}

.main-account.purchase-details-display .item-separator:before {
    content: '';
    position: absolute;
    top: 0;
    left: -24px;
    width: calc(100% + 48px);
    height: 1px;
    display: block;
    background-color: #e5e5e5;
}

@media screen and (max-width: 992px) {
    .main-account.purchase-details-display .item-separator:before {
        left: -16px;
        width: calc(100% + 32px);
    }
}

.myacc-ord-det .main-account .status {
    padding-left: 0px;
}

.myacc-ord-det .main-account .status:before {
    content: none;
}

.myacc-ord-det .checkout-main-wrapper .side-col {
    background-color: #f7f6f4;
    padding: 32px 40px;
}

@media screen and (max-width: 992px) {
    .myacc-ord-det .checkout-main-wrapper .side-col {
        position: static;
        padding: 24px 20px;
    }
}

.myacc-ord-det .checkout-main-wrapper .side-col .back-btn {
    display: none;
}

@media screen and (max-width: 992px) {
    .myacc-ord-det .checkout-main-wrapper .side-col .back-btn {
        display: block;
        position: absolute;
        top: 22px;
        left: 27px;
        text-decoration: none;
    }
}

.myacc-ord-det .checkout-main-wrapper .side-col .single-prod {
    background-color: #fff;
    border-radius: 8px;
}

@media screen and (max-width: 992px) {
    .myacc-ord-det .checkout-main-wrapper .side-col .single-prod {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
    }
}

.myacc-ord-det .checkout-main-wrapper .side-col .single-prod .button {
    background: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    padding-right: 16px;
    padding-left: 10px;
    gap: 16px;
    height: 100px;
}

@media screen and (max-width: 992px) {
    .myacc-ord-det .checkout-main-wrapper .side-col .single-prod .button {
        box-shadow: none;
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        color: #2d2a26;
    }
}

.myacc-ord-det .checkout-main-wrapper .side-col .single-prod .button .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .25s ease transform;
    transition: .25s ease transform;
}

@media screen and (max-width: 992px) {
    .myacc-ord-det .checkout-main-wrapper .side-col .single-prod .button .icon {
        display: none;
    }
}

.myacc-ord-det .checkout-main-wrapper .side-col .single-prod .button.collapsed .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.main-account .opsm-slideshow .product--img img {
    -o-object-fit: contain;
    object-fit: contain;
}

.img-wrapper img {
    mix-blend-mode: multiply;
}

.my-account-details .opsm-slideshow.opsm-slideshow--grid {
    max-width: 950px;
}

@media screen and (min-width: 992px) and (max-width: 1600px) {
    .my-account-details .opsm-slideshow.opsm-slideshow--grid {
        max-width: calc(100vw - 192px - 95px - 325px - 22px);
    }
}

#myaccount-store-modal.show {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#myaccount-store-modal .modal-dialog {
    max-width: 462px;
}

@media screen and (max-width: 992px) {
    #myaccount-store-modal .modal-dialog {
        margin: 16px;
    }
}

#myaccount-store-modal .modal-content {
    border-radius: 16px;
}

#myaccount-store-modal .modal-body {
    padding: 24px 40px 32px;
}

@media screen and (max-width: 992px) {
    #myaccount-store-modal .modal-body {
        padding: 24px;
        padding-bottom: 40px;
    }
}

#myaccount-store-modal .icon-close {
    position: absolute;
    top: 24px;
    right: 40px;
    width: 24px;
    height: 24px;
}

@media screen and (max-width: 992px) {
    #myaccount-store-modal .icon-close {
        right: 24px;
    }
}

#myaccount-store-modal .select-store-title {
    font-size: 22px;
    font-weight: 700;
}

@media screen and (max-width: 992px) {
    #myaccount-store-modal .select-store-title {
        font-size: 20px;
        margin-bottom: 0;
    }
}

#myaccount-store-modal .select-store--maps--sticky {
    position: static;
}

#myaccount-store-modal .select-store--maps {
    display: block;
}

@media screen and (max-width: 992px) {
    #myaccount-store-modal .select-store--maps {
        margin-top: 16px;
        margin-bottom: 0;
    }
}

#myaccount-store-modal .select-store--maps--inner {
    height: auto;
    margin-bottom: 16px;
    border-radius: 16px;
    overflow: hidden;
}

#myaccount-store-modal #selected-store-phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 24px;
    margin-bottom: 16px;
}

@media screen and (max-width: 992px) {
    #myaccount-store-modal #selected-store-phone {
        border-bottom: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 992px) {
    #myaccount-store-modal #selected-store-address {
        font-size: 14px;
    }
}

#myaccount-store-modal .select-store--item--hour {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: (1fr)[4];
    grid-template-rows: repeat(4, 1fr);
    grid-auto-flow: column;
    font-size: 14px;
    -webkit-column-gap: 54px;
    -moz-column-gap: 54px;
    column-gap: 54px;
}

@media screen and (max-width: 992px) {
    #myaccount-store-modal .select-store--item--hour {
        display: block;
    }
}

#myaccount-store-modal .select-store--item--hour .day {
    padding-right: 0;
}

#myaccount-store-modal .select-store--item--hour > div {
    display: -ms-grid;
    display: grid;
    gap: 8px;
    -ms-grid-columns: 32px auto;
    grid-template-columns: 32px auto;
}

#myaccount-store-modal .select-store--maps:before {
    content: none;
}

.my-account-eye-tests .appointment-recap .opsm-bordered-header {
    padding: 16px 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .my-account-eye-tests .appointment-recap .opsm-bordered-header {
        padding: 25px 20px;
    }
}

.my-account-eye-tests .appointment-recap .opsm-bordered-header .button--primary {
    min-width: auto;
    padding: 12px;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 1.3;
    min-width: 138px;
}

.my-account-eye-tests .appointment-recap .opsm-bordered-content {
    padding: 24px;
    padding-bottom: 36px;
}

.my-account-eye-tests .appointment-recap .opsm-bordered-content .border-left-lg {
    padding-left: 40px;
}

@media screen and (max-width: 992px) {
    .my-account-eye-tests .appointment-recap .opsm-bordered-content .border-left-lg {
        padding-left: 0;
        padding-top: 32px;
    }
}

.my-account-eye-tests .appointment-recap .opsm-bordered-content .btn-wrapper {
    margin-top: 32px;
}

.my-account-eye-tests .appointment-recap .opsm-bordered-content .btn-wrapper .button {
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.box-title-section {
    border-bottom: 1px solid #ccc;
    padding: 12px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.box-title-section p {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0;
}

.box-promocode-section {
    padding: 16px;
}

.box-promocode-section .single-promo:first-child {
    margin-bottom: 16px;
}

.box-promocode-section .single-promo {
    background-color: #F7F6F4;
    border-radius: 8px;
    padding: 12px 16px;
}

.copy-btn {
    box-shadow: 0px 0px 10px 0px #0000001A;
    background-color: #fff;
    border-radius: 24px;
    height: 32px;
    font-size: 14px;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px;
    gap: 8px;
    padding-left: 16px;
    margin: 8px 0;
    width: 127px;
}

.copy-btn:focus {
    box-shadow: 0px 0px 10px 0px #0000001A;
}

@media screen and (max-width: 992px) {
    .copy-btn {
        padding-left: 12px;
        gap: 8px;
        border: 0;
    }
}

.copy-btn .code {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 max-content;
    -ms-flex: 1 0 max-content;
    flex: 1 0 max-content;
    text-align: center;
    max-width: 68px;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .copy-btn .code {
        font-size: 14px;
    }
}

.copy-btn .copy-icon {
    height: 28px;
    background-color: #2D2A26;
    width: 38px;
    border-radius: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.copy-btn .copy-icon img {
    opacity: 1;
}

.copy-btn .copy-icon:before, .copy-btn .copy-icon:after {
    content: '';
    position: absolute;
    opacity: 0;
    -webkit-transition: 0.5s ease opacity;
    transition: 0.5s ease opacity;
}

.copy-btn .copy-icon:after {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.copy-btn .copy-icon.loading {
    position: relative;
    background-image: unset;
}

.copy-btn .copy-icon.loading img {
    opacity: 0;
}

.copy-btn .copy-icon.loading:before {
    content: '';
    background-image: url("../images/icons/spinner-btn-wht.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 38px;
    height: 28px;
    -webkit-animation: center-spin 2s infinite linear;
    animation: center-spin 2s infinite linear;
    opacity: 1;
}

.copy-btn .copy-icon.copied {
    position: relative;
}

.copy-btn .copy-icon.copied:before {
    content: '';
    position: absolute;
    top: 3px;
    right: 6px;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/check-circle-green.svg");
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #2d2926;
    border-radius: 100%;
    opacity: 1;
}

.copy-btn .copy-icon.copied:after {
    content: 'Copied';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83' height='46' viewBox='0 0 83 46' fill='none'%3E%3Cg clip-path='url(%23clip0_7_9)'%3E%3Cg filter='url(%23filter0_d_7_9)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 10C19.5817 10 16 13.5817 16 18V18.625L10 23.5L16.009 28.3823C16.2085 32.623 19.7099 36 24 36H65C69.4183 36 73 32.4183 73 28V18C73 13.5817 69.4183 10 65 10H24Z' fill='%23ECF3ED'/%3E%3Cmask id='mask0_7_9' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='10' y='10' width='63' height='26'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 10C19.5817 10 16 13.5817 16 18V18.625L10 23.5L16.009 28.3823C16.2085 32.623 19.7099 36 24 36H65C69.4183 36 73 32.4183 73 28V18C73 13.5817 69.4183 10 65 10H24Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_7_9)'%3E%3Cpath d='M16 18.625L16.6306 19.4011L17 19.101V18.625H16ZM9.99999 23.5L9.3694 22.7239L8.41418 23.5L9.3694 24.2761L9.99999 23.5ZM16.009 28.3823L17.0079 28.3353L16.9868 27.8883L16.6396 27.6062L16.009 28.3823ZM17 18C17 14.134 20.134 11 24 11V9C19.0294 9 15 13.0294 15 18H17ZM17 18.625V18H15V18.625H17ZM10.6306 24.2761L16.6306 19.4011L15.3694 17.8489L9.3694 22.7239L10.6306 24.2761ZM16.6396 27.6062L10.6306 22.7239L9.3694 24.2761L15.3784 29.1584L16.6396 27.6062ZM24 35C20.2464 35 17.1824 32.0452 17.0079 28.3353L15.0101 28.4293C15.2346 33.2009 19.1733 37 24 37V35ZM65 35H24V37H65V35ZM72 28C72 31.866 68.866 35 65 35V37C69.9706 37 74 32.9706 74 28H72ZM72 18V28H74V18H72ZM65 11C68.866 11 72 14.134 72 18H74C74 13.0294 69.9706 9 65 9V11ZM24 11H65V9H24V11Z' fill='%23E5E5E5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_7_9' x='0' y='0' width='83' height='46' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_7_9'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_7_9' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_7_9'%3E%3Crect width='83' height='46' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    width: 83px;
    height: 46px;
    position: absolute;
    right: -78px;
    top: -10px;
    color: #3F8350;
    font-size: 14px;
    line-height: 45px;
    padding-left: 5px;
    opacity: 1;
    -webkit-transition: 0.5s ease opacity;
    transition: 0.5s ease opacity;
}

.tc-tooltip-btn {
    width: 14px;
    height: 14px;
    padding: 0;
}

.promocodes-list {
    border: 1px solid #E5E5E5;
    margin-bottom: 40px;
}

.promocodes-list-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4] max-content;
    grid-template-columns: repeat(4, 1fr) max-content;
    padding: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .promocodes-list-item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 16px;
    }
}

.promocodes-list-item:nth-child(odd) {
    background-color: #F7F6F4;
}

.promocodes-list-item .active {
    color: #3F8350;
}

.confirmation-form-w .opsm-form-group {
    margin-bottom: 32px;
}

@media screen and (min-width: 992px) {
    #data-confirmation,
  .my-account-details-address-book-edit form {
        max-width: 592px;
    }
}

@media screen and (max-width: 992px) {
    #data-confirmation,
  .my-account-details-address-book-edit form {
        padding: 0 20px 32px;
    }
}

@media screen and (max-width: 992px) {
    #data-confirmation h3,
  .my-account-details-address-book-edit form h3 {
        font-size: 20px;
        margin-bottom: 16px;
    }
}

#complete-details {
    margin-bottom: 64px;
}

#complete-details .cancel-btn,
  #complete-details .save-btn {
    height: 44px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .my-account-details-activation #myaccount-area.contents .main-account {
        padding-right: 15px;
    }
}

@media screen and (max-width: 992px) {
    .my-account-details-activation .opsm-form-group.material-input .locality-shipping {
        margin-bottom: 32px !important;
    }
}

.my-account-details-activation .opsm-form-group.material-input .locality-shipping:not(:empty) + .form-control-label, .my-account-details-activation .opsm-form-group.material-input .locality-shipping:focus + .form-control-label {
    top: -10px;
    font-size: 14px;
    background-color: #fff;
    padding: 0 4px;
}

.my-account-details-address-book-add #hiddenStatePostcode,
.my-account-details-address-book-edit #hiddenStatePostcode {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 210px;
    grid-template-columns: auto 210px;
    gap: 16px;
    margin-top: 32px;
}

@media screen and (max-width: 992px) {
    .my-account-details-address-book-add #hiddenStatePostcode,
    .my-account-details-address-book-edit #hiddenStatePostcode {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 32px;
    }
}

.my-account-details-address-book-add #hiddenStatePostcode div,
  .my-account-details-address-book-edit #hiddenStatePostcode div {
    position: relative;
}

.main-account.prescription-flow .stepper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-account.prescription-flow .stepper-wrapper .step {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.main-account.prescription-flow .stepper-wrapper .step > button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    padding: 0;
    color: #999;
}

@media screen and (max-width: 992px) {
    .main-account.prescription-flow .stepper-wrapper .step > button {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.main-account.prescription-flow .stepper-wrapper .step.active > button {
    color: #2d2a26;
}

.main-account.prescription-flow .stepper-wrapper .step.active .stepper-number {
    border-color: #b58b34;
    color: #2d2a26;
}

.main-account.prescription-flow .stepper-wrapper .step.active:before {
    background-color: #2d2a26;
}

.main-account.prescription-flow .stepper-wrapper .step.done .stepper-number {
    background-image: url(../images/icons/check-circle.svg);
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    color: transparent;
    -webkit-filter: invert(60%) sepia(23%) saturate(1149%) hue-rotate(2deg) brightness(89%) contrast(88%);
    filter: invert(60%) sepia(23%) saturate(1149%) hue-rotate(2deg) brightness(89%) contrast(88%);
}

.main-account.prescription-flow .stepper-wrapper .step.done > button {
    color: #2d2a26;
}

.main-account.prescription-flow .stepper-wrapper .step .stepper-number {
    width: 21px;
    height: 21px;
    font-size: 12px;
    color: #999;
    border: 1px solid #999;
    border-radius: 100%;
    text-align: center;
    font-weight: 600;
    line-height: 19px;
}

.main-account.prescription-flow .stepper-wrapper .step-separator:before {
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background-color: #999;
}

.main-account.prescription-flow .stepper-wrapper .step-separator:before.active:before {
    background-color: #2d2a26;
}

.main-account.prescription-flow .prescription-type-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
    .main-account.prescription-flow .prescription-type-wrapper {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 15px;
    }
}

@media screen and (max-width: 992px) {
    .main-account.prescription-flow .prescription-type-wrapper.rx_form_cl {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 992px) {
    .main-account.prescription-flow .prescription-type-wrapper.step1 {
        margin-bottom: 56px;
    }
}

.main-account.prescription-flow .prescription-type-wrapper .opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-label:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: -32px;
    width: 16px;
    height: 16px;
}

.main-account.prescription-flow .prescription-type-wrapper .opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-label:after {
    left: -32px;
    width: 16px;
    height: 16px;
}

.main-account.prescription-flow .prescription-type-wrapper .opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 16px;
    height: 16px;
}

.main-account.prescription-flow .prescription-type-wrapper .opsm-form-control--options-padding {
    padding-left: 32px;
    margin-top: 0;
}

.main-account.prescription-flow .prescription-button-container {
    border-radius: 24px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    height: 200px;
    padding: 20px 24px;
    width: 275px;
    overflow: hidden;
    background-color: #fff;
    border: none;
}

.main-account.prescription-flow .prescription-button-container:hover .prescription-button-container-inner {
    margin-top: 0;
}

.main-account.prescription-flow .prescription-button-container:hover .prescription-button-container-inner .btn-pill {
    margin-top: 24px;
}

.main-account.prescription-flow .prescription-button-container .prescription-button-container-inner {
    margin-top: 24px;
    -webkit-transition: ease 0.5s all;
    transition: ease 0.5s all;
}

.main-account.prescription-flow .prescription-button-container img {
    width: 60px;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
}

.main-account.prescription-flow .prescription-button-container span {
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin-top: 18px;
}

.main-account.prescription-flow .prescription-button-container .btn-pill {
    color: #2d2a26;
    background-color: #F7F6F4;
    outline: 1px solid #E5E5E5;
    font-size: 16px;
    line-height: 0px;
    font-weight: 600;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 60px;
    height: 30px;
    border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 62px;
}

.rx_form_glasses .prescription-glasses-form-section p {
    width: 200px;
    text-align: center;
}

@media screen and (max-width: 992px) {
    .rx_form_glasses .prescription-glasses-form-section p {
        width: 116px;
    }
}

.rx_form_glasses .prescription-glasses-form-section > div:first-child p {
    margin-left: auto;
}

.rx_form_glasses .prescription-glasses-form-section > div:nth-child(2) .prescription-stat-select label {
    display: none;
}

.rx_form_glasses .prescription-glasses-form-section > div:nth-child(2) .prescription-stat-select.mono {
    -ms-grid-columns: 200px auto;
    grid-template-columns: 200px auto;
}

@media screen and (max-width: 992px) {
    .rx_form_glasses .prescription-glasses-form-section > div:nth-child(2) .prescription-stat-select.mono {
        -ms-grid-columns: 116px auto;
        grid-template-columns: 116px auto;
    }
}

.rx_form_glasses .prescription-stat-select.mono {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 200px;
    grid-template-columns: auto 200px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .rx_form_glasses .prescription-stat-select.mono {
        -ms-grid-columns: 80px 116px;
        grid-template-columns: 80px 116px;
    }
}

.rx_form_glasses .prescription-stat-select.multi {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 96px 110px 110px;
    grid-template-columns: 96px 110px 110px;
    gap: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .rx_form_glasses .prescription-stat-select.multi {
        -ms-grid-columns: 80px 116px;
        grid-template-columns: 80px 116px;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
}

@media screen and (max-width: 992px) {
    .rx_form_glasses .prescription-stat-select.multi .form-control:last-child {
        grid-column: 2/3;
    }
}

.my-account-prescriptions .my-account-prescriptions-add-eyes {
    grid-column: 1/3;
}

@media screen and (max-width: 992px) {
    .my-account-prescriptions .my-account-prescriptions-add-eyes {
        -ms-grid-column: 1;
        grid-column: 1;
    }
}

.my-account-prescriptions .my-account-prescriptions-add-eyes:has(> div.right-section-CL) {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

@media screen and (max-width: 992px) {
    .my-account-prescriptions .my-account-prescriptions-add-eyes > .row {
        margin: 0 !important;
    }
}

@media screen and (max-width: 992px) {
    .my-account-prescriptions .my-account-prescriptions-add-eyes > .row [class*="col"] {
        padding: 0 !important;
    }
}

.my-account-prescriptions .hybrid-select .btn {
    border: 1px solid #2d2a26;
    border-radius: 8px;
    padding: 7px 24px;
    padding-right: 16px;
    font-size: 14px;
}

.my-account-prescriptions .hybrid-select .btn:focus {
    border: 1px solid #2d2a26;
    box-shadow: none;
}

.my-account-prescriptions .hybrid-select .btn:has(+ .dropdown-menu.show[x-placement^=top]) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.my-account-prescriptions .hybrid-select .btn:has(+ .dropdown-menu.show[x-placement^=bottom]) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.my-account-prescriptions .hybrid-select .dropdown-menu {
    border-color: #2d2a26;
}

.my-account-prescriptions .hybrid-select .dropdown-menu[x-placement^=top] {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom: 0;
    box-shadow: 0px -2px 4px 3px rgba(0, 0, 0, 0.1);
}

.my-account-prescriptions .hybrid-select .dropdown-menu[x-placement^=bottom] {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top: 0;
    box-shadow: 0px 2px 4px 3px rgba(0, 0, 0, 0.1);
}

.my-account-prescriptions .rx_form_cl .hybrid-select .btn {
    height: 45px;
}

.my-account-prescriptions .date-wrapper {
    position: relative;
}

.my-account-prescriptions .date-wrapper .error.invalid-feedback {
    position: absolute;
    bottom: -10px;
    margin-bottom: 0;
}

#prism-values div > div:nth-child(2) .prescription-stat-select label {
    display: none;
}

#prism-values div > div:nth-child(2) .prescription-stat-select.multi {
    -ms-grid-columns: 110px 110px auto;
    grid-template-columns: 110px 110px auto;
}

@media screen and (max-width: 992px) {
    #prism-values div > div:nth-child(2) .prescription-stat-select.multi {
        -ms-grid-columns: 110px;
        grid-template-columns: 110px;
    }
}

@media screen and (max-width: 992px) {
    #prism-values div > div:nth-child(2) .prescription-stat-select.multi .form-control:last-child {
        -ms-grid-column: unset;
        grid-column: unset;
    }
}

.product-select-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(200px, 1fr) minmax(200px, 1fr);
    grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
    gap: 30px;
}

@media screen and (max-width: 992px) {
    .product-select-wrapper {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        width: 100%;
    }
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.same-prescription-mobile {
    margin: 30px 15px 0px;
    width: 100%;
}

@media (min-width: 992px) {
    .same-prescription-mobile {
        margin: 15px 0px 10px;
    }
}

.subscribe-mobile {
    margin-bottom: 0px !important;
    margin-top: 90px;
}

.product--price-other-option-s3b {
    padding-bottom: 10px !important;
    margin-top: -25px;
    margin-bottom: 0px !important;
}

.product--prescription {
    margin-top: 36px;
    padding: 30px 24px;
    box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.06);
    border-radius: 24px;
}

@media (min-width: 992px) {
    .product--prescription {
        margin-bottom: 30px;
        padding: 30px 24px;
    }
}

.product--prescription.loader {
    position: relative;
}

.product--prescription.loader:before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 24px;
    z-index: 1;
}

.product--prescription.loader:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/icons/spinner.svg) no-repeat center center;
    background-size: cover;
    -webkit-filter: brightness(100);
    filter: brightness(100);
    z-index: 9;
}

.product--prescription-slider-item {
    cursor: pointer;
}

.product--prescription-signin-box {
    font-size: 0.875rem;
}

.product--prescription-signin-btn {
    width: 144px;
}

@media (max-width: 991.98px) {
    .product--prescription-signin-btn {
        margin-top: 20px;
    }
}

.product--prescription-exist {
    padding: 30px;
    background-color: #F6F6F6;
    font-size: 1.5rem;
}

.product--prescription-exist-box .slick-next,
.product--prescription-exist-box .slick-prev {
    height: 140px;
    margin-top: -8px;
    z-index: 1;
    display: none !important;
}

@media (min-width: 992px) {
    .product--prescription-exist-box .slick-next,
    .product--prescription-exist-box .slick-prev {
        display: block !important;
    }
}

.product--prescription-exist-box .slick-next:before,
  .product--prescription-exist-box .slick-prev:before {
    content: "\e90a";
    color: #2D2A26;
    font-family: 'icomoon';
    font-size: 1.375rem;
    display: inline-block;
}

.product--prescription-exist-box .slick-next.slick-disabled,
  .product--prescription-exist-box .slick-prev.slick-disabled {
    opacity: 0;
    z-index: 0;
    display: none !important;
}

.product--prescription-exist-box .slick-next {
    right: 0;
}

@media (min-width: 992px) {
    .product--prescription-exist-box .slick-next {
        right: -20px;
    }
}

.product--prescription-exist-box .slick-prev {
    left: -15px;
}

@media (min-width: 992px) {
    .product--prescription-exist-box .slick-prev {
        left: -25px;
    }
}

.product--prescription-exist-box .slick-prev:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.product--prescription-exist-box-tb {
    display: none;
}

.product--prescription-slider-item {
    font-size: 1rem;
    min-height: 167px;
    min-width: 310px;
    padding: 21px;
    background-color: #FFFFFF;
    border: solid 4px #e5e5e5;
    position: relative;
}

.product--prescription-slider-item-title {
    font-size: 1rem;
}

.product--prescription-add-item {
    font-size: 2.5rem;
}

.product--prescription--existing-issue {
    font-size: 0.875rem;
}

.product--prescription-slider-item-selected {
    border: solid 4px #2d2a26;
}

.product--prescription-slider-item-selected:before {
    content: "";
    display: block;
    background: #2d2a26;
    width: 38px;
    height: 38px;
    right: 0;
    top: 0;
    position: absolute;
    border-bottom-left-radius: 40px;
}

.product--prescription-slider-item-selected:after {
    content: '';
    display: block;
    width: 9px;
    height: 14px;
    border: solid #FFFFFF;
    position: absolute;
    right: 10px;
    top: 4px;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.product--prescription-slider-nav-item {
    padding-right: 20px;
}

.product--prescription-login-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product--prescription-login-btn strong {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.product--info-right {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 576px) {
    .product--info-right {
        margin-top: 0;
    }
}

.product--info-right .product--favourite.btn-link {
    position: absolute;
    right: 0;
    margin-right: 0;
}

.prescription-table {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 3fr 3fr;
    grid-template-columns: 1fr 3fr 3fr;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767.98px) {
    .prescription-table {
        gap: 8px;
        row-gap: 12px;
    }
}

.prescription-table .opsm-form-control.form-control.dropdown .btn,
  .prescription-table .opsm-form-control.form-control.dropup .btn {
    border-radius: 8px;
    border: 1px solid #2D2A26;
    padding: 8px 15px 8px 24px;
}

.prescription-table select:disabled + .btn,
  .prescription-table .form-control-plaintext:disabled,
  .prescription-table .left-title.disabled {
    opacity: 0.47;
}

.prescription-table .opsm-form-control.form-control {
    height: auto;
}

.prescription-table .form-control-plaintext {
    padding-left: 1.25rem;
}

.contact-lenses .prescription-list-wrapper.slick-mode {
    overflow: hidden;
    padding: 0px 12px;
    margin-left: -15px;
    width: calc(100% + 30px);
}

@media (max-width: 767.98px) {
    .contact-lenses .prescription-list-wrapper.slick-mode {
        margin-left: -8px;
        width: calc(100% + 16px);
    }
}

.contact-lenses .prescription-list-wrapper.slick-mode .slick-list {
    overflow: visible;
}

.contact-lenses #user-prescr-wrapper .bg-light-grey {
    border-radius: 8px;
}

@media (max-width: 767.98px) {
    .contact-lenses #user-prescr-wrapper .bg-light-grey {
        border-radius: 16px;
    }
}

.contact-lenses .prescription-list button {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
}

.contact-lenses .prescription-list .btn:hover {
    color: #2d2a26 !important;
}

.contact-lenses .prescription-list .selected {
    border: 1px solid #50A862;
}

.contact-lenses .prescription-list.slick-slider {
    margin: 0 -6px;
}

.contact-lenses .prescription-list .slick-track {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.contact-lenses .prescription-list .slick-slide {
    margin-right: 6px;
    margin-left: 6px;
    height: initial;
}

.contact-lenses .prescription-list .slick-slide div {
    height: 100%;
}

.contact-lenses .prescription-list .slick-slide div button {
    height: 100%;
}

.contact-lenses .prescription-list .slick-dots {
    background-color: transparent;
    width: auto;
    height: auto;
    position: static;
    bottom: 0;
    left: 0;
    margin-top: 1rem;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    text-align: center;
    display: block;
}

.contact-lenses .prescription-list .slick-dots li {
    width: 6px;
    height: 6px;
    background-color: #CCCCCC;
    border-radius: 100%;
    margin: 0 4px;
}

.contact-lenses .prescription-list .slick-dots li button::before {
    content: none;
}

.contact-lenses .prescription-list .slick-dots li.slick-active {
    background-color: #2d2a26;
}

.contact-lenses #modal-zoom .slick-slide {
    height: 100vh;
}

@media (max-width: 767.98px) {
    .contact-lenses #modal-zoom .slick-slide {
        height: calc(100vh - 80px);
    }
}

.contact-lenses #modal-zoom #zoom-in {
    bottom: 85px;
}

@media (max-width: 767.98px) {
    .contact-lenses #modal-zoom #zoom-in {
        bottom: 155px;
    }
}

.contact-lenses #modal-zoom #zoom-out {
    bottom: 35px;
}

@media (max-width: 767.98px) {
    .contact-lenses #modal-zoom #zoom-out {
        bottom: 105px;
    }
}

.contact-lenses #modal-zoom .product--pdp-top-band-img {
    position: absolute;
    left: 37px;
    bottom: 35px;
}

.modal-opsm-login .modal-dialog {
    top: calc((100vh - 487px) / 2);
}

.ml-auto.close {
    outline: none;
}

.modal-login {
    background: #FFFFFF;
    padding: 0px 60px 50px;
}

.modal-login--nav {
    padding: 20px 30px;
}

.modal-login--title {
    font-size: 1.375rem;
    padding-bottom: 12px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
}

.modal-login--login-form .form-control-label {
    font-weight: 700;
}

.modal-login--login-form .button {
    min-width: 144px;
}

.modal-login--submit-login {
    background: #2D2A26;
}

.modal-login--submit-login.button--primary--red:not(:disabled):before {
    background: #4c4c4c;
}

.modal-login--forget-pass {
    font-size: 1rem;
    line-height: 1.5625rem;
    text-decoration: underline;
    color: #2D2A26;
}

.dropdown-prescription {
    width: 100%;
}

.dropdown--prescription-list {
    list-style-type: none;
    padding: 0;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    overflow-y: auto;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    visibility: hidden;
    opacity: 0;
    height: 0;
}

.dropdown--prescription-show {
    visibility: visible;
    opacity: 1;
    height: 225px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.dropdown--prescription-btn {
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px;
    color: #2D2A26;
    border: 1px solid #000000;
    background: #FFFFFF;
    width: 100%;
    position: relative;
    padding: 8px 0 8px 10px;
    text-align: left;
    cursor: pointer;
    outline: none;
}

.dropdown--prescription-btn:visited, .dropdown--prescription-btn:focus, .dropdown--prescription-btn:active {
    outline: none;
}

.dropdown--prescription-btn::after {
    content: "\e90a";
    font-family: 'icomoon';
    position: absolute;
    font-weight: bold;
    -webkit-transition: all 360ms ease-in-out;
    transition: all 360ms ease-in-out;
    font-size: 0.75rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 8px;
    right: 10px;
}

.dropdown--prescription-btn.dropdown--prescription-showBtn::after {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.dropdown--prescription-name {
    background-color: #e5e5e5;
    font-size: 1rem;
    font-weight: 700;
    line-height: 26px;
    color: #2D2A26;
}

.dropdown--component {
    padding: 15px 10px;
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
}

.dropdown--component:first-child, .dropdown--component:last-child {
    padding: 10px;
}

.dropdown--component:first-child, .dropdown--component:last-child {
    border-bottom: none;
}

.dropdown--component-title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 26px;
    color: #2D2A26;
    margin: 0;
}

.dropdown--component-issue {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 26px;
    color: #2D2A26;
    font-style: italic;
}

.dropdown--component-info span {
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px;
    color: #2D2A26;
}

.dropdown--component-info span:last-child {
    margin-left: 5px;
}

@media only screen and (max-width: 1440px) {
    .product--prescription-slider-item {
        min-width: 272px;
    }
}

@media only screen and (max-width: 1400px) {
    .product--prescription-slider-item {
        min-width: 267px;
    }
}

@media only screen and (max-width: 1366px) {
    .product--prescription-slider-item {
        min-width: 251.5px;
    }
}

@media only screen and (max-width: 1280px) {
    .product--prescription-slider-item {
        min-width: 236px;
    }
}

@media only screen and (max-width: 1024px) {
    .product--prescription-exist-title {
        margin-bottom: 20px;
        display: inline-block;
    }

    .product--prescription-signin-box {
        padding: 0 22px;
    }

    .product--prescription-slider-nav-wrapper {
        padding-left: 5px;
        margin-right: -8px;
    }

    .product--prescription-slider-item {
        min-width: 292px;
    }

    .product--prescription-exist-box .slick-next {
        right: -12px;
    }

    .checkbox-eyes {
        margin: 25px 0 -10px;
    }
}

@media only screen and (max-width: 992px) {
    .product--prescription .prescription--box .prescription--row {
        position: relative;
    }

    .product--prescription .prescription--box .prescription--left,
  .product--prescription .prescription--box .prescription--right {
        position: unset;
    }

    .product--prescription .prescription--box .same-prescription-checkbox {
        position: absolute;
        left: 0;
        top: 0;
        margin: 30px 15px 0;
        padding: 0 0 0 2.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .product--prescription {
        padding: 10px;
        margin-top: -200px;
    }

    .product--prescription-signin-box {
        padding: 0 30px;
    }

    .product--prescription-exist-box-tb {
        display: block;
    }

    .product--prescription-exist-box {
        display: none;
    }

    .product--prescription-login-btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product--prescription-signin-box {
        padding: 0 18px;
    }
}

@media only screen and (max-width: 559px) {
    .existing-desktop {
        display: none;
    }

    .mobile-checkbox-subscribe {
        background-color: #F6F6F6;
        padding: 6px 6px 6px 40px;
    }

    .modal-login {
        padding: 5px 15px 15px;
    }

    .product--info-area .row > .col-md-6.col-lg-4 {
        margin-top: 60px;
    }

    .product--prescription {
        padding: 30px 10px 20px;
        margin-top: 20px;
    }

    .product--prescription-login {
        margin-top: 0px;
    }
}

@media (max-width: 767.98px) {
    .contact-lenses .product--title {
        padding-bottom: 0;
    }
}

@media (min-width: 768px) {
    .contact-lenses .fixed-height-row {
        min-height: unset;
        max-height: unset;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: auto;
    }
}

.contact-lenses .product--slider-main {
    height: auto;
}

@media (min-width: 768px) {
    .contact-lenses .product--slider-main {
        padding-top: 100px;
    }
}

@media screen and (min-width: 992px) {
    .contact-lenses .product--slider-main .slick-slide {
        height: calc(100vh - 210px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (min-width: 992px) {
    .contact-lenses .product--slider-main .slick-slide img {
        min-width: unset;
        max-height: calc(100vh - 210px);
        -o-object-fit: contain;
        object-fit: contain;
    }
}

@media screen and (min-width: 992px) {
    .contact-lenses #full-image-container.fixed-header {
        top: 140px;
        height: calc(100vh - 140px);
    }
}

@media screen and (min-width: 992px) {
    .contact-lenses #full-image-container.fixed-header .product--slider-main {
        padding-top: 40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1600px) {
    .contact-lenses #full-image-container.fixed-header .product--slider-main {
        padding-top: 0;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1600px) {
    .contact-lenses #full-image-container.fixed-0 {
        top: 134px;
        height: calc(100vh - 134px);
    }
}

@media screen and (min-width: 992px) {
    .contact-lenses #full-image-container.fixed-0 .product--slider-main {
        padding-top: 180px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1600px) {
    .contact-lenses #full-image-container.fixed-0 .product--slider-main {
        padding-top: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1600px) {
    .contact-lenses #full-image-container.absolute-top {
        height: calc(100vh - 134px);
    }
}

@media screen and (min-width: 992px) {
    .contact-lenses #full-image-container.absolute-top .product--slider-main {
        padding-top: 170px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1600px) {
    .contact-lenses #full-image-container.absolute-top .product--slider-main {
        padding-top: 0;
    }
}

.contact-lenses .zoom-btn {
    position: absolute;
    bottom: 32px;
    right: 32px;
}

@media screen and (max-width: 992px) {
    .contact-lenses .zoom-btn {
        bottom: 24px;
        right: 16px;
    }
}

@media screen and (min-width: 992px) {
    .contact-lenses #slide-main .slick-list {
        max-height: calc(100vh - 244px);
        height: calc(100vh - 244px) !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1600px) {
    .contact-lenses #slide-main .slick-list {
        max-height: calc(100vh - 164px);
        height: calc(100vh - 164px) !important;
    }
}

@media screen and (min-width: 992px) {
    .contact-lenses #slide-main .slick-dots {
        bottom: -30px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1600px) {
    .contact-lenses #slide-main .slick-dots {
        bottom: 8px;
    }
}

@media screen and (max-width: 992px) {
    .contact-lenses #slide-main .slick-dots button {
        width: 100%;
        border-radius: 80px;
        height: 4px;
        background-color: #E5E5E5;
    }
}

@media screen and (max-width: 992px) {
    .contact-lenses #slide-main .slick-dots .slick-active button {
        background-color: #2d2a26;
    }
}

@media screen and (min-width: 992px) {
    .contact-lenses #slide-main .slick-arrow {
        bottom: -38px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1600px) {
    .contact-lenses #slide-main .slick-arrow {
        bottom: 0;
    }
}

.contact-lenses .product--sidebar-col {
    overflow: auto;
    padding-top: 0;
}

@media (max-width: 767.98px) {
    .contact-lenses .product--sidebar-col {
        overflow: visible !important;
    }
}

.contact-lenses .product--sidebar-col .product--info-right {
    padding-top: 30px;
}

@media (max-width: 767.98px) {
    .contact-lenses .product--sidebar-col .product--info-right {
        padding-top: 0;
    }
}

.contact-lenses .boxes-select .hybrid-select .dropdown-menu.show, .contact-lenses .axis-select .hybrid-select .dropdown-menu.show {
    padding-bottom: 40px;
}

.contact-lenses .color-select .hybrid-select .selected-text {
    max-width: 85px;
}

@media (max-width: 767.98px) {
    .contact-lenses .color-select .hybrid-select .selected-text {
        max-width: 65px;
    }
}

.contact-lenses .power-select .hybrid-select .dropdown-menu.show {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
    min-width: 100%;
    border: none;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
    padding-bottom: 40px;
}

.contact-lenses .power-select .hybrid-select .dropdown-menu.show .dropdown-item {
    padding: 5px;
    text-align: center;
}

.contact-lenses .power-select .hybrid-select .dropdown-menu.show .dropdown-item:first-child {
    display: none;
}

.contact-lenses .power-select .hybrid-select .dropdown-menu.show .dropdown-item:nth-child(even) {
    border-right: 1px solid #ccc;
}

.contact-lenses .power-select .hybrid-select .dropdown-menu.show .dropdown-item:hover {
    background-color: #E5E5E5;
}

.contact-lenses .power-select .hybrid-select .dropdown-menu.show .dropdown-item:nth-child(2), .contact-lenses .power-select .hybrid-select .dropdown-menu.show .dropdown-item:nth-child(3) {
    background-color: #666666;
    color: #fff;
    opacity: 1;
    position: relative;
    margin-bottom: 16px;
    border-right: 0;
}

.contact-lenses .power-select .hybrid-select .dropdown-menu.show .dropdown-item[data-value="-"]:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 1px;
    background-color: #fff;
}

.contact-lenses .prescription-valid {
    padding-left: 20px;
    min-height: unset;
    font-size: 12px;
    margin-top: -10px;
}

.contact-lenses .prescription-valid .custom-control-label {
    font-size: 12px !important;
    padding-left: 2px;
    max-width: calc(100% - 38%);
}

.contact-lenses .prescription-valid .button {
    width: auto;
    min-width: unset;
    text-transform: unset;
    font-weight: normal;
    letter-spacing: 0;
    padding: 0;
    text-decoration: underline;
    font-size: 12px;
    color: #2d2a26;
}

.contact-lenses .prescription-valid.opsm-custom-control.custom-control.custom-checkbox .custom-control-label:before {
    left: -20px;
    top: 2px;
}

.contact-lenses .prescription-valid .custom-control-input:checked ~ .custom-control-label::before {
    background: #2D2A26;
}

.contact-lenses .prescription-valid.opsm-custom-control.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    left: -20px;
    top: 2px;
    background-image: url(../images/icons/check.svg);
    -webkit-filter: brightness(100);
    filter: brightness(100);
}

@media (max-width: 767.98px) {
    .contact-lenses .prescription-valid.opsm-custom-control.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
        left: 1px;
    }
}

.contact-lenses .opsm-input-date .form-control {
    border: 1px solid #2D2A26;
    text-align: center;
    border-radius: 8px;
    height: auto;
    padding: 7px 9px;
    color: #2d2a26;
}

.contact-lenses .opsm-input-date .form-control::-webkit-input-placeholder {
    color: #2d2a26;
}

.contact-lenses .opsm-input-date .form-control::-moz-placeholder {
    color: #2d2a26;
}

.contact-lenses .opsm-input-date .form-control:-ms-input-placeholder {
    color: #2d2a26;
}

.contact-lenses .opsm-input-date .form-control::placeholder {
    color: #2d2a26;
}

.contact-lenses .prescription-valid .button {
    position: relative;
    padding-right: 15px;
    padding-left: 4px;
    color: #2d2a26;
}

.contact-lenses .prescription-valid .button:after {
    content: "\e909";
    font-family: 'icomoon';
    position: absolute;
    font-size: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    right: 0;
}

.contact-lenses .prescription-valid .button.collapsed:after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.contact-lenses #slide-main .slick-arrow {
    top: auto;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    z-index: 999;
}

.contact-lenses #slide-main .slick-arrow:before {
    content: "\e909";
    font-family: 'icomoon';
    color: #2D2A26;
    font-size: 8px;
}

.contact-lenses #slide-main .slick-next {
    right: calc(50% - 140px);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.contact-lenses #slide-main .slick-prev {
    left: calc(50% - 140px);
}

@media (min-width: 768px) {
    .contact-lenses #slide-main .slick-dots {
        height: 4px;
        background-color: #E5E5E5;
        border-radius: 100px;
        display: -ms-grid;
        display: grid;
        position: absolute;
        left: 50%;
        top: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 230px;
        grid-auto-flow: column;
    }

    .contact-lenses #slide-main .slick-dots li {
        margin: 0;
        height: 4px;
    }

    .contact-lenses #slide-main .slick-dots li button {
        width: 100%;
        height: 100%;
        border-radius: 100px;
        opacity: 0;
        -webkit-transition: 0.25s ease-out opacity;
        transition: 0.25s ease-out opacity;
    }

    .contact-lenses #slide-main .slick-dots li.slick-active button {
        opacity: 1;
    }
}

.contact-lenses #slide-main .slick-dots span,
.contact-lenses #slide-main .slick-dots button {
    padding: 0;
}

.contact-lenses #slide-main .slick-dots span:before,
  .contact-lenses #slide-main .slick-dots button:before {
    content: none;
}

.contact-lenses #slide-main .slick-dots .slick-active span,
.contact-lenses #slide-main .slick-dots .slick-active button {
    background: #2D2A26;
}

.toggle {
    position: relative;
    width: 57px;
    height: 27px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 100px;
    overflow: hidden;
}

.toggle label {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inset: 0;
    margin: 0;
}

.toggle label:after, .toggle label:before {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 27px;
    font-size: .75rem;
    color: #2d2a26;
}

.toggle label:after {
    content: "OFF";
    color: #fff;
    text-align: left;
}

.toggle label:before {
    color: #fff;
    content: "ON";
}

.toggle input + label {
    background: #CCCCCC;
    -webkit-transition: background-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, color .15s ease-in;
}

.toggle input:checked + label {
    background-color: #2d2a26;
}

.toggle input:checked + label:after {
    color: #2d2a26;
}

.toggle .toggle__switch {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

.toggle input:checked + label .toggle__switch {
    -webkit-transform: translateX(28px);
    -ms-transform: translateX(28px);
    transform: translateX(28px);
}

.toggle__switch {
    background: #fff;
    position: absolute;
    top: 4px;
    left: 5px;
    width: 19px;
    height: 19px;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
    pointer-events: none;
    border-radius: 50%;
}

.purchase-selection {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    padding: 24px;
    display: -ms-grid;
    display: grid;
}

@media screen and (max-width: 992px) {
    .purchase-selection {
        padding: 24px 16px;
    }
}

.purchase-selection .custom-control-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 992px) {
    .purchase-selection .custom-control-label {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.purchase-selection .opsm-custom-control.custom-control.custom-radio .custom-control-label:before {
    border: 2px solid #2D2A26;
}

@media screen and (max-width: 992px) {
    .purchase-selection .opsm-custom-control.custom-control.custom-radio .custom-control-label:before,
    .purchase-selection .opsm-custom-control.custom-control.custom-radio .custom-control-label:after {
        top: 14px;
    }
}

@media screen and (max-width: 992px) {
    .purchase-selection .price-title {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}

.purchase-selection .first {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.purchase-selection .first .custom-control {
    padding-bottom: 24px;
}

.purchase-selection .first .custom-control + div {
    margin-top: -8px;
    margin-bottom: 16px;
}

.purchase-selection .second {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    border-top: 1px solid #e5e5e5;
}

.purchase-selection .second .custom-control {
    padding-top: 24px;
}

.purchase-selection .second .custom-control + div {
    margin-top: 16px;
}

@media (min-width: 768px) {
    .equivalent-widget:not(.slick-slider) {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 43px;
    }

    .equivalent-widget:not(.slick-slider).col-12-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .equivalent-widget:not(.slick-slider).col-12-grid .single-equivalent {
        max-width: 50%;
        margin: 0 auto;
    }

    .equivalent-widget:not(.slick-slider) .single-equivalent {
        padding: 1rem;
    }

    .equivalent-widget.slick-slider {
        margin: 0 -15px;
        width: calc(100% + 30px);
    }

    .equivalent-widget.slick-slider .slick-slide {
        margin: 0 0.5rem 1.5rem;
    }

    .equivalent #full-image-container .product--slider-main {
        height: calc(100% - 190px);
    }
}

@media (max-width: 767.98px) {
    .single-equivalent {
        padding: 0.75rem;
    }

    .equivalent-widget.slick-slider {
        margin: 0 -15px;
        width: calc(100% + 30px);
    }

    .equivalent-widget.slick-slider .slick-list {
        padding: 0 0.5rem;
    }

    .equivalent-widget.slick-slider .slick-slide {
        margin: 0 0.5rem 1.5rem;
    }
}

.product-purchase-hf {
    border-radius: 8px;
    background-color: #F7F6F4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 16px;
    margin-top: 16px;
    row-gap: 4px;
}

@media screen and (max-width: 992px) {
    .product-purchase-hf {
        padding-bottom: 12px;
    }
}

.contactlenses .product--pdp-top-band {
    background-color: #fff;
    padding: 0 16px 8px;
}

@media screen and (min-width: 768px) {
    .contactlenses .product--pdp-top-band {
        display: none !important;
    }
}

.product--badge--red {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 10px;
    padding: 4px 8px;
}

@media screen and (max-width: 767px) {
    .product--badge--red {
        font-size: 12px;
    }
}

.pdp-info-accordion {
    max-width: 1140px;
    margin: 80px auto;
}

@media screen and (max-width: 992px) {
    .pdp-info-accordion {
        max-width: 100%;
        margin: 40px 0;
        padding: 16px;
    }
}

@media screen and (min-width: 992px) {
    .product-info-wrapper {
        display: -ms-grid;
        display: grid;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
        -ms-grid-columns: calc(50% - 20px) calc(50% - 20px);
        grid-template-columns: calc(50% - 20px) calc(50% - 20px);
    }
}

.attribute-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(max-content, 1fr) minmax(max-content, 1fr);
    grid-template-columns: minmax(max-content, 1fr) minmax(max-content, 1fr);
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 16px;
}

@media screen and (max-width: 992px) {
    .attribute-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.attribute-wrapper .size-attribute {
    grid-area: var(--attrCount)/2/calc(var(--attrCount) + 2)/3;
}

@media screen and (max-width: 992px) {
    .attribute-wrapper .size-attribute {
        grid-area: auto;
    }
}

.attribute-wrapper .size-attribute .btn {
    padding: 0;
    font-weight: 600;
    text-decoration: underline;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    text-align: left;
    height: 24px;
}

.attribute-wrapper .size-attribute p {
    margin-bottom: 12px;
}

@media screen and (max-width: 992px) {
    .attribute-wrapper .size-attribute p {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 992px) {
    .attribute-wrapper > div:nth-child(odd) {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }
}

@media screen and (max-width: 992px) {
    .attribute-wrapper > div:nth-child(even) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}

.frame-measures-wrapper {
    margin-top: 32px;
    margin-bottom: 24px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 400px;
}

@media screen and (max-width: 992px) {
    .frame-measures-wrapper {
        width: 100%;
    }
}

.frame-measures-wrapper .box-info {
    display: -ms-grid;
    display: grid;
    width: 395px;
    -ms-grid-columns: (auto)[4];
    grid-template-columns: repeat(4, auto);
    position: absolute;
    top: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding: 0px 16px;
}

@media screen and (max-width: 992px) {
    .frame-measures-wrapper .box-info {
        width: 100%;
    }
}

.frame-measures-wrapper .box-info .box-info-title {
    font-size: 12px;
    margin-bottom: 5px;
}

@media screen and (max-width: 992px) {
    .frame-measures-wrapper .box-info .box-info-title {
        font-size: 10px;
        margin-bottom: 0;
    }
}

.frame-measures-wrapper .box-info .box-info-value {
    font-weight: 600;
    font-size: 14px;
}

@media screen and (max-width: 992px) {
    .frame-measures-wrapper .box-info .box-info-value {
        font-size: 12px;
    }
}

.frame-measures-wrapper .box-info p {
    margin-bottom: 0;
    text-align: center;
}

.frame-measures-wrapper .temple-info {
    width: 38%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (auto)[4];
    grid-template-columns: repeat(4, auto);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 68%;
    padding: 0px 6px;
    gap: 4px;
}

@media screen and (max-width: 992px) {
    .frame-measures-wrapper .temple-info {
        padding: 0 3px;
    }
}

.frame-measures-wrapper .temple-info p {
    margin-bottom: 0;
    font-size: 10px;
    text-align: center;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.personalised {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}

@media (min-width: 768px) {
    .personalised {
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .personalised--wrap {
        max-width: 1206px;
        margin: 0 auto;
    }
}

.personalised--cover {
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .personalised--gradient--dark--left {
        background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), #FFFFFF);
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #FFFFFF);
    }

    .personalised--gradient--dark--right {
        background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    }

    .personalised--gradient--light--left {
        background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), #000000);
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #000000);
    }

    .personalised--gradient--light--right {
        background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    }
}

.personalised--button-group .button {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
}

@media (min-width: 768px) {
    .personalised--button-group .button {
        min-width: 200px;
    }
}

.personalised--button-group .button--primary {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .personalised--button-group .button--primary {
        margin-bottom: 0;
        margin-right: 0;
    }
}

.personalised--button-group .button--primary + .button--secondary {
    margin-left: 20px;
}

.personalised--text {
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background-color: #FFFFFF;
}

.personalised--text--light {
    background-color: #2D2A26;
    color: #FFFFFF;
}

@media (min-width: 768px) {
    .personalised--text {
        background-color: transparent;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 2;
        padding: 40px;
    }

    .personalised--text--left {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
    }

    .personalised--text--left .button.button--primary {
        margin-left: 0;
    }

    .personalised--text--right {
        text-align: right;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .personalised--text--right .button.button--secondary {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .personalised--text {
        padding: 60px;
    }
}

.personalised--title {
    font-size: 1.875rem;
    text-transform: uppercase;
    line-height: 1.17;
}

@media (min-width: 768px) {
    .personalised--title {
        font-size: 2.1875rem;
        line-height: 1.29;
    }
}

.personalised--subtitle {
    font-size: 1rem;
    margin-bottom: 20px;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.popular-products {
    margin-top: 35px;
    margin-bottom: 31px !important;
}

.popular-products--header {
    text-align: center;
}

@media (min-width: 768px) {
    .popular-products--header {
        max-width: 750px;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .popular-products--header {
        max-width: 730px;
    }
}

.popular-products--title {
    font-size: 1.125rem;
}

@media (min-width: 992px) {
    .popular-products--title {
        font-size: 2.1875rem;
    }
}

.popular-products--desc {
    line-height: 1.63;
    margin-top: 25px;
}

.popular-products--item {
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (max-width: 992px) {
    .popular-products--inner .slick-slide {
        margin: 0 4px;
    }
}

.popular-products .slick-prev:before,
  .popular-products .slick-next:before {
    content: none;
}

.popular-products .slick-arrow {
    width: 20px;
    height: 47px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.popular-products .slick-arrow.slick-prev {
    background-image: url("../images/icons/carousel-left.svg");
}

.popular-products .slick-arrow.slick-next {
    background-image: url("../images/icons/carousel-right.svg");
}

.popular-products .slick-arrow.slick-disabled {
    display: none !important;
}

@media screen and (max-width: 1400px) {
    .popular-products.compact-width {
        margin-right: 20px;
        margin-left: 20px;
    }
}

@media screen and (max-width: 992px) {
    .popular-products.compact-width {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.popular-products.compact-width .product--top {
    display: none !important;
}

.popular-products.compact-width .product--head {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popular-products.compact-width .product--head > a {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.popular-products.compact-width .product--head .product--img {
    -webkit-transform: translateY(32%);
    -ms-transform: translateY(32%);
    transform: translateY(32%);
}

.popular-products.compact-width .product--favourite {
    display: none;
}

.popular-products.compact-width h4 {
    font-size: 25px;
    margin-left: 10px;
}

@media screen and (max-width: 992px) {
    .popular-products.compact-width h4 {
        font-size: 20px;
        margin-left: 25px;
    }
}

@media screen and (max-width: 992px) {
    .popular-products.compact-width .slick-list.draggable {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.popular-products.compact-width .slick-arrow {
    background-image: url("../images/icons/angle-round.svg");
    width: 32px;
    height: 32px;
    border-radius: 100%;
}

.popular-products.compact-width .slick-arrow.slick-next {
    -webkit-transform: rotate(0) translateX(0%) translateY(-160%);
    -ms-transform: rotate(0) translateX(0%) translateY(-160%);
    transform: rotate(0) translateX(0%) translateY(-160%);
    right: -40px;
}

.popular-products.compact-width .slick-arrow.slick-prev {
    -webkit-transform: rotate(180deg) translateX(0%) translateY(160%);
    -ms-transform: rotate(180deg) translateX(0%) translateY(160%);
    transform: rotate(180deg) translateX(0%) translateY(160%);
    left: -40px;
}

.popular-products.compact-width .slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 9px;
    -moz-column-gap: 9px;
    column-gap: 9px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popular-products.compact-width .slick-dots li {
    margin: 0;
    width: 6px;
}

.popular-products.compact-width .slick-dots li.slick-active button:before {
    color: #2D2A26;
}

.popular-products.compact-width .slick-dots li button {
    padding: 0;
}

.popular-products.compact-width .slick-dots li button::before {
    width: 6px;
    color: #ccc;
    opacity: 1;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.prescription--nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .prescription--2-col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.prescription--box {
    background: #FFFFFF;
    min-height: auto;
    padding: 8px 20px;
    padding-top: 0px;
}

@media (max-width: 767.98px) {
    .prescription--box {
        padding: 0 11px 8px;
    }
}

.prescription--box .opsm-form-group.error .opsm-form-control.form-control.dropdown,
  .prescription--box .opsm-form-group.error .opsm-form-control.form-control.dropup {
    box-shadow: none;
}

.prescription--2-col .prescription--box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 767.98px) {
    .prescription--step-2 .prescription--box {
        padding-bottom: 55px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.prescription--box .opsm-custom-control.custom-control.custom-checkbox {
    padding-left: 1.25rem;
}

@media (max-width: 767.98px) {
    .prescription--box .opsm-custom-control.custom-control.custom-checkbox {
        padding-left: 0;
    }
}

.prescription--box .opsm-custom-control.custom-control.custom-checkbox .custom-control-label {
    font-size: 0.875rem;
}

@media (max-width: 767.98px) {
    .prescription--box .opsm-custom-control.custom-control.custom-checkbox .custom-control-label {
        padding-left: 1.25rem;
    }
}

.prescription--box .opsm-custom-control.custom-control.custom-checkbox .custom-control-label:before {
    left: -40px;
    top: 2px;
}

@media (max-width: 767.98px) {
    .prescription--box .opsm-custom-control.custom-control.custom-checkbox .custom-control-label:before {
        left: -20px;
    }
}

.prescription--box .opsm-custom-control.custom-control.custom-checkbox .custom-control-label.pdp-prescr:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    left: -40px;
}

@media (max-width: 767.98px) {
    .prescription--box .opsm-custom-control.custom-control.custom-checkbox .custom-control-label.pdp-prescr:before {
        left: -20px;
    }
}

.prescription--box .opsm-custom-control.custom-control.custom-checkbox .custom-control-label.pdp-prescr:after {
    left: -1.5rem;
}

.prescription--box .custom-control-input:checked ~ .custom-control-label::before {
    background: #2D2A26;
}

.prescription--box .opsm-custom-control.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    left: -20px;
    top: 2px;
    background-image: url(../images/icons/check.svg);
    -webkit-filter: brightness(100);
    filter: brightness(100);
}

@media (max-width: 767.98px) {
    .prescription--box .opsm-custom-control.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
        left: 1px;
    }
}

@media (max-width: 767.98px) {
    .prescription--box .prescription-valid .custom-control-label.pdp-prescr {
        max-width: 58.33333%;
    }
}

.prescription--result {
    padding: 0;
}

@media (min-width: 768px) {
    .prescription--result {
        padding: 0;
    }
}

.prescription--left {
    margin-top: 75px;
}

.prescription--right {
    margin-top: 75px;
}

.prescription--right .custom-control {
    padding: 15px 25px;
}

@media (min-width: 992px) {
    .prescription--right {
        margin-top: 10px;
    }

    .prescription--left {
        margin-top: 30px;
    }
}

.prescription--left .dropdown.form-control .icon::before, .prescription--right .dropdown.form-control .icon::before {
    font-weight: 700;
}

.prescription--side {
    background: #F6F6F6;
    padding: 0 20px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .prescription--side {
        width: 260px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .prescription--side {
        width: 300px;
    }
}

.prescription--login-title {
    font-size: 1.375rem;
}

.prescription--login-form .button {
    min-width: 144px;
}

.prescription--login-now {
    font-size: 0.875rem;
    text-decoration: underline;
}

.prescription--cancel-login {
    font-size: 0.875rem;
    text-decoration: underline;
}

.prescription--loggedin {
    display: none;
    margin: 20px 0;
}

@media (min-width: 768px) {
    .prescription--loggedin {
        margin: 0;
        display: block;
    }
}

.prescription--not-loggedin {
    margin: 20px 0;
}

@media (min-width: 768px) {
    .prescription--not-loggedin {
        margin: 0;
    }
}

.prescription--add-cart-desc {
    margin-top: 10px;
}

@media (max-width: 767.98px) {
    .prescription--add-to-cart {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 20;
    }
}

.prescription--existing-pres {
    padding: 10px;
    background: #FFFFFF;
    margin-bottom: 10px;
}

.prescription--existing-issue {
    margin-left: 24px;
}

.prescription--existing-info {
    border-top: solid 1px #CCCCCC;
    margin-left: 24px;
}

.prescription--no-existing {
    font-size: 1rem;
    line-height: 26px;
    color: #2D2A26;
    margin-top: 20px;
}

.prescription--back-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.prescription--back-btn .icon {
    margin-right: 15px;
}

.prescription--confirm-table {
    margin: 0;
}

.prescription--box-total {
    padding: 15px;
    background: #F6F6F6;
    margin-top: auto;
    margin-left: -20px;
    margin-right: -20px;
}

@media (min-width: 768px) {
    .prescription--box-total {
        margin-left: 0;
        margin-right: 0;
        margin-top: 30px;
    }
}

.prescription--box-total .custom-control .custom-control-label {
    color: #E1523E;
}

.prescription--subscribe-desc {
    margin-left: 24px;
}

.group-dia input,
.group-bc input {
    background-color: #F6F6F6;
    padding-left: 10px;
}

.prescription--result .dropdown .prescription-btn-disabled:disabled {
    border: none;
    background-color: #F6F6F6;
    color: #212529;
    opacity: 1;
}

@media only screen and (max-width: 768px) {
    .prescription--right .col-12.col-lg-2, .prescription--left .col-12.col-lg-2 {
        margin-bottom: 15px;
    }

    .prescription--right .col-12.col-lg-2:last-child, .prescription--left .col-12.col-lg-2:last-child {
        margin-bottom: 0;
    }
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.prod-pg-header {
    padding: 0;
    position: relative;
}

@media screen and (max-width: 992px) {
    .prod-pg-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.prod-pg-header--container {
    position: relative;
    z-index: 2;
}

@media (min-width: 992px) {
    .prod-pg-header--container {
        height: auto;
        padding-top: 61px;
    }
}

.prod-pg-header--title {
    position: relative;
    font-size: 1.5625rem;
    line-height: 2.0625rem;
}

@media (min-width: 992px) {
    .prod-pg-header--title {
        font-size: 2.1875rem;
        line-height: 2.4375rem;
        text-align: left;
        top: 0;
        margin: 0;
    }
}

.prod-pg-header--background {
    position: relative;
    height: 100%;
    min-height: 150px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.prod-pg-header--image-container {
    height: 100%;
    position: relative !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    left: 0 !important;
}

.prod-pg-header--image {
    position: relative;
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
    display: block;
    margin-left: auto;
}

.prod-pg-header--breadcrumb-container {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 3;
}

@media screen and (max-width: 992px) {
    .prod-pg-header--breadcrumb-container {
        position: relative;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
}

.prod-pg-header--breadcrumb-container .opsm-breadcrumb {
    margin: 0;
    padding-top: 24px !important;
}

@media screen and (max-width: 992px) {
    .prod-pg-header--breadcrumb-container .opsm-breadcrumb {
        padding: 0;
        padding-top: 16px !important;
    }
}

.prod-pg-header--breadcrumb-container .opsm-breadcrumb .breadcrumb-item {
    padding-bottom: 0;
    font-size: 14px;
    line-height: 21px;
}

@media screen and (max-width: 992px) {
    .prod-pg-header--breadcrumb-container .opsm-breadcrumb .breadcrumb-item {
        padding-bottom: 8px;
    }
}

@media screen and (min-width: 576px) {
    .hide-prod-pg-header--title ~ .prod-pg-header--breadcrumb-container .opsm-breadcrumb {
        margin: 0 -32px;
        padding-top: 16px !important;
    }
}

.hide-prod-pg-header--title ~ .prod-pg-header--wrapper {
    display: none;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.img-360 {
    position: absolute;
    height: 20px;
    width: 35px;
}

@media (min-width: 768px) {
    .img-360 {
        top: 72px;
        left: 37px;
    }
}

@media (min-width: 992px) {
    .img-360 {
        top: 80px;
        left: 40px;
    }
}

#full-image-body {
    background-color: #F7F6F4;
}

.pg-product-detail .price-wrapper,
.pg-product-detail .price-wrapper .price-title {
    font-size: 22px;
}

@media (min-width: 768px) {
    .fixed-height-row {
        max-height: calc(100vh - 165px);
        height: 100vh;
        min-height: 700px;
    }
}

@media (min-width: 1200px) {
    .fixed-height-row {
        min-height: 640px;
        max-height: calc(100vh - 100px);
    }
}

.sticky-2-btn {
    margin-top: 16px;
}

.add-to-cart-btn--sticky-bar.sticky-ing {
    bottom: calc(-73px - env(safe-area-inset-bottom));
    -webkit-transition: 0.35s ease bottom;
    transition: 0.35s ease bottom;
    padding: 0 10px;
    padding-top: 1rem;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(87, 87, 91, 0.1);
    border-top: 1px solid #f2f2f2;
}

@media (max-width: 767.98px) {
    .add-to-cart-btn--sticky-bar.sticky-ing {
        bottom: calc(-100% - env(safe-area-inset-bottom));
        padding: 0 15px;
        padding-top: 1rem;
        -webkit-transition: 0.75s ease bottom;
        transition: 0.75s ease bottom;
    }
}

.add-to-cart-btn--sticky-bar.sticky {
    bottom: 0;
    padding-bottom: env(safe-area-inset-bottom);
}

.add-to-cart-btn--sticky-bar.absolute {
    position: absolute;
    bottom: 0;
    z-index: 999;
    padding: 0 1rem;
    padding-top: 1rem;
}

@media (max-width: 767.98px) {
    .add-to-cart-btn--sticky-bar.absolute {
        left: 0;
    }
}

@media (min-width: 768px) {
    .add-to-cart-btn--sticky-bar.absolute, .add-to-cart-btn--sticky-bar.sticky-ing {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
    }
}

.add-to-cart-btn--sticky-bar.absolute .price-button-wrapper, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .product--price-with-other-options, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .product--price-with-other-options {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    row-gap: 4px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .product--price-with-other-options .price-title--pdp, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .product--price-with-other-options .price-title--pdp {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

@media screen and (max-width: 992px) {
    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .product--price-with-other-options .price-title--pdp, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .product--price-with-other-options .price-title--pdp {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}

.add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .sticky-2-btn, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .sticky-2-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
}

@media screen and (max-width: 992px) {
    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .sticky-2-btn, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .sticky-2-btn {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: 16px;
        margin-top: 8px;
    }
}

@media screen and (max-width: 992px) {
    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .gvp-sticky .product--price-with-other-options, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .gvp-sticky .product--price-with-other-options {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 4px;
        margin-bottom: 8px !important;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .gvp-sticky .product--price-with-other-options .price-title--pdp, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .gvp-sticky .product--price-with-other-options .price-title--pdp {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

@media screen and (max-width: 992px) {
    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .gvp-sticky .visible-sticky, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .gvp-sticky .visible-sticky {
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .gvp-sticky .hidden-sticky, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .gvp-sticky .hidden-sticky {
        display: none;
    }
}

@media (min-width: 768px) {
    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .price-wrapper, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .price-wrapper {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .product--price-with-other-options, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .product--price-with-other-options {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 2px;
        -moz-column-gap: 2px;
        column-gap: 2px;
    }

    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .product--after-pay, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .product--after-pay {
        white-space: nowrap;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .product--after-pay, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .product--after-pay {
        margin-left: 8px !important;
        margin-right: 16px !important;
    }
}

@media (min-width: 768px) {
    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .price-title--pdp, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .price-title--pdp {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 5px;
    }
}

@media (max-width: 767.98px) {
    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 8px;
    }

    .add-to-cart-btn--sticky-bar.absolute .price-button-wrapper .price-wrapper, .add-to-cart-btn--sticky-bar.sticky-ing .price-button-wrapper .price-wrapper {
        width: 100%;
    }
}

.add-to-cart-btn--sticky-bar.absolute .gvp-box, .add-to-cart-btn--sticky-bar.sticky-ing .gvp-box {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 992px) {
    .add-to-cart-btn--sticky-bar.absolute .gvp-box, .add-to-cart-btn--sticky-bar.sticky-ing .gvp-box {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}

.add-to-cart-btn--sticky-bar.absolute .gvp-box .product--add-to-cart-btn, .add-to-cart-btn--sticky-bar.sticky-ing .gvp-box .product--add-to-cart-btn {
    margin: 0 24px 0 16px !important;
    min-width: 180px;
    height: 44px;
    font-size: 14px;
}

@media screen and (max-width: 992px) {
    .add-to-cart-btn--sticky-bar.absolute .gvp-box .product--add-to-cart-btn, .add-to-cart-btn--sticky-bar.sticky-ing .gvp-box .product--add-to-cart-btn {
        max-width: 100%;
        margin: 0 !important;
        margin-bottom: 8px !important;
        height: 52px;
    }
}

@media screen and (max-width: 992px) {
    .add-to-cart-btn--sticky-bar.absolute .gvp-box .hidden-sticky, .add-to-cart-btn--sticky-bar.sticky-ing .gvp-box .hidden-sticky {
        display: none;
    }
}

@media (min-width: 768px) {
    .add-to-cart-btn--sticky-bar.absolute .visible-sticky, .add-to-cart-btn--sticky-bar.sticky-ing .visible-sticky {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .add-to-cart-btn--sticky-bar.absolute .hidden-sticky, .add-to-cart-btn--sticky-bar.sticky-ing .hidden-sticky {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .add-to-cart-btn--sticky-bar.absolute .hidden-sticky-mobile, .add-to-cart-btn--sticky-bar.sticky-ing .hidden-sticky-mobile {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .add-to-cart-btn--sticky-bar.absolute button.product--add-to-cart-btn, .add-to-cart-btn--sticky-bar.sticky-ing button.product--add-to-cart-btn {
        max-height: 44px;
        padding: 0;
        margin: 10px 16px !important;
        padding: 0 24px;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        height: 44px;
    }
}

@media (max-width: 767.98px) {
    .add-to-cart-btn--sticky-bar.absolute button.product--add-to-cart-btn, .add-to-cart-btn--sticky-bar.sticky-ing button.product--add-to-cart-btn {
        padding: 0;
        height: 52px;
        min-width: unset;
        margin: 0;
        margin-bottom: 8px;
    }
}

.add-to-cart-btn--sticky-bar.absolute button.btn-lens-panel, .add-to-cart-btn--sticky-bar.sticky-ing button.btn-lens-panel {
    color: #2d2a26;
}

.add-to-cart-btn--sticky-bar.absolute button.btn-lens-panel:hover, .add-to-cart-btn--sticky-bar.absolute button.btn-lens-panel:focus, .add-to-cart-btn--sticky-bar.absolute button.btn-lens-panel:active, .add-to-cart-btn--sticky-bar.sticky-ing button.btn-lens-panel:hover, .add-to-cart-btn--sticky-bar.sticky-ing button.btn-lens-panel:focus, .add-to-cart-btn--sticky-bar.sticky-ing button.btn-lens-panel:active {
    color: #2d2a26 !important;
}

@media (min-width: 768px) {
    .add-to-cart-btn--sticky-bar.absolute button.btn-lens-panel, .add-to-cart-btn--sticky-bar.sticky-ing button.btn-lens-panel {
        margin: 10px 0 !important;
    }
}

@media (max-width: 767.98px) {
    .add-to-cart-btn--sticky-bar.absolute button.btn-lens-panel, .add-to-cart-btn--sticky-bar.sticky-ing button.btn-lens-panel {
        min-width: unset;
        padding-left: 0;
        padding-right: 0;
    }
}

.add-to-cart-btn--sticky-bar .price-button-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.add-to-cart-btn--sticky-bar .visible-sticky {
    display: none;
}

.add-to-cart-btn--sticky-bar .thumbnail-wrapper {
    background-color: #F7F6F4;
    width: 120px;
    height: 72px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.add-to-cart-btn--sticky-bar .thumbnail-wrapper img {
    max-width: unset;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: multiply;
}

.add-to-cart-btn--sticky-bar .container-fluid {
    padding: 0;
}

@media (max-width: 767.98px) {
    .add-to-cart-btn--wrapper {
        margin-top: 24px;
    }
}

@media (min-width: 768px) {
    .add-to-cart-btn--wrapper.fixed-height {
        height: 36px;
    }
}

@media (max-width: 767.98px) {
    .sunglasses .add-to-cart-btn--wrapper .product--after-pay {
        margin-bottom: 1.5rem !important;
    }
}

.pg-product-detail .breadcrumbtrail {
    z-index: 12;
}

.pg-product-detail .breadcrumbtrail.fixed-animation {
    -webkit-transition: 0.5s ease-out top 0.1s;
    transition: 0.5s ease-out top 0.1s;
}

.pg-product-detail .breadcrumbtrail.fixed-header {
    position: fixed;
    top: 95px;
    left: auto;
}

.pg-product-detail .breadcrumbtrail.fixed-0 {
    position: fixed;
    top: 0;
    left: auto;
}

.pg-product-detail .breadcrumbtrail.absolute-top {
    position: absolute;
}

@media (max-width: 767.98px) {
    .pg-product-detail .breadcrumbtrail {
        display: none;
    }
}

.pg-product-detail div.product--info-area:not(.contact-lenses) .breadcrumbtrail {
    position: absolute;
}

#full-image-container .bot-btn-wrapper {
    padding-bottom: 20px;
}

@media (min-width: 992px) {
    #full-image-container {
        height: 100%;
    }

    #full-image-container .bot-btn-wrapper {
        padding-bottom: 36px;
    }

    #full-image-container.fixed-0 {
        position: fixed;
        top: 0;
        height: 100vh;
    }

    #full-image-container.fixed-0 .product--slider-desktop {
        background-color: #f7f6f4;
    }

    #full-image-container.fixed-0 .product--slider-main {
        padding-top: 253px;
    }

    #full-image-container.fixed-header {
        position: fixed;
        top: 140px;
        height: calc(100vh - 140px);
    }

    #full-image-container.fixed-header .product--slider-desktop {
        background-color: #f7f6f4;
    }

    #full-image-container.fixed-header .product--slider-main {
        padding-top: 80px;
    }

    #full-image-container.absolute-top {
        position: absolute;
        top: auto;
        bottom: 0;
        height: 100vh;
    }

    #full-image-container.absolute-top .product--slider-main {
        padding-top: 253px;
    }
}

#full-image-body {
    padding: 0;
}

.product--slider-main .slick-slide img {
    width: 100%;
    min-width: 50vw;
}

@media (max-width: 767.98px) {
    .product--slider-main .slick-slide img {
        max-width: 100vw;
        min-width: 100vw;
        min-height: 344px;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

#info-accordion div:first-of-type .card {
    border-top: 1px solid #ccc;
}

#info-accordion .card {
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

#info-accordion .card .card-header {
    border-bottom: none;
}

#info-accordion .tab-accordion-img {
    width: 40px;
    margin-right: 24px;
}

#info-accordion .card-header a {
    font-size: 20px;
    font-weight: bold !important;
}

@media (max-width: 767.98px) {
    #info-accordion .card-header a {
        font-size: 18px;
    }
}

#info-accordion .tab-accordion--sign {
    width: 20px;
    height: 20px;
}

#info-accordion .tab-accordion--sign:before, #info-accordion .tab-accordion--sign:after {
    width: 20px;
    height: 2px;
    border-radius: 2px;
}

.product {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 15px 0;
}

.product:hover {
    color: #2D2A26;
}

.product--featured {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product--sliders {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    height: 100%;
}

.product-listing--item .product {
    margin: 0;
}

.product-listing--item .product .product--img {
    position: absolute;
    top: 0;
    height: 100%;
}

.product-listing--item .product .product--img .product--primary-img, .product-listing--item .product .product--img .product--secondary-img {
    height: 100%;
}

.product-listing--item .product .product--img .product--primary-img img, .product-listing--item .product .product--img .product--secondary-img img {
    height: 100%;
}

.product.card {
    border: none;
    border-radius: 0;
}

.product.card a:hover {
    color: #2D2A26;
}

.product.card.solutions .product--head {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product.card.contact-lenses a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}

@media (min-width: 992px) {
    .product.product--no-border.card:hover, .product.product--no-border.card:focus {
        box-shadow: none;
    }
}

.product--atc {
    margin-top: 70px;
}

.product--head {
    background-color: #F7F6F4;
    position: relative;
    aspect-ratio: 100/90;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
}

.product--top {
    padding: 24px;
    gap: 4px;
}

@media screen and (max-width: 992px) {
    .product--top {
        padding: 16px 8px 0;
    }
}

@media screen and (max-width: 992px) {
    .product--top .product--badge:nth-child(3) {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .list-view .product--top {
        padding: 24px;
    }
}

.product--featured .product--top {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (min-width: 768px) {
    .product--featured .product--top {
        margin-left: 50%;
    }
}

.product--top-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 24px;
    left: 24px;
}

@media screen and (max-width: 992px) {
    .product--top-inner {
        top: 16px;
        left: 8px;
    }
}

@media screen and (max-width: 992px) {
    .list-view .product--top-inner {
        top: 24px;
        left: 24px;
    }
}

.product--badge {
    height: 24px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    padding: 0 8px;
    margin-right: 0;
    border-radius: 24px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    color: #2D2A26;
    z-index: 1;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.product--badge--red {
    border-color: #E1523E;
    color: #E1523E;
}

.product--badge--commercial {
    border: 1px solid #B58B34;
    background-color: #f7f6f4;
}

.product--badge--features {
    background-color: #E6E5E0;
    border: none;
    font-weight: 400;
}

.product--badge--discount {
    height: 20px;
    background-color: #B58B34;
    border: 1px solid #B58B34;
    color: #fff;
    line-height: 1.2;
    font-weight: 700;
}

@media screen and (max-width: 992px) {
    .product--badge--discount {
        height: 16px;
        line-height: 16px;
        padding: 0 4px;
    }
}

.product--badge--category {
    border: none;
}

.product--badge--category.kids {
    background-color: #AEC4E4;
    font-weight: 400;
}

.product--badge--category.sustainable {
    background-color: #C2E0BD;
}

.product--title {
    font-size: 22px;
    line-height: 27px;
    font-family: 'Barlow', sans-serif;
}

@media (max-width: 991.98px) {
    .product--title {
        margin-bottom: 0;
        font-size: 20px;
        margin-right: 36px;
    }
}

.product--favourite {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 1;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 992px) {
    .product--favourite {
        opacity: 0;
    }

    .product--favourite--yes {
        opacity: 1;
    }

    .product:hover .product--favourite {
        opacity: 1;
    }
}

.product--favourite--visible {
    opacity: 1;
}

.product--favourite.btn-link {
    color: #2D2A26;
    padding: 0;
    height: 24px;
    border: 0;
}

@media screen and (max-width: 992px) {
    .product--favourite.btn-link {
        height: 16px;
        z-index: 2;
    }
}

@media screen and (max-width: 992px) {
    .list-view .product--favourite.btn-link {
        height: 24px;
    }
}

.product--favourite.btn-link:active, .product--favourite.btn-link:focus {
    color: #2D2A26;
    text-decoration: none;
}

.product--favourite.btn-link:hover {
    text-decoration: none;
}

@media screen and (min-width: 992px) {
    .product--favourite.btn-link:hover span::before {
        content: '\e926';
    }
}

.product--favourite .icon {
    color: #2D2A26;
    font-size: 24px;
}

@media screen and (max-width: 992px) {
    .product--favourite .icon {
        font-size: 16px;
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .list-view .product--favourite .icon {
        font-size: 24px;
    }
}

.product--favourite--lg .icon {
    font-size: 30px;
}

.product--img {
    position: relative;
    width: 100%;
}

.product--img img {
    -o-object-fit: contain;
    object-fit: contain;
    mix-blend-mode: multiply;
}

@media (min-width: 768px) {
    .product--featured .product--img {
        width: calc(50% - 30px);
        margin: 0 15px;
    }
}

@media (min-width: 1200px) {
    .product--featured .product--img {
        top: -50px;
    }
}

.product--primary-img {
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media (min-width: 992px) {
    .product--img--dual:hover .product--primary-img {
        opacity: 0;
    }
}

.product--secondary-img {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

@media (min-width: 992px) {
    .product--img--dual:hover .product--secondary-img {
        opacity: 1;
    }
}

.product--content {
    padding: 0;
    padding-top: 8px;
}

@media screen and (max-width: 992px) {
    .product--content {
        padding: 8px;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 992px) {
    .list-view .product--content {
        padding: 8px 16px 0;
    }
}

@media (min-width: 768px) {
    .product--featured .product--content {
        padding-top: 0;
        width: 50%;
        text-align: left;
    }
}

.product--brand {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    color: #2D2A26;
    margin-bottom: 4px;
    position: relative;
}

@media screen and (max-width: 992px) {
    .product--brand {
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    .list-view .product--brand {
        font-size: 16px;
    }
}

.product--model {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #2D2A26;
    margin-bottom: 4px;
    position: relative;
}

@media screen and (max-width: 992px) {
    .product--model {
        font-size: 12px;
    }
}

@media screen and (max-width: 992px) {
    .list-view .product--model {
        font-size: 14px;
    }
}

.product--description {
    text-align: center;
}

.product--featured .product--description {
    display: none;
}

@media (min-width: 768px) {
    .product--featured .product--description {
        text-align: left;
        display: block;
    }
}

.product--price {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}

.list-view .product--price {
    font-size: 16px;
}

@media (min-width: 576px) {
    .product--price {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (min-width: 768px) {
    .product--featured .product--price {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
}

.product--price--old, .product--price--new {
    margin-bottom: 0;
}

.product--price--old {
    color: #666;
    font-weight: 400;
    text-decoration: line-through;
}

.price-title--lg .product--price--old {
    font-size: 18px;
    margin-right: 20px;
}

@media (min-width: 992px) {
    .price-title--lg .product--price--old {
        font-size: 24px;
        margin-right: 15px;
    }
}

.product--price--new {
    color: #2D2A26;
    font-weight: 700;
}

.price-title--lg .product--price--new {
    font-size: 26px;
    font-weight: bold;
}

@media (min-width: 992px) {
    .price-title--lg .product--price--new {
        font-size: 30px;
    }
}

.product--colors {
    margin-bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media (min-width: 768px) {
    .product--featured .product--colors {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
}

@media (min-width: 992px) {
    .product--colors {
        opacity: 0;
    }

    .product:hover .product--colors {
        opacity: 1;
    }
}

.product--colors--slider {
    padding: 0 52px;
    margin-top: auto;
    margin-bottom: 32px;
    max-height: 24px;
    overflow-y: hidden;
    text-transform: capitalize;
    max-width: 480px;
}

@media screen and (max-width: 992px) {
    .product--colors--slider {
        max-width: calc(50vw - 4px);
        margin-bottom: 16px;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        max-height: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 992px) {
    .list-view .product--colors--slider {
        max-width: 100vw;
        padding: 0 48px;
    }
}

.product--colors--slider .slick-next {
    right: 24px;
    -webkit-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
    top: 50%;
}

@media screen and (max-width: 992px) {
    .product--colors--slider .slick-next {
        right: 8px;
    }
}

@media screen and (max-width: 992px) {
    .list-view .product--colors--slider .slick-next {
        right: 24px;
    }
}

.product--colors--slider .slick-prev {
    left: 24px;
}

@media screen and (max-width: 992px) {
    .product--colors--slider .slick-prev {
        left: 8px;
    }
}

@media screen and (max-width: 992px) {
    .list-view .product--colors--slider .slick-prev {
        left: 24px;
    }
}

@media screen and (max-width: 992px) {
    .product--colors--slider .slick-arrow {
        top: auto;
        bottom: 8px;
        z-index: 3;
    }
}

.product--colors--slider .slick-arrow:before {
    content: "\e909";
    font-family: 'icomoon' !important;
    color: #2d2a26;
    font-size: 12px;
    opacity: 1;
}

@media screen and (max-width: 992px) {
    .product--colors--slider .slick-arrow:before {
        font-size: 8px;
    }
}

@media screen and (max-width: 992px) {
    .product--colors--slider .slick-list, .product--colors--slider .slick-track, .product--colors--slider .slick-slide > div {
        height: 100%;
    }
}

@media screen and (max-width: 992px) {
    .product--colors--slider .slick-slide a {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        height: 100%;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 19px;
    }
}

.product--color--total {
    display: block;
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
}

@media screen and (max-width: 992px) {
    .product--color--total {
        position: absolute;
        bottom: 20px;
        font-size: 12px;
        z-index: 0;
    }

    .list-view .product--color--total {
        font-size: 14px;
    }
}

.product:hover .product--color--total {
    display: none;
}

@media screen and (max-width: 992px) {
    .product:hover .product--color--total {
        display: block;
    }
}

.product--color-item {
    font-size: 14px;
    color: #2D2A26;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

@media screen and (max-width: 992px) {
    .product--color-item {
        opacity: 0;
    }
}

@media (min-width: 768px) {
    .product--featured .product--color-item:first-child {
        margin-left: 0;
    }
}

.product--color-item .catalogue-color {
    border: solid 2px #FFFFFF;
    width: 22px;
    height: 22px;
}

.product--color-more {
    color: #CCCCCC;
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 0;
}

.product--polarised {
    position: absolute;
    bottom: 0;
    right: 15px;
}

.product--info-area {
    margin: 0 auto;
}

@media (min-width: 992px) {
    .product--info-area {
        padding-left: 0px;
    }
}

@media (max-width: 767.98px) {
    .product--info-area {
        margin-top: 24px;
    }
}

.product--info-area.contact-lenses .price-title--pdp {
    font-size: 18px;
    font-weight: bold;
}

@media (max-width: 767.98px) {
    .product--info-area.contact-lenses .price-title--pdp {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 10px;
    }
}

.product--info-area.contact-lenses .price-title--pdp .price-title--unit {
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 767.98px) {
    .product--info-area.contact-lenses .price-button-wrapper .price-title--pdp {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media (max-width: 767.98px) {
    .product--info-area.contact-lenses .sticky .price-button-wrapper .price-title--pdp,
      .product--info-area.contact-lenses .absolute .price-button-wrapper .price-title--pdp {
        padding-bottom: 0;
    }
}

.product--info-area.contact-lenses .price-title--lg {
    font-size: 22px;
}

.product--info-area.contact-lenses .visible-sticky .price-title--pdp {
    font-size: 16px;
    font-weight: 600;
}

.product--info-area.contact-lenses .add-to-cart-btn--sticky-bar button.product--add-to-cart-btn:nth-of-type(2) {
    position: relative;
}

@media (max-width: 767.98px) {
    .product--info-area.contact-lenses .add-to-cart-btn--sticky-bar.absolute button.product--add-to-cart-btn:nth-of-type(2), .product--info-area.contact-lenses .add-to-cart-btn--sticky-bar.sticky-ing button.product--add-to-cart-btn:nth-of-type(2) {
        max-width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        min-width: unset;
    }
}

.product--rating-stars {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product--rating-star-item {
    font-size: 11px;
    color: #CCCCCC;
    margin-right: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product--rating-stars--lg .product--rating-star-item {
    font-size: 20px;
}

.product--rating-star-item.active {
    color: #2D2A26;
}

.product--rating-author-date {
    margin-left: 10px;
}

.product--rating-total {
    font-size: 14px;
}

.product--total-rating-point {
    font-size: 45px;
}

.product--rating-point-bar {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
}

.product--rating-point-for {
    font-size: 14px;
    margin-right: 3px;
    width: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.product--rating-point-for .icon {
    margin-left: auto;
}

.product--rating-point-process {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 5px;
    margin-right: 5px;
    height: 10px;
    border-radius: 5px;
    background: #e5e5e5;
}

.product--rating-point-process-inner {
    background: #2D2A26;
    border-radius: 5px;
    height: 10px;
}

.product--rating-point-count {
    font-size: 14px;
    width: 70px;
}

.product--price-with-other-options {
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
}

.product--price-with-other-options--border {
    border-bottom: solid 1px #CCCCCC;
}

.product--price-unit {
    font-size: 1rem;
    margin-left: 10px;
}

.product--thumbnail-colors.fluid-slider {
    position: relative;
}

.product--thumbnail-colors.fluid-slider .product--thumbnail-color-selectors {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.product--thumbnail-colors.fluid-slider .product--thumbnail-color-selectors::-webkit-scrollbar {
    display: none;
}

.product--thumbnail-colors.fluid-slider .arrow-prev,
    .product--thumbnail-colors.fluid-slider .arrow-next {
    width: 20px;
    height: 60px;
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 20px;
    -ms-flex: 1 0 20px;
    flex: 1 0 20px;
    background-color: #fff;
    position: absolute;
    top: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    z-index: 9;
    font-size: 20px;
}

.product--thumbnail-colors.fluid-slider .arrow-prev {
    left: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.product--thumbnail-colors.fluid-slider .arrow-prev:before {
    content: "\e90a";
    font-family: icomoon;
    color: #2d2a26;
}

.product--thumbnail-colors.fluid-slider .arrow-next {
    right: 0;
}

.product--thumbnail-colors.fluid-slider .arrow-next:before {
    content: "\e90a";
    font-family: icomoon;
    color: #2d2a26;
}

.product--thumbnail-current-color {
    margin-bottom: 10px;
    font-size: 14px;
}

.product--thumbnail-color-selectors.slick-initialized .slick-prev.slick-arrow,
  .product--thumbnail-color-selectors.slick-initialized .slick-next.slick-arrow {
    position: absolute;
    z-index: 99;
    background-color: #fff;
    height: 100%;
}

.product--thumbnail-color-selectors.slick-initialized .slick-next.slick-arrow {
    right: 0;
}

.product--thumbnail-color-selectors.slick-initialized .slick-prev.slick-arrow {
    left: 0;
}

.product--thumbnail-color-selectors.slick-initialized .slick-next.slick-arrow:before,
  .product--thumbnail-color-selectors.slick-initialized .slick-prev.slick-arrow:before {
    content: "\e90a";
    font-family: 'icomoon';
    color: #2D2A26;
}

.product--thumbnail-color-selectors.slick-initialized .slick-prev.slick-arrow {
    -webkit-transform: translate3d(0, -50%, 0) scaleX(-1);
    transform: translate3d(0, -50%, 0) scaleX(-1);
    top: 50%;
}

.product--thumbnail-color-selectors.slick-initialized .slick-list {
    padding-right: 25px;
}

.product--thumbnail-color-selectors.slick-initialized .slick-next.slick-arrow.slick-disabled,
  .product--thumbnail-color-selectors.slick-initialized .slick-prev.slick-arrow.slick-disabled {
    display: none !important;
}

.product--thumbnail-color-selector {
    width: 60px;
    padding-bottom: 0;
}

.product--thumbnail-color-selector a {
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 8px;
    border: solid 1px #F7F6F4;
    margin-right: 15px;
    padding: 0;
    background-color: #F7F6F4;
}

.product--thumbnail-color-selector a:hover {
    border: 1px solid #666;
}

.product--thumbnail-color-selector a img {
    mix-blend-mode: multiply;
}

.product--thumbnail-color-selector.js-gr-loading a {
    border: 1px solid #666;
    position: relative;
}

.product--thumbnail-color-selector.js-gr-loading a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #f7f6f4;
    z-index: 1;
    opacity: 0.75;
}

.product--thumbnail-color-selector.js-gr-loading a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M37.5 25C37.5 31.9036 31.9036 37.5 25 37.5C18.0964 37.5 12.5 31.9036 12.5 25C12.5 18.0964 18.0964 12.5 25 12.5C31.9036 12.5 37.5 18.0964 37.5 25ZM15 25C15 30.5228 19.4772 35 25 35C30.5228 35 35 30.5228 35 25C35 19.4772 30.5228 15 25 15C19.4772 15 15 19.4772 15 25Z' fill='white'/%3E%3Cpath d='M27.2599 36.0207C27.3986 36.697 26.9627 37.3642 26.276 37.4347C24.0808 37.66 21.8569 37.3007 19.8339 36.3825C17.811 35.4644 16.0763 34.0271 14.8006 32.2265C14.4015 31.6632 14.6168 30.8958 15.2171 30.5549V30.5549C15.8174 30.214 16.5745 30.4302 16.9875 30.9834C17.9927 32.3294 19.3252 33.4062 20.8672 34.106C22.4091 34.8058 24.0969 35.0998 25.7718 34.9702C26.4601 34.9169 27.1213 35.3444 27.2599 36.0207V36.0207Z' fill='%23B58B34'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: spin 1.5s infinite;
    animation: spin 1.5s infinite;
    background-size: contain;
}

.product--thumbnail-color-selector.active a {
    border-color: #2d2a26;
}

.product--ideal-face-shapes img {
    width: 50px;
    height: auto;
}

.product--ideal-face-shapes a:hover, .product--ideal-face-shapes a:focus {
    box-shadow: none;
    outline: none;
}

.product--select-size #fit-size-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.product--select-size #fit-size-select .btn {
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 100px;
    line-height: 1;
    padding-right: 20px;
    padding-left: 20px;
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .product--select-size #fit-size-select .btn {
        line-height: 1.6;
    }
}

.product--select-size #fit-size-select .btn.selected {
    border-color: #2d2a26;
}

.product--select-size #fit-size-select .btn.js-gr-oos {
    border: solid 1px #f2f2f2;
    background-color: #f6f6f6;
    text-decoration: line-through;
    color: #2d2a26;
}

.product--sizing-info-link {
    font-size: 14px;
    text-decoration: underline;
}

.product--find-out-link {
    text-decoration: underline;
}

.product--add-to-cart-btn {
    display: block;
    width: 100% !important;
    z-index: 20;
    padding: 10px;
    margin-bottom: calc(13px + env(safe-area-inset-bottom));
}

@media (min-width: 768px) {
    .product--add-to-cart-btn {
        position: relative !important;
        margin-top: 20px;
        margin-bottom: 20px;
        z-index: auto;
        width: 100% !important;
    }
}

@media (max-width: 1199.98px) {
    .product--add-to-cart-btn.white-stickybar {
        background-color: #FFFFFF;
    }
}

.product--add-to-cart-btn .checkmark {
    vertical-align: sub;
}

.product--add-to-cart-btn .checkmark:before, .product--add-to-cart-btn .checkmark:after {
    background: #FFFFFF;
}

.product--add-to-cart-btn .icon {
    font-size: 14px;
    margin-right: 5px;
}

@media (max-width: 767.98px) {
    .product--add-to-cart-btn--available .button--label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.product--status-list .icon {
    font-size: 12px;
    margin-right: 7px;
    width: 16px;
    display: inline-block;
}

@media (max-width: 767.98px) {
    .product--status-list .icon {
        font-size: 16px;
    }
}

.product--status-list li {
    margin-bottom: 4px;
}

.product--form-check-availability {
    margin-bottom: 10px;
}

.product--form-check-availability .input-group {
    border: solid 1px #b2b2b2;
}

.product--form-check-availability .input-group.error {
    border-color: #E1523E;
}

.product--form-check-availability input {
    border: none;
    padding-top: 12px;
    padding-bottom: 12px;
}

.product--form-check-availability input:focus {
    box-shadow: none;
}

.product--form-check-availability .btn {
    border-radius: 0;
    background: #FFFFFF;
}

.product--form-check-availability .btn:focus {
    box-shadow: none;
}

.product--availability-list .icon {
    font-size: 12px;
    display: inline-block;
    width: 16px;
    margin-right: 10px;
    text-align: center;
}

.product--availability-list a {
    text-decoration: underline;
}

.product--availability-list li {
    margin-bottom: 5px;
}

.product--slider-desktop {
    position: relative;
    height: 100%;
    overflow-x: hidden;
}

@media screen and (max-width: 992px) {
    .product--slider-desktop {
        overflow-x: unset;
        min-height: 344px;
    }
}

.product--slider-main {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product--slider-main .slick-slide {
    position: relative;
    background-color: #F7F6F4;
}

@media screen and (max-width: 992px) {
    .product--slider-main .slick-slide {
        min-height: 344px;
    }
}

.product--slider-main .slick-slide img {
    mix-blend-mode: multiply;
}

.product--slider-main li {
    width: auto;
    height: auto;
    margin: 0 7px;
}

.product--slider-main .vjs-paused .vjs-poster,
    .product--slider-main .vjs-paused .vjs-big-play-button,
    .product--slider-main .vjs-ended .vjs-poster,
    .product--slider-main .vjs-ended .vjs-big-play-button {
    display: block;
}

.product--slider-mb .slick-slide {
    position: relative;
}

.product--slider-main-cover {
    background: rgba(255, 255, 255, 0.9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 20;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.product--slider-main-cover img {
    margin: 15px;
}

.product--slider-nav {
    width: 321px;
    margin: 0 auto;
}

.product--lightbox-slideshow .product--slider-nav {
    width: 535px;
}

@media (min-width: 992px) {
    .product--slider-nav {
        width: 351px;
    }
}

.product--slider-nav .thumb {
    cursor: pointer;
    width: 90px;
    height: 90px;
    border: solid 2px transparent;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 7.5px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .product--slider-nav .thumb {
        width: 100px;
        height: 100px;
    }
}

.product--slider-nav .thumb img {
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    width: 100%;
}

.product--slider-nav .thumb:hover img {
    opacity: 1;
}

.product--slider-nav .thumb.thumb-video {
    position: relative;
}

.product--slider-nav .thumb.thumb-video:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 23px transparent;
    border-left-color: #FFFFFF;
    border-top-width: 14px;
    border-bottom-width: 14px;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-left: -11.5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product--slider-nav .selected .thumb {
    border-color: #e5e5e5;
}

.product--slider-nav .slick-prev:before,
    .product--slider-nav .slick-next:before {
    content: none;
}

.product--slider-nav .slick-arrow {
    width: 20px;
    height: 47px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.product--slider-nav .slick-arrow.slick-prev {
    background-image: url("../images/icons/carousel-left.svg");
}

.product--slider-nav .slick-arrow.slick-next {
    background-image: url("../images/icons/carousel-right.svg");
}

.product--slider-nav .slick-arrow.slick-disabled {
    display: none !important;
}

.product--try-on {
    position: absolute;
    right: 0;
    bottom: -50px;
}

@media (min-width: 768px) {
    .product--try-on {
        position: static;
    }
}

@media (min-width: 992px) {
    .product--try-on {
        position: absolute;
        right: 0;
        bottom: 10px;
    }
}

.product--try-on a {
    color: #2D2A26;
    font-size: 14px;
}

.product--try-on a:hover, .product--try-on a:focus {
    color: #666666;
    text-decoration: none;
}

.product--try-on a .icon {
    font-size: 24px;
}

@media (min-width: 992px) {
    .product--try-on a .icon {
        font-size: 26px;
    }
}

.product--sprite-spin {
    width: 100% !important;
    height: 0 !important;
}

.product--sprite-spin-mb-wrapper {
    display: none;
    position: relative;
    background: #2D2A26;
}

html.opsm-landscape .product--sprite-spin-mb-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 200;
}

.product--sprite-spin-mb {
    width: 100% !important;
    height: 0 !important;
    background: #2d2a26;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product--details-info .table-borderless td {
    padding: 0;
}

.product--details-info small {
    font-size: 14px;
}

@media (min-width: 768px) {
    .product--face-shape-desc.media {
        display: block;
        text-align: center;
    }
}

.product--face-shape-desc img {
    width: 62px;
    height: auto;
    margin-bottom: 20px;
    margin-right: 15px;
}

@media (min-width: 768px) {
    .product--face-shape-desc img {
        width: 92px;
        margin: 0 auto 20px;
    }
}

.product--face-shape-title {
    font-size: 24px;
}

@media (min-width: 768px) {
    .product--modal-face-shape .modal-lg, .product--modal-sizing-fit .modal-lg, .product--modal-subscription-plan .modal-lg, .product--modal-lens-cat .modal-lg {
        max-width: 668px;
    }
}

@media (min-width: 992px) {
    .product--modal-face-shape .modal-lg, .product--modal-sizing-fit .modal-lg, .product--modal-subscription-plan .modal-lg, .product--modal-lens-cat .modal-lg {
        max-width: 1000px;
    }
}

@media (max-width: 767.98px) {
    .product--modal-prescription {
        -webkit-overflow-scrolling: touch;
      /**
                when `transform` property present,
                `-webkit-overflow-scrolling` will hide element
            */
    }
}

@media (max-width: 767.98px) {
    .product--modal-prescription.show .modal-dialog {
        pointer-events: auto;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
}

.product--modal-prescription .modal-lg {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .product--modal-prescription .modal-lg {
        max-width: 768px;
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .product--modal-prescription .modal-lg {
        max-width: 1020px;
    }
}

.product--sizing {
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .product--sizing {
        padding-bottom: 0px;
        padding-right: 25px;
    }
}

.product--fit {
    padding-top: 30px;
    border-top: solid 1px #CCCCCC;
}

@media (min-width: 992px) {
    .product--fit {
        padding-top: 0;
        border-top: none;
        padding-left: 25px;
    }
}

@media (min-width: 992px) {
    .product--fit-column {
        border-left: solid 1px #CCCCCC;
    }
}

.product--sizing-and-fit-title {
    font-size: 22px;
}

@media (min-width: 992px) {
    .product--sizing-and-fit-title {
        font-size: 24px;
    }
}

.product--sizing-map {
    position: relative;
    padding: 26px 0;
    width: 260px;
    margin: 0 auto;
    margin-top: 40px;
}

@media (min-width: 768px) {
    .product--sizing-map {
        width: 290px;
    }
}

@media (min-width: 992px) {
    .product--sizing-map {
        width: 412px;
    }
}

.product--sizing-map img {
    max-width: 100%;
    height: auto;
}

.product--sizing-map #lens-width,
    .product--sizing-map #bridge-width,
    .product--sizing-map #lens-height {
    position: absolute;
    text-align: center;
}

.product--sizing-map #lens-width {
    left: 0;
    top: -5px;
}

@media (min-width: 1200px) {
    .product--sizing-map #lens-width {
        top: -2px;
    }
}

.product--sizing-map #bridge-width {
    left: 110px;
    white-space: nowrap;
    top: 45px;
}

@media (min-width: 768px) {
    .product--sizing-map #bridge-width {
        left: 126px;
    }
}

@media (min-width: 992px) {
    .product--sizing-map #bridge-width {
        left: 180px;
        top: 24px;
    }
}

.product--sizing-map #lens-height {
    left: 0px;
    top: auto;
    bottom: -10px;
}

@media (min-width: 768px) {
    .product--sizing-map #lens-height {
        left: 40px;
    }
}

.product--fit-map {
    width: 300px;
    position: relative;
    padding-top: 26px;
    margin: 0 auto;
}

@media (max-width: 767.98px) {
    .product--fit-map {
        margin-top: 40px;
    }
}

@media (min-width: 992px) {
    .product--fit-map {
        width: 490px;
    }
}

.product--fit-map .fit-desc {
    position: absolute;
    right: 50px;
    top: 0px;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .product--fit-map .fit-desc {
        right: 50px;
    }
}

@media (min-width: 992px) {
    .product--fit-map .fit-desc {
        right: 100px;
        top: 0px;
    }
}

.product--fit-map #temple-width {
    position: absolute;
    text-align: center;
    left: -20px;
    top: auto;
    bottom: -30px;
}

@media (min-width: 768px) {
    .product--fit-map #temple-width {
        left: -30px;
    }
}

@media (min-width: 992px) {
    .product--fit-map #temple-width {
        left: -20px;
        top: auto;
        bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .product--fit-map #temple-width {
        left: 20px;
    }
}

@media screen and (min-width: 1440px) {
    .product--fit-map #temple-width {
        left: -20px;
    }
}

.product--fit-map img {
    max-width: 100%;
    height: auto;
}

.product--size-brief-select .btn {
    background: #FFFFFF;
    border-radius: 0;
    border: solid 1px #AAAAAA;
    color: #AAAAAA;
}

.product--size-brief-select .btn.active {
    border: solid 2px #2D2A26;
    color: #2D2A26;
}

.product--size-brief-content ul {
    padding-left: 15px;
}

.product--size-brief-content .item {
    display: none;
}

.product--size-brief-content .item.active {
    display: block;
    line-height: 26px;
}

.product--review-post {
    margin-bottom: 70px;
}

.product--review-post-title {
    margin-top: 15px;
}

.product--review-post-original-link.media {
    background: #F6F6F6;
    padding: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product--review-post-original-link.media .media-body {
    margin-left: 10px;
}

.product--review-post-recommend {
    margin-bottom: 20px;
}

.product--review-post-recommend .icon {
    font-size: 13px;
}

.product--promo-banner {
    margin-top: 40px;
    margin-bottom: 48px;
    margin-left: -15px;
    margin-right: -15px;
}

.product--compli-slide {
    margin: 0 30px;
}

.product--compli-slide .slick-arrow {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 47px;
}

.product--compli-slide .slick-arrow:before {
    content: none;
}

.product--compli-slide .slick-arrow.slick-prev {
    background-image: url("../images/icons/carousel-left.svg");
}

.product--compli-slide .slick-arrow.slick-next {
    background-image: url("../images/icons/carousel-right.svg");
}

.product--compli-slide .slick-arrow.slick-disabled {
    opacity: 0;
}

.product--lightbox-slideshow.modal .modal-dialog.modal-lg {
    max-width: 100vw;
    margin: 0;
}

.product--lightbox-slideshow.modal .modal-content {
    min-height: 100vh;
}

.product--lightbox-slideshow.modal .modal-header {
    position: relative;
}

.product--lightbox-slideshow.modal .modal-title {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.product--lightbox-slideshow.modal .modal-title img {
    width: 200px;
    height: auto;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .product--pdp-top-band {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .product--pdp-top-band .product--favourite {
        position: absolute;
        right: 0;
        top: 2px;
    }

    .product--pdp-top-band .product--favourite .icon {
        font-size: 20px;
    }
}

.product--pdp-top-band-img {
    width: 120px;
    height: auto !important;
    padding: 3px;
    mix-blend-mode: multiply;
    position: absolute;
    bottom: 32px;
    left: 32px;
}

@media (max-width: 767.98px) {
    .product--pdp-top-band-img {
        width: 80px;
        bottom: 24px;
        left: 16px;
    }
}

.product--reviews-sort .dropdown-menu {
    width: 250px;
}

.product--subscription-value-plan .media {
    background-color: #EDF3F8;
    border-radius: 24px;
    height: 88px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    gap: 20px;
    margin-bottom: 16px;
    padding: 20px 24px;
}

@media screen and (max-width: 992px) {
    .product--subscription-value-plan .media {
        height: 120px;
        gap: 16px;
    }
}

.product--subscription-value-plan .media img {
    width: 48px;
    height: auto;
}

.product--subscription-value-plan .media .media-body {
    margin-left: 0;
    font-weight: 500;
}

.product--contact-subs-box {
    background: #F6F6F6;
    padding: 15px;
    margin-bottom: 30px;
}

.product--contact-subs-box .price-title {
    color: #E1523E;
    font-size: 35px;
    font-weight: bold;
    margin-left: 24px;
}

.product--contact-subs-desc {
    margin: 15px 0 30px 24px;
}

.product--contact-subs-desc .icon {
    font-size: 17px;
    width: 18px;
    text-align: center;
    margin-right: 15px;
    display: inline-block;
    font-weight: 700;
}

.product--contact-subs-desc .icon-gift {
    font-weight: 500;
}

.product--contact-available ul li {
    padding: 0px 10px;
    border-right: solid 1px #CCCCCC;
}

.product--contact-available ul li:first-child {
    padding-left: 0;
}

.product--contact-available ul li:last-child {
    padding-right: 0;
    border-right: none;
}

.product--contact-available a {
    text-decoration: underline;
}

.product--contact-not-able-to-add {
    color: #E1523E;
    margin-bottom: 30px;
}

.product--lens-cat-des {
    font-size: 14px;
    line-height: 18px;
}

.product--compliment-title {
    font-size: 20px;
    line-height: 25px;
}

@media (min-width: 768px) {
    .product--sidebar-col {
        padding-top: 30px;
        padding-left: 30px;
    }
}

#available-wrapper, #disco-wrapper, #oos-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
}

@media (min-width: 768px) {
    div.product--info-area:not(.contact-lenses) .slick-dots,
  #modal-zoom .slick-dots {
        height: 230px;
        background-color: #E5E5E5;
        border-radius: 100px;
        display: -ms-grid;
        display: grid;
        position: absolute;
        left: 32px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 4px;
    }

    div.product--info-area:not(.contact-lenses) .slick-dots li,
    #modal-zoom .slick-dots li {
        margin: 0;
        width: 4px;
    }

    div.product--info-area:not(.contact-lenses) .slick-dots li button,
      #modal-zoom .slick-dots li button {
        width: 100%;
        height: 100%;
        border-radius: 100px;
        opacity: 0;
        -webkit-transition: 0.25s ease-out opacity;
        transition: 0.25s ease-out opacity;
    }

    div.product--info-area:not(.contact-lenses) .slick-dots li.slick-active button,
    #modal-zoom .slick-dots li.slick-active button {
        opacity: 1;
    }
}

div.product--info-area:not(.contact-lenses) .slick-dots span,
div.product--info-area:not(.contact-lenses) .slick-dots button,
#modal-zoom .slick-dots span,
#modal-zoom .slick-dots button {
    width: 7px;
    height: 7px;
    padding: 0;
    border-radius: 50%;
    background: #CCCCCC;
    font-size: 0;
    display: block;
}

div.product--info-area:not(.contact-lenses) .slick-dots span:before,
  div.product--info-area:not(.contact-lenses) .slick-dots button:before,
  #modal-zoom .slick-dots span:before,
  #modal-zoom .slick-dots button:before {
    content: none;
}

div.product--info-area:not(.contact-lenses) .slick-dots .slick-active span,
div.product--info-area:not(.contact-lenses) .slick-dots .slick-active button,
#modal-zoom .slick-dots .slick-active span,
#modal-zoom .slick-dots .slick-active button {
    background: #2D2A26;
}

.product--status-list.slick-initialized .slick-prev:before,
.product--status-list.slick-initialized .slick-next:before {
    content: "\e909";
    font-family: icomoon !important;
    opacity: 1;
    color: #000;
    font-size: 12px;
}

.product--status-list.slick-initialized .slick-next,
.product--status-list.slick-initialized .slick-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 1;
}

.product--status-list.slick-initialized .slick-prev {
    left: 0;
    height: 100%;
}

.product--status-list.slick-initialized .slick-next {
    -webkit-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
    right: -1px;
    height: 100%;
}

.product--status-list.slick-initialized .slick-list {
    padding: 0 17px;
}

.product--status-list.slick-initialized li {
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

@media (max-width: 991.98px) {
    .our-promise--wrapper {
        background-color: #F7F6F4;
    }

    .our-promise--wrapper .our-promise--title {
        font-size: 25px;
        left: 0;
    }

    .our-promise--wrapper .our-promise--content {
        padding: 40px 0 0;
    }
}

.sunQblue-alert {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.sunQblue-alert p {
    font-weight: bold;
    font-size: 16px;
    color: #666666;
    padding-left: 20px;
    margin-bottom: 0;
    line-height: 1.2;
}

.sunQblue-alert img {
    max-width: 50px;
    height: 50px;
}

.fullscreen-modal {
    max-height: 100vh;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100vh;
}

.fullscreen-modal .bg-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    max-width: unset;
    width: auto;
    height: auto;
}

.zoom-btn,
.try-on-btn.pdp {
    border-radius: 100px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
    background-color: #fff;
    border: none;
    padding: 0 16px;
    height: 36px;
    font-weight: bold;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2d2a26;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (max-width: 767.98px) {
    .zoom-btn,
    .try-on-btn.pdp {
        height: 36px;
    }
}

.try-on-btn.pdp img {
    width: 28px;
    margin-left: 8px;
}

.zoom-btn .icon-zoom,
.try-on-btn.pdp .icon-virtual-mirror {
    font-size: 19px;
    margin-left: 8px;
}

@media (max-width: 767.98px) {
    .popular-products.pdp-recommendation {
        margin: 0;
        margin-right: -15px;
    }

    .popular-products.pdp-recommendation .popular-products--inner .slick-slide {
        margin-right: 15px;
        margin-left: 0;
        width: 85vw;
    }

    .popular-products.pdp-recommendation .slick-arrow {
        display: none !important;
    }
}

.popular-products.pdp-recommendation .container-fluid {
    padding: 0;
}

@media (min-width: 992px) {
    .popular-products.pdp-recommendation .container-fluid {
        padding-left: 15px;
    }
}

.popular-products.pdp-recommendation .product.card:focus,
.popular-products.pdp-recommendation .product.card:hover {
    box-shadow: unset;
}

.popular-products.pdp-recommendation .img-tile {
    padding-top: 100%;
    position: relative;
    background-color: #F7F6F4;
}

.popular-products.pdp-recommendation .img-tile .img-tile-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 80px 60px 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .popular-products.pdp-recommendation .img-tile .img-tile-content-wrapper {
        padding: 0 60px;
    }
}

.popular-products.pdp-recommendation .img-tile img {
    mix-blend-mode: multiply;
    margin: auto;
}

.popular-products.pdp-recommendation .img-tile .show-hover {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 11px;
    width: calc(100% - 60px);
}

.popular-products.pdp-recommendation .product--top {
    position: absolute;
    top: 20px;
    left: 15px;
    width: calc(100% - 30px);
}

.popular-products.pdp-recommendation .product--content {
    text-align: left;
    padding: 20px 0;
}

.popular-products.pdp-recommendation .product--content .product--name {
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 0;
}

.popular-products.pdp-recommendation .product--content .product--brand {
    text-transform: uppercase;
}

.popular-products.pdp-recommendation .product--content .product--price {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    font-size: 18px;
    font-weight: 700;
}

.popular-products.pdp-recommendation.glasses .img-tile .img-tile-content-wrapper {
    padding: 80px 0px 100px;
}

.gvp-box {
    background-color: #F7F6F4;
    border: 1px solid #B58B34;
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    margin: 16px 0;
}

@media screen and (max-width: 992px) {
    .gvp-box {
        padding: 24px 16px;
    }
}

.gvp-box .product--price--new {
    font-size: 22px;
}

.price-title--pdp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.price-title--pdp .product--price--old {
    font-weight: 500;
    font-size: 16px;
    margin-right: 8px;
    color: #2D2A26;
}

.price-title--pdp .product--price--new {
    color: #2D2A26;
    font-size: 22px;
    font-weight: bold;
}

.price-title--pdp .discount-badge {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #b58b34;
    border: 1px solid;
    border-radius: 100px;
    padding: 0 6px;
    margin-left: 8px;
    font-family: 'Barlow';
    height: 20px;
    line-height: 18px;
}

.pdp-badge-list {
    text-align: right;
    padding-top: 32px;
    padding-right: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
}

@media (max-width: 767.98px) {
    .pdp-badge-list {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 16px;
        padding-top: 4px;
        background-color: #fff;
        position: static;
    }
}

.pdp-badge-list .pdp-badge {
    background-color: #E6E5E0;
    border-radius: 24px;
    padding: 0 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
}

.pdp-badge-list .pdp-badge.pdp-badge-primary {
    border: 0.5px solid #B58B34;
    font-weight: 600;
    line-height: 23px;
    background-color: #F7F6F4;
}

.pdp-badge-list span:before {
    content: '-';
    margin-right: 3px;
}

.pdp-badge-list span:first-child:before {
    content: none;
}

#slide-main.slick-vertical .slick-list {
    height: calc(100vh - 95px) !important;
}

@media (min-width: 1200px) {
    #slide-main.slick-vertical .slick-list {
        min-height: 640px;
        max-height: calc(100vh - 100px);
    }
}

@media screen and (max-width: 992px) {
    #slide-main .slick-list {
        min-height: 344px;
    }
}

@media screen and (max-width: 992px) {
    #slide-main ul.slick-dots {
        bottom: 0;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background-color: #E5E5E5;
    }
}

@media screen and (max-width: 992px) {
    #slide-main ul.slick-dots li {
        margin: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media screen and (max-width: 992px) {
    #slide-main ul.slick-dots li button {
        width: 100%;
        height: 4px;
        border-radius: 80px;
        background-color: #E5E5E5;
    }
}

@media screen and (max-width: 992px) {
    #slide-main ul.slick-dots li.slick-active button {
        background-color: #2d2a26;
    }
}

.product--slider-main.slick-vertical {
    margin-bottom: 0 !important;
}

.product--slider-main.slick-vertical .slick-slide {
    height: calc(100vh - 97px) !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .product--slider-main.slick-vertical .slick-slide {
        min-height: 640px;
        max-height: calc(100vh - 100px);
    }
}

.prod-specs.table {
    table-layout: fixed;
}

@media (max-width: 767.98px) {
    .prod-specs.table tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 10px;
    }
}

.prod-specs.table td {
    height: 40px;
    white-space: nowrap;
    text-transform: capitalize;
}

@media (max-width: 1199.98px) {
    .prod-specs.table td {
        padding-left: 0;
        padding-right: 5px;
    }
}

.prod-specs.table td:nth-child(3) {
    padding-left: 80px;
}

@media (max-width: 1199.98px) {
    .prod-specs.table td:nth-child(3) {
        padding-left: 30px;
    }
}

#modal-zoom {
    padding-right: 0 !important;
    overflow: hidden;
}

#modal-zoom .modal-fullwidth {
    height: 100%;
}

#modal-zoom .modal-content {
    height: 100%;
    background-color: #f7f6f4;
}

#modal-zoom .modal-body {
    padding: 0;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#modal-zoom .slick-slide {
    background-color: #f7f6f4;
}

#modal-zoom .slick-slide img {
    mix-blend-mode: multiply;
}

@media (min-width: 768px) {
    #modal-zoom .slick-slide {
        height: calc(100vh - 80px);
    }

    #modal-zoom .slick-slide div {
        height: 100%;
    }

    #modal-zoom .slick-slide img {
        height: 100%;
        margin: auto;
    }
}

@media (max-width: 767.98px) {
    #modal-zoom .slick-list {
        width: 100vw;
    }

    #modal-zoom .slick-slide {
        height: calc(100vh - 80px);
        width: 100vw;
    }

    #modal-zoom .slick-slide > div {
        max-width: 100vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
    }

    #modal-zoom .slick-slide img {
        margin: auto;
    }
}

#modal-zoom .product--slider-zoom.slick-dotted {
    margin: 0;
}

#modal-zoom .slick-dots li {
    height: auto;
}

#modal-zoom .close-btn {
    width: 37px;
    height: 37px;
    position: absolute;
    top: 37px;
    right: 37px;
    z-index: 99;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767.98px) {
    #modal-zoom .close-btn {
        right: 15px;
        top: 25px;
    }
}

#modal-zoom .zoom-modal-fixed-bar-wrapper {
    width: 100%;
}

#modal-zoom .zoom-modal-fixed-bar-wrapper .zoom-modal-fixed-bar {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(87, 87, 91, 0.1);
    border-top: solid 1px #f2f2f2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#modal-zoom .thumbnail-wrapper {
    background-color: #F8F8F8;
    max-width: 120px;
    max-height: 75px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

#modal-zoom .thumbnail-wrapper img {
    mix-blend-mode: multiply;
}

#modal-zoom #zoom-in {
    position: absolute;
    top: auto;
    bottom: 155px;
    right: 37px;
    padding: 10px;
    width: 37px;
    height: 37px;
}

@media (max-width: 767.98px) {
    #modal-zoom #zoom-in {
        bottom: 155px;
        right: 15px;
    }
}

#modal-zoom #zoom-in::before {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#modal-zoom #zoom-in::after {
    content: '';
    display: block;
    width: 2px;
    height: 15px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#modal-zoom #zoom-out {
    position: absolute;
    top: auto;
    bottom: 105px;
    right: 37px;
    padding: 10px;
    width: 37px;
    height: 37px;
}

@media (max-width: 767.98px) {
    #modal-zoom #zoom-out {
        bottom: 105px;
        right: 15px;
    }
}

#modal-zoom #zoom-out::before {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#modal-zoom #zoom-out:disabled,
  #modal-zoom #zoom-in:disabled {
    opacity: 0.4;
}

@media (max-width: 767.98px) {
    #modal-zoom .product--slider-zoom.slick-dotted .slick-dots {
        bottom: 0;
        background-color: #fff;
        padding: 10px;
        padding-bottom: calc(10px + env(safe-area-inset-bottom));
        text-align: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #modal-zoom .product--slider-zoom.slick-dotted .slick-dots::-webkit-scrollbar {
        display: none;
    }

    #modal-zoom .zoom-modal-fixed-bar-wrapper {
        display: none !important;
    }

    #modal-zoom .slick-dots li {
        width: 60px;
        height: 60px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 60px;
        -ms-flex: 1 0 60px;
        flex: 1 0 60px;
    }

    #modal-zoom .slick-dots li div {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #f7f6f4;
        border: 2px solid #f7f6f4;
        padding: 5px;
        border-radius: 4px;
    }

    #modal-zoom .slick-dots li div img {
        mix-blend-mode: multiply;
    }

    #modal-zoom .slick-dots li.slick-active div {
        border: 2px solid #303030;
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.FullPage_root .ErrorBundary__container {
    position: absolute;
}

.ErrorModal__container .ErrorModal__container__content {
    border-radius: 0;
    font-family: 'Barlow', sans-serif;
    gap: 15px;
}

.ErrorModal__container .ErrorModal__container__content__title {
    letter-spacing: 0;
    font-family: 'Barlow';
    font-weight: 700;
    font-size: 22px;
    color: #2D2A26;
}

.ErrorModal__container .ErrorModal__container__content__description {
    font-family: 'Barlow';
    letter-spacing: 0;
    color: #2D2A26;
}

.ErrorModal__container .ErrorModal__container__content__description a {
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 14px;
    color: #2D2A26;
}

.ErrorModal__container .ErrorModal__container__content__button {
    background-color: #2D2A26;
    font-weight: 700;
    font-size: 16px;
}

#rxcApp .ProductContainer__bottomBrandContainer__productBrand {
    mix-blend-mode: multiply;
    max-width: 90px;
}

@media (max-width: 991.98px) {
    #full-image-container {
        min-height: 412px;
    }
}

@media screen and (max-width: 992px) {
    .gvp-price-text {
        font-size: 12px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 992px) {
    .pdp-video-wrapper {
        min-height: 344px;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.pdp-video-controls {
    bottom: 34px;
    position: absolute;
    right: 266px;
    background-color: #2D2A26;
    border-radius: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .pdp-video-controls {
        bottom: auto;
        top: 16px;
        right: 16px;
    }
}

.pdp-video-controls:hover .mute {
    margin-left: 16px;
    width: 16px;
}

.pdp-video-controls .mute {
    width: 0;
    height: 16px;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    background-image: url("../images/icons/mute.svg");
    overflow: hidden;
    padding: 0;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.pdp-video-controls .mute[data-state="mute"] {
    background-image: url("../images/icons/unmute.svg");
}

.pdp-video-controls .mute[data-state="unmute"] {
    background-image: url("../images/icons/mute.svg");
}

.pdp-video-controls .play-pause {
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("../images/icons/play.svg");
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.pdp-video-controls .play-pause[data-state="play"] {
    background-image: url("../images/icons/play.svg");
}

.pdp-video-controls .play-pause[data-state="pause"] {
    background-image: url("../images/icons/pause.svg");
}

#vm-try-on-container {
    position: absolute;
    bottom: 32px;
    right: 32px;
}

@media screen and (max-width: 992px) {
    #vm-try-on-container {
        bottom: 24px;
        right: 16px;
    }
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.products-listing {
    padding: 0 0 40px;
    position: relative;
}

.products-listing--total-results {
    padding: 30px 15px 10px;
}

@media (min-width: 992px) {
    .products-listing--total-results {
        padding: 0;
    }
}

.products-listing--total-results--progress {
    width: 210px;
    height: 4px;
    background-color: #E6E5E0;
    border-radius: 2px;
    margin: 16px auto 24px;
    position: relative;
}

.products-listing--total-results--progress:before {
    content: '';
    width: var(--prog-perc);
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2d2a26;
    border-radius: 2px;
}

.products-listing--footer {
    padding-bottom: 40px;
    position: relative;
}

.products-listing--footer .faq-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 400px auto;
    grid-template-columns: 400px auto;
    gap: 40px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 80px;
}

@media screen and (max-width: 992px) {
    .products-listing--footer .faq-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 0 16px;
        margin-top: 104px;
    }
}

.products-listing--footer .faq-wrapper h4 {
    text-transform: uppercase;
    font-size: 25px;
    line-height: 1.3;
}

@media screen and (max-width: 992px) {
    .products-listing--footer .faq-wrapper h4 {
        font-size: 20px;
        text-align: center;
    }
}

.products-listing--footer #btn-show-more.loading {
    background: none;
    height: 48px;
    position: relative;
    overflow: hidden;
}

.products-listing--footer #btn-show-more.loading:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 76px;
    height: 48px;
    width: 48px;
    background: url("../images/icons/spinner-btn.svg") no-repeat center center;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.products-listing--footer #btn-show-more.loading .button--label {
    display: none;
}

.products-listing--showing {
    margin-bottom: 30px;
}

.products-listing--recently-viewed {
    padding-top: 30px;
    border-top: solid 1px #CCCCCC;
}

@media (min-width: 992px) {
    .products-listing--recently-viewed {
        padding-top: 50px;
    }
}

.products-listing--recently-viewed-title {
    font-size: 1.25rem;
    line-height: 1.5625rem;
}

.products-listing--list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(calc(50% - 30px), 1fr))[2];
    grid-template-columns: repeat(2, minmax(calc(50% - 30px), 1fr));
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 32px;
}

.products-listing--list.list-view {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

@media (min-width: 576px) {
    .products-listing--list {
        -ms-grid-columns: (minmax(calc(50% - 30px), 1fr))[2];
        grid-template-columns: repeat(2, minmax(calc(50% - 30px), 1fr));
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
        row-gap: 32px;
        margin-top: 16px;
    }
}

@media (min-width: 992px) {
    .products-listing--list {
        -ms-grid-columns: (minmax(calc(33% - 60px), 1fr))[3];
        grid-template-columns: repeat(3, minmax(calc(33% - 60px), 1fr));
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        row-gap: 32px;
        margin-top: 40px;
    }
}

.products-listing--list > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0;
}

@media screen and (max-width: 992px) {
    .products-listing--list:not(.list-view) .product--badge {
        font-size: 11px;
    }
}

@media screen and (max-width: 992px) {
    .products-listing--list:not(.list-view) .product--top {
        gap: 2px;
    }
}

.products-listing .container-fluid {
    padding: 0;
}

@media (min-width: 576px) {
    .products-listing .container-fluid {
        padding: 0 64px;
    }
}

@media (min-width: 576px) {
    .prod-pg-header .container-fluid {
        padding: 0 64px;
    }
}

#ci_espot__X_PLP_SEO_Footer h2 {
    font-family: 'Barlow',sans-serif;
    font-size: 22px;
}

#filter-box-frameFitting .filters--checkbox-text, #filter-box-geofit .filters--checkbox-text {
    font-weight: 500;
}

.grid-view-wrapper {
    padding: 16px;
}

.grid-view-toggle {
    width: 72px;
    height: 40px;
    padding: 0;
}

.grid-view-toggle .custom-control-label {
    width: 100%;
    height: 100%;
    background-color: #F7F6F4;
    border-radius: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    line-height: 11px;
}

.grid-view-toggle .custom-control-label:after {
    content: none;
}

.grid-view-toggle .custom-control-label:before {
    border-radius: 40px;
    background-color: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border: none;
    width: 32px;
    height: 32px;
    left: 4px;
    z-index: 0;
    -webkit-transition: 0.5s ease left;
    transition: 0.5s ease left;
}

.grid-view-toggle .custom-control-input:checked + .custom-control-label .grid-view svg path {
    fill: #ccc;
}

.grid-view-toggle .custom-control-input:checked + .custom-control-label .list-view svg path {
    fill: #B58B34;
}

.grid-view-toggle .custom-control-input:checked + .custom-control-label:before {
    background-color: #fff;
    border-color: transparent;
    left: 36px;
}

.grid-view-toggle .grid-view, .grid-view-toggle .list-view {
    z-index: 1;
}

.grid-view-toggle .grid-view svg path, .grid-view-toggle .list-view svg path {
    -webkit-transition: 0.5s ease fill;
    transition: 0.5s ease fill;
}

.plp-grid-banner-fullwidth {
    grid-column: 1/4;
}

@media screen and (max-width: 992px) {
    .plp-grid-banner-fullwidth {
        grid-column: 1/3;
    }
}

@media screen and (max-width: 992px) {
    .list-view .plp-grid-banner-fullwidth {
        grid-column: 1/2;
    }
}

.plp-grid-banner-2col-right {
    grid-column: 2/4;
}

@media screen and (max-width: 992px) {
    .plp-grid-banner-2col-right {
        grid-column: 1/3;
    }
}

@media screen and (max-width: 992px) {
    .list-view .plp-grid-banner-2col-right {
        grid-column: 1/2;
    }
}

.plp-grid-banner-2col-left {
    grid-column: 1/3;
}

@media screen and (max-width: 992px) {
    .plp-grid-banner-2col-left {
        grid-column: 1/3;
    }
}

@media screen and (max-width: 992px) {
    .list-view .plp-grid-banner-2col-left {
        grid-column: 1/2;
    }
}

.show-more-section {
    margin: 72px auto;
}

@media screen and (max-width: 992px) {
    .show-more-section {
        margin: 42px auto 72px;
    }
}

.gvp-price-text {
    font-weight: 600;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
#registerpage .container-fluid {
    padding: 16px 64px;
}

@media screen and (max-width: 992px) {
    #registerpage .container-fluid {
        padding: 16px 24px 0;
    }
}

@media screen and (max-width: 992px) {
    #registerpage h3 {
        font-size: 20px;
        text-align: center;
    }
}

#registerpage .opsm-form-control--options-padding {
    padding-left: 32px;
}

#registerpage .form-group {
    margin-bottom: 32px;
}

#registerpage .more-details {
    margin-bottom: 32px;
}

#registerpage .opsm-register-accordion {
    position: relative;
    padding-left: 32px;
}

#registerpage .opsm-register-accordion:hover {
    color: #2d2a26;
}

#registerpage .opsm-register-accordion .icon {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    padding: 4px;
    -webkit-transition: 0.5s ease transform;
    transition: 0.5s ease transform;
}

#registerpage .opsm-register-accordion.collapsed .icon {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.registration-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 592px 592px;
    grid-template-columns: 592px 592px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 992px) {
    .registration-grid {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

/**
    MIXINS
 */
/**
    FUNCTIONS
 */
/**
Colors
 */
/**
Styles
 */
.search {
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 9999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: none;
    width: 100%;
    background-color: #FFFFFF;
    overflow: hidden;
    overflow: auto;
}

.search--form {
    width: 100%;
}

@media (min-width: 768px) {
    .search--form {
        border-bottom: 2px solid #999999;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.search--header {
    padding-top: 25px;
    padding-bottom: 56px;
}

.search--header-logo {
    width: 200px;
}

.search--header-logo--mb {
    width: 82px;
}

.search--header-image {
    text-align: center;
}

.search--header-close {
    text-align: right;
    font-size: 30px;
}

.search--input {
    box-shadow: none;
    border: none;
    margin-bottom: 10px;
    border-bottom: 2px solid #999999;
    font-size: 1.5625rem;
    width: 100%;
}

.search--input:focus {
    outline-width: 0;
}

.search--input:focus-visible {
    outline: none;
    outline-width: 0;
}

@media (min-width: 768px) {
    .search--input {
        border-bottom: none;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto;
    }
}

@media (min-width: 576px) {
    .search--input {
        font-size: 2.1875rem;
    }
}

.search--submit {
    font-weight: bold;
    display: none;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    background: none;
    z-index: 14;
    cursor: text;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .search--submit {
        margin-left: 15px;
        margin-top: 0;
        margin-bottom: 0px;
    }
}

.search--submit:focus {
    outline-width: 0;
}

.search--submit--enabled {
    display: block;
    color: #2D2A26;
    cursor: pointer;
}

.search--submit--disabled {
    display: none;
}

.search--searches-found {
    font-weight: bold;
    font-size: 1.375rem;
    color: #2D2A26;
    border: none;
    padding-left: 0;
    padding-right: 0;
}

.search--searches-found:hover {
    background: none;
    cursor: pointer;
}

.search--searches-found-label {
    border: none;
    padding: 20px 0 0;
    padding-bottom: 16px;
    font-weight: 600;
}

@media (min-width: 992px) {
    .search--searches-found-label {
        padding: 50px 0 0;
        padding-bottom: 24px;
    }
}

.search--results-content {
    padding: 0 15px;
}

.suggested-products-view {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(calc(33% - 60px), 1fr))[3];
    grid-template-columns: repeat(3, minmax(calc(33% - 60px), 1fr));
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 32px;
    margin: 0;
}

@media screen and (max-width: 992px) {
    .suggested-products-view {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.suggested-products-view .product a {
    text-decoration: none;
}

.suggested-products-view .product {
    margin: 0;
}

#searches-found {
    max-height: calc(100vh - 195px);
    overflow-y: scroll;
    overflow-x: hidden;
}

/**
    MIXINS
 */
/**
    FUNCTIONS
 */
/**
Colors
 */
/**
Styles
 */
.search--result-tab--active {
    display: block;
}

.search--result-tab--inactive {
    display: none;
}

.search--result-subhead {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .search--result-subhead {
        margin-bottom: 2px;
    }
}

.search--result-articles {
    padding: 10px 0px;
}

@media (min-width: 992px) {
    .search--result-articles {
        padding: 20px 220px;
    }
}

.search--result-articles--card {
    border: none;
}

.search--result-article-card {
    border: none;
}

.search--result-article-card-link {
    cursor: pointer;
}

.search--result-header {
    text-align: center;
    padding: 37px 20px 30px;
    font-size: 1.875rem;
    line-height: 35px;
    letter-spacing: 0px;
}

.search--result-sub-header {
    font-size: 1.125rem;
    line-height: 1.5625rem;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    font-family: 'Barlow', sans-serif;
}

@media (min-width: 992px) {
    .search--result-sub-header {
        line-height: 2.8125rem;
    }
}

.search--result-sub-header--active {
    position: relative;
}

.search--result-sub-header--active:after {
    content: '';
    display: block;
    height: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2D2A26;
}

@media (min-width: 992px) {
    .search--result-sub-header--active:after {
        margin: -8px 0;
    }
}

.search--result-nav {
    background: #e5e5e5;
    height: 55px;
    font-weight: bolder;
}

.search--result-nav:hover {
    background: #e0e0e0;
}

.search--result-nav--left {
    width: 50%;
    text-align: center;
}

.search--result-nav--right {
    z-index: 1;
    width: 50%;
    border-left: 2px solid #FFFFFF;
}

.search--result-nav--right--icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.search--result-nav--right--dropdown {
    -webkit-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
    width: 180px;
    height: 160px;
    background: #F6F6F6;
    box-shadow: 2px 5px 20px #e5e5e5;
    margin-top: 20px;
    margin-left: 5px;
}

.search--result-nav--right--dropdown-item {
    padding: 0rem 1.5rem !important;
}

.search--products-found-label {
    text-align: center;
}

.search-page .faq-wrapper {
    display: none;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.shop-instagram--header {
    text-align: center;
}

@media (min-width: 768px) {
    .shop-instagram--header {
        max-width: 750px;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .shop-instagram--header {
        max-width: 730px;
    }
}

.shop-instagram--title {
    font-size: 1.125rem;
}

@media (min-width: 992px) {
    .shop-instagram--title {
        font-size: 2.1875rem;
    }
}

.shop-instagram--desc {
    line-height: 1.63;
    margin: 30px 0 30px;
}

.shop-instagram--product {
    max-width: 600px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .shop-instagram--product {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 1200px) {
    .shop-instagram--product {
        max-width: 100%;
    }
}

.shop-instagram--product--item {
    max-width: 264px;
    padding: 8px;
}

/**
    MIXINS
 */
/**
    FUNCTIONS
 */
/**
Colors
 */
/**
Styles
 */
.sidemenu {
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1030;
    display: none;
    top: 61px;
    left: 0;
    right: 0;
    height: 100vh;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}

.sidemenu--overlay {
    display: block;
    position: absolute;
    z-index: 1028;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(45, 42, 38, 0.7);
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    opacity: 0;
}

.sidemenu--overlay.show {
    opacity: 1;
}

.sidemenu--inner {
    background-color: #FFFFFF;
}

.sidemenu--active {
    display: block;
}

@media (min-width: 992px) {
    .sidemenu--active {
        display: none;
    }
}

.sidemenu--active + .header .header--sticky {
    -webkit-transform: translateY(-33px);
    -ms-transform: translateY(-33px);
    transform: translateY(-33px);
}

.sidemenu--active + .header #sale-off-banner {
    -webkit-transform: translateY(-33px);
    -ms-transform: translateY(-33px);
    transform: translateY(-33px);
}

@media (min-width: 992px) {
    .sidemenu {
        display: none;
    }
}

.sidemenu--category.nav-pills .nav-link {
    height: 50px;
    line-height: 2.375rem;
    background: #2D2A26;
    color: #FFFFFF;
    border-radius: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.sidemenu--category.nav-pills .nav-link.active {
    background: #FFFFFF;
    color: #2D2A26;
}

@media (min-width: 576px) {
    .sidemenu--category.nav-pills .nav-link {
        padding-top: 13px;
        padding-bottom: 13px;
        height: 60px;
    }
}

@media (min-width: 576px) {
    .sidemenu--other-links {
        margin-bottom: 35px;
    }
}

.sidemenu--other-links li {
    margin-bottom: 8px;
}

@media (min-width: 576px) {
    .sidemenu--other-links li {
        margin-bottom: 18px;
    }
}

.sidemenu--other-links a {
    line-height: 1.75rem;
    display: block;
}

.sidemenu--favourite-badge.badge {
    font-size: 0.75rem;
    background: #E1523E;
    color: #FFFFFF;
    margin-left: 7px;
    vertical-align: text-bottom;
}

.sidemenu--item > a {
    color: #2D2A26;
}

.sidemenu--item > a:hover, .sidemenu--item > a:active, .sidemenu--item > a:focus {
    text-decoration: none;
}

.sidemenu--item--has-child a:not(.btn-link) {
    position: relative;
}

.sidemenu--item--has-child a:not(.btn-link) .icon-chevron-thin-right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.875rem;
}

.sidemenu--item--in-subnav {
    padding-bottom: 32px;
}

.sidemenu--item--in-subnav a {
    display: block;
}

@media (min-width: 576px) {
    .sidemenu--item--in-subnav a {
        font-size: 1.125rem;
    }
}

.sidemenu--item--in-subnav2 a {
    padding: 6px 0 5px;
    display: block;
}

.sidemenu--item .icon-face-shape {
    width: 65px;
    height: auto;
    margin-right: 5px;
}

.sidemenu--subnav:not(.sidemenu--subnav-first-level) {
    display: none;
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: auto;
    background: #FFFFFF;
    -webkit-overflow-scrolling: touch;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}

@media screen and (max-width: 320px) {
    .sidemenu--subnav:not(.sidemenu--subnav-first-level) {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .sidemenu--subnav:not(.sidemenu--subnav-first-level) {
        width: 50%;
    }
}

.sidemenu--subnav:not(.sidemenu--subnav-first-level).animated {
    position: absolute;
}

.sidemenu--subnav:not(.sidemenu--subnav-first-level).sidemenu--subnav--active {
    display: block;
    padding-bottom: 0;
}

.sidemenu--subnav-header {
    position: fixed;
    width: 100%;
    background-color: #F6F6F6;
    font-weight: bold;
    z-index: 3;
    top: 0px;
}

.sidemenu--subnav-subheader {
    padding: 9px 0;
    border-bottom: solid 2px #e5e5e5;
    margin-bottom: 10px;
}

.sidemenu--subnav-back-btn {
    position: absolute;
    top: 50%;
    left: 22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2d2a26;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
}

@media (min-width: 576px) {
    .sidemenu--subnav-back-btn {
        left: 10px;
    }
}

.sidemenu--subnav-back-btn:hover, .sidemenu--subnav-back-btn:active, .sidemenu--subnav-back-btn:focus {
    text-decoration: none;
}

.sidemenu--subnav-back-btn .icon-chevron-left {
    font-size: 0.8125rem;
}

.sidemenu--subnav-header-text {
    font-weight: 700;
    padding: 9px;
    margin-bottom: 0;
}

@media (min-width: 576px) {
    .sidemenu--subnav-header-text {
        padding: 9px;
        font-size: 1.125rem;
    }
}

.sidemenu--subnav-body {
    padding: 64px 40px 40px;
    display: -ms-grid;
    display: grid;
    row-gap: 20px;
}

.sidemenu--subnav-body .link-section {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px;
}

.sidemenu--subnav-body .sidemenu--item--in-subnav {
    padding-bottom: 20px;
}

.sidemenu--subnav-body p {
    margin-bottom: 0px;
}

.sidemenu--subnav-body .horizontal-separator {
    margin: 4px 0;
    border-color: #e5e5e5;
}

.sidemenu--subnav-body .sidemenu--subnav-list .button {
    padding: 8px;
    height: 48px;
}

.sidemenu--subnav-body .sidemenu--subnav-list .button.button--primary {
    padding: 13px;
}

.sidemenu--subnav-list {
    margin-bottom: 0;
}

.sidemenu--subnav-container {
    overflow-y: auto;
    max-height: calc(100dvh - 61px);
    height: 100dvh;
}

.sidemenu--subnav-container .ddm-banner-box {
    min-height: 100vw;
}

.sidemenu--subnav-container .button--secondary--dark, .sidemenu--subnav-container .button--primary--dark {
    height: 48px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
}

.sidemenu--subnav-list-container {
    padding: 24px 20px 8px;
}

@media (min-width: 576px) {
    .sidemenu--subnav-list-container {
        padding: 0 30px 30px;
    }
}

.sidemenu--subnav-bottom-section {
    padding: 22px;
    background-color: #F7F6F4;
}

.sidemenu--cat-img-link {
    color: #2D2A26;
}

.sidemenu--cat-img-link.card {
    border: none;
    border-radius: 0;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    max-height: 90px;
}

@media screen and (max-width: 320px) {
    .sidemenu--cat-img-link.card {
        max-height: 70px;
    }
}

@media (min-width: 576px) {
    .sidemenu--cat-img-link.card {
        max-height: 150px;
    }
}

.sidemenu--cat-img-link.card .card-img-top {
    border-radius: 0;
    height: auto;
}

.sidemenu--cat-img-link.card .card-body {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 15px;
}

.sidemenu--cat-img-link.card .card-title {
    margin-bottom: 0;
    font-family: 'termina', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-weight: bold;
}

.sidemenu--cat-img-link--small.card {
    max-height: 100px;
}

@media screen and (max-width: 320px) {
    .sidemenu--cat-img-link--small.card {
        max-height: 80px;
    }
}

@media (min-width: 576px) {
    .sidemenu--cat-img-link--small.card {
        max-height: 150px;
    }
}

.sidemenu--cat-img-link--small.card .card-body {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 8px;
}

.sidemenu--row-cells-item {
    width: 100%;
}

.sidemenu--row-cells-item:nth-child(2) {
    margin-left: 10px;
}

.sidemenu--ads-img {
    padding: 15px 0;
}

.sidemenu--ads-img img {
    min-width: 100%;
}

.sidemenu .sidemenu--search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F6F6F6;
    border-radius: 36px;
    padding: 8px 12px;
    font-size: 14px;
}

.sidemenu .sidemenu--search .icon-search {
    color: #b58b34;
    font-weight: bold;
    margin-right: 6px;
    font-size: 16px;
}

/**
  This block to define styles of html/body when the sidemenu opens.
 */
@media (max-width: 767.98px) {
    html.open-sidemenu,
  body.open-sidemenu {
        overflow: hidden;
        position: relative;
        width: 100vw;
        height: calc(100 * var(--vh));
    }
}

#sidemenuaccount {
    top: 93px;
    border-top: 1px solid #f6f6f6;
}

#sidemenuaccount .sidemenu--inner {
    padding: 0 20px;
    max-height: calc(var(--win-height) - 93px);
    overflow-y: auto;
}

#sidemenuaccount .sidemenu--overlay.show {
    display: none;
}

#sidemenuaccount .sidemenu--btn-close {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 99999;
    font-family: 'icomoon';
    color: #2d2a26;
    padding: 0;
}

#sidemenuaccount .sidemenu--btn-close:before {
    content: '\e90b';
}

#sidemenuaccount .sidemenu--main-content {
    padding-top: 16px;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.size-modal-btn {
    padding: 16px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    font-weight: 600;
    font-size: 14px;
    border-radius: 0;
}

@media screen and (max-width: 992px) {
    .size-modal-btn {
        font-size: 14px;
    }
}

.size-modal-btn .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 11px;
    padding-left: 5px;
}

#size-opt-modal {
    padding-right: 0 !important;
    opacity: 1 !important;
}

#size-opt-modal .modal-dialog {
    left: 0;
    opacity: 1;
    -webkit-transform: translate(100%, 0) scale(1);
    -ms-transform: translate(100%, 0) scale(1);
    transform: translate(100%, 0) scale(1);
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    #size-opt-modal .modal-dialog {
        margin: 0;
    }
}

#size-opt-modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

#size-opt-modal .modal-body {
    padding: 0;
}

#size-opt-modal .modal-body > div {
    padding: 0 24px;
}

@media screen and (max-width: 992px) {
    #size-opt-modal .modal-body > div {
        padding: 0 16px;
    }
}

#size-opt-modal .back-btn {
    padding: 0;
    margin-top: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 700;
}

#size-opt-modal .back-btn .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 14px;
}

#size-opt-modal .close-btn {
    padding: 0;
    border: 0;
}

#size-opt-modal h4 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-family: 'Barlow';
    font-size: 32px;
}

#size-opt-modal .face-btn-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin: 32px 0 24px;
}

@media screen and (max-width: 992px) {
    #size-opt-modal .face-btn-wrapper {
        margin-bottom: 32px;
    }
}

#size-opt-modal .face-btn-wrapper .face-btn {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    line-height: 22px;
}

@media screen and (max-width: 992px) {
    #size-opt-modal .face-btn-wrapper .face-btn {
        padding: 8px 0;
    }
}

#size-opt-modal .face-btn-wrapper .face-btn.active, #size-opt-modal .face-btn-wrapper .face-btn:focus {
    border-color: #2D2A26;
    color: #2D2A26;
    font-weight: 600;
    box-shadow: 0px 1px 5px 0px rgba(96, 97, 112, 0.2);
}

#size-opt-modal .face-btn-wrapper .face-btn:hover {
    border-color: #2D2A26;
}

#size-opt-modal .face-btn-wrapper .face-btn img {
    max-height: 32px;
}

#size-opt-modal .left-separator {
    padding-left: 16px;
    position: relative;
}

#size-opt-modal .left-separator:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    min-height: 30px;
    width: 1px;
    background-color: #ccc;
}

#size-opt-modal .size-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

@media screen and (max-width: 992px) {
    #size-opt-modal .size-wrapper {
        margin-bottom: 8px;
    }
}

#size-opt-modal .size-wrapper .size-numbers {
    font-size: 20px;
    font-weight: 700;
    white-space: nowrap;
}

#size-opt-modal .model-code-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

#size-opt-modal .button--primary--dark {
    margin: 24px 0 40px;
    font-size: 14px;
    padding-right: 24px;
    padding-left: 24px;
    display: block;
}

@media screen and (max-width: 992px) {
    #size-opt-modal .button--primary--dark {
        width: 100%;
    }
}

#size-opt-modal h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
}

#size-opt-modal .front-view {
    max-width: 340px;
    margin: auto;
    display: block;
    margin-bottom: 24px;
}

#size-opt-modal .side-view {
    max-width: 330px;
    margin: auto;
    display: block;
}

.skeleton .product--brand:before,
.skeleton .product--head:before,
.skeleton .product--model:before,
.skeleton .product--price:before,
.skeleton .products-listing--list > div:not(.product-listing--item):before,
.skeleton .products-listing > div:not(.container-fluid):not(.products-listing--footer):not(.filter--sticky-section):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: #fff -webkit-linear-gradient(left, rgba(247, 246, 244, 0.7) -24.18%, rgba(247, 246, 244, 0.2) 50.26%, #ECEBEA 114.84%);
    background: #fff linear-gradient(90deg, rgba(247, 246, 244, 0.7) -24.18%, rgba(247, 246, 244, 0.2) 50.26%, #ECEBEA 114.84%);
    background-size: 400% 400%;
    z-index: 3;
    -webkit-animation: gradient 3s ease infinite;
    animation: gradient 3s ease infinite;
}

.skeleton .product--price:before {
    width: 50%;
}

@media screen and (max-width: 992px) {
    .skeleton .product--price:before {
        width: 100%;
    }
}

.skeleton .products-listing--total-results,
.skeleton #btn-show-more {
    opacity: 0;
}

.skeleton #ci_espot__X_PLP_Bottom_Banner,
.skeleton #ci_espot__X_PLP_SEO_Footer a,
.skeleton #ci_espot__X_PLP_SEO_Footer p,
.skeleton .faq-wrapper h4,
.skeleton .filters--selected-filters-grid,
.skeleton .products-listing--footer > div:not(.container-fluid):not(.emarketingspot),
.skeleton .products-listing--list > div:not(.product-listing--item),
.skeleton .products-listing > div:not(.container-fluid):not(.filter--sticky-section) {
    position: relative;
}

.skeleton .filters--content .card-body,
.skeleton .filters--box .card-body {
    position: relative;
}

.skeleton .filters--content .card-body:before,
  .skeleton .filters--box .card-body:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 99;
}

.skeleton #btn-apply-filters {
    height: 48px;
    position: relative;
    overflow: hidden;
}

.skeleton #btn-apply-filters:after {
    content: '';
    position: absolute;
    top: -2px;
    left: calc(50% - 24px);
    height: 48px;
    width: 48px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    background: url("../images/icons/spinner-btn-wht.svg") no-repeat center center;
}

@media screen and (max-width: 992px) {
    .skeleton #btn-apply-filters:after {
        top: -1px;
    }
}

.skeleton #btn-apply-filters .button--label {
    display: none;
}

.skeleton .filters--content .opsm-custom-control-dark.custom-control .custom-control-input:checked ~ .custom-control-label:after,
.skeleton .filters--content .opsm-custom-control-dark.custom-control .custom-control-label:after,
.skeleton .filters--content .opsm-custom-control-dark.custom-control .custom-control-label:before, .skeleton .card-body-wrapper .opsm-custom-control-dark.custom-control .custom-control-input:checked ~ .custom-control-label:after,
.skeleton .card-body-wrapper .opsm-custom-control-dark.custom-control .custom-control-label:after,
.skeleton .card-body-wrapper .opsm-custom-control-dark.custom-control .custom-control-label:before {
    border-color: #999;
}

.skeleton .filters--pill .custom-control-input:not(:checked) + .custom-control-label {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    color: #999;
}

.skeleton .filters--pill .custom-control-input:not(:checked) + .custom-control-label img, .skeleton .filters--pill .custom-control-input:not(:checked) + .custom-control-label .catalogue-color {
    opacity: 0.5;
}

.skeleton.skeleton--store {
    height: 190px;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    margin-bottom: 24px;
    padding: 24px;
    box-shadow: 0px 0px 20px 0px #0000000D;
    background-color: #fff;
}

@media screen and (max-width: 992px) {
    .skeleton.skeleton--store {
        height: 265px;
        border-radius: 0;
        border: 0;
    }
}

.skeleton.skeleton--store div {
    border-radius: 6px;
    background: #fff -webkit-linear-gradient(left, rgba(247, 246, 244, 0.7) -24.18%, rgba(247, 246, 244, 0.2) 50.26%, #ECEBEA 114.84%);
    background: #fff linear-gradient(90deg, rgba(247, 246, 244, 0.7) -24.18%, rgba(247, 246, 244, 0.2) 50.26%, #ECEBEA 114.84%);
    background-size: 400% 400%;
    z-index: 3;
    -webkit-animation: gradient 3s ease infinite;
    animation: gradient 3s ease infinite;
}

@-webkit-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.sorting-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .sorting-wrapper {
        border-left: 1px solid #e5e5e5;
    }
}

.sort-by {
    position: relative;
    width: 100%;
}

@media (min-width: 992px) {
    .sort-by {
        width: auto;
    }
}

.sort-by--native {
    opacity: 0;
    -webkit-appearance: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.sort-by--mobile {
    height: 55px;
    padding: 0 20px;
    background: #e5e5e5;
    width: 100%;
}

.sort-by--mobile .icon {
    font-size: 0.875rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sort-by--desktop {
    width: 180px;
}

@media screen and (max-width: 992px) {
    .sort-by--dropdown {
        height: 100%;
    }
}

.sort-by--dropdown .dropdown-toggle {
    border: none;
    border-radius: 0;
    color: #2D2A26;
    padding: 0;
    cursor: pointer;
}

@media screen and (max-width: 992px) {
    .sort-by--dropdown .dropdown-toggle {
        height: 100%;
    }
}

.sort-by--dropdown .dropdown-toggle:after {
    content: none;
}

.sort-by--dropdown .dropdown-toggle:hover, .sort-by--dropdown .dropdown-toggle:active, .sort-by--dropdown .dropdown-toggle:focus {
    color: #2D2A26;
}

@media screen and (max-width: 992px) {
    .sort-by--dropdown .dropdown-toggle:hover, .sort-by--dropdown .dropdown-toggle:active, .sort-by--dropdown .dropdown-toggle:focus {
        text-decoration: none;
    }
}

.sort-by--dropdown .dropdown-toggle .sort-by--selected-text {
    text-decoration: underline;
}

@media screen and (max-width: 992px) {
    .sort-by--dropdown .dropdown-toggle .sort-by--selected-text {
        color: transparent;
        font-size: 0;
    }
}

@media screen and (max-width: 992px) {
    .sort-by--dropdown .dropdown-toggle .sort-by--selected-text:after {
        content: 'SORT BY';
        color: #2d2a26;
        font-weight: 700;
        font-size: 14px;
    }
}

.sort-by--dropdown .dropdown-toggle .icon {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 0.75rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media screen and (max-width: 992px) {
    .sort-by--dropdown .dropdown-toggle .icon {
        font-size: 14px;
    }
}

.sort-by--dropdown.show .dropdown-toggle {
    background: transparent;
}

.sort-by--dropdown.show .dropdown-toggle .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sort-by--dropdown .dropdown-menu {
    border: 1px solid #2D2A26;
    border-radius: 8px;
    width: 166px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    background-color: #FFF;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: -2px;
    z-index: 99;
    padding: 0;
    overflow: hidden;
    margin-top: 8px;
}

@media screen and (max-width: 992px) {
    .sort-by--dropdown .dropdown-menu {
        width: 177px;
        right: 5px;
    }
}

.sort-by--dropdown .dropdown-item {
    padding: 12px 16px;
    font-size: 14px;
    color: #2D2A26;
    position: relative;
}

.sort-by--dropdown .dropdown-item:hover, .sort-by--dropdown .dropdown-item:active, .sort-by--dropdown .dropdown-item:focus {
    background-color: #E6E5E0;
}

@media screen and (max-width: 992px) {
    .sort-by--dropdown .dropdown-item.selected {
        text-decoration: underline;
    }
}

.sort-by--dropdown .dropdown-item.selected:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("../images/icons/check-circle-green.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.sort-filter-mb {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    position: relative;
    padding-left: 24px;
}

@media (max-width: 991.98px) {
    .sort-filter-mb {
        padding-left: 0;
        height: 100%;
        position: relative;
    }
}

.sort-filter-mb--pos-placeholder {
    display: none;
}

@media (max-width: 991.98px) {
    .sort-filter-mb--pos-placeholder {
        height: 55px;
        position: static;
        display: block;
    }
}

.sort-filter-mb--filter {
    height: 55px;
    padding: 0 20px;
    background: #e5e5e5;
    width: 100%;
    border-radius: 0;
    color: #2D2A26;
    border-right: solid 2px #FFFFFF;
}

.sort-filter-mb--filter:active, .sort-filter-mb--filter:focus, .sort-filter-mb--filter:hover {
    color: #2D2A26;
    text-decoration: none;
    background: #CCCCCC;
}

.sort-filter-mb.row {
    margin: 0;
}

.sort-filter-mb.row .col-6 {
    padding: 0;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
body #storedetails {
    margin-bottom: 4rem;
}

body #storedetails .slick-arrow {
    bottom: -30px;
    top: auto;
    width: 1rem;
    height: 1rem;
}

body #storedetails .slick-arrow.slick-next {
    right: 30%;
}

body #storedetails .slick-arrow.slick-prev {
    left: 30%;
}

body #storedetails .store-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 100%;
}

body #storedetails .store-details h4 {
    text-transform: uppercase;
}

body #storedetails .store-details p {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    line-height: 1;
}

body #storedetails .store-details p .label {
    font-weight: bold;
}

body #storedetails .store-details p#store-tel {
    line-height: 1.75rem;
    margin-bottom: 0px;
}

body #storedetails .store-details p#storefax {
    line-height: 1.75rem;
}

body #storedetails .store-details .button {
    min-width: 100%;
    margin-bottom: 2.5rem;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 148px;
}

body #storedetails #store-openinghours {
    list-style-type: none;
    padding-left: 0;
}

body #storedetails #store-openinghours li {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40px auto;
    grid-template-columns: 40px auto;
}

body #storedetails #store-openinghours .label {
    font-weight: bold;
    padding-right: 10px;
}

body #storedetails .actionStoreDetail .button {
    min-width: 100%;
}

body #storedetails .map-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

body #storedetails .map-wrapper .map-details {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    height: calc(100% - 80px);
}

@media (max-width: 991.98px) {
    body #storedetails .map-wrapper .map-details {
        min-height: 330px;
    }
}

body #storedetails .map-wrapper .map-details #store-screenmap {
    height: 100%;
}

body #storedetails .map-wrapper .direction-container {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
}

body #storedetails .map-wrapper .direction-container .button {
    min-width: 100%;
    margin-top: 24px;
}

@media (max-width: 991.98px) {
    body #storedetails .map-wrapper .direction-container .button {
        margin-bottom: 24px;
    }
}

#store-locator {
    min-height: 500px;
}

@media screen and (min-width: 992px) {
    #store-locator .container-fluid {
        padding: 0;
    }
}

@media screen and (min-width: 992px) {
    #store-locator h2 {
        padding-left: 64px;
    }
}

#store-locator .compact-width {
    max-width: 100%;
}

@media screen and (max-width: 992px) {
    #store-locator .breadcrumbtrail {
        padding-top: 20px;
    }
}

#store-locator .opsm-breadcrumb {
    margin-left: 32px;
}

@media screen and (max-width: 992px) {
    #store-locator .opsm-breadcrumb {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 16px;
        margin-left: 0px;
    }
}

#store-locator .opsm-breadcrumb li {
    padding-bottom: 0;
}

#store-locator .opsm-breadcrumb .breadcrumb-item .icon {
    margin-left: 8px;
}

#store-locator .location-search {
    padding: 0 64px;
}

@media screen and (max-width: 992px) {
    #store-locator .location-search {
        padding: 0;
    }
}

#store-locator .find-store.search-store--form-group {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 8px;
}

@media screen and (max-width: 992px) {
    #store-locator .find-store.search-store--form-group {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 24px;
        margin-bottom: 40px;
    }
}

#store-locator .find-store.search-store--form-group .search-store--form-control {
    height: 46px;
    color: #2d2a26;
}

#store-locator .find-store.search-store--form-group .form-group label {
    color: #666;
    font-size: 16px;
}

@media screen and (max-width: 992px) {
    #store-locator .find-store.search-store--form-group .form-group label {
        color: #999;
    }
}

#store-locator .find-store.search-store--form-group .button--primary--dark {
    min-width: unset;
    font-size: 16px;
    height: 48px;
    line-height: 1;
}

#store-locator .find-store.search-store--form-group .form-group #use-my-location,
    #store-locator .find-store.search-store--form-group .form-group #use-my-location-baet {
    top: 3px;
    right: 3px;
}

#store-locator .find-store.search-store--form-group .search-store--form-control:focus + label,
    #store-locator .find-store.search-store--form-group .search-store--form-control:not(:empty) + label,
    #store-locator .find-store.search-store--form-group .search-store--form-control:valid + label {
    font-size: 14px;
    color: #2d2a26;
}

#store-locator .find-store.search-store--form-group #invalidPostCode {
    grid-row: 2/3;
    margin: -14px 0;
}

#store-locator .select-store--content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 80px;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--content {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        -ms-grid-rows: min-content;
        grid-template-rows: min-content;
        min-height: 410px;
        position: relative;
    }
}

#store-locator .select-store--maps {
    grid-column: 2/3;
    grid-row: 1/5;
    min-height: 560px;
    position: relative;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--maps {
        grid-row: 3/4;
        grid-column: 1/2;
        min-height: 145px;
        margin-top: 84px;
        border-radius: 8px;
        overflow: hidden;
    }
}

#store-locator .select-store--maps .select-store--maps--sticky {
    height: 560px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--maps .select-store--maps--sticky {
        height: 145px;
    }
}

#store-locator .select-store--maps .select-store--maps--sticky.open {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100*var(--vh));
    z-index: 99;
}

#store-locator .select-store--maps .select-store--maps--sticky.open .locations-map {
    width: 100%;
    height: 100%;
}

#store-locator .select-store--maps .select-store--maps--sticky.open .select-store--maps--overlay {
    display: none;
}

#store-locator .select-store--maps .select-store--maps--sticky.open #back-list-view {
    position: fixed;
    top: 24px;
    left: 16px;
    background-color: #fff;
    border: none;
    border-radius: 20px;
    padding: 8px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.05);
}

#store-locator .select-store--maps .select-store--maps--sticky.open #back-list-view .icon {
    font-size: 13px;
}

#store-locator .select-store--maps .locations-map {
    height: 560px;
    min-height: 560px;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--maps .locations-map {
        height: 145px;
        min-height: 145px;
    }
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--maps--overlay {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 8px;
        background-color: rgba(0, 0, 0, 0.2);
        border: none;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--maps--overlay span {
        background-color: #fff;
        padding: 10px 24px;
        border-radius: 24px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        color: #2d2a26;
    }
}

#store-locator .select-store--list {
    padding: 42px 64px 0;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--list {
        padding: 0;
        margin: 0 -15px;
        position: relative;
    }
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--list .select-store--showmore {
        padding: 0 14px;
    }
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--list .select-store--showmore .button {
        padding: 3px;
    }
}

#store-locator .select-store--item {
    border-radius: 16px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
    padding: 24px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--item {
        border-radius: 0;
        border: 0;
        margin-top: 24px;
    }
}

#store-locator .select-store--item:hover {
    background-color: #fff;
}

#store-locator .select-store--item .grey-badge {
    margin: 0;
    position: absolute;
    right: 24px;
    top: 16px;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--item .grey-badge {
        position: static;
        grid-row: 1/2;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 8px;
        text-transform: uppercase;
    }
}

#store-locator .select-store--item--info {
    width: 100%;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--item--info {
        display: block;
    }
}

#store-locator .select-store--item--info .button--secondary.small-btn {
    font-size: 14px;
    min-width: unset;
    padding: 0 32px;
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    background-color: #2d2a26;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--item--info .button--secondary.small-btn {
        height: 48px;
        font-size: 16px;
    }
}

#store-locator .select-store--item--info .button--secondary.small-btn .button--label {
    color: #fff;
}

#store-locator .select-store--item--info .button--secondary.small-btn:hover .button--label {
    color: #fff !important;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--item--info .btn-wrapper .button {
        font-size: 16px;
        padding: 10px;
        width: 100% !important;
    }
}

#store-locator .select-store--item--inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--item--inner {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

#store-locator .select-store--item--inner .select-store--item--street {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--item--inner .select-store--item--street {
        margin-bottom: 8px;
    }
}

#store-locator .select-store--item--inner .select-store--item--add {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    font-size: 14px;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--item--inner .select-store--item--add {
        margin-bottom: 8px;
    }
}

#store-locator .select-store--item--openhours {
    margin-top: 16px;
}

@media screen and (max-width: 992px) {
    #store-locator .select-store--item--openhours {
        margin-top: 0;
        margin-bottom: 24px;
    }
}

#store-locator .select-store--item--openhours .opening-hours {
    font-size: 14px;
    padding-top: 8px;
    margin-bottom: 0;
}

#store-locator .select-store--item--openhours .opening-hours li {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 35px auto;
    grid-template-columns: 35px auto;
}

#store-locator .select-store--item--openhours .btn-link {
    border: 0;
    padding: 0;
    font-size: 14px;
    position: relative;
    padding-right: 24px;
}

#store-locator .select-store--item--openhours .btn-link .icon-chevron-left {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 6px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .5s ease transform;
    transition: .5s ease transform;
}

#store-locator .select-store--item--openhours .btn-link.collapsed .icon-chevron-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#store-locator .select-store--item--openhours .btn-link:hover {
    color: #2d2a26;
    text-decoration: none;
}

#store-locator #back-list-view {
    display: none;
}

#store-locator .total-stores {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 24px;
}

@media screen and (max-width: 992px) {
    #store-locator .total-stores {
        position: absolute;
        top: -20px;
        left: 16px;
        margin-bottom: 0;
    }
}

#store-locator .see-more {
    padding: 3px 40px;
}

.store-locator-page .store-badges-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.store-locator-page .store-badge-cr {
    font-weight: 600;
    font-size: 12px;
    line-height: 23px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 24px;
    border: .5px solid #b58b34;
    margin-bottom: 8px;
}

@media screen and (max-width: 992px) {
    .store-locator-page .store-badge-cr {
        min-height: 25px;
        margin-bottom: 16px;
    }
}

.store-locator-page .store-badge-kids {
    background-color: #aec4e4;
    border-radius: 24px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    margin-bottom: 8px;
}

@media screen and (max-width: 992px) {
    .store-locator-page .store-badge-kids {
        min-height: 25px;
        margin-bottom: 16px;
    }
}

.store-locator-page .store-badge-kids:before {
    content: '';
    background-image: url(../images/icons/kids-icon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: block;
}

.store-locator-page .select-store--item--info {
    width: 100%;
}

@media screen and (max-width: 992px) {
    .store-locator-page .select-store--item--info {
        display: block;
    }
}

.store-locator-page .select-store--item--info .button--primary.small-btn {
    font-size: 14px;
    min-width: unset;
    padding: 0 32px;
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

@media screen and (max-width: 992px) {
    .store-locator-page .select-store--item--info .button--primary.small-btn {
        height: 48px;
        font-size: 16px;
    }
}

@media screen and (max-width: 992px) {
    .store-locator-page .select-store--item--info .btn-wrapper {
        margin-top: 24px;
    }
}

@media screen and (max-width: 992px) {
    .store-locator-page .select-store--item--info .btn-wrapper .button {
        font-size: 16px;
        padding: 10px;
    }
}

.subscription-item {
    border: 1px solid #e5e5e5;
    padding: 24px;
}

@media screen and (max-width: 992px) {
    .subscription-item {
        padding: 24px 16px;
    }
}

.subscription-item .status {
    color: #2D2A26;
}

.subscription-item .status:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #2D2A26;
    margin-right: 8px;
}

.subscription-item .status.active {
    color: #3F8350;
}

.subscription-item .status.active:before {
    background-color: #3F8350;
}

.subscription-item .status.on-hold, .subscription-item .status.Paused {
    color: #E1523E;
}

.subscription-item .status.on-hold:before, .subscription-item .status.Paused:before {
    background-color: #E1523E;
}

.subscription-item .cl-img {
    background-color: #F7F6F4;
    height: 192px;
    width: 311px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.subscription-item .cl-img img {
    mix-blend-mode: multiply;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.subscription-item .cl-img .more-img {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.subscription-item-info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr 1fr;
    grid-template-columns: auto 1fr 1fr;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    padding: 16px 0;
}

@media screen and (max-width: 992px) {
    .subscription-item-info {
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .subscription-item-info .cl-img {
        margin-bottom: 16px;
        width: 100%;
    }
}

.main-account .img-wrapper {
    background-color: #F7F6F4;
    max-width: 320px;
    height: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-account .product-details-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

@media screen and (max-width: 992px) {
    .main-account .product-details-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}

@media screen and (max-width: 992px) {
    .main-account .product-details-wrapper .subscription-price {
        width: 100%;
    }
}

.main-account .prescr-table {
    font-size: 14px;
    text-align: center;
}

@media screen and (max-width: 992px) {
    .main-account .prescr-table {
        width: 100%;
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .main-account .prescr-table tbody {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
    }
}

@media screen and (max-width: 992px) {
    .main-account .prescr-table tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
    }
}

@media screen and (max-width: 992px) {
    .main-account .prescr-table tr:first-child {
        display: none;
    }
}

.main-account .prescr-table tr:first-child th {
    padding-top: 0;
}

.main-account .prescr-table td {
    padding: 6px 24px;
}

@media screen and (max-width: 992px) {
    .main-account .prescr-table td {
        padding: 4px 0;
    }
}

.main-account .prescr-table th {
    font-weight: 600;
    padding: 6px 0;
}

.main-account .prescr-table th:first-child {
    padding-right: 24px;
}

@media screen and (max-width: 992px) {
    .main-account .prescr-table th:first-child {
        padding-top: 0;
    }
}

.main-account .prescr-table .separator {
    position: relative;
}

.main-account .prescr-table .separator:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    display: block;
    background-color: #E5E5E5;
}

.main-account .status {
    font-weight: 600;
    position: relative;
    padding-left: 20px;
    white-space: nowrap;
}

.main-account .status:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 100%;
    display: block;
    background-color: #222;
}

.main-account .status.Active {
    color: #3F8350;
}

.main-account .status.Active:before {
    background-color: #3F8350;
}

.main-account .status.red {
    color: #E1523E;
}

.main-account .status.red:before {
    background-color: #E1523E;
}

.main-account .status.green {
    color: #3F8350;
}

.main-account .status.green:before {
    background-color: #3F8350;
}

.main-account .status.blue {
    color: #3D87CB;
}

.main-account .status.blue:before {
    background-color: #3D87CB;
}

.main-account .sub-total-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #E5E5E5;
    padding-top: 20px;
    margin-top: 12px;
}

@media screen and (max-width: 992px) {
    .main-account .sub-total-wrapper {
        padding-top: 16px;
    }
}

@media screen and (max-width: 992px) {
    .main-account .sub-total-wrapper .subscription-price {
        width: auto;
        margin-bottom: 0;
    }
}

.myarea-section-title {
    margin-bottom: 24px;
}

@media screen and (max-width: 992px) {
    .myarea-section-title {
        text-align: center;
        font-size: 20px;
        margin-bottom: 32px;
    }
}

.myarea-box .opsm-bordered-header {
    padding: 16px 20px !important;
}

@media screen and (min-width: 992px) {
    .myarea-box .opsm-bordered-header {
        padding: 16px 30px !important;
    }
}

.myarea-box .opsm-bordered-content {
    padding: 24px 20px;
}

@media screen and (min-width: 992px) {
    .myarea-box .opsm-bordered-content {
        padding: 24px 30px;
    }
}

.latest-purchase {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 215px 1fr 1fr;
    grid-template-columns: 215px 1fr 1fr;
    padding: 24px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.latest-purchase .img-wrapper {
    background-color: #F7F6F4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.latest-purchase .button {
    min-width: 160px;
    font-size: 14px;
    padding: 9px;
    height: 42px;
}

.subscription-wrapper {
    grid-column: 1/4;
    margin-top: 24px;
    background-color: #EDF3F8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    gap: 16px;
}

.subscription-wrapper img {
    width: 20px;
    height: 20px;
}

.payment-details img {
    width: 30px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.refill-freq-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1px 1fr;
    grid-template-columns: 1fr 1px 1fr;
    -webkit-column-gap: 64px;
    -moz-column-gap: 64px;
    column-gap: 64px;
}

@media screen and (max-width: 992px) {
    .refill-freq-box {
        display: block;
    }
}

.refill-freq-box .separator {
    background-color: #e5e5e5;
}

@media screen and (max-width: 992px) {
    .refill-freq-box .separator {
        height: 16px;
        display: block;
        background: none;
    }
}

.refill-freq-box p {
    margin-bottom: 0;
}

.subscription-order-list {
    background-color: #F7F6F4;
    border: 1px solid #e5e5e5;
    padding: 24px;
}

.subscription-order-list .card-header {
    border-radius: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
}

.subscription-order-list .card-header .button {
    color: #2d2a26;
}

.subscription-order-list .card-header .tab-accordion--sign {
    width: 20px;
    height: 20px;
}

.subscription-order-list .card-header .tab-accordion--sign:after, .subscription-order-list .card-header .tab-accordion--sign:before {
    height: 2px;
    border-radius: 2px;
    width: 20px;
    left: 0;
}

.subscription-order-list .card-body {
    padding: 0;
    margin-top: 16px;
}

.subscription-order-list .order-item {
    border-top: 1px solid #e5e5e5;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -webkit-column-gap: 88px;
    -moz-column-gap: 88px;
    column-gap: 88px;
    padding: 16px 0;
}

@media screen and (max-width: 992px) {
    .subscription-order-list .order-item {
        display: block;
        position: relative;
    }
}

.subscription-order-list .order-item:last-child {
    padding-bottom: 0;
}

.subscription-order-list .order-item .btn {
    text-align: right;
}

.subscription-order-list .order-item p {
    margin: 0;
}

.subscription-order-list .order-item .in-process {
    color: #3D87CB;
    font-weight: 600;
}

@media screen and (max-width: 992px) {
    .subscription-order-list .order-item a {
        position: absolute;
        top: 16px;
        right: 0;
    }
}

.subscription-order-list .status {
    padding-left: 0;
}

.subscription-order-list .status::before {
    content: none;
}

.my-account-modal .modal-body {
    padding: 40px 32px;
}

.my-account-modal .modal-dialog {
    max-width: 704px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

@media screen and (max-width: 992px) {
    .my-account-modal .modal-dialog {
        margin: 0 20px;
    }
}

.my-account-modal .hybrid-select .btn {
    border-radius: 8px;
    border-color: #ccc;
}

.my-account-modal .icon-close {
    position: absolute;
    top: 27px;
    right: 27px;
}

@media screen and (max-width: 992px) {
    .my-account-modal.fullwidth-modal-mobile {
        background-color: #fff;
    }
}

@media screen and (max-width: 992px) {
    .my-account-modal.fullwidth-modal-mobile .modal-dialog {
        margin: 0;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media screen and (max-width: 992px) {
    .my-account-modal.fullwidth-modal-mobile .modal-content {
        height: 100%;
    }
}

@media screen and (max-width: 992px) {
    .my-account-modal.fullwidth-modal-mobile .modal-body {
        padding: 40px 20px;
    }
}

.my-account-modal #state-postcode, .my-account-modal #state-postcode-bill {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 210px;
    grid-template-columns: auto 210px;
    gap: 16px;
}

@media screen and (max-width: 992px) {
    .my-account-modal #state-postcode, .my-account-modal #state-postcode-bill {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

.my-account-modal #state-postcode div, .my-account-modal #state-postcode-bill div {
    position: relative;
}

.my-account-modal #state-postcode .form-control-label, .my-account-modal #state-postcode-bill .form-control-label {
    background-image: -webkit-linear-gradient(bottom, #fafafa 50%, #fff 50%);
    background-image: linear-gradient(0deg, #fafafa 50%, #fff 50%);
}

.my-account-modal #delivery-addr-add .opsm-form-group.material-input, .my-account-modal #bill-addr-add .opsm-form-group.material-input {
    margin-bottom: 40px;
}

@media screen and (min-width: 992px) {
    #refill-delivery-address-modal .modal-content {
        max-height: 90vh;
        overflow-y: auto;
    }
}

@media screen and (min-width: 992px) {
    #refill-delivery-address-modal .modal-dialog {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 992px) {
    #refill-delivery-address-modal #delivery-addr-change {
        position: relative;
        margin-bottom: -40px;
    }
}

@media screen and (min-width: 992px) {
    #refill-delivery-address-modal #delivery-addr-change:after {
        content: '';
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        display: block;
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 80%);
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 80%);
    }
}

.prescription-valid {
    padding-left: 0;
}

.prescription-valid .collapse-btn {
    padding: 0 4px;
    text-decoration: underline;
}

.prescription-valid .custom-control-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-left: 20px;
}

.prescription-valid .opsm-custom-control.custom-control.custom-checkbox .custom-control-label:after,
  .prescription-valid .opsm-custom-control.custom-control.custom-checkbox .custom-control-label:before {
    width: 12px;
    height: 12px;
    left: 0;
    top: 8px;
}

.alert-red {
    background-color: #FCEEEC;
    padding: 24px;
    padding-left: 64px;
    border-radius: 8px;
    font-size: 14px;
    position: relative;
}

@media screen and (max-width: 992px) {
    .alert-red {
        padding: 16px;
    }
}

@media screen and (max-width: 992px) {
    .alert-red > p {
        padding-left: 40px;
    }
}

.alert-red .button {
    height: 42px;
    font-size: 14px;
}

.alert-red:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("../images/icons/warning-triangle.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
    .alert-red:before {
        top: 36px;
        left: 16px;
    }
}

.alert-green {
    background-color: #ECF3ED;
    padding: 10px;
    padding-left: 62px;
    border-radius: 8px;
    position: relative;
}

.alert-green:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("../images/icons/check-circle.svg");
    -webkit-filter: invert(41%) sepia(55%) saturate(398%) hue-rotate(82deg) brightness(95%) contrast(89%);
    filter: invert(41%) sepia(55%) saturate(398%) hue-rotate(82deg) brightness(95%) contrast(89%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.alert-green.alert-small {
    padding-left: 46px;
}

.alert-green.alert-small:before {
    left: 16px;
}

.alert-blue {
    border-radius: 8px;
    background-color: #EDF3F8;
    padding: 24px;
    padding-left: 64px;
    border-radius: 8px;
    font-size: 14px;
    position: relative;
}

.alert-blue:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("../images/icons/warn-blue.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#delivery-addr-change .shipping-address {
    padding: 18px 16px;
    border-top: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
    #delivery-addr-change .shipping-address {
        padding: 32px 0;
    }
}

#delivery-addr-change .shipping-address .collapse-btn .hide-instructions {
    display: block;
}

#delivery-addr-change .shipping-address .collapse-btn .add-instructions {
    display: none;
}

#delivery-addr-change .shipping-address .collapse-btn.collapsed .add-instructions {
    display: block;
}

#delivery-addr-change .shipping-address .collapse-btn.collapsed .hide-instructions {
    display: none;
}

@media screen and (max-width: 992px) {
    #delivery-addr-change .shipping-address .save-changes {
        margin-top: 24px;
        width: 100%;
    }
}

#delivery-addr-change .new-address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 46px 16px;
    border-top: 1px solid #e5e5e5;
}

@media screen and (max-width: 992px) {
    #delivery-addr-change .new-address {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 32px;
        margin-top: 16px;
    }
}

@media screen and (max-width: 992px) {
    #delivery-addr-change .new-address .button {
        margin-top: 24px;
        width: 100%;
    }
}

#billing-addr-change .billing-address {
    padding: 18px 16px;
    border-top: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
    #billing-addr-change .billing-address {
        padding: 32px 0;
    }
}

@media screen and (max-width: 992px) {
    #billing-addr-change .billing-address .save-changes {
        margin-top: 24px;
        width: 100%;
    }
}

#billing-addr-change .new-address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 46px 16px;
    border-top: 1px solid #e5e5e5;
}

@media screen and (max-width: 992px) {
    #billing-addr-change .new-address {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 32px;
        margin-top: 16px;
    }
}

@media screen and (max-width: 992px) {
    #billing-addr-change .new-address .button {
        margin-top: 24px;
        width: 100%;
    }
}

#sub-payment-change .payment-wrapper {
    padding: 18px 16px;
    border-top: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
    #sub-payment-change .payment-wrapper {
        padding: 26px 0 32px;
    }
}

@media screen and (max-width: 992px) {
    #sub-payment-change .payment-wrapper .save-changes {
        margin-top: 24px;
        width: 100%;
    }
}

#sub-payment-change .new-payment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 46px 16px;
    border-top: 1px solid #e5e5e5;
}

@media screen and (max-width: 992px) {
    #sub-payment-change .new-payment {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 32px;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
    }
}

@media screen and (max-width: 992px) {
    #sub-payment-change .new-payment .button {
        margin-top: 24px;
        width: 100%;
    }
}

#sub-payment-change .payment-wrapper .save-changes,
#sub-payment-change .new-payment .button {
    height: 48px;
    padding: 8px;
}

#sub-payment-add .opsm-form-group.material-input {
    margin-bottom: 40px;
}

#sub-payment-confirm .custom-radio {
    padding-left: 32px;
}

#sub-payment-confirm .custom-control-label::before, #sub-payment-confirm .custom-control-label::after {
    left: -32px;
}

#sub-payment-confirm .rounded-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
}

#sub-payment-confirm .rounded-select .form-control-label {
    position: static;
    white-space: nowrap;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
}

#sub-payment-confirm .rounded-select .opsm-form-control.form-control,
  #sub-payment-confirm .rounded-select .opsm-form-control.form-control .btn {
    height: 35px;
    width: 200px;
}

#sub-payment-confirm .rounded-select .opsm-form-control.form-control .btn {
    border-color: #2D2A26;
}

#box-change-section.disabled {
    position: relative;
}

#box-change-section.disabled:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: not-allowed;
}

.collapse-content.feedback {
    height: 0;
    overflow: hidden;
    max-height: 100px;
    -webkit-transition: 0.5s ease height;
    transition: 0.5s ease height;
}

@media screen and (max-width: 992px) {
    .collapse-content.feedback {
        max-height: 110px;
    }
}

.collapse-content.feedback.show {
    height: 100%;
}

#update-expire-date-modal .custom-control {
    padding-left: 0;
}

#update-expire-date-modal .custom-control .custom-control-label {
    padding-left: 20px;
}

#update-expire-date-modal .opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-label:after,
#update-expire-date-modal .opsm-custom-control-dark.custom-control.custom-checkbox .custom-control-label:before {
    width: 12px;
    height: 12px;
    left: 0;
    top: 8px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-size: 8px;
}

body .modal-backdrop.show {
    opacity: 0.4;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
.product--modal-lens-cat .table-lens-cat {
    width: 900px;
    margin: 0;
}

@media (min-width: 992px) {
    .product--modal-lens-cat .table-lens-cat {
        width: 100%;
    }
}

.product--modal-lens-cat .table-lens-cat td,
  .product--modal-lens-cat .table-lens-cat th {
    border-color: #e5e5e5;
    line-height: 1.13;
    white-space: nowrap;
}

.product--modal-lens-cat .table-lens-cat .thead-light th {
    background: #e5e5e5;
    border-color: #e5e5e5;
    color: #2D2A26;
    font-weight: 400;
    vertical-align: middle;
    line-height: 1.125rem;
}

.product--modal-lens-cat .table-lens-cat--clone {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFFFFF;
    margin: 0;
    width: auto;
}

@media (min-width: 992px) {
    .product--modal-lens-cat .table-lens-cat--clone {
        width: auto;
        display: none;
    }
}

.product--modal-lens-cat .table-lens-cat--wrapper {
    position: relative;
    margin: 125px 0 70px;
}

@media (min-width: 768px) {
    .product--modal-lens-cat .table-lens-cat--wrapper {
        margin-right: -30px;
    }
}

@media (min-width: 992px) {
    .product--modal-lens-cat .table-lens-cat--wrapper {
        margin: 0;
    }
}

.product--modal-lens-cat .table-lens-cat--col--ln-2 {
    height: 62px;
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
/**
 * PROMOTION TITLE
 */
.promotion-title {
    position: relative;
}

@media (min-width: 768px) {
    .home-promotion-title .promotion-title--photo-wrapper {
        box-shadow: 0 2px 20px rgba(45, 42, 38, 0.3);
    }
}

.promotion-title--photo {
    width: 100%;
    height: auto;
}

.promotion-title--content {
    bottom: 0;
    position: absolute;
    left: 0;
    padding: 20px 25px;
    width: 100%;
}

@media (min-width: 768px) {
    .promotion-title--content {
        padding: 30px 25px;
    }
}

@media (min-width: 992px) {
    .promotion-title--content {
        padding: 40px 25px;
    }
}

.promotion-title--heading {
    color: #FFFFFF;
    font-size: 1.375rem;
    line-height: 1.32;
}

@media (min-width: 768px) {
    .promotion-title--heading {
        font-size: 1.875rem;
        line-height: 1.17;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .promotion-title--heading {
        font-size: 2.1875rem;
        line-height: 1.29;
        margin-bottom: 30px;
    }
}

.promotion-title--button {
    width: 148px;
}

.home-promotion-title--right .promotion-title--button {
    width: 158px;
}

.promotion-title--bg-red {
    background-image: -webkit-linear-gradient(bottom, #aa0034, #E1523E);
    background-image: linear-gradient(to top, #aa0034, #E1523E);
}

/**
 * PROMOTION BANNER
 */
.promotion-banner {
    position: relative;
}

@media (min-width: 768px) {
    .home-promotion-banner .promotion-banner--photo-wrapper {
        box-shadow: 0 2px 20px rgba(45, 42, 38, 0.3);
    }
}

.promotion-banner--photo {
    width: 100%;
    height: auto;
}

.promotion-banner--logo {
    margin-bottom: 15px;
}

.home-promotion-banner .promotion-banner--logo {
    width: 87px;
}

@media (min-width: 768px) {
    .promotion-banner--logo {
        margin-bottom: 25px;
    }
}

.promotion-banner--title {
    font-size: 1.875rem;
    line-height: 1.167;
}

@media (min-width: 992px) {
    .promotion-banner--title {
        font-size: 2.1875rem;
        line-height: 1.285;
    }
}

.promotion-banner--subtitle {
    font-size: 1rem;
    line-height: 1.625;
    margin-bottom: 10px;
}

.promotion-banner--actions-toolbar {
    padding-top: 10px;
}

.promotion-banner--actions-toolbar .button {
    width: calc(50% - 10px);
    max-width: 140px;
    margin: 0 20px 10px 0;
}

@media (min-width: 768px) {
    .promotion-banner--actions-toolbar .button {
        max-width: 180px;
        margin-bottom: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.promotion-banner--actions-toolbar .button:nth-child(3), .promotion-banner--actions-toolbar .button:nth-child(4), .promotion-banner--actions-toolbar .button:last-child {
    margin-right: 0;
}

.home-promotion-banner .promotion-banner--actions-toolbar .button {
    max-width: 158px;
}

.promotion-banner--content {
    padding: 30px 20px;
}

@media (min-width: 768px) {
    .promotion-banner--content {
        padding: 30px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 2;
    }
}

@media (min-width: 992px) {
    .promotion-banner--content {
        padding: 35px 60px;
    }
}

.promotion-banner--text {
    padding: 20px;
    text-align: left;
}

.promotion-banner--text--dark {
    color: #2D2A26;
    background-color: #FFFFFF;
}

@media (min-width: 768px) {
    .promotion-banner--text--dark {
        background-color: transparent;
    }
}

.promotion-banner--text--light {
    color: #FFFFFF;
    background-color: #2D2A26;
}

@media (min-width: 768px) {
    .promotion-banner--text--light {
        background-color: transparent;
    }
}

@media (min-width: 768px) {
    .promotion-banner--text--center {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .promotion-banner--text--left {
        text-align: left;
    }
}

@media (min-width: 768px) {
    .promotion-banner--text--right {
        text-align: right;
    }
}

@media (min-width: 768px) {
    .promotion-banner--gradient--left-dark, .promotion-banner--gradient--right-dark {
        width: 60%;
    }
}

@media (min-width: 768px) {
    .promotion-banner--gradient--left-dark {
        background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), #FFFFFF);
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #FFFFFF);
        left: 0;
        right: auto;
    }
}

@media (min-width: 768px) {
    .promotion-banner--gradient--right-dark {
        background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #FFFFFF);
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF);
        left: auto;
        right: 0;
    }
}

@media (min-width: 768px) {
    .promotion-banner--gradient--left-light, .promotion-banner--gradient--right-light {
        width: 60%;
    }
}

@media (min-width: 768px) {
    .promotion-banner--gradient--left-light {
        background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), #000000);
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #000000);
        left: 0;
        right: auto;
    }
}

@media (min-width: 768px) {
    .promotion-banner--gradient--right-light {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #000000);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000000);
        left: auto;
        right: 0;
    }
}

@media screen and (min-width: 576px) {
    .sitemap .card-columns {
        widows: 5;
    }
}

.tc-tooltip-wrapper {
    opacity: 1 !important;
    padding-bottom: 20px;
    top: 14px !important;
}

.tc-tooltip-wrapper .tooltip-inner {
    background-color: #FFFFFF;
    color: #222222;
    box-shadow: 0px 0px 10px 0px #0000000D;
    padding: 12px 16px;
    max-width: 282px;
    opacity: 1;
    text-align: left;
    font-family: 'Barlow';
    font-size: 14px;
    border-radius: 8px;
}

.tc-tooltip-wrapper .tooltip-inner p {
    margin-bottom: 0;
}

.tc-tooltip-wrapper.bs-tooltip-auto[x-placement^=top] .arrow,
  .tc-tooltip-wrapper.bs-tooltip-top .arrow {
    bottom: 14px;
}

.tc-tooltip-wrapper.bs-tooltip-auto[x-placement^=top] .arrow:before,
    .tc-tooltip-wrapper.bs-tooltip-top .arrow:before {
    border-top-color: #fff;
}

#try-on-btn-wrapper.js-gr-loading {
    position: relative;
}

#try-on-btn-wrapper.js-gr-loading:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #f7f6f4;
    z-index: 1;
    opacity: 0.75;
}

#try-on-btn-wrapper.js-gr-loading:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M37.5 25C37.5 31.9036 31.9036 37.5 25 37.5C18.0964 37.5 12.5 31.9036 12.5 25C12.5 18.0964 18.0964 12.5 25 12.5C31.9036 12.5 37.5 18.0964 37.5 25ZM15 25C15 30.5228 19.4772 35 25 35C30.5228 35 35 30.5228 35 25C35 19.4772 30.5228 15 25 15C19.4772 15 15 19.4772 15 25Z' fill='white'/%3E%3Cpath d='M27.2599 36.0207C27.3986 36.697 26.9627 37.3642 26.276 37.4347C24.0808 37.66 21.8569 37.3007 19.8339 36.3825C17.811 35.4644 16.0763 34.0271 14.8006 32.2265C14.4015 31.6632 14.6168 30.8958 15.2171 30.5549V30.5549C15.8174 30.214 16.5745 30.4302 16.9875 30.9834C17.9927 32.3294 19.3252 33.4062 20.8672 34.106C22.4091 34.8058 24.0969 35.0998 25.7718 34.9702C26.4601 34.9169 27.1213 35.3444 27.2599 36.0207V36.0207Z' fill='%23B58B34'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: spin 1.5s infinite;
    animation: spin 1.5s infinite;
    background-size: contain;
}

#virtual-mirror-wrapper {
    width: 90%;
    height: 90%;
    position: absolute;
    top: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

#virtual-mirror-wrapper .panel-mirror {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-column: 1;
    grid-column-start: 1;
}

#virtual-mirror-wrapper #vm-controls {
    margin: 1rem;
}

#virtual-mirror-wrapper #vm-controls .vm-ctrl-row {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#virtual-mirror-wrapper #vm-controls .vm-ctrl-row #vm-fit {
    z-index: 1;
    font-weight: 700;
    color: #f8f9fa;
    border-color: #f8f9fa;
    padding: 0.1rem 0.4rem;
    margin-right: 0.5rem;
}

#virtual-mirror-wrapper #vm-controls .vm-ctrl-row #vm-snap {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    z-index: 1;
    font-weight: 700;
    padding: 0.1rem;
    min-width: 40px;
}

#virtual-mirror-wrapper #vm-controls .vm-ctrl-row #vm-snap img {
    min-width: 100%;
}

#virtual-mirror-wrapper #vm-controls .vm-ctrl-row #vm-close {
    z-index: 1;
    margin-left: 0.5rem;
    color: #f8f9fa;
    font-size: x-large;
    min-width: 40px;
    padding: 0.1rem;
}

#virtual-mirror-wrapper .vm-error {
    display: none;
}

#virtual-mirror-wrapper #target-mirror {
    width: 100%;
    height: 100%;
    /* Customizing vendor css to handle resize */
}

#virtual-mirror-wrapper #target-mirror .bipa-overlay {
    display: none !important;
}

#virtual-mirror-wrapper #target-mirror .mirror-loader {
    width: 100% !important;
    height: 100% !important;
}

#virtual-mirror-wrapper #target-mirror .mirror-loader > * {
    width: 100% !important;
    height: 100% !important;
}

#virtual-mirror-wrapper #target-mirror .mirror-loader .vm-swipeable-container {
    width: 100% !important;
    height: 100% !important;
}

#virtual-mirror-wrapper #vm-controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 1rem;
}

div#modal-vm-snap {
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.9);
}

#virtual-mirror-wrapper #vm-controls .vm-ctrl-row #vm-fit {
    text-transform: uppercase;
    margin: 0;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    border-radius: 0;
    padding: 0.7rem 3.55rem;
}

#virtual-mirror-wrapper #vm-controls .vm-ctrl-row #vm-close {
    margin: 0;
    padding: 0;
    max-height: unset;
    border: none;
    line-height: 1;
    font-size: 29px;
    min-width: unset;
}

#virtual-mirror-wrapper #vm-controls .vm-ctrl-row #vm-snap {
    margin: -10px -5px;
    max-height: unset;
    padding: 0;
    border: none;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

#virtual-mirror-wrapper #vm-controls .vm-ctrl-row {
    margin: 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
}

#virtual-mirror-variants {
    opacity: 0;
    margin: 0px;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
  /* vertical centering elements */
}

#virtual-mirror-variants .slick-list .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#virtual-mirror-variants .variant-slide {
    margin: auto 25px;
}

#virtual-mirror-variants .variant-slide .variant {
    width: 42px;
    height: 42px;
    background-color: #fff;
      /*display: flex;*/
      /*justify-content: center;*/
      /*align-items: center;*/
    border-radius: 100%;
    overflow: hidden;
      /*margin: 3px;*/
}

#virtual-mirror-variants .variant-slide .variant img {
    max-width: 100%;
}

#virtual-mirror-variants .slick-current .variant-slide .variant {
    width: 56px;
    height: 56px;
    /*margin-top: 0;*/
    border: 2px solid #E1523E;
}

#modal-vm-snap .modal-lg {
    max-width: 100%;
    width: 960px;
}

#virtual-mirror-wrapper.no-model #vm-fit {
    visibility: hidden !important;
}

#virtual-mirror-wrapper.no-model #vm-snap {
    visibility: hidden !important;
}

/* not to be implemented yet
#virtual-mirror-wrapper.error {
  .vm-error {
    display: inherit;
  }
}
*/
/* tablet 50% 2-col view */
@media screen and (min-width: 768px) and (max-width: 991px) {
    #virtual-mirror-wrapper {
        max-height: 50%;
    }
}

/* single column view */
@media screen and (max-width: 767px) {
  /* scroll lock */
    body.vm-showing, html.vm-showing {
        position: fixed;
        overflow: hidden;
    }

    body.vm-showing #virtual-mirror-variants, html.vm-showing #virtual-mirror-variants {
        opacity: 1;
    }

    #virtual-mirror-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: calc(100% - 126px);
        display: block;
    }

    #virtual-mirror-wrapper #vm-controls {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 1rem;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 24.56%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 24.56%, rgba(0, 0, 0, 0) 100%);
        height: auto !important;
    }

    div#modal-vm-snap {
        z-index: 10000;
    }

    #virtual-mirror-wrapper #vm-controls .vm-ctrl-row #vm-fit {
        border: none;
        font-weight: normal;
        text-transform: uppercase;
        margin: 0;
        padding: 0;
    }

    #virtual-mirror-wrapper #vm-controls .vm-ctrl-row #vm-close {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        margin: 0;
        padding: 0;
        max-height: unset;
        border: none;
        line-height: 1;
        font-size: 29px;
        min-width: unset;
    }

    #virtual-mirror-wrapper #vm-controls .vm-ctrl-row #vm-snap {
        margin: -10px -5px;
        max-height: unset;
        padding: 0;
        border: none;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    #virtual-mirror-wrapper #vm-controls .vm-ctrl-row {
        margin: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #modal-vm-snap .modal-lg {
        width: auto;
    }
}

/**
Colors
 */
/**
Styles
 */
/**
    MIXINS
 */
/**
    FUNCTIONS
 */
body #main .only-text-btn {
    background: none;
    border: none;
}

body #main #modal-prescription .only-mobile {
    display: none;
}

body #main #wishlist-page.contents .intro-text {
    padding: 60px 40px;
}

body #main #wishlist-page.contents .baet-step--back-nav {
    padding: 0px 40px;
}

body #main #wishlist-page.contents .wishlist-frames, body #main #wishlist-page.contents .wishlist-sunglasses, body #main #wishlist-page.contents .wishlist-lenses {
    padding: 0px 40px;
}

body #main #wishlist-page.contents .only-mobile {
    display: none;
}

body #main #wishlist-page.contents .intro-text {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 30px;
}

body #main #wishlist-page.contents a.wishlist-basic-link {
    font-weight: bold;
    text-decoration: underline;
}

body #main #wishlist-page.contents .social-links-wrapper {
    text-align: center;
    margin-right: 85px;
}

body #main #wishlist-page.contents .social-links-wrapper span {
    padding: 0px 15px;
}

body #main #wishlist-page.contents .social-links-wrapper .mail-modal-btn {
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    padding: 0;
}

body #main #wishlist-page.contents .product-main-wrapper .row {
    margin-bottom: 100px;
}

body #main #wishlist-page.contents .product-main-wrapper .product-image img {
    max-width: 100%;
    max-height: 100%;
}

body #main #wishlist-page.contents .product-main-wrapper .product-description .product-model {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #999999;
}

body #main #wishlist-page.contents .product-main-wrapper .product-description .base-info p {
    margin-bottom: 0;
}

body #main #wishlist-page.contents .product-main-wrapper .product-description .more-details p {
    margin: 0px;
}

body #main #wishlist-page.contents .product-main-wrapper .product-description .more-details .wishlist-accordion {
    color: #2d2a26;
    padding: 0;
    text-decoration: underline;
}

body #main #wishlist-page.contents .product-main-wrapper .product-description .more-details .wishlist-accordion.collapsed .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .3s linear;
}

body #main #wishlist-page.contents .product-main-wrapper .product-description .more-details .wishlist-accordion .icon {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    margin-left: 7px;
    position: relative;
    top: 2px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
}

body #main #wishlist-page.contents .product-main-wrapper .product-price {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    max-height: 200px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body #main #wishlist-page.contents .product-main-wrapper .bold {
    font-weight: bold;
}

body #main #wishlist-page.contents .product-main-wrapper .product-btns {
    text-align: center;
}

body #main #wishlist-page.contents .product-main-wrapper .product-btns .remove-btn {
    display: block;
    font-size: 18px;
    padding-bottom: 20px;
}

body #main #wishlist-page.contents .product-main-wrapper .product-btns .remove-btn span {
    color: #999999;
    vertical-align: text-top;
    padding-right: 10px;
    margin-left: -10px;
}

body #main #wishlist-page.contents .product-main-wrapper .product-btns .button--primary {
    margin: auto;
}

body #main #wishlist-page.contents .product-main-wrapper .product-btns .prescription-btn {
    width: auto;
}

body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-accordion {
    display: block;
    color: #2d2a26;
    text-decoration: underline;
    padding-top: 20px;
    white-space: pre-line;
}

body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-wrapper {
    padding: 0 50px;
    text-align: left;
}

body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-wrapper p {
    margin-bottom: 5px;
}

body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-wrapper .search-form-wishlist {
    position: relative;
}

body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-wrapper .search-form-wishlist .form-control {
    padding: 0.594rem 0.75rem;
    border-radius: 0px;
}

body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-wrapper .icon {
    padding-right: 10px;
}

@media (max-width: 767px) {
    body #main #wishlist-page.contents .no-mobile {
        display: none !important;
    }

    body #main #wishlist-page.contents .only-mobile {
        display: block;
    }

    body #main #wishlist-page.contents .intro-text {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    body #main #wishlist-page.contents .intro-text .col-md-5 {
        padding: 0 1.25rem 1.88rem;
        border-bottom: 1px solid #e5e5e5;
    }

    body #main #wishlist-page.contents .intro-text .col-md-7 {
        padding: 1.88rem 1.25rem 0;
    }

    body #main #wishlist-page.contents .intro-text .social-links-wrapper {
        margin: 0;
        float: none !important;
    }

    body #main #wishlist-page.contents .baet-step--back-nav {
        display: none;
    }

    body #main #wishlist-page.contents .product-main-wrapper .row {
        padding-bottom: 2.5rem;
        margin-bottom: 1.875rem;
        border-bottom: 1px solid #e5e5e5;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-image {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 1.57rem;
        padding-bottom: 2.5rem;
        padding-left: 0;
        padding-right: 0;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-image img {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        max-width: 100%;
        height: auto;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-price {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
        border: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-btns {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-wrapper {
        padding: 0;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-accordion {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-description {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-description p {
        margin: 0;
    }

    body #main #wishlist-page.contents .product-main-wrapper .only-mobile .model {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
    }

    body #main #wishlist-page.contents .product-main-wrapper .only-mobile .remove-btn {
        text-align: right;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 2.5rem;
        font-size: 1.25rem;
    }

    body #main #wishlist-page.contents .product-main-wrapper .col.only-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    body #main #wishlist-page.contents .product-main-wrapper .cta {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        padding-bottom: 1.57rem;
    }

    body #main #wishlist-page.contents .product-main-wrapper .cta .button {
        width: 100%;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-type {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 1.25em;
        text-align: center;
        padding-bottom: 1.875rem;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-type h2 {
        width: 100%;
        margin: 0;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-type .col-12 {
        padding: 0;
    }

    body #modal-prescription .bold {
        font-weight: bold;
    }

    body #modal-prescription .no-mobile {
        display: none !important;
    }

    body #modal-prescription .only-mobile {
        display: block;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    body #main #wishlist-page.contents .product-main-wrapper .row {
        margin-bottom: 50px;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-description {
        padding: 0;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-description .more-details .wishlist-accordion .icon {
        margin-left: 2px;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-wrapper {
        padding: 0;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-wrapper .search-store--button {
        background-color: #FFFFFF;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-wrapper p {
        margin-bottom: 5px;
        position: relative;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-wrapper p .availability-text {
        display: inline-block;
        padding-left: 30px;
    }

    body #main #wishlist-page.contents .product-main-wrapper .product-btns .availability-wrapper p .icon {
        position: absolute;
        top: 5px;
    }
}

.my-account-favourites .blocks {
    margin: 20px 0;
    overflow: hidden;
    padding: 0;
}

.my-account-favourites .blocks li {
    box-sizing: border-box;
    position: relative;
    margin: 0 0 10px;
    overflow: hidden;
    float: left;
    width: 100%;
    border-right: 0;
}

.my-account-favourites .blocks li img {
    box-sizing: border-box;
    width: 100%;
    height: auto;
}

.my-account-favourites .blocks li.colour-1 p {
    background-color: #ea6c26;
}

.my-account-favourites .blocks li.colour-2 p {
    background-color: #E1523E;
}

.my-account-favourites .blocks li.colour-3 p {
    background-color: #7daed3;
}

.my-account-favourites .blocks li:last-child {
    border-right: 0;
}

.my-account-favourites .blocks li p {
    margin: 0;
    padding: 10px;
    color: #2d2a26;
    font-family: futurabq, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    background: #F7F6F4;
    color: #FFFFFF;
}

.my-account-favourites .blocks li p span {
    font-weight: normal;
    font-size: initial;
    text-transform: none;
}

@media screen and (min-width: 550px) {
    .my-account-favourites .blocks li {
        width: 33.33%;
        padding: .5em;
    }

    .my-account-favourites .blocks li p {
        min-height: 130px;
    }
}

@media screen and (min-width: 640px) {
    .my-account-favourites .blocks li {
        width: 33.33%;
        padding: .5em;
    }

    .my-account-favourites .blocks li p {
        min-height: 91px;
    }
}

@media screen and (min-width: 1024px) {
    .my-account-favourites .container-fluid {
        padding: 0 32px;
    }
}

.my-account-favourites h2 {
    margin-top: 40px;
    margin-bottom: 16px;
}

@media screen and (max-width: 992px) {
    .my-account-favourites h2 {
        margin-top: 32px;
    }
}

/*# sourceMappingURL=app.css.map */